Site framework */
body {font-family: 'Montserrat', sans-serif; font-size: 18px; background: #f6f4f4; overflow-x: hidden;}

.contentDiv { min-height: 600px;}

.AB-parent+.header_wrap {top:50px;}

/*Sticky*/
body.sticky .header_wrap{top: 0px;}
body.sticky .AB-parent ~ .header_wrap{top: 50px;}
.content_wrap{margin-top: 130px;}
body.sticky .header_wrap{height: 80px; transition: ease all .3s;}
body.sticky .header_wrap .logo{line-height: 80px; transition: ease all .3s;}
body.sticky .header_wrap .logo img{transform: scale(0.8); transition: ease all .3s;}
body.sticky .login-container{line-height: 80px; transition: ease all .3s;}
body.sticky .menu-button{margin-top: 28px; transition: ease all .3s;}

/* Header */
.header_wrap {margin-bottom: 10px; border-bottom: 1px solid #e9e9ec; background: #fff; top: 0; height: 120px; width: 100%; position: fixed; z-index: 1000;}
.header_wrap a:hover{text-decoration: none;}
.header_wrap .logo {line-height: 120px; display: block; text-align: center;}
.header_wrap .menu-button{height: 60px; width: 100px; display: block; float: right; margin-top: 44px; z-index: 1001; position:relative;}
.header_wrap .menu-button span{padding-left: 15px; font-size: 14px; color: #3366cc;}
.header_wrap .login-container{ line-height: 120px}
.header_wrap .login-container a{color: #3366cc; font-size: 14px; padding-left: 20px; background: url(../images/login.png) no-repeat left center;}
.top_header_wrap .col-12 {display: flex; flex-direction: row-reverse; align-items: center;}

/* Menus */

.menu_wrap_container{position: relative;}
.menu_wrap{position: absolute; z-index: 1000; right: 0; top: 0px; width: 40%;}
.mainmenu {margin: 0;  text-align: left; list-style: none; padding: 45px 0 15px; display: none; background: #fff; border:10px solid rgba(0, 0, 0, .65); background-clip: padding-box; border-top: 0; border-right: 0;}
.mainmenu li {display: block; padding: 0; margin: 0; background: #fff;}
.mainmenu li a{text-align:left; display: block; color: #272626; line-height: 20px; padding: 7px 25px; font-size: 16px; font-weight: bold;}
.mainmenu li ul li{padding-left: 10px;}
.mainmenu li ul li a{font-size: 14px; font-weight: normal; line-height: 20px; font-weight: normal;}
.mainmenu ul {margin: 0px; padding:0; }

.mainmenu .login-container{border-top: 1px solid #ebebeb; margin: 10px 25px 0;}
.mainmenu .login-container a{ font-weight: normal; padding: 15px 25px; font-weight: bold;}

.rotate{ transform: rotate(-90deg); transition: .3s;}
.rotate-reset{transform: rotate(0deg); transition: .3s;}

.footermenu { margin: 0; padding: 0; list-style: none;}
.footermenu li  {margin:0; padding:0; display: block; line-height: 38px;}
.footermenu li a{display: block; margin:0; font-size:16px;  color: #343333; text-transform: capitalize;}
.footermenu li a:hover {color: #00afad; text-decoration: none;}
.footermenu li ul {display: none;}


/* Footer */

.top-footer{height: 750px; width: 100%; background: url(../images/top-footer-bg.jpg) center center no-repeat; padding: 40px 0; text-align: center;}
.top-footer .footer-text span{color: #fff; font-size: 36px; font-weight: bold;}
.top-footer .footer-text p{color: #fff; font-style: italic; font-size: 18px;}

/*Enquire Form*/
.top-footer .enquire_form{height:535px; width:580px; background: #fff; border:1px solid #edecec; border-radius: 5px; margin: 30px auto 0; position: relative; padding:  45px 30px 30px 30px;}
.top-footer .enquire_form span{color: #3366cc; font-size: 18px; font-weight: bold;}

.top-footer .enquire_form div{margin-bottom: 20px;}
.top-footer .enquire_form input, .top-footer .enquire_form textarea{width: 100%; font-size: 16px; border: 1px solid #cccccc; background: #fbf8f8; border-radius: 5px; padding: 10px; }
.top-footer .enquire_form input{height: 38px;}
.top-footer .enquire_form textarea{resize: none; height: 125px; }
.top-footer .enquire_form input::placeholder, .top-footer .enquire_form textarea::placeholder{text-align: center; color: #656464; font-size: 15px; font-style: italic;}
.top-footer .send-button{position: relative; margin-top: 50px;}
.top-footer .send-button .enquire-denotes{position: absolute; left: 0; top: -20px; color: #615e5e; font-size: 12px;}
.top-footer .send-button .sendMail{border: 1px solid #e07105; font-weight: bold; text-transform: uppercase; color: #ea5e0a; padding: 15px 48px; }
.top-footer .send-button .sendMail:hover{text-decoration: none; background: #e07105; color: #fff; transition: ease all .5s;}

.enquire-icon{position: absolute; top: -30px; left: calc(50% - 32px); }

.footer_wrap {background: #111111; padding: 35px 0 50px 0; line-height: 26px; text-align: center; color: #fff; font-size: 16px;}
.footer_wrap div{padding: 5px 0;}
.footer-logo img{width: 289px;}

.footer_wrap .dmac a{ font-size: 12px; font-weight: normal; color: #737373;}
.footer_wrap .dmac a:hover{text-decoration: none;}

/* Byline */
.byline_menu{list-style: none; padding: 0; line-height: 14px; margin:0;}
.byline_menu li a{color: #fff; font-size: 14px; padding: 0 7px; border-right: 1px solid #fff; line-height: 14px; font-weight: normal;}
.byline_menu li{display: inline-flex; padding: 0; line-height: 18px; }
.byline_menu li:last-child a{border:0;}

/* Contact Forms */
.customform { font:12px arial; color:#333;}
.customform  .fullwrap {float:left; width:100%; margin-bottom:10px;}
.customform  .linewrap {float:left; width:100%; margin-bottom:10px;}
.customform  .linewrap .leftwrap {float:left; width:30%; height:30px;}
.customform  .linewrap .leftwrap label{display:block; text-align:right; padding-right:10px;}

.customform .linewrap  .rightwrap {float:left; width:70%;}

.customform .linewrap .textareawrap textarea {width:95%; height:120px; font:13px Trebuchet MS; color:#000;}
.customform .linewrap .textinputwrap input {width:95%; font:13px Trebuchet MS; color:#000;}
.customform .linewrap .dropdownwrap select {width:100%; font:13px Trebuchet MS; color:#000;}
.customform  .infowrap { margin:10px 0; font-weight:bold;}

/* Fonts */

a {text-decoration :none; color: #00afad;}

html {overflow-y: scroll;}

h1 {display:block; font-size: 36px; color:#2e3a47; margin:0 0; padding:0 0 10px 0; line-height:40px; font-weight: normal;}
h2 {display:block; font-size: 30px; color:#2e3a47; margin:0 0; padding:0 0 10px 0; line-height:36px; font-weight: normal;}
h3 {display:block; font-size: 26px; color:#2e3a47; margin:0 0; padding:0 0 10px 0; line-height:36px; font-weight: normal;}
h4 {display:block; font-size: 24px; color:#2e3a47; margin:0 0; padding:0 0 10px 0; line-height:32px; font-weight: normal;}
h5 {display:block; font-size: 20px; color:#2e3a47; margin:0 0; padding:0 0 10px 0; line-height:26px; font-weight: normal;}
h6 {display:block; font-size: 18px; color:#2e3a47; margin:0 0; padding:0 0 10px 0; line-height:24px; font-weight: normal;}

p {padding: 5px 0 20px 0; font-size:16px; color:#2e3a47; line-height:24px; }

ul {list-style-position: outside; padding: 5px 0 20px 20px; font-size:14px; color:#3a3a38; list-style-type:disc; line-height:24px; }
ul li {padding:0 0 15px 0; line-height:20px;}
ul li a:hover{text-decoration: none;}

ol {list-style-position: outside; padding: 5px 0 20px 20px; font-size:14px; color:#3a3a38; list-style-type:circle; line-height:24px; }
ol li {padding:0 0 5px 0;}

hr {color:#dadbdc; background:#dadbdc; height:1px; border:0; margin-bottom:20px;}


.hidden {display: none;}

.clear{clear: both;display: block;overflow: hidden; visibility: hidden; width: 0; height: 0;}


.full-width-fix {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 20px;
}

.full-width-fix {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 20px;
  margin-top: -10px;
}

.flexslider {
	transition: all 0.3s ease-in-out 0s;
	height: auto;
}
.flex-viewport {height: 100% !important;}
.flexslider .slides {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  min-height: 100px;

}
.flexslider .slides {height: 100%;}
.flexslider .slides > li.flex-active-slide {display: flex !important; flex-direction: column}
.flexslider .slides > li > a {display: block;}

.flexslider .slides > li > img, .flexslider .slides > li > a > img {
  width: 100%;
  display: block;
  z-index: 4;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}

.flexSliderContainer.arrow {
  position: relative;
}
.flexSliderContainer.arrow .flexslider {
  margin-bottom: -30px;
}
.flexSliderContainer.arrow .slides > li, .flexSliderContainer.arrow .slides > li > a {
  clip-path: polygon(0 calc(100% - 30px),calc(50% - 30px) calc(100% - 30px), calc(50% - 1px) 100%, calc(50% + 1px) 100%, calc(50% + 30px) calc(100% - 30px), 100% calc(100% - 30px),100% 0, 0 0);
  -webkit-clip-path: polygon(0 calc(100% - 30px),calc(50% - 30px) calc(100% - 30px), calc(50% - 1px) 100%, calc(50% + 1px) 100%, calc(50% + 30px) calc(100% - 30px), 100% calc(100% - 30px),100% 0, 0 0);
}

.flex-caption {margin:0; position: absolute; top: 0px;  z-index: 5;  margin: 20px 0; /*flex-direction:column;*/ justify-content: flex-start; padding: 0 10px; box-sizing: border-box; height: auto; padding: 20px 60px;}
.flex-caption:empty {display:none;}
.flex-caption.halign-right { }
.flex-caption.halign-left {text-align: left;}
.flex-caption.valign-bottom { display: block; bottom:0; top:initial;}

.full-width-fix .flex-caption.halign-right { left:initial; right: calc(50% - 555px); max-width: 100%; width: 600px;}
.full-width-fix .flex-caption.halign-left { right:initial; left: calc(50% - 555px); max-width: 100%; width: 600px;}
.full-width-fix .flex-caption.halign-center{left: calc(50% - 540px); right:initial; width: 1100px; max-width: 100%;}

.flex-caption h1 {}
.flex-caption p {}

.fs-photography:hover{background: url(../images/fs-photo.png) 14px center no-repeat #3366cc; transition: ease all .6s;}
.fs-video:hover{background: url(../images/fs-video.png) 42px center no-repeat #3366cc; transition: ease all .6s;}

.fs-button{margin: 10px; display: inline-block; border-radius: 6px; background: #6192f4; transition: all ease-in-out .5s; width: 200px;}
.fs-button a{display: block; height: 100%; width: 100%; line-height: 58px; text-align: center; color: #ffffff !important; font-size: 18px; font-weight: bold; padding: 0 20px;}
.fs-button:hover{background:#0b59ff; }
.fs-support{background: #ffaf4c; }
.fs-support:hover{background: #ff8d00;}
.fs-support a{background: url(../images/phone-icon.png) 45px center no-repeat; box-sizing: border-box; padding-left: 35px;}
.fs-camera a{padding-left: 35px; background: url(../images/fs-camera.png) 17px center no-repeat;}
.fs-spanner a{padding-left: 35px; background: url(../images/fs-spanner.png) 7px center no-repeat;}

.flex-control-paging {position: absolute; bottom: 10px; display: flex; width: 100%; left: 0; align-items: center; justify-content: center; z-index: 1000}
.flex-control-paging {list-style: none; display: flex; align-items: center; margin:0; padding: 0;}
.flex-control-paging > li {padding: 0; margin: 0; font-size: 0; display: flex; align-items: center; justify-content: center;}
.flex-control-paging > li > a {width: 20px; height: 20px; border-radius: 100%; border: 1px solid #fff; margin: 0 6px;}
.flex-control-paging > li > a.flex-active {background: #fff;}


/*Contact Form*/

.contact-form {background: #fff; border: 1px solid #ebebeb; border-radius: 5px; padding: 10px 25px;}
.contact-form .cf-input {line-height: 30px; padding-bottom: 10px;}
.contact-form .cf-select {line-height: 30px; padding-bottom: 10px;}
.contact-form label {width: 100%; color: #49494a; font-size: 18px;}
.contact-form input, .contact-form textarea, .contact-form select {width: 100%; height: 38px; font-size: 16px; text-indent: 10px; border: 1px solid #ebebeb; border-radius: 3px; box-sizing:border-box; padding: 0 5px;}
.contact-form label span {color: #49494a; font-size: 14px;}
.contact-form textarea {resize: none; height: 90px;}
.contact-form .cf-buttons {line-height: 0; font-size: 0; text-align: right;}
.contact-form .cf-buttons a {line-height: 59px; padding: 0 30px; color: #787878; font-size: 18px; display: inline-block; text-transform: uppercase; margin-left: 20px; border-radius: 7px;}
.contact-form .cf-buttons a.cf-submit {color: #fff;}
.contact-form .cf-reset{background: #F0EFEF;}
.contact-form .cf-validation {text-align: center; height: 0; padding: 10px 0; box-sizing: border-box; font-size: 16px; color: #ee660b; font-weight: bold; transition: all 2s ease-in-out 0s;}
.contact-form .cf-text{color: #49494a; font-size: 16px; border-bottom: 1px solid #e1e1e1; padding: 10px 0 20px 0; margin-bottom: 10px; width: 100%; font-weight: normal;}
.contact-form .denotes{float: left; font-size: 12px; color: #49494a;}
.contact-form .cf-buttons a:hover{text-decoration: none;}

.brands-module { margin: 20px 0; position: relative;}
.brands-module .brands-slider {display: flex; align-items: flex-flex-start;}
.brands-module .brands-slider a {display: flex; justify-content: center; align-items: center;}
.br-prev, .br-next {width: 20px; height: 20px; border: 3px solid #b9b9b9; border-width: 3px 3px 0 0; transform: rotate(45deg); display: block; position: absolute; top: calc(50% - 10px); right: -20px}
.br-prev {transform: rotate(-135deg); right: initial; left: -20px;}
@media (max-width: 767px) {
    .br-prev {left: 0;}
    .br-next {right: 0;}
}