/*reste css*/
ul,ol{margin: 0; padding: 0;list-style: none;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block }
ol,ul{margin: 0;padding: 0;list-style: none;}
h1,h2,h3,h4,h5,h6,p,small,span{margin: 0;padding: 0;}
a,a:hover,a:focus{text-decoration: none;outline: none;}
img{max-width: 100%;}
html,body{height: 100%;min-height: 100%;}
body{margin: 0;padding: 0;font-size: 14px;color: #484848;background: white;font-family: 'Open Sans', sans-serif;font-weight: 400;}

/*reste css*/

/*common utility classes*/
.sprite{background-image:  url(../images/sprite.png);background-repeat: no-repeat;}
.icon-sprite{background-image:  url(../images/icon-sprite.png);background-repeat: no-repeat;}
.content-wrapper{margin: 0 auto;width: 100%;max-width: 1200px;}
.text-center{text-align: center;}
.font-quatro{font-family:'Quattrocento', serif;font-weight: 400;}
.font-raleway{font-family: 'Raleway', serif;font-weight: 400;}
.bold{font-weight: 700}
.fs30{font-size: 30px;}
.fs18{font-size: 18px;}
.fs15{font-size: 15px;}
.fs14{font-size: 14px;}
.fs13{font-size: 13px;}
.fs12{font-size: 12px;}
.fs11{font-size: 11px;}
.color-white{color: #FFF;}
.color-green{color: #4FC3AE;}
.color-grey{color: #f3f3f3;}
.color-black{color: #000;}
.color-off-black{color: rgba(72,72,72,.8);}
.tdu{text-decoration: underline;}
.bg-white{background: white;}
.bg-grey{background: #fafafa;}
.bg-yellow{background: #fbaa19;}
.bg-violet{background: #3a3564;}
.bg-off-violet{background: #8784a0;}
.row-wrap{flex-flow: row wrap}

.vertical-center{display: flex;flex-flow: row wrap;height: 100%;align-items: center;}
.space-even{justify-content: space-evenly;}
.space-around{justify-content: space-around;}
.space-between{justify-content: space-between;}
a.color-off-black:hover{color: #292f33;}
a.color-black:hover{color: black}
a.color-white:hover{color: #FFF}
.posrel{position: relative;}
.btn-green{font-size: 18px; font-weight: 600;color: white;background: #007661;display: block;text-align: center;height: 58px;line-height:58px;transition: all 0.5s ease;}
.btn-green:hover{color:white;}
/*common utility classes*/


.headmast-outer{background-image: url(../images/head-mast-bg.png); width: 100%; display: block; background-repeat: no-repeat; background-size: 100% auto; }
.container{max-width: 1200px;}
.header{padding: 37px 0 0;display: flex;flex-flow: row wrap; justify-content: space-between;}
.right_nav {margin-top: 15px;} 
.right_nav li{display: inline-block;margin: 0 8px;}
.right_nav a { color: #fff; text-decoration: none;padding-left: 22px;} 

.mail-ico{background-position: -19px 5px;}
.tel-ico{background-position:-19px -20px;}



.headmast-top{margin: 71px 0 0;display: flex;flex-flow: row wrap;justify-content: space-between;}
.headmast-top-left{width:52%;display: flex;align-items: flex-start;flex-flow: row wrap;}
.headmast-txt h1 { font-size:40px; color: #fff;font-weight: 700; } 
.headmast-txt h2 { color: #fff;font-size: 24px;font-weight: 400;} 

.head-top-right{width:41.666667%; background-color: #fff; padding: 0px; -webkit-box-shadow: -5px 2px 29px -4px rgba(138, 138, 138, 1); -moz-box-shadow: -5px 2px 29px -4px rgba(138, 138, 138, 1); box-shadow: -5px 2px 29px -4px rgba(138, 138, 138, 1);}
.head-top-right h4 { background-color: #49a195; padding:0 5px; color: #fff; text-align: center; line-height: 52px;font-size: 24px;font-weight: 600;} 

/* .head-bot-content{display: flex;flex-flow: row wrap;justify-content: space-between;}
.head-bot-left{width:52%;display: flex;align-items: flex-end;flex-flow: row wrap;}
.head-bot-left h3{font-size: 30px;font-weight: 600;margin-bottom:24px;}
.head-bot-left p{color: rgba(72,72,72,0.8);margin-bottom: 20px;}
.head-bot-right {width:41.666667%; background-color: #fff; padding: 0px; -webkit-box-shadow: -5px 2px 29px -4px rgba(138, 138, 138, 1); -moz-box-shadow: -5px 2px 29px -4px rgba(138, 138, 138, 1); box-shadow: -5px 2px 29px -4px rgba(138, 138, 138, 1); } 
.head-bot-right h4 { background-color: #49a195; padding:0 5px; color: #fff; text-align: center; line-height: 68px;font-size: 24px;font-weight: 600;}  */

.headmast-bottom{margin: 5% 0 0;}
.head-bot-content{display: flex;flex-flow: row wrap;justify-content: space-between;}
.head-bot-left{width:65%;display: flex;/* align-items: flex-end; */flex-flow: row wrap;}
.head-bot-left h3{font-size: 30px;font-weight: 600;margin-bottom:24px;}
.head-bot-left p{color: rgba(72,72,72,0.8);margin-bottom: 20px;}
.head-bot-right {width:30%; background-color: #fff; padding: 0px;} 
.head-bot-right img{width: 100%;}

.content_section { position: relative; margin: 0px auto; margin-bottom: 30px; } 
.content_section h3 { margin-bottom: 20px; color: #484848; } 
.content_section p { font-size: 13px; color: #484848; } 
.pnone { padding: 0px !important; } 

.inner_container { margin-top: 25px;padding: 0 49px 21px; } 
.inner_container .form-group{margin: 0 0 19px;}

.inner_container .form-control { font-size: 13px;height: 35px;border-radius: 0;border-color: #dedede;    box-shadow: none; } 
.inner_container textarea.form-control { height: 67px; }
.inner_container .form-group span { font-size: 13px; padding-left: 10px; color: #6c6c6c; } 
.inner_container .btn { width: 100%; padding: 15px; background-color: #007661; text-transform: uppercase; color: #fff; font-weight: bold;height: 58px; } 

.inner_container .form-control.error { border: 1px solid red; }
.inner_container label.error { display: none !important; }
.errormsg { font-size: 12px; color: #fc0505; padding: 5px 0px; display: none; }

.intro-prod-sec {margin:103px 0 76px;display: flex;flex-flow: row wrap; } 
.intro-prod-img{width: 48%; padding-left: 6%;}
.introduce_text{width: 52%;padding:  0 1% 0 1%;}
.introduce_text h4{font-weight: 600;}
.introduce_text h3{font-weight: 600;margin: 0 0 15px;}
.introduce_text p{color: rgba(72,72,72,.8);margin-bottom:30px;}

.font36 {font-size: 36px;} 
.font30 {font-size: 30px;} 
.border-heading{padding: 0 0 15px 0; margin: 0 0 15px 0;}
.border-heading:after { content: " "; border-bottom:3px solid #daddde; width: 50px; display: block; margin: 0 0 0 0; top: 13px; position: relative; }
.border-center-heading{padding: 0 0 15px 0; margin: 0 0 15px 0;}
.border-center-heading:after { content: " "; border-bottom:3px solid #daddde; width: 50px; display: block; margin: 0 auto; top: 13px; position: relative; }
.introduce_text ul {list-style-image: url('../images/bullet-icon.png'); margin: 0px; padding-left: 12px; } 
.introduce_text ul li { margin-bottom:20px;padding: 0 0 0 5px; } 
.introduce_text ul li p{margin: 0;} 

.key-benefits {text-align: center;margin-bottom:50px;} 
.key-benefits > h3 {margin-bottom: 25px; font-size: 30px;font-weight: 600;} 
.key-benefits > p {color: rgba(72,72,72,.8);margin: 0;} 

.keybenefit-boxes{display: flex;flex-flow: row wrap;margin: 65px 0 0;}
.box1 {width: 33.333333%;padding: 0 38px 41px 41px; text-align: center;}
.box-img1 {background: url(../images/box1.png) no-repeat scroll 0px 0; height: 88px; width: 102px; display: inline-block; } 
.box-img2 {background: url(../images/box2.png) no-repeat scroll 0px 0; height:82px; width: 74px; display: inline-block; } 
.box-img3 {background: url(../images/box3.png) no-repeat scroll 0px 0; height: 82px; width:80px; display: inline-block; } 
.box-img4 {background: url(../images/box4.png) no-repeat scroll 0px 0; height:82px;width:82px; display: inline-block; } 
.box-img5 {background: url(../images/box5.png) no-repeat scroll 0px 0; height:82px; width:82px; display: inline-block; } 
.box-img6 {background: url(../images/box6.png) no-repeat scroll 0px 0; height: 82px; width: 82px; display: inline-block; } 
.box1:hover{background-color: #005983; color: #fff;} 
.box1:hover span{background-position: 0 bottom;} 
.box1:hover h4{color: #fff;} 
.box1:hover p{color: #fff;} 
.video-bg{background-image: url(../images/video-bg.png); height: 575px; width: 100%; display: block; background-repeat: no-repeat; background-size: cover; } 
.video-container{display: flex;flex-flow: row wrap;justify-content: center;align-items: center;margin: 0 auto;width:100%;max-width: 1200px;height: 100%;} 
.video_section{padding: 0 14%; text-align: center;} 
.video_section h4{color: #fff;margin: 34px 0 15px;font-size: 20px;font-weight: 600;line-height: 24px;} 
.video_section p{color: #fff;} 
.video-block{position: relative;}
.video-block p{position: absolute; z-index: 999; top: 60%; color: #ffffff; text-align: center; width: 100%;padding: 10px;background: rgba(0, 0, 0, 0.3)}

.listing{height: 146px; display: flex; justify-content: center; align-items: center;} 
.box1 h4 { font-size: 20px;margin-bottom: 18px;line-height: 100%;} 
.box1 p {color:rgba(72,72,72,.8);margin: 0;} 
.color-white{color: white;text-decoration: underline;}
.color-white:hover{color: white;}
.thanks-content .fs16,.fs16{font-size: 14px;}

/*gallery*/
.gallery-outer { background-color:white;width: 100%;overflow: hidden;padding: 45px 0 0;}
.gallery-slider{width: 100%;margin-top: 80px;}
.gallery-slider .slick-list{overflow: visible;}
.gallery-slide{margin: 0 65px;}
.gallery-slide img{width:100%;}
.gallery-slider .slick-current.slick-center{transform: scale(1.2);box-shadow: 0px 1px 31.36px 0.64px rgba(0, 0, 0, 0.09); }
.gallery-slider .slick-dots{text-align: center;margin: 30px 0; padding: 30px 0 0;}
.gallery-slider .slick-dots li{display: inline-block;vertical-align: middle;margin: 0 5px;padding: 0;}
.gallery-slider .slick-dots li button{display: block;border: none;background-color: #003148;border-radius: 100px;text-indent: -9999px;width: 7px;height: 7px;margin: 0;padding: 0;cursor: pointer;outline: none;}
.gallery-slider .slick-dots li.slick-active button{width: 9px;height: 9px;background-color: #007661;}
.gallery-slider .slick-arrow{position: absolute;top: 38%;margin: -16px 0 0;background-image:  url(../images/icon-sprite.png);background-repeat: no-repeat; width: 18px;height: 32px;text-indent: -9999px;background-color: transparent;border: none;padding: 0;cursor: pointer;outline: none;z-index: 1;}
.gallery-slider .slick-prev{left:10px;background-position: center -242px;}
.gallery-slider .slick-next{right:10px;background-position: center -188px;}
/*gallery*/
  
/*testimonial*/
.Testimonials_bg { background-color: #005983; padding-bottom: 20px; }
.testi-slider{margin: 0 auto; width: 100%; max-width: 780px;position: static;}
.tcontent h4{color: #ffffff; font-size:30px; text-align: center; padding-top: 47px; padding-bottom: 20px;font-weight: 600;}
.tcontent h5{color: #ffffff; font-size:20px; text-align: center; padding-top: 20px; padding-bottom: 5px;font-weight: 600;}
.tcontent h6{color: #9eb5c4; font-size:13px; text-align: center;  }
.tcontent p{color: #ffffff; padding: 21px 0;}
.tcontent img{display: inline-block;border-radius: 100px;}
.testi-slider .slick-arrow{position: absolute;top: 50%;margin: -16px 0 0;background-image:  url(../images/icon-sprite.png);background-repeat: no-repeat; width: 18px;height: 32px;text-indent: -9999px;background-color: transparent;border: none;padding: 0;cursor: pointer;outline: none;}
.testi-slider .slick-prev{left: 0;background-position: center -120px;}
.testi-slider .slick-next{right: 0;background-position: center -66px;}
.testi-slider .slick-dots{text-align: center;}
.testi-slider .slick-dots li{display: inline-block;vertical-align: middle;margin: 0 5px;padding: 0;}
.testi-slider .slick-dots li button{display: block;border: none;background-color: #003148;border-radius: 100px;text-indent: -9999px;width: 7px;height: 7px;margin: 0;padding: 0;cursor: pointer;outline: none;}
.testi-slider .slick-dots li.slick-active button{width: 9px;height: 9px;background-color: white;}
/*testimonial*/


/*contact section*/
.contact-us{display: flex;flex-flow: row wrap;width: 100%;justify-content: space-between;padding: 68px 0 40px 0;}
.contact-left{width: 50%;}
.contact-left h3{font-weight: 600;}
.contact-left p{color:rgba(72,72,72,.8);margin: 0 0 17px 0;}
.contact-left a{width: 375px;}
.contact-right{width: 50%;}
/*contact section*/

/*footer section*/
.outer-footer{background: #005983;}
.foot-txt{color: rgba(255,255,255,0.52);line-height: 44px;}
/*footer section*/


.headmast-outer.thanks{height: calc(100% - 44px);}
.thanks-popup{position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);left: 0;top: 0;display: flex;flex-flow: row wrap;justify-content: center;align-items: center;padding: 15px;}
.thanks-content{width: 100%;max-width: 630px;margin: 0 auto;position: relative;background: #005983;padding: 75px 15px;}
.close-popup{position: absolute;right: 23px; top:23px;}
.thanks-content div{text-align: center;width:100%;max-width: 355px;margin: 0 auto;}
.thanks-content span{display: block;margin-bottom: 33px;}
.thanks-content span img{display: inline-block;}
.thanks-content h3{font-size: 45px;color: white;margin-bottom: 17px;}
.thanks-content p{font-size: 18px; color: white;}
.video-txt{margin: 20px 0 30px 0; padding: 30px 0 0; display: block;}
.video-txt:before {content: " "; border-bottom: 3px solid #daddde; width: 50px; display: block; margin: 0 auto; top: -20px; position: relative; }


@media all and (min-width: 1440px) {
    .headmast-txt { padding-top:18%; } 
    .headmast-bottom { margin:12% 0 0; }
}

@media all and (max-width: 1200px) {
    .headmast-outer{background-size: 100% 70%;}
    .testi-slider .slick-next{right: 10px;}
    .testi-slider .slick-prev{left: 10px;}
}

@media all and (max-width: 1024px) {
    /* .headmast-txt h1{font-size: 50px;} */
    .gallery-slide { margin: 0 25px; }
}

@media all and (max-width: 992px) {
    .headmast-outer{background-size: 100% 65%;}
    .box1{width: 50%;}
    .video_section{padding: 0 20px;}
    .intro-prod-img{padding: 0 1% 0 0;}
    .inner_container { padding: 0 15px 21px; }
    .pt1 { border: solid 0px #fff; padding-top: 220px!important; padding-right: 50px; } 
    .bg { background-image: url(../images/head-mast-bg.png); height: 400px; width: 100%; display: block; background-repeat: no-repeat; background-size: contain; } 
    .right_nav{float: none; margin-top: 15px; text-align: center;} 
    .content_section h3 { margin-bottom: 19px; font-size: 18px; color: #484848; } 
    .head-bot-right{margin-bottom: 15px; margin-top: 15px;} 
    .headmast-txt h1{font-size: 40px;}
    .headmast-txt h2{font-size: 20px;}
}

@media all and (max-width: 767px) {
    .head-top-right,.headmast-top-left,.head-bot-left,.head-bot-right,.intro-prod-img,.introduce_text,.contact-left,.contact-right{width: 100%;}
    .box1{padding: 0 15px 15px 15px}
    .head-top-right,.keybenefit-boxes{margin-top: 25px;}
    .intro-prod-sec{margin: 25px 0;}
    .intro-prod-img{text-align: center;margin-bottom: 25px;}
    .headmast-outer{background-image: url(../images/mobile-banner.jpg);background-size: auto;}
    .headmast-bottom{margin-top:30px;}
    .gallery-slide{margin: 0 15px;}
    .gallery-slider{margin-top: 0;}
}

@media all and (max-width: 600px) {
    .headmast-txt h1{font-size: 30px;}
    .headmast-txt h2{font-size: 18px;}
    .box1{width:100%;}
    .pt1 { border: solid 0px #fff; padding-top: 220px!important; padding-right: 50px; } 
    .bg { background-image: url(../images/head-mast-bg.png); height: 400px; width: 100%; display: block; background-repeat: no-repeat; background-size: contain; } 
    .right_nav{float: none; margin-top: 15px; text-align: center;} 
    .content_section h3 { margin-bottom: 19px; font-size: 18px; color: #484848; } 
    .head-bot-right{margin-bottom: 15px; margin-top: 15px;} 
} 

@media all and (max-width:479px){ 
    .font36 { font-size: 26px; }
    .font30 { font-size: 20px; }
    .contact-left a{width: 100%;}
}