* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html, body { width: 100%; font-size: 16px; line-height: 26px; color: #676767; background: #fff; scroll-behavior: smooth;-webkit-scroll-behavior: smooth;-moz-scroll-behavior: smooth;font-family: 'Montserrat', sans-serif;
font-family: 'Raleway', sans-serif; }
/*font-family: 'Lato', sans-serif; */
*::-webkit-input-placeholder { opacity:1; color: #ACBDC5; }
*::-moz-placeholder {opacity:1;color: #ACBDC5; }
*:-ms-input-placeholder {opacity:1;color: #ACBDC5;}



input[type=checkbox]{ -webkit-appearance: checkbox; margin: 5px 0 0 5px; display: inline-block; vertical-align: top;}
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; }

:focus,input:focus, textarea:focus { outline: none; }
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; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: none; }

.clear{height:0px; overflow: hidden}
/* common */
a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; }
ul { list-style: none; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: block; max-width: 100%; }


#back-to-top { box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; position: fixed; bottom: 20px; display: none; right: 15px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #81a9a6; }
#back-to-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 10px solid transparent; border-bottom-color: #fff; margin: -15px 0 0 -10px; }
#back-to-top.show { opacity: 0.8; }
#back-to-top.show:hover { opacity: 1; }
a.close, a.mobilemenu { display: none; }


/* wrapper */
#wrapper { width: 100%; min-height: 100%; margin: 0px auto 96px; position: relative;overflow:hidden}
.centering { max-width: 1440px; margin: auto; position: relative; }
/* header-part */
header#header-part.actheader{padding-top: 0px; padding-bottom: 15px;transition:1s ease-out; box-shadow: 0px 71px 63px #000 inset; position: fixed; background: #000; z-index: 9991; }
header#header-part.header-block{padding-top: 0px; padding-bottom: 15px;transition:1s ease-out; box-shadow: 0px 71px 63px #000 inset; position: fixed !important; top: 0;width:100%; }
header#header-part.actheader .header-block .logo{ width: 250px;transition:1s ease-out; padding-top: 30px; }
header#header-part.actheader .header-block .mobnumber{float: right;width:33%;}
header#header-part.actheader .header-block .mobnumber a{font-size: 22px;color: #fff;display: inline-block;float: right; padding-top: 25px;padding-left:31px; background-position: 5px 29px; }
header#header-part.actheader .header-block nav{padding-top: 22px;}
header#header-part.actheader .header-block nav ul li a{font-size: 15px;transition:1s ease-out; }

header {width: 100%;position: absolute; top: 0px;z-index: 9;    box-shadow: 0px 71px 63px #000 inset}
.logombl{display: none;}
.header-block{width: 100%; float: left;}
.header-block .logo{width: 419px;float: left;padding-top: 37px;position: relative;left: 3px;}
.header-block .mobnumber{float: right;width:33%;}
.header-block .mobnumber a{font-size: 24px;color: #fff;display: inline-block;float: right; padding-top: 34px;font-family: 'Montserrat', sans-serif;    font-weight: 500;background: url(../images/icon1.png) no-repeat 5px 37px;background-size: 19px;padding-left:31px;}
.header-block nav{width:60%; float: right; text-align: center;padding-top:44px;}
.header-block nav ul{list-style: none;display: inline-block;float: right;}
.header-block nav ul li{ float: left;}
.header-block nav ul li a{color: #fff;font-size: 16px; display: block;text-decoration: none; font-weight:600; font-family: 'Montserrat', sans-serif;line-height: 18px; text-transform:uppercase;padding:10px 21px}
.header-block nav ul li:hover a{background: #393534}
.header-block nav ul li.active a{background: #393534}
/* banner-part */
.banner-block{width: 100%; float: left;position: relative;}
.banner-block:after{content:""; position: absolute;background: url(../images/d-arrow.png) no-repeat 50% 100%; height: 128px; width:18px;left: 49.5%;bottom: 30px;}
.banner-block .overlay{width: 100%;height: 100%;position: absolute; top: 0px; left:0; background: #0000008a;}
.banner-block .box{width: 100%; float: left;background: url(../images/homepagebanner.jpg) no-repeat top center;background-size: cover;min-height:1002px; text-align: center; background-repeat: no-repeat; }
.banner-block .box h1{font-size: 70px;    font-weight: 800; line-height: 70px; color: #fff;padding-top: 654px;text-transform: uppercase;}
.banner-block .box h1 span{ background: #ffffff7a;color: #202447;display: block;width: 43%;margin: 0px auto;}
.banner-block .slick-prev.slick-arrow{ width:50px; height: 50px;background:#e5e4e2 url(../images/r-arrow.png) no-repeat center center;position: absolute; right: 20px; bottom: 20px;z-index:9;font-size:0px;border:0px;cursor: pointer}
.banner-block .slick-next.slick-arrow{ width:50px; height: 50px;background:#e5e4e2 url(../images/l-arrow.png) no-repeat center center;position: absolute; cursor: pointer;right: 90px; bottom: 20px;z-index:9;font-size:0px;border:0px;}



 /* bon-part */
.bon-block{width: 100%; float: left; position: relative;margin-top: 44px;}
.bon-block .box{width: 100%; float: left;background:#e5e4e2 url(../images/img1.png) no-repeat center center;min-height: 609px;}
.bon-block .box .left{width: 33%; float: left;background:#dfdfdf;min-height: 400px; padding: 42px 30px;    margin-top: 100px;margin-left: 100px;}
.bon-block .box .left h3{font-size: 60px;line-height: 50px;color: #202447;margin-bottom: 10px;font-family: 'apertoregular';font-weight: 500;}
.bon-block .box .left p{font-size: 18px; line-height: 28px; color: #333333;margin-bottom: 10px;font-family: 'Montserrat', sans-serif; font-weight:400;}
.bon-block .box .left a{font-size: 20px; line-height: 28px; color: #202447;margin-bottom: 10px;font-family: 'Montserrat', sans-serif; font-weight:700; text-transform:uppercase; position: relative;margin-top: 21px;
    display: inline-block;}
.bon-block .box .left a:after{content: "";position: absolute;height: 2px;background: #333333;width: 192%;left: -130px;top: -14px;}
 


/* impact-part */
.impact-block{width: 100%; float: left; margin-top:50px;}
.impact-block .left{width: 50%; float: left;position: relative;padding-right: 50px;margin-top: 10px;  padding-left: 10px; }
.impact-block .left:after{content: "";position: absolute;height: 3px;background: #333333;width: 33%;left: 0px;top: -14px;}
.impact-block .left p{font-size: 20px; line-height: 30px; color: #333333;margin-bottom: 29px;font-family: 'Montserrat', sans-serif; font-weight:400; }
.impact-block .left h3{font-size: 45px; line-height: 42px;font-family: 'apertoregular';font-weight: 500;color: #202447;text-transform: uppercase;margin-top: 72px;}
.impact-block .left span{display: block;font-size: 20px; line-height: 27px; color: #333333;}
.impact-block .left h2{font-size: 25px; line-height: 42px;font-family: 'Raleway', sans-serif; font-weight: 800;color: #393534;text-transform: uppercase;margin-top: 46px;}

.impact-block .right{width: 44%;float: right;position: relative}
.impact-block .right figure{width: 100%;float: right;position: relative; height: 340px;overflow: hidden; margin-bottom: 20px;}
.impact-block .right figure span{width: 100%;position: absolute;top: 0px; left: 0px; background: #00000052; height: 100%;}
.impact-block .right figure:after{width: 94%;position: absolute;top: 19px;left: 18px;border: 3px solid #fff;
    height: 89%;z-index: 999;content: "";}
.impact-block .right figure h4{width: 100%;position: absolute;top: 0px; left: 0px;font-size:80px; color:#fff;font-family: 'apertoregular';font-weight: 500;text-align: center; padding-top: 158px; text-transform: uppercase;}





/* press-part */
.press-block{width: 100%; float: left;    padding-top:65px; }
.press-block .oferbox{width: 100%; float: left;text-align: center;margin-bottom: 57px; }
.press-block .oferbox span{display: inline-block; font-size: 20px; line-height: 20px;color:#393534;font-family: 'Raleway', sans-serif;text-transform: uppercase; position: relative;    font-weight: 900;padding: 0px 10px;   background: #fff;}
.press-block .oferbox span:after{content: "";position: absolute;height: 3px;background: #333333;width: 56%;    right: -56%;top: 5px;}
.press-block .oferbox span:before{content: "";position: absolute;height: 3px;background: #333333;width: 56%;    left: -56%;top: 5px;}
.press-block .oferbox h2{font-size: 90px; line-height: 90px;color:#202447;font-family: 'apertoregular';font-weight: 900;    text-transform: uppercase;letter-spacing: 5px}
.press-block .box{width: 100%; float: left;position: relative; }
.press-block .box .innerbox{width: 100%; float: left;overflow: hidden;}
.press-block .box .leftshadow{width: 200px;height: 100%; position: absolute; top: 0px; left: 0px;    z-index: 9;
    box-shadow:95px 0px 84px -34px #000 inset;}
.press-block .box .rightshadow{width: 200px;height: 100%; position: absolute; top: 0px; right: 0px;    z-index: 9;
    box-shadow:95px 0px 84px -34px #000 inset;transform: rotate(180deg);}

.press-block .box .innerbox .slide{width: 19%;background:#fff; float: left;margin: 0px 0px; overflow: hidden; }
.press-block .box .innerbox .slide .proimage{height: 451px; width:100%;      text-align: center;  position: relative;}
.press-block .box .innerbox .slide .proimage img{height: 100%; width:100%;}
.press-block .box .innerbox .slide .proimage:hover .hoverbox{display: block;}
.press-block .box .hoverbox{position: absolute; top: 0px; left: 0px; background: #0000008c; width:100%; height: 100%;padding-top: 152px; display: none;}
.press-block .box .hoverbox h3{color: #ffffff;font-family: 'Raleway', sans-serif;font-size: 35px;font-weight: 900;text-align: center;text-transform:uppercase;line-height:40px;;}
.press-block .box .hoverbox a{font-size:30px; color:#fff;font-family: 'apertoregular';font-weight: 500;text-align: center;background: #393534;display: inline-block;padding: 10px 40px;margin-top: 20px;text-transform: uppercase}
.press-block .slick-prev.slick-arrow{ width:50px; height: 50px;background: url(../images/s-right.png) no-repeat center center;position: absolute; right: 20px; bottom: 204px;z-index:99;font-size:0px;border:0px;cursor: pointer}
.press-block .slick-next.slick-arrow{ width:50px; height: 50px;background: url(../images/s-left.png) no-repeat center center;position: absolute; cursor: pointer;left: 20px; bottom: 204px;z-index:99;font-size:0px;border:0px;}



/*footer block*/
.footer-block{width: 100%; float: left;padding: 56px 0px 0px 0px; background:#202447;    margin-top: 10px;}
.footer-block .topbox{width: 100%; float: left;padding: 0px 45px;}
.footer-block .topbox .box{width: 30%; margin-right: 5%;float: left; border: 1px solid #df3434; padding:15px 20px 13px 89px;}
.footer-block .topbox .box:nth-child(1){background: url(../images/map.png) no-repeat 33px 45%}
.footer-block .topbox .box:nth-child(2){background: url(../images/message.png) no-repeat 33px 45%}
.footer-block .topbox .box:nth-child(3){background: url(../images/card.png) no-repeat 16px 100%}
.footer-block .topbox .box:last-child{margin-right: 0px;}
.footer-block .topbox .box p{font-size: 16px;color:#fff;font-family: 'Montserrat', sans-serif; font-weight:400;}
.footer-block .bottombox{width: 100%; float: left;padding: 0px 45px;}
.footer-block .bottombox .box1{width: 20%; float: left;}
.footer-block .bottombox .box1 img{ margin: 0px auto;position: relative;top: 23px;left: -10px;}
.footer-block .bottombox .box2{width: 26%; float: left;padding-top: 71px;margin-left: -5px;}
.footer-block .bottombox .box2 img{margin-bottom: 25px;}
.footer-block .bottombox .box3{width: 29%; float: left;padding-top: 71px;}
.footer-block .bottombox .box3 h6{font-size:22px; color: #e03a3a;font-family: 'Raleway', sans-serif; margin-bottom: 10px;}
.footer-block .bottombox .box3 ul{}
.footer-block .bottombox .box3 ul li{ padding-bottom: 5px;}
.footer-block .bottombox .box3 ul li a{font-size: 16px; color: #fff;font-family: 'Montserrat', sans-serif; font-weight:400;}
.footer-block .bottombox .box4{width: 25%; float: left;padding-top: 71px;}
.footer-block .bottombox .box4 h6{font-size:22px; color: #e03a3a;font-family: 'Raleway', sans-serif; margin-bottom: 10px;}
.footer-block .bottombox .box4 ul{}
.footer-block .bottombox .box4 ul li{ padding-bottom: 5px;}
.footer-block .bottombox .box4 ul li a{font-size: 16px; color: #fff;font-family: 'Montserrat', sans-serif; font-weight:400;}

.copy-block{width: 100%; float: left; background: #0d121f; padding: 17px 0px; text-align: center;}
.copy-block p{font-size: 16px; color: #fff;font-family: 'Montserrat', sans-serif; font-weight:400;;}
.copy-block p a{font-size: 16px; color: #fff;font-family: 'Montserrat', sans-serif; font-weight:400;text-decoration: underline}
.call-block{width: 100%; float: left; background: #393534; padding: 35px 0px; text-align: center; position: fixed; bottom: 0px;z-index:999;}
.call-block p{font-size: 30px; color: #fff;font-family: 'Montserrat', sans-serif; font-weight:800;;}
.call-block p a{font-size: 30px; color: #fff;font-family: 'Montserrat', sans-serif; font-weight:800;text-decoration: underline}


/*inner banner*/
.servicebanner-block{width: 100%; float: left;position: relative;}
.servicebanner-block .overlay{width: 100%;height: 100%;position: absolute; top: 0px; left:0; background: #0000008a;}
.servicebanner-block .box{width: 100%; float: left;background: url(../images/innerbanner.png) no-repeat top center;background-size: cover;min-height:602px; text-align: center;}
.servicebanner-block .box h1{font-size: 70px;    font-weight: 800; line-height: 70px; color: #fff;padding-top: 455px;text-transform: uppercase;}


/*inner banner*/
.couponbanner-block{width: 100%; float: left;position: relative;}
.couponbanner-block .overlay{width: 100%;height: 100%;position: absolute; top: 0px; left:0; background: #0000008a;}
.couponbanner-block .box{width: 100%; float: left;background: url(../images/innerbanner.png) no-repeat top center;background-size: cover;min-height:602px; text-align: center;}
.couponbanner-block .box h1{font-size: 70px;    font-weight: 800; line-height: 70px; color: #fff;padding-top: 455px;text-transform: uppercase;}










 /* tank-part */
.tank-block{width: 100%; float: left; position: relative;margin-top: 85px; padding-bottom: 150px}
.tank-block .centering{padding: 0px 80px;}
.tank-block .box{width: 100%; float: left;padding-bottom: 54px;border-bottom: 1px solid #ff000073; margin-bottom: 54px;}
.tank-block .box:last-child{border-bottom:0px;margin-bottom:0px; padding-bottom: 0px;}
.tank-block .box .left{width: 45%; float: left; height: 344px; overflow:hidden}
.tank-block .box .right{width: 50%; float: right;}
.tank-block h3{font-size: 50px;line-height: 55px;color: #202447;margin-bottom: 10px;font-family: 'Raleway', sans-serif;font-weight: 800; text-transform:uppercase}
.tank-block .box p{font-size: 20px; line-height: 30px; color: #000;margin-bottom: 10px;font-family: 'Montserrat', sans-serif; font-weight:400;}
.tank-block .box.box2 .left{float: right}
.tank-block .box.box2 .right{float: left;}
.tank-block ul { margin: 0px 0px 0px 20px; list-style: disc; }
.tank-block li { font-size:22px; line-height: 36px; }
.tank-block h3 {  font-size: 45px; line-height: 42px; font-family: 'apertoregular'; font-weight: 500; color: #202447;  text-transform: uppercase; }
.tank-block .imgwithtext { padding-bottom: 40px; display: flex; flex-wrap: wrap; flex-direction: row-reverse; border-bottom: #ccc solid 1px; margin-bottom: 50px; }
.tank-block .imgwithtext figure { width: 40%; }
.tank-block .imgwithtext .contents { padding-right: 30px; width: 60%; }
.tank-block .imgwithtext figure img { margin-bottom: 20px; display: block; }
.tank-block .imgwithtext:last-child { border: 0px; margin-bottom: 0px; }
.tank-block .couponsbg { display: flex; justify-content: flex-start; width: 100%; height: 250px; border: #e03a3a solid 4px; background: #181c1f url(../images/coupon-bg.png) left no-repeat; background-size: cover; }
.tank-block .couponsbg .text { padding: 10px 0px 15px 20px; max-width: 58%; text-align: left; }
.tank-block .couponsbg h4 { padding-bottom: 5px; color: #e03a3a; font-size: 65px; line-height: 1.2; text-transform: uppercase; font-family: 'Montserrat', sans-serif; text-shadow: 0 0 2px #FFFFFF; }
.tank-block .couponsbg h5 { padding: 0px 0px 10px 5px; color: #fff; font-size: 14px; line-height: 18px; }
.tank-block .couponsbg p { padding: 0px 0px 0px 5px; color: #fff; font-size: 10px; line-height: 14px; }
.tank-block .couponsbg span.phonenum { display: block; padding-bottom: 5px; color: #fff; font-size: 18px; font-family: 'Montserrat', sans-serif; }
.tank-block .couponsbg h6 { color: #9ea5e2; font-size: 25px; font-weight: 900; text-shadow: 0 0 5px #000; }
.tank-block .couponsbg h5.list { padding-bottom: 5px; }
.tank-block .couponsbg h5 small { font-size: 9px; line-height: 10px; }
.tank-block .couponsbg h5.list + p { margin-bottom: 5px; }
.tank-block.coupon .box .right { padding-left: 20px; }
.tank-block.coupon .box2 .right { padding-left: 0px; padding-right: 20px; }
.tank-block.coupon { }
.tank-block.coupon { }
.tank-block { }
.tank-block { }
.tank-block { }

/*inner banner*/
.specialtiesbanner-block{width: 100%; float: left;position: relative;}
.specialtiesbanner-block .overlay{width: 100%;height: 100%;position: absolute; top: 0px; left:0; background: #0000008a;}
.specialtiesbanner-block .box{width: 100%; float: left;background: url(../images/Specialties.png) no-repeat top center;background-size: cover;min-height:602px; text-align: center;}
.specialtiesbanner-block .box h1{font-size: 70px;    font-weight: 800; line-height: 70px; color: #fff;padding-top: 455px;text-transform: uppercase;}


 /* specialt-part */
.specialt-block{width: 100%; float: left; position: relative;margin-top: 85px; padding-bottom: 150px}
.specialt-block .centering{padding: 0px 80px;}
.specialt-block .box{width: 100%; float: left;padding-bottom: 47px;border-bottom: 1px solid #ff000073; margin-bottom: 47px;}
.specialt-block .box:last-child{border-bottom:0px;margin-bottom:0px; padding-bottom: 0px;}
.specialt-block .box .left{width: 45%; float: left; height: 445px; overflow:hidden}
.specialt-block .box .right{width: 50%; float: right;}
.specialt-block .box img{ height: 100%;}
.specialt-block .box h3{font-size: 50px;line-height: 55px;color: #202447;margin-bottom: 10px;font-family: 'Raleway', sans-serif;font-weight: 800; text-transform:uppercase}
.specialt-block .box p{font-size: 20px; line-height: 30px; color: #000;margin-bottom: 20px;font-family: 'Montserrat', sans-serif; font-weight:400;}
.specialt-block .box p:last-child{margin-bottom: 0px;}
.specialt-block .box.box2 .left{float: right}
.specialt-block .box.box2 .right{float: left;}

/*inner banner*/
.contactbanner-block{width: 100%; float: left;position: relative;}
.contactbanner-block .overlay{width: 100%;height: 100%;position: absolute; top: 0px; left:0; background: #0000008a;}
.contactbanner-block .box{width: 100%; float: left;background: url(../images/innerbanner.png) no-repeat top center;background-size: cover;min-height:602px; text-align: center;}
.contactbanner-block .box h1{font-size: 70px;    font-weight: 800; line-height: 70px; color: #fff;padding-top: 455px;text-transform: uppercase;}

 /* contact-part */
.contact-block{width: 100%; float: left; position: relative;margin-top: 85px; padding-bottom: 150px}
.contact-block .box{width: 100%; float: left;padding: 0px 80px;}
.contact-block .box .left{width: 45%; float: left; overflow:hidden}
.contact-block .box h3{font-size: 50px;line-height: 55px;color: #202447;margin-bottom: 10px;font-family: 'Raleway', sans-serif;font-weight: 800; text-transform:uppercase}
.contact-block .box h4{font-size: 40px;line-height: 45px;color: #202447;margin-bottom: 10px;font-family: 'Raleway', sans-serif;font-weight: 800;}
.contact-block .box p{ padding-bottom: 30px; font-size: 20px; line-height: 30px; color: #000;font-family: 'Montserrat', sans-serif; font-weight:400;}
.contact-block .box .right{width: 50%; float: right;}
.contact-block .box .right .formbox{width: 100%; float: left;}
.contact-block .box .right .formbox .line{width: 100%; float: left;margin-bottom: 20px;}
.contact-block .box .right .formbox .line input{width: 100%; float: left; border:1px solid #ccc;padding:10px;background:none;font-size: 20px; color:#696969;font-family: 'Montserrat', sans-serif; font-weight:400;height:48px;}
.contact-block .box .right .formbox .line textarea{width: 100%; float: left; border:1px solid #ccc;padding:10px;background:none;font-size: 20px; color:#696969;font-family: 'Montserrat', sans-serif; font-weight:400;height:236px;}
.contact-block .box .right .formbox .line input[type="submit"]{width: 172px; float: left; border:none;padding:10px;background:#202447;font-size: 20px; color:#fff;font-family: 'Raleway', sans-serif; text-transform:uppercase;font-weight: 800;height:48px;cursor:pointer}
.contact-block span.help-block.form-error {color: red;}