/*#3b41ab #00af9d*/
body{font-family: Lato,'Noto Sans SC',-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,'Helvetica Neue', Helvetica, Arial,'Source Han Sans CN', sans-serif;max-width:1920px;margin:0 auto;}

@media all and (max-width: 1200px) {
    body{font-size:14px;}
}

@media all and (max-width: 1020px) {
    body{font-size:12px;}
}



img{max-width:100%;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,li a,.row a{color:inherit;}
html a:hover,a:hover{text-decoration:none;color:#3a41ab;}
.imgnotxt{line-height:0;}
h4{margin:.6em 0 .8em 0;}
@media (min-width: 1300px){
.container {
    max-width: 1320px;
}
}

.pagewrap{margin-top:110px;}
.card{border:none;}

.container960{max-width:1024px;margin:0 auto;}

.brandcolor{color:#3b41ab !important;}

.btn-upshine{background-color:#3b41ab;border-color:#3b41ab;color: #212529;}
.btn-upshine:hover {color: #212529;background-color: #c39405;border-color: #d39e00;}

.form-control-lg{font-size:1rem;}

.form-control{margin-bottom:1em;}
.pt80{padding:0;}
.ptop80{padding-top:80px;}

.btn-brand{font-weight: 600;
    color: #fff!important;
    font-size:1.2em;
    letter-spacing: 1px;
    border-radius: 100px;
    -webkit-transition: 300ms all cubic-bezier(.4,0,.2,1);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
    
    padding: 12px 32px;
    background: -webkit-linear-gradient(330deg,rgba(143,66,236,0) 0%,#4e54b5 100%);
    background: linear-gradient(120deg,rgba(143,66,236,0) 0%,#4e54b5 100%);
    background-color: #3b41ab;}
.btn-brand:hover{background-color: #bf50ed; -webkit-transform: translateY(-1px);transform: translateY(-1px);}
    
.contactbtn{padding: 8px 30px;background: -webkit-linear-gradient(330deg,rgba(143,66,236,0) 0%,#00af9d 100%);
    background: linear-gradient(120deg,rgba(143,66,236,0) 0%,#00af9d 100%);
    background-color: #00af9d;text-transform: uppercase;}

.triangle-right { width: 0; height: 0; border-top:9px solid transparent; border-left: 9px solid #3a41ab; border-bottom: 9px solid transparent;}
.triangle-top {width: 0;height: 0;border-left:9px solid transparent;border-bottom: 9px solid #3a41ab;border-right: 9px solid transparent;}

.btn-primary{background-color:#3a41ab;border-color:#3a41ab;}
.rounded-pill{padding-left:1.3em;padding-right:1.3em;}

.headertopbar-l img.topnavareaicon{height:18px;}

.nav-products>a,.nav-company>a {position: relative;}
.nav-products>a:after,.nav-company>a:after {content: '';position: absolute;top: 27px;left: 65px;width: 9px;height: 6px;background: url(../img/agc_nav_arrow_d.png) center no-repeat;}
.zoomImg {width: 100%;}
.lineHeight-0 {line-height: 0;}
.jumpToForm {cursor: pointer;}
.unit-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.blackCard {background: #101010;}
.whiteCard {background: #fff;}
.grayShadowCard,.grayShadowLinkCard {box-shadow: 3px 3px 25px #e6e6e6;border: none;transition: all .3s;}
.grayShadowLinkCard:hover {box-shadow: 3px 3px 25px #bdbdbd;}
.whiteText {color: #fff;}
.grayText {color: #bdbdbd;}
.blackText {color: #797979;}
.orangeText {color: #f6a700;}
.smallText {font-size: 12px;font-weight: 300;}
.norText {font-size: 16px;line-height: 24px;}
.bigText {font-size: 36px;line-height: 42px;}
.grayBoder {border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.noCard {border: none;background: none;}
.title-h2 {padding: 50px 0;text-align: center;background-color: #f7f7f7;}
.title-h2 h2 {font-size: 72px;color: #f6a700;}

.modal{z-index:999999;background:rgba(0, 0, 0, 0.45);/* padding-top:200px; */display:block;}
#logindia_fgwrap{text-align:center;display:none;}
#logindia_regform{display:none;}


#back2top{position:fixed;bottom:60px;right:20px;display:inline-block;z-index:999;font-size:2em;color:#ababab;display:none;width:60px;}
#back2top:hover{color:#3a41ab;}

/* footerinfowrap *****/

.footerinfowrap{background:#1f1f1f;padding:60px 0;color:#6a6a6a;}
.footerinfowrap a:hover{color:#fff;}
.footerinfowrap .container{max-width:1000px;border-bottom:1px solid #313030;padding:30px 0;}
.footerinfowrap h3{display:inline-block;font-size:1.875em;padding-right:30px;}
.footerinfowrap .snsitems{display:inline-block;padding-top: 0.2rem;}
.footerinfowrap .snsitems a{display:inline-block;border-radius:2px;border:1px solid #6a6a6a;width:34px;height:34px;text-align:center;line-height:34px;font-size:22px;margin-right:15px;}
.footerinfowrap .navitems h4{color:#fff;font-size:1.125em;font-weight:normal;}
.footerinfowrap .navitems ul{list-style:none;margin:0;padding:0;line-height:2em;}

.mplink{position:relative;}
.mpimg{position:absolute;left:0;bottom:100%;width:200px;height:200px;display:none;}
.mplink:hover .mpimg{display:block;}


/**********footer form ***********/
.footercontactdetail{list-style:none;padding:0;}
.footercontactdetail li{border-bottom:1px solid #9e9e9e;margin-top:30px;padding-bottom:14px;font-weight:600;}
.footerform{border-top:1px solid #ccc;background:#000;color:#fff;padding:110px 0;}
.footerform h2{color:#9e9e9e;font-size:2.6em;}
.footerform h4{font-size:1.2em;}

.footerform h2{font-size:3em;font-weight:normal;padding-bottom:1em;}
.footerform strong{font-weight:900;}


/************footer ***********/
.footer{background:#374198;color:#fff;text-align:center;    padding: 1.5em 0;}
.footer a{color:inherit;}


/********** header ***************/
.header{height:80px;position:fixed;top:0;left:0;z-index:9998;width:100%;background:#fff;     box-shadow: 0 0 10px 0 rgba(0,0,0,.08);}
.headercontainer{position:relative;height:80px;}
.header ul{list-style:none;margin:0;padding:0;display:inline-block;*display:inline;*zone:1;}

.blackhd.header{background:#1a1a1a;}

.headerlogo{float:left;height:80px;}
.headerlogo-a{display:block;height:80px;line-height:80px;}
.headerlogo-a img{vertical-align:middle;max-height:42px;min-height:40px;}

.iconlink span{display:none;}



.topsrcform{position:absolute;top:0;left:0;width:100%;z-index:999;height:60px;background:#1a1a1a;padding:0 42px;display:none;}
.topsrcform .srcclosebtn{position:absolute;right:10px;color:#fff;top:0;line-height:60px;cursor:pointer;}
.topsrcwrap{max-width:680px;margin:10px auto;margin-top:10px;position:relative;}
.topsrcwrap .form-control{background-color: #f8f9fa!important;}
.topsrcwrap .form-control:focus{box-shadow: none;}



.nav-icon .iconli{display:inline-block;font-size:1.2em;position:relative;}

.headernav-r{float:right;}

.headernav-r-cta{display:inline-block;color:#fff;padding-left:2em;padding-right:1em;}
.headernav-r-cta a{color:#fff;}


/*************header-m *************/

.header-m{display:inline-block;height:110px;}
.header-m .headerprodbox{height:110px;line-height:110px;}
.headerprodbox a{color:#fff;font-size:24px;font-weight:600;}
.headerprodbox a .fa{font-size:16px;}
.headerprodbox a:hover{color:#00af9d;}
.headerprodbox a:hover svg{fill:#ff0000;}

/**************** main nav ****************/


.xx-nav-item{display:inline-block;*display:inline;*zone:1;height:100%;}
.xx-nav-link{font-size:16px;display:inline-block;padding:0 20px;white-space: nowrap;text-decoration:none;color:#000;font-weight:500;line-height:80px;}
.xx-nav-link span{line-height: 80px;
    position: relative;
    height: 80px;
    display: inline-block;}

.xx-nav-link:hover span::after,.xx-nav-link.curactive span::after{content:' ';height:3px;width:100%;background:#3b41ab;position:absolute;bottom:0;left:0;}
.xx-nav-link .fas{padding: .4em 0 0 .2em;font-size:.8em;}

.xx-has-subnav{position:relative;}
.xx-has-subnav:hover,.xx-has-mega:hover{background:#fff;}


.xx-has-subnav .xx-subnav, .xx-has-mega .xx-subnav{position:absolute;top:100%;left:-200px;margin:0;padding:0;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;box-shadow: 0 3px 4px rgba(0,0,0,.18);transition: visibility 0s, opacity 0.3s linear;min-width:100%;display:none;z-index:2;min-width:900px;}
.xx-has-subnav.xx-nav-alignr .xx-subnav{left:unset;right:0;text-align:right;}
.xx-has-subnav .xx-subnavbg{background:#000;height:60px;position:fixed;top:100%;z-index:0;left:0;right:0;top:80px;display:none;}

.xx-dropdown-item .xx-nav-link{color:#848484;display:block;transition: all .3s ease;}
.xx-dropdown-item .xx-nav-link:hover{color:#fff;}
.xx-dropdown-item .xx-nav-link.curactive{color:#fff;}
.xx-dropdown-item{display:inline-block;height:60px;}
.xx-dropdown-item .xx-nav-link{width:inherit;line-height:60px;padding:0 40px;}

.nav-icon .xx-has-subnav .xx-subnav{left:auto;right:0;}
.nav-icon .xx-subnav .xx-nav-link img{height:1em;vertical-align:middle;}

.iconlink{margin:0 8px;line-height:80px;font-size:1.2em;}
.iconlink:hover{color:#00af9d;}
.xx-has-subnav:hover .iconlink{color:#00af9d;}

.nav-icon .topnavract {display: none;}

.breadcrumb{padding-left:0;background:transparent;margin-bottom:0;}
.breadcrumb-item+.breadcrumb-item::before{content:'\203a';}

@media all and (max-width: 1200px) {
    .header .topmainmenu {position: fixed; top: 60px; left: 0; width: 100%; height:100%; background: #fff;display: none; }
    .topmainmenu .xx-nav-item {display: block; text-align: center; height: 3em; line-height:3em; width:100%; }
    .topmainmenu .xx-nav-item .xx-nav-link {display: block; color:#00af9d;line-height:2em;}
    .topmainmenu .xx-nav-item .xx-nav-link .fa-angle-down {display: none; }
    .xx-nav-link span{line-height: 2em;     height: auto; }
    
    .nav-icon .topnavract {display:inline-block; }
}

@media all and (min-width: 768px) {
    .xx-nav .xx-has-subnav:hover .xx-subnav,.xx-nav .xx-has-mega:hover .xx-subnav, .xx-has-subnav:hover .xx-subnavbg{display:block;}
    .xx-has-mega:hover  .xx-megacontainer{display:block;}
}

@media all and (max-width: 768px) {
    .headertopbar,.breadcrumb{display:none;}
    
    .nav-icon .xx-has-subnav:hover .xx-subnav{display:block;}
}
@media all and (max-width: 400px) {
    .topnavglobal{display:none !important;}
}
@media all and (max-width: 350px) {
    .showsrcbtn{display:none !important;}
}
@media all and (max-width: 350px) {
    .showsrcbtn{display:none !important;}
}
@media all and (max-width: 310px) {
    .topnavuserli{display:none !important;}
}



.xx-megacontainer{position:absolute;left:0;z-index:999;display:none;width:100%;background:#fff;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;box-shadow: 0 15px 30px rgba(0,0,0,0.1);overflow:auto;}


/************** nav applications*************/
.navapplications{list-style:none;margin:0;padding:30px 15px 15px 15px;}
.navapplications .navapplication-item {padding-bottom:15px;width:20%;padding:15px;}
.navapplications .navapplication-item a{transition: all 0.2s ease-in-out;display:block;}
.navapplications .navapplication-item a:hover{transform: scale(1.1);}
.navapplications .navapplication-item h4{line-height:2em;font-size:1em;font-weight:bold;text-align:center;}



/**** top nav product*****/


.toprodnav-container{display:table;min-heidght:360px;}
.toprodnav-container .toprodnav-lbanner{padding:20px 20px 0 20px;}
.toprodnav-catlist{width:240px;display:table-cell;vertical-align:top;border-right:1px solid #eee;padding:20px 0;}
.toprodnav-catlist ul {display:block;}
.toprodnav-catlist ul li {position:relative;}
.toprodnav-catlist ul li a{font-size:18px;display:block;height:42px;line-height:42px;padding-left:20px;}
.toprodnav-catlist ul li a .fas{position:absolute;right:20px;top:12px;opacity:.5;}
.toprodnav-catlist ul li a:hover,.toprodnav-catlist ul li.on a{background:#00af9d;color:#fff;}


.toprodnav-prodlistwrap{display:table-cell;text-align:center;padding:20px 40px 40px 0;}
.toprodnav-prodlistwrap a{color:#3b41ab;font-weight:normal;font-size:1em;display:inline-block;line-height:3em;}
.toprodnav-prodlistwrap a span{background:#eeeded;padding:1px 12px;border-radius:20em;z-index:1;position:relative;position:relative;display:inline-block;line-height:1em;}
.toprodnav-prodlistwrap a span .triangle-top{position:absolute;top:-6px;border-bottom-color: #eeeded;left:50%;margin-left:-6px;border-width:6px;}
.toprodnav-prodlistwrap a img{transition: all .2s linear;width:86%;}
.toprodnav-prodlistwrap a:hover img{transform:scale(1.02);}
.toprodnav-proditemwrap{display:none;}
.toprodnav-proditemwrap.on{display:block;}

.itemimg{overflow: hidden;}
.itemimg img{transition: all .2s linear;}
.itemimg:hover img{transform: scale(1.03);}


/*********cookie notice ***************/
#cookie-notice {/* display: none; */ position: fixed; min-width: 100%; height: auto; z-index: 9999999; font-size: 13px; line-height: 20px; left: 0; text-align: center; }
#cookie-notice .cookie-notice_container {padding: 10px; }
.cookie-notice_top {top: 0;color: #fff; background-color: #000; }
.cookie-notice_bottom {bottom: 0; color: #fff; background-color: #000; }
.cookie-notice_dialog {bottom: 0; color: #fff; background-color: #000; }
#cookie-notice .cookie-notice_okbtn {margin-left: 10px; font-family: sans-serif; display: inline-block; *display: inline; padding: 4px 12px; margin-right: 0.3em; margin-bottom: 0; *margin-left: .3em; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); font-style: normal; vertical-align: middle; cursor: pointer; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-style: solid; border-width: 1px; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); padding: 2px 10px; font-size: 12px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; }
#cookie-notice .cookie-notice_okbtn:hover, #cookie-notice .cookie-notice_okbtn:focus {color: #ffffff; background-color: #0044cc; *background-color: #003bb3; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }



/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-theme button:focus{outline: 0;}
.owl-theme .owl-dots{position:absolute;bottom:10px;width:100%;}
.owl-theme .owl-nav{}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px;}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#3a41ab;}

.owl-theme .owl-nav{display:none;}
.owl-carousel:hover .owl-nav{display:block;}
.owl-theme .owl-nav .owl-next,.owl-theme .owl-nav .owl-prev{position:absolute;top:0;height:100%;width:10%;z-index:999;}
.owl-theme .owl-nav .owl-next{right:0;}
.owl-theme .owl-nav .owl-prev{left:0;}

.owl-theme .owl-nav{margin-top:0;}
.owl-carousel .owl-nav button,.owl-carousel .owl-dots button{outline: none;border:0;margin:0;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{position:absolute;top:0;z-index:999;width:56px;margin:0;}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-next:hover{right:0;background:url(asset/next.svg) no-repeat center;}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-prev:hover{left:0;background:url(asset/prev.svg) no-repeat center;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{background-color:rgba(0,0,0,.02);}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background-color:rgba(0,0,0,.06);}
.owl-dots .owl-dot span{width:1.2em;height:1.2em;border-radius:50%;background-color:#d6d6d6;}
.owl-dots .owl-dot.active span{background-color:#3a41ab;}
.owl-dots{position:absolute;width:100%;bottom:10px;z-index:999;}





/**************** product detail************/

/* #prodetailcontainer{padding-top:80px;} */
#prodetailcontainer h1{font-size:1.8em;}
#prodetailcontainer .prodetailpage-main{padding-bottom:2em;}




#prodetailcontainer .iconcontainer{padding-top:1em;}
#prodetailcontainer .certicon-item,#prodetailcontainer .feartureicon{width:3em;display:inline-block;}
#prodetailcontainer .prodetailpage-main .btnwrap{padding-top:1em;}
#prodetailcontainer .prodetailpage-main .btnwrap .btn{margin:0 1em 1em 0;}

.productDetailsMenu{}
.prodnavtab{background:#fff;padding-top:8px;position:relative;z-index:99;border-bottom: 1px solid #3b41ab;}
.prodnavtab.on{position:fixed;top:60px;width:100%;}
.prodnavtabul{list-style:none;margin:0;padding:0;}
.prodnavtabul .prodnavtabli{display:inline-block;cursor:pointer;color:#3b41ab;padding:0 16px;height:40px;line-height:40px;background:#eee;font-weight:bold;margin-right:2px;}
.prodnavtabul .prodnavtabli.on{background:#3b41ab;color:#fff;}
.prodnavtabul .prodnavtabli a,.prodnavtabul .prodnavtabli.on a,.prodnavtabul .prodnavtabli.on a:hover{color:inherit;}
.prodnavtabul .prodnavtabli a:hover{color:inherit;}
.productCon{display:none;}
.productCon.on{display:block;}
.prodnavtab .fas{display:none;}

@media all and (max-width: 768px) {
    .prodnavtab .fas{position:absolute;right:10px;top:8px;z-index:1000000000;line-height:40px;display:inline-block;}
    .prodnavtab .container{padding:0;width:100%;max-width:100%;}
    .prodnavtabul{position:relative;background:#faa000;}
    .prodnavtabul  .prodnavtabli{display:block;position:absolute;top:0;width:100%;}
    .prodnavtabul  .prodnavtabli.on{z-index:999999;top:0;}
    .prodnavtab.on{top:60px;}
}



.productDetailsCon {list-style: none;margin: 0;padding: 0;}

#prodetailcontainer .reswrap{position:relative;}
#prodetailcontainer .restxtwrap,#prodetailcontainer .reswrap .txtcontainer{position:absolute;top:0;}
@media all and (max-width: 768px) {
    
    #prodetailcontainer .restxtwrap,#prodetailcontainer .reswrap .txtcontainer{position:relative !important;top:unset !important;left:unset !important;bottom:unset !important;right:unset !important;text-align:center !important;padding:2em 0;}
}

#prodetailcontainer .provideowrap {margin:2em auto;}
#prodetailcontainer .progallerywrap {margin:2em auto;}
#prodetailcontainer .progallerywrap .progallery-item{margin-bottom:2em;}
#prodetailcontainer .proaccessorieswrap {margin:2em auto;}
#prodetailcontainer .proaccessorieswrap .progallery-item{margin-bottom:2em;}
#prodetailcontainer .prodownwrap,#prodetailcontainer .prodrelatedswrap{margin:2em auto;}
#prodetailcontainer .prodownwrap caption,#prodetailcontainer .prodrelatedswrap caption{caption-side: unset; background: #faa000; color: #fff;font-size: 1.2em; padding-left: .75rem; font-weight: bold;}
#prodetailcontainer .prodownwrap table,#prodetailcontainer .prodrelatedswrap table{border: 1px solid #dee2e6;margin-bottom: 0;}
#prodetailcontainer .prodownwrap table td,#prodetailcontainer .prodrelatedswrap table td{color:#faa000;}




#prodetailcontainer .briefdownloadwrap{padding-top:1em;}
#prodetailcontainer .briefdownloadwrap .btn{margin-right:20px;margin-bottom:.5em;}
#prodetailcontainer .briefdownloadwrap a.btn{color:#fff;}






.categorybrief{border-bottom:1px solid #f1f1f1;}




/***************productspage ****************/

#productspage .topsearchsetion {background-color: #000; padding:6em 0;text-align:center;}
#productspage .topsearchsetion .allproductsearchcontainer{width:800px;margin:0 auto;}
#productspage h1 {font-weight:600;color:#fff;margin:.4em 0;padding:0;font-size:68px;}
@media (max-width: 820px) {
    #productspage .topsearchsetion .allproductsearchcontainer{width:90%;margin:0 auto;}

}
@media (max-width: 760px) {
    #productlistcontainer .filteritems{display:none;}

}

.cardd{display:block;}
.card-img-top,.productitem img{transition: all 0.3s ease-in-out;}
.cardd:hover .card-img-top, .productitem a:hover img{transform:scale(1.1);}
.categoriesitema{display:block;}





/**********article**********/

.articlelist{background:#f7f9fb;padding-top: 120px;}

.articlelist .articleitem{background: #fff; box-shadow: 0 2px 4px 0 rgba(176,176,176,.5);margin-bottom:50px;text-align:center;padding:20px 0;}

.articlelist a.readmore{margin-top:1em;display: inline-block;border-bottom: 2px solid #FBE132;line-height:26px;}
.articlepage{background:#fff;    padding-top: 80px;}
.articlepage .breadcrumbwrap{background:#f2f3f5;padding:8px;}
.articlepage .breadcrumbwrap .breadcrumb-item{color:#444;}
.articlepage .contentinfo{padding-top:3.75em;border-bottom:1px solid #b1b1b1;}
.articlepage .articleputime{color:#6b6b6b;font-size:1.375em;}
.articlepage .articletitle{text-align:center;font-size:2.265em;}
.articlepage .articlecontent{background:#fff;padding:40px 0;margin-bottom:50px;}
.articlepage .articlecontent p{font-size:16px;margin-bottom:2em;}
.articlepage .articlecontent h2{margin: 40px 0; font-size: 35px;}
.articlepage .articlecontent h3{margin: 40px 0; font-size: 32px;}
.articlepage .articlecontent a{color:#0366fb;}


#resmenuicon{color:#000;}
.footera:hover{color:#fff;}