/* ********** 13-04-2021 AsahiLite Design *********** */

@font-face {
    font-family: 'itc_bauhauslight';
    src: url('../fonts/bauhausitcbybt-light-webfont.eot');
    src: url('../fonts/bauhausitcbybt-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bauhausitcbybt-light-webfont.woff2') format('woff2'),
         url('../fonts/bauhausitcbybt-light-webfont.woff') format('woff'),
         url('../fonts/bauhausitcbybt-light-webfont.ttf') format('truetype'),
         url('../fonts/bauhausitcbybt-light-webfont.svg#itc_bauhauslight') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Others Start */


.w-100{width: 100%}
.w-50{float: left; width: 50%; padding: 0 20px; box-sizing: border-box;}

.cms-asahilite.cms-page-view .std p{color: #333; font-weight: 300;}

/*.cms-asahilite .main-container{max-width: 100%; padding-right: 0; padding-left: 0;}*/

.cms-asahilite .modal.VideoModal{background-color: rgb(0,0,0);}

.cms-asahilite .page_asahilite{text-align: center; width: 100%; }

.page_asahilite .carousel {position: relative; }
.page_asahilite .carousel-inner>.item{/*flex: 0 0 auto; height: calc(100vh - 90px);*/}
.page_asahilite .carousel-inner>.item>img{}
.page_asahilite .carousel-inner{}

.page_asahilite .carousel-indicators{position: inherit; left: inherit; bottom: inherit; margin: 1px auto; width: 100%; text-align: center;}
.page_asahilite .carousel-indicators li{margin: 0 5px; width: 24%; border-radius: 0; border: 0; height: auto; overflow: hidden; font-size: 3rem; font-style: normal; font-family: 'itc_bauhauslight';}
.page_asahilite .carousel-indicators li.active{color: #ec1f27 !important; font-weight: 300;}
/*.page_asahilite .carousel-indicators li:nth-child(1){background: url(../images/asahilite/icon1.png) no-repeat; background-position: center top; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in;  transition: all 0.4s ease-in;}
.page_asahilite .carousel-indicators li:nth-child(2){background: url(../images/asahilite/icon2.png) no-repeat; background-position: center top; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in;  transition: all 0.4s ease-in;}
.page_asahilite .carousel-indicators li:nth-child(3){background: url(../images/asahilite/icon3.png) no-repeat; background-position: center top; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in;  transition: all 0.4s ease-in;}
.page_asahilite .carousel-indicators li:nth-child(4){background: url(../images/asahilite/icon4.png) no-repeat; background-position: center top; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in;  transition: all 0.4s ease-in;}

.page_asahilite .carousel-indicators li:nth-child(1).active{background: url(../images/asahilite/icon1.png) no-repeat; background-position: center bottom; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in;  transition: all 0.4s ease-in;}
.page_asahilite .carousel-indicators li:nth-child(2).active{background: url(../images/asahilite/icon2.png) no-repeat; background-position: center bottom; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in;  transition: all 0.4s ease-in;}
.page_asahilite .carousel-indicators li:nth-child(3).active{background: url(../images/asahilite/icon3.png) no-repeat; background-position: center bottom; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in;  transition: all 0.4s ease-in;}
.page_asahilite .carousel-indicators li:nth-child(4).active{background: url(../images/asahilite/icon4.png) no-repeat; background-position: center bottom; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in;  transition: all 0.4s ease-in;}
*/
.page_asahilite .carousel-indicators li span.item-img-txt{margin: 0 auto;}
.page_asahilite .carousel-indicators li img{width: auto; margin: 0 auto; position: relative;}
.page_asahilite .carousel-indicators li span.item-nm{}



/*.page_asahilite .carousel-indicators li:nth-child(1) img.icon-black{display: none;}
.page_asahilite .carousel-indicators li:nth-child(2) img.icon-black{display: none;}
.page_asahilite .carousel-indicators li:nth-child(3) img.icon-black{display: none;}
.page_asahilite .carousel-indicators li:nth-child(4) img.icon-black{display: none;}*/
.page_asahilite .carousel-indicators li:nth-child(1) img.icon-active{display: none;}
.page_asahilite .carousel-indicators li:nth-child(2) img.icon-active{display: none;}
.page_asahilite .carousel-indicators li:nth-child(3) img.icon-active{display: none;}
.page_asahilite .carousel-indicators li:nth-child(4) img.icon-active{display: none;}

.page_asahilite .carousel-indicators li:nth-child(1).active img.icon-active{display: block;}
.page_asahilite .carousel-indicators li:nth-child(2).active img.icon-active{display: block;}
.page_asahilite .carousel-indicators li:nth-child(3).active img.icon-active{display: block;}
.page_asahilite .carousel-indicators li:nth-child(4).active img.icon-active{display: block;}
.page_asahilite .carousel-indicators li:nth-child(1).active img.icon-black{display: none;}
.page_asahilite .carousel-indicators li:nth-child(2).active img.icon-black{display: none;}
.page_asahilite .carousel-indicators li:nth-child(3).active img.icon-black{display: none;}
.page_asahilite .carousel-indicators li:nth-child(4).active img.icon-black{display: none;}

.cms-asahilite div.top-head-left-new{display: none;}
.cms-asahilite a.new-order-online-btn{display: none;}
.cms-asahilite #header-nav{display: none;}
.cms-asahilite .new_layout .footer-outer{display: none;}
.cms-asahilite #header .page-header-container{border-bottom: 0}
.cms-asahilite #header .logo-sec{border-bottom: 0}
.cms-asahilite a.logo img{max-width: 125px;}

.page_asahilite img {max-width: 100%;}
.cms-asahilite .page_asahilite .logo-panel{margin: 15px auto;}
.cms-asahilite .page_asahilite .logo-panel img{max-width: 350px; width: 100%; margin: 0 auto 15px;}
.cms-asahilite .page_asahilite .AL-feature{margin: 10px auto; text-align: center;}
.cms-asahilite .page_asahilite .AL-feature>img{margin: 30px auto 20px auto; max-width: 350px; width: 100%; padding-bottom: 20px; border-bottom: solid 1px #444;}
.cms-asahilite .page_asahilite .AL-feature ul{margin: 0 auto 15px auto; padding: 0; list-style: none;}
.cms-asahilite .page_asahilite .AL-feature ul li{display: inline-block; margin: 0 5px; text-transform: uppercase; text-align: center; font-style: normal; width: 18%; vertical-align: top;}
.cms-asahilite .page_asahilite .AL-feature ul li img{margin: 0 auto;}
.cms-asahilite .page_asahilite .AL-feature ul li span{text-align: center; display: block; }
/*.page_asahilite .AL-SP{background: url(../images/asahilite/AL-SP.png) center bottom no-repeat; padding-bottom: 260px; background-size: 600px; text-align: center; margin: 50px auto 0;}*/
.page_asahilite .AL-SP{padding-bottom: 20px; text-align: center; margin: 50px auto 0;}

.page_asahilite h4.heading{color: #c9252c; font-size: 22px;}
.page_asahilite .AL-SP p{font-size: 20px; max-width: 450px; margin: 0 auto; color: #333; font-weight: 300;}

.AL-SP-Lens{margin-top: 25px;}
.AL-SP-Lens h5{margin-top: 30px; font-weight: 400; color: #c9252c; font-size: 18px; text-transform: inherit;}
.AL-SP-Lens p{color: #333; font-weight: 300;}



.AL-Eye{margin-top: 25px;}
.AL-Eye img{margin-bottom: 15px;}
.AL-Eye .red-txt-bg{}
.AL-Eye .red-txt-bg b{display: block; font-size: 100px; color: #c9252c; line-height: 90px;}
.AL-Eye .red-txt-bg span{display: inline-block; background-color: #c9252c; color: #fff; font-weight: bold; padding: 5px 10px; font-size: 20px;}

.AL-HBL{margin-top: 25px;}
.AL-HBL>img{margin-bottom: 15px;}
.AL-HBL ul{margin: 0 auto 10px auto; padding: 0; list-style: none;}
.cms-asahilite .AL-HBL ul li{display: inline-block; margin: 0 10px; vertical-align: top; text-align: center; font-style: normal; text-transform: uppercase;}
.AL-HBL ul li img{margin: 0 auto;}
.cms-asahilite .AL-HBL ul li span{display: block;}
.AL-HBL img.AL-VNV{max-width: 570px; width: 100%; margin: 10px auto 15px;}
.AL-HBL p{color: #333; font-weight: 300;}
.AL-HBL ul li span{color: #333; font-weight: 300;}
.AL-HBL h5{margin: 40px 0 0 0; font-size: 16px; color: #c9252c; font-weight: 500;}

.AL-VF{margin-top: 25px;}
.AL-VF img{margin-bottom: 15px;}
.AL-VF .red-txt-bg b{display: block; font-size: 100px; color: #c9252c; line-height: 90px;}
.AL-VF .red-txt-bg span{display: inline-block; background-color: #c9252c; color: #fff; font-weight: 400; padding: 5px 10px;}

.AL-MR{margin-top: 25px;}
.AL-MR img{margin-bottom: 15px;}

.AL-MR-Table{margin-top: 25px;}
.AL-MR-Table img{margin: 0 auto;}
.AL-MR-Table h5{color: #333;}

.AL-MR-SERIES{margin-top: 40px;}
.AL-MR-SERIES h4.heading{margin-bottom: 20px;} 
.cms-asahilite .AL-MR-SERIES ul{margin: 40px auto; list-style: none; padding: 0; display: block;}
.cms-asahilite .AL-MR-SERIES ul li{display: inline-block; text-transform: uppercase; text-align: center; margin: 0 10px; vertical-align: top; max-width: 200px; font-style: normal;}
.cms-asahilite .AL-MR-SERIES ul li img{margin: 0 auto;}
.cms-asahilite .AL-MR-SERIES ul li span{display: block; font-weight: 300;}

.AL-MR-SERIES-Table{margin-top: 25px;}
.AL-MR-SERIES-Table img{display: block; margin: 0 auto;}
.AL-MR-SERIES-Table h5{color: #333;}

.AL-BLP-DESIGN{margin-top: 25px;}
.AL-BLP-DESIGN img{margin-bottom: 15px;}
.AL-BLP-DESIGN ul{margin: 0; padding: 0; list-style: none;}
.AL-BLP-DESIGN ul li{}

.AL-BLP-SV{margin-top: 25px;}
.cms-asahilite .AL-BLP-SV ul{margin: 10px auto; list-style: none; padding: 0;}
.cms-asahilite .AL-BLP-SV ul li{display: inline-block;  margin: 0 5px 15px 5px; width: 48%; text-transform: uppercase; text-align: center; font-style: normal;}
.cms-asahilite .AL-BLP-SV ul.sv-icon li{width: 11%; vertical-align: top;}
.cms-asahilite .AL-BLP-SV ul li img{margin: 0 auto 5px;}
.cms-asahilite .AL-BLP-SV ul.sv-icon li img{margin-bottom: 0;}
.cms-asahilite .AL-BLP-SV ul li span{display: block; font-weight: 300;}
.AL-BLP-SV h5{color: #333;}

.AL-AHIL{margin-top: 14px; text-align: left;}
.AL-AHIL img{margin: 0 auto;}
.AL-AHIL h4.heading{margin: 20px 0;}
.AL-AHIL h5{font-weight: 500; font-size: 16px; color: #333;}
.cms-asahilite .AL-AHIL ul{margin: 0 25px;}
.cms-asahilite .AL-AHIL ul li{margin: 0 0 8px 0; text-align: left; font-style: normal; font-weight: 300;}

.AL-BPL-UWP{margin-top: 25px;}
.AL-BPL-UWP h4{margin-bottom: 20px;}
.AL-BPL-UWP h5{font-weight: 500; font-size: 16px; text-align: left; margin-left: 10px; color: #333;}
.cms-asahilite .AL-BPL-UWP ul{margin: 0 25px;}
.cms-asahilite .AL-BPL-UWP ul li{margin: 0 0 8px 0; text-align: left; font-style: normal; font-weight: 300;}

.AL-Coating-Feature{margin-top: 40px;}
.AL-Coating-Feature img{margin: 0 auto 20px;}
.AL-Coating-Feature h5{font-weight: 500; font-size: 18px; text-transform: capitalize;}
ul.Coating-S-H{margin: 0; padding: 0; list-style: none;}
ul.Coating-S-H li{display: inline-block; width: 48%; margin: 0;}
ul.Coating-S-H li ul{list-style: none; margin: 0 0 25px 0; padding: 0;}
ul.Coating-S-H li ul li{display: inline-block; margin: 0;}
.cms-asahilite ul.Coating-S-H li{font-style: normal;} 
.cms-asahilite ul.Coating-S-H li img{margin-bottom: 5px;}

.cms-asahilite .VideoModal .close{top: -2px;}

.cms-asahilite .ui-page{background: #fff;}


/*.cms-asahilite .main-container{max-width: 100%; padding-right: 0; padding-left: 0;}*/

.cms-asahilite .modal.VideoModal{background-color: rgb(0,0,0);}

.cms-asahilite .page_asahilite{text-align: center; width: 100%; }

.cms-asahilite .new_layout .footer-outer{display: none;}

.cms-asahilite #header-nav{display: none;}

.cms-asahilite div.top-head-left-new{display: none;}

.cms-asahilite a.new-order-online-btn{display: none;}




#page_asahilite_tab{width:100%; margin:0px auto;}
#page_asahilite_tab .tab-pane{padding:10px 0;}
#page_asahilite_tab .nav-tabs{position:relative; border:none!important; background-color:#fff; border-radius:6px; margin-bottom: 0;}
#page_asahilite_tab .nav-tabs li{margin:0px!important;}
#page_asahilite_tab .nav-tabs li img{width: auto;}
#page_asahilite_tab .nav-tabs li a{position:relative; margin-right:0px!important; padding: 20px 40px!important; font-size:16px; border:none!important; color:#333; display: block !important;}
#page_asahilite_tab .nav-tabs a:hover,
#page_asahilite_tab .nav-tabs a:focus{background-color:#fff!important; border:none; outline: 0;}
#page_asahilite_tab .slider{display:inline-block; width:30px; height:4px; border-radius:3px; background-color: #f41128; position:absolute; z-index:1200; bottom:0; transition:all .4s linear;}
#page_asahilite_tab .nav-tabs .active{background-color:transparent!important; border:none!important; color:#39bcd3!important;}
#page_asahilite_tab .nav-tabs li a img.icon-active{display: none;}
#page_asahilite_tab .nav-tabs li a img.icon-black{display: block;}

#page_asahilite_tab .nav-tabs li.active a img.icon-active{display: block;}
#page_asahilite_tab .nav-tabs li.active a img.icon-black{display: none;}

.AL-Light{margin-top: 25px;}
.AL-Light img{margin-bottom: 15px;}
.AL-Light h5{text-transform: inherit; font-size: 18px; font-weight: 400; color: #000}
.AL-Light p{text-transform: inherit; font-size: 14px; font-weight: 400; color: #666;}

.Logo-Divs{ margin-bottom: 40px; }
.Logo-Divs h4{font-weight: 400; color: #222; font-size: 14px; margin: 20px 0;}
.Logo-Divs img{}
.Logo-Divs img.vrx-img{max-width: 110px; width: 100%; margin: 0 auto;} 
.Logo-Divs img.asahi-blp-img{max-width: 400px; width: 100%; margin: 0 auto;} 
.Logo-Divs img.asahi-lite-img{max-width: 180px; width: 100%; margin: 0 auto;} 


.nav-sections{display: none;}
div.footer.content{display: none;}




@media only screen and (max-width: 1380px) and (min-width: 768px){
    .page_asahilite .carousel-inner>.item{}
    .page_asahilite .carousel-inner>.item>img{margin: 0 auto;}
    .page_asahilite .carousel-indicators li img{max-width: 180px;}
}

@media only screen and (max-width: 1275px){
    .page_asahilite .carousel-indicators li{margin: 0;}
}

@media only screen and (min-width: 1200px){
    
    .page_asahilite .carousel {position: relative; height: 100%;}
    .page_asahilite .carousel-inner>.item{/*flex: 0 0 auto; height: calc(100vh - 90px);*/}
    .page_asahilite .carousel-inner>.item>img{}
    .page_asahilite .carousel-inner{height: calc(100% - 90px);}

    .page_asahilite .carousel-inner>.item{height: 100%;}
    .page_asahilite .carousel-inner>.item>img{height: 100%; width: auto; margin: 0 auto;}
    .page_asahilite .carousel-indicators li img{max-width: 180px;}
    .page_asahilite .carousel-inner {height: calc(100% - 60px);}

    .page_asahilite .carousel-indicators{margin-top: 15px;}
}

@media only screen and (max-width: 1199px){
    .cms-asahilite .AL-AHIL ul li{margin: 0;}
    .cms-asahilite .AL-BPL-UWP ul li{margin: 0;}
    .page_asahilite .carousel-indicators{margin-top: 20px;}

    .cms-asahilite .skip-links{display: none;}
}

@media only screen and (max-width: 991px){
    .cms-asahilite .AL-HBL ul li{width: 20%;}
    .cms-asahilite .AL-MR-SERIES ul.ul2 li{width: 17%;}
    .cms-asahilite .AL-MR-SERIES ul.ul3 li{width: 17%;}
    .AL-AHIL .w-50{width: 100%;}
    .AL-BPL-UWP .w-50{width: 100%;}
    .AL-AHIL img {margin: 0 auto 15px;}
    .AL-BPL-UWP img {margin: 0 auto 15px;}
    .cms-asahilite .AL-BLP-SV ul li{word-break: break-word;}
    .cms-asahilite .AL-BLP-SV ul.sv-icon li{width: 19%;}
    ul.Coating-S-H>li{width: 80%;}

    .cms-asahilite a.logo img{margin-bottom: 0px; max-width: 100px; margin-top: 0;}
    .cms-asahilite .main-container{padding-top: 0;}
    .cms-asahilite a.logo{margin-top: 5px;}

    #page_asahilite_tab .nav-tabs li a{padding: 10px !important;}



}

@media only screen and (min-width: 768px){
    .cms-asahilite .page-header{max-width: 100%; margin: 0 auto; padding: 0 30px; border-bottom: 0;}
    /*.page_asahilite{height: calc(100% - 100px);}*/
}



@media only screen and (max-width: 767px){
    .cms-asahilite .page_asahilite .AL-feature ul li{width: 30%; margin-bottom: 25px;}
    .cms-asahilite .AL-HBL ul li{width: 40%; margin-bottom: 25px;}
    .cms-asahilite .AL-MR-SERIES ul.ul1 li{width: 25%;}
    .cms-asahilite .AL-MR-SERIES ul.ul2 li{width: 40%; margin-bottom: 15px;}
    .cms-asahilite .AL-MR-SERIES ul.ul2{margin-bottom: 25px; margin-top: 25px;}
    .cms-asahilite .AL-MR-SERIES ul.ul3 li{width: 40%; margin-bottom: 15px;}
    .cms-asahilite .AL-BLP-SV ul.sv-icon li{width: 40%; margin-bottom: 15px;}
    .AL-AHIL h4.heading{text-align: center;}
    .cms-asahilite .AL-BLP-SV ul li{width: 44%;}
    ul.Coating-S-H>li{width: 100%;}
    .AL-VF .red-txt-bg b{font-size: 60px; line-height: 50px;}
    .AL-Eye .red-txt-bg b{font-size: 60px; line-height: 50px;}
    .cms-asahilite .page_asahilite .AL-feature ul li:nth-child(4){width: 45%;}
    .cms-asahilite .page_asahilite .AL-feature ul li:nth-child(5){width: 45%;}

    .cms-asahilite .page-header{max-width: 1360px; margin: 0 auto; padding: 0px;}

    .cms-asahilite a.logo{margin-top: 5px;}
    .cms-asahilite a.logo img{margin-bottom: 0;}

    #page_asahilite_tab .nav-tabs li a{text-align: center; border-bottom: solid 1px #ccc !important; margin-bottom: 0;}
    #page_asahilite_tab .nav-tabs .active{border-bottom: solid 1px #ccc !important; margin-bottom: 0; border-radius: 0;} 
    #page_asahilite_tab .nav-tabs li a img{margin: 0 auto; max-width: 220px; width: 100%;}
}


@media only screen and (max-width: 575px){
    #page_asahilite_tab .nav-tabs li a img{max-width: 170px;}
}




/* Others End */









@media only screen and (min-width: 768px){
    .cms-asahilite .page-header{/*max-width: 100%;*/ margin: 0 auto; padding: 0px; border-bottom: 0;}
}