body{font-family: Montserrat, system-ui, sans-serif;font-weight:300;-webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";padding-top:68px;max-width:1920px;margin:0 auto;}
img{max-width:100%;}
a{text-decoration:none;}
.font-l{font-weight:300;}
.font-r{font-weight:400;}
.font-m{font-weight:500;}
.font-b{font-weight:600;}
a{color:inherit;}
a:hover{text-decoration:none;color:#f5a400;}
.imgnotxt{line-height:0;}
h4{margin:.6em 0 .8em 0;}
.clearfix:after,.clear:after,.fc:after { visibility:hidden;display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix,.clear,.fc {zoom:1;}
.fl,.fr { display: inline;}
.fl { float: left;}
.fr {float: right;}

.sticky-top{top:68px;}

[disabled], .disabled {
    cursor: not-allowed !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
:root{
    --brandcolor:#f5a400;
    --headertop:24px;
    --headerheight:68px;
}

.brandcolor{color:var(--brandcolor) !important;}
.mobilenav{font-weight: 500;}
.form-control-lg{font-size:1rem;}

@media (min-width: 1300px){
.container {
    max-width: 1280px;
}
}

.form-control{margin-bottom:1em;}
.input-group .form-control{margin-bottom:0;}
.pt80{paddding:106px 0;}
.ptop80{paddding-top:106px;}

.fancybox-stage{background:#fff;}

.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;}
#nav-progress{position:absolute;left:0;bottom:0;height:4px;background:#f6a700;width:0;}


#back2top{position:fixed;bottom:10px;right:10px;display:inline-block;z-index:999;font-size:3em;color:#adb5bd;display:none;}
#back2top:hover{color:#faa000;}


.topsrcform{position:absolute;top:0;left:0;width:100%;z-index:999;height:68px;background:#fff;padding:0 42px;display:none;}
.topsrcform .srcclosebtn{position:absolute;right:10px;color:#311f1f;top:0;line-height:68px;cursor:pointer;}
.xx-nav-item .xx-nav-link.showsrcbtn{padding:0;font-size:1.2em;}
.topsrcwrap{max-width:680px;margin:30px auto;margin-top:20px;position:relative;}
.topsrcwrap .form-control{background-color: #fbe7e7!important;}
.topsrcwrap .form-control:focus{box-shadow: none;}

/**********footer form ***********/

.footerform{    background:#444;color:#fff;padding:4em 0;}
.u-fill-white {
    fill: #fff;
}

.snscontainer{margin:.2em 0;}
.snscontainer a{font-size:2em;display:inline-block;margin-right:4px;transition: all 0.2s ease-in-out;}
.snscontainer a:hover{color:inherit;transform: scale(1.2);}

/************footer ***********/
.footer{background:#444;color:#fff;text-align:center;    padding: 3em 0 1em 0;}


/********** header ***************/

.header{height:var(--headerheight);line-height:var(--headerheight);box-shadow: rgba(0, 0, 0, 0.03) 0px 0.125rem 0.3rem -0.0625rem, rgba(0, 0, 0, 0.06) 0px 0.275rem 0.75rem -0.0625rem ;position:fixed;top:var(--headertop);left:0;z-index:9998;width:100%;background:#fff;}
.headercontainer{position:relative;}

.headerlogo{float:left;line-height:var(--headerheight);}
.headerlogo-a{display: flex;align-items: center;height:var(--headerheight);}
.headerlogo-a img{height:80%;}

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

.xx-nav{list-style:none;padding:0;margin:0;float:right;}
.xx-nav .xx-nav-item{display:inline-block;*display:inline;*zone:1;height:var(--headerheight);}
.xx-nav .xx-nav-link{display:inline-block;padding:0 .8em;white-space: nowrap;text-decoration:none;color:#77838f;font-weight:400;line-height:var(--headerheight);}
.xx-nav .xx-nav-link .fas{padding: .4em 0 0 .2em;font-size:.8em;}
.xx-nav .xx-has-subnav{position:relative;}
.xx-nav .xx-subnav{position:absolute;top:100%;left:0;margin:0;padding:0;border-top:3px solid #f5a400;background:#fff;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;box-shadow: 0 15px 30px rgba(0, 0, 0, .1);padding-bottom:2em;display:none;}
.xx-nav .xx-subnav .xx-dropdown-item{display:block;height:2.5em;}
.xx-nav .xx-subnav .xx-nav-link{width:inherit;line-height:2.5em;padding:0 4em 0 1em;}
.xx-nav .xx-nav-link:hover{color:#f5a400;}

.xx-megacontainer{position:absolute;left:0;top:100%;z-index:999;display:none;border-top:3px solid #f5a400;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);}


.topnavract {display: none;position: fixed; right: 20px; top: 0;}
.breadcrumb{padding-left:0;background:transparent;}
.breadcrumb-item+.breadcrumb-item::before{content:'\203a';}
.topheaderbar{display:flex;align-items: center;justify-content: center;padding:8px;background:#000;color:#fff;text-align:center;font-size:14px;text-align:right;z-index: 9999;position: fixed;top: 0;left: 0;width: 100%;height:24px;}
.topheaderbar a{padding:0 8px;color:#f5a400;font-weight: bold;}

.atopnavract{height:68px;}
        #aresmenuicon {
    top:50%;
}

        #resmenuicon,
#resmenuicon::after,
#resmenuicon::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 20px;
    height: 2px;
    transition: transform 0.2s ease-out;
    background: #000
}
#resmenuicon::after,
#resmenuicon::before {
    content: "";
    position: absolute;
    top: -6px
}
#resmenuicon::after {
    top: 6px
}
#resmenuicon.naviconopen{height:0;}
#resmenuicon.naviconopen::before{transform:rotate(45deg) translate(4px,4px);}
#resmenuicon.naviconopen::after{transform:rotate(-45deg) translate(5px,-5px);}
.headernavbackdrop{display:none;} 
.pcsublinkicon{display: inline-block;}
.mobilesublinkicon{display: none;}

@media all and (max-width: 1200px) {
    body{padding-top:var(--headerheight);}
    .topheaderbar{display:none;}
    .headerlogo-a img{height:40px;}
}

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

@media all and (max-width: 760px) {
    .breadcrumb{display:none;}
    #back2top{font-size: 2.4em;}
}

@media all and (max-width: 1200px) {
    .header{top:0;}
    .topnavract {position: fixed; right: 20px; top: 0;display:inline-flex;gap:16px;align-items: center; }
    .xx-nav {position: fixed; top: var(--headerheight); left: 50px; right:0; height:100%; background: #fff;display: none;z-index: 2;overflow-y:auto;}
    .xx-nav .xx-nav-item {display: block; text-align: left; height: auto; line-height:3em; width:100%; }
    .xx-nav .xx-nav-item .xx-nav-link {display: block;height:auto;padding-left: 30px;line-height:3em; font-weight: 600;height:3em;}
    .xx-nav .xx-nav-item .xx-nav-link .pcsublinkicon {display: none; }

    .headernavbackdrop{background: rgba(15, 23, 42, .25);
        height: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        top: var(--headerheight);}
    .mobilesublinkicon{display: inline-block;position: absolute;top:0;line-height: 3em;right:30px;}

    .xx-nav .xx-subnav{position:relative;top:auto;    padding-left: 0.5em;}

}

/*************nav prod type*********/
#topprodtypnav {position:relative;}
#topprodtypnav .pronavtype-l{float:left;width:260px;padding:1em 0;}
#topprodtypnav .pronavtype-l ul{list-style:none;margin:0;padding:0;}
#topprodtypnav .pronavtype-l ul li{line-height:2.6em;}
#topprodtypnav .pronavtype-l ul li a{display:block;padding:0 1em 0 1.6em;font-weight:400;}
#topprodtypnav .pronavtype-l ul li.on a{background: #f6a700;color:#fff;}
#topprodtypnav .pronavtype-l ul li a .pronavtype-ricon{float:right;line-height:2.6em;}

#topprodtypnav .pronavtype-r {margin-left:260px;padding:1em;border-left:1px solid #eee;min-height:376px;}
#topprodtypnav .pronavtype-cat-item {text-align:center;margin-bottom:2em;}
#topprodtypnav .pronavtype-cat-item img{width:80%;}
#topprodtypnav .pronavtype-cat-item h4{font-size:.8em;}
#topprodtypnav .pronavtype-solution-item {text-align:center;margin-bottom:2em;}
#topprodtypnav .pronavtype-solution-item img{border:1px solid #a0a0a0;}
#topprodtypnav .pronavtype-solution-item h4{font-size:.8em;}

.toppronavwrap .listitem {margin-bottom:24px;}
.toppronavwrap .listitem .itemimg img{width:70%;}
.toppronavwrap .listitem h4{font-size:.9em;}


/************** 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;}
.navapplidcations .listitem{margin-bottom:1em;}
.navapplidcations .listitem h4{font-size:1em;}

.topappnavcontainer{margin-bottom:.5em;}
.topappnavcontainer h3{font-size:1.3em;}
.topnavappul{list-style:none;margin:.5em;padding:0;}
.topnavappli{padding:4px 0;}

.topappnavimg{height:100%;width:100%;}
.topappnavimg img{height:100%;width:100%;object-fit:cover;}
.topappnavcasewrap{position:absolute;bottom:40%;left:0;right:0;color:#fff;}

/*************** nav products ******************/
#products-nav-contdadiner{padding:2em 0 0 0;}
.product-nav-ul{list-style:none;margin:0;padding:0;}
.pnav-catmenu{height:2em;line-height:2em;width:200px;padding:0 1em;}
.pnav-catmenu a:hover{color:#fff;}
.pnav-catmenu:hover{background:#faa000;color:#fff;}
.pnav-catmenu-catname{font-size:14px;}
.pnav-catmenu-ricon{float:right;line-height:2em;padding-top:2px;}


.product-item{overflow: hidden;position:absolute;top: 20px;left: 200px;z-index:1000;display:none;width: 620px;height: 220px;padding: 0 10px;background: #fff;}
.product-item:before {content: '';position: absolute;top: 0px;left: 0px;width: 1px;height: 330px;background: #eee;}
.product-item.on {display: block;}


.other-items-con h2{padding-bottom:0;}


.other-pg-con {overflow: hidden;/* position: absolute;top: 260px; */left: 0px;z-index: 1050;width: 820px;padding:30px 0 15px 0;border-top: 1px solid #eee;}
.other-pg-con>div {overflow: hidden;float: left;width: 50%;}
.other-pg-con>div>div {float: left;}
.quick-ship-con {width: 30%;}
.quick-ship-con img {width: 70%;}
.eco-con {width: 30%}
.eco-con img {width: 70%;}
.other-pg-con-p {width: 70%;margin-top: 10px;}
.other-pg-con-p a {display: block;font-size: 20px;line-height: 35px;color: #f6a700;transition: all .3s;}
.other-pg-con-p p {font-size: 12px;line-height: 16px;color: #bdbdbd;}

.other-items-con {position: absolute;top: 0;right: 0;z-index:1050;width: 250px;height: 100%;background: #fff;}
.other-items-con:before {content: '';position: absolute;top: 20px;left: -39px;width: 1px;height: 330px;background: #eee;}
.other-items-con>div {padding: 15px 0;border-bottom: 1px solid #eee;}
.other-items-con>div:last-child {border-bottom: none;}
.brands-con {overflow: hidden;}
.brands-con>div {overflow: hidden;float: left;width: 50%;}
.other-items-con-i h2,.other-items-con-b>p {font-size: 16px;line-height: 30px;color: #f6a700;}
.other-items-con-i p {font-size: 12px;color: #bdbdbd;height:4em;}
.other-items-con-i a {display: inline-block;margin-top: 15px;/* width: 100px; */padding: 0 4em;text-align: center;font-size: 12px;font-weight:normal;color: #fff;border-radius: 100px;background: #f6a700;transition: all .3s;height:2em;line-height:2em;}
.other-items-con-i a:hover {background: #d89300;}
.brands-con>div a {display: inline-block;width: 100px;height: 69px;margin: 10px 0 0 0;background: url(/static/images/products/brands-logo.png) left no-repeat;}
.brands-con>div span {display: block;font-size: 12px;color: #797979;font-weight:400;}
.brands-con>div:nth-child(1) a {background-position: -100px 0;}
.brands-con>div:nth-child(1) a:hover {background-position: 0 0;}
.brands-con>div:nth-child(2) a {background-position: -100px -69px;}
.brands-con>div:nth-child(2) a:hover {background-position: 0 -69px;}
.other-items-con>.other-items-con-i:nth-child(2) a {margin-top: 5px;}

.bottom-items-con {position: absolute;top: 270px;left: 15px;z-index:1010;color: #fff;}
.bottom-items-con div {margin-bottom: 15px;padding: 8px 25px;text-align: center;font-size: 14px;border-radius: 100px;background: #f6a700;cursor: pointer;}
.other-bottom-items-con {background: #f7f7f7;}
.other-bottom-items-con>div {overflow: hidden;width: 1280px;margin: 0 auto;}
.other-bottom-items-con>div>div {position: relative;float: left;margin: 0 15px;padding: 15px 0;}
.other-bottom-items-con>div>div:first-child {margin: 0 15px 0 0;}
.other-bottom-items-con>div>div:before {content: '';display: block;position: absolute;top: 12px;left: -13px;width: 1px;height: 22px;background: #e0e0e0;}
.other-bottom-items-con>div>div:first-child:before {display: none;}
.other-bottom-items-con>div>div>a {color: #f6a700;}
.other-bottom-items-con>div>div>a:hover,.other-pg-con-p a:hover {color: #d89300;}

.productDispalyInner {background: #fff;}
.productsImg {position: relative;float: left;width: 100px;margin: 15px 8px 3px 8px;text-align: center;line-height: 0;}
.productsImg .products-new-icon {position: absolute;top: 0;right: 1px;z-index: 990;width: 25px;height: 25px;background: url(/static/images/products/products-new-icon.png) center no-repeat;}
.productsImg>a {display: block;padding-bottom: 12px;}
.productsImg>a>img {width: 80%;}
.productDispalyInner .productsImg a span {position: relative;display: block;padding: 13px 0 0 0;font-size: 12px;font-weight: 400;color: #797979;line-height: 0;transition: all .3s;}
.productDispalyInner .productsImg:hover a span {color: #f6a700;}
.productsImg.morepro>a {padding: 20px 0;}
.productsImg.morepro>a>img {width: 45%;}


/*********cookie notice ***************/
#cookie-notice {/* display: none; */ position: fixed; min-width: 100%; height: auto; z-index: 100000; 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:30px;height:3px;margin:5px 4px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:0}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#f5a400}

.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:#00bc2c;}
.owl-dots .owl-dot.active span{background-color:#fff;}
.owl-dots{position:absolute;width:100%;bottom:10px;z-index:999;}


@media all and (max-width: 768px) {
    .owl-theme .owl-dots{bottom:-16px;}
    .owl-theme[data-owl-items="1"] .owl-dots{bottom:10px;}
}


/*-------------Product Categories----------------*/
.productslist .productimg{line-height:0;margin:0 auto;max-width:80%;}
.productslist{ margin:0 auto;padding-bottom:80px;}
.productslist ul{list-style:none;padding:0;margin:10px 0;}

#productcatnavbox h2{color:#111;border-bottom:solid 1px #9a8888;}
#productcatnavbox ul{padding:0;list-style:none;font-size:18px;line-height:2.5em;}
#productcatnavbox ul li{padding-left:8px;border-bottom:dotted 1px #111;}

#allproducts{padding:10px 0;}
#allproducts li{width:33%;float:left;padding:0 10px;margin-bottom:36px;}
#allproducts ul li:first-chidld{padding-left:0;}
#allproducts h2{color:#111;font-size:24px;border-bottom:solid 1px #f70000;padding-bottom:.4em;}
#allproducts .producttitle{font-size:1.2em;padding-top:1em;font-weight:500;text-align:center;}
#allproducts .productdescription{color:#111;font-size:16px;padding:20px 0;}


#productscontainer .catdescription{color:#333;font-size:16px;padding:20px 0;margin-bottom:20px;border-bottom:solid 1px #f70000;}
#productscontainer li{width:100%;clear:both;margin-bottom:30px;border-bottom:dotted 1px #111;padding-bottom:20px;position:relative;}


#productscontainer .productdown{position:absolute;bottom:2em;}


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

#prodetailcontainer{}
#prodetailcontainer h1{font-size:1.8em;}
#prodetailcontainer .prodetailpage-main{padding-bottom:2em;}


.productdetailimgthumb{cursor:pointer;}
#productdetailimgsbox .smallP{border:2px solid transparent;}
#productdetailimgsbox .on{border:2px solid #faa000;}

#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 .container{overflow-x:auto;}
.prodnavtab{background:#fff;padding-top:8px;position:relative;z-index:99;border-bottom: 1px solid #faa000;}
.prodnavtab.on{position:fixed;top:68px;width:100%;}
.prodnavtabul{list-style:none;margin:0;padding:0;display: flex;flex-direction: row; flex-wrap: nowrap;}
.prodnavtabul .prodnavtabli{display:inline-block;cursor:pointer;color:#faa000;padding:0 16px;height:40px;line-height:40px;background:#eee;font-weight:bold;margin-right:4px;white-space:nowrap;}
.prodnavtabul .prodnavtabli.on{background:#faa000;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;}

@media all and (max-width: 768px) {
    .prodnavtab .container::-webkit-scrollbar {width: 0;height:0;}
}



.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: #e0e0e0; color: #333;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{coldor:#faa000;}



.iesicon{width:6em;display:inline-block;margin:0 1em 1em 0;}



.productCon.specification {background: #eee;} 

.specification_color_Pwrap{position:relative;}

.specification_inner {position: relative;margin: 0 auto;}
.specification_detail_default {padding: 55px 0;}
.specification_detail_default h2 {margin-bottom: 55px;font-size: 16px;font-weight: 700;color: #f6a700;}
.specification_detail_default_inner {}
.specification_detail_default_inner.specification_curve img {margin-bottom: 20px;}

.specification_color_S {position: relative;z-index: 9;float: left;width: 57px;margin: 0 78px 50px 0;text-align: center;cursor: pointer;}
.specification_color_S span {display: block;position: relative;width: 57px;height: 57px;margin-bottom: 16px;font-size: 16px;font-weight: 300;color: #171717;border-radius: 50%;border: 1px solid #d2d2d2;}
.specification_color_S.on span:before {content: '';display: block;position: absolute;top: -6px;left: -6px;width: 65px;height: 65px;border-radius: 50%;border: 1px solid #bbb;}
.specification_color_SC div:nth-child(3n) {margin-right: 0;}
.specification_color_SC div .specification_color_S_W {background: #fff;}
.specification_color_SC div .specification_color_S_B {background: #000;}
.specification_color_SC div .specification_color_S_R {background: #ce0000;}
.specification_color_SC div .specification_color_S_Br {background: #3c3228;}
.specification_color_SC div .specification_color_S_S {background: #ededed;}
.specification_color_P {text-align: right;}

.specification_data table{width: 100%;}
.specification_data table tr td,.specification_data table tr th{padding: 9px 0;text-align: center;color: #171717;}
.specification_data table tr th{max-width: 100px;font-size: 12px;font-weight: 400;text-align: left;border-bottom: 1px solid #dbdbdb;border-right: 1px solid #b9b9b9;}
.specification_data table tr td{font-size: 12px;font-weight: 400;color: #797979;border-bottom: 1px solid #dbdbdb;}
.specification_data table tr .data_classification {padding: 18px 0 28px 0;font-size: 14px;font-weight: 700;border-bottom: none;}
.specification_data table tr:nth-child(1) th {border-bottom: 1px solid #b9b9b9;}
.specification_data table tr:nth-child(1) td {border-bottom: 1px solid #b9b9b9;font-size: 14px;font-weight: 400px;color: #171717;}
.specification_data table tr:nth-last-child(1) th,.specification_data table tr:nth-last-child(1) td {border-bottom: none;}
.specification_data table .data_bottomLine th,.specification_data table .data_bottomLine td {border-bottom: 1px solid #b9b9b9;}

.specification_h3 a {display:inline-block;width:5em;}
.specification_h3.installation a img {width: 180px;margin: -50px 10px 100px 0;}
.specification_h3 h3 {float: left;margin-right: 36px;font-size: 14px;font-weight: 700;color: #171717;}




/*************application**************/

#applicationlistcontainer .applicationtitle{text-align:center;}
#applicationlistcontainer .applicationbrief{padding:2em 0;}
#applicationlistcontainer .application-item{padding-bottom:2em;}
#applicationlistcontainer .application-item h4{padding-top:.4em;font-size:1.2em;}

#applicationdetailpage  .applicationimg{margin-top:1em;}

@media all and (min-width: 1124px) {
    #applicationdetailpage  .applicationimg{widdth:60%;}
}
@media all and (max-width: 720px) {
    #applicationdetailpage .applicationtitle{padding-top:1em;}
}



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

.articlelist{background:#f7f9fb;}

.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;}






.bannerwrap{position:relative;min-height:500px;}
.bannertxtwrap{padding:8% 0;color:#fff;position: relative;z-index: 1;}

.bannerimgwrap {position:absolute;top:0;bottom:0;width:100%;}
.bannerimgbox {height:100%;position: relative;}
.bannerimgwrap img{object-fit: cover;object-position: 50% 90%;height:100%;width:100%;}
.bannerimgbox::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background: rgba(0,0,0,.2);}

.bannertxtinner h1{margin-bottom: .4em;font-weight: 900;font-size: 3.2em;}
.bannerdesc{color:#eee;font-size: 1.125em;font-weight: 400;}
.bannerdesc p{margin-bottom: 0;}
.bannertxtinner{backdground: rgba(0,0,0,.4);max-width:66%;padding:1em 0;margin:0 auto;display:inline-block;}

@media screen and (max-width: 768px) {
    .bannerwrap{min-height:unset;}
    .bannertxtinner h1{font-size: 2em;}
    .bannertxtwrap{color:inherit;padding: 10px 0;}
    .bannerdesc{color:inherit;font-weight: 300;font-size: 1em;}

    .bannerimgwrap {position:relative;}
.bannerimgbox {height:160px;position: relative;overflow: hidden;}
.bannerimgwrap img{object-fit: cover;object-position: 50% 40%;height:100%;width:100%;}
.bannerimgbox::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;backgrodund: rgba(0,0,0,.12);}
}


.btn-primary{background-color: #f5a400;border-color: #f5a400;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color: #88d739 !important;border-color: #88d739 !important;}

.listitem .listitema{display:block;height:100%;}
.listitem h4{font-weight: 400;font-size:1.135em;-webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
.listitem .itemimg{overflow: hidden;margin:0 auto;position: relative;border-radius: 2px;}
.listitem .itemimg img{transition: all .2s ease-in-out;}
.listitem .listitema:hover .itemimg img{transform: scale(1.02);opacity:.9;}

.hoverscalewrap{overflow: hidden;}
.hoverscaleimg{transition: all .2s ease-in-out;}
.hoverscaleimg:hover{transform: scale(1.02);opacity:.9;}

@media all and (max-width: 1000px) {
    .bannertxtinner{max-width:100%;;padding:1em;}
    .bannertxtwrap{font-size: .85em;}
    .bannertxtwrap h1{font-size:2em;}
    .listitem h4{font-size: 1em;font-weight: 400;}
}
@media all and (max-width: 560px) {
    .slistitem h4{font-size: .85em;}
}

.bannerbreadcrumb{position: relative;z-index: 0;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{background-color:#fff ;top:50%;width:48px;height:48px;    text-align: center;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%);
    border: 0;margin-top: -24px;border-radius: 50em;background-size: 18px 18px;background-repeat: no-repeat;opacity:.6;}

.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background-color: #fff;background-size: 18px 18px;box-shadow: 0 2px 5px 0 rgb(137 183 66 / 58%);}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev:hover{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23555555' d='M192 448c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l137.4 137.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448z'/%3E%3C/svg%3E");left:4px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next:hover{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23555555' d='M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z'/%3E%3C/svg%3E");right:4px;}




.card{border:none;}
img,video,iframe{max-width:100%;}

.go2-setion{margin:0;padding-left:0;padding-right:0;}
.go2-hero-setion{min-height: 600px;display: flex;align-items: center;position: relative;}
.go2-hero-image-container{position:absolute;left:0;right:0;top:0;bottom:0;}
.go2-hero-image{object-fit: cover;width:100%;height:100%;z-index:0;}
.go2-hero-container{z-index:2;position: relative;}
.go2-hero-container .row{justify-content: center}
.go2-hero-button .btn{margin:8px;}
.go2-hero-button .btn:first-child{margin-left:0;}
.go2-hero-button .btn:last-child{margin-right:0;}
.go2-hero-title{font-size:4em;font-weight:bold;}
.go2-hero-text{padding:1em 0;font-size:1.4em;}



.col-13,.col-26,
.col-23,.col-46,
.col-14,.col-28,
.col-24,.col-36,.col-48,
.col-34,.col-68,
.col-15,
.col-25,
.col-35,
.col-45,
.col-16,
.col-56,
.col-17,
.col-27,
.col-37,
.col-47,
.col-57,
.col-67,
.col-18,
.col-38,
.col-58,
.col-78,
.col-sm-13,.col-sm-26,
.col-sm-23,.col-sm-46,
.col-sm-14,.col-sm-28,
.col-sm-24,.col-sm-36,.col-sm-48,
.col-sm-34,.col-sm-68,
.col-sm-15,
.col-sm-25,
.col-sm-35,
.col-sm-45,
.col-sm-16,
.col-sm-56,
.col-sm-17,
.col-sm-27,
.col-sm-37,
.col-sm-47,
.col-sm-57,
.col-sm-67,
.col-sm-18,
.col-sm-38,
.col-sm-58,
.col-sm-78,
.col-md-13,.col-md-26,
.col-md-23,.col-md-46,
.col-md-14,.col-md-28,
.col-md-24,.col-md-36,.col-md-48,
.col-md-34,.col-md-68,
.col-md-15,
.col-md-25,
.col-md-35,
.col-md-45,
.col-md-16,
.col-md-56,
.col-md-17,
.col-md-27,
.col-md-37,
.col-md-47,
.col-md-57,
.col-md-67,
.col-md-18,
.col-md-38,
.col-md-58,
.col-md-78,
.col-lg-13,.col-lg-26,
.col-lg-23,.col-lg-46,
.col-lg-14,.col-lg-28,
.col-lg-24,.col-lg-36,.col-lg-48,
.col-lg-34,.col-lg-68,
.col-lg-15,
.col-lg-25,
.col-lg-35,
.col-lg-45,
.col-lg-16,
.col-lg-56,
.col-lg-17,
.col-lg-27,
.col-lg-37,
.col-lg-47,
.col-lg-57,
.col-lg-67,
.col-lg-18,
.col-lg-38,
.col-lg-58,
.col-lg-78,
.col-xl-13,.col-xl-26,
.col-xl-23,.col-xl-46,
.col-xl-14,.col-xl-28,
.col-xl-24,.col-xl-36,.col-xl-48,
.col-xl-34,.col-xl-68,
.col-xl-15,
.col-xl-25,
.col-xl-35,
.col-xl-45,
.col-xl-16,
.col-xl-56,
.col-xl-17,
.col-xl-27,
.col-xl-37,
.col-xl-47,
.col-xl-57,
.col-xl-67,
.col-xl-18,
.col-xl-38,
.col-xl-58,
.col-xl-78,
.col-xxl-13,.col-xxl-26,
.col-xxl-23,.col-xxl-46,
.col-xxl-14,.col-xxl-28,
.col-xxl-24,.col-xxl-36,.col-xxl-48,
.col-xxl-34,.col-xxl-68,
.col-xxl-15,
.col-xxl-25,
.col-xxl-35,
.col-xxl-45,
.col-xxl-16,
.col-xxl-56,
.col-xxl-17,
.col-xxl-27,
.col-xxl-37,
.col-xxl-47,
.col-xxl-57,
.col-xxl-67,
.col-xxl-18,
.col-xxl-38,
.col-xxl-58,
.col-xxl-78{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 auto;
}

.col-13,.col-26{flex-basis:33.333333%; max-width:33.333333%;}
.col-23,.col-46{flex-basis:66.666667%; max-width:66.666667%;}
.col-14,.col-28{flex-basis:25%; max-width:25%;}
.col-24,.col-36,.col-48{flex-basis:50%; max-width:50%;}
.col-34,.col-68{flex-basis:75%; max-width:75%;}
.col-15{flex-basis:20%; max-width:20%;}
.col-25{flex-basis:40%; max-width:40%;}
.col-35{flex-basis:60%; max-width:60%;}
.col-45{flex-basis:80%; max-width:80%;}
.col-16{flex-basis:16.666667%; max-width:16.666667%;}
.col-56{flex-basis:83.333333%; max-width:83.333333%;}
.col-17{flex-basis:14.285714%; max-width:14.285714%;}
.col-27{flex-basis:28.571428%; max-width:28.571428%;}
.col-37{flex-basis:42.8571428%; max-width:42.8571428%;}
.col-47{flex-basis:57.142857%; max-width:57.142857%;}
.col-57{flex-basis:71.428571%; max-width:71.428571%;}
.col-67{flex-basis:85.714285%; max-width:85.714285%;}
.col-18{flex-basis:12.5%; max-width:12.5%;}
.col-38{flex-basis:37.5%; max-width:37.5%;}
.col-58{flex-basis:62.5%; max-width:62.5%;}
.col-78{flex-basis:87.5%; max-width:87.5%;}

@media (min-width: 576px) {
    .col-sm-13,.col-sm-26{flex-basis:33.333333%; max-width:33.333333%;}
    .col-sm-23,.col-sm-46{flex-basis:66.666667%; max-width:66.666667%;}
    .col-sm-14,.col-sm-28{flex-basis:25%; max-width:25%;}
    .col-sm-24,.col-sm-36,.col-sm-48{flex-basis:50%; max-width:50%;}
    .col-sm-34,.col-sm-68{flex-basis:75%; max-width:75%;}
    .col-sm-15{flex-basis:20%; max-width:20%;}
    .col-sm-25{flex-basis:40%; max-width:40%;}
    .col-sm-35{flex-basis:60%; max-width:60%;}
    .col-sm-45{flex-basis:80%; max-width:80%;}
    .col-sm-16{flex-basis:16.666667%; max-width:16.666667%;}
    .col-sm-56{flex-basis:83.333333%; max-width:83.333333%;}
    .col-sm-17{flex-basis:14.285714%; max-width:14.285714%;}
    .col-sm-27{flex-basis:28.571428%; max-width:28.571428%;}
    .col-sm-37{flex-basis:42.8571428%; max-width:42.8571428%;}
    .col-sm-47{flex-basis:57.142857%; max-width:57.142857%;}
    .col-sm-57{flex-basis:71.428571%; max-width:71.428571%;}
    .col-sm-67{flex-basis:85.714285%; max-width:85.714285%;}
    .col-sm-18{flex-basis:12.5%; max-width:12.5%;}
    .col-sm-38{flex-basis:37.5%; max-width:37.5%;}
    .col-sm-58{flex-basis:62.5%; max-width:62.5%;}
    .col-sm-78{flex-basis:87.5%; max-width:87.5%;}
}

@media (min-width: 768px) {
    .col-md-13,.col-md-26{flex-basis:33.333333%; max-width:33.333333%;}
    .col-md-23,.col-md-46{flex-basis:66.666667%; max-width:66.666667%;}
    .col-md-14,.col-md-28{flex-basis:25%; max-width:25%;}
    .col-md-24,.col-md-36,.col-md-48{flex-basis:50%; max-width:50%;}
    .col-md-34,.col-md-68{flex-basis:75%; max-width:75%;}
    .col-md-15{flex-basis:20%; max-width:20%;}
    .col-md-25{flex-basis:40%; max-width:40%;}
    .col-md-35{flex-basis:60%; max-width:60%;}
    .col-md-45{flex-basis:80%; max-width:80%;}
    .col-md-16{flex-basis:16.666667%; max-width:16.666667%;}
    .col-md-56{flex-basis:83.333333%; max-width:83.333333%;}
    .col-md-17{flex-basis:14.285714%; max-width:14.285714%;}
    .col-md-27{flex-basis:28.571428%; max-width:28.571428%;}
    .col-md-37{flex-basis:42.8571428%; max-width:42.8571428%;}
    .col-md-47{flex-basis:57.142857%; max-width:57.142857%;}
    .col-md-57{flex-basis:71.428571%; max-width:71.428571%;}
    .col-md-67{flex-basis:85.714285%; max-width:85.714285%;}
    .col-md-18{flex-basis:12.5%; max-width:12.5%;}
    .col-md-38{flex-basis:37.5%; max-width:37.5%;}
    .col-md-58{flex-basis:62.5%; max-width:62.5%;}
    .col-md-78{flex-basis:87.5%; max-width:87.5%;}
}

@media (min-width: 992px) {
    .col-lg-13,.col-lg-26{flex-basis:33.333333%; max-width:33.333333%;}
    .col-lg-23,.col-lg-46{flex-basis:66.666667%; max-width:66.666667%;}
    .col-lg-14,.col-lg-28{flex-basis:25%; max-width:25%;}
    .col-lg-24,.col-lg-36,.col-lg-48{flex-basis:50%; max-width:50%;}
    .col-lg-34,.col-lg-68{flex-basis:75%; max-width:75%;}
    .col-lg-15{flex-basis:20%; max-width:20%;}
    .col-lg-25{flex-basis:40%; max-width:40%;}
    .col-lg-35{flex-basis:60%; max-width:60%;}
    .col-lg-45{flex-basis:80%; max-width:80%;}
    .col-lg-16{flex-basis:16.666667%; max-width:16.666667%;}
    .col-lg-56{flex-basis:83.333333%; max-width:83.333333%;}
    .col-lg-17{flex-basis:14.285714%; max-width:14.285714%;}
    .col-lg-27{flex-basis:28.571428%; max-width:28.571428%;}
    .col-lg-37{flex-basis:42.8571428%; max-width:42.8571428%;}
    .col-lg-47{flex-basis:57.142857%; max-width:57.142857%;}
    .col-lg-57{flex-basis:71.428571%; max-width:71.428571%;}
    .col-lg-67{flex-basis:85.714285%; max-width:85.714285%;}
    .col-lg-18{flex-basis:12.5%; max-width:12.5%;}
    .col-lg-38{flex-basis:37.5%; max-width:37.5%;}
    .col-lg-58{flex-basis:62.5%; max-width:62.5%;}
    .col-lg-78{flex-basis:87.5%; max-width:87.5%;}
}

@media (min-width: 1200px) {
    .col-xl-13,.col-xl-26{flex-basis:33.333333%; max-width:33.333333%;}
    .col-xl-23,.col-xl-46{flex-basis:66.666667%; max-width:66.666667%;}
    .col-xl-14,.col-xl-28{flex-basis:25%; max-width:25%;}
    .col-xl-24,.col-xl-36,.col-xl-48{flex-basis:50%; max-width:50%;}
    .col-xl-34,.col-xl-68{flex-basis:75%; max-width:75%;}
    .col-xl-15{flex-basis:20%; max-width:20%;}
    .col-xl-25{flex-basis:40%; max-width:40%;}
    .col-xl-35{flex-basis:60%; max-width:60%;}
    .col-xl-45{flex-basis:80%; max-width:80%;}
    .col-xl-16{flex-basis:16.666667%; max-width:16.666667%;}
    .col-xl-56{flex-basis:83.333333%; max-width:83.333333%;}
    .col-xl-17{flex-basis:14.285714%; max-width:14.285714%;}
    .col-xl-27{flex-basis:28.571428%; max-width:28.571428%;}
    .col-xl-37{flex-basis:42.8571428%; max-width:42.8571428%;}
    .col-xl-47{flex-basis:57.142857%; max-width:57.142857%;}
    .col-xl-57{flex-basis:71.428571%; max-width:71.428571%;}
    .col-xl-67{flex-basis:85.714285%; max-width:85.714285%;}
    .col-xl-18{flex-basis:12.5%; max-width:12.5%;}
    .col-xl-38{flex-basis:37.5%; max-width:37.5%;}
    .col-xl-58{flex-basis:62.5%; max-width:62.5%;}
    .col-xl-78{flex-basis:87.5%; max-width:87.5%;}
}

@media (min-width: 1400px) {
    .col-xxl-13,.col-xxl-26{flex-basis:33.333333%; max-width:33.333333%;}
    .col-xxl-23,.col-xxl-46{flex-basis:66.666667%; max-width:66.666667%;}
    .col-xxl-14,.col-xxl-28{flex-basis:25%; max-width:25%;}
    .col-xxl-24,.col-xxl-36,.col-xxl-48{flex-basis:50%; max-width:50%;}
    .col-xxl-34,.col-xxl-68{flex-basis:75%; max-width:75%;}
    .col-xxl-15{flex-basis:20%; max-width:20%;}
    .col-xxl-25{flex-basis:40%; max-width:40%;}
    .col-xxl-35{flex-basis:60%; max-width:60%;}
    .col-xxl-45{flex-basis:80%; max-width:80%;}
    .col-xxl-16{flex-basis:16.666667%; max-width:16.666667%;}
    .col-xxl-56{flex-basis:83.333333%; max-width:83.333333%;}
    .col-xxl-17{flex-basis:14.285714%; max-width:14.285714%;}
    .col-xxl-27{flex-basis:28.571428%; max-width:28.571428%;}
    .col-xxl-37{flex-basis:42.8571428%; max-width:42.8571428%;}
    .col-xxl-47{flex-basis:57.142857%; max-width:57.142857%;}
    .col-xxl-57{flex-basis:71.428571%; max-width:71.428571%;}
    .col-xxl-67{flex-basis:85.714285%; max-width:85.714285%;}
    .col-xxl-18{flex-basis:12.5%; max-width:12.5%;}
    .col-xxl-38{flex-basis:37.5%; max-width:37.5%;}
    .col-xxl-58{flex-basis:62.5%; max-width:62.5%;}
    .col-xxl-78{flex-basis:87.5%; max-width:87.5%;}
}


#prodcatpage .subcattitle{font-size: 1.4em;padding-top:1.5em;}
    #prodcatpage .productslist .productattr .prodattrli{line-height:1.2em;margin-top:1em;}
    #prodcatpage .productslist .productattr .prodattrli dt{float:left;width:5.4em;text-align:right;padding-right:6px;}
    #prodcatpage .productslist .productattr .certicon-item{width:3em;display:inline-block;}
    #prodcatpage .productslist .productattr .iconcontainer{padding-top:8px;}
    #prodcatpage .productscontainer .productattr ul{list-style:disc;}
    #prodcatpage .productscontainer .productattr ul li{border-bottom:none;margin-bottom:0;padding-bottom:6px;}

    #prodleftnav{padding:10px;background:#fff;bordder-right: 1px solid #eee;box-shdadow: 0 0 12px #0000001a;    
        padding: 8px 0;margin-top:8px;
        z-index: 9;didsplay: none;}
    #prodleftnavul{list-style: none;margin:0;padding:0;}
    #prodcatpage .prodleftnavitem{padding:4px .75em;color:#4b566b;font-weight: 500;display: inline-block;border-bottom: 1px dotted #c5acac;}
    #prodcatpage .prodleftsubnavitema.active{color:#f5a400;}
    #prodcatpage .prodleftnavitema{padding-left:.375em;display: flex;
        bordder: 1px solid #dadada;
        padding: 0.6em;
        font-weight: 600;}
    #prodcatpage .prodleftnavitema:hover{color:inherit;opacity: .6;}

    .prodleftsubnav{padding-bottom: 1em;list-style: none; padding-left: 1.8em;}
    .prodleftsubnav.inactive{display: none;}
    .prodleftsubnavitem{text-align:left;line-height:1.75em;white-space: nowrap;}
    .prodleftnavbox{overflow-y: auto;}
    #prodcatpage .prodleftnavbox{position:sticky;position:-webkit-sticky; top:120px;max-height: calc(100vh - 128px);}
    #prodcatpage .prodleftnavbox h2{font-size: 1.375em;margin-top:16px;}

    #prodcatpage .prodleftnavbox {
        scrollbar-width: auto;
        scrollbar-color: #f5a400 #ffffff;
    }

    #prodcatpage .prodleftnavbox::-webkit-scrollbar {
        width: 8px;
    }

    #prodcatpage .prodleftnavbox::-webkit-scrollbar-track {
        background: #ffffff;
    }

    #prodcatpage .prodleftnavbox::-webkit-scrollbar-thumb {
        background-color: #f5a400;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }

    #homepage .prodleftnavbox{border-bottom: 1px dotted #f5a400;border-top: 1px dotted #f5a400;}
    .adnocsection{background-image: url(/exfiles/images/adnoc-approved-bg.webp);background-size: cover;background-position: center center;}
    .adnocsection h2{font-size: 2.8em;padding-bottom: 0;padding-top:1em;}
    .adnocsection h5{font-size: 1.4em;color:#f39700;font-weight: 800;padding-bottom: 1em;}
    .adnocsection p{font-weight: 500;}

    @media (max-width: 768px) {
        .adnocsection h2{font-size: 2.5em;}
        .adnocsection h5{font-size: 1.25em;}
    }

    #prodcatpage .contentwrap{background: #f5f5f5;position: relative;}

    #prodcatpage .prodlistgridicon{cursor: pointer;padding-left:4px;}
    #prodcatpage .prodlistgridicon.active{color:#f5a400;cursor: pointer;}

    #prodcatpage .proditem{padding:8px;}


    #prodcatpage .productscontainer[data-grid="list"] .proditem .itemimg{text-align: center;width:220px;position: relative;}
    #prodcatpage .productscontainer[data-grid="list"] .proditem .itemimg img{widdth:260px;}
    #prodcatpage .productscontainer[data-grid="list"] .proditeminner{padding:8px;border-radius: 4px;background: #fff;height: 100%;display:flex;}
    #prodcatpage .productscontainer[data-grid="list"] .proditeminner .prodinfo{padding:8px 16px 8px 32px;flex-grow: 1;}
    #prodcatpage .productscontainer[data-grid="list"] .proditeminner .itemimg{flex: 0 0 auto;}
    #prodcatpage .productscontainer[data-grid="list"] .proditeminner .proddesc{flex: 0 0 auto;}

    #prodcatpage .productscontainer[data-grid="grid"] .proditem{padding:8px;}
    #prodcatpage .productscontainer[data-grid="grid"] .proditem .itemimg{text-align: center;position: relative;}
    #prodcatpage .productscontainer[data-grid="grid"] .proditem .itemimg::afdter{background-color: rgba(0, 0, 0, .04); 
    box-sizing: border-box;
    content: "";
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%;}
    #prodcatpage .productscontainer[data-grid="grid"] .proditem .itemimg img{widdth:68%;}
    #prodcatpage .productscontainer[data-grid="grid"] .proditeminner{padding:1em;border-radius: 4px;background: #fff;height: 100%;}
    #prodcatpage .productscontainer[data-grid="grid"] .proditeminner .proddesc{displday: none;}
    #prodcatpage .proditeminner .proddesc{color: #6a7282;font-weight:400;font-size: .9em;-webkit-line-clamp: 4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;}

    #prodcatpage h4.producttitle{font-size: 1.1em;margin-top: 0;text-align: left;padding-top:8px;font-weight: 400;}
    #prodcatpage .listitem .listitema{position: relative;}
    #prodcatpage .listitem .listitema .itemimg{position:relative;}
    #prodcatpage .prodnew{position:absolute;right:0;top:0;z-index: 1;background: #f5a400;color:#fff;    background: #f5a400;
        color: #fff;
        padding: 0 6px;
        line-height: 1.4em;
        height: 1.4em;
        font-weight: 600;font-size: 13px;
        border-radius: 4px;font-style: italic;}
    
    #prodcatpage .prodlevel{position:absolute;left:0;top:0;z-index: 1;background: #f5a400;color:#fff;
        color: #fff;
        padding: 0 6px;
        line-height: 1.4em;
        height: 1.4em;
        font-weight: 400;font-size: 12px;
        border-radius: 4px;font-style: italic;}
    #prodcatpage .prodlevel_T1{background:#4fad2f;}
    #prodcatpage .prodlevel_T2{background:#0073ce;}
    #prodcatpage .prodlevel_T3{background:#7d7e82;}
    #prodcatpage .prodtaglist{position:sticky;position:-webkit-sticky; top:100px;z-index: 2;padding:0 8px;}
    #prodcatpage .prodtaglistinner{flex-wrap: wrap;background: #fff;display: flex;margin-left:-15px;margin-right:-15px;padding:4px 0;max-height:80px;overflow: hidden;}
    #prodcatpage .prodtagitem{    border-radius: 6px;font-size: .825em;
        padding: 4px 8px;white-space: nowrap;
        color: #424242;
        font-weight: 400;
        margin: 4px;
        border: 1px solid #d8d8d8;display: inline-block;}
    #prodcatpage .prodtagitem.active{color:#f5a400;background: #f5f5f5;}
    #homepage .prodleftnavbox{display: none;}
    @media all and (max-width: 560px) {
        #prodcatpage h4.producttitle{font-size: .85em;font-weight: 400;}
        #prodcatpage .proditem .itemimg img{width:100%;}
    }

    @media all and (min-width: 1300px){
        #prodcatpage .container-xl {
            max-width: 1280px;
        }
    }

    @media all and (max-width: 1200px) {
        #prodcatpage h4.producttitle{font-size: 1em;font-weight: 400;}
        #prodleftnav{top:68px;position: -webkit-sticky; position: sticky;display: block;}
        #prodcatpage .prodleftnavbox{overflow-x: auto;}
        #prodcatpage .prodleftnavitem{padding:4px;}
        #homepage .prodleftnavitem{padding-top:8px;}
        .prodleftnavitema{white-space: nowrap;border:none;}
        #prodcatpage .prodleftnavbox::-webkit-scrollbar {width: 0;height:0;}
        #prodcatpage .productscontainer[data-grid="list"] .proditem .itemimg{width:180px;}
        #prodcatpage .proddesc{-webkit-line-clamp: 4;overflow: hidden;  display: -webkit-box;-webkit-box-orient: vertical;}
        #prodcatpage .prodtaglist{top:145px;overflow-x: auto;}
        #prodcatpage .prodtaglistinner{flex-wrap: nowrap;flex-direction: row;max-height:auto;overflow: auto;}
        #prodcatpage .prodtagmorebtnwrap{display: none;}
    }

    @media all and (max-width: 768px) {
        #prodleftnavul{flex-direction: row;flex-wrap: nowrap;}
        .prodleftsubnavitema{padding-right: .8em;font-size: .9em;font-weight: 400;}
        #prodcatpage .prodleftnavitem.active{border-bottom:2px solid #f5a400;}
        .prodleftnavitem{border-right: solid 1px #eee;}
        .prodleftnavitem:last-child{border-right: none;}
        .prodleftnavitemicon{display: none;}
        .prodleftsubnav{padding-left:1.2em;}
        #prodleftnav{position:static;}
        #homepage .prodleftnavbox{display: block;}
    }

    @media all and (max-width: 500px) {
        #prodcatpage .productscontainer[data-grid="list"] h4.producttitle{font-size: 1.1em;font-weight: 400;}
        #prodcatpage .productscontainer[data-grid="list"] .proditeminner{flex-direction: column;}
        #prodcatpage .productscontainer[data-grid="list"] .proditem .itemimg{width:66%;}
        #prodcatpage .productscontainer[data-grid="list"] .proditeminner .prodinfo{padding:8px;}
    }

    #prodcatpage .prodattr{padding:4px 0;}
    #prodcatpage .prodattritem{background: #51442c;color:#fff;}

    #prodcatpage .prodtagmorebtnwrap{background: #fff;cursor: pointer;margin-left: -15px;
    margin-right: -15px;}
    #prodcatpage .prodtagmorebtnwrap:hover{background: #eee;}

.prodcatdetail{height:220px;overflow: hidden;position: relative;}
#showfullcontent{position:relative;cursor: pointer;z-index: 20;padding:0;margin-top:-200px;text-align: center;}
#showfullcontent .read_more_mask {
    height: 200px;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 60%);
}

#showfullcontent .read_more_text {
    position: absolute;
    width: 100%;
    bottom: .6rem;
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1.25em;
    color:#f5a400;
}



@media (min-width: 1320px){
.container {
    max-width: 1320px;
}
}

.headernav-r {
    float: right;
}
/*****top nav ******/

.go2-nav{list-style:none;padding:0;margin:0;height:100%;display: inline-block;}
.go2-nav .go2-nav-item{display:inline-block;height:100%;}
.go2-nav .go2-nav-link{color:#77838f;white-space: nowrap;text-decoration:none;}
.go2-nav .go2-nav-link:hover{color:#f5a400;}
.go2-nav-item > .go2-nav-link{display:inline-block;padding:0 .8em;font-weight:500;}
.go2-nav .go2-nav-link>.fas{padding: .4em 0 0 .1em;font-size:.8em;}
.go2-dropdown-nav{position:relative;}
.go2-subnav{position:absolute;top:100%;left:0;margin:0;padding:0;}
.go2-dropdown-nav .go2-subnav{border-top:3px solid #f5a400;background:#fff;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;box-shadow: 0 8px 20px rgba(55, 125, 255, 0.075);padding-bottom:1em;list-style: none;}

.go2-dropdown-nav .go2-subnav-item{display:block;height:2.5em;line-height: 2.5em;}
.go2-dropdown-nav .go2-subnav-item:hover{background: #f0f0f0;}
.go2-dropdown-nav .go2-subnav .go2-nav-link{width:inherit;line-height:2.5em;padding:0 1em; display: block;}

.go2-nav-mega .go2-subnav{position:relative;border-top:3px solid #f5a400;padding-top:1em;}


.go2-subnav-container{position:absolute;left:0;top:100%;z-index:999;display:none;width:max-content;background:#fff;border-radius: 3px;box-shadow: 0 15px 30px rgba(0,0,0,0.1);}


.go2-dropdown-nav .go2-subnav-container{border-top:0;display:none;}

.go2-nav-mega .go2-subnav-item{display: inline-block;text-align: center;}
.go2-nav-mega .go2-subnav-item h4{font-size: 1.06em;margin: 4px;font-weight: 500;color:inherit;}

.go2-dropdown-nav .prodheaderdnav{display: block;}
.prodheadernav > div{border-top:3px solid #f5a400;}
.prodheadernav h5{font-size: 1.125em;white-space: nowrap;}
.prodheadernav .go2-sdubnav{padding-left: 0;}
.prodheadernav .go2-sdubnav .go2-nav-link{font-size:.9em;font-weight: 500;padding:0 8px;display: block;}
.prodheadernav .prodheadernavtype{border-right:1px dotted #f5a400;width: max-content;}
.prodheadernav .prodheadernavtype:last-child{border-right:none;}
.go2-dropdown-nav .prodheadernav  .go2-subnav-item{height: 2.2em;line-height: 2.2em;}

@media all and (min-width: 768px) {
    .go2-nav-mega:hover  .go2-subnav-container, .go2-dropdown-nav:hover .go2-subnav-container {display:block;}
}

@media all and (max-width: 760px) {
    body{font-size: 14px;}
    .breadcrumb{display:none;}
    .prodheadernav .prodheadernavtype{width:100%;}
}

.topnavract {display: none;position: fixed; right: 20px; top: 0;line-height: 68px;}
.atopnavract{height:80px;}
        #resmenuicon {
            dtop:50%;
        }

#resmenuicon {display: none; }

#resmenuicon,
#resmenuicon::after,
#resmenuicon::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 20px;
    height: 2px;
    transition: transform 0.2s ease-out;
    background: #000
}
#resmenuicon::after,
#resmenuicon::before {
    content: "";
    position: absolute;
    top: -6px
}
#resmenuicon::after {
    top: 6px
}
#resmenuicon.naviconopen{height:0;}
#resmenuicon.naviconopen::before{transform:rotate(45deg) translate(4px,4px);}
#resmenuicon.naviconopen::after{transform:rotate(-45deg) translate(5px,-5px);}

@media all and (max-width: 1200px) {
    .topnavract {position: fixed; right: 20px; top: 0;display:inline-flex; }
    #resmenuicon {display: inline-block;font-size:1em; padding-left:10px;}
    #resmenuicon:hover {color:inherit !important; }
    
    .go2-nav {position: fixed; top: 68px; left: 50px; right:0; background: #fff;display: none;border-top:3px solid #f5a400;overflow-y:auto;height:calc(100vh - 80px) }
    .go2-nav .go2-nav-item {display: block; text-align: left; height: auto; line-height:3em; width:100%; }
    .go2-nav .go2-nav-item .go2-nav-link {display: block; }
    .go2-nav .go2-nav-item .go2-nav-link  .pcsublinkicon {display: none; }
    .xx-subnavlink .mobilesublinkicon{display: inline-block;position: absolute;top:0;line-height: 3em;right:30px;}
    .headernavbackdrop{background: rgba(15, 23, 42, .25);
        height: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        top: var(--headerheight);}
    .go2-dropdown-nav .go2-subnav-container{position:relative;top:auto;box-shadow:none;}
    .go2-dropdown-nav .go2-subnav{position:relative;top:auto;box-shadow:none;}
}


#back2top{position:fixed;bottom:10px;right:10px;display:inline-block;z-index:999;font-size:3em;color:#adb5bd;display:none}#back2top:hover{color:#b7d200}


.go2-dpnav-r .go2-subnav{right:0;left:unset;}


.greybg{background-color: #f5f5f5;}

.text-justify{text-align: justify}


.titleline{display: block;white-space: nowrap;}

#homepage .homebanner{height: 80vh;position: relative;}
#homepage .homebannerimgwrap{height: 100%;position: relative;}
#homepage .homebannerimgwrap::after{content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.12);}
#homepage .homebannerimgwrap img{height: 100%;width: 100%;object-fit: cover;object-position: center bottom;}

#homepage .homebannercontentwrap{color:#fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
#homepage .homebannercontentwrap .txtcontainer{max-width: 960px;}
#homepage .homebannercontentwrap h1{color:#fff;font-weight: 800;font-size: 3.2em;}
#homepage h2{font-weight: 700;font-size: 2em;padding-bottom: 1em;}
#homepage .titlewrap{max-width: 900px;font-weight: 400;}
#homepage p{font-weight: 400;color:rgba(1, 22, 39, 0.75);}

#homepage .proddesc{font-size:.9em;}

#homepage .productsection .listitem .listitema{border: 1px solid #f5f5f5;padding-bottom: 1em;border-radius: 2px;background: #f7f7f7;}
.listitem h4{margin-bottom: .5em;}

@media all and (max-width: 1100px) {
    #homepage .homebannercontentwrap h1{font-size: 2.4em;}
}

@media all and (max-width: 680px) {
    #homepage .homebannercontentwrap h1{font-size: 1.4em;}
    #homepage .homebanner{height:50vh;}
    #homepage .proddesc{font-size: .86em;}
    #prodcatpage .proditeminner .proddesc{font-size: .86em;}
}


#homepage .labsection{position: relative;background: #f5f5f5;}
#homepage .labimgwrap{height: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 0;}
#homepage .labimgwrap::after{content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.12);}
#homepage .labimgwrap img{height: 100%;width: 100%;object-fit: cover;}
#homepage .labcontentwrap{position:relative;z-index: 1;}
#homepage .labcontent{background: #fff;padding: 2em;}
#homepage  .article-item .articleitem-img img {
    height: 180px;
    width: 100%;
    object-fit: cover;
    filter: brightness(0.97);
}

@media all and (max-width: 768px) {
    #homepage .labimgwrap{display: none;}
    #homepage .labcontentwrap{padding: 0;}
}
.morecatiditem{background: #f39800;}
.morecatiditem:hover{background: rgb(243, 152, .2);color:#eee;}


.prodleftnavitema{display: flex;align-items: center;justify-content: space-between;font-weight: 600;}
#prodcatpage .prodleftnavitemda::after{content: "-";display:inline-block;font-weight: 600;font-size: 2em;}


.playvideo-btn{position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 5em;
    opacity: .78;}
    .playvideo-btn:hover{color:#fff;opacity:1;}
    #videopopupwrap{position: fixed;background:#101010;left:0;top:0;width:100%;height:100%;z-index: 9999999;display: none;}
  #videopopupwrap::after{font-family: "Font Awesome 5 Free";content:"\f057";position: absolute;top:0;right:10px;cursor: pointer;color:#878787;font-size: 2em;}
  #videopopupcontent{position: absolute;max-width: 1200px;width:100%;left: 50%;top: 50%;    transform: translate(-50%, -50%);}

.applicationcontent h2{font-weight: 700;}
.applicationcontent h4{font-weight: 500;font-size: 1.125em;}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1;
    flex: 1
}