@charset "utf-8";
/* CSS Document */


/*
     font-family: 'Poppins', sans-serif;

*/





html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing: border-box;}
body {text-align:center; line-height:1; margin:0px; padding:0px; background-color:#fff; font-weight: 400;font-family: 'Poppins', sans-serif; color:#414141; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; float: left; width: 100%;}
img {outline:none; border:none; max-width:100%; height:auto;}
ol, ul {list-style: none;}
a {text-decoration:none; outline:none;}
p {line-height:24px; }
h1 { font-size: 28px; font-weight: 400; line-height: 30px; margin: 0 0 15px; }
h2 { font-size: 24px; font-weight: 400; line-height: 26px; margin: 0 0 15px; }
h3 { font-size: 19px; font-weight: 400; line-height: 21px; margin: 0 0 15px; }
h4 { font-size: 17px; font-weight: 400; line-height: 19px; margin: 0 0 15px; }
h5 { font-size: 16px; font-weight: 400; line-height: 18px; margin: 0 0 15px; }
h6 { font-size: 15px; font-weight: 400; line-height: 17px; margin: 0 0 15px; }
select::-ms-expand {display: none;}
select {-webkit-appearance: none; -moz-appearance:none; -o-appearance:none; appearance:none; border-radius: 0;}
input[type="text"]:focus {box-shadow: none; outline:none;}
input[type="search"]:focus {box-shadow: none; outline:none;}
input[type="email"]:focus {box-shadow: none; outline:none; -webkit-appearance: none; -moz-appearance:none; -o-appearance:none; appearance:none;}
input[type="email"] {box-shadow: none; outline:none; -webkit-appearance: none; -moz-appearance:none; -o-appearance:none; appearance:none;}
input[type="radio"] {box-shadow: none; outline:none; -webkit-appearance: none; -moz-appearance:none; -o-appearance:none; appearance:none;}
textarea:focus {box-shadow: none; outline:none;}
textarea{box-shadow: none; outline:none;}
select:focus {box-shadow: none; outline:none; -webkit-appearance: none; -moz-appearance:none; -o-appearance:none; appearance:none;}
select{box-shadow: none; outline:none; -webkit-appearance: none; -moz-appearance:none; -o-appearance:none; appearance:none;}
input {-webkit-appearance: none; border-radius: 0;}
textarea {-webkit-appearance: none; border-radius: 0;}

.slider form .field-row input:-moz-placeholder{opacity: 1 !important;}
.slider form .field-row input::-moz-placeholder{opacity: 1 !important;}
.slider form .field-row input:-ms-input-placeholder{opacity: 1 !important;}

:-moz-placeholder{opacity: 1 !important;}
::-moz-placeholder{opacity: 1 !important;}
:-ms-input-placeholder{opacity: 1 !important;}

.wrapper a:hover{transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s;}
.wrapper input{transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s;}
.wrapper input:hover{transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s;}

.container {width:1170px; margin:0px auto;}

.mm-menu{font-family: 'Poppins', sans-serif;}

.wrapper {float:left; width:100%;}

.mm-opened #menu {display: block !important;}
#menu {display: none !important;}
section {float: left; width: 100%;}

/*====Header===*/
header {float: left; width: 100%; padding: 0; min-height: 179px;}
header .inner-header {float: left; width: 100%; padding: 0px;}
header.sticky .inner-header {background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);position: fixed;width: 100%;z-index:99999;top:0;margin:0;-webkit-animation: fadeInDown 1s both;animation: fadeInDown 1s both;}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}

.header-top{float: left; width: 100%; padding:14px 30px 12px 30px;}
.h-left{float: left; width: auto;}
.h-left a,.h-left a img{float: left;}
.h-right{float: right; width: auto; padding:10px 0 8px 0;}
.type-controls{float: left; width: auto; font-size: 16px; color: #000000; line-height: 24px; border-right: 1px solid #e94a52; padding-right:26px; padding-top: 5px;letter-spacing: 1px;}
.type-controls span{display: block;}
.type-controls a{color: #000000;}
.type-controls span:first-child{margin-bottom: 4px;}
.call-div{float: left; width: auto; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; padding:5px 29px 0 30px; border-right: 1px solid #e94a52;letter-spacing: 1px;}
.call-div span{display: block;}
.call-div a{color: #000;}
.call-div a:hover{color: #e94a52;}
.call-div span:first-child{margin-bottom: 4px;}
.call-div .tab-call{display: none;}
.social-details{float: left; width: auto; padding-left:30px; padding-top:3px;}
.social-media{float: right; text-align: right;}
.social-media li{float: left;}
.social-media li a{display: inline-block; background-repeat: no-repeat; background-position: center center; height:22px; width: 30px;}
.social-media li.facebook{margin-right:9px;}
.social-media li.facebook a{background-image: url(../images/h-facebook.png);}
.social-media li.facebook a:hover{background-image: url(../images/h-facebook-hover.png);}
.social-media li.linkedin{margin-right:16px;}
.social-media li.linkedin a{background-image: url(../images/h-linked-in.png);}
.social-media li.linkedin a:hover{background-image: url(../images/h-linked-in-hover.png);}
.social-media li.gplus a{background-image: url(../images/h-gplus.png);}
.social-media li.gplus a:hover{background-image: url(../images/h-gplus-hover.png);}
.email-div{float: right; clear: both; margin-top: 8px;}
.email-div a{font-size: 14px; color: #000; background: url(../images/h-mail-icn.png) no-repeat; background-position: center left; padding-left:22px; letter-spacing: 1px;}
.email-div a:hover{color: #e94a52;}
.mobile-nav{display: none;}
header.sticky .header-top{display: none;}

.menu-container{float: left; width: 100%; background: rgba(5,21,82,0.80); border-top: 3px solid #e94a52; padding: 0 30px;}
.menu-container ul{float: left; width: 100%; font-size: 0;}
.menu-container ul li{display: inline-block; font-size: 15px; text-transform: uppercase; line-height: 32px; letter-spacing: 1px;}
.menu-container ul li a{color: #fff; padding:20px 18px 20px 20px; float: left;}
.menu-container ul li.active a,.menu-container ul li:hover a{background: #e94a52;}
.desktop-menu{float: left; width: 100%;}
header.sticky .menu-container ul li a {padding: 9px 20px 9px 20px;}

.slider{float: left; width: 100%;}
.slider ul{float: left; width: 100%;}
.slider ul li{height:594px; float: left; width: 100%;background-size: auto 100% !important; background-position: center top !important;}
.slider .text-on-image{float: left; display: table; table-layout: fixed; vertical-align: middle; text-align: center; width: 496px;}
.slider .text-on-image span{display: table-cell; vertical-align: middle; text-align: center; height:594px;}
.slider .text-on-image span form{background: #fcfbfa;  float: left; width: 100%; padding: 48px 0 40px 0;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.slider .text-on-image span form h2{font-weight: 700; font-size: 22px; color: #445461; letter-spacing: 0.3px; line-height: 32px; float: left; width: 100%;}
.slider form .field-row{float: left; width: 100%; margin-bottom: 10px;}
.slider form .field-row input{width: 337px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family: 'Poppins', sans-serif; font-size: 14px; color: #7b868f; height:50px; border-top: 0;border-left: 0;border-right: 0; background: transparent; border-bottom: 1px solid #cac9c8; padding:0 5px;}
.slider form .field-row input:focus{border-bottom: 2px solid #e41d27;}
.slider form .field-row input[type="submit"]{background: #e41d27; color: #fff; border-bottom: 0; cursor: pointer; height:61px; font-size: 14px; font-weight: 700; margin-top: 14px;}
.slider form .field-row input[type="submit"]:hover{ background: rgba(5,21,82,0.80);}

.sticky-menu {float: left;font-size: 0;position: fixed;right: 0;top: 50%;transition: none 0s ease 0s !important;z-index: 999;margin-top: -151px; height:302px; width: 188px;}
.sticky-menu ul{float: left; width: 100%;}
.sticky-menu ul li{float: left; width: 100%; text-transform: uppercase; font-size: 15px; font-weight: 500; line-height: 32px; margin-bottom: 1px;}
.sticky-menu ul li a{background: rgba(244,244,244,0.90); color: #00135a; float: left; width: 100%;padding: 35px 0 33px 0}
.sticky-menu ul li.active a{background: #e94a52; color: #fff;}
.sticky-menu ul li:hover a{background: #e94a52; color: #fff;}

.middle-container{float: left; width: 100%;}
.controls-container{float: left; width: 100%; padding:65px 0 68px 0; background: url(../images/shadow-bg.png) no-repeat bottom center;}
.controls-container .controls-div{float: left; width: 100%;}
.controls-container .controls-block{float: left; width: 94px; margin-right:25px;}
.controls-container .controls-block:last-child{margin-right:0;}
.controls-container .image-div{display: table; table-layout: fixed; vertical-align: middle; text-align: center; width: 100%; float: left; border: 1px solid #868686; border-radius:9px;}
.controls-container .image-div span{display: table-cell; vertical-align: middle; text-align: center; width: 100%; height:94px;}
.controls-container .image-div span img{max-height:92px; display: inline-block; vertical-align: middle;}

.controls-container .name{font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; color: #4c4c4c; float: left; width: 100%; margin-top: 10px;}
.controls-container a:hover .name{color: #e94a52;}

.control-types-container{float: left; width: 100%; padding:37px 0 32px 0}
.control-types-div{float: left; width: 100%;}
.main-title{ font-size: 24px; font-weight: 600; color: #00135a; line-height: 32px; letter-spacing: 0.3px; text-align: left; margin-bottom: 22px;}

.sub-title{font-size: 19px; color: #e94a52; text-align: left; font-weight: 600;}
.small-text{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 28px; text-align: left; margin-bottom: 22px;}
.small-text span{color: #00135a;}
.small-text .blue-bold{color: #00135a; font-weight: 600;}

.bullet-list{float: left; width: 100%; margin-bottom: 33px;}
.bullet-list li{background: url(../images/bullet-arrow.png) no-repeat left 12px; text-align: left;font-family: 'Open Sans', sans-serif; font-size: 16px; color: #414141; line-height: 28px; padding-left: 16px;}

.footer{float: left; width: 100%;}
.footer-top{float: left; width: 100%; background: #cccccc; padding:25px 0 20px 0;}
.footer-top .city-links{float: left; width: 100%; font-size: 0;}
.footer-top .city-links li{display: inline-block; line-height: 28px;}
.footer-top .city-links li:after{content:"|"; font-size: 16px; padding-left: 13px; margin-right: 13px; color: #666666;}
.footer-top .city-links li a{font-family: 'Open Sans', sans-serif; font-size: 16px; color: #292929;}
.footer-top .city-links li a:hover{color: #e94a52;}
.footer-top .city-links li:last-child:after{padding-left: 0; margin-right: 0; content: "";}

.footer-btm{float: left; width: 100%; background: #00135a; border-top: 3px solid #e94a52;padding:35px 0 60px 0}
.footer-btm .useful-links{float: left; width: 100%; font-size: 0;}
.footer-btm .useful-links li{display: inline-block; vertical-align: middle; line-height: 28px; font-size: 14px; text-transform: uppercase; margin-right:18px;font-family: 'Open Sans', sans-serif;}
.footer-btm .useful-links li:last-child{margin-right:0;}
.footer-btm .useful-links li a{float: left; vertical-align: middle; color: #fff;}
.footer-btm .useful-links li a:hover{color: #3761ff}
.footer-btm .useful-links li.facebook{margin-left:4px; margin-top: -3px;}
.footer-btm .useful-links li.linked-in{margin-left:6px;margin-top: -3px;}
.footer-btm .useful-links li.gplus{margin-left:2px;margin-top: -3px;}
.footer-btm .useful-links li.digital-sales{margin-top: -3px;}
.footer-btm .useful-links li.facebook img,.footer-btm .useful-links li.linked-in img,.footer-btm .useful-links li.gplus img,.footer-btm .useful-links li.digital-sales img{display: inherit;}

/*--------------------------------------------- Contact Us Page -------------------------------------------*/
.inner-slider.slider ul li, .inner-slider.slider .text-on-image span {height: auto;}
.inner-slider.slider ul li{background-size:auto 100% !important;}
.inner-slider.slider .text-on-image span form {padding: 39px 0 31px 0;}
.inner-slider.slider .text-on-image span form{background: #fdfcfb;}
.inner-slider.slider .text-on-image span form h2 {margin-bottom: 9px;}
.slider form .field-row input{height:40px;}

.contact-detail{float: left; width: 100%; padding-top: 42px; padding-bottom: 53px;}
.contact-detail .contact-detail-div{float: left; width: 100%; padding-top: 21px;}
.contact-detail .con-left{width: 498px; float: left;}
.contact-detail .con-right{width: 580px; float: right; text-align: left;}
.contact-detail .con-left form{background: #f3f3f3;  float: left; width: 100%; padding: 48px 79px 40px 79px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.contact-detail .con-left form h2{font-weight: 700; font-size: 22px; color: #445461; letter-spacing: 0.3px; line-height: 32px; float: left; width: 100%;}
.con-left form .field-row{float: left; width: 100%; margin-bottom: 10px;}
.con-left form .field-row input{width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family: 'Poppins', sans-serif; font-size: 14px; color: #7b868f; height:50px; border-top: 0;border-left: 0;border-right: 0; background: transparent; border-bottom: 1px solid #c2c2c2; padding:0 5px;}
.con-left form .field-row input:focus{border-bottom: 2px solid #e41d27;}
.con-left form .field-row input[type="submit"]{background: #e41d27; color: #fff; border-bottom: 0; cursor: pointer; height:61px; font-size: 14px; font-weight: 700; margin-top: 14px;}
.con-left form .field-row input[type="submit"]:hover{ background: rgba(5,21,82,0.80);}


.inner-title{font-size: 28px; color: #00135a; font-weight: 600; text-transform: uppercase; line-height: 32px; text-align: left; margin-bottom: 20px; letter-spacing: 0.3px;}
.semibold-title{font-weight: 600;}
.contact-detail .small-text.semibold-title{margin-bottom: 26px;}
.con-right h2{text-align: left;font-family: 'Open Sans', sans-serif; color: #00135a; font-weight: 600; font-size: 16px; line-height: 28px;}
.phone-div{float: left; width: 100%;font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000; line-height: 28px; margin-top: 6px;}
.phone-div p {background: url(../images/phone-icn.png) no-repeat left 8px;padding-left: 38px; line-height: 28px;}
.phone-div a{color: #000;}
.phone-div a:hover{color: #e41d27;}
.phone-div span{display: block;}
.phone-div .mob-phone{display: none;}

.con-email{float: left; width: 100%;font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000; line-height: 28px; margin-top: 23px;}
.con-email span{display: block;}
.con-email a{color: #000;}
.con-email a:hover{color: #e41d27;}
.con-email p{background: url(../images/con-email-icn.png) no-repeat left 4px; padding-left: 38px; line-height: 28px;}

.con-right .address{float: left; width: 100%;font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000; line-height: 28px; margin-top: 19px;}
.con-right .address span{display: block;}
.con-right .address .company-detail{margin-top: 28px;}
.con-right .address .company-detail span{display: inline-block;}
.con-right .address > p{background: url(../images/map-marker-icn.png) no-repeat left 2px;}
.con-right .address p{padding-left: 37px; line-height: 28px;}


.map-div{float: left; width: 100%;}
.map-div iframe{width: 100%; height:318px; float: left;}

/*-------------------------------------------------------------- Service Page ---------------------------------*/
.service-container{float: left; width: 100%; padding-top: 42px; padding-bottom: 29px;}
.service-div{float: left; width: 100%;}
.service-left{float: left; width: 286px;}
.service-right{float: right; width: 843px;}
.service-container .controls-block{float: none; width: 94px; margin-right:0; display: inline-block; margin-bottom: 18px;}
.service-container .controls-block:nth-child(odd){margin-right:47px}
.service-container .image-div{display: table; table-layout: fixed; vertical-align: middle; text-align: center; width: 100%; float: left; border: 1px solid #868686; border-radius:9px;}
.service-container .image-div span{display: table-cell; vertical-align: middle; text-align: center; width: 100%; height:92px;}
.service-container .image-div span img {max-height: 90px;display: inline-block;vertical-align: middle;}
.service-container .name{font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; color: #4c4c4c; float: left; width: 100%; margin-top: 10px;}
.service-container a:hover .name{color: #e94a52;}
a:hover span,a:hover .blue-bold{color: #e94a52;}

.full-container{float: left; width: 100%;}

.number-list{float: left; width: 100%;}
.inner-content{float:left;width:100%;} 
.inner-content ol { list-style-type: none; counter-reset: item; margin: 0; padding: 0; } 
.inner-content li { display: table; counter-increment: item; float:none;text-align:left;text-align: justify; font-size: 16px; line-height: 30px; margin-bottom: 10px; } 
.inner-content li a{color:#0097a0;} 
.inner-content li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em; } 
.inner-content li li:before { content: counters(item, ".") " "; } 
.inner-content li li li:before { content: "("counter(item, lower-alpha) ")"; } 
.inner-content ol ol ol { padding-left: 20px; }    

.full-link-div{float: left; width: 100%;}
.full-link-div a span{float: left;vertical-align: middle;margin-top: 12px;}
.full-link-div a  img{margin-left: 20px;}
.full-link-div .small-text:last-child span{margin-top: 46px;}

.inner-page-form{float: left; width: 100%;}
.inner-page-form form{background: #f3f3f3;  float: none; width: 700px; padding: 48px 79px 40px 79px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display: inline-block;}
.inner-page-form form h2{font-weight: 700; font-size: 22px; color: #445461; letter-spacing: 0.3px; line-height: 32px; float: left; width: 100%;}
.inner-page-form .field-row{float: left; width: 100%; margin-bottom: 10px;}
.inner-page-form .field-row input{width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family: 'Poppins', sans-serif; font-size: 14px; color: #7b868f; height:50px; border-top: 0;border-left: 0;border-right: 0; background: transparent; border-bottom: 1px solid #c2c2c2; padding:0 5px;}
.inner-page-form .field-row input:focus{border-bottom: 2px solid #e41d27;}
.inner-page-form .field-row input[type="submit"]{background: #e41d27; color: #fff; border-bottom: 0; cursor: pointer; height:61px; font-size: 14px; font-weight: 700; margin-top: 14px;}
.inner-page-form .field-row input[type="submit"]:hover{ background: rgba(5,21,82,0.80);}

#quote-form .field-row p.error {display: inline-block; float: none; font-size: 10px; text-align: left; width: 337px;color: #FF0000;}
#quote-form .field-row.phoneerr p.error{display: inline-block; float: none; font-size: 10px; text-align: left; width: 337px;color: #FF0000; }
#quote-form .field-row.mailerr p.error {display: inline-block; float: none; font-size: 10px; text-align: left; width: 337px;color: #FF0000;}

#contactquoteform .field-row p.error {display: inline-block; float: none; font-size: 10px; text-align: left; width: 337px;color: #FF0000;}
#contactquoteform .field-row.phoneerr p.error{display: inline-block; float: none; font-size: 10px; text-align: left; width: 337px;color: #FF0000; }
#contactquoteform .field-row.mailerr p.error {display: inline-block; float: none; font-size: 10px; text-align: left; width: 337px;color: #FF0000;}

#pcreviewquoteform .field-row p.error {display: inline-block; float: none; font-size: 10px; text-align: left; width: 530px;color: #FF0000;}
#pcreviewquoteform .field-row.phoneerr p.error{display: inline-block; float: none; font-size: 10px; text-align: left; width: 530px;color: #FF0000; }
#pcreviewquoteform .field-row.mailerr p.error {display: inline-block; float: none; font-size: 10px; text-align: left; width: 530px;color: #FF0000;}

.sitemap .bullet-list li a{color: #000;}
.sitemap .bullet-list li a:hover{color: #e41d27;}

.bold{font-weight: 700;}
.red{color: red;}
.blue{color: #00135a;}

/*** Form Captcha Design css *****/
/*** Form Captcha Design css *****/
.field-row.quiz_div {max-width: 337px !important;margin: auto;float: none !important;display: flex;vertical-align: top;text-align: left;} 
.field-row.quiz_div input {width: auto; display: inline-block; max-width: 80px; border: 1px solid #ccc !important; text-align: center; } 
.field-row.quiz_div .quiz_input {display: inline-block;vertical-align: middle;} 
.field-row.quiz_div label.form-label {display: inline-block;vertical-align: middle;margin-right: 10px;position: relative;top: 13px;}
.contact-detail .con-left form .field-row.quiz_div {max-width: 100% !important; }
.field-row.quiz_div .quiz_input p.error {width: auto !important;line-height: 14px;margin-left: 6px;} 
.field-row.quiz_div .quiz_input {display: flex;align-items: center;}


@media (max-width: 1200px){

.field-row.quiz_div label.form-label {top: 11px; }

}

@media (max-width: 767px){

.field-row.quiz_div {max-width: 290px !important; }

}

@media (max-width: 413px){

.field-row.quiz_div {max-width: 239px !important; }
.field-row.quiz_div label.form-label {top: 6px; }

}