body { padding-right: 0 !important }
.navbar.navbar-default.mainNavBar{opacity:9}
.mobileStick .srch_searchbox{display:block!important}
a:focus,a:hover{outline:none;text-decoration:none}
/* top header & right Menu */
#headermain{font-size:14px;font-family:'Open Sans', sans-serif;font-weight:300;float:left;width:100%;position:relative;z-index:1060;}

#headermain>.container{ width:100%; padding:0;}
#tophead{width:100%; padding:0;}
.logotitle{color:#333;float:left;font-size:14px;font-weight:400}

#tophead #userMenu { display:flex;  justify-content: end; margin: 0; right:0;  z-index:5; height: 20px;}
#headermain.fixtop #tophead #userMenu { z-index:9999;}
#tophead .mainNavBar> .navbar-collapse{ padding:0 !important; display: flex !important; flex-wrap: nowrap; gap: 12px;}

.grey-border-bottom{ border-bottom: solid 1px var(--gray-100);}
.color-blue{ color: var(--blue-500) !important;}
#tophead .logo{ display: block; padding:0!important; margin-top: 16px;}
#tophead .topbar{ display: flex; gap: 25px; }
#tophead .topmenu{ display:flex; padding-right: 0; margin-bottom: 0px;}
#tophead .topmenu > li > a{color: var(--gray-600); font-size:16px; border-bottom:4px solid white;}
#tophead .topmenu > li:hover > a{color: var(--secondary-900) !important; border-bottom:4px solid var(--secondary-900);}
#tophead .searchSite{ margin-left:auto}
#tophead .searchboxwrapper{ position:inherit; }
#tophead .searchbox{z-index: 1050; }
#tophead .searchbox:focus{ transition: all .2s; width: 100%; height: 40px; top: -7px; position:absolute; right:0; background: white; z-index: 1050; border-radius: 8px; outline: 0; padding-left: 20px; }
.topmenu .productLi .submenu ul{ padding:4px; padding-left: 10px;}
.topmenu .applicationmenu .flexdisplay div{ padding:18px;}
.topmenu .services .submenu ul{padding-top:17px;}
.topmenu .productLi .submenu ul:hover ,.topmenu .applicationmenu .flexdisplay div:hover,.topmenu .services .submenu ul:hover{ background-color: var(--secondary-100); }
#userMenu li a i{font-size:14px; vertical-align:middle}
#userMenu li .title2{float:right;margin-right:0;line-height:15px;padding-left:10px;font-size:13px}
#userMenu li.li_cart{ padding-right:0 !important; width: 62px !important;}
#userMenu li.li_cart svg{ vertical-align: middle;}
#headermain.fixtop #userMenu li .title2,  #headermain.fixtop #userMenu li.select_lang, #headermain.fixtop #userMenu li.kg{ display:none;}
.application-header,.services h2{color: var(--gray-600); font-weight:600; font-size: 14px;}
.navbar{ min-height:0!important; margin-bottom:0; padding-top: 29px;}
.select_lang{line-height:32px}
.uder_login,#languageModal{ margin: 67px 0 0 0;}
.uder_login .modal-dialog{ width: 300px;   margin: -5px 0 0 0; position: fixed; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); left: 0; right: 0;}
.uder_login .modal-content{ width: 320px; text-align: left; font-size: 14px; color: var(--gray-800); border: 1px solid var(--gray-100);}
.uder_login .modal-content>div:first-child:not(.profile){ padding: 24px 24px 20px 24px; border-bottom: 1px solid var(--gray-100); }
.uder_login label{ font-weight: normal; margin-bottom: 12px;  }
.uder_login label span{ font-weight: bold; }
.uder_login svg{ margin-right: 9px;}
.uder_login .info{ margin-bottom: 16px;}
.uder_login a { font-weight: 600; color: var(--blue-800); padding-top: 4px;}
.uder_login .form-layout{ margin: 4px 24px 24px 24px;}
.uder_login .form-layout label{ font-weight: 600; color: var(--primary-800); margin-bottom: 5px; margin-top: 16px; }
.uder_login .form-layout input{ width: 100%; border: 1px solid var(--gray-300); border-radius: 3px; padding-left: 21px; font-size: 16px; height: 43px; margin-bottom: 4px;}
.uder_login .form-layout input::placeholder{ color: var(--gray-300);}
.uder_login .form-layout button { width: 91px; border-radius: 3px; background: var(--secondary-900); font-size: 14px; color: white; border: 0px; margin-top: 16px; padding: 12px 24px;}
.uder_login .form-layout button:hover,.uder_login .form-layout button:focus{ border:0px; outline: 0; background-color: var(--secondary-800);}
.uder_login .form-layout button:active{background-color: var(--secondary-500);}
.uder_login .profile .name{  padding: 18px 24px 16px 24px; font-size: 16px; font-weight: 600; border-bottom: 1px solid var(--gray-100); color: var(--gray-600);}
.uder_login .profile .links { display: flex;}
.uder_login .profile .links div{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; padding-right: 16px; width: 100%;}
.uder_login .profile .links>div:first-child{ border-right:1px solid var(--gray-100); padding-right: 15px; padding-left: 20px;  width: 100%;}
.uder_login .profile .links a{ font-size: 14px; color: var(--gray-600); margin: 0 0 5px 0;  display: block; border-radius: 3px; font-weight: 400;}
.uder_login .profile .links a:hover{ background: var(--secondary-100); color: var(--secondary-900);}
.uder_login .profile .links a svg{width: 16px; vertical-align: middle;}
.overflow-hidden{ overflow: hidden !important;}
/*Nav & stick headers */

.productNav{position:relative; /* z-index:999; */}
.fixtop .productNav {position:absolute; top:0!important; width:100%; height:100%; }
ul.mainNavUl>li{float:left;}
ul.mainNavUl>li>a{padding:0 0 15px 0; margin-right: 30px; font-size:16px; display:inline-block;text-transform:capitalize;font-weight:400}
.fixtop ul.mainNavUl>li>a{padding:16px 15px 15px; margin-bottom: 4px;}
#headermain.fixtop{position:fixed; height:55px; top:0;width:100%;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease; /* z-index:9999;*/ }
#headermain.fixtop .col_custom{ padding-right:0;}
#headermain.fixtop .container #tophead .logo{ display:none;}
#headermain.fixtop .container #tophead{padding:0;}

.fixtop .stick-logo{display:inline-block!important; padding:1px 0!important;float:left}
.stick-logo{display:none!important;padding:0!important}
#search{ width: 97px; height: 22px; background-color: hsla(240, 5.9%, 90%, 0.6); color:var(--gray-600); border-radius: 3px; border:1px solid hsla(240, 5.9%, 90%, 0.6); padding-left:6px; caret-color: var(--blue-500); }
.search i{position:absolute; top:5px; right:15px; font-size:12px; color:var(--gray-600); z-index: 1050;}
#search:focus .search svg{ color:var(--blue-500);}
.fixtop .search, .icontop{display:none}
.fixtop .icontop{display:block;padding:0; color:#fff;position:relative;right:0px;margin:0;text-align:right}
.icontop>ul{margin:0}
.fixtop .icontop ul li{ display: inline-block; padding:0; float:none!important; text-align:left;border:none;position:relative;}
.icontop .searchstick .input-sm { margin-top:11px;}
.fixtop .icontop ul li a{ padding:0;}
.fixtop .icontop a { margin: 0 8px;  color: #fff;  font-size: 24px; cursor: pointer;}
.fixtop .icontop  .uder_login li  a{ padding:10px 15px; margin:0; font-size:15px;}
.searchstick .fa-search-icon{cursor:pointer;font-size:24px;color:var(--gray-600);}

.searchstick{position:relative;z-index:9999999}
.fixtop .icontop ul li.searchstick{right:115px;}
.searchstick .close-icon{ position:absolute; z-index:999; font-size:12px !important; cursor:pointer;}
.searchstick .close-icon svg,.icontop.mobileStick ul li.searchstick .fa.fa-search-icon svg { vertical-align: middle; }

/*user  login */
.cart_window{display:none; position:fixed;background:#fff;z-index:999;width:380px;right:0;}
.fixtop .cart_window {top:55px;}
.cart_window  tr td img{max-width:50px; width:100%; display: inline-block;}
.track {  margin-bottom: 15px;  float: left;  width: 100%;}
.track li{margin-top:0!important;width:100%;font-weight:600;color:#000; padding:0 0 0!important;}

/*metric window */
.product_att li{margin:0 0 0!important;font-weight:normal;text-align:center;float:none!important}
.cart_window .table td{text-align:center}
.cart_window .table td.text-left{text-align:left}

/*Sub menu */
.submenu{display:none;border:solid 1px #ddd;padding:0 0 25px;border-top:none; position:fixed; background: #fff;left:0;right:0; top:70px; z-index:1}
.fixtop .submenu{top:54px;}
.submenu ul li{width:100%;cursor:pointer; font-size:13px;font-weight:400;padding:0px 10px 1px 0px; color:#000}
.submenu div{padding:0;z-index: 999; position: relative; }
.submenu ul li .fa{float:right;font-size:18px}
.submenu .nav-category-heading{display: block;overflow:hidden;line-height:20px;letter-spacing: normal;font-size:14px;margin:10px 0px 10px;font-weight:600;; text-transform: uppercase; border-bottom: 1px solid #ccc; padding-bottom: 3px;}
.submenu .nav-category-heading,.submenu .nav-category-heading a{color:var(--black-900) !important;}
.fixed{ position:fixed !important; }
.upper {text-transform: uppercase;}
.categroy, .application, .resources{position:relative}
.main_cat .sub_cat{position:absolute;display:none;z-index:999;background:#fff;top:0;height:100%;width:100%;margin-left:-19px}
.services div span{vertical-align:top;margin-right:5px;}
.services div span:before{float:left;font-size:52px}
.services div:nth-child(4){border-right:none}
.services h2{ letter-spacing:normal; }
.sub_cat[data_id=thisShow]{display:block}
/*Flags & language Modal */
#languageModal .modal-content,#languageModal .modal-dialog{ width: 350px; }
#languageModal .modal-content {padding:18px 0; border: 1px solid var(--gray-100);}
#languageModal .modal-dialog{margin:-5px auto; color: var(--gray-600); position: fixed; right: 0; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);}
#languageModal h3{ font-size: 16px; padding-left: 24px;}
#languageModal ul li{padding:5px}
#languageModal a{ color:var(--blue-800); font-weight: 600; padding-top: 8px;}
#languageModal .row{ padding: 0 24px;}
#languageModal .row label{ font-weight: normal;}
#languageModal .row div{ font-size: 14px; margin-bottom: 0px; }
#languageModal .row input{ margin-right: 10px;}
#languageModal .select-currency { border-top: 1px solid var(--gray-100); padding: 20px 24px;}
#languageModal .select-currency label{ color: var(--primary-800); padding-bottom: 4px; display: block; font-size: 12px;}
#languageModal .select-currency select{ height: 43px; width: 100%; color: var(--gray-600); padding-left: 21px; border: 1px solid var(--gray-300);}
#languageModal .select-currency select:focus,#languageModal .select-currency select:focus-visible{ border: 1px solid var(--gray-300); outline: 0;}
#languageModal .buttons{ text-align: right; font-size: 12px; padding-right: 24px;}
#languageModal .buttons a{ color: var(--gray-500); }
#languageModal .buttons a:hover{ color: var(--blue-800); text-decoration: underline; font-weight: 600;}
#languageModal .buttons button{ background: var(--secondary-900); color: white; width: 77px; height: 38px; border: 0; font-size: 14px; border-radius: 3px; margin-left: 8px;}
#languageModal .buttons button:hover,#languageModal .buttons button:focus{ border:0px; outline: 0; background-color: var(--secondary-800);}
#languageModal .buttons button:active{background-color: var(--secondary-500);}

.fixtop .posInherit{ padding-left:15px;}
.productNav .container{ padding:0;}
#productNavInner{ max-width: 1170px; width: 100%;}
.Msub_menu li a{border-bottom:solid 1px #ddd;border-left:solid 4px transparent}
.cat_list, .msub_cat{display:none}
.cat_list.active,.msub_cat.active{display:block}
li.has-submenu{position:relative;font-weight:600;display:inline-block}
.has-submenu a{padding:8px 10px!important}
.cat_list.list-unstyled li a{padding-left:15px!important}
.list-unstyled.msub_cat li a{padding-left:20px!important}
.cart_window{ width: 360px; margin:-5px 0 0 0; padding: 18px 0; display: block; text-align: left; border: 1px solid var(--gray-100); box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); border-radius: 6px;}
.cart_window .modal-content{ border: 0;}
.cart_window .title{ font-size: 16px ; font-weight: 600; color: var(--gray-600); padding-left: 24px;}
.cart_window .items{ margin: 0 0 8px 0; padding: 0; width: 100%;}
.cart_window .item{ margin-top: 16px; display:flex; justify-content: space-between; font-size: 12px; color: var(--gray-500); border-bottom: 1px solid var(--gray-100); padding: 0 24px 16px 24px;}
.cart_window .item .details{ display: flex; }
.cart_window .item img{ width: 48px; height: 48px; border: 1px solid var(--gray-300); border-radius: 3px; margin-right: 10px;}
.cart_window .item span{ font-weight: 600; font-size: 14px; color: var(--secondary-900);}
.cart_window .item label{ font-weight: 600; font-size: 14px; color: var(--primary-800); margin:0px;}
.cart_window .item ul li{ padding: 0px !important; height: auto !important;}
.cart_window .shipping-cost,.cart_window .total{ display: flex; justify-content: space-between; color: var(--gray-600); padding: 4px 24px 0 24px;;}
.cart_window .shipping-cost label,.cart_window .total label{ font-size: 12px; font-weight: normal; }
.cart_window .shipping-cost div,.cart_window .total div{ font-size: 14px; }
.cart_window .total div{ color: var(--secondary-900); font-weight: 600;}
.cart_window .buttons{ margin-left: auto;  padding-right: 24px; text-align: right; margin-top: 20px;}
.cart_window .buttons a { font-weight: 600; font-size: 12px; color: var(--blue-800); margin-right: 12px; border-bottom: 1px solid;}
.cart_window .buttons button{ background: var(--secondary-900); color: white; width: 77px; height: 38px; border: 0; font-size: 14px; border-radius: 3px;}
#cartModal {margin: 68px 0 0 0;}
.empty-cart{ padding: 18px 0 0 0; text-align: left; width: 316px;}
.empty-cart .image{ margin-top: 8px; color: var(--gray-600); padding-left: 24px;}
.empty-cart img{ height: 172px; margin-top: 20px; padding-bottom: -4px}
/* Flags */
.flag{width:25px;height:15px;background:url(https://www.caplinq.com/images/flags/flags.png) no-repeat;vertical-align:middle;display:inline-block}.flag.flag-ad{background-position:-25px 0}.flag.flag-ae{background-position:-50px 0}.flag.flag-af{background-position:-75px 0}.flag.flag-ag{background-position:-100px 0}.flag.flag-ai{background-position:-125px 0}.flag.flag-al{background-position:-150px 0}.flag.flag-am{background-position:-175px 0}.flag.flag-an{background-position:-200px 0}.flag.flag-ao{background-position:-225px 0}.flag.flag-ar{background-position:-250px 0}.flag.flag-as{background-position:-275px 0}.flag.flag-at{background-position:-300px 0}.flag.flag-au{background-position:-325px 0}.flag.flag-aw{background-position:-350px 0}.flag.flag-az{background-position:-375px 0}.flag.flag-ba{background-position:0 -15px}.flag.flag-bb{background-position:-25px -15px}.flag.flag-bd{background-position:-50px -15px}.flag.flag-be{background-position:-75px -15px}.flag.flag-bf{background-position:-100px -15px}.flag.flag-bg{background-position:-125px -15px}.flag.flag-bh{background-position:-150px -15px}.flag.flag-bi{background-position:-175px -15px}.flag.flag-bj{background-position:-200px -15px}.flag.flag-bm{background-position:-225px -15px}.flag.flag-bn{background-position:-250px -15px}.flag.flag-bo{background-position:-275px -15px}.flag.flag-br{background-position:-300px -15px}.flag.flag-bs{background-position:-325px -15px}.flag.flag-bt{background-position:-350px -15px}.flag.flag-bv{background-position:-375px -15px}.flag.flag-bw{background-position:0 -30px}.flag.flag-by{background-position:-25px -30px}.flag.flag-bz{background-position:-50px -30px}.flag.flag-ca{background-position:-75px -30px}.flag.flag-cd{background-position:-100px -30px}.flag.flag-cf{background-position:-125px -30px}.flag.flag-cg{background-position:-150px -30px}.flag.flag-ch{background-position:-175px -30px}.flag.flag-ci{background-position:-200px -30px}.flag.flag-ck{background-position:-225px -30px}.flag.flag-cl{background-position:-250px -30px}.flag.flag-cm{background-position:-275px -30px}.flag.flag-cn{background-position:-300px -30px}.flag.flag-co{background-position:-325px -30px}.flag.flag-cr{background-position:-350px -30px}.flag.flag-cu{background-position:-375px -30px}.flag.flag-cv{background-position:0 -45px}.flag.flag-cy{background-position:-25px -45px}.flag.flag-cz{background-position:-50px -45px}.flag.flag-de{background-position:-75px -45px}.flag.flag-dj{background-position:-100px -45px}.flag.flag-dk{background-position:-125px -45px}.flag.flag-dm{background-position:-150px -45px}.flag.flag-do{background-position:-175px -45px}.flag.flag-dz{background-position:-200px -45px}.flag.flag-ec{background-position:-225px -45px}.flag.flag-ee{background-position:-250px -45px}.flag.flag-eg{background-position:-275px -45px}.flag.flag-eh{background-position:-300px -45px}.flag.flag-er{background-position:-325px -45px}.flag.flag-es{background-position:-350px -45px}.flag.flag-et{background-position:-375px -45px}.flag.flag-eu{background-position:0 -60px}.flag.flag-fi{background-position:-25px -60px}.flag.flag-fj{background-position:-50px -60px}.flag.flag-fk{background-position:-75px -60px}.flag.flag-fm{background-position:-100px -60px}.flag.flag-fo{background-position:-125px -60px}.flag.flag-fr{background-position:-150px -60px}.flag.flag-ga{background-position:-175px -60px}.flag.flag-gb{background-position:-200px -60px}.flag.flag-gd{background-position:-225px -60px}.flag.flag-ge{background-position:-250px -60px}.flag.flag-gf{background-position:-275px -60px}.flag.flag-gg{background-position:-300px -60px}.flag.flag-gh{background-position:-325px -60px}.flag.flag-gi{background-position:-350px -60px}.flag.flag-gl{background-position:-375px -60px}.flag.flag-gm{background-position:0 -75px}.flag.flag-gn{background-position:-25px -75px}.flag.flag-gp{background-position:-50px -75px}.flag.flag-gq{background-position:-75px -75px}.flag.flag-gr{background-position:-100px -75px}.flag.flag-gs{background-position:-125px -75px}.flag.flag-gt{background-position:-150px -75px}.flag.flag-gu{background-position:-175px -75px}.flag.flag-gw{background-position:-200px -75px}.flag.flag-gy{background-position:-225px -75px}.flag.flag-hk{background-position:-250px -75px}.flag.flag-hm{background-position:-275px -75px}.flag.flag-hn{background-position:-300px -75px}.flag.flag-hr{background-position:-325px -75px}.flag.flag-ht{background-position:-350px -75px}.flag.flag-hu{background-position:-375px -75px}.flag.flag-id{background-position:0 -90px}.flag.flag-ie{background-position:-25px -90px}.flag.flag-il{background-position:-50px -90px}.flag.flag-in{background-position:-75px -90px}.flag.flag-io{background-position:-100px -90px}.flag.flag-iq{background-position:-125px -90px}.flag.flag-ir{background-position:-150px -90px}.flag.flag-is{background-position:-175px -90px}.flag.flag-it{background-position:-200px -90px}.flag.flag-je{background-position:-225px -90px}.flag.flag-jm{background-position:-250px -90px}.flag.flag-jo{background-position:-275px -90px}.flag.flag-jp{background-position:-300px -90px}.flag.flag-ke{background-position:-325px -90px}.flag.flag-kg{background-position:-350px -90px}.flag.flag-kh{background-position:-375px -90px}.flag.flag-ki{background-position:0 -105px}.flag.flag-km{background-position:-25px -105px}.flag.flag-kn{background-position:-50px -105px}.flag.flag-kp{background-position:-75px -105px}.flag.flag-kr{background-position:-100px -105px}.flag.flag-kw{background-position:-125px -105px}.flag.flag-ky{background-position:-150px -105px}.flag.flag-kz{background-position:-175px -105px}.flag.flag-la{background-position:-200px -105px}.flag.flag-lb{background-position:-225px -105px}.flag.flag-lc{background-position:-250px -105px}.flag.flag-li{background-position:-275px -105px}.flag.flag-lk{background-position:-300px -105px}.flag.flag-lr{background-position:-325px -105px}.flag.flag-ls{background-position:-350px -105px}.flag.flag-lt{background-position:-375px -105px}.flag.flag-lu{background-position:0 -120px}.flag.flag-lv{background-position:-25px -120px}.flag.flag-ly{background-position:-50px -120px}.flag.flag-ma{background-position:-75px -120px}.flag.flag-mc{background-position:-100px -120px}.flag.flag-md{background-position:-125px -120px}.flag.flag-me{background-position:-150px -120px}.flag.flag-mg{background-position:-175px -120px}.flag.flag-mh{background-position:-200px -120px}.flag.flag-mk{background-position:-225px -120px}.flag.flag-ml{background-position:-250px -120px}.flag.flag-mm{background-position:-275px -120px}.flag.flag-mn{background-position:-300px -120px}.flag.flag-mo{background-position:-325px -120px}.flag.flag-mp{background-position:-350px -120px}.flag.flag-mq{background-position:-375px -120px}.flag.flag-mr{background-position:0 -135px}.flag.flag-ms{background-position:-25px -135px}.flag.flag-mt{background-position:-50px -135px}.flag.flag-mu{background-position:-75px -135px}.flag.flag-mv{background-position:-100px -135px}.flag.flag-mw{background-position:-125px -135px}.flag.flag-mx{background-position:-150px -135px}.flag.flag-my{background-position:-175px -135px}.flag.flag-mz{background-position:-200px -135px}.flag.flag-na{background-position:-225px -135px}.flag.flag-nc{background-position:-250px -135px}.flag.flag-ne{background-position:-275px -135px}.flag.flag-nf{background-position:-300px -135px}.flag.flag-ng{background-position:-325px -135px}.flag.flag-ni{background-position:-350px -135px}.flag.flag-nl{background-position:-375px -135px}.flag.flag-no{background-position:0 -150px}.flag.flag-np{background-position:-25px -150px}.flag.flag-nr{background-position:-50px -150px}.flag.flag-nu{background-position:-75px -150px}.flag.flag-nz{background-position:-100px -150px}.flag.flag-om{background-position:-125px -150px}.flag.flag-pa{background-position:-150px -150px}.flag.flag-pe{background-position:-175px -150px}.flag.flag-pf{background-position:-200px -150px}.flag.flag-pg{background-position:-225px -150px}.flag.flag-ph{background-position:-250px -150px}.flag.flag-pk{background-position:-275px -150px}.flag.flag-pl{background-position:-300px -150px}.flag.flag-pm{background-position:-325px -150px}.flag.flag-pn{background-position:-350px -150px}.flag.flag-pr{background-position:-375px -150px}.flag.flag-ps{background-position:0 -165px}.flag.flag-pt{background-position:-25px -165px}.flag.flag-pw{background-position:-50px -165px}.flag.flag-py{background-position:-75px -165px}.flag.flag-qa{background-position:-100px -165px}.flag.flag-re{background-position:-125px -165px}.flag.flag-ro{background-position:-150px -165px}.flag.flag-rs{background-position:-175px -165px}.flag.flag-ru{background-position:-200px -165px}.flag.flag-rw{background-position:-225px -165px}.flag.flag-sa{background-position:-250px -165px}.flag.flag-sb{background-position:-275px -165px}.flag.flag-sc{background-position:-300px -165px}.flag.flag-sd{background-position:-325px -165px}.flag.flag-se{background-position:-350px -165px}.flag.flag-sg{background-position:-375px -165px}.flag.flag-sh{background-position:0 -180px}.flag.flag-si{background-position:-25px -180px}.flag.flag-sk{background-position:-50px -180px}.flag.flag-sl{background-position:-75px -180px}.flag.flag-sm{background-position:-100px -180px}.flag.flag-sn{background-position:-125px -180px}.flag.flag-so{background-position:-150px -180px}.flag.flag-sr{background-position:-175px -180px}.flag.flag-st{background-position:-200px -180px}.flag.flag-sv{background-position:-225px -180px}.flag.flag-sy{background-position:-250px -180px}.flag.flag-sz{background-position:-275px -180px}.flag.flag-tc{background-position:-300px -180px}.flag.flag-td{background-position:-325px -180px}.flag.flag-tf{background-position:-350px -180px}.flag.flag-tg{background-position:-375px -180px}.flag.flag-th{background-position:0 -195px}.flag.flag-tj{background-position:-25px -195px}.flag.flag-tk{background-position:-50px -195px}.flag.flag-tl{background-position:-75px -195px}.flag.flag-tm{background-position:-100px -195px}.flag.flag-tn{background-position:-125px -195px}.flag.flag-to{background-position:-150px -195px}.flag.flag-tr{background-position:-175px -195px}.flag.flag-tt{background-position:-200px -195px}.flag.flag-tv{background-position:-225px -195px}.flag.flag-tw{background-position:-250px -195px}.flag.flag-tz{background-position:-275px -195px}.flag.flag-ua{background-position:-300px -195px}.flag.flag-ug{background-position:-325px -195px}.flag.flag-um{background-position:-350px -195px}.flag.flag-us{background-position:-375px -195px}.flag.flag-uy{background-position:0 -210px}.flag.flag-uz{background-position:-25px -210px}.flag.flag-va{background-position:-50px -210px}.flag.flag-vc{background-position:-75px -210px}.flag.flag-ve{background-position:-100px -210px}.flag.flag-vg{background-position:-125px -210px}.flag.flag-vi{background-position:-150px -210px}.flag.flag-vn{background-position:-175px -210px}.flag.flag-vu{background-position:-200px -210px}.flag.flag-wf{background-position:-225px -210px}.flag.flag-ws{background-position:-250px -210px}.flag.flag-ye{background-position:-275px -210px}.flag.flag-yt{background-position:-300px -210px}.flag.flag-za{background-position:-325px -210px}.flag.flag-zm{background-position:-350px -210px}.flag.flag-zw{background-position:-375px -210px}
.fixtop  #userMenu li{padding:0px; margin:0 3px; line-height:57px;}
.fixtop  #userMenu>li>a{color:#ffffff; display:inline-block;}
.fixtop  #userMenu>li>a>.cart-btn{font-size:27px;}
.fixtop  #userMenu .select_currency>a { font-size: 20px;font-weight: 600; display:inline-block; margin-top: -2px;}
.fixtop  .select_lang, .icontop .kg{display:none}
.fixtop  .uder_login, .icontop .cart_window{top:55px}

.fixtop #tophead  #userMenu .li .title2 { display:none;}
li.togglemenu{ display:none!important;}
.fixtop  .select_currency>a{ font-size: 20px;font-weight: 600; margin-top: -2px;}
.logo>a>img{float:left}
.icon-caplinq-logo-pyramid{display:none}
.innerSub>h2{text-transform:uppercase;overflow:hidden}
ul.innerSubUl>li>a{color:#4a4a4a}
.innerSubUl>li.main_cat .sub_cat ul>li>a{color:#4a4a4a}
ul.mainNavUl>li div.submenu.container{padding:0}
.icontop ul.mainNavUl > li > a{padding:19px 15px}
/* 02-06-2016 */
#tophead  .cart_window ul li, .regsing ul li{ line-height:unset !important; text-align: left;}
.reg_details li{line-height:20px !important;}
.regsing tr td img {max-width: 50px; width: 100%; display: inline-block;}

/* 22 may 2017  css for right header menu part */
.col_custom{ position:relative;	z-index:999;}
.custom_slogan .slogan {  font-weight: normal;}
.new_innersub{z-index:999; position:relative;}

/* 23 may css 2017 for user login */
.account_label {-moz-user-select:none;color:#c5c5c5;cursor:pointer;display:inline-block; font-weight:400; position: relative;}
.col_custom .inner { box-sizing: border-box; margin: 0 auto; padding: 0 0 15px; position: absolute; right: -82px;    text-align: center; top: 57px; z-index: 9;}
.inner_hide{ visibility:hidden;}
.cart-mod {   float: left;  padding: 0 30px;  width: 100%;}
.dropdown-heading {  color: #000;  display: block;  font-size: 16px; font-weight: 600;  padding: 15px 0 5px 25px;
text-align: left; line-height: 20px;}
.dropdown-heading.two {   padding: 15px 0 5px 40px;}
.reg_details { float: left;  width: 100%; margin-bottom: 15px;line-height: 20px;}
.reg_details > li {  float: left; padding: 0 !important;  width: 100%;}
.account_label .title2 {  padding-left: 1px !important;}
.account_label .title2 p {  font-weight: 300;  line-height: 0.7em;  margin: 0;}
.account_label .title2 { float: right; font-weight: 700;}
.uDispNone #userMenu > li .account_label > a{color:#fff !important;	}
/* ================= css for slider================ */
#slider_html {  float: left;   width: 100%;}
 /* =================for cart button in mobile view 26/05/2017================ */
.cart_window .table .go-cart { border:none; float:right; font-size:14px;font-weight:400;}
.place-order-button { margin-right: 0px; font-size:14px;float:right; }
/* 1-06-2017 */
.icontop #userMenu ul.reg_details li {  line-height: 20px;   text-align: left;}
.icontop #userMenu ul.reg_details li a {padding: 0 !important;}
.uder_login .close-btn {display: block;color: #9c0a0e;cursor: pointer;font-size: 27px;position: absolute;right: 10px;
top: 2px;z-index: 9999;font-weight: 700 !important;}
.uder_login{line-height: 20px !important;}
#userMenu .cart_window {max-height: 500px; overflow: auto; border-bottom: 0px;}
.list-unstyled.track > li {line-height: 20px !important;}
.list-unstyled.track {line-height: 20px !important;}
.sub_cat .list-unstyled a { display: block;}
#registrationdiv .btn-div-1 a{ font-size: 14px;}

.custom-icon-store-front{ background:url(/images/services/shop.png) no-repeat; height: 50px; background-size: contain; width: 50px; margin-bottom:10px;}
.custom-icon-technical-representation-3{ background:url(/images/services/technical-representation.png) no-repeat; height: 50px; background-size: contain; width: 40px; margin-bottom:10px;}
.custom-icon-technical-marketing-about{ background:url(/images/services/technical-marketing.png) no-repeat; height: 50px; background-size: contain; width: 50px; margin-bottom:10px;}
.custom-icon-reach-icon3{ background:url(/images/services/reach-service.png) no-repeat; height: 50px; background-size: contain; width: 50px; margin-bottom:10px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.fixtop .cart_counter {background: #fff; color: #9c0a0e; top: 0; position: absolute; top: 3px; left: 6px;}
}
@media only screen and (min-width:768px){
.applicationmenu{ padding: 0 0 10px 0 !important;}
.userMenuTop{right: 100px;position: fixed !important;top: 10px!important;}
nav.mainNavBar{background:none;border:none;margin:0}
.services div h2 p{ width: max-content; margin:0px; padding:0 0 10px; display: flex; flex-direction: column; align-items: center;}
.services div span{ display: flex; justify-content: center; }
.application-header, .services h2 { color: var(--gray-600); }
.topbar{ padding: 0;}
.topmenu .services .service-section ul{ height: 151px;}
.topmenu .services .service-section:hover p{ color: var(--secondary-900); padding:0 0 8px; border-bottom: 2px solid var(--secondary-900); filter: invert(13%) sepia(98%) saturate(4351%) hue-rotate(351deg) brightness(65%) contrast(101%);}
.topmenu a:hover{ color: var(--secondary-900) !important; }
ul.mainNavUl>li>a:hover>span,ul.mainNavUl>li:hover>a>span{ font-size: 16px; font-weight: 600; padding-bottom:6px}
.topmenu .productLi .fa-angle-right,.topmenu .application-menu .fa-angle-right{ float: none;}
.topmenu .application-menu{ border-bottom: 1px solid var(--gray-100);}
.menu-footer{ display: flex !important; background-color: var(--gray-50); padding: 24px !important; justify-content: space-between;}
.menu-footer label{ color: var(--primary-800); font-size: 16px; font-weight: 600; display: block; }
.menu-footer span{ color: var(--gray-500); font-size: 14px; }
.menu-footer a{ background-color: var(--primary-800); border-radius: 3px; width: 141px; height: 38px; color: white; margin-top: 5px ; padding-top: 8px;}
.menu-footer a:hover{ color: white !important; }
.menu-footer svg{ vertical-align: middle; width: 15px; height: 15px}
.productLi .category,.services .submenu.container .innerSub{ margin-bottom: 12px !important;}
#userMenu li:not(.bar):not(.product_att li){ width: 46px; padding:0 5px; }
#userMenu li{ height: 36px; text-align: center;}
#userMenu>li>a{color:var(--gray-600); font-weight: 600; width: 36px; height: 36px;  margin-top: -6px; text-align: center; align-items: center; display: flex; justify-content: center;}
#userMenu>li>a:hover{ width: 36px; height: 36px; background-color: var(--gray-100); border-radius: 30px;}
#userMenu>li>a.active{ color: white !important; height: 36px; width: 36px; background-color: var(--secondary-900); border-radius: 30px; }
#tophead #userMenu { height: 36px; align-items: center;}
.select_currency a { font-size: 11px; font-weight: 600;}
.modal-content { box-shadow: none;}
}

.submenu.container {height: auto; max-height: 690px !important;}

@media (max-width: 768px){
  .navbar-collapse.collapse{ display: none !important;}
  #tophead #userMenu .bar{ display: none;}
ul.innerSubUl>li>a{display:block;}
.services div h2 p{ margin: 0;}
.g-recaptcha-error-3, .g-recaptcha-error-4 {width: 100%;}
.fixtop #userMenu li{line-height:45px; margin:0; border: 0;}
.icontop .searchstick .input-sm{ margin-top:0; caret-color: var(--blue-500);}
/* .fixtop  #userMenu li{ line-height: normal!important; float:none!important;} */
.fixtop .submenu {top:auto;}
.submenu .category, .submenu .application, .services div {border-right:none;}
.navbar-header{float:none}.navbar-left,.navbar-right{float:none!important}.navbar-toggle{display:block}.navbar-collapse{border:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}.navbar-fixed-top{ top:0;border-width:0 0 1px}.navbar-nav{float:none!important;margin-top:7.5px}.navbar-nav>li{float:none}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}.collapse.in{display:block!important}.posInherit{position:inherit}
.mainNavBar{position:absolute;top:55px; right:0; z-index:999; width:100%}
.mobileIcons{position: static; padding: 0; height: 40px; display: flex; justify-content: end;}
 .mainNavBar>.navbar-header{min-height:61px}
 .mainNavBar.navbar-default .navbar-toggle:hover, .mainNavBar.navbar-default .navbar-toggle:focus{background:none}.mainNavBar .navbar-collapse{padding:0; gap:0 !important; z-index: 1;}.container{width:100%}
.navbar-collapse.in .open{ display: none;}
.navbar-collapse.in .close{ display: block !important; color: var(--gray-600); opacity: 1; margin-top: -1px;}
 #userMenu{right:0; float:none; height:20px; gap: 4px;}
#userMenu li a{font-weight: normal;}
.searchbox{ font-weight:400; font-size:16px; padding-left:15px;}
.search-result{height:100%; }
.uDispNone .search-result{ top:46px;}
#headermain.fixtop{ height:45px; border-bottom: 1px solid var(--gray-100);}
#headermain > .container{ padding : 0px;}
.fa-search-icon svg,.togglemenu svg{ vertical-align: middle;}
.fixtop .stick-logo{ padding : 0 !important;}
.icontop ul li.searchstick .fa.fa-search-icon{z-index:9999;border:none;position:relative}
.productNav ul li{float:none;display:block}
.nBbtm{border-bottom:0px!important}
.fixtop ul.mainNavUl > li > a {margin-bottom: 0;}
.productNav ul.mainNavUl>li:not(.other-icons){border-bottom:1px solid #ddd}
.innerSub ul>li.main_cat{border-bottom:1px solid #ddd;padding:0;border-left:0}
.innerSub ul>li.main_cat>span{padding:10px 18px;display:block}
.productNav ul.list-unstyled li>a>.fa{float:right;}
.productNav ul.list-unstyled li>a>.fa-angle-right{ color: var(--gray-300);}
.productNav ul.list-unstyled li>a>.fa-angle-down{color: var(--gray-600);}
.productNav .other-icons { border: 0; padding-top: 28px; color: var(--gray-600); }
.productNav .other-icons a { font-size: 16px !important; font-weight: normal; display: block; text-transform: none;}
.productNav .other-icons a svg {  margin-right: 20px; height: 24px; width: 24px; color: var(--gray-600); vertical-align: middle;}
.productNav .other-icons a span{ font-weight: 600;}
.mainNavUl>li.hasSubmenu>a{display:block;}
.mainNavUl>li.hasSubmenu.hasBold>a{ background: var(--secondary-50); border-left:5px solid var(--secondary-900);color:var(--gray-600);font-weight:bold}
.searchstick .fa-search-icon{font-size:22px;}
.fixtop #userMenu li .uder_login > ul > li{ margin:0;}
.fixtop #userMenu li .uder_login > ul > li>a{ color:#4a4a4a;}
.innerSubUl>li.main_cat .sub_cat ul>li:hover{border-left:5px solid transparent;background:none}
.innerSubUl>li.main_cat .sub_cat ul>li{border-bottom:1px dotted #ddd;padding:10px 18px;border-left:5px solid transparent}
.innerSubUl>li.main_cat .sub_cat ul>li:last-child{border:none}
.productNav{position:fixed;top:0;width:100%;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease}
.search, .icontop{display:none}
.icontop{display:block;padding:0;color:#fff;position:relative;margin:0;text-align:right;}
.icontop ul li{display:inline-block;padding:0;float:none;text-align:right;border:none}
.icontop ul li a{padding:0}
.icontop a{margin:0 8px;color:#fff;font-size:24px;cursor:pointer}
li.signInLi{ margin:0!important;}
.metricBtn>li{ line-height:normal!important;}

.title2{display:none}
.select_lang, .kg{display:none}

.cart_window div,.cart_window label,.cart_window .item ul,.cart_window .item ul li{line-height: normal; text-align: left;}

 .fixtop #userMenu .select_currency > a{font-size:18px;font-weight: 600;margin-top:2px;}
 #userMenu .uder_login  .navMT  li a{display:block;}
.icontop  .select_currency > a {top:-5px; position:relative;  margin: 0 0 0 10px;}
 .stick-logo {display: inline-block!important; padding:5px 0!important;float:left}
.mainNavBar.navbar-default{background:none;border:none}
/* #tophead .logo, #tophead  #userMenu{display:none} */
li.togglemenu{ display:inline-block!important;}
.stick-log{display:none}
.icon-caplinq-logo-pyramid{display:block;font-size:45px; line-height:20px; color:#fff;margin:0;}
.fixtop .posInherit{ padding-left:0;}
div.productNav .icontop{right:-15px;}
.icontop .navbar-toggle{ height: auto!important; padding:0!important;}
.fixtop .navbar-toggle .icon-bar {display:block; width:26px;  height:3px; border-radius:1px; background:var(--gray-600); margin-top:4px;}

.searchstick .fa-search-icon{font-size:18px;}
.fixtop .icontop{padding:0}
.navbar-toggle{margin:0; height:45px!important; padding:0; margin-right:0;border:none}
.submenu{position:relative;top:0;padding-bottom:0}
.services div span:before{font-size:16px;font-weight:bold;margin:6px 0 0 0}
.main_cat .sub_cat{position:relative;display:none;margin-left:0}
.submenu{border:none}
.submenu div h2{border-bottom:1px solid #ddd;margin:0;padding:10px 18px;font-size:15px;font-weight:normal;line-height:25px;transform:uppercase}
.submenu .nav-category-heading{display: block;border-bottom:1px solid var(--gray-100);margin:0;padding:10px 28px 10px 23px;font-size:15px;font-weight:normal;line-height:25px;transform:uppercase}

/*.submenu>div:first-child h2{border-top:1px solid #ddd}*/
.innerSub .innerSubUl{display:none}
.innerSub>h2{cursor:pointer;border-left:5px solid transparent}
.innerSub>h2:hover{border-left:5px solid #9c0a0e;background:#f5f5f5}
.innerSub>h2>.fa{float:right;position:relative;top:4px;/*font-size:18px*/}
.innerSub>h2{text-transform:none}

.innerSub>.nav-category-heading{cursor:pointer;border-left:5px solid transparent}
.innerSub>.nav-category-heading:hover{border-left:5px solid var(--gray-500);}
.innerSub>.nav-category-heading>.fa{float:right;position:relative;top:4px;/*font-size:18px*/}
.innerSub>.nav-category-heading>.fa-angle-right{color:var(--gray-300);}
.innerSub>.nav-category-heading>.fa-angle-down{color:var(--gray-600);}
.innerSub .menuOpen,.applicationselected{ background: var(--gray-100); border-left: 5px solid var(--gray-500) !important;}
.innerSub .isOpen{ background: var(--gray-50); padding: 0 20px; }
.innerSub .keepOpen{ background: var(--gray-50); }
.innerSub .isOpen li,.application-mobile div a{ padding-left: 20px;}
.application-mobile div a.overview{ padding-left: 38px !important;}
.innerSub .isOpen li a:active{ color: var(--secondary-900); font-weight: 600;}
.topmenu a:hover{ color: var(--secondary-900) !important; }
.innerSub>.nav-category-heading{text-transform:none}

ul.innerSubUl>li{padding:10px 22px;border-bottom:1px solid var(--gray-100);}
#languageModal .container, #languageModal .modal-dialog{max-width:992px;padding:0;}
#languageModal .modal-dialog,#accountModal .modal-dialog{top:45px; margin:0 auto; left: 0;}
.icontop #userMenu li .uder_login>ul>li{padding:0}
.icontop #userMenu li .uder_login>ul>li>a{color:#4a4a4a}

ul.mainNavUl>li>a{color:#4a4a4a}
.fixtop .stick-logo{position:relative;z-index:11; margin-left: 28px;}
.mainNavBar .navbar-toggle .icon-bar{height:3px;width:26px}
.icontop >ul>li>.srch{top:-15px;}
.uder_login, .cart_window{top:auto}
.fixtop  .cart_window{top:45px;}
.fixtop  .uder_login{ margin: 0; top: 0;}
.uder_login,.cart_window{ margin:auto; left: 0; padding: 0;}
.cart_window .modal-content{ padding:18px 0;}
.uder_login{width:100%}
 #userMenu .navMT{list-style:none;margin:0;padding:0}
 #userMenu .navMT>li{display:block;float:none;line-height:normal;border-bottom:1px solid #ccc}
 #userMenu .navMT>li>a{line-height:46px;height:46px;padding:0 15px;border-left:5px solid transparent}
 #userMenu .navMT>li>a:hover{background:#f5f5f5;border-left:5px solid #9c0a0e}
 #userMenu .navMT>li>a>span{float:left}
 #userMenu .navMT>li>a>.iconSpan{float:right;line-height:46px}
 #userMenu .navMT>li>a>.iconSpan>.fa{font-size:15px}
 #userMenu .navMT>li>ul{list-style:none;margin:0;padding:0}
 #userMenu .navMT>li>ul>li{display:block;float:none;line-height:normal;border-top:1px solid #ccc;padding:0}
 #userMenu .navMT>li>ul>li>a{line-height:32px;height:32px;padding:0 15px;border-left:5px solid transparent;color:#4a4a4a;display:block}
 #userMenu .navMT>li>ul>li>a:hover{background:#f5f5f5;border-left:5px solid #9c0a0e}
 #userMenu .navMT>li>ul>li>a>span{float:left}
 #userMenu .navMT>li>ul>li>a>.iconSpan{float:right;line-height:32px}
 #userMenu .navMT>li>ul>li>a>.iconSpan>.fa{font-size:20px}
.siFormMob{padding:0;display:none}
.uder_login .form-control{border-radius:0}
.uder_login p{color:#9c9999;font-size:12px;font-style:normal}
.uder_login label{color:#717174;font-weight:700}
.regFormMob{padding:0 15px}
.displayNone, .siFormMob, .regFormMob{display:none}
.forSlide.regsing{background: #fff; display:block;left:0px; text-align: left; overflow:hidden;position:fixed;top:61px;   transition:left 1s ease 0s;width:100%;z-index:999;height: 92% !important; overflow: auto; height: 92%; overflow: auto;  width: 100% !important;}
.regsing .back-button{color:#4a4a4a!important;Width:100%}
.regsing{background:#fff none repeat scroll 0 0;display:block;left:-1000px;overflow:hidden;position:fixed;top:61px;transition:left 1s ease 0s;width:100%;z-index:999;padding:0;min-height:100%}
#userMenu li .regsing >a.back-button{display:block;padding:15px!important; border-bottom:1px solid #ddd; font-size:16px;text-transform:uppercase;color:#000;font-weight:700}
#userMenu li .regsing >a.back-button>i.fa{font-size:20px;position:relative;bottom:2px}
.padding15 h3{ color:#4a4a4a;}
#userMenu .track li{line-height:normal; text-align:left;}
.padding15 .track{ text-align:left!important;}
.padding15 .table{ color:#4a4a4a;}
#userMenu li .shopCartUi{list-style:none;padding:0;margin:0}
#userMenu li .shopCartUi>li{line-height:normal}
#userMenu li .shopCartUi>li>a{color:#4a4a4a}
#userMenu li .subTotalUi{list-style:none;padding:0;margin:0}
#userMenu li .subTotalUi>li{line-height:normal;float:none;display:block}
#userMenu li .subTotalUi>li>a{color:#4a4a4a}
.productNav>.container{ height:45px;}
.pInherit{position:inherit!important}
div.productNav .icontop.mobileStick{position:absolute;top:0;left:0;right:0;padding:0;margin:0}
.fixtop .icontop.mobileStick ul li{display:block}

.mobileStick  .searchstick>.fa{ color: var(--gray-600);width:55px;height:45px;line-height:45px;text-align:center;font-size:30px; right:0;}
.zIndex15{z-index:15}
.icontop.mobileStick ul li.searchstick .fa.fa-search-icon{ right:63px;background:none; position:absolute; color: var(--blue-500); z-index: 12; left: 0px; font-size: 20px; margin: 0px;}
.padding15{padding:15px;width:100%;float:left}
.padding15>.row{margin-left:-15px; margin-right:-15px!important;}
#userMenu li .metricBtn{list-style:none;margin:0;padding:0;width:100%;float:left;text-align:center}
#userMenu li .metricBtn>li{display:inline-block;margin:0;padding:0!important;float:none}
#userMenu li .metricBtn>li>a{padding:10px!important; color:#fff;background:#eee;color:#000}
#userMenu li .metricBtn>li>a:hover{background:#9c0000;color:#fff}
#userMenu li .metricBtn>li>a.active{background:#9c0000;color:#fff}
.icontop>ul>li .input-sm{ position:absolute;z-index:12; padding-left: 50px;}
.userdisNone{display:none;}

.input-sm { width:0!important; opacity:0; padding:0; display:block; z-index:0;}
.mobileStick .input-sm { border-radius:0;  padding:5px 15px;  height:45px; border:none;  z-index:99;  opacity:1;
display:block!important; width:100%!important; opacity:1; padding:5px 15px; left: 0; transition: all 0.2s ease; border-bottom: 1px solid var(--gray-300);}
.mobileStick .input-sm:hover,.mobileStick .input-sm:focus{ box-shadow:none; }
.mobileStick .searchstick{ right:0!important; margin:0!important;}

.zIndex15 .icontop > ul > li{display:block}
.submenu .col-md-4, .submenu .col-md-3{ width:100%;}.submenu .paBtn{ display:none!important;} #mobile992{ display: block!important;}.submenu .col-md-4 h2 .fa, .submenu .col-md-3 h2 .fa, .productLi a .fa, .services a .fa{ float:right;}ul.mainNavUl > li > a:hover > span{ border-bottom:none!important}
.innerSub ul > li.main_cat>span{border-left:solid 5px transparent}.innerSub ul > li.main_cat>span:hover{background:#f5f5f5; border-left:solid 5px #9c0a0e}
ul.mainNavUl > li > a{ padding:20px 28px 20px 23px   !important; margin-right: 0px; border-left:5px solid transparent;font-size:15px;text-transform:uppercase; color:var(--gray-600); font-weight: 600; width: 100%;}
/* css for service item for background hover color */
.list-unstyled.mainNavUl {background:#fff; max-height:100% !important; overflow: auto; top:45px; overflow: auto; position: fixed; width:100% !important;}
/* 23 may  2017 css for display big screen account menu */
.col_custom .inner {display:none;}
/* 02-06-2017 */
.fixtop .cart_counter {background: hsl(0, 0%, 100%) none repeat scroll 0 0;  color: hsl(358, 88%, 33%);}
.fixtop .cart_counter {left:9px; position: absolute; top: 3px;}
/* for account login  cart shoping */
.uderCart .uder_login {  max-height: 500px !important;  overflow: auto !important;}
/* for udergin mobileview  03-06-2017 */
.uder_cart .uder_login .regsing .padding15 { height: 100%;  overflow-x: hidden;  overflow-y: auto;}
.user-signin{ margin-bottom: 24px;}
}
@media only screen and (max-width:768px){
.icontop>ul>li>.srch{ right:-50px!important;}
.title2{display:none}
.productNav ul li{float:none;display:block}
.productNav ul li a{color:#000}
div.productNav .icontop{right:0px;}
div.productNav .icontop{right:0;}
.icontop > ul > li > .srch{top:-1px;}
#headermain > .container{ min-width:229px;}
#tophead #userMenu{ padding-right: 23px;}
.productNav .fa-angle-down,.productNav .fa-angle-right{ font-size: 18px;}
}


@media only screen and (min-width:769px){
.main_cat>span{color:#000;display:block}
.main_cat>span>.fa{color:#aaa;margin:3px 0 0 0}
.main_cat>span:hover>.fa{color:#000}
ul>li.hasSubmenu:hover .submenu{display:block; margin:0 auto; z-index: 1051;}
.sub_cat[data_id=thisHide]{display:none!important}
.sub_cat[data_id=thisShow]{display:block !important}
nav.mainNavBar{position:relative;z-index:0}
.fixtop a.stick-logo{position:relative;z-index:1}
.uder_login .nav.nav-tabs{background:#f8f8f8}
.logotitle{margin:20px 0 0 8px; width: 460px;}
.searchstick .input-sm{position:absolute;width:225px;left:-200px;height:34px;box-shadow:none;z-index:12}
.paBtn>ul{list-style:none;padding:15px 0;display:block;text-align:center}
.paBtn>ul>li{display:inline-block;width:auto;padding:0 5px;margin:0;border:0}
.submenu .paBtn>ul>li:hover{background:none;border:0}
.main_cat .sub_cat>.nav-category-heading>.fa{margin:6px 6px 0 0}
.main_cat .fa-chevron-right:before{content: "\f054"!important;}
.submenu .cMainArrow span:hover{color: #9c0a0e;}
/* header icon align */
.icontop .icon-account.signin-btn {  margin-top: 6px;  padding-top: 3px;}
.icon-cart.cart-btn {  padding-top: 8px;}
}

@media (max-width: 480px){
	/* 5 october css for userlogin */
	.uder_cart .uder_login .regsing .padding15 {
		height: 75%;
		overflow-x: hidden;
		overflow-y: scroll;
	}
}

@media (min-width:769px){
    .hasSubmenu .container>div:first-child:not(.application-mobile){ padding-top: 20px !important; width: 1192px; border-top:1px solid var(--gray-100); }
    .hasSubmenu .list-unstyled{ width: 25%; }
    .services .list-unstyled{width: 80%;}
    .hasSubmenu .innerSub a:not(.btn){ color: var(--gray-500);}
    .hasSubmenu .submenu .nav-category-heading:hover{ color: var(--secondary-900) !important; }
    .hasSubmenu .submenu .backTo{ margin:5px 38px 5px 0px;}
    .hasSubmenu .innerSub{display:flex; flex-wrap: wrap; flex-direction: column; align-content: flex-start; float:none;}
    .hasSubmenu .innerSub:not(.application-mobile):not(.application-menu):not(.hiddencats){ margin:0 24px; max-width: 1192px;  }
    .productLi .innerSub{ max-height:680px; }
    .services .innerSub{ display:block;}
    .services div h2{ cursor: pointer; border-bottom: 2px solid var(--gray-100); margin-bottom: 0px;}
    .hidden-lg{display:none !important;}  
}

@media(min-width:961px){
  .productLi .innerSub{ max-height:610px; height: auto;}    
}

@media(min-width: 992px){
  .flexdisplay div{ margin:10px 40px 0px 0px;}
  #headermain > .container, #productNavInner{ max-width: 985px !important; }
}

@media(min-width:1200px){
  #headermain > .container, #productNavInner{ max-width: 1200px !important; width: 1200px !important; }
  .homepage .container{max-width:1200px!important; width: 1200px;}
  .navbar .container{width: 1240px; max-width:1240px !important;}
}

@media (max-width:768px){
  .hidden-xs{display:none !important;}  
}

@media (max-width:992px) and (min-width:769px){
  .logo{ width: 150px; margin-top: 19px !important;}
  .submenu div h2{ font-size: 14px;}
  .searchstick .input-sm{ width: 160px; left: -155px;}
  .icontop .searchstick .input-sm{ margin-top:0px;}
  .icon-caplinq-logo-pyramid{display:block;font-size:45px; line-height:20px; color:var(--secondary-900);margin:-10px;}
  .fixtop ul.mainNavUl > li > a{ padding: 16px 12px 15px; }
  .application-menu img{ height: 30px; }
  .flexdisplay div{ margin:10px 10px 0px 0px;}
  #tophead .topbar { gap: 0px; padding:0 20px;}
  .searchbox{ display:none;}
  #headermain > .container{ padding:0px;}
  #tophead .mainNavBar > .navbar-collapse{ gap: 0;}
  ul.mainNavUl > li > a{ margin-right: 20px;}
  #userMenu li.li_cart,#userMenu li:not(.bar):not(.product_att li){ width: 36px !important; padding: 0px;}
  .search i{ right: 5px; }
  #languageModal,.uder_login,#cartModal{ margin: 65px 0 0 0;}
  .submenu .nav-category-heading{ margin:0;}
  .services .list-unstyled { width: 85%;}
  .applicationmenu{ top: 0;}
  .topmenu .productLi .submenu ul{ padding-left: 6px;}
  .hasSubmenu .submenu>div:not(.application-mobile):not(.menu-footer){ width: 100% !important; margin-left:20px !important; margin-right: 20px !important;}
  ul>li.hasSubmenu:hover .submenu{ display: flex; flex-wrap: wrap;}
  .application-menu,  .application-mobile .hiddencats{ margin-left: 0 !important;}
  .submenu{ border: 0;}
}

@media(min-width:768px){
  .flexdisplay{display: flex; width: 100%; flex-direction: row !important; }
  .new_sm{display:none;}
}

@media (max-width:768px) and (min-width:768px){
  .visible-xs,.hidden-sm{display:block !important;}  
  .navM2{ display: none !important;}
  .flexdisplay{ flex-direction: column !important;}
  .services div h2 p{ width: 100%;}
  #tophead .topbar{ padding: 0; gap: 0;}
  #productNavInner{ padding-left:0px !important;}
}

@media(max-width:768px){
  .application-menu{display: flex; width: 100%; flex-direction: row !important; flex-wrap: unset !important; overflow: auto;}
  .application-menu img{ height: 20px; }
  .application-menu div { width: auto; min-width:22%; max-width: 25%;  margin:10px 5px 0px; word-break: break-word;}
  .applicationmenu{ display: block;}
}
.center{text-align: center;}
.applicationmenu .list-unstyled{ width: 100%;}
.applicationselected{ color: var(--secondary-900); border-bottom: 3px solid var(--secondary-900);}
.applicationselected span{ color: var(--secondary-900);}
.applicationselected img{ filter: invert(13%) sepia(98%) saturate(4351%) hue-rotate(351deg) brightness(65%) contrast(101%);}
.breadcrumb-bg{background-color: #f5f5f5;}

@media(min-width: 992px) {
  .container,.left-sidebar,.left-add-block{ padding-left:0px !important;}
  .mainNavUl #firstli,.mainNavBar #firstli,.category-pg #Overview,.filters-section,.posInherit,.fixtop .posInherit{ padding-left:0px;}
  .cat_submenu .container:first-child{ border-left:1px solid #fff;}
  #productPage .container,#productPage .container .col-xs-12{padding-left:0px;}
}

@media screen and (min-width: 768px) and (max-width: 1180px) and (orientation:landscape)  {
  #headermain > .container:not(.search-result), #productNavInner,.hasSubmenu .container>div:first-child{
    width: 100% !important;
    max-width: 100% !important;
  }
  .hasSubmenu .container>div:first-child{ }
  .productLi .innerSub{ max-height: 700px; }
  .applicationmenu{  top: 0; width: auto;}
  .submenu{ border: 0px;}
  .applicationmenu .flexdisplay{ margin: 0;}
  .topbar{ padding: 0 20px; }
  ul.mainNavUl>li>a{ margin-right: 20px;}
  .logo{ width: 150px;  margin-top: 19px !important;}
  #tophead .mainNavBar> .navbar-collapse{ gap: 0;}
  #tophead #userMenu{ margin-left: 14px;}
 }

 .modal.fade .modal-dialog{
  -webkit-transition: -webkit-transform .1.5s ease-out;
  -o-transition: -o-transform .1.5s ease-out;
  transition: transform .1.5s ease-out;
 }