@import url("https://fonts.googleapis.com/css?family=Cabin");



@font-face {

  font-family: 'bebasregular';

  src: url("fonts/bebas-webfont.woff2") format("woff2"), url("fonts/bebas-webfont.woff") format("woff");

  font-weight: normal;

  font-style: normal;

}



body {

  height: auto !important;

}

div.wpcf7-validation-errors {

    border: 0;

    color: red;

    position: relative;

    top: -145px;

    margin: 0;

    height: 0;

    margin-bottom: 0;

}

.gfield_error input,

.gfield_error textarea,

.gfield_error .sbHolder,

.fileupload.gfield_error  label{

  border:1px solid red!important;

}

div.wpcf7-validation-errors.gravity{

  top:0;

  padding: 40px 0;

  clear: both;

  float: none;

}

h1 {

  font-size: 55px;

}



h2 {

  font-size: 35px;

}



h3 {

  font-size: 25px;

  font-family: "bebasregular";

}



h4 {

  font-size: 20px;

  font-family: "bebasregular";

}



h5 {

  font-size: 15px;

}



.transition {

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

}



.site,

.site .wrapper,

.hero {

  width: 100%;

  min-width: 0;

}



.container {

  width: 1130px;

  max-width: 100%;

}



/**

* footer 

**/

footer .footer {

  background-color: #353535;

  padding: 35px 0;

  color: #ffffff;

  font-size: 12px;

}



footer .logo-container {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-align-content: stretch;

  -ms-flex-line-pack: stretch;

  align-content: stretch;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



footer .logo-container:after {

  content: "";

  height: 100%;

  width: 2px;

  background-color: white;

  position: relative;

  left: 55px;

  margin-right: -55px;

}



footer .footer-block {

  padding-bottom: 20px;

}



footer .footer .container > .row {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-align-content: stretch;

  -ms-flex-line-pack: stretch;

  align-content: stretch;

  -webkit-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

}



footer .footer p,

footer .footer a {

  color: #fff;

  font-size: 12px;

  line-height: 20px;

  margin: 0;

}



footer .footer a:hover,

footer .footer li.active a {

  color: #00558c;

  text-decoration: none;

}



footer h5 {

  font-family: "bebasregular";

  margin: 20px 0 12px 0;

  word-spacing: 2px;

}



footer .under-footer {

  height: 67px;

  background-color: #f6f6f6;

  font-size: 12px;

  line-height: 67px;

}



footer .under-footer p {

  margin: 0;

}



footer .under-footer ul {

  font-size: 0;

}



footer .under-footer ul,

footer .under-footer ul li {

  padding: 0;

  margin: 0;

}



footer .under-footer ul li:last-child {

  margin-left: 12.5px;

}



footer .under-footer ul li:not(:last-child) {

  margin-right: 12.5px;

}



footer .under-footer input {

  line-height: 28px;

  height: 28px;

  font-size: 15px;

  color: #8a8b8b;

  margin: 0;

  vertical-align: middle;

}



footer .under-footer input:not([type="submit"]) {

  padding: 0 10px;

  border: 1px solid #707171;

  background-color: transparent;

}



footer .under-footer input:not([type="submit"])::-webkit-input-placeholder {

  color: #8a8b8b;

  opacity: 1;

}



footer .under-footer input:not([type="submit"]):-moz-placeholder {



  /* Firefox 18- */

  color: #8a8b8b;

  opacity: 1;

}



footer .under-footer input:not([type="submit"])::-moz-placeholder {



  /* Firefox 19+ */

  color: #8a8b8b;

  opacity: 1;

}



footer .under-footer input:not([type="submit"]):-ms-input-placeholder {

  color: #8a8b8b;

  opacity: 1;

}



footer .under-footer input[type="submit"] {

  width: 27px;

  background-color: #00558c;

  background-image: url(images/submit-arrow.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 17px 13px;

  margin-left: -4px;

}



footer .logo {

  display: inline-block;

  float: none;

  max-width: 100%;

}



/**

* header

**/

.top-nav {

  background-color: #353535;

  line-height: 30px;

  color: white;

}



.top-nav ul {

  padding: 0;

  margin: 0;

  font-size: 0;

}



.top-nav ul li {

  line-height: 15px;

  vertical-align: middle;

  position: relative;

}



.top-nav ul li:not(:last-child) {

  padding-right: 15px;

}



.top-nav ul li:not(:last-child):after {

  content: "";

  display: inline-block;

  height: 100%;

  width: 1px;

  background-color: #fefefe;

  right: 0;

  top: 0;

  position: absolute;

}



.top-nav ul li:not(:first-child) {

  padding-left: 15px;

}



.top-nav ul li a {

  font-size: 12px;

  color: #fefefe;

  font-family: "bebasregular";

  text-decoration: none;

  vertical-align: middle;

  display: inline-block;

  margin-top: 4px;

  word-spacing: 2px;

  letter-spacing: 1px;

}



.top-nav ul li a:hover,

.top-nav ul li.active a {

  color: #41b6e6;

}



nav .container,

.page-template-default main .container {

  width: 1070px;

}



.main-nav {

  padding: 15px 0 0 0;

  background-color: #e7e7e8;

}



.main-nav .menu-area {

  text-align: right;

}



.main-nav .menu-area #menu-popup-menu {

  margin: 0;

  padding: 0;

  font-size: 0;

}



.main-nav .menu-area #menu-popup-menu li {

  margin: 0;

  padding: 0;

}



.main-nav .menu-area #menu-popup-menu li {

  padding-right: 5px;

}



.main-nav .menu-area #menu-popup-menu li a {

  margin: 0;

  padding: 0;

  display: inline-block;

  width: 135px;

  height: 42px;

  line-height: 47px;

  text-align: center;

  background-color: #00558c;

  font-family: "bebasregular";

  color: #fff;

  font-size: 13px;

  text-decoration: none;

  word-spacing: 2px;

  letter-spacing: 1px;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

  /* Safari only override */

  ::i-block-chrome, .main-nav .menu-area #menu-popup-menu li a {

    line-height: 43px;

    

  }

  ::i-block-chrome, #home-contact input[type="submit"],#career-contact input[type="submit"],a.button-light-grad,header .hero .inner-wrapper .hero-text a, a.button-grad, .cta a, .small-button a, .off-content .inner a:not(.default-link){

    line-height: 52px!important;

  }

  ::i-block-chrome,.top-nav ul li a{

    margin-top: 0;

    line-height: 1;

  }

}

body.osx .main-nav .menu-area #menu-popup-menu li a {

  line-height: 43px;



}

body.osx  #home-contact input[type="submit"], 

body.osx#career-contact input[type="submit"], 

body.osxa.button-light-grad,

body.osx header .hero .inner-wrapper .hero-text a,

.osx a.button-light-grad,

body.osx a.button-grad, 

body.osx .cta a, 

body.osx .small-button a,

body.osx .off-content .inner a:not(.default-link){

  line-height: 52px!important;

}

body.osx  .top-nav ul li a{

  margin-top: 0;

  line-height: 1;

}



@media only screen 

and (-webkit-min-device-pixel-ratio : 3) 

and (-webkit-device-pixel-ratio : 3)

{ 

 .main-nav .menu-area #menu-popup-menu li a {

  line-height: 43px;



}

#home-contact input[type="submit"],a.button-light-grad,header .hero .inner-wrapper .hero-text a, a.button-grad, .cta a, .small-button a, .off-content .inner a:not(.default-link){

  line-height: 52px!important;

}

.top-nav ul li a{

  margin-top: 0;

  line-height: 1;

}

}



.main-nav .menu-area #menu-popup-menu li a:hover ,

.main-nav .menu-area #menu-popup-menu li.active a {

  background-color: #0868a6;

}



.main-nav .menu-area #menu-header-menu {

  margin: 0;

  padding: 0;

  font-size: 0;

}



.main-nav .menu-area #menu-header-menu li {

  padding: 0;

  margin: 0;

  vertical-align: top;

  position: relative;

}



nav a {

  -webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

}



.main-nav .menu-area #menu-header-menu > li > a {

  padding: 20px 5px 20px 5px;

  font-size: 13px;

  font-family: "bebasregular";

  display: inline-block;

  color: #353535;

  text-decoration: none;

  letter-spacing: 0.5px;

  word-spacing: 2px;

}



.main-nav .menu-area #menu-header-menu > li > a:hover,

.main-nav .menu-area #menu-header-menu > li.active > a {

  color: #00558c;

}



.main-nav .menu-area #menu-header-menu > li:last-child > a {

  padding-right: 0;

}



.main-nav .menu-area #menu-header-menu > li:first-child > a {

  padding-left: 0;

}



.main-nav .menu-area #menu-header-menu > li > .sub-menu {

  border-top: 4px solid #46b8e6;

}



.sub-menu {

  display: none;

}



.main-nav .menu-area #menu-header-menu > li > .sub-menu {

  font-size: 12px;

  position: absolute;

  padding: 25px 0;

  left: -25px;

  background-color: #e7e7e8;

  width: 220px;

  z-index: 2222;

  text-align: left;

  margin-top: -4px;

  -webkit-box-shadow: 3px 3px 2px 0 rgba(125, 125, 125, 0.42);

  box-shadow: 3px 3px 2px 0 rgba(125, 125, 125, 0.42);

}



.main-nav .sub-menu a {

  font-size: 14px;

  font-family: "Cabin";

  display: block;

  color: #353535;

  font-weight: bold;

  line-height: 25px;

  padding: 0 25px;

  text-decoration: none;

}



.main-nav .menu-area #menu-header-menu > li > .sub-menu .sub-menu {

  font-size: 12px;

  position: absolute;

  padding: 25px 0;

  left: 100%;

  background-color: #dededf;

  width: 250px;

  z-index: 2221;

  text-align: left;

  margin-top: -35px;

  -webkit-box-shadow: 3px 3px 2px 0 rgba(125, 125, 125, 0.42);

  box-shadow: 3px 3px 2px 0 rgba(125, 125, 125, 0.42);

}



.main-nav .sub-menu a:hover,

.main-nav .sub-menu li.active a {

  color: #00558c;

}



.main-nav .menu-area #menu-header-menu li:hover > a + .sub-menu {

  display: block;

}



#navs {

  position: absolute;

  width: 100%;

  top: 0;

  left: 0;

  z-index: 999999;

}



#navs.fixed {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999;

}



/**

* hero 

**/

header {

  padding-top: 145px;

}



header .hero .inner-wrapper {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-align-content: stretch;

  -ms-flex-line-pack: stretch;

  align-content: stretch;

  -webkit-align-items: flex-end;

  -ms-flex-align: end;

  align-items: flex-end;

  padding-bottom: 100px;

  height: 100%;

}



header .hero .inner-wrapper .hero-text {

  color: white;

  text-align: right;

  word-spacing: 1px;

  letter-spacing: 0.5px;

  position: static!important;

}



header .hero .inner-wrapper .hero-text h2 {

  font-family: "bebasregular";

  margin: 0;

  line-height: 55px;

}



header .hero .inner-wrapper .hero-text h1 {

  font-family: "bebasregular";

  margin: 0;

  line-height: 65px;

}



header .hero .inner-wrapper .hero-text p:not(:last-child) {

  font-size: 16px;

  line-height: 30px;

  margin: 15px 0 30px 0;

}



header .hero .inner-wrapper .hero-text p:last-child {

  margin: 0;

}



header .hero .inner-wrapper .hero-text a,

a.button-grad,

.cta a,

.small-button a,

.off-content .inner a:not(.default-link) {

  letter-spacing: 1px;

  word-spacing: 3px;

  width: 170px;

  height: 50px;

  padding: 0 15px;

  background: #00558c;

  color: white;

  font-size: 15px;

  font-family: 'bebasregular';

  display: inline-block;

  text-align: left;

  line-height: 55px;

  text-decoration: none;

}



.small-button a:before {

  background: url(images/submit-arrow.png) no-repeat 85px !important;

}



.off-content .inner a:not(.default-link):before {

  background-position: 200px !important;

}



.off-content .inner a:not(.default-link):hover:after {

  width: 30% !important;

}



a.button-grad,

a.button-light-grad,

.cta a,

.small-button a,

.off-content .inner a:not(.default-link) {

  overflow: hidden;

  position: relative;

}



a.button-grad:before,

.cta a:before,

.small-button a:before,

.off-content .inner a:not(.default-link):before {

  content: "";

  background: url(images/submit-arrow.png) no-repeat 130px;

  width: 25px;

  height: 21px;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 99;

}



a.button-grad:after,

.cta a:after,

.small-button a:after,

.off-content .inner a:not(.default-link):after {

  width: 0%;

  height: 200%;

  background: #0868a6;

  z-index: 1;

  right: 0;

  top: 0;

  margin: -5px 0 0 -5px;

  -webkit-transform-origin: 0 0;

  -webkit-transform: rotate(-20deg);

  -moz-transform-origin: 0 0;

  -moz-transform: rotate(-20deg);

  -ms-transform-origin: 0 0;

  -ms-transform: rotate(-20deg);

  transform-origin: 0 0;

  transform: rotate(-20deg);

}



a.button-grad:hover:after,

a.button-light-grad:hover:after,

.cta a:hover:after,

.small-button a:hover:after,

.off-content .inner a:not(.default-link):hover:after {

  width: 40%;

}



a.button-grad:after,

a.button-light-grad:after,

.cta a:after,

.small-button a:after,

.off-content .inner a:not(.default-link):after {

  content: '';

  position: absolute;

  z-index: 9;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

}



.small-button a:hover:after{

  width: 50%;

}

/**

* main 

**/

main .default-content {

  padding: 70px 0;

}



main .default-content .container {

  width: 700px;

}



main .default-content h3 {

  color: #00558c;

  letter-spacing: 2px;

  word-spacing: 2px;

  margin: 0 0 25px 0;

}



.page-template-default main .default-content h4 {

  color: #00558c;

  letter-spacing: 2px;

  word-spacing: 2px;

  margin: 0 0 25px 0;

}



.page-template-default .title-container {

  display: none;

}



main .default-content p,

.grid p {

  line-height: 23px;

  letter-spacing: 0.5px;

  margin: 0 0 25px 0;

}



main .default-content p:last-child {

  margin-bottom: 0;

}



a.button-light-grad {

  letter-spacing: 1px;

  word-spacing: 3px;

  width: 170px;

  height: 50px;

  padding: 0 15px;

  background-color: #00558c;

  color: white;

  font-size: 15px;

  font-family: 'bebasregular';

  display: inline-block;

  text-align: left;

  line-height: 55px;

  text-decoration: none;

  overflow: hidden;

  margin-top: 25px;

}



a.button-light-grad:before {

  content: "";

  background: url(images/white-arrow.png) no-repeat 130px;

  width: 25px;

  height: 21px;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 99;

}



a.button-light-grad:after {

  width: 0%;

  height: 200%;

  background: #f4f4f4;

  z-index: 1;

  right: 0;

  top: 0;

  margin: -5px 0 0 -5px;

  -webkit-transform-origin: 0 0;

  -webkit-transform: rotate(-20deg);

  -moz-transform-origin: 0 0;

  -moz-transform: rotate(-20deg);

  -ms-transform-origin: 0 0;

  -ms-transform: rotate(-20deg);

  transform-origin: 0 0;

  transform: rotate(-20deg);

}



main .default-content.default-link a {

  color: #00558c;

  text-decoration: underline;

}



a.default-link {

  color: #000;

  text-decoration: underline;

  font-weight: bold;

}



main .default-content.default-link a:hover {

  color: #00558c;

  text-decoration: none;

}



a.default-link {

  color: #000;

}



#home-service a {

  color: #2e2e2e;

  background-color: #ffffff;

  margin-top: 15px;

}



#home-service a:hover {

}



.shadowed {

  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 1, 1, 0.10);

  box-shadow: 0 3px 3px 0 rgba(0, 1, 1, 0.10);

}



#slider {

}



#slider .swiper-slide {

  height: 565px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



#slider .swiper-slide .white-bg {

  height: 100%;

  background-color: rgba(255, 255, 255, 0.8);

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-align-content: stretch;

  -ms-flex-line-pack: stretch;

  align-content: stretch;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  padding-left: 100px;

}



#slider .swiper-slide .inner {

  max-width: 385px;

  text-align: center;

}



#slider .swiper-slide .inner a {

  margin-top: 30px;

}



#slider .swiper-slide .inner img {

  margin-bottom: 20px;

}



#slider .swiper-slide .inner p {

  margin-bottom: 0;

  line-height: 23px;

}



#slider .swiper-slide h4 {

  font-family: 'bebasregular';

  margin: 0 0 25px 0;

}



.swiper-pagination-bullet-active {

  opacity: 1;

  background: #41b6e6 !important;

}



.swiper-pagination-bullet {

  width: 11px;

  height: 11px;

  display: inline-block;

  border-radius: 100%;

  background: #2e2e2e;

  opacity: 1;

  margin: 0 4.5px;

}



.swiper-pagination {

  position: static;

  text-align: center;

  margin-top: 20px;

}



#home-service {

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 70px 0;

}



#home-service .container {

  width: 725px;

  border: 5px solid #fff;

  padding: 55px 45px 45px 40px;

  color: white;

}



#home-service .container h3 {

  margin-bottom: 25px;

}



#home-service .container p {

  line-height: 23px;

}



#home-service .container p:last-child {

  margin-bottom: 0;

}



#home-contact {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  padding: 60px 0 70px 0;

  color: white;

  background-attachment: fixed;

}



#home-contact .container {

  width: 505px;

}



#home-contact h3 {

  line-height: 32px;

  margin: 0;

}



#home-contact h4 {

  margin: 0 0 10px 0;

  line-height: 30px;

}



#home-contact p {

  margin: 0 0 15px 0;

  line-height: 18px;

}



#home-contact  label {

  display: none;

}



#career-contact .gfield:not(.fileupload):not(.checkbox) label {

  display: none;

}

#career-contact label.checkbox{

  display: block!important;

}

#home-contact input:not([type="submit"]) {

  width: 100%;

  line-height: 35px;

  padding: 0 15px;

  border: 2px solid white;

  background-color: rgba(255, 255, 255, 0.85);

  margin-top: 15px;

}



#career-contact input:not([type="submit"]) {

  width: 100%;

  line-height: 35px;

  padding: 0 15px;

  border: 0px solid white;

  background-color: #00558c;

  margin-top: 15px;

  color: white;

}



.fileupload label span {

  display: none;

}



.fileupload  label {

  width: 100%;

  line-height: 35px;

  padding: 0 15px;

  border: 0px solid white;

  background-color: #00558c;

  margin-top: 15px;

  color: white;

  display: block;

  font-weight: 400;

  text-align: left;

  margin-bottom: 0;

  overflow: hidden;

position: relative;

}

.fileupload  label:after{

  content: "";

  background-image: url(images/upload-ic.png);

  position: absolute;

  right: 7.5px;

  top:7.5px;

  width: 20px;

  height: 20px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 20px 20px;

  cursor: pointer;



}



.fileupload input,

.ginput_container_fileupload {

  display: none;

}



#home-contact textarea {

  width: 100%;

  line-height: 1.3;

  padding: 15px;

  height: 90px;

  border: 2px solid white;

  background-color: rgba(255, 255, 255, 0.85);

  margin-top: 15px;

}



#career-contact textarea {

  width: 100%;

  line-height: 1.3;

  padding: 15px;

  height: 90px;

  border: 2px solid white;

  background-color: #00558c;

  margin-top: 15px;

  color: white;

}



#home-contact .selectric-wrapper {

  width: 100%;

  line-height: 35px;

  padding: 0 0;

  border: 2px solid white;

  background-color: rgba(255, 255, 255, 0.85);

  margin-top: 15px;

  height: 35px;

}

.selectric {

    border: 0;

    background: transparent;

    position: relative;

}

.selectric-items li.highlighted {

    background: white;

    color: #353535;

}

.selectric .label {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 15px;

    line-height: 35px;

    color: #353535;

    height: auto;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    margin: 0;

    text-align: left;

    padding: 0 15px;

    font-weight: 400;

}

 .selectric .label {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 15px;

    line-height: 35px;

    color: #353535;

    height: auto;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    margin: 0;

    text-align: left;

    padding: 0 15px;

    font-weight: 400;

}

 .selectric-wrapper.selectric-open{

  background-color: white;

   background-image: url(images/drop-down.png);

  background-repeat: no-repeat;

  background-position: 96% 50%;

}

.selectric b{

  display: none!important;

}

 .selectric-wrapper {

  width: 100%;

  line-height: 35px;

  padding: 0 0;

  border: 0 solid white;

  background-color: #00558c;

  margin-top: 15px;

  height: 35px;

}



#home-contact .sbSelector {

  display: block;

  width: 100%;

  text-align: left;

  color: #353535;

}

#career-contact .sbSelector {

  display: block;

  width: 100%;

  text-align: left;

  color: #fff;

}



#home-contact .sbToggle,

#career-contact .sbToggle {

  display: none;

}



#home-contact input:not([type="submit"])::-webkit-input-placeholder {

  color: #353535;

  opacity: 1;

}



#career-contact input:not([type="submit"])::-webkit-input-placeholder {

  color: #fff;

  opacity: 1;

}



#home-contact .selectric-items, #career-contact .selectric-items {

    background-color: #fdfdfd;

    border: 0;

    list-style: none;

    left: -2px;

    margin: 0;

    padding: 0;

    position: absolute;

    width: calc(100% + 4px);

    z-index: 20;

    overflow-y: auto;

    top: -2px !important;

    width: calc(100% + 4px)!important;

}

.selectric-items ul{

  width: 100%;

}

#career-contact .selectric{

    background-image: url(images/drop-white.png);

    background-repeat: no-repeat;

    background-position: 96% 50%;



}

.mini-padding.col-xs-3 .selectric{

    background-position: 90% 50%!important;

}

#home-contact .selectric{

    background-image: url(images/drop-down.png);

    background-repeat: no-repeat;

    background-position: 96% 50%;



}

#career-contact .selectric b{

  display: none;

}

#career-contact .selectric .label{

  color: white;

}

#home-contact .selectric-items li ,

#career-contact .selectric-items li {

  padding: 0;

}

 .selectric-items li {

    list-style: none;

    padding: 0;

    margin: 0;

    font-size: 12px;

    line-height: 28px;

    min-height: 28px;

    text-align: left;

    padding: 0 20px!important;

}

#career-contact .selectric-items li:first-child ,

#home-contact .selectric-items li:first-child:hover {

  background-image: url(images/up-white.png);

  background-repeat: no-repeat;

  background-position: 96% 50%;

}



#home-contact .selectric-items li:first-child,

#career-contact .selectric-items li:first-child:hover{

    background-image: url(images/drop-up.png);

  background-repeat: no-repeat;

  background-position: 96% 50%;

 

}

#home-contact .selectric-items li{

   font-size: 15px;

      background-color: rgba(255,255,255,0.9);

   color: #353535;

     height: 40px;

  line-height: 40px;

}

#home-contact .selectric-items li:hover{

   background-color: #0d5e92;

    color: white;

}

#career-contact .selectric-items li{

  font-size: 15px;

      background-color: #0d5e92;

    color: white;

     height: 40px;

  line-height: 40px;

}

#career-contact .selectric-items li:hover{

  background-color: #f3f7f9!important;

  color: #353535!important;

}

#career-contact.wide .selectric-items li:first-child  {

  background-image: url(images/up-white.png); 

}



#career-contact .selectric-items li:hover {

  background-color: #0d5e92;

  background-image: none;

  color: white;

}



#home-contact .selectric-items a,

#career-contact .selectric-items a {

  border-bottom: 0;

  display: block;

  outline: none;

  padding: 0 16px;

  font-size: 14px;

  line-height: 30px;

  text-align: left;

}

#career-contact .sbSelector{

  line-height: 36px;

}

#home-contact input:not([type="submit"]):-moz-placeholder {



  /* Firefox 18- */

  color: #353535;

  opacity: 1;

}



#home-contact input:not([type="submit"])::-moz-placeholder {



  /* Firefox 19+ */

  color: #353535;

  opacity: 1;

}



#home-contact textarea:not([type="submit"]):-ms-input-placeholder {

  color: #353535;

  opacity: 1;

}



#home-contact textarea:not([type="submit"])::-webkit-input-placeholder {

  color: #353535;

  opacity: 1;

}



#home-contact textarea:not([type="submit"]):-moz-placeholder {



  /* Firefox 18- */

  color: #353535;

  opacity: 1;

}



#home-contact textarea:not([type="submit"])::-moz-placeholder {



  /* Firefox 19+ */

  color: #353535;

  opacity: 1;

}



#home-contact textarea:not([type="submit"]):-ms-input-placeholder {

  color: #353535;

  opacity: 1;

}



#career-contact input:not([type="submit"]):-moz-placeholder {



  /* Firefox 18- */

  color: #fff;

  opacity: 1;

}



#career-contact input:not([type="submit"])::-moz-placeholder {



  /* Firefox 19+ */

  color: #fff;

  opacity: 1;

}



#career-contact textarea:not([type="submit"]):-ms-input-placeholder {

  color: #fff;

  opacity: 1;

}



#career-contact textarea:not([type="submit"])::-webkit-input-placeholder {

  color: #fff;

  opacity: 1;

}



#career-contact textarea:not([type="submit"]):-moz-placeholder {



  /* Firefox 18- */

  color: #353535;

  opacity: 1;

}



#career-contact textarea:not([type="submit"])::-moz-placeholder {



  /* Firefox 19+ */

  color: #fff;

  opacity: 1;

}



#career-contact textarea:not([type="submit"]):-ms-input-placeholder {

  color: #fff;

  opacity: 1;

}



#home-contact .col-sm-6,

#home-contact .col-sm-12 {

  padding: 0 7px;

  position: relative;

}



#career-contact .col-sm-6,

#career-contact .col-sm-12 {

  padding: 0 7px;

  position: relative;

}



#home-contact input[type="submit"] {

  letter-spacing: 1px;

  word-spacing: 3px;

  width: 170px;

  height: 50px;

  padding: 0 15px;

  background-image: url(images/arrow-sprite.png);

  background-repeat: no-repeat;

  background-position: 90px 8px;

  background-color: #41b6e6;

  color: white;

  font-size: 15px;

  font-family: 'bebasregular';

  display: inline-block;

  text-align: left;

  line-height: 55px;

  text-decoration: none;

  overflow: hidden;

  margin-top: 25px;

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;

}



#home-contact input[type="submit"]:hover {

  background-color: white;

  background-position: 125px 8px;

  color: #41b6e6;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



:focus::-webkit-input-placeholder {

  text-indent: -999px

}



:focus::-moz-placeholder {

  text-indent: -999px

}



input:focus::-webkit-input-placeholder {

  color: transparent;

}



input:focus:-moz-placeholder {

  color: transparent;

}

.submit-cover {

  cursor: pointer;

    letter-spacing: 1px;

    word-spacing: 3px;

    width: 170px;

    height: 50px;

    padding: 0 15px;

    background: #4bb8e5;

    color: white;

    font-size: 15px;

    font-family: 'bebasregular';

    display: inline-block;

    text-align: left;

    line-height: 55px;

    margin-top: 20px;

    text-decoration: none;

    overflow:hidden;

    position: relative;

    border:0;

}

.submit-cover:before {

 content: "";

    background: url(images/submit-arrow.png) no-repeat 130px;

    width: 25px;

    height: 21px;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 99;

}

.submit-cover:after {

      content: '';

    position: absolute;

    z-index: 9;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

        width: 0%;

    height: 200%;

    background: #43aedb;

    z-index: 1;

    right: 0;

    top: 0;

    margin: -5px 0 0 -5px;

    -webkit-transform-origin: 0 0;

    -webkit-transform: rotate(-20deg);

    -moz-transform-origin: 0 0;

    -moz-transform: rotate(-20deg);

    -ms-transform-origin: 0 0;

    -ms-transform: rotate(-20deg);

    transform-origin: 0 0;

    transform: rotate(-20deg);

}

.submit-cover:hover:after{

      width: 40%;

}

.submit-cover input{

   letter-spacing: 1px;

    word-spacing: 3px;

    font-size: 15px;

 

    line-height: 55px;

  



    display: block;

    width: 100%;

    height: 100%;

    text-align: left;

    background: transparent;

    color: white;

}

.ajax-loader{

  display: none!important;

  opacity: 0!important;

  visibility: hidden!important;

}



.gfield_description.validation_message,

.instruction.validation_message{

  display: none!important;

}

.validation_message {

  color: red;

  position: absolute;

  bottom: -18px;

  font-size: 12px;

}



.ginput_container {

  position: relative;

}



/* title container */

.title-container {

  height: 280px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.page-id-42 .title-container {

  background-position: bottom center;

}



.blocks {

}



.blocks > div:not(.clearfix) {

  height: 420px;

  font-family: 'bebasregular';

  font-size: 40px;

  line-height: 60px;

  color: white;

  background-color: #00558c;

}



.blocks > div > .block-inner {

  max-width: 340px;

  width: 100%;

}



.page-template-page-parking-and-revenue .blocks > div > .block-inner {

  max-width: 420px;

}


.page-template-page-parking-and-revenue .title-container{
  background-position: right center;
}
.page-template-page-parking-and-revenue .flex-right-bottom {

  padding: 50px 80px;

}



.flex-right-bottom {

  padding: 30px 175px;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-align-content: stretch;

  -ms-flex-line-pack: stretch;

  align-content: stretch;

  -webkit-align-items: flex-end;

  -ms-flex-align: end;

  align-items: flex-end;

}



.flex-right-bottom p {

  letter-spacing: 3px;

  word-spacing: 2px;

  margin: 0;

}



.flex-right-bottom h3 {

  line-height: 45px;

  letter-spacing: 2px;

  word-spacing: 0px;

  margin: 0;

}



.block-w-bg {

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.cta h4 {

  letter-spacing: 1px;

  word-spacing: 1px;

  line-height: 30px;

  margin-top: 0;

}



.cta a {

  margin-top: 20px;

}



.flex-center {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-align-content: stretch;

  -ms-flex-line-pack: stretch;

  align-content: stretch;

  -webkit-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

}



.flex-center-vertical {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-align-content: stretch;

  -ms-flex-line-pack: stretch;

  align-content: stretch;

  -webkit-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

}



.grid > div {

  background-color: #f4f4f4;

  width: 50%;

  padding: 80px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.grid p:last-child {

  margin-bottom: 0;

}



.grid-inner {

  padding: 0 121px;

  height: 100%;

}



.bordered .grid-inner {

  border: 6px solid white;

  color: white;

  height: 320px;

  position: relative;

}



.bordered .grid-background {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.bordered {

  overflow: hidden;

  position: relative;

}



.grid-elem.bordered:hover .grid-background {

width: 105%;

    height: 105%;

    top: -2.5%;

    left: -2.5%;

}



.grid-inner h4 {

  font-family: 'Roboto';

  font-weight: bold;

}



/* sidebar */

.flex-center-start {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-align-content: center;

  -ms-flex-line-pack: center;

  align-content: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.flex-center-center {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-align-content: center;

  -ms-flex-line-pack: center;

  align-content: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.gradient-bg {



  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0868a6+50,00558c+50,00558c+51 */

  background: #0868a6; /* Old browsers */

  background: -moz-linear-gradient(-148deg, #0868a6 50%, #00558c 50%, #00558c 51%); /* FF3.6-15 */

  background: -webkit-linear-gradient(-148deg, #0868a6 50%, #00558c 50%, #00558c 51%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(-148deg, #0868a6 50%, #00558c 50%, #00558c 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0868a6', endColorstr='#00558c', GradientType=1); /* IE6-9 fallback on horizontal gradient */

}



.gradient-bg:hover {



  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b5889+50,0b5889+50,044874+51 */

  background: #0b5889; /* Old browsers */

  background: -moz-linear-gradient(-148deg, #0b5889 50%, #0b5889 50%, #044874 51%); /* FF3.6-15 */

  background: -webkit-linear-gradient(-148deg, #0b5889 50%, #0b5889 50%, #044874 51%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(-148deg, #0b5889 50%, #0b5889 50%, #044874 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b5889', endColorstr='#044874', GradientType=1); /* IE6-9 fallback on horizontal gradient */

}



.icon-blocks {

  margin: -20px auto;

}



.icon-block {

  padding: 0 10px;

}



.icon-block a {

  height: 220px;

  width: 100%;

  padding: 0 15px;

  text-decoration: none;

}



.icon-block a img {

  max-width: 100%;

  height: auto;

}



.icon-block a h4 {

  color: white;

  margin: 20px 0 0 0;

  letter-spacing: 1px;

  word-spacing: 1px;

}



.half-boxes > div {

  background-color: #f4f4f4;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



.half-boxes .inner {

  max-width: 450px;

}



.half-boxes .inner h3 {

  margin-bottom: 10px;

}



.no-padding {

  padding: 0 !important;

}



.no-margin {

  margin: 0 !important;

}



.default-content.low-padding {

  padding: 70px 0 45px 0;

}



.stretch {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-align-content: stretch;

  -ms-flex-line-pack: stretch;

  align-content: stretch;

  -webkit-align-items: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

}



.page-template-page-about .flex-right-bottom {

  padding: 60px;

}



#rows .row-element:not(:last-child) {

  margin-bottom: 20px;

}



#rows .row-element .row-image {

  margin-right: 35px;

  min-width: 190px;

  height: 190px;

  overflow: hidden;

  border-radius: 50%;

  position: relative;

  max-width: 190px;

}







#rows .row-element .row-image div {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

#rows .row-element  .row-image:hover div {

width: 105%;

    height: 105%;

    top: -2.5%;

    left: -2.5%;

}

#rows .row-element h4 {

  color: #00558c;

  letter-spacing: 2px;

  word-spacing: 2px;

  margin: 0 0 25px 0;

}



#rows .row-element p {

  margin-bottom: 0;

}



#rows .container {

  width: 1015px;

  padding-left: 15px;

  padding-right: 15px;

}



/* career */

.page-template-page-career main {

  background-color: #f4f4f4;

}



#career-contact {

  width: 490px;

  margin: -45px auto 0 auto;

  padding-bottom: 70px;

}



.under-career {

  width: 100%;

  height: auto;

}



.grid-small {

  width: 36%;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



.grid-large {

  width: 64%;

}



#grid-big-left {

  padding: 70px 70px 70px 15px;

  background-color: #f4f4f4;

}



#grid-big-right {

  padding: 55px 15px 45px 70px;

  background-color: #00558c;

  color: white;

}



#grid-big-left .inner {

  max-width: 650px;

  width: 100%;

  margin: 0 0 0 auto;

}



#grid-big-right .inner {

  max-width: 650px;

  width: 100%;

  margin: 0 auto 0 0;

}



#grid-big-left p:first-child {

  margin-bottom: 40px;

}



#grid-big-left ul {

  margin: 0;

}



#grid-big-left ul li {

  line-height: 23px;

  font-size: 15px;

}



#grid-big-left ul li:not(:last-child) {

  margin-bottom: 23px;

}



#grid-big-left ul li:before {

  content: "";

  width: 10px;

  height: 11px;

  background-image: url(images/bullet.png);

  display: inline-block;

  vertical-align: baseline;

  margin: 0 30px 0 15px;

}



#grid-big-right h4 {

  color: #41b6e6;

  line-height: 30px;

  letter-spacing: 0.5px;

  word-spacing: 2px;

}



#grid-big-right  a {

  background-color: white;

  color: #353535;

}



#grid-big-right p:last-child {

  margin-bottom: 0;

}



.small-button a {

  max-width: 120px;

  background-position-x: 90% !important;

}



#grid-small-left {

  -webkit-order: 0;

  -ms-flex-order: 0;

  order: 0;

}



#grid-big-right {

  -webkit-order: 1;

  -ms-flex-order: 1;

  order: 1;

}



#anchor .container {

  width: 1200px;

  font-size: 0;

}



#anchor .anchor-nav-item {

  width: calc(25% - 15px);

  overflow: hidden;

  margin: 10px;

  position: relative;

  padding: 22px 27px;

  height: 180px;

  cursor: pointer;

  display: inline-block;

}



#anchor .anchor-nav-item .anchor-background {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



#anchor .anchor-nav-item .anchor-background img {

  min-height: 100%;

  min-width: 100%;

}



#anchor .anchor-nav-item .anchor-background:after {

  content: "";

  background-color: rgba(0, 85, 140, 0.85);

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  opacity: 0;

  visibility: hidden;

}



#anchor .anchor-nav-item:hover .anchor-background {

  left: -10%;

  width: 110%;

  height: 110%;

  top: -10%;

}



#anchor .anchor-nav-item .anchor-title {

  opacity: 0;

  visibility: hidden;

  z-index: 2;

  height: 100%;

  position: relative;

  border: 3px solid white;

  padding: 0 15px;

  width: 100%;

  color: white;

  text-align: center;

  font-size: 22px;

  line-height: 25px;

  font-weight: bold;

  text-transform: uppercase;

}



#anchor .anchor-nav-item:hover .anchor-title,

#anchor .anchor-nav-item:hover .anchor-background:after {

  opacity: 1;

  visibility: visible;

}



#anchor .anchor-nav-item .anchor-title span {

  vertical-align: middle;

}



#anchor {

  margin-top: 60px;

}



.anchor-item {

  margin-top: 80px;

}



.anchor-item:last-child {

  margin-bottom: 40px;

}

.page-template-page-service .anchor-item:last-child{

  margin-bottom: 0;

}

.page-template-page-access main .default-content h3,

.page-template-page-high-security main .default-content h3 {

  margin-bottom: 40px;

}



.page-template-page-access main .default-content h4,

.page-template-page-high-security main .default-content h4 {

  font-family: 'Roboto';

  letter-spacing: 1px;

  word-spacing: 0.5px;

  margin-bottom: 30px;

  font-weight: bold;

}



.parallax-container {

  position: relative;

}



.parallax img {

  position: absolute;

  max-width: 20%;

}



.parallax img.para-1 {

  right: 0;

  top: 290px;

}



.parallax img.para-2 {

  left: 0;

  top: 1430px;

}



.parallax img.para-3 {

  right: 0;

  bottom: 0;

}



.parallax img.para-4 {

  right: 0;

  top: 120px;

}



.parallax img.para-5 {

  left: 0;

  top: 800px;

}



.parallax img.para-6 {

  right: 0;

  bottom: 0;

}



.blocks-medium  > div:not(.block-w-bg):not(.clearfix) {

  background-color: #00558c;

  color: white;

  padding: 50px 50px 50px 15px;

}



.blocks-medium .block-inner {

  max-width: 430px;

  margin-right: 0;

  margin-left: auto;

}



.blocks-medium .block-inner h4 {

  margin: 0 0 25px 0;

  letter-spacing: 2px;

  word-spacing: 2px;

}



.blocks-medium .block-inner h4 + p {

  margin-bottom: 40px;

}



.blocks-medium a {

  color: #2e2e2e !important;

  background-color: #ffffff !important;

  margin-top: -10px !important;

  width: 195px !important;

}



.blocks-medium a:before {

  background: url(images/white-arrow.png) no-repeat 150px !important;

}



.gray-area {

  background-color: #f4f4f4;

}

.gray-area.anchor-item{

  margin-top: 0!important;

}

.toggle {

  margin-top: 50px;

  -webkit-box-shadow: 0 0 7px 0 rgba(91, 91, 91, 0.3);

  box-shadow: 0 0 7px 0 rgba(91, 91, 91, 0.3);

}



.toggle-item:nth-child(odd) {

  background-color: white;

}



.toggle-item:nth-child(even) {

  background-color: #f4f4f4;

}



.toggle-item {

}



.toggle-item .title {

  height: 75px;

  padding: 30px 50px 25px 40px;

  cursor: pointer;

}



.toggle-item .title h4 {

  letter-spacing: 2px;

  word-spacing: 2px;

  margin: 0;

}



.toggle-item .content {

  padding: 0 85px 30px 40px;

}



.toggle-item:not(.triggered) .content {

  display: none;

}



.toggle-item.triggered  h4 {

  color: #41b6e6;

}



.toggle-item:not(.triggered) .title {

  background-image: url(images/white-arrow.png);

  background-repeat: no-repeat;

  background-position: 96% 50%;

}



.toggle-item.triggered .title {

  background-image: url(images/up-arrow.png);

  background-repeat: no-repeat;

  background-position: 96% 50%;

}



.toggle-item .content  p {

  letter-spacing: 1px;

  word-spacing: 2px;

}



.gray-area .container {

  width: 750px !important;

}



.toggle-container {

  padding-bottom: 0 !important;

}



.half-boxes .bordered {

  padding: 75px 15px;

}



.half-boxes .bordered .inner {

  border: 3px solid white;

  padding: 110px 15px;

  max-width: 600px;

  margin: 0 auto;

  position: relative;

}



.half-boxes > div {

  position: relative;

}



.half-boxes .inner-background {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  z-index: 0;

  color: white;

}



.half-boxes .bordered:hover .inner-background {

width: 105%;

    height: 105%;

    top: -2.5%;

    left: -2.5%;

}



.half-boxes .bordered .inner h3 {

  color: white;

  line-height: 50px;

  margin: 0;

}



.half-boxes .bordered {

  background-color: #00558c;

}



.half-boxes .not-bordered .inner-background {

  background-position: center;

  background-size: auto;

}



.off-parcs-container {

  width: 1045px;

}



.sidebar {

  margin-bottom: 160px;

}



.sidebar .children {

  display: none;

}



.sidebar:not(.levelup) .depth-1 {

  opacity: 0;

  margin: 0 0 0 0;

  opacity: 0;

  pointer-events: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  height: 0;

  overflow: hidden;

}



.sidebar.levelup .depth-0 {

  opacity: 0;

  margin: 0 0 0 0;

  opacity: 0;

  pointer-events: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  height: 0;

  overflow: hidden;

}



.sidebar.levelup.hapenned .depth-0 {

  animation: MenuAnimOut 0.4s linear forwards;

}



.sidebar:not(.levelup).hapenned .depth-0 {

  animation: MenuAnimIn 0.4s linear forwards;

}



@keyframes MenuAnimOut {

  50% {

    transform: translateZ(-250px) rotateY(30deg);

  }



  75% {

    transform: translateZ(-372.5px) rotateY(15deg);

    opacity: .5;

  }



  100% {

    transform: translateZ(-500px) rotateY(0deg);

    opacity: 0;

  }



}



@keyframes MenuAnimIn {

  0% {

    transform: translateZ(-500px) rotateY(0deg);

    opacity: 0;

  }



  20% {

    transform: translateZ(-250px) rotateY(30deg);

    opacity: 0.5;

  }



  100% {

    transform: translateZ(0px) rotateY(0deg);

    opacity: 1;

  }



}



.sidebar.levelup.hapenned .depth-1 {

  opacity: 1;

  margin: 0 0 0 0;

  -webkit-transform: translateX(0);

  transform: translateX(0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  animation: MenuAnimIn 0.3s linear forwards;

}



.sidebar {

  min-height: 0;

  margin-bottom: 160px;

}



.sidebar > div {

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  position: relative;

  top: 0;

  left: 0;

  width: calc(100% - 5px);

}



.sidebar  ul.children.levelup {

  opacity: 1;

  pointer-events: auto;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}



.sidebar ul {

  padding: 0;

  margin: 0;

}



.sidebar  ul li {

  padding: 0;

  margin: 0;

  list-style-type: none;

}

.sidebar  ul  li.page-item-202 a{

padding-right: 50px;

}

.sidebar  ul  li  a {

  position: relative;

  display: inline-block;

  color: white;

  background-color: #00558c;

  display: block;

  font-size: 15px;

  line-height: 21px;

  font-family: 'bebasregular';

  letter-spacing: 1px;

  padding: 20px 25px 14px 25px;

  border-bottom: 1px solid #014977;

  text-decoration: none;

}



.sidebar  ul  li.current_page_item > a,

.sidebar  ul  li > a:hover {

  background-color: #014977;

  text-decoration: none;

}



.sidebar  ul  li.page_item_has_children > a {

  background-image: url(images/has-children.png);

  background-position: 65px 24px;

  background-repeat: no-repeat;

  background-size: 6px 9px;

}



.sidebar  ul  li.menu-item-back > a {

  background-image: url(images/back.png);

  background-position: 25px 24px;

  background-repeat: no-repeat;

  background-size: 6px 9px;

  padding-left: 40px;

}



.sidebar  ul  li.current_page_item > a:after {

  content: "";

  display: block;

  position: absolute;

  right: -20px;

  top: 0;

  height: 100%;

  width: 20px;

  background-image: url(images/triangle.png);

  background-repeat: no-repeat;

  background-position: 0 50%;

  background-size: contain;

}



.off-content {

  margin-bottom: 160px;

}



.off-content .inner {

  background-color: #ffffff;

  -webkit-box-shadow: 0 0 7px 0 rgba(91, 91, 91, 0.2);

  box-shadow: 0 0 7px 0 rgba(91, 91, 91, 0.2);

  padding-bottom: 0;

  padding-top: 0;

}



.off-content .inner .inner-content {

  padding: 45px;

}



.off-content .inner.has-header {

  padding-top: 0;

}



.off-content .inner h4 {

  font-family: 'Roboto';

  font-weight: bold;

  margin-top: 0;

  margin-bottom: 25px;

}



.off-content .inner a:not(.default-link) {

  max-width: 245px;

  width: 245px !important;

  background-position: 200px !important;

  margin-left: -10px;

}



.off-content ul {

  padding-left: 15px;

  padding-right: 55px;

}



.off-content ul li {

  font-size: 15px;

  line-height: 23px;

  list-style-type: disc;

  padding-left: 20px;

}



.off-content ul li:not(:last-child) {

  margin-bottom: 25px;

}



.off-content ul + p {

  margin-top: 25px;

}



.image-grid {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-align-content: center;

  -ms-flex-line-pack: center;

  align-content: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  margin-top: -15px;

}



.image-grid .grid-item {

  width: 33.333333333%;

  margin-top: 25px;

  text-align: center;

}



.image-grid .grid-item img {

  vertical-align: middle;

  max-width: 100%;

  height: auto;

}



.inner-header .title {

  font-size: 30px;

  color: #00558c;

  line-height: 40px;

  font-family: 'bebasregular';

  word-spacing: 3px;

  letter-spacing: 1.5px;

  max-width: 255px;

  margin-top: 15px;

}



.inner-header {

  height: 290px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-align-content: center;

  -ms-flex-line-pack: center;

  align-content: center;

  -webkit-align-items: flex-end;

  -ms-flex-align: end;

  align-items: flex-end;

  padding: 15px 90px 15px 15px;

}



/* slideshow */

.deco {

  pointer-events: none;

}



.deco--title {

  position: absolute;

  top: 0px;

  right: 60px;

  left: 60px;

  height: 100vh;

  background: url(../img/deco.svg) no-repeat center top;

  background-size: 100%;

}



.slideshow {

  position: relative;

  width: 100%;

  margin: 0;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

  overflow: hidden;

}



.slide:not(.slide.slide--current) {

  display: none;

}



.slide {

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  flex-direction: column;

  -webkit-align-items: center;

  align-items: center;

  width: 100%;

  text-align: center;

}



.deco--circle-right,

.deco--circle-left {

  display: none !important;

}



.js .slide {

  position: absolute;

  z-index: 1000;

  top: 0;

  left: 0;

  visibility: hidden;

  pointer-events: none;

}



.slide.slide--current {

  position: relative;

  visibility: visible;

}



.deco--circle {

  position: absolute;

  top: 0;

}



.deco--circle-left {

  right: calc(100% - 140px);

}



.deco--circle-right {

  left: calc(100% - 140px);

}



.deco--circle,

.slide__inner {

  width: 360px;

  height: 360px;

}



.slide__item {

  position: relative;

  width: 100%;

}



.no-js .slide__item {

  display: none;

}



.slide__inner {

  position: relative;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  flex-direction: column;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-align-items: center;

  align-items: center;

  margin: 0 auto 50px auto;

  padding: 0;

  pointer-events: auto;

}



.slide__title h3 {

  color: #41b6e6 !important;

}



.slide__title li:before {

  content: "";

  width: 10px;

  height: 11px;

  background-image: url(images/bullet.png);

  display: inline-block;

  vertical-align: baseline;

  margin: 0 30px 0 15px;

  text-align: left;

}



.slide__title li {

  text-align: left !important;

  font-family: 'bebasregular';

  word-spacing: 2px;

  letter-spacing: 1px;

  font-size: 15px;

  line-height: 40px;

}



.slide__title ul {

  display: inline-block;

  margin: 0 22.5px;

  margin-top: 10px;

}



.slide__title--preview {

  padding: 0;

  opacity: 0;

  text-align: center;

}



.slide__title--main {

  font-size: 2.5em;

  line-height: 1;

  margin: 0 0 0.25em;

  color: #464653;

}



.slide--current .slide__title--preview {

  opacity: 1;

}



.slide--open .slide__title--main {

  opacity: 1;

}



.slide__price {

  font-weight: bold;

  display: inline-block;

  color: #464653;

}



.slide__price--large {

  font-size: 1.3em;

  vertical-align: middle;

}



.slide__img {

  position: relative;

  display: block;

  margin: 0 auto;

}



.slide__img--small {

  max-height: 100%;

}



.slide__img--large {

  height: 50vh;

  max-height: 400px;

  margin: 0 auto 3em;

}



.action {

  font-size: 1.5em;

  line-height: 54px;

  width: 50px;

  height: 50px;

  margin: 0;

  padding: 0;

  text-align: center;

  border: none;

  background: none;

}



.action:focus {

  outline: none;

}



.action--open {

  position: absolute;

  right: 0;

  bottom: 0;

  margin: 0 40px 40px 0;

  color: #fff;

  border-radius: 50%;

  background: #6cd84e;

  -webkit-transition: -webkit-transform 0.1s, background 0.1s, opacity 0.1s;

  transition: transform 0.1s, background 0.1s, opacity 0.1s;

  -webkit-transition-delay: 0.1s;

  transition-delay: 0.1s;

}



.action--open:focus,

.action--open:hover {

  background: #464653;

  -webkit-transform: scale3d(1.0865, 1.0865, 1);

  transform: scale3d(1.0865, 1.0865, 1);

}



.slide--open .action--open {

  opacity: 0;

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

  -webkit-transform: scale3d(0.3, 0.3, 1);

  transform: scale3d(0.3, 0.3, 1);

}



.action--close {

  position: fixed;

  z-index: 1001;

  top: 10px;

  right: 15px;

  color: #6cd84e;

  -webkit-transition: -webkit-transform 0.1s, opacity 0.1s, color 0.1s;

  transition: transform 0.1s, opacity 0.1s, color 0.1s;

}



.action--close:focus,

.action--close:hover {

  color: #464653;

}



.slide--open ~ .action--close {

  opacity: 1;

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  -webkit-transition-delay: 0.5s, 0.5s, 0s;

  transition-delay: 0.5s, 0.5s, 0s;

}



.action--close,

.slide--close ~ .action--close {

  opacity: 0;

  -webkit-transform: scale3d(0.3, 0.3, 1);

  transform: scale3d(0.3, 0.3, 1);

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

}



.js .slide__content {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100vh;

  pointer-events: none;

  opacity: 0;

}



.js .slide--open .slide__content {

  pointer-events: auto;

  opacity: 1;

}



.slide__content-scroller {

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  flex-direction: column;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-align-items: center;

  align-items: center;

  padding: 2em;

  position: relative;

}



.js .slide__content-scroller {

  position: fixed;

  min-height: 100vh;

  width: 100vw;

}



.slide__description {

  font-size: 1em;

  font-weight: bold;

  margin: 0.25em auto 3em;

  text-indent: 4px;

  letter-spacing: 4px;

  text-transform: uppercase;

  color: #acacb3;

}



.button {

  font-weight: bold;

  margin: 0 1em;

  padding: 0.5em 1em;

  color: #fff;

  border: none;

  border-radius: 2px;

  background: #6cd84e;

}



.button:focus,

.button:hover {

  outline: none;

  background: #464653;

}



.navbutton {

  position: absolute;

  z-index: 1;

  top: 0%;

  left: 50%;

  width: 34px;

  height: 72px;

  margin: 0;

  opacity: 0.2;

  padding: 0;

  border: none;

  background: none;

}



.navbutton:hover {

  opacity: 1;

}



.navbutton svg {

  display: none;

}



.navbutton__line {

  -webkit-transition: stroke 0.2s;

  transition: stroke 0.2s;

}



.navbutton:focus {

  outline: none;

}



.navbutton--next {

  margin-left: 235px;

  top: 144px;

  background-image: url(images/next.png);

}



.navbutton--prev {

  margin-left: -250px;

  top: 144px;

  background-image: url(images/prev.png);

}



/* +12 of difference */



/* Helper classes */



.lockscroll {

  position: fixed;

  overflow-y: scroll;

  height: 100vh;

}



.noscroll {

  overflow: hidden;

  height: 100vh;

  position: fixed;

}



.scrollable {

  overflow: hidden;

  overflow-y: scroll;

  -webkit-overflow-scrolling: touch;

  background: #fff;

}



.scrollable .slide__content-scroller {

  position: relative;

}



@media screen and (max-width:50em) {

  .deco--title {

    right: -50px;

    left: -50px;

  }



  .deco--circle,

  .slide__inner {

    width: 260px;

    height: 260px;

  }



  .deco--circle-left {

    right: calc(100% - 50px);

  }



  .deco--circle-right {

    left: calc(100% - 50px);

  }



  .slideshow {

    margin-top: 0;

  }



  .action--open {

    margin: 0 12px 12px 0;

  }



  .slide__content-scroller {

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

  }



  .slide__img--large {

    margin: 0 auto 2em;

  }



  .slide__description {

    font-size: 0.5em;

  }



}



.default-content.additional-padding {

  padding: 70px 0 0 0;

}



.after-slideshow {

  background-color: #00558c;

  color: white;

}



.after-slideshow {

  font-size: 0;

  margin-top: 70px;

}



.after-slideshow h3 {

  color: #41b6e6 !important;

  display: inline-block;

  border-bottom: 2px solid #41b6e6;

  padding: 0 5px;

  margin-top: 15px !important;

}



.after-slideshow  ul {

  width: 25%;

  vertical-align: top;

  display: inline-block;

  margin: 0;

  padding: 0;

}



.after-slideshow  ul li {

  color: #ffffff;

  font-size: 20px;

  line-height: 35px;

}



.after-slideshow .container {

  width: 1015px !important;

}



#map {

  background-image: url(images/map.jpg);

  background-repeat: no-repeat;

  background-position: center;

  height: 279px;

  position: relative;

  z-index: 0;

  overflow: hidden;

}



.page-template-page-contact .title-container {

  display: none;

}

.page-template-page-additional .title-container{
  background-position: left center;
}

.page-template-page-contact main {

  background-image: url(images/pattern.jpg);

}



#map div.circle-1 {

  background-color: rgba(65, 182, 230, 0.5);

  border-radius: 50%;

  width: 165px;

  height: 165px;

  position: absolute;

  bottom: 15px;

  left: 50%;

  margin-left: 35px;

}



#map div.circle-2 {

  background-color: rgba(65, 182, 230, 0.5);

  border-radius: 50%;

  width: 130px;

  height: 130px;

  position: absolute;

  top: 0;

  left: 50%;

  margin-left: -20px;

}



#map div.circle-3 {

  background-color: rgba(65, 182, 230, 0.5);

  border-radius: 50%;

  width: 85px;

  height: 85px;

  position: absolute;

  bottom: 30px;

  left: 50%;

  margin-left: -35px;

}



#map div.circle-1:after,

#map div.circle-2:after,

#map div.circle-3:after {

  position: absolute;

  display: block;

  content: "";

  border: 3px solid rgba(65, 182, 230, 0.5);

  width: calc(100% + 14px);

  left: -7px;

  top: -7px;

  height: calc(100% + 14px);

  border-radius: 50%;

}



.contact-rows {

  width: 1145px;

  padding: 100px 15px;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-align-content: space-between;

  -ms-flex-line-pack: justify;

  align-content: space-between;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.contact-rows .contact-item .contact-image {

  overflow: hidden;

  height: 100px;

  margin-bottom: 50px;

}



.contact-rows .contact-item .contact-image img {

  display: block;

  margin: 0 auto 30px auto;

  height: 100px;

}



.contact-rows .contact-item .contact-content h4 {

  margin: 0;

  line-height: 23px;

  color: #00558c;

}



.contact-rows .contact-item .contact-content p,

.contact-rows .contact-item .contact-content a {

  font-size: 15px;

  line-height: 23px;

  color: #353535;

  margin: 0;

}



.contact-rows .contact-item:hover .default-image {

  margin-top: -130px;

}



.fast-transition {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;

}



.remodal-overlay {

  z-index: 99999999;

}

.remodal-wrapper{

  z-index: 9999999999;

}



#career-contact.remodal {

  width: 585px;

  margin: 0 auto 0 auto;

  padding-bottom: 0;

  max-width: 100%;

  border-top: 20px solid #00558c;

  padding: 55px 62.5px 0 62.5px;

}

#career-contact.remodal h3{

  color:#41b6e6;

  margin-bottom: 5px;

}

#career-contact.remodal h4{

  margin-top: 5px;

}

.modal-footer {

  padding: 35px 0 70px 0;

  text-align: center;

  border-top: 0;

  

}

#career-contact.remodal input[type="submit"]{

  margin-top: 20px;

}

.modal-footer p{

  font-size: 15px;

  color: #353535;

}

.modal-footer a{

  color:#41b6e6;

  font-size: 15px;

}

#career-contact.remodal  .close{

  outline: 0;

  opacity: 1;

  background-image: url(images/close.png);

  background-repeat: no-repeat;

  background-position: center;

  display: block;

  position: absolute;

  top:23px;

  right: 23px;

  width: 15px;

  height: 17px;



}

.login-modal .modal-footer,

.payment-modal .modal-footer {

  padding: 0 0 70px 0;

}

.payment-modal img{

  margin-top: 5px;

  margin-bottom: 20px;

  max-width: 100%;

  height: auto;

}





.page-template-page-forms #gform_wrapper_6{

  margin-top: 45px;

}

.page-template-page-forms .title-container{

  display: none;

}

#career-contact.wide{

  width: 960px;

  max-width: 100%;

  margin-top: 55px;

}

#career-contact.wide .gf_page_steps{

  display: none;

}

#career-contact.wide .gform_page {

  width: calc(50% - 12.5px);

  display: inline-block!important;

  vertical-align: top;

}

#career-contact.wide #gform_page_6_1{

  margin-right: 25px;

}

#career-contact.wide .gform_body{

  font-size: 0;

}

#career-contact.wide  #gform_previous_button_6,

#career-contact.wide  #gform_next_button_6,

#career-contact.wide #gform_next_button_6_28{

  display: none!important;

}

#career-contact.wide li.mini-padding{

  padding-left: 7.5px;

  padding-right: 7.5px;

}

#career-contact.wide .ginput_container_textarea{

  position: static;

}

#career-contact.wide textarea{

  border:0;

}

#career-contact.wide input[type="checkbox"] {

  height: 0;

  width: 0;

  margin: 0;

  display: block;

  margin-top: 0;

  position: relative;

  top: 0;

}

#career-contact.wide .wpcf7-checkbox .wpcf7-list-item-label{

  color: #353535;

  font-size: 15px;

  line-height: 20px;

  display: block;

  text-align: left;

  font-family: 'Roboto';

  font-weight: 400;

  margin: 0;

  vertical-align: middle;

  margin-top: -3px;

  padding-left: 40px;

  position: relative;

}

#career-contact.wide .checkbox {

  position: relative;

  display: block;

  margin-top: 20px;

  margin-bottom: 0;

}

#career-contact.wide input[type="checkbox"]:before{

  content: "";

  width: 23px;

  height: 23px;

  display: inline-block;

  background-color: #00558c;

  vertical-align: middle;

  position: absolute;

  left: 0;

  top:-5px;

  z-index: 2;



  cursor: pointer;

}

#career-contact.wide #field_6_23 .wpcf7-checkbox .wpcf7-list-item-label{

  margin-top: -10px;

}



#input_6_23  input[type="checkbox"] + label{

  position: relative;

  top:-2.5px;

}

#input_6_23  input[type="checkbox"] + label:before{

  top:3px!important;

}

#input_6_10  input[type="checkbox"] + label:before{

  top:-2px!important;

}

#career-contact.wide input[type="checkbox"]:checked:before{

  background-image: url(images/checkmark.png);

  background-position: center;

  background-repeat: no-repeat;

}

#career-contact.wide textarea {

  height: 85px;

}

#career-contact.wide .gform_body{

  position: relative;

}

#career-contact.wide input.wpcf7-not-valid{

  border:1px solid red;

}

#career-contact.wide .gform_page_footer{

  clear: both;

  float: none;

  width: 100%;

  position: absolute;

  left: 0;

  bottom: -100px;

}

#career-contact.wide .gform_wrapper{

  margin-bottom: 135px;

}



#career-contact.wide #field_6_6 .sbSelector,

#career-contact.wide #field_6_14 .sbSelector{

  background-position: 90% 50%;

}

#career-contact.wide .sbSelector {

  background-image: url(images/drop-white.png);

  background-repeat: no-repeat;

  background-position: 96% 50%;

}

#career-contact.wide .sbOptions a{

  background-color: #0d5e92;

  color: white;

}

#career-contact.wide .sbOptions a:hover{

  background-color: #f3f7f9;

  color: #353535;

}

#career-contact.wide .sbOptions{

  -webkit-box-shadow: 0 0 7px 0 rgba(86,86,86,0.2);

  box-shadow: 0 0 7px 0 rgba(86,86,86,0.2);

}

#gform_page_6_1 p,

#gform_page_6_2 p{

  display: none;

}

#career-contact.wide .wpcf7-not-valid-tip{

  display: none;

    width: 100%;

    border: 0;

    height: auto;

    font-size: 10px;

    background: transparent;

    bottom: -32px!important;

    position: absolute;

    top: auto;

}

.after-submit{

  margin-top: 0!important;

  font-size: 15px;

  line-height: 20px;

    color: green;

}

div.wpcf7-mail-sent-ok{

  display: none!important;

}



.hover-background{

  position: relative;

  overflow:hidden;

}

.hover-background:hover > .hover-inner{

  width: 105%;

  height: 105%;

  top:-2.5%;

  left:-2.5%;

}

.hover-background > .hover-inner{

  -webkit-transition: all 0.3s linear;

-moz-transition: all  0.3s linear;

-ms-transition: all  0.3s linear;

-o-transition: all  0.3s linear;

transition: all  0.3s linear;

  position: absolute;

  top:0;

  left: 0;

  width: 100%;

  height: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.exit-verifier-sw-30 .inner-header .title{

    max-width: 245px;

}

.card-reader-cr-30 .inner-header .title {

    max-width: 230px;

}

.parking-pos-terminal-ct-20 .inner-header,

.desktop-validation-unit-dv-30 .inner-header {

  padding-right: 15px;

}

.desktop-validation-unit-dv-30 .inner-header .title{

  max-width: 290px;

}

.submit-cover input[value="submitted"]{

  text-align: left!important;

}

.page-template-page-off-street-parcs:not(.off-street-parcs) .off-content .inner h4{

font-size: 30px;

    font-family: 'bebasregular';

    line-height: 40px;

    color: #00558c;

    font-weight: 400;

}

div.ajax-loader-gif{

  background-image: url(images/reload.gif);

  width: 72px;

  height: 72px;

  background-repeat: no-repeat;

  background-position: center;



  margin: 0 auto;

  background-size: contain;

}

.osx .submit-cover,

.osx .submit-cover input[type="submit"]{

      line-height: 49px;

}

.page-template-page-high-security .title-container {

    background-position: 50% 85%!important;

}