:root{
    --blue: #0b3fa8; 
    --gray: #4d4d4d; 
    --button: linear-gradient(to bottom, #9DCE2C, #8CB82B);
    --add-to-cart-btn: linear-gradient(to bottom, #9DCE2C, #8CB82B);
    --menu-top-fontSize: 14px;
    --lvl-1-fontSize: 14px;
    --red: #ff0000;
    --header: transparent;
    --footer_bg: #fff;
    --orange: #ff8040;
    --uniFont: 13px;
    --gradient_red: linear-gradient(to bottom, #e60000, #6f0000);
    --gradient_red_reverse: linear-gradient(to bottom, #6f0000, #e60000);
    --font_size_11: 11px;
    --global_color: #c01112;
    --gradient_red: linear-gradient(to bottom, #e60000, #6f0000);
    --gradient_green: linear-gradient(to bottom, #9DCE2C, #8CB82B);
    --gradient_green_reverse: linear-gradient(to bottom, #8CB82B, #9DCE2C);
    --gradient_white: linear-gradient(to bottom, #fff, #efefef);
    --inputs_height: 26px;
    --red_replace: #b50000;
}
body {    
    font-family: "Helvetica Neue",Helvetica,Arial, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	color: #222;
	background: #fff;
	-webkit-font-smoothing: antialiased; 
} 
/*LOGIN*/
.b2bLoginContainer {  
    min-height: 100vh;
    background-image: url('/images/gembird-bg.jpg'); 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
    overflow-y: auto;
} 
.b2b-flex{ 
    max-width: 430px;
    width: 100%; 
    background-color: #fff;
}
.logo-b2b-login img{
    max-width: 100%;
    max-height: 100px;
    padding: 10px;
}  
.b2bForm>span{
    font-weight: 600;
    font-size: 12px;
    display: block;
    margin: 10px 15px 5px;
}
.b2bForm .field-group{
    padding: 0 20px;
    margin: 5px 0;
} 
 
.b2bForm input[type=text], .b2bForm input[type=password], .b2bForm input[type=email],
.login-form-wrapper__box form div input[type='text'], .login-form-wrapper__box form div input[type='password']{ 
    background: #ebeff0; 
    border: none !important;
    color: #333;
    font-size: 16px;
    padding: 0px 15px;
    height: 35px;
    line-height: 40px;
}
.b2bLoginContainer form button  {
    background-color: #8CB82B;
    color: #fff !important;
    border: 1px solid transparent; 
    padding: 4px 15px;
    width: 100%;
    max-width: 130px;
    margin: 10px 0;
} 
.b2bLoginContainer form .forgotten-psw{
    color: #4d4d4d;
    margin: 0 20px;
}
.b2bLoginContainer .error{
    background: transparent;
    color: red;
    margin: 0;
    font-style: normal;
}
.b2bLoginContainer .b2bForm p {
    display: inline-block;
    font-weight: 600;
    font-size: 14px; 
    padding: 10px;
    color: #000;
    margin: 0;
} 
.b2bLoginContainer .b2bForm .b2bRegisterBtn{
    background: var(--global_color);
    color: #fff;
    padding: 10px;
    display: block; 
    font-size: 14px;
    border-radius: 0 0 0 5px;
}
.b2bLoginContainer .b2bForm>span img{
    max-height: 16px;
}
/*.b2bLoginContainer .left-border:after{
    content: '';
    width: 1px;
    display: inline-block;
    height: 70%;
    background: #3e875f;
    position: absolute;
    top: 45%;
    transform: translateY(-45%);
    left: 0;
}*/
.b2bLoginContainer .b2bForm .b2bRegisterBtn:hover{
    box-shadow: 0px 2px 5px #999;
}
.b2bLoginContainer form > a:hover, .b2b-registration-form .btn-clear:hover{
    border-color: #999;
}
.b2b-registration-form form button:hover, .b2bLoginContainer form button:hover{
    opacity: .8;
    color: #fff;
}
.checkbox-label-category {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 10px;
    margin: 10px 0;
}
/*============================*/
/*@font-face{ 
    font-family: 'Futura MdCn BT Medium';
    src: url('WebFont.eot');
    src: url('WebFont.eot?#iefix') format('embedded-opentype'),
         url('WebFont.woff') format('woff'),
         url('WebFont.ttf') format('truetype'),
         url('WebFont.svg#webfont') format('svg');
}*/
.download-pricelist a{
    margin: 5px;
    font-size: 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 5px 15px;
    color: #aaa !important;
}
/*=================================*/
.JSspinner {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0,.9);
    z-index: 172;
} 
.JSspinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.JSspinner span{
    position: relative;
    top: 50%;
    left: 50%;
    width: 65px;
    height: 65px;
    display: inline-block;
    transform: translate(-50%, -50%);
}
.JSspinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
}
.JSspinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.JSspinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.JSspinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.JSspinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.JSspinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.JSspinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.JSspinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.JSspinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.JSspinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.JSspinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.JSspinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.JSspinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*========= BOOTSTRAP OVERRIDES ======*/
.row {margin: 0; }
.relative{ position: relative; }
.inline-block{ display: inline-block; }
.vert-align { vertical-align: middle; }
.container-fluid{padding: 0; } 
.dropdown, .dropup {display: inline-block; }
.pointer { cursor: pointer; }
.lineh { line-height: 1; } 
 
 @media (min-width: 1200px){
    .container {
        width: 100%;
        max-width: 1340px;
    }
}
.flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
} 
.nowrap { flex-wrap: nowrap; } 
input[type=checkbox], input[type=radio]{ margin: 0 3px;  vertical-align: middle; }
.no-padding{ padding: 0; }
img{ color: #999; font-size: 12px; line-height: 1; }
h1, h2, h3, h4, h5, h6 {  margin: 0; }

.red-dot-error{ color: red; font-size: 13px; }
#map_canvas { height: 330px; }
.googleMap, #map_canvas{
    margin: 15px 0; 
}
hr { margin: 0; }
.dropdown-menu{ min-width: 100%; }
label{ font-weight: normal; margin: 5px 0 0; text-shadow: 0.1px 0 0;}
.form-control {
    background-color: #f2f2f2;
}
/*======================================*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--gray);
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--gray);
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--gray);
}
/*======================================*/
a:link, a:visited, a:active { text-decoration: none; color: var(--gray); outline: none; }
a:hover{    
    color: var(--global_color); 
}
ul { list-style-type: none; margin: 0; padding: 0; }
h1 { font-size: 1.8em; }
h2 { font-size: 20px; } 
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
 
/*button:hover:not(.JSsearch-button):not(.currency-btn):not(.menu-top-toggle):not(.slick-next):not(.slick-prev):not(.add-to-cart-products):not(.not-available), 
.user-card-row a:hover, .news .news-read:hover, .all-filters .filters-remove-div a:hover {
    background-color: #f74922;
}*/
.green-btn, button, .user-card-row a{
    padding: 5px 10px;
    margin: 0 5px;
    background: var(--gradient_green);
    font-weight: 600;
    border-radius: 5px;
    font-size: var(--font_size_11);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4);
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
/*    border: 1px solid #7FA825;*/
    color: #fff;
    display: inline-block;
}
.green-btn:hover, button:hover, .user-card-row a{
    background: var(--gradient_green_reverse);
}
.user-card-row a{
    margin: 5px;
}
button{
    border: none;
    box-shadow: none;
    text-shadow: none;
}
button.submit, .submit-order-button {
    width: 100%;
    max-width: 170px;
    padding: 10px;
}
.wells-cont .row {
    margin: 7px 15px;
}
input[type="text"] {
    display: inline-block;
    width: 100%; 
    padding: 5px 12px;
    color: #666;
    border: 1px solid #ddd;
    background: #f2f2f2; 
    font-size: var(--uniFont);
}
input[type="text"]:focus, button:focus{ outline: none; }
span.select-wrapper { position: relative; display: block; }
/*span.select-wrapper::after {
    content: " ";
    border-top: 0.5em solid #000;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
    position: absolute;
    top: 42%;
    right: 8px;
}*/
select{ 
    background-color: #fff;
    height: 34px;
    padding: 0 7px;
    color: #595959;
    width: 100%;
    border: 1px solid #ddd;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(/images/caretar.png) !important;
    background-size: 7px 7px;
    background-repeat: no-repeat;
    background-position: 98% center;
}
textarea { resize: none; min-height: 100px; }
.contact-page .contact-heading{
    margin: 10px 0;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    font-size: 22px;
    background: #fff;
}
.contact-pdf{
    padding: 0 10px;
}
.contact-pdf a{
    margin: 5px;
    font-size: 12px;
    line-height: 1;
}
.contact-pdf p{
    min-height: 25px;
}
.contact-pdf span{
    color: var(--global_color);
    font-weight: 600;
}
.contact-pdf img{ 
    margin: 10px auto;
    border: solid 2px #fff;
    box-shadow: 0 0 2px 0 #000;
}
/*.JSleft-body-link, .JSright-body-link{ 
    position: absolute;
    left: 0; 
}
.JSright-body-link {  
    left: unset;
    right: 0;
}*/
/*======= RELATED PRODUCT =========*/
.related-products .slick-prev, .related-products .slick-next{ display: none !important; }

/*--- PRODUCT SLIDER ---*/
.sale-products .slick-prev, .sale-products .slick-next,
.b2bMostPopular .slick-prev, .b2bMostPopular .slick-next
{ top: -31px; }

.sale-products .slick-prev, .b2bMostPopular .slick-prev { left: unset; right: 50px; }
.sale-products .slick-next, .b2bMostPopular .slick-next{ right: 0; }
.sale-products .slick-prev:before, .sale-products .slick-next:before,
.b2bMostPopular .slick-prev:before, .b2bMostPopular .slick-next:before
{
	position: absolute;
    font-family: FontAwesome;
    top: 0;
    line-height: 30px;
    height: 30px;
    width: 30px;
    opacity: 1;
    color: var(--global_color);
    font-size: 25px;
}
.sale-products .slick-next:before, .b2bMostPopular .slick-next:before { content: "\f105"; right: 0; }
.sale-products .slick-prev:before, .b2bMostPopular .slick-prev:before { content: "\f104"; left: 0; }
.sale-products .slick-prev:hover:before, .sale-products .slick-next:hover:before{ opacity: .6; } 
 /*=================================*/
.JSmarkedFilter{
    box-shadow: inset 0 0 0 1px var(--blue);
}
.filter-links { 
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    padding: 4px 10px;
    box-shadow: inset 0 0 0 1px #ccc;
    background-color: #fff;
}
.filter-links:hover, .view-buttons span:hover{
    color: var(--blue);
} 
.filt-wrap{
    margin: 3px 10px;
}
.select-fields-content{
	display: none;   
    box-shadow: 0 4px 4px #ccc;
    background: #fff;
}
.select-fields-content label{
	display: flex;
    display: -webkit-flex;
    background: linear-gradient(to left, #fff, #ddd);
    padding: 5px 3px;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-weight: 500;
    line-height: 1; 
    cursor: pointer;
    font-size: 12px;
}
.select-fields-content label:hover{
    box-shadow: inset 3px 0px 0px 0px var(--global_color)
}
.all-filters{ background-color: #f2f2f2; margin: 0 0 3px; }

.all-filters .filters-remove-div span{
    display: block;
    margin: 10px 0 0;
} 
.padd-5 {
    padding: 5px 0;
}
.heading-background{
    position: relative;
    display: block;
    margin: 5px 0;
    font-size: 20px;
    padding: 5px 0;
    border-bottom: 1px solid #DADADA;
}
.wrapContent {
    padding: 0 5px 20px;
    min-height: 630px;
}
/*.heading-background:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 40px;
    background-color: var(--blue);
}*/
/*=========================*/
.new-content {
    padding: 15px 0;
}
/* ============ PREHEADER =========== */
 
/*header #preheader div ul li{ padding: 0;  }*/
 
header #preheader a, header #preheader span{
	color: #fff;
    display: inline-block;
    padding: 3px 6px;
    font-size: var(--menu-top-fontSize); 
}
/*header .right-pseudo:after, header .left-pseudo:after{
    content: '';
    width: 2px;
    height: 18px;
    display: inline-block;
    background: #ddd;
    position: absolute;
    top: 6px;
    right: -3px;
}*/
/*header .left-pseudo:after{
    right: unset;
    left: -2px;
}*/
header #preheader a:hover{
	opacity: .7; 
}
/*header #preheader .curency{
    background-color: #678ab3; 
    margin: 0 5px;
}
header #preheader .curency .drop{
    display: none;
    position: absolute;
    z-index: 1;
    background: #678ab3;  
    min-width: 190px;
    box-shadow: 2px 2px 10px #000;
}
header #preheader .curency .drop ul li{
    padding: 7px 10px;
}
header #preheader .curency span{
    padding: 5px 3px;
    font-size: 90%;
} */
/*=========== HEADER ================*/
header { background: var(--header); }
header .logo { 
    display: inline-block;
    vertical-align: middle;
}
header .logo img {
    max-height: 100px;
}
header .div-in-header{
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	display: -webkit-flex;
	-webkit-align-items: flex-end;
	-webkit-flex-wrap: wrap;
}  
 
.search-form input{ 
    height: var(--inputs_height);
    padding: 5px;
    font-size: 12px;
    background: #fff;
}
.header-cart {
    color: #595959;
    font-size: var(--font_size_11);
    font-weight: 600;
    padding: 10px;
    display: block;
}
/*header .JSsearch-button{
    position: absolute;
    top: 0;
    right: 0; 
    height: 100%;
    padding: 5px 20px;
    background: var(--button);
}*/
header .JSsearch_list {
    position: absolute;
    left: 0px;
    top: 35px;
    z-index: 999;
    width: 100%;
    background: #fff;
    box-shadow: 1px 1px 10px #b3b3b3;
    max-height: 400px;
    overflow: auto;
    font-size: .8em;
}
header .search_list__item__link {
    border-bottom: 1px solid #ddd;
    line-height: 1.4;
    margin: 0 0 5px;
    padding: 5px 10px;
    display: block;
    background: #f2f2f2;
}
header .search_list__item:last-child a {
    border-bottom: none;
}
header .search_list__item__link__text {
    display: inline-block;
    width: 70%;
}
header .search_list__item__link__cat {
    color: #808080;
    width: 30%;
    display: inline-block;
}
header .JSsearch-button i {
	font-size: 20px; 
}
.header-cart-content {
    padding: 0 5px;
}
/*header .mini-cart-container:hover .header-cart-content{
	visibility: visible;
	opacity: 1;
}*/
.header-cart-content li {
    padding: 7px 0;
    font-size: 12px;
    border-bottom: solid 1px #ddd;
}
.header-cart-content li:last-child {
	border-bottom: none;
}
 
.header-cart-content li img {
    max-width: 100%;
    max-height: 50px;
}
.header-cart-title {
    display: block;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
} 
/*header .header-cart-amount {
    border: solid 1px #f0f0f0;
    padding: 0px 10px;
}*/
header .header-cart-summary {
	margin: 2px 0;
    background: #f0f0f0;
    width: 100%;
    display: block;
}
.header-cart-content .close {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 14px;
    opacity: .3;
}
.red-cart a{
    color: var(--global_color);
    font-weight: 600;
    font-size: var(--font_size_11);
}
header .currency-change a{ 
    padding: 1px 3px; 
    font-size: var(--font_size_11);
} 
header .currency-change a.active{
    border: 2px solid #333;
    border-radius: 3px;
}
/*======= STICKY HEADER ANIMATION ========*/
header .JSsticky_header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 51;
    animation: smooth_slide .3s;
    background: var(--header);
    box-shadow: 0 0px 5px #999;
}
@keyframes smooth_slide {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
header .JSsticky_header .logo{ padding: 0; }
header .JSsticky_header .logo img{ max-height: 50px; }
header .JSsticky_header .header-cart{ margin: 12px 0 6px; }

/*========= RESPONSIVE HEADER =========*/
/*header .menu-top-toggle{ 
    margin: 5px 15px;
    padding: 7px;
    border-radius: 0;
}
header .menu-top-toggle span{
	background: #fff;
}*/
 
.JSsubcategory-toggler {
    display: none;
    position: absolute;
    right: 15px;
    top: 0;
    text-align: center;
    color: #333;
}
.JStogg_red{ color: var(--global_color); }

.JSsubcategory-toggler span {
    display: inline-block;
    position: relative;
    width: 29px;
    height: 26px;
    line-height: 28px;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 15px; 
} 

/*========== CATEGORIES ==============*/
.JScategories-titile, .cart-title, .user-company-info p{
    padding: 9px;
    text-align: center;
    background: var(--gradient_white);
    font-size: var(--font_size_11);
    text-transform: uppercase;
    font-weight: 600;
}
.user-company-info ul{
    padding: 0 10px;
    color: #666;
}
.user-company-info ul li span{
    color: var(--global_color);
    font-weight: 600;
    font-size: 90%;
}
 
/*===============================*/
#JScategories h3 i {
    color: #04af04;
}
.categories-menu{
    background: var(--red_replace); /*IF NOT SUPPORTED*/
    background: var(--gradient_red); 
    padding: 5px;
    border-radius: 5px 5px 0 0;
}
.categories-menu select{ 
    padding: 0 20px 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: var(--inputs_height); 
    font-size: 12px;
} 
.margs {
    margin: 0 5px;
}
.breedcr{
    background: var(--gradient_white);
    padding: 3px 5px;
    border-radius: 0 0 5px 5px;
    margin: 0 0 3px; 
    font-size: 13px;
}
.breadcrumb li a { 
    text-decoration: underline; 
}
.breadcrumb li, .breadcrumb li a{
    color: var(--global_color);
    font-size: 11px;
    font-weight: 600;
}
header .pages li { padding: 0; }

header .pages li a{ 
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 15px;
    border-radius: 5px 5px 0 0;
    background: #fff;
    color: #333;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
header .pages li a:hover, header .pages li .active {
    background: var(--global_color);
    color: #fff;
}
/*COLOR WHITE*/
.white ul li a, footer .social-icons a, .news .news-read, #product-preview .tags li, .tab-titles li, footer .JSscroll-top,
.user-card-row a, .white, a.green-btn, .level-1-list > .JSsubcategory-toggler{  
    color: #fff;
}
 
/*header .JScategories-titile { 
    background: var(--global_color);
    font-size: 16px;
    line-height: 40px;
    text-align: center; 
    font-weight: 500;
}*/
 
header .category-nav {
    width: 100%;
/*    max-width: 250px;*/
}
/*#JScategories .JSlevel-1{
    display: none;
    position: absolute;
    background-color: #fff; 
    width: 100%;
    border-right: 1px solid #DADADA;
    border-left: 1px solid #DADADA;
    z-index: 50; 
}*/
/*#JScategories:hover .JSlevel-1{
	display: block;
}*/
#JScategories .JSlevel-1 li a{  
    position: relative;
    padding: 4px 10px;
    overflow: hidden;
    color: #222;
    font-size: 12px;
    /* min-height: 25px; */
    display: block;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    transition: none;
    -webkit-transition: none;
}
#JScategories .JSlevel-1 .level-1-list > a {
    background: var(--red_replace); /*IF NOT SUPPORTED*/
    background: var(--gradient_red);
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    pointer-events: none;
} 
#JScategories .JSlevel-2 li {
    position: relative; 
    clear: both;
}

/*#JScategories .JSlevel-2 {
    position: absolute;
    padding: 0 0 3px 0;
    width: 878px;
    display: none;
    top: 0px;
    left: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 700;
}*/
#JScategories .lvl-1-img-cont {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    margin: 0 5px 0 0;
}
#JScategories .level-1-img {
    max-width: 25px;
    max-height: 23px;
    display: inline-block;
    padding: 1px;
} 
#JScategories .JSlevel-2 li a {
    width: 100%;
    border-bottom: solid 1px #efefef; 
}   
#JScategories .JSlevel-4 li a {
    margin: 0 0 0 10px;
    width: auto;
    font-size: 11px;
}
#JScategories .JSlevel-2 .active > a, #JScategories .JSlevel-2 > li .active {
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    background-image: none !important;
}

#JScategories .JSlevel-2 li .lvl-2-cont {
    height: 50px;
    width: 55px;
    border-bottom: none;
    padding: 6px 0;
}
#JScategories .JSCategoryLinkExpend {
    padding: 0 5px;
    cursor: pointer;
    color: #ddd;
    position: absolute;
    top: 4px;
    right: 0;
}
.lvl-2-img{
    max-height: 15px;
    max-width: 100%;
    display: inline-block;
}
.lvl-2-img-cont{
    width: 25px;
    height: 18px;
    text-align: center;
    margin: 0 2px 0 0;
    overflow: hidden;
}
/*============ MAIN CONTENT ============*/
/*.main-content { 
	min-height: 630px;
	padding-bottom: 20px;
} */
.main-content .slick-slider {
    margin-bottom: 10px;
} 
.radius, .radius-vis {
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 3px;
    padding: 2px 0;
}
.radius-vis {
    overflow: visible;
} 
/*============ MAIN SLIDER ================ */
#JSmain-slider {
    max-height: 270px;
    max-width: 100%;
    overflow: hidden;
} 
#JSmain-slider img{
    max-height: 270px;
    width: 100%;
}
#JSmain-slider .slick-next, #JSmain-slider .slick-prev {
    height: 100%;
    width: 80px;
    top: 0;
    margin: 0;
} 
#JSmain-slider .slick-next { right: 0; }
#JSmain-slider .slick-prev { left: 0; }  
#JSmain-slider .slick-prev:before, #JSmain-slider .slick-next:before {
    position: absolute;
    top: 0;
    font-family: FontAwesome;
    height: 100%;
    width: 100%;
    opacity: 1;
    font-size: 30px;
    color: rgba(255,255,255,.8);
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    font-weight: normal;
}
#JSmain-slider .slick-next:before {
    content: "\f054";
    right: 0;
    background: linear-gradient(to right, rgba(0,0,0,.03), rgba(0,0,0,.6));
}
#JSmain-slider .slick-prev:before {
    content: "\f053";
    left: 0;
    background: linear-gradient(to left, rgba(0,0,0,.03), rgba(0,0,0,.6));
}
#JSmain-slider .slick-next:hover:before {
    background: linear-gradient(to right, rgba(0,0,0,.06), rgba(0,0,0,.9));
}
#JSmain-slider .slick-prev:hover:before {
    background: linear-gradient(to left, rgba(0,0,0,.06), rgba(0,0,0,.9));
}
/********/

#JSmain-slider .slick-dots {
    bottom: 20px;
}
#JSmain-slider .slick-dots li {
    border: 1px solid #ddd;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}
#JSmain-slider .slick-dots button {
    background: transparent;
}
#JSmain-slider .slick-dots .slick-active {
    background-color: #ddd;
}
.slick-dots li.slick-active button:before {
    font-size: 0;
}
/*====================*/
.banners-right {
    padding: 5px 0;
}
.banners-right img{
    max-height: 200px;
    padding: 0 1px;
    width: 100%;
}   
.banners-right p { 
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
.bw{ background-color: #fff; }
/*============ PRODUCT ================ */
.product-content, .product-content-list { 
/*    overflow: hidden;  */
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    margin: 5px 1%;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
}
/*======================*/
.sticker_cont > img{
    max-height: 50px;
    max-width: 90px;
    margin: 5px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.sticker_cont > img:nth-child(2){ 
    right: 0;
}
/*======================*/
.article-edit-btn{
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #ccc;
    font-size: 11px;
    padding: 0 5px;
    background: #fff;
    z-index: 1;
    font-weight: 600;
}
.product-content-list{
    margin: 2px 5px;
}
.product-image-wrapper {
    height: 160px;
    display: flex;
    display: -webkit-flex;
    overflow: hidden;
}
.product-list .product-image-wrapper{
    height: auto;
} 
.product-image-wrapper img {
    max-height: 140px;
    padding: 0 10px;
    margin: auto;
} 
.product-title {
    display: block; 
    overflow: hidden; 
    margin: 5px 0;
    font-size: 13px;
    color: #000; 
    line-height: 1;
}
.product-content .product-title{
    height: 40px;
}

.product-content-list .product-title{ height: auto; margin: 20px 0 0; }

.product-content .product-info {
    padding: 5px 5px 10px;
}
.product-content .quant-container{
    font-size: 12px;  
    padding: 0;
} 
/*.product-content .quant-container .article-psw span:nth-child(2){
    max-width: 58%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}*/
.table-action{
    color: var(--global_color);
    text-transform: uppercase;
    font-weight: 600;
}
/*.product-action{
    position: absolute;
    top: 0;
    left: -20px; 
    background: #30323a;
    color: #fff;
    padding: 2px 5px;
    font-weight: 600;
    font-size: 11px;
    z-index: 1;
}*/
.ribbon-sale {
    position: absolute;
    left: -3px;
    top: -3px;
    z-index: 1;
    overflow: hidden;
    width: 45px;
    height: 45px;
}
.ribbon-sale span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 55px;
    display: block;
    background: var(--global_color);
    box-shadow: 1px 1px 5px #bbb;
    position: absolute;
    top: 6px;
    left: -12px;
}
.ribbon-sale span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid var(--global_color);
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid var(--global_color);
}
.ribbon-sale span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid var(--global_color);
    border-bottom: 3px solid transparent;
    border-top: 3px solid var(--global_color);
}
/********************/
.product-price{ 
    font-size: 15px;
    text-shadow: 0.1px 0.1px;
    letter-spacing: -0.5px; 
    line-height: 1.1;
    overflow: hidden;
    color: var(--global_color);
} 
.product-price span{
    font-size: 85%;
}
.product-content .product-price{
    height: 18px;
}
.old-price{
    text-decoration: line-through;
    color: #777;
    font-size: 90%;
}
.product-content .product-old-price{
    font-size: 80%;
    text-decoration: line-through;
    position: absolute;
    top: -5px;
} 
.quantity-change{
    border: 1px solid #ccc;
    margin: 5px 0; 
    border-radius: 5px;
    display: inline-flex;
    display: -webkit-inline-flex;
    vertical-align: middle;
} 
.add-to-cart-container{
    height: 45px;
} 
.quantity-change a{
    display: inline-block;
    width: 18px;
    height: 26px;
    text-align: center;
    padding: 8px 0;
    font-size: 12px;
    opacity: .7;
    line-height: 1;
}
.product-content .add-amount, .product-content-list .add-amount,
.product-list table .add-amount, .quantity-change .cart-amount, .quantity-change .add-amount{
    width: 22px;
    height: 26px; 
    padding: 0;
    text-align: center;
    background: transparent;
    border: none;
} 
.add-to-cart-container button, .table-btn button {
    display: inline-block;      
    background: var(--add-to-cart-btn);    
    padding: 5px 7px; 
    color: #fff;
    cursor: pointer; 
    text-align: center; 
    font-size: 13px;
    position: relative;
    margin: 5px 0;
    max-width: 70px;
    width: 100%;
    border-radius: 5px;
    font-weight: normal;
} 
.table-btn button{ 
    margin: 0;
    width: auto;
    max-width: initial;
}
.product-content .add-to-cart-products:hover, header .JSsearch-button:hover, .table-btn button:hover{
    background: var(--gradient_green_reverse);
}
  
.add-to-cart-container .not-available{
    max-width: unset;
    width: auto;
    opacity: 0.4; 
} 

.product-content:hover{
    -webkit-box-shadow: 0 5px 5px #b3b3b3;
    box-shadow: 0 5px 5px #b3b3b3;
}
/*CUSTOM TOOLTIP*/
#JScustomTooltip_img{
    position: absolute;
    box-shadow: 0 0 5px #ccc;
    padding: 10px;
    background: #fff;
    z-index: 99;
    display: none;
}
#JScustomTooltip_img img{
    max-height: 150px;
    max-width: 100%;
}
/*========= CUSTOM PAGE =============*/
.custom-pages{
	padding: 15px 5px;
}
.custom-pages img{
	max-width: 100%; 
}
/*========= PRODUCT LIST ============*/
.product-list-options{
    background: #f2f2f2; 
    padding: 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-flex-wrap: wrap;
}
.product-list table img{
    max-height: 50px;
    margin: auto;
    min-width: 49px;
    padding: 0;
}
.product-list table thead th, .product-list table tbody td{
	vertical-align: middle;
	text-align: center; 
    line-height: 1.3;
    font-size: 13px;
    max-width: 220px;
    white-space: unset !important;
}
.product-list table thead th{
	background: #f2f2f2;
    font-weight: 500;
    letter-spacing: 1px;
}
.product-list .product-title{
    min-width: 200px;
}
.addon-title{
    margin: 5px 0 0;
    color: #333;
}
.product-content .addon-title{
    height: 20px;
    overflow: hidden;
    margin: 0 0 5px;
} 
 
.product-list table thead th:nth-child(2)
{ width: 20%; }
    

/******************************/

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(../../../images/fancybox/fancybox_sprite.png) !important;
}
.zoomWrapper {
    width: 100% !important;
    height: 300px !important;
    line-height: 300px;
    text-align: center;
    background: #fff;
    overflow: hidden !important;
    position: relative;
}
.zoomWrapper span {
    width: 100% !important;
}
.zoomWrapper img {
    position: relative !important;
    height: auto !important;
    max-height: 100% !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
    width: auto !important;
    margin: auto;
    padding: 10px 0;
}
a.elevatezoom-gallery {
    position: relative;
    width: 23%;
    height: 80px;
    max-height: 80px;
    display: inline-flex;
    display: -webkit-inline-flex;
    background: #fff;
    z-index: 1;
    overflow: hidden;
    border: 1px solid #ddd;
    margin: 3px;
    padding: 5px;
    vertical-align: middle;
}
a.elevatezoom-gallery img {
    margin: auto;
    max-height: 70px;
    max-width: 100%;
}
/* ============ FOOTER =============== */
.futa {
	background: var(--footer_bg); 
    padding: 10px;
    font-size: 12px;
    margin: 90px 0 0;
} 
.futa a, .futa{
    color: #a8a8a8;
}
footer .foot-title{
    text-transform: uppercase;
    font-size: 14px;
    margin: 5px 0;
    color: #333;
    font-weight: 600;
}
/*footer .JStoggMap{ 
    font-size: 11px;
    margin: 0 15px;
} 
footer .JStoggMap i{
    animation: bouncer 2s infinite;
    color: var(--global_color);
    font-size: 18px;
} */
@keyframes bouncer{
  0%, 20%, 50%, 80%, 100% { transform: translateY(0px)}
  40%{transform: translateY(-10px)}
  60%{transform: translateY(-15px)}
} 
/*footer .foot_1{
    padding: 20px 0 15px;
}
footer .foot_1 div img{
    margin: 0 auto 5px;
}*/
footer .logo img{
    max-height: 100px;
    margin: auto;
}
footer .newsletter-input {
    width: 80%;
    margin: 5px 0 10px;
}
footer .newsletter-input button{  
    position: absolute;
    top: 0;
    right: 0px;
    height: 100%; 
}
footer .newsletter-input input{
    border: none;
    padding: 5px 10px;
    padding-right: 80px;
    height: 34px;
}  
 
footer .foot_2 ul li div span{
    background: #fff;
    border-radius: 4px;
    color: #535353;
    font-weight: 600;
    display: inline-block;
    padding: 1px 5px;
    margin: 0 5px;
    text-transform: uppercase;
    font-size: 80%;
}
footer .social-icons a{ 
	display: inline-block;
	margin: 5px;
	font-size: 18px;
}
footer .social-icons a:hover{
	opacity: .7;
}
.foot-note {
    font-size: 12px; 
}
.foot-note p{ 
    max-width: 1040px;
    margin: 10px auto;
}
footer .foot-note a, footer .foot-note{
	color: #bbb; 
}  
footer .footer-lists li a{ 
	display: inline-block; 
}
footer .JSscroll-top {
    position: fixed;
    font-size: 14px;
    text-align: center;
    right: -70px;
    bottom: 250px;
    background: var(--red_replace); /*IF NOT SUPPORTED*/
    background: var(--gradient_red);
    z-index: 20;
    padding: 10px 15px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
footer .JSscroll-top:hover {
    background: var(--gradient_red_reverse);
}
/*============ INFO & CONFIRM POPUP ============*/
.popup {
    position: fixed; 
    width: 100%;
    height: 0;
    left: 0;
    top: -2000px;
    overflow: hidden; 
    z-index: 999;
}
.popup-opened { top: 0; height: 100%; }
.popup-wrapper { left: 50%; top: 45%; position: relative; }
.popup-inner { left: -50%; top: -50%; position: relative; background: #fff; }
.popup-close {
    position: absolute;
    right: 8px;
    top: 2px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 25px;
    color: #5A5A5A;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    background: none;
}
.info-confirm-popup { display: none; }
.info-popup, .confirm-popup { top: 0; height: 100%; background: rgba(44, 44, 44, 0.8); }
.info-popup .popup-wrapper, .info-popup .popup-inner { max-width: 320px; }
.confirm-popup .popup-wrapper, .confirm-popup .popup-inner { width: 300px; }
.info-popup .popup-inner, .confirm-popup .popup-inner { background: rgba(153, 153, 153, 0); }
.confirm-popup .popup-inner { text-align: center; }
.info-popup .p-info, .confirm-popup p {
    margin: 0;
    color: var(--gray);
    text-align: center;
    background: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 5px 5px 20px 5px #333;
    font-size: 18px;
}
/*========================*/ 
.first-popup {
    position: fixed;
    top: -1000px; 
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 70;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    /*display: none;*/
}
.first-popup .first-popup-inner { margin: auto;  border: 1px solid #ddd;}
.first-popup .JSclose-me-please{
    color: #f2f2f2;
    position: absolute;
    top: -25px;
    right: -25px;
    z-index: 5;
    font-size: 30px;
    line-height: 1;
    padding: 0 5px;
    cursor: pointer;
    text-shadow: 0 0 3px #000; 
}
.first-popup .JSclose-me-please:hover {
    opacity: .8;
    text-shadow: 0 0 10px #000;
}
.first-popup-inner img {
    max-width: 100%;
    max-height: 380px;
    padding: 2px;
} 
/*======================*/
/* ========== BREADCRUMBS ============ */
 
.breadcrumb{
    margin: 0;
    padding: 0;
    background: var(--gradient_white);
    font-size: 12px;
}
/*===================================*/
.brend-item {
    background: #fff;
    overflow: hidden;
    padding: 5px 15px;
    font-weight: bold;
    color: #222;
    height: 80px;
    margin: 15px 0;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 3px #f2f2f2;
}
.brend-item img {
    max-height: 70px;
    padding: 5px 0;
    width: auto;
}
.manufacturer-categories h3 {
    font-size: 1em;
    margin: 5px 0;
    padding: 5px;
    font-weight: 100;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}
.manufacturer-categories ul li a {
    border: 1px solid #ddd;
    margin: 2px 0;
    display: block;
    padding: 2px 5px;
    background-color: #f5f5f5;
}
/*============ NEWS ================*/
.news {
    margin: 10px 15px;
    background: #fff;
    box-shadow: 1px 1px 7px #ddd;
}
.news img{
    max-height: 300px;
    margin: auto;
    padding: 15px;
}
.news .news-read{
    background-color: var(--button); 
    margin: 10px 0;
    padding: 3px 10px;
    display: inline-block;
}
.news-title {
    margin: 16px 0;
    border-width: 2px;
}
.single-news-container img{
    max-height: 410px;
    margin: auto;
    padding: 30px 0;
}
.empty-page{
    padding: 10px;
    margin: 10px 0;
    display: block;
    background: #f2f2f2;
}
/*======== PRODUCT LIST ===========*/
 
.sub_category_item {
    height: 50px;
    padding: 0;
    transition: 0.2s ease-in;
    overflow: hidden;
    position: relative;
    margin: 3px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.sub_category_item img {
    max-height: 45px;
    max-width: 45px;
    padding: 5px 0;
    margin: 0 8px;
}
.sub_category_item p {
    margin: 0;
    padding: 0 8px 0 0;
    line-height: 1;
    font-size: .9em;
    word-wrap: break-word;
}
.sub_category_item:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 5px;
    bottom: 0px;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
}
.currency-btn {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0 8px;
    border-radius: 0;
    color: #000;
    margin: 0;
}
.currency-list a {
    padding: 2px 11px !important;
}
.currency-btn:hover{
    background: unset;
}
.currency-list{
	margin: 0;
	padding: 0; 
}
.currency-list li {
    border-bottom: 1px solid #ddd;
}
.view-buttons {
    display: inline-block;
    margin: 0 10px 0 0;
}
.view-buttons span {
    width: 20px;
    vertical-align: middle;
    display: inline-block;
    font-size: 14px;
    color: #777;
}
.view-buttons span.active {
    color: var(--global_color);
}
.small-font {
    font-size: var(--font_size_11);
}
.pagination {
    margin: 0 15px;
    vertical-align: middle;
}
.pagination li a {
    padding: 4px 8px;
    font-size: 12px;
    background-color: #fff;
    color: #777;
    font-weight: 600;
}
.pagination .disabled a:hover, .pagination .disabled a{
    cursor: pointer;
}
.pagination>.active>a, .pagination>.active>a:hover {
    background: var(--global_color);
    color: #fff;
    border: 1px solid #ddd;
}
/*.JSImgLoop a, .article-modal-container-inner .modal-galery-container a {
    width: 100%;
    max-width: 80px;
    height: 75px;
    border: 1px solid #ddd;
    border-radius: 4px;
    vertical-align: middle;
    margin-top: 4px;
    padding: 5px;
    background: #fff;
    display: inline-flex;
    display: -webkit-inline-flex;
}
.JSImgLoop a img, .article-modal-container-inner .modal-galery-container a img {
	max-height: 65px;
    margin: auto;
    max-width: 100%;
}*/
/* ======== PRODUCT PREVIEW INFO ============ */ 

#JSarticle-img {
    cursor: pointer;
    transition: 0.3s;
    margin: auto;
    max-height: 350px;
}
.article-modal-container {
    display: none; 
    position: fixed;  
    left: 0;
    top: 0;
    width: 100%;  
    height: 100%;  
    overflow: auto;  
    background-color: #fff;    
    z-index: 888;
}
.article-modal-img {
    margin: auto;
    max-height: 400px;
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}
@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}
.JSarticle-modal-close {
    position: absolute;
	top: -50px;
    right: 10px;
    color: #ff0000;
    font-size: 6rem;
    transition: 0.2s;
    line-height: 1;
    cursor: pointer;
}
.JSarticle-modal-close:hover{
    color: #bbb;    
}
.article-modal-container-inner{
    position: relative;
    padding: 10px;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%);
    width: 50%;
    display: inline-block;
}
.article-modal-container-inner .modal-img-container{ 
    height: 415px; 
    display: flex;
    display: -webkit-flex;
} 
/*.product-view{
    height: 360px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}
.product-view:hover, .product-preview-image .elevatezoom-gallery:hover{
	border-color: var(--global_color);
}*/
/*=============================*/
 
.add-to-cart-area button{
    width: 150px;
    height: 46px;
    background-image: url('/images/add_to_basket_article.png');
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: 0 0;
    vertical-align: middle;
}  
.add-to-cart-area button:hover {
    background-position: 0 -46px; 
}
.product-preview-info .article-heading {
    margin: 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.manufac span, .product-preview-info ul li a{
    color: var(--red_replace);
    font-weight: 600;
}
.files-list-item {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 10px 10px 0;
}
.files-list-item img {
    max-height: 20px;
    max-width: 100px;
}
#product-preview .tags li{ 
    font-size: 14px;
    margin: 10px 5px;
    border-radius: 5px;
    padding: 0px 5px;
    display: inline-block;
    background-color: #44aacb;
}
.product-preview-price > span{
    display: inline-block;
    font-size: 25px;
    color: #D13E3B;
    margin: 10px 0;
}
.product-preview-price-old {
	display: block;
	font-size: 1.4em;
	line-height: 2em;
	text-decoration: line-through;
	padding: 15px;
}
/*- PRODUCT PREVIEW TABS */
.product-preview-tabs {
	margin-top: 20px;
} 
.tab-titles li {
	display: inline-block;
    padding: 5px 50px;
    text-align: center;
    background-color: #bbb;
    cursor: pointer;
    font-weight: 600;
    border-bottom: 1px solid #f4a137; 
}
.tab-content {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 10px;
    min-height: 100px;
}
.tab-content table{
    width: 100%;
}
.tab-content table tr:nth-child(even){
    background-color: #f2f2f2;
}
.tab-content table tr td{
    padding: 5px 10px;
    line-height: 1;
}
.product-preview-tabs .generated-features-list li, .product-preview-tabs .features-list li {
    display: inline-block;
    padding: 2px 10px;
    line-height: 1.3;
    width: 48%;
    vertical-align: middle;
    font-weight: normal;
}
.product-preview-tabs .features-list li{
    border-bottom: 1px solid #ddd;
    vertical-align: unset;
}
.product-preview-tabs .generated-features-list li ul li {
    border-bottom: 1px solid #ddd;
}
.product-preview-tabs .generated-features-list:nth-child(even), .product-preview-tabs .features-list {
    background: #f5f5f5;
}
.product-preview-tabs .generated-features-list li ul li:nth-last-child(-n+2) {
    border-bottom: none;
}
 
/*============ CART ============*/
.cart-summary div{
    padding: 7px;
    border-left: solid 3px #bbb;
    border-bottom: 1px solid #bbb;
    background: #f2f2f2;
    margin: 5px 0;
} 
.cart-labels {
	margin-top: 20px;
}
.cart-labels thead{
    background-color: #f2f2f2;
}
.cart-table table thead {
    background-color: #f2f2f2;
} 
.cart-labels table thead tr th, .cart-labels table tbody tr td,
.cart-table table thead tr th, .cart-table table tbody tr td{
	text-align: center;
    vertical-align: middle;
    overflow: hidden;  
    font-size: 12px;
    max-width: 200px;
    padding: 5px;
    text-overflow: ellipsis;
}
.cart-labels .close{
    float: none;
}
.cart-table {
    font-size: 12px;
}
.cart-image img {
	max-height: 50px;
	margin: auto;
    min-width: 45px;
}  
/*============= USER CARD ================*/
.user-card-modal div table thead tr th{
    text-align: center;
}
.user-card-modal div table tbody tr td{

}
.user-card-row{
	display: flex;
	align-items: flex-end;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: flex-end;
    margin: 0 0 20px;
}
.user-card-row form{
	display: inline-block;
}
/*.user-card-row a{
    display: inline-block; 
    padding: 5px 8px;
    background-color: var(--button);
    margin: 5px;
}*/
.user-card-table table thead th{
	text-align: center;
    font-weight: 500;
}
.user-card-total-price li{
    padding: 10px;
    border-left: solid 3px #bbb;
    border-bottom: 1px solid #bbb;
    background: #f0f0f0;
    margin: 5px 0;
    text-align: right;
}
@media screen and (min-width: 641px){
    .product-preview-tabs .generated-features-list, .product-preview-tabs .features-list {
        font-size: 1em;
        padding: 0 10px;
        display: table;
        width: 100%;
        border-bottom: 1px solid #ccc;
    }
}
/*=============================================*/
@media screen and (min-width: 991px){
/*	#JScategories .JSlevel-1 li:hover .JSlevel-2 {
	    display: block;
	    border-left: 1px solid var(--orange);
	    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.175);
	    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.175);
	    min-height: 100%;
	}*/
/*    #JScategories .JSlevel-1 > li:hover {
	    box-shadow: inset 3px 0px 0px 0px var(--blue), 1px 1px 2px #ddd, -1px -1px 2px #ddd;
	    z-index: 710;
	}  */ 
/*    #JSmain-slider { 
        margin: 0 0 0 16.65%;
    }*/
    .apr-img { min-height: 170px; }
    #JScategories .JSlevel-3 {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        width: 280px;
        background: rgba(0, 0, 0, 0.85);
        overflow: hidden;
        z-index: 700;
        padding: 10px 5px;
        margin: 3px 0;
        border: solid 1px #fff;
        box-shadow: 0 0 0 3px rgba(0,0,0,.8);
    } 
    #JScategories .JSlevel-2 li:hover .JSlevel-3 {
        display: block;
    }
    #JScategories .JSlevel-2 > li:hover {
        background: rgba(0, 0, 0, 0.85);
    }
    #JScategories .JSlevel-2 > li:hover .lvl-2-link{
        background-image: none;
    }
    #JScategories .JSlevel-2 li:hover a {
        color: #fff;
    }
    #JScategories .JSlevel-3 li a:hover {
        background: var(--global_color);
    }
    #JScategories .JSlevel-3 li a { 
        border: none;
    }
    #JScategories .JSlevel-2 li .lvl-2-link{ 
        background-image: url(/images/categoty-bullet.png);
        background-repeat: no-repeat;
        background-position: 97%;
        border-left: solid 1px #efefef;
    }  
    footer .footer-lists li a { 
        margin: 0px 10px;
    } 
/*    header #preheader .curency:hover .drop{
        display: block; 
    }*/
    .middle-content{
        margin: 0 4px;
    }
    #JScategories .JSlevel-2 > li > a {
        background-image: url(/images/categoty-bullet.png);
        background-repeat: no-repeat;
        background-position: 97%;
    }   
    .select-fields-content{
        display: none;
        position: absolute;
        z-index: 4;
        width: 100%;
        left: 0; 
    }
    .JSlevel-4 li { display: none; }
     
    .curr-cont{ margin: 0 0 0 115px; }
 
}
/*=============================================*/
@media screen and (max-width:1200px) {
     .header-cart-content {
        display: none;
    }
} 
/*=============================================*/
@media only screen and (max-width: 991px){ 
/*	#responsive-nav {
	    position: fixed;
	    left: 0;
	    top: 0;
	    bottom: 0;
	    max-width: 270px;
	    width: 0%;
	    overflow: hidden;
	    background-color: #f2f2f2;
	    -webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	    transform: translateX(-100%);
	    -webkit-transition: 0.5s all;
	    transition: 0.5s all;
	    z-index: 990;
	    overflow-y: scroll;
	} 
	header .resp-nav-btn {
	    display: inline-block;
	    border: 1px solid #fff;
	    color: #fff;
	    padding: 6px 10px;
	    cursor: pointer;
	    font-size: 15px;
	    line-height: 1;
	    margin: 5px 15px 5px 0; 
     }
	 .openMe {
	    width: 100% !important;
	    -webkit-transform: translateX(0%) !important;
	    -ms-transform: translateX(0%) !important;
	    transform: translateX(0%) !important;
	}*/ 

/*    header .JSclose-nav {   
		display: inline-block;
		position: absolute;
        right: 15px;
        top: 11px;
        font-size: 30px;
        line-height: .5;
	}*/
	#JScategories .JSlevel-1 li .lvl-2-link {
        font-size: 102%;
        padding: 6px 10px;
        font-weight: 600;
	}
 
	.JSsubcategory-toggler{
	    display: inline-block;
	}
	.level-1-list{ position: relative; }
 
/*	.container { width: auto; padding: 0;}*/

	#JScategories .JSCategoryLinkExpend, .JSlevel-2, .JSlevel-3, .JSlevel-4  {
		display: none;
	}
    .banners-right img{ margin: 5px auto 0; }
    .sm-nopadd { padding: 0; } 
    #JScategories .JSlevel-3 li a {
        padding: 4px 25px;
    } 
    .container {
        width: auto;
        padding: 0 5px;
    }
    .sm-margin {
        margin: 10px 0 0;
    }
}
/*=============================================*/
@media only screen and (max-width: 768px){ 
	.main-content{  min-height: 300px; }
	/*.product-view{ height: 235px; }*/
    #JSarticle-img { max-height: 220px; }
    .article-modal-container-inner .modal-img-container {  height: 315px; }
    .product-preview-tabs .generated-features-list li, .product-preview-tabs .features-list li {
        width: 100%;
    }
    .product-preview-tabs .generated-features-list .features-list-title {
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        color: #000;
        font-weight: 600;
    }
   .product-preview-tabs .generated-features-list, .product-preview-tabs .features-list {
        margin: 30px 0;
    }
    .sm-text-center { text-align: center; }
/*    header #preheader .navbar-collapse{ padding: 0 10px; }
    header #preheader .navbar-collapse ul li{ display: block; } */
/*    .container{ padding: 0; }*/
 
    .JSresp_pages{ 
        position: fixed;
        background: rgba(0,0,0,.6);
        width: 100%;
        max-width: 140px;
        z-index: 10;
        left: -140px;
        top: 22%;
        box-shadow: 1px 0 5px rgba(0,0,0,.5);
        transition: .2s;
    }
    .JSshow_Hide{
        left: 0;
    }
    header .pages li{ text-align: left; }

    header .pages li, header .pages li a {
        display: block;
    }
    header .pages li a{
        margin: 0 0 3px;
    }
    .JSresp_pages_togg {
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 4;
        box-shadow: 1px 1px 5px;
        margin: 0 5px;
    }
    .JSresp_pages_togg span{
        display: inline-block;
        background: var(--red_replace);
        background: var(--gradient_red);
        padding: 5px;
        color: #fff;
        font-weight: 600;
        letter-spacing: 1px;
    }
 
    .disableZoomer:after {
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .zoomWrapper {
        height: 180px !important;
    } 

}
/*=============================================*/
@media screen and (max-width:640px) {
	.features-content li {
		width: 100%;
	}
}
/*=============================================*/
@media only screen and (max-width: 480px){ 
    .tab-content table tr td{ width: 50%; }
    .article-modal-img{ max-height: 250px; }
 	.article-modal-container-inner { width: 100%; }
    .product-preview-info .article-heading, .heading-background{ font-size: 18px; }  
    .custom-pages { padding: 20px 10px; }
    header .logo img { max-height: 65px; }
    footer .newsletter-input {
        width: 100%;
        margin: 20px 0;
    }
    footer .foot-title{ margin: 15px 0; } 
    .margs{ margin: 5px; }
}