#cssmenu #menu-button { display: none; }
#cssmenu ul { padding:0px; margin:0px 0 0px 20px; }
#cssmenu > ul > li { display: inline-block; vertical-align: top; list-style-type: none; position: relative;  line-height:12px; z-index:99}
#cssmenu > ul > li:before{content:""; background:#53595d; left:0; width:1px; height:14px; position:absolute; top:0; }
#cssmenu > ul > li > a { display: inline-block; color: #51585c; font-size:14px; text-decoration: none;  margin: 0 15px 0 15px; line-height:12px; padding-bottom:13px;  font-family: 'GothamHTFMedium'; font-weight:500;   letter-spacing:1px; text-transform: uppercase;
-webkit-transition: all 0.0s ease 0s;  -moz-transition: all 0.0s ease 0s; transition: all 0.0s ease 0s;}
#cssmenu > ul > li a:hover { text-decoration: none; color:#577DAB; }
#cssmenu > ul > li.current-menu-item > a { text-decoration: none;  }
#cssmenu > ul > li.current-menu-parent > a { text-decoration: none; color:#577DAB; }
#cssmenu > ul > li:first-child{ border-left:none;}
#cssmenu > ul > li:first-child:before{ display:none;}
#cssmenu ul ul { position: absolute; left: -9999px; width:150px; border:none; box-shadow:none; padding: 0px; top:25px; background: #ffffff; text-align: left; padding:0px 0px; border-radius:5px; margin-left:-35px; max-height:inherit !important;  min-height:inherit !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px !important;}
#cssmenu ul li.product-link ul{ margin-left:-25px}
#cssmenu ul li.learn-link ul{ width:210px; margin-left:-48px;} 
#cssmenu ul li.learn-link ul li ul{  margin:0px; } 
#cssmenu ul li.about-link ul{ width:160px;     margin-left: -29px; } 
#cssmenu ul li.cert-link ul{ width:240px; margin-left: -50px; } 
#cssmenu ul li.part-link ul{ width:200px;     margin-left: -46px; } 
#cssmenu ul li.join-link ul{ width:200px;     margin-left: -53px; } 
#cssmenu ul li.contact-link ul{  margin-left: -25px; } 
#cssmenu ul ul:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px;   z-index: 999;}


#cssmenu ul li ul li ul:after{display:none}
#cssmenu ul ul li { list-style-type:none; position: relative; }
#cssmenu ul ul li.current-menu-item a { font-family:GothamHTFBold; background:#3C9FCA;  color:#fff;}
#cssmenu ul ul li.current-menu-item ul li a { font-family:GothamHTFMedium; background:#fff;  color:#51585c;}
#cssmenu ul ul li.current-menu-item ul li a:hover { font-family:GothamHTFBold; background:#3C9FCA;  color:#fff;}
#cssmenu ul ul li br { display:none; }
#cssmenu li:hover > ul { left: 0;    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px;}
#cssmenu li ul li:hover > ul { top:0; left: 100%; padding:0px 0px }
#cssmenu ul ul li a { padding: 15px 12px 15px 12px; font-size: 12px !important; border-bottom:#e6e6e6 solid 1px; display:block; text-decoration: none; color: #51585c; font-weight: 300;  font-family:GothamHTFMedium; -webkit-transition: all 0.0s ease 0s;  -moz-transition: all 0.0s ease 0s; 	transition: all 0.0s ease 0s;}
#cssmenu ul ul li a:hover:after { display:none; }
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover { text-decoration: none; color:#fff; background:#3C9FCA ; font-family:GothamHTFBold; }
#cssmenu ul ul li:first-child a { border-radius:5px 5px 0 0;}
#cssmenu ul ul li:last-child a { border-radius:0px 0px 5px 5px; border-bottom:none;}
#cssmenu ul ul ul li:first-child a{ border-radius:0px 5px 0 0;}
#cssmenu.small-screen { vertical-align: top; margin-top: 0px; }
#cssmenu.small-screen ul { width: 100%; display: none; margin-top: 6px; position: absolute; left: 0; z-index: 999; background: #fff; text-align: left; }
#cssmenu.small-screen.align-center > ul { text-align: left; }
#cssmenu.small-screen ul li { width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2); position: relative; }
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a { width: 100%; border-bottom: 0; padding: 10px 47px; padding-left: 25px; color: #000; background: none; text-transform: uppercase;font-weight: normal; }
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul { position: relative; left: 0; top:0; width: 100%; margin: 0; text-align: left; }
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before { display: none; }
#cssmenu.small-screen #menu-button { display: block; cursor: pointer; float:right; position:relative; top:9px; width: 45px; height: 40px;  border-radius:2px; right:5px }
#cssmenu.small-screen #menu-button:after { position: absolute; top: 16px; right: 6px; display: block; height: 8px; width: 32px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: ''; }
#cssmenu.small-screen #menu-button:before { position: absolute; top: 9px; right: 6px; display: block; height: 2px; width: 32px; background: #fff; content: ''; }
#cssmenu.small-screen #menu-button.menu-opened:after { top: 18px; border: 0; height: 2px; width: 32px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#cssmenu.small-screen #menu-button.menu-opened:before { top: 18px; background: #fff; width: 32px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#cssmenu.small-screen .submenu-button { position: absolute; z-index: 99; right: 0px; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 44px; width: 44px; cursor: pointer; background:#558bc8;}
#cssmenu.small-screen .submenu-button.submenu-opened { background: #558bc8; }
#cssmenu.small-screen .submenu-button:after { position: absolute; top: 21px; right: 16px; width: 15px; height: 3px; display: block; background: #fff; content: '';}
#cssmenu.small-screen .submenu-button.submenu-opened:after { background: #ffffff;}
#cssmenu.small-screen .submenu-button:before { position: absolute; top: 15px; right: 22px; display: block; width: 3px; height: 15px; background: #fff; content: '';}
#cssmenu.small-screen .submenu-button.submenu-opened:before{ background:#558bc8}
#cssmenu small.open{ background:none !important}
/*.product-header .cssmenu{ margin-top:10px;}*/
.product-header header{ padding-bottom:5px}
header { padding: 0px 0 0px 0 !important;  }
header .headerinner{ height:115px; display: flex !important; align-items: center;  }
header .container{ max-width: 1400px !important; width: auto !important; }
.headerinner .main-nav{ width: calc(100% - 302px);}
.headerinner .header-home{ width:370px; float:right; font-size: 17px; color: #4772a0; font-family: 'GothamHTFMedium'; font-weight: 500 !important; position:relative; padding-left:0px; line-height:20px; text-transform:uppercase;}
.headerinner .header-home .logo{width: 270px;}
.headerinner .header-home a.link{ color: #4772a0; position:relative; padding-left:85px; display: flex; flex-wrap: wrap;}
.headerinner .header-home a.link:before{ content:""; width:65px; height:65px; position:absolute; background:url(../images/home-icon-b2b.webp) no-repeat; left:0; background-size:100%;margin-top:-8px; border-radius:4px}
.headerinner .header-home span.txt { position: relative; display: block; color: #4772a0; font-size: 12px; padding-left: 20px; letter-spacing: 0.04rem;  font-family:GothamHTFBold; }
.headerinner .header-home span.txt:before { content: ""; width: 15px; height: 15px; position: absolute; background: url(../images/b2b/home-arrow.png) center center no-repeat; left: 0; margin-top:1px; background-size: 100%;  border-radius: 0px;}
.headerinner .header-home a.link:hover{ opacity:0.9}
.headerinner .header-home .number{ padding-left:85px; font-size:13px; color:#51585c; display:block; margin-top:0px }
.headerinner .header-home .number a{ 	 color:#51585c; }

@media only screen and (min-width: 1200px) and (max-width: 1500px)  {
.home .xoo-wsc-modal .xoo-wsc-basket { bottom: inherit !important; top: 10px !important; } 
.headerinner .header-home{ margin-right:70px}
.headerinner .main-nav {  width: calc(100% - 407px);}
}	

body { padding-top: 0px !important; }
@media (min-width: 1200px) {
.page-template-default.woocommerce-cart{ padding-top:0px !important}
}


@media (max-width:1200px)  {
/*body { padding-top: 150px !important; }*/
.feature_benifits {  margin-top: 36px !important;}

header .container {  padding: 0px !important;}
header .headerinner{ flex-wrap:wrap;  }	
.headerinner .main-nav {   width: calc(100% - 0px); }
.headerinner .header-home{ position:absolute; right:0;  top:20px;     font-size: 15px; }
	
#cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
#cssmenu.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
#cssmenu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
.main-nav{float:left; width:100%; margin:0 0px; position:relative;}
.main-nav:before{content:""; background:#558bc8; position:absolute; left:0; height:55px; width:100%; left:0;}
#cssmenu ul { padding:0px; }
#cssmenu.small-screen ul { margin-top:53px; }
#cssmenu.small-screen ul li { padding:0px; }
#cssmenu.small-screen ul li a { padding:16px 47px 16px 16px; }
#cssmenu > ul > li.current-menu-item a::after { display:none; }
#cssmenu li ul li:hover > ul { left:0; }
#cssmenu.small-screen ul ul ul li a { padding-left: 50px; }
#cssmenu > ul > li{ margin-left:0px;}
.site-header .col-3{ position:inherit !important}
.site-header .container{ position:relative !important; }
#cssmenu ul{ margin:0px;}
.cssmenu { text-align: right; float: right; margin-top: 3px; margin-right:10px; margin-bottom: 0px;}
#cssmenu > ul > li > a{ margin:0px;}
#cssmenu > ul > li::before{ display:none}
#cssmenu ul li.about-link ul {  width: 100%; }
#cssmenu ul li.product-link ul { margin-left: 0; }
#cssmenu ul li.learn-link ul { margin-left: 0; width:100% }
#cssmenu.small-screen ul{ background:#577dab; }
#cssmenu ul#menu-main-menu{display:none;}
#cssmenu.small-screen ul li ul{ background:#4370a4}
#cssmenu.small-screen ul li{ border-top:#fff solid 1px;}
#cssmenu.small-screen ul li:first-child{ border-top:none;}
#cssmenu > ul > li > a{ color:#fff;}
#cssmenu.small-screen ul li a{ color:#fff; font-size:16px}
#cssmenu.small-screen ul li ul li a{ color:#fff; font-size:14px !important}
#cssmenu ul ul::after{display:none !important}
#cssmenu ul li.part-link ul { width: 100%; margin-left: 0; }
#cssmenu ul li.part-link ul { width: 100%; margin-left: 0; }
#cssmenu ul li.cert-link ul { width: 100%; margin-left: 0; }
#cssmenu ul li.join-link ul{ width:100%;     margin-left: 0px; } 
#cssmenu ul li.contact-link ul{  margin-left: 0px; }
#cssmenu ul li.about-link ul { margin-left: 0;}
.headerinner .logo { margin: 25px 0 25px 20px; width: 100%; text-align: left; }
} 
@media (max-width:1024px)  {


}
@media only screen and (min-width: 768px) and (max-width: 1023px)  {
.headerinner .header-home { font-size: 15px;  line-height: 18px;}
.headerinner .header-home span{  font-size: 10px;}
.headerinner .header-home a:before { width: 38px; height: 38px;  margin-top: -2px;    }
}

@media (max-width:767px)  {
.feature_benifits {  margin-top: 0px !important;}	
.home .xoo-wsc-modal .xoo-wsc-basket { bottom: inherit !important; top: 278px !important; } 	
.headerinner .header-home {   position: absolute; left: 10px; right:inherit; bottom: -5px; top:inherit !important; color:#fff;  font-size: 13px;     line-height: 18px;     width: calc(100% - 61px);}
.headerinner .header-home a.link{ color:#fff;  padding-left: 45px; }
.headerinner .header-home span.txt{ color:#fff;     font-size: 10px; display: block; width: 100%;}
.headerinner .header-home a.link:before { width: 35px; height: 35px;     left: 0px; margin-top: 8px; }
.headerinner .header-home span.txt:before {background: #fff url(../images/b2b/home-arrow.png) center center no-repeat;  background-size:60%  }
.headerinner .header-home a.link:before{ background:url(../images/home-icon-b2b-w.png) no-repeat;  background-size:100% }
body { padding-top: 0px !important; }
header .headerinner{ height:inherit !important; margin-bottom: 0px; position:relative}  
.home header .headerinner{ margin-bottom: 20px; }  
.headerinner .logo{ text-align:center !important}
.headerinner .header-home .number{    padding-left: 45px; font-size: 10px; color: #fff;}
.headerinner .header-home .number a{ color:#fff;}
.main-nav{ height:49px}
#cssmenu.small-screen ul li a {  font-size: 14px; }
}
@media (max-width:375px)  {
	.headerinner .header-home span.txt { font-size: 9px; }
	.headerinner .header-home { top: 99px; font-size: 12px; line-height: 16px; }
}

@media (max-width:374px)  {

	.headerinner .header-home { top: 87px;  }
}	
@media (max-width:360px)  {

	.headerinner .header-home { top: 97px;  }
}	
@media (max-width:359px)  {

	.headerinner .header-home { top: 93px;  }
}