#cd-logo { float: left; margin: 13px 0 0 5%; }
#cd-logo img { display: block; }

@media only screen and (min-width: 768px) {
 #cd-logo { margin: 23px 0 0 5%; }
}

.input-96.inputEnq { border: 1px solid rgba(41, 41, 41, 0.2)!important; margin: 5px 0px 0px 0px!important; height: 52px!important; }
.fromRight.linkEnq { margin-top: 7px; }
.cd-primary-nav { /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */ float: right; margin-right: 5%; width: 44px; height: 100%; background: url("../images/cd-icon-menu.svg") no-repeat center center; }
.cd-primary-nav ul { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.cd-primary-nav ul.is-visible { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }
.cd-primary-nav a { display: block; height: 50px; line-height: 50px; padding-left: 5%; background: #21272c; border-top: 1px solid #333c44; color: #ffffff; }

@media only screen and (min-width: 768px) {
 .cd-primary-nav { /* reset navigation values */ width: auto; height: auto; background: none; }
 .cd-primary-nav ul { position: static; width: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); line-height: 70px; }
 .cd-primary-nav ul.is-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
 .cd-primary-nav li { display: inline-block; margin-left: 1em; }
 .cd-primary-nav a { display: inline-block; height: auto; font-weight: 600; line-height: normal; background: transparent; padding: .6em 1em; border-top: none; }
}

/* -------------------------------- 

Slider

-------------------------------- */
.cd-hero { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 0; border-top: solid 0px #e1e1e1; }

@media screen and (max-width:1199px) { /*.cd-hero{margin-top:70px;}*/
}

.cd-hero-slider { position: relative; height: 60vh; overflow: hidden; }
.cd-hero-slider li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.cd-hero-slider li.selected { /* this is the visible slide */ position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.cd-hero-slider li.move-left {top:0; /* slide hidden on the left */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected { /* the is-moving class is assigned to the slide which is moving outside the viewport */ -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; transition: transform 1s; }

@media only screen and (min-width: 1020px) {
 .cd-hero-slider { height: 60%; max-height: 400px; }
}

@media only screen and (min-width: 1280px) {
 .cd-hero-slider { height: 60%; max-height: 440px; }
}

/* --------------------------------  Single slide style  -------------------------------- */

.cd-hero-slider { list-style: none; }
.cd-hero-slider li { background-position: top center; background-size: cover; background-repeat: no-repeat; min-height: 362px; }
.homeSLider .cd-hero-slider li {min-height: 300px;}
.cd-hero-slider .allMdl { color: #ffffff; margin-bottom: 0; }
.cd-hero-slider .allMdl.btm01 { margin-bottom: 20px; }
.cd-hero-slider .head02 { color: #ffffff; margin-top: -24px; margin-bottom: 4px; letter-spacing: 0.2px; font-weight: 200; text-transform: none; }
.cd-hero-slider .head03 { color: #ffffff; margin-top: -4px; margin-bottom: 4px; letter-spacing: 0.2px; font-weight: 200; text-transform: none; }
.cd-hero-slider .head04 { margin-top: 0px; margin-bottom: 0; }
.cd-hero-slider .head04.btm04 { margin-top: 25px; }
.mdlOny { font-size: 16px; font-weight: 600; }
.mdlOTR { font-size: 14px; color: #ffffff; padding-top: 2px; }
.mdlHero { padding-top: 34px; padding-bottom: 20px; border-bottom: solid 1px #e1e1e1; }
.h3Hro { color: #333333; margin-bottom: 18px; border-bottom: solid 1px #eeeeee; padding-bottom: 16px; padding-top: 0px; }


.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width { position: absolute; width: 100%; height: 100%; z-index: 999; left: 0; top: 0; /* this padding is used to align the text */ padding-top: 0px; text-align: center; /* Force Hardware Acceleration in WebKit */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.cd-hero-slider .cd-img-container { /* hide image on mobile device */ display: none; }
.cd-hero-slider .cd-img-container img { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.cd-hero-slider .cd-bg-video-wrapper { /* hide video on mobile device */ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.cd-hero-slider .cd-bg-video-wrapper video { /* you won't see this element in the html, but it will be injected using js */ display: block; min-height: 100%; min-width: 100%; max-width: none; height: auto; width: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }



.cd-hero-slider .cd-btn { display: inline-block; padding: 1.2em 1.4em; margin-top: .8em; background-color: rgba(212, 68, 87, 0.9); font-weight: 700; letter-spacing: 1px; color: #ffffff; text-transform: uppercase; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; }
.cd-hero-slider .cd-btn.secondary { background-color: rgba(22, 26, 30, 0.8); }
.cd-hero-slider .cd-btn:nth-of-type(2) { margin-left: 1em; }
.no-touch .cd-hero-slider .cd-btn:hover { background-color: #d44457; }
.no-touch .cd-hero-slider .cd-btn.secondary:hover { background-color: #161a1e; }



.homeSLider .fadein { position:relative; }
.homeSLider .fadein li { position:absolute; left:0; top:0; }

@media only screen and (max-width: 3200px) {
 /* .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 20px;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    margin-bottom: 20px;
	
  }*/
 .cd-hero-slider .cd-bg-video-wrapper { display: block; }

 .darkoverlay { display: block; background: url(../images/overlay01.png) top center no-repeat; background-size: cover; }
}

@media only screen and (max-width: 1279px) {
 .cd-hero-slider .cd-full-width,
 .cd-hero-slider .cd-half-width { padding-top: 20vh; padding-left: 4%; padding-right: 4%; }
 .cd-hero-slider h2, .cd-hero-slider p { margin-bottom: 20px; }
 .cd-hero-slider .cd-bg-video-wrapper { display: block; }
}

@media only screen and (max-width: 1024px) {


 .cd-hero-slider li:nth-of-type(4) { /*background-image: none;*/ }
 .cd-hero-slider .cd-full-width,
 .cd-hero-slider .cd-half-width { }
 .cd-hero-slider .cd-bg-video-wrapper { display: block; }
 .cd-hero-slider .cd-half-width { width: 45%; }
 .cd-hero-slider .cd-half-width:first-of-type { left: 5%; }
 .cd-hero-slider .cd-half-width:nth-of-type(2) { right: 5%; left: auto; }
 .cd-hero-slider .cd-img-container { display: block; }


 .cd-hero-slider .cd-btn { }
}

@media only screen and (max-width: 520px) {
 .cd-hero-slider .cd-full-width,
 .cd-hero-slider .cd-half-width { padding-top: 21vh; }
}


/* -------------------------------- 

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) {
 .cd-hero-slider .cd-half-width { opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); }
 .cd-hero-slider .move-left .cd-half-width { -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }
 .cd-hero-slider .selected .cd-half-width { /* this is the visible slide */ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
 .cd-hero-slider .is-moving .cd-half-width { /* this is the slide moving outside the viewport 
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */ -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s; -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s; }
 .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
 .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type { /* this is the selected slide - different animation if it's entering from left or right */ -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s; -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; }
 .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
 .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) { /* this is the selected slide - different animation if it's entering from left or right */ -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s; -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s; transition: opacity 0.4s 0.4s, transform 0.5s 0.4s; }
 .cd-hero-slider .cd-full-width h2,
 .cd-hero-slider .cd-full-width p,
 .cd-hero-slider .cd-full-width .cd-btn { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
 .cd-hero-slider .move-left .cd-full-width h2,
 .cd-hero-slider .move-left .cd-full-width p,
 .cd-hero-slider .move-left .cd-full-width .cd-btn { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); }
 .cd-hero-slider .selected .cd-full-width h2,
 .cd-hero-slider .selected .cd-full-width p,
 .cd-hero-slider .selected .cd-full-width .cd-btn { /* this is the visible slide */ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
 .cd-hero-slider li.is-moving .cd-full-width h2,
 .cd-hero-slider li.is-moving .cd-full-width p,
 .cd-hero-slider li.is-moving .cd-full-width .cd-btn { /* this is the slide moving outside the viewport 
    wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */ -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s; -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s; }
 .cd-hero-slider li.selected h2 { -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s; -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; }
 .cd-hero-slider li.selected p { -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s; -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s; transition: opacity 0.4s 0.3s, transform 0.5s 0.3s; }
 .cd-hero-slider li.selected .cd-btn { -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s; -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s; transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s; }
}
/* -------------------------------- 

Slider navigation

-------------------------------- */
.cd-slider-nav { position: absolute; /* width: 100%;*/ display: inline-block; bottom: 0; right: 18px; z-index: 2; text-align: right; height: 55px; }
.cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a { height: 100%; }
.cd-slider-nav nav { display: inline-block; position: relative; }
.cd-slider-nav .cd-marker { position: absolute; bottom: 0; left: 0; width: 20px; height: 100%; }
.cd-slider-nav .cd-marker.item-2 { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.cd-slider-nav .cd-marker.item-3 { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); }
.cd-slider-nav .cd-marker.item-4 { -webkit-transform: translateX(300%); -moz-transform: translateX(300%); -ms-transform: translateX(300%); -o-transform: translateX(300%); transform: translateX(300%); }
.cd-slider-nav .cd-marker.item-5 { -webkit-transform: translateX(400%); -moz-transform: translateX(400%); -ms-transform: translateX(400%); -o-transform: translateX(400%); transform: translateX(400%); }
.cd-slider-nav ul:after { clear: both; content: ""; display: table; }
.cd-slider-nav li { display: inline-block; width: 21px; float: left; }


.no-touch .cd-slider-nav li.selected a:hover { background-color: transparent; }
.cd-slider-nav a { display: block; position: relative; padding-top: 35px; font-size: 1rem; font-weight: 700; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; }
.cd-slider-nav a:before { content: ''; position: absolute; width: 12px; height: 12px; top: 8px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /*background: url('../images/cd-icon-navigation.svg') no-repeat left center / 115px;*/ border: 1px solid #fff; background-color: #b2b2b2; border-radius: 50%; }
.no-touch .cd-slider-nav a:hover { background-color: rgba(0, 1, 1, 0.0); }
.cd-slider-nav li:first-of-type a:before { background-position: 0 0; }
.cd-slider-nav li.selected:first-of-type a:before { background-position: 0 -24px; }
.cd-slider-nav li:nth-of-type(2) a:before { background-position: -24px 0; }
.cd-slider-nav li.selected:nth-of-type(2) a:before { background-position: -24px -24px; }
.cd-slider-nav li:nth-of-type(3) a:before { background-position: -48px 0; }
.cd-slider-nav li.selected:nth-of-type(3) a:before { background-position: -48px -24px; }
.cd-slider-nav li:nth-of-type(4) a:before { background-position: -72px 0; }
.cd-slider-nav li.selected:nth-of-type(4) a:before { background-position: -72px -24px; }
.cd-slider-nav li:nth-of-type(5) a:before { background-position: -96px 0; }
.cd-slider-nav li.selected:nth-of-type(5) a:before { background-position: -96px -24px; }

.bgColor { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 9999; text-align: center; }
.bgColor .loading { position: relative; top: 35%; }
.bgColor .loaderWhite { background-color: #fff; border-radius: 8px; padding: 15px 25px; }

@media only screen and (min-width: 768px) {
 .cd-slider-nav { height: 45px; }
 .cd-slider-nav .cd-marker,
 .cd-slider-nav li { }
 .cd-slider-nav a { padding-top: 48px; font-size: 0.9rem; text-transform: uppercase; }
 .cd-slider-nav a::before { top: 10px; }
}

/* -------------------------------- 

Slider dots/controls 

-------------------------------- */
.cd-slider-controls { position: absolute; bottom: 20px; left: 53%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; text-align: right; width: 90%; }
.cd-slider-controls::after { clear: both; content: ""; display: table; }
.cd-slider-controls li { display: inline-block; margin-right: 10px; }
.cd-slider-controls li:last-of-type { margin-right: 0; }
.cd-slider-controls li.selected a { background-color: #ffffff; }
.cd-slider-controls a { display: block; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; height: 10px; width: 10px; border-radius: 50%; border: 2px solid #ffffff; }
.no-touch .cd-slider-controls a:hover { background-color: #ffffff; }


/* -------------------------------- 

Main content

-------------------------------- */
.cd-main-content { width: 90%; max-width: 768px; margin: 0 auto; padding: 2em 0; }
.cd-main-content p { font-size: 1.4rem; line-height: 1.8; color: #999999; margin: 2em 0; }

@media only screen and (min-width: 1170px) {
 .cd-main-content { padding: 3em 0; }
 .cd-main-content p { font-size: 1.6rem; }
}

@media only screen and (max-width: 480px) {
 .cd-hero { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 62px; }
}
/* -------------------------------- 

Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li { display: none; }
.no-js .cd-hero-slider li.selected { display: block; }

.no-js .cd-slider-nav { display: none; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
 .halftp { padding-top: 5vh!important; }
 .cd-hero-slider li { min-height: 100%; }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
 .halftp { padding-top: 8vh!important; }
 /* .cd-hero-slider {height:40vh!important;}*/
 .cd-hero-slider li { min-height: 100%; }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
 .halftp { padding-top: 8vh!important; }
 .cd-hero-slider { height: 50vh!important; }
}

.bannerslide .cd-hero-slider { height: 60vh!important; }