body{ font-family: 'Poppins', sans-serif; }


.navigation { height: 105px; background: #fff; position: fixed; width:100%; padding:10px 10px; z-index:3;}
.navigation .brand { position: absolute; float: left; line-height: 70px; text-transform: uppercase; font-size: 1.4em; z-index:2; top:22px;}
.navigation .brand a, .navigation .brand a:visited { color: #fff; text-decoration: none;}
.navigation .nav { float: right;}
.navigation nav ul { list-style: none; margin: 0; padding: 0; float: right;}
.navigation nav ul li { float: left; position: relative; border-width: 1px; border-right-style: solid; padding:0 25px;
    -webkit-border-image:  -webkit-gradient(linear, 0 100%, 0 0, from(black), to(rgba(204, 204, 204, 0))) 1 100%;
    -webkit-border-image:  -webkit-linear-gradient(bottom, #ccc, rgba(204, 204, 204, 0)) 1 100%;
    -moz-border-image:    -moz-linear-gradient(bottom, #ccc, rgba(204, 204, 204, 0)) 1 100%;  
    -o-border-image:  -o-linear-gradient(bottom, #ccc, rgba(204, 204, 204, 0)) 1 100%;
    border-image: linear-gradient(to top, #ccc, rgba(204, 204, 204, 0)) 1 100%;}
.navigation nav ul li:last-child{ border: none;}
.navigation nav ul li a, .navigation nav ul li a:visited { padding: 0 0; line-height: 40px; color: #000000;
text-decoration: none; outline:none; font-size:18px; font-weight: 400;}
.navigation nav ul li a:hover { background: none; color: #510c80; text-decoration: none; outline: none;}
.navigation nav ul li a:visited:hover { background: none;}
.navigation nav ul li a:not(:only-child):after,.navigation  nav ul li a:visited:not(:only-child):after { padding-left: 4px; content: ' ▾';}
.navigation nav ul li.active a{ border-bottom:5px solid #510c80;}
.navigation .nav-mobile { display: none; position: absolute; top: 30px; right: 10px; background: #510c80; height: 50px; width: 50px; border-radius:50px;}
.navigation #nav-toggle {position: absolute; left: 8px; top: 22px; cursor: pointer; padding: 0;}
.navigation #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 5px; width: 35px;
 background: #fff; position: absolute; display: block; content: ''; transition: all 300ms ease-in-out;}
.navigation #nav-toggle span:before { top: -10px;}
.navigation #nav-toggle span:after { bottom: -10px;}
.navigation #nav-toggle.active span { background-color: transparent;}
.navigation #nav-toggle.active span:before, #nav-toggle.active span:after { top: 0;}
.navigation #nav-toggle.active span:before { transform: rotate(45deg);}
.navigation #nav-toggle.active span:after { transform: rotate(-45deg);}
.main_slider .slick-prev{ border:1.5px solid #fff; width:40px; height:40px; line-height:40px; border-radius:40px; text-align:center; position: absolute;
left:40px; top:45%; z-index:2;}
.main_slider .slick-next{ border:1.5px solid #fff; width:40px; height:40px; line-height:40px; border-radius:40px; text-align:center; position: absolute;
right:40px; top:45%; z-index:2;}
.main_slider{}
.main_slider img{ width:100%;}
.main_slider .slick-slide{ position: relative;}
.main_slider .slick-prev::before {content:"\f104"; line-height:38px; font-family: 'FontAwesome'; color:#fff; font-size:25px;}
.main_slider .slick-next::before {content:"\f105"; line-height:38px; font-family: 'FontAwesome'; color:#fff; font-size:25px;}
.main_slider .slick-next:hover:before{ color:#33cba5;}
.main_slider .slick-prev:hover:before{ color:#33cba5;}
.main_slider .carousel-caption{ left:20%; width:100%; text-shadow: none; text-align: left; bottom:12%;}
.main_slider .banner_info{ float:right; padding-left:74px;}
.main_slider .banner_info h2{ margin:0; font-size:34px; font-weight: 300;}
.main_slider .banner_info p{ margin:0; font-size:18px; font-weight: 300; line-height:24px; text-align:left;}
.main_slider .banner_info a{ font-size:14px; font-weight: 400; line-height:36px; color:#fff; background:#33cba5; padding:0 10px;
border-radius:20px; text-decoration: none; margin-top:20px; display: inline-block;}
.main_slider .banner_info .fa{ width:20px; height:20px; line-height:16px; text-align: center; border-radius:20px; border:1px solid #fff;
margin-right:10px; font-size:20px;}
.main_slider .slick-dots{ right:80px; top:45%; width:auto;}
.main_slider .slick-dots li{ display: inherit; margin:10px 0;}
.slick-dots li button::before{ color:#fff; opacity:1; font-size:20px;}
.slick-dots li.slick-active button::before { color:#510c80;}
.main_slider .carousel-caption h2{ text-transform: uppercase; font-size:45px; font-weight:600;}
.main_slider .carousel-caption p{  font-size:29px; font-weight:500;}
.main_slider .carousel-caption a{  font-size:20px; font-weight:500; background:#ff0000; color:#fff; text-transform:uppercase; padding:10px 30px; text-decoration:none; margin-top:10px; display: inline-block;}

.asahcfb{ background:#1f1f1f; padding:50px 0; z-index:-1;}
.asahcfbs{ position: relative; min-height:230px; padding:0 13px;}
.asahcfbs:first-child{ padding-left:0;}
.asahcfbs:last-child{ padding-right:0;}
.asahcfbs:nth-child(3){ padding-right:0;}
.asahcfbs:nth-child(3):after{ border: none;}
.asahcfbs:last-child:after{ border: none;}
.asahcfbs:after{ content:''; position: absolute; right:0; bottom:0; top:0; border-width: 1px; border-right-style: solid;
    -webkit-border-image:  -webkit-gradient(linear, 0 100%, 0 0, from(black), to(rgba(204, 204, 204, 0))) 1 100%;
    -webkit-border-image:  -webkit-linear-gradient(bottom, #ccc, rgba(204, 204, 204, 0)) 1 100%;
    -moz-border-image:    -moz-linear-gradient(bottom, #ccc, rgba(204, 204, 204, 0)) 1 100%;  
    -o-border-image:  -o-linear-gradient(bottom, #ccc, rgba(204, 204, 204, 0)) 1 100%;
    border-image: linear-gradient(to top, #ccc, rgba(204, 204, 204, 0)) 1 100%;}
.asahcfbs h2{ color:#fff; font-size:20px; font-weight: 400; margin-bottom:30px; position:relative;}
.asahcfbs h2:before{ content:''; border-bottom:3px solid #facb06; width:50px; position:absolute; bottom:-10px;}
.asahcfbs ul{ padding:0; margin:0;}
.asahcfbs ul li{ list-style: none; line-height:30px;}
.asahcfbs ul li:before{ content:'\f101'; font-family: 'FontAwesome'; color:#fff; margin-right:10px; font-size:20px;}
.asahcfbs ul li a{ color:#fff; font-size:20px; font-weight: 400; text-decoration: none; outline: none;}
.asahcfbs ul li.active a{ color:#facb06;}
.asahcfbs p{ color:#fff; font-size:16px; font-weight: 400;}
.asahcfbs p span{ color:#facb06; text-transform: uppercase;}
.asahcfbs p .fa{ width:30px; height:30px; border-radius:30px; line-height:30px; color:#fff; text-align:center; font-size:20px;}
.asahcfbs p .fa-facebook-f{ background:#3b5a9a;}
.asahcfbs p .fa-twitter{ background:#1da1f2;}
.asahcfbs p .fa-youtube{ background:#ff0000;}
.asahcfbs p .fa-instagram{ background:#ef552f;}
.asahcfbs iframe{ width:100%; border: none; min-height:215px;}
.asahcsfb{ background:#facb06; padding:10px 0;}
.asahcsfb ul{ padding:0; margin:0; text-align: center;}
.asahcsfb ul li{ display: inline-block; font-size:16px; color:#fff; font-weight: 400;}
.asahcsfb ul li a{ font-size:15px; color:#a3a3a3; font-weight: 300; text-decoration: none; outline: none;}

.affix,.affix-top {position:static;}

.navigation .nav-dropdown { position: absolute; display: none; z-index: 1; background:#f6f6f6; top:45px;}
.navigation nav ul li ul li{ min-width:250px; border: none; border-bottom:1px solid #ddd;}
.navigation nav ul li ul li a{ color:#000 !important; border: none !important;}

.asahchti{ padding:0;}
.asahchti ul{ float: right; margin-bottom:3px;}
.asahchti ul li{ list-style: none; display: inline-block; border: none; font-size:15px; font-weight: 300; padding:0 10px;}
.asahchti ul li:first-child{ line-height:50px;}
.asahchti ul li img{ margin-right:10px;}
.asahchti ul li .fa{ color:#33cba5;}
.asahchti ul li a{ line-height: inherit; color:#0f162a; font-size:24px; padding:10px 15px; border-radius:20px;
text-decoration: none; outline: none; font-weight:700;}

.asahchti ul li .fa{ font-size:32px; color:#510c80; vertical-align: middle; margin-top:-5px;}

.srsptsdrb{ padding:117px 0 30px 0;}
.srsptwpb{ padding:0 0 50px 0;}
.srsptwpbs{}
.srsptwpbs h2{ color:#454545; font-size:38px; font-weight: 600; position: relative; margin-top:0; }
.srsptwpbs h2:after{ content:''; display: inline-block; border-bottom:5px solid #ffb400; width:100px; margin-left:25px;}
.srsptwpbs h3{ color:#510c80; font-size:46px; font-weight: 600; margin-top:0;}
.srsptwpbs p{ color:#000; font-size:16px; font-weight: 400; text-align: justify; line-height:36px;}
.srsptwpbs a{ color:#fff; font-size:20px; font-weight: 600; background:#510c80; text-transform:uppercase; text-decoration:none; padding:10px 20px; margin-top:20px; display: inline-block;}
.srsptwpb_abs{ position: absolute; right:0; top:0;}
.srsptipb{ padding:50px 0; background:url(../images/product_bg.jpg) no-repeat; background-size:cover;}
.srsptipbs{}
.srsptipbs h2{ color:#4a4a4a; font-size:38px; font-weight: 600; position: relative;}
.srsptipbs h2:after{ content:''; display: inline-block; border-bottom:5px solid #ff0000; width:100px; margin-left:10px;}
.srsptipbs p{ color:#454545; font-size:16px; font-weight: 400; line-height:36px;}
.srsptipbs a{ color:#fff; font-size:20px; font-weight: 600; background:#510c80; text-transform:uppercase; text-decoration:none; padding:10px 20px; margin-top:20px; display: inline-block;}

.types_slider{ position: relative; margin-top:30px;}
.types_slider .slick-slide{ padding:10px 10px; outline: none;}
.types_slider .hearing_type{ position: relative; background:#fff; padding:0;}
.types_slider .carousel-caption{ text-shadow: none; text-align: left; left:0; width:100%; right: inherit; padding:0; background:#510c80; bottom:0;}
.types_slider .carousel-caption h3{ color:#fff; font-size:18px; font-weight: 600; padding:15px 20px; margin:0;}
.types_slider img{ width:100%;}
.types_slider .slick-prev{ width: 50px;height: 50px;line-height: 70px;border-radius: 50px;background:#fff;display: inline-block;
box-shadow: 1px 5px 5px 5px #ddd; text-align:center; position: absolute;left:-16px; top:45%; z-index:2;}
.types_slider .slick-next{ width: 50px;height: 50px;line-height: 70px;border-radius: 50px;background:#fff;display: inline-block;
box-shadow: 1px 5px 5px 5px #ddd; text-align:center; position: absolute;right:-16px; top:45%; z-index:2;}
.types_slider .slick-prev::before {content:'\f060'; font-family: 'FontAwesome'; display: inline-block; color:#ff0000;}
.types_slider .slick-next::before {content:'\f061'; font-family: 'FontAwesome'; display: inline-block; color:#ff0000;}
.types_slider .slick-next:hover:before{ color:#fea61d;}
.types_slider .slick-prev:hover:before{ color:#fea61d;}
.srsbrndib{ padding:60px 0 60px 0;}
.srsbrndib h2{ text-align: center; font-size:37px; font-weight: 600; position: relative; margin-bottom:50px; margin-top:0;}
.srsbrndib h2:before{ content:''; display: inline-block; border-bottom:5px solid #ff0000; width:100px; margin-right:10px;}
.srsbrndib h2:after{ content:''; display: inline-block; border-bottom:5px solid #ff0000; width:100px; margin-left:10px;}
.srsbrndib ul{ padding:0 55px; margin:0}
.srsbrndib ul li{ list-style: none; padding:10px;}
.srsbrndib ul li .srsbrndibs{ padding:0;}
.srsbrndib ul li .srsbrndibs img{ border:1px solid #ddd; width:100%;}

.srststib{ padding:50px 0 50px 0; background:#dcdcdc;}
.srststib h2{ text-align: center; font-size:37px; font-weight: 600; position: relative; margin-bottom:50px;}
.srststib h2:before{ content:''; display: inline-block; border-bottom:5px solid #ffb400; width:100px; margin-right:10px;}
.srststib h2:after{ content:''; display: inline-block; border-bottom:5px solid #ffb400; width:100px; margin-left:10px;}
.srststib ul{ padding:0; margin:0}
.srststib ul li{ list-style: none; padding:0;}
.srststib ul li .srststibs{ border-right:1px solid #fff; padding:0 30px;}
.srststib ul li .srststibs p{ color:#454545; font-size:16px; font-weight: 400; line-height:25px; position: relative; text-align: justify; padding-top:20px;}
.srststib ul li .srststibs p:after{ content:'\f10e'; font-family: 'FontAwesome'; position: absolute; right:0; top:-10px; color:#ffb400; font-size:30px;}
.srststib ul li .srststibs h3{ color:#ffb400; font-size:16px; padding-left:30px; position: relative;}
.srststib ul li .srststibs h3:before{ content:'\f0f0'; font-family: 'FontAwesome'; position: absolute; left:0; top:10px;}
.srststib ul li .srststibs h3 span{ color:#454545;}
.srststib ul li:last-child .srststibs{ border: none;}
.srsodlrib{ padding:50px 0; position: relative;}
.srsodlribs{ padding:50px 150px 50px 50px;}
.srsodlribs:first-child{ background:#ffb400; min-width:635px;}
.srsodlribs ul{ padding:0; margin:0;}
.srsodlribs ul li{ list-style: none; border-bottom:1px solid #ffd266; padding:10px 0;}
.srsodlribs ul li a{ color:#fff; text-decoration:none; font-size:27px; font-weight: 600;}
.srsodlribs:last-child{ position: absolute; right:65px;}
.srsodlribs h2{ position: relative; color:#4a4a4a; font-size:37px; font-weight: 600;}
.srsodlribs h2::after { content: '';display: inline-block; border-bottom: 5px solid #ff0000; width: 100px;margin-left: 25px;}

.contact_enq{ padding:50px 0; text-align:center;}
.contact_enq h2{ margin-top:0; color:#4a4a4a; font-size:37px; font-weight: 600;}
.htcscpvtlcntusb iframe{ width:100%; min-height:472px; border: none;}
.contact_enq .form-control{ border: none; box-shadow: none; background: #e8e8e8; color:#5d5d5d; height:45px; font-size:18px;font-weight: 300; width:100%;}
.contact_enq .form-group{ padding:5px; display: inline-block; margin:0;}
.contact_enq select{ color:#000000; color:#676767; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.contact_enq option{ color:#000;}
.contact_enq .form-control.txt_area{ height:100px; color:#000000;}
.contact_enq .form-control.submit{ background:#ff0000; font-size:20px; color:#fff;font-weight: 600; margin-top:15px; position: relative; width: auto; text-transform: uppercase; padding:0 30px; display: inline-block;}
.contact_enq ::placeholder{ color:#5d5d5d; font-size:18px; font-weight: 300;}
.contact_enq .input-group-addon{ padding:0; border: none; width: 100%; position: relative; z-index:2;}
.contact_enq .input-group-addon .fa{ position: absolute; right:10px; top:12px; color:#001730; font-size:20px;}
.contact_enq_abs{ position: absolute; right:0; top:15%;}
.asahcfbs img{ margin-top:50px; margin-bottom:15px;}
.asahcfbs p{ position: relative; padding-left:40px; line-height:30px;}
.asahcfbs p .fa{ position: absolute; left:0; top:2px; font-size:35px;}
.asahcfbs p .fa-envelope{ font-size:30px;}
.srsinnbb{ padding:0; margin-top:117px;}
.srsinnbb img{ width:100%;}
.srsinnbb h1{ position: relative; bottom:100px; color:#fff; font-size:28px; font-weight: 600; text-transform:uppercase;}
.srsinnbb_abs{ position: absolute; width:100%;}
.srsvimib{ position: relative; padding:0;}
.srsvimib ul{ padding:0; margin:0;}
.srsvimib ul li{ list-style: none; background:#facb06; min-height:500px; padding:50px 0;}
.srsvimib ul li:last-child{ list-style: none; background:#510c80;}
.srsvimib_abs{ position: absolute; top:0; width:100%;}
.srsvimibs{ padding:50px 50px;}
.srsvimib ul li:first-child .srsvimibs{margin-top:40px;}
.srsvimibs h2{ color:#fff; font-size:36px; font-weight: 600;}
.srsvimibs h3{ color:#fff; font-size:30px; font-weight:500; padding-left:210px; position: relative; margin-bottom:20px;}
.srsvimibs h3 img{ position: absolute; left:0; top:-99px;}
.srsvimibs h3 span{ font-size:23px; font-weight:400;}
.srsvimibs p{ color:#fff; font-size:18px; font-weight:400; line-height:36px; text-align: justify;}

.srsptwpinnb{ padding:70px 0;}
.srsptwpinnb_abs{ position: absolute; top:95px; left:0;}
.srsptwpinnbs{ text-align: center;}
.srsptwpinnbs h2{ color:#510c80; font-size:35px; font-weight: 600;margin-top:0;}
.srsptwpinnbs p{ color:#454545; font-size:16px; line-height:36px;}.
.srscntib{ padding:50px 0;}
.srscntib h2{ position: relative; color:#4a4a4a; font-size:38px; font-weight: 600; margin-bottom:30px;}
.srscntib h2::after {content: ''; display: inline-block; border-bottom: 5px solid #ffb400; width: 100px; margin-left: 10px;}
.srscntibs{}
.srscntibs:first-child{ padding-left:0;}
.srscntibs:last-child{ padding-right:0;}
.srscntibs h3{ color:#4a4a4a; font-size:37px; font-weight:600; margin-top:0; margin-bottom:30px;}
.srscntibs ul{ padding:0; margin:0}
.srscntibs ul li{ list-style:none; padding:0;}
.srscntibs ul li .srscntibss{ background:#510c80; padding:70px;}
.srscntibs ul li:last-child .srscntibss{ background:#ffb400;}
.srscntibs ul li .srscntibss h4{ color:#fff; font-size:23px; font-weight: 400; position: relative; padding-left:40px; margin-bottom:30px;}
.srscntibs ul li .srscntibss h4 .fa{ position: absolute; left:0; top:0; font-size:33px;}
.srscntibs ul li .srscntibss p{ color:#fff; font-size:18px; font-weight: 400; line-height:34px; position: relative; padding-left:40px;}
.srscntibs ul li .srscntibss p .fa{ position: absolute; left:0; top:0; font-size:33px;}

.get_touch{}
.get_touch .form-control{ border: none; box-shadow: none; background: #f7f7f7; color:#5d5d5d; height:45px; font-size:18px;font-weight: 300; width:100%;}
.get_touch .form-group{ padding:5px; display: inline-block; margin:0;}
.get_touch .form-control.txt_area{ height:125px; color:#000000;}
.get_touch .form-control.submit{ background:#510c80; font-size:20px; color:#fff;font-weight: 600; margin-top:15px; position: relative; width: auto; text-transform: uppercase; padding:0 30px; display: inline-block;}
.get_touch ::placeholder{ color:#5d5d5d; font-size:18px; font-weight: 300;}
.srscntmib{ padding:70px 0 0 0;}
.gallery_s {padding: 10px; position: relative;}
.gallery_s img{ display: inline-block; padding:0; width:100%; height:225px;}
.gallery_s_icon { left:0; top:35%; position: absolute;  opacity: 0;transition: .5s ease-out; transform: scale(0);
display: flex; align-items: center; justify-content: center; width:100%;}
.gallery_s_icon .fa{ font-size:50px; color:#ffb400;}
.gallery_s:hover .gallery_s_icon { opacity: 1; transition: .7s all; transform: scale(1);}
.lg-sub-html, .lg-toolbar{ background: none; z-index:9999;}
.lg-backdrop{ background:rgba(0,0,0,.8);}
.lg-toolbar .lg-download::after { content: "\e0f2"; display: none;}
.srsglryib{ padding:70px 0 0 0;}
.srsprdtib{ padding:70px 0 0 0;}
.srsprdtib ul{ padding:0; margin:0}
.srsprdtib ul li{ list-style: none; padding:0 25px 50px 0;}
.srsprdtib ul li .srsprdtibs{}
.srsprdtib ul li .srsprdtibs_img{ padding:0; }
.srsprdtib ul li .srsprdtibs_img img{ width:100%;}
.srsprdtib ul li .srsprdtibs_info{ padding:25px 50px; box-shadow: 0 5px 10px #ddd; min-height:370px;}
.srsprdtib ul li .srsprdtibs_info h3{ margin-top:0;}
.srsprdtib ul li .srsprdtibs_info p{ text-align: justify; color:#454545; font-size:16px; font-weight: 400; line-height:36px;}
.srsbrndib_abs{ position: absolute; left:0; top:15%;}
.srscntib{ padding:50px 0 0 0;}

.foctfxd{ position: fixed; top:45%; right:0;}
.foctfxd ul{}
.foctfxd ul li{ list-style:none;}
.foctfxd ul li a{ padding:10px; display: inline-block;}
.foctfxd ul li a .fa{ font-size:20px;}
.foctfxd ul li a.phone{ background:#01a6e8; color:#fff;}
.foctfxd ul li a.whats{ background:#64b829; color:#fff;}

.social{ color:#fff; padding:0;}
.social a .fa { color:#fff;}

.modal-header{ padding:0; border:none;}
.modal-body{ padding:0;}
button.close{ position: absolute; top:2px; right:0; background:#ffe304;color:#fff; z-index:2; opacity:1; padding:4px 7px;}
button.close:hover{opacity:1; color:#fff;}
.srsprdtib h1{ text-align:center; margin-top:0; margin-bottom:30px;}
.srsprdtib p{ text-align:center; font-size:16px; margin-bottom:30px;}
.srsglryib h1{ text-align:center;margin-bottom:30px;}
.srsglryib p{ text-align:center; font-size:16px;}
.srscntib h1{ text-align:center; margin-bottom:50px;}
.srsptwpb h1{ text-align:center;margin-top:0;margin-bottom:50px;}
.srsptwpb_para{}
.srsptwpb_para p{ font-size:20px; margin:20px 0;}
.srsblgyibs{ padding:0 0 50px 0;}
.srsblgyibsl{}
.srsblgyibsl p{ text-align:justify; line-height:30px;}
.srsblgyibsr{}
.srsblgyibsr ul{}
.srsblgyibsr ul li{}
.srsblgyibsr ul li a{ color:#333; text-decoration: none; line-height:24px;}
.srsptwpb_para p a{ text-decoration:none;}
.srsptwpinnbs_para{}
.srsptwpinnbs_para p{ font-size:18px;}
.srsptwpinnbs_info{}
.srsptwpinnbs_info ul{}
.srsptwpinnbs_info ul li{}
.srsptwpinnbs_info ul li a{ color:#333; text-decoration: none; line-height:24px;}
.srsptwpb_certi{}
.srsptwpb_certi h2{ margin-bottom:30px;}
.srsptwpb_certis{}
.srsprdtib_para{}
.srsprdtib_para ul{}
.srsprdtib_para ul li{ font-size:18px;padding-bottom:25px;}
.srsprdtib_para ul li a{ font-size:18px;}






@media (min-width: 979px) {
  #sidebar.affix-top { position: static;}
  #sidebar.affix { position: fixed; top: 125px; width:21.2%;}
}