/*** import fonts ***/
@font-face{
	font-family:'FA';
	src: 
		url('../fonts/fontawesome-webfont.woff2') format('woff2'),
		url('../fonts/fontawesome-webfont.woff') format('woff'),
		url('../fonts/fontawesome-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Thin.woff2') format('woff2'),
        url('../fonts/Gotham-Thin.woff') format('woff'),
        url('../fonts/Gotham-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff'),
        url('../fonts/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.woff2') format('woff2'),
        url('../fonts/Gotham-Light.woff') format('woff'),
        url('../fonts/Gotham-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Black.woff2') format('woff2'),
        url('../fonts/Gotham-Black.woff') format('woff'),
        url('../fonts/Gotham-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: black;
    font-display: swap;
}

@font-face {
    font-family: 'DIN';
		font-style: bold;
    src: 
        url('../fonts/DINNextLTPro-Bold.woff2') format('woff2'),
        url('../fonts/DINNextLTPro-Bold.woff') format('woff'),
        url('../fonts/DINNextLTPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/Inter.ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/Inter.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/Inter.ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/Inter.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Inter.ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Inter.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Inter.ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Inter.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Inter.ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Inter.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Inter.ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Inter.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Inter.ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Inter.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/Inter.ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/Inter.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/Inter.ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/Inter.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*** General styles ***/
* { overflow-wrap: break-word; word-break: break-word; } 
html { scroll-behavior: smooth; }
body			{font: 12px Arial, Helvetica, sans-serif; color: #000000; margin: 0; padding: 0; background: #E5E5E5; }
body.popup	{font: 12px Arial, Helvetica, sans-serif; color: #000000; margin: 0; padding: 0; background: #E5E5E5;}
.popup-shade { z-index: 10000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); } 
.popup-shade > .popup-close:after { font-size: 28px; color: #999; padding: 1px 5px; }
.popup-shade > .popup-close:hover:after { color: #fff; }
.popup-area { z-index: 20000; position: fixed; top: 0; left: 0; max-height: 100vh; max-width: 100vw; overflow: auto; box-shadow: 10px 10px 10px #000; }
.popup-area img { width: auto; height: auto; max-width: none; max-height: none; }
.popup-area .popup-close:after { font-size: 14px; }
.popup-block, .bk-popup { display: block; padding: 10px; background: #fff; border: 3px solid #069; min-height: 100px; min-width: 400px; border-radius: 5px; }
.popup-block .popup-close:hover, .bk-popup .popup-close:hover { color: #f00; }
.popup-close, .msg-close { display: block; text-align: right; cursor: pointer;}
.popup-block .head, .bk-popup .head { clear: both; font: bold 18pt Arial; color: #069; text-align: center; }
.popup-block .body, .bk-popup .body { clear: both; font: 12pt Arial; padding: 10px 0; }
.popup-block .foot, .bk-popup .foot { clear: both; font: 10pt Arial; padding: 10px 0 0; color: #999; text-align: center; }
.pp-link, .popup-link { cursor: pointer; }
.pp-link:hover, .pp-link.expand-open, .popup-link:hover, .popup-link.expand-open { color: #2F97EC; }
.pp-help, .pp-hint, .help-popup, .note-popup { font-family: Arial; display: none; padding: 0; position: absolute; z-index: 222; padding: 8px; background: #fbfbff; border: 1px solid #4a7eba; border-radius: 3px; box-shadow: 10px 10px 10px #333; min-height: 50px; min-width: 100px; max-width: 500px; color: #2F97EC; }
.pp-help.expand-open, .pp-hint.expand-open, .help-popup.expand-open, .note-popup.expand-open { display: block; }
.pp-help .pp-body { clear: both; padding: 8px; }

.wishlist-popup { min-width: 300px; width: 300px; line-height: 20px; }
.wishlist-desc { margin-top: 10px; }
.popup-body { clear: both; }
.bk-promo { text-decoration: none; background: #fff; padding: 10px; border: 3px dotted #019fe6; box-shadow: 3px 3px 3px #ccc; }
.popup-message { border: 1px solid #CED7DF; background: #fff; padding: 5px; width: 300px; white-space: normal; text-align: center; cursor: pointer; }
.popup-error { border: 1px solid #c00; background: #FFE0E0; padding: 5px; width: 300px; white-space: normal; text-align: center; cursor: pointer; }

.notice, .checkout-notify, .notification {
	margin: 20px 5px 5px 0; padding: 15px 20px;  border-radius: 10px; border: 1px solid #366a8f;
	background-color: #d6ecfa; background: linear-gradient(#d6ecfa, #bcddee); box-shadow: 3px 3px 3px #366a8f;
	color: #366a8f; font-size: 20px; line-height: 30px; 
}

.notice .title, .checkout-notify .title, .notification .title {
	display: block;
	color: #d6ecfa; text-transform: uppercase; font-size: 20px; font-weight: bold;
	padding: 5px 10px; 
	border-radius: 2px; background-color: #366a8f;
}
.notice .note, .checkout-notify .note, .notification .note { 
	display: inline-block; 	
	color: #d6ecfa; text-transform: uppercase; font-size: 16px; font-weight: bold;
	padding: 2px 10px; 	margin-left: 40px;
	border-radius: 5px; background-color: #366a8f;
}

i, .fa, .ico, .icon { font-family: FA; font-style: normal;  }
a	{ outline: 0px; text-decoration: underline;}
a:hover { text-decoration: none; }
table { border: none; }
img { max-width: 100%; height:auto; }
form		{padding: 0; margin: 0;}
h1 { font: bold 48px/48px DIN; }
h2 { font: bold 36px/40px DIN; }
h3 { font: bold 20px/28px Gotham; }
h4 { font: bold 18px/24px DIN; }
h5 { font: bold 18px/24px Gotham; }


.form .tab-data { padding: 0; }
.form .section { clear: both; padding: 5px 10px; background: #dedede; }
.form .division { padding: 5px 10px; clear: both; }
.field { clear: both; padding: 5px 10px; display: flex; flex-wrap: wrap; }
.field .comments { font-style: italic; color: gray; font-family: times; }
.field .name { padding-top: 2px; flex: 0 0 200px; font: 500 14px/20px Inter; }
.field.required .name:after,
.field.fd-required .name:after { content: "\f069"; color: #d11; padding-left: 5px; font: 10px FA; top: -1px; position: relative;}
.field .control { min-width: 200px; flex-grow: 1; }
.field .after { clear: both; }
.field input[type=text], .field input[type=password], .field textarea, .field select { max-width: 100%; border: 1px solid #D1D5DB; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 6px; font: 400 16px/24px Inter; padding: 9px; }
.field .control input[name=validation_number], .field .control input[name=comment_validation_number], .field .control input[name=answer_validation_number]
 { height: 30px; margin: 0; padding: 0; border: 1px solid #AAA; float: left; font: 20px Arial; letter-spacing: 1px; text-align: center; width: 70px; }
.fd-value select { display: none; }
.fd-value .control-value { display: block; }
.validation-image { float: left; }
.form .buttons { padding: 7px 10px; display: flex; flex-wrap: wrap;  background: #dedede; }
.buttons .name { flex: 0 0 200px; }
.buttons .control { min-width: 200px; flex-grow: 1; }

/*** layouts and frames ***/
.frame, .layout { margin: 0; padding: 0; }
.layout { background: #fff; }
.fm-header, .layout, .fm-footer { clear: both; margin: 0 auto; text-align: left; max-width: 1358px; } 
.frame.fm-header  {background-color:#5E9732; z-index: 2; position: relative;}
.fm-middle { background: #fdfdfd; }

.fm-left { width: 320px; background: #fdfdfd; }
.fm-right { width: 320px; }
.layout { display: flex; justify-content: space-between; align-items: stretch; }
.layout .frame { position: relative; min-height: 1px; }

/* Single, Double and Triple frames */
.lt-single .fm-middle { width: 100%; }
.lt-double .fm-middle, .lt-right .fm-middle { width: 1038px; }
.lt-triple .fm-middle { width: 718px; }

/* Hot frame */
.hot-left { float: left; width: 1038px; }
.hot-right { float: left; width: 320px; }
.lt-hot .fm-hot {width: 1038px; }
.lt-hot .fm-middle { width: 718px; }

/* block, area, breadcrumb global styles */
.block, .area, .breadcrumb { margin: 0; }

/* rows and cols general styles */
.cols { display: flex; width: 100%; align-content: stretch; box-sizing: border-box; flex-wrap: wrap; }
.col { box-sizing: border-box; }
.col-1 { clear: both; }
.cols-1 .col { width: 100%; }
.cols-2 .col { width: 50%; }
.cols-3 .col { width: 33.33%; }
.cols-4 .col { width: 25%; }
.cols-5 .col { width: 20%; }
.cols-6 .col { width: 16.66%; }
.row { clear: both; position: relative; }

/* content layout styles */
.ve-editor [data-content] { max-width: 1358px; }
.clt { display: flex; width: 100%; align-content: stretch; box-sizing: border-box; }
.cfm { box-sizing: border-box; }
.clt1-even .cfm { width: 100%; }
.clt2-even .cfm { width: 50%; }
.clt3-even .cfm { width: 33.33%; }
.clt4-even .cfm { width: 25%; }
.clt5-even .cfm { width: 20%; }
.clt2-cfm1-large .cfm1, .clt2-cfm2-large .cfm2 { width: 75%; }
.clt2-cfm2-large .cfm1, .clt2-cfm1-large .cfm2 { width: 25%; }
.clt3-cfm1-large .cfm, .clt3-cfm2-large .cfm, .clt3-cfm3-large .cfm { width: 25%; }
.clt3-cfm1-large .cfm1, .clt3-cfm2-large .cfm2, .clt3-cfm3-large .cfm3 { width: 50%; }

.cfm-indent-70 { padding: 70px; --ve-tag: "div"; --ve-order: 1; --ve-desc: "70 pixels indent from all block borders"; } 
.cfm-indent-50-70 { padding: 50px 70px; --ve-tag: "div"; --ve-order: 2; --ve-desc: "50 pixels indent from top and bottom and 70 pixels from block sides"; } 
.indent-right-20 { padding-right: 20px; --ve-tag: "div"; --ve-order: 3; --ve-desc: "20 pixels indent on the right part of the block"; } 
.bg-white { background: #fff; --ve-tag: "div"; --ve-desc: "White background"; }
.bg-brightgrey { background: #F9FAFB; --ve-tag: "div"; --ve-desc: "Very light grey background"}
.bg-lightgrey { background: #F3F4F6; --ve-tag: "div"; --ve-desc: "Light grey background"}
.bk-lightgreen-right { float: right; box-sizing: border-box; width: 400px; min-height: 350px; padding: 15px; margin: 0 0 25px 25px; border-radius: 0 0 0 30px;  background: 200px 20px no-repeat url(/images/plant-bg.png),#dff0c8; --ve-tag: "div"; --ve-desc: "Light green block on right side"; }
.element-preview .bk-lightgreen-right { width: 200px; min-height: 100px; margin: 0; background-position: 100px 10px; background-size: 50%; }

.heading-upper { margin-top: 8px; font: 600 16px/24px Inter; text-transform: uppercase; color: #111827; letter-spacing: 0.025em; --ve-tag: "h1,h2,h3"; --ve-order: 1; --ve-desc: "Heading semi bold text with all uppercase letters (16px)"; } 
.heading-big { margin-top: 8px; font: 800 36px/40px Inter; letter-spacing: -0.025em; color: #111827; --ve-tag: "h1,h2,h3"; --ve-order: 2; --ve-desc: "Heading extra bold text (36px)"; } 
.heading-medimum { margin-top: 8px; font: 600 20px/32px Inter; --ve-tag: "h1,h2,h3"; --ve-order: 3; --ve-desc: "Heading semi bold text (20px)"; } 
.heading-small { margin-top: 8px; font: 500 18px/24px Inter; color: #111827;  --ve-tag: "h1,h2,h3"; --ve-order: 4; --ve-desc: "Heading medium text (18px)"; } 

dl {}
dt { margin: 30px 0 0 0; font: 600 20px/32px Inter; }
dd { margin: 12px 0 0 0; font: 400 16px/28px Inter; color: #6B7280; }

ul.simple-list { margin: 0; padding: 0; --ve-tag: "ul"; --ve-order: 1; --ve-desc: "Simple unordered list (16px)"; }
ul.simple-list li { font: 500 16px/24px Inter; color: #6B7280; list-style: none; padding: 8px 0 0 0;}
ul.disc-list { margin: 0 0 0 24px; padding: 0; --ve-tag: "ul"; --ve-order: 2; --ve-desc: "Unordered disc list (16px)"; }
ul.disc-list li { font: 400 16px/28px Inter; color: #6B7280; list-style: disc; padding: 8px 0 0 0;}

a.article-link { font: 500 16px/24px Inter; padding: 5px 10px; text-decoration: none; --ve-tag: "a"; --ve-order: 1; --ve-desc: "Simple link without underline (16px)";}
a.article-link:hover { text-decoration: underline;}
a.link-right { display: block; text-align: right; --ve-tag: "a"; --ve-order: 2; --ve-desc: "Align link on the right side of the block"; }
a.bn-rounded { display: inline-block; color: #fff; background: #000; font: 500 16px/24px Inter; text-align: center; padding: 15px 20px; transition:all .5s; border-radius:6px; text-decoration:none; --ve-tag: "a"; --ve-order: 3; --ve-desc: "Rounded button (font - 16px)";}

.rounded-8 { border-radius: 8px; --ve-tag: "img"; --ve-order: 1; --ve-desc: "Image rounded corners (8px)"; }

.products { position: relative; }

.row-title > td, .row-title > th { border-width: 1px 0 0 0; padding: 5px; }
.row-cell > td, .row-cell > th { border-width: 1px 0 0 0; padding: 5px; }

.bk-data { position: relative; overflow: hidden; }
.multi-add { border-width: 1px 0 0 0; }

.block .head { padding: 10px 70px; font: 700 48px/48px DIN; color: #424A4D; margin: 0; }
.block.hidden-title .head { display: none; }
.block .sub-head { padding: 10px 10px 0 10px; font: 16px Arial, Helvetica; text-transform: uppercase; }
.block .sub-body { padding: 10px 70px; }
.block .body { padding: 10px 70px; font: 400 20px/28px Inter, Arial;}
.frame .bk-intro { margin: 20px 70px; }
.block .foot { display: none; }
.bk-user-home .head:before { content: "\f015"; font-weight: normal; font-family: FA; }
.lt-double .block .body { padding-left: 25px; padding-right: 25px; }
.lt-double .block .head { padding-left: 25px; padding-right: 25px; }
.bk-custom-full .body, .lt-double .bk-custom-full .body, .lt-triple .bk-custom-full .body { padding: 0; }

.breadcrumb { display: flex; background: #F3F4F6; padding: 0 70px; border: none; align-items: flex-start; justify-content: space-between; gap: 5px; }
.bb-double { padding: 0 25px; }
.breadcrumb .rss { float: right; }
.breadcrumb a { font: 14px/20px Inter; color: #6B7280; }
.breadcrumb i { padding: 0 5px; font-style: normal; font-family: FA; }
.breadcrumb i:first-child { display: none; }
.breadcrumb i::after { content: "\f105"; }
.breadcrumb a:last-child { font-weight: bold; text-decoration: none; }
.trail { padding: 15px 0; 25px 75px; }
.trail ol { list-style: none; margin: 0px; padding: 0; }
.trail li { display: inline-block; list-style: none; margin: 0px; padding: 0; font: 14px/20px Inter; }
.trail li a { text-decoration: none; color: #000; }
.trail a:hover, .trail .trail-more:hover { color: #0e8d63; }
.trail li::after { padding: 0 10px; display: inline-block; font-family: FA; content: "\f105"; }  
.trail li:last-child::after { content: ""; padding: 0; display: none; }  
.trail li.trail-home span { display: none; }
.trail li.trail-home a:before { content: "\f015"; font-family: FA; }
.trail li.trail-more { display: none; cursor: pointer; font-weight: strong; } 
.breadcrumb .nav-categories { display: none; padding: 10px 4px; cursor: pointer; }
.breadcrumb .nav-categories .label { display: none; }
.breadcrumb .nav-categories:hover { color: #0e8d63; }
.breadcrumb .nav-categories::after { content: "\f0c9"; font: 14px/20px FA; }

/*** definition of different schemes ***/
.bg-body { background: #fdfdfd; }
.bg-title, .middlebg {background: #f5f5f5; color: #333; font-weight: bold;}
.br-solid, .br-solid > td, .br-solid > th { border: 1px solid #f0f0f0; }
tr:nth-child(2n+1) .row { background: #fffeee;}
tr:nth-child(2n) .row { background: #fff;}
.fa {color: #555;}
a	{color: #555; }
a:hover { color: #7af; }

.block{ background: #fdfdfd; }
.block .sub-head { color: #444; }
.block .body { font: 400 14px/20px Inter; color: #111827; }

/*** header ***/

.bk-header { display: flex; justify-content: space-between; f2lex-wrap: wrap; min-height: 75px; position: relative; z-index: 100; background-color:#5E9732; width: 100%; }
.bk-header .header-logo { flex: 0 0 75px; padding: 15px 25px; }
.bk-header .header-left { display: flex; flex-wrap: wrap; justify-content: flex-start; flex: 1; } 
.bk-header .header-right{ display: flex; flex-wrap: wrap; justify-content: flex-end; padding: 20px 25px; width: 550px; box-sizing: border-box; } 
.bk-header .logo a, .bk-header .logo img { display: block; }
.bk-header .header-search { flex: 0 0 250px; padding: 20px 10px; }
.bk-header .header-menu { flex: 1 0 300px; padding: 15px 0;  }
.bk-header .header-links { flex: 0 0 190px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; padding: 20px 25px; }

.bk-header .distributor-link a { display: block; padding: 11px 0; font: 400 14px 'Gotham'; text-decoration: none; color: #FFFFFF; }
.bk-header .bn-shop a, .bk-header .bn-cart a { background: #fff; color: #202944; 
    border-radius: 34px;
    display: flex;    
		text-decoration: none;
    padding: 12px 16px; 
		justify-content: space-around;
    align-items: center;
}
.bk-header .bn-shop a:hover, .bk-header .bn-cart a:hover { color: #202944; background: #eee; }
.bk-header .bn-shop a:after { content: "\f08e"; font-family: 'FA'; padding-left: 5px; }
.bk-header .bn-cart a:after { content: "\f07a"; font-family: 'FA'; padding-left: 5px; }

.bk-header .search-form { position: relative; width: 250px; padding: 0; display: block; }
input.search-button { position: absolute; z-index: 50; font: 20px "FA"; left: 10px; top: 5px; background: transparent; color: #9CA3AF; border: none;  }
input.search-field { position: relative; width: 100%; font-size: 16px;  overflow: hidden; border: 1px solid #D1D5DB; padding: 9px 6px 9px 40px; 	box-sizing: border-box; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 6px; }
input.search-field::placeholder { font: 400 16px/20px Arial; color: #6B7280; }


.nav-header > li { }
.nav-header > li > a { border-color: #222; color: #222; padding: 15px; position: relative; }
.nav-header > li a:hover { color: #fd0; }
.nav-header > li.nav-active > a {  }
/*.nav-header > li.nav-open > a::after { content: "\f107"; font-family: FA; position: absolute; left: 0; right: 0; bottom: 2px; text-align: center; }*/
.nav-header li ul { border-color: #7af #f0f0f0 #7af #f0f0f0 ; box-shadow: 3px 3px 9px -5px #777; }
.nav-header li li a { background: white; color: #202944; }
.nav-header li li a:hover { background: inherit; color: inherit;
text-decoration: underline 2px;
text-underline-offset: 6px;    
}
li.learn.nav-active.nav-childs.nav-open .nav-text{
    text-decoration: underline 2px;
    text-underline-offset: 7px;
}

.products-block > div { flex-basis: 33%; }
.bk-header .nav-expand { background: #333; color: #f0f0f0; }
.dd { background: #f0f0f0; color: #333;}
.bk-header .nav-expand.expand-open { border-bottom: 1px solid #c0c0c0; } 

.tabs { border-color: #f0f0f0; }
.tabs a { background: #fdfdfd; color: #333; border-color: #f0f0f0; }
.tabs a:hover			{ background: #f5f5f5; }
.tabs li.tab-active a { background: #f0f0f0; color: #333; }


a.button { color: #fff; background: #5E9732; cursor: pointer; }
a.button:hover { color: #fff; }
/*** end default white scheme ***/

.search-results { text-transform: none; padding: 10px; }
.sorter { text-align: right; padding: 10px; font-size: 14px; }
.sorter-select { position: relative;  display: inline-block; padding: 4px 10px; border: 1px solid #c0c0c0; border-radius: 3px; background: #fff; cursor: pointer; }
.sorter-select:after { font-family: FA; content: "\f0d7"; padding-left: 10px; }
.sorter-select.expand-open:after { content: "\f0d8"; }
.sorter ul { display: none; position: absolute; right: 0; border: 1px solid #c0c0c0; border-radius: 3px; width: 150px; background: #fff; z-index: 100; box-shadow: 3px 3px 3px #888888; margin: 10px 0; padding: 0; }
.sorter ul li { list-style: none; border-bottom: 1px solid #c0c0c0; }
.sorter ul li:last-child { border: none; }
.sorter ul li a { display: block; padding: 10px 10px; text-decoration: none; }
.sorter ul li a:hover { background: #f0f0f0; }
.sorter ul.expand-open { display: block; }
.navigator { text-align: right; padding: 10px; border-width: 1px 0 0 0; white-space: nowrap; }
.search-popup { display: none; position: absolute; background: #fff; border: 1px solid #ccc; box-shadow: 5px 5px 5px #ccc; width: 500px; z-index: 100; }
.search-popup.show-popup { display: block; }
.popup-top { padding: 5px; background: #eee; }
.popup-top .ico-close { float: right; cursor: pointer; }
.popup-top .ico-close:hover { color: red;  }
.popup-top .note { color: #aaa; padding: 0 10px; font-size: 12px; }
.found-products { padding: 0; min-height: 40px; max-height: 300px; overflow-y: auto; clear: both; }
.search-popup .found-product { padding: 5px 10px; display: block; }
.search-popup .found-product:hover { background: linear-gradient(#5f8dfa, #1269f7); }
.search-popup .product-image { float: left; width: 40px; height: 40px; text-align: center; }
.search-popup .product-image img { max-width: 40px; max-height: 40px; }
.search-popup .product-info { padding: 0 5px; float: left; width: 410px; }
.search-popup .product-title { font-size: 14px; font-weight: bold; color: #000; text-decoration: underline; }
.search-popup .product-desc { color: #000; }
.popup-bottom { padding: 5px; font-style: italic; background: #eee; }
.popup-bottom a { display: block; text-decoration: none; color: #000; }

tr, td		{font: 12px Arial, Helvetica, sans-serif; }
a.header 			{text-decoration: none;}
a.header:hover		{text-decoration: underline; }
a.title				{font-size: 15px; font-weight: bold;}

input, textarea, select {font: 12px Arial, Helvetica, sans-serif; padding: 2px; }
input.submit		{
	color: #fff; background: #4B5563; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); border-radius: 6px; padding: 12px; text-align: center;
	cursor: pointer; font: 500 14px/20px Inter; border: none; 
}



.usualbg  			{background: transparent;}
.errors, .errors-block, .error-block, .errorbg { background: #FFE0E0; border: 1px solid #CC0000; color: #CC0000; padding: 6px; text-align: center; margin: 0 0 10px 0; }
.error-desc { padding: 6px 0; border-top: 1px solid #c77; color: #f00; f2ont-weight: normal; }
.error-desc:first-child { border-top: none; }
.messages, .messages-block, .message-block, .success-block, .messagebg { background: #E0E0FF; border: 1px solid #77f; color: #0000CC; font-weight: bold; padding: 6px; text-align: center; margin: 0 0 10px 0;}
.msg-desc { text-align: center; margin-right: 20px; padding: 1px 0; }
div.message     { color: #0000FF; text-align: center; border: 1px solid #AAAAFF; padding: 10px; background: #EEEEFF; margin-bottom: 10px; }
.padding6px, .table-data td, .table-data th { padding: 6px; }
.padding10px { padding: 10px; }
.table-data td td, .table-data th th { padding: 0; }
.errors-block a, .error-block a, .errorbg a { text-decoration: underline; color: #c77; }

.bk-message { padding: 15px; font-size: 20px;	text-align: center; color: #007; margin: 10px 0; 	border: 1px solid #007; border-radius: 10px; background: linear-gradient(#dde, #eef); box-shadow: 1px 1px 3px #337; }
.fm-middle .bk-message { margin: 10px 70px; }
.lt-double .fm-middle .bk-message, .lt-double .fm-middle .bk-error { margin: 10px 25px; }

.bk-message { padding: 15px; font-size: 20px;	text-align: center; color: #007; margin: 10px 0 0; 	border: 1px solid #007; border-radius: 10px; background: linear-gradient(#dde, #eef); box-shadow: 1px 1px 3px #337; }
.bk-error { color: #FF0000; text-align: center; border: 1px solid #FFAAAA; padding: 10px; background: #FFEEEE; border-radius: 5px; box-shadow: 1px 1px 3px #733; }
.item-desc .bk-error { padding: 0 10px; }

.bk-intro, .bk-filter { border: 1px solid #C0C0C0; padding: 10px; border-radius: 5px; }
.bk-intro {
	margin: 20px 5px 5px 0; padding: 15px 20px; border-radius: 10px; border: 1px solid #5e9732;
	background-color: #ecfdf5; box-shadow: 3px 3px 3px #5e9732; color: #333; font-size: 18px; 
}


.block.bk-intro:first-child, .block.bk-filter:first-child, .block.bk-message:first-child { margin-top: 30px; }
.bk-articles-hot { position: relative; } 

.introBlock {border: 1px solid #8A8A8A; margin: 5px; padding: 6px;}
.titleText		{color: #1584D2; text-decoration: none; }
.top				{font-size: 11px;}
.bigText			{font-size: 14px;}
.comment			{font-size: 11px; color: #7777CC;}
.message			{color: #FFBA00;}
.text-small, .found-in, .smallText {font-size: 11px;}
.product-name, article-title, .title, .bigtitle, .item-name { font-size: 14px; font-weight: bold; }

.error			{color: red; }
.fd-error .name  { color: red; }
.fd-error input, .fd-error textarea { border-color: red; }
.terms			{height: 300px; width: 600px; overflow: auto; border: 1px solid #c0c0c0; }

span.nobr      {white-space: nowrap !important;}
.right { float: right; }
.left { float: left; }
.floatright 	{float: right;}
.floatleft 		{float: left;}
.clearboth 		{clear: both;}
.clear { clear: both; }
.hide-block, .hidden-block, .fd-hide, .hidden { display: none; }
.show-block, .showing-block, .display-block, .fd-show { display: block; }

form {margin: 0; padding: 0;}
/*** General styles ***/

/*** navigation bar ***/
.bk-navigation-bar > div { font-size: 0; } /* as nav-bar showed as inline block set font size as zero */
.bk-navigation-bar .nav-bar { font-size: 12px; }
.bk-navigation-bar { margin: 0; padding: 0; border: none; border-radius: 0; background: #333; color: #AAA; text-align: center; }
.bk-navigation-bar.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 101; }
.foot-navigation-bar { display: none; }
.foot-navigation-bar.fixed { display: block; height: 35px; }
ul.nav-bar {  margin: 0; padding: 0; display: inline-block; text-align: left; } 
ul.nav-bar li i { font-family: FA; font-style: normal; }
ul.nav-bar > li { float: left; position: relative; list-style: none; border-right: 1px solid #555;  border-top: 1px solid #555; border-bottom: 1px solid #555; }
ul.nav-bar > li:first-child { border-left: 1px solid #555; }
/* ul.nav-bar > li.nav-right { float: right; } /* reverse order */
ul.nav-bar li a { padding: 8px 12px; text-decoration: none; font-size: 13px; display: block; float: left; cursor: pointer; color: #AAA; }
ul.nav-bar li li { clear: both; }
ul.nav-bar li ul li a, ul.nav-bar li ul li i { color: #333; }
ul.nav-bar li ul li a:hover { color: #666; }
ul.nav-bar > li:hover, ul.nav-bar > li:hover a { color: #FFF; }
ul.nav-bar li:hover ul li a { color: #333; }
ul.nav-bar li img { padding: 1px 5px 0; display: inline-block; }
ul.nav-bar li ul { display: none; position: absolute; background: white; z-index: 101; left: -1px; top: 33px; list-style: none; margin: 0; padding: 0; border: 1px solid #555; background: #EEE; color: #333; width: 150px; } 
ul.nav-bar li.nav-open > ul { display: block; }
ul.nav-bar li.nav-right ul { left: auto; right: -1px; }
ul.nav-bar ul ul { left: 150px; top: -1px; } 
ul.nav-bar > li.nav-childs > i.expand { float: right; display: block; padding: 8px 8px 8px 0;}
ul.nav-bar > li.nav-childs > i.expand:before { content:"\f0d7"; }
ul.nav-bar li li.nav-childs > i.expand { float: right; padding: 8px 8px 8px 0;}
ul.nav-bar li li.nav-childs > i.expand:before { content:"\f0da"; }

.nav-bar li > i, .nav-bar li > a > i { font-size: 16px/16px; padding: 0 8px 0 0;  display: block; float: left; }
li li > i, li li > a > i { font-size: 13px; }
li.nav-right > i, li.nav-right > a > i { float: right; padding: 0 0 0 8px; }
li.cart > i, li.cart > a > i { padding: 0 16px 0 0; }
li.cart.nav-right > i, li.cart.nav-right > a > i { float: right; padding: 0 4px 0 8px; }
li.expand i { padding: 6px 10px 6px 2px; float: right; cursor: pointer; }
li.expand i:after { font-size: 16px; content:"\f0d7"; }
li.expand.nav-open i:after { content:"\f0d8"; }
li.wishlist i:before { content:"\f004"; }
li.account i:before { content:"\f007"; }
li.help > a > i:before { content:"\f059"; } 
li.about > a > i:before { content:"\f05a"; } 
li.phone > a > i:before { content:"\f095"; }
li.cart i:before { content:"\f07a"; }
li.home i:after { content:"\f015"; }
li.compare i:before { content:"\f24e"; }
li.search i:before { content:"\f002"; }
li.products i:before { content:"\f0c9"; }
li.products ul { width: 150px; text-align: left; }
li.products ul li { float: none; position: relative; }
li.products ul li a { float: none; }
li.products.nav-right ul li a { text-align: right; }
li.products ul li i { float: right; display: block; padding: 6px; }
li.products.nav-right ul li i { float: left;  }
li.products ul li i:before { content: ""; }
li.products ul li.nav-childs > i:before { content: "\f0da"; }
li.products.nav-right ul li.nav-childs > i:before { content: "\f0d9"; }
li.products ul ul { left: 150px; top: 0px; } 
li.products.nav-right ul ul { left: auto; right: 150px; top: -1px; }
li.cart .cart-qty { position: absolute; left: 23px; top: 3px; font-size: 9px; color: #AAA; border: 1px solid #AAA; border-radius: 9px; padding: 0 3px; }
li.cart.nav-right .cart-qty { left: auto; right: 3px; top: 3px; }
li.cart > a > .cart-total { display: none; }

li.site-search i:before { content:"\f00e"; }
i.music:before { content:"\f001"; }

li.languages > a { text-transform: uppercase; }
li.languages > a > img, li.currencies > a > img { float: left; }
ul.nav-bar li.currencies ul { width: 180px; }
li.languages ul li img, li.currencies ul li img { display: inline; float: left;  }
li.languages ul li span, li.currencies ul li span { display: inline;   }
li.search > ul li form, li.site-search > ul li form { border-radius: 5px; margin: 10px; }
ul li.search > ul, ul li.site-search > ul { width: 500px; }
ul li.search.nav-right > ul, ul li.site-search.nav-right > ul { left: auto; right: -1px; width: 500px; }

.category-select { font-size: 14px; float: left; padding: 0; height: 28px; border: 1px solid #CDCDCD; background: #F3F3F3; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #555; }
.category-select span { display: inline-block; padding: 5px 5px 5px 10px;  }
.search .category-select i { padding: 5px; }
.search .category-select i:before { content: "\f078"; }
.search .category-select.expand-open i:before { content: "\f077"; }
.search .category-select:hover { color: #999; }

li.site-search .search-field input { border-left: 1px solid #CDCDCD; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
ul.nav-bar li.cart ul { width: 300px; padding: 10px; }

.bk-navigation-bar .nav-expand { color: #aaa; clear: both; display: none; font-weight: bold; font-size: 20px; background: #333; padding: 10px; cursor: pointer; }
.bk-navigation-bar .nav-expand.expand-open { background: #aaa; color: #333; } 
.bk-navigation-bar .nav-expand i { float: right; display: block; padding-top: 3px; font-weight: normal; font-style: normal; font-family: FA; }
.bk-navigation-bar .nav-expand i:after { padding: 0 10px; content:"\f0ae"; }
/* end navigation bar */


/* header menu */
.bk-header .nav-expand { clear: both; display: none; font-weight: bold; font-size: 20px; padding: 10px; cursor: pointer; }
.bk-header .nav-expand i { float: right; display: block; padding-top: 3px; font-weight: normal; font-style: normal; font-family: FA; }
.bk-header .nav-expand i:after { padding: 0 10px; content:"\f0c9"; }
.bk-header .nav-expand.expand-open i:after { content:"\f068"; }
.nav-header { display: block; margin: 0; padding: 0; z-index: 20; }

/* top menu elements */
.nav-header > li { display: block; float: left; list-style: none; margin: 0px; padding: 0px; white-space: nowrap; }
.nav-header > li > i { display: none; }
.nav-header > li > a { min-height: 19px; display: block; font: 14px 'Gotham', Tahoma, Arial; padding: 14px 15px; text-decoration: none; position: relative; 
     /* border-right: 1px solid #222; */
     color:white; font-weight: 400; font-style: normal; }
.nav-header > li:last-child > a { border: none; }

/* popup menu elements */
.nav-header li ul { border-width: 3px 1px 1px; border-style: solid; display: none; margin: 5px 0px; padding: 0px; position: absolute; width: 200px; z-index: 101; }
.nav-header li.nav-open > ul { display: block; }
.nav-header li li { display: block; float: left; list-style: none; margin: 0px; padding: 0px; white-space: nowrap; width: 200px; position: relative; }
.nav-header li li a { padding: 6px 10px; text-decoration: none; font-weight: normal; display: block; }
.nav-header li li.nav-active > a { font-weight: bold; text-decoration: underline; }
.nav-header li ul ul { display: none; left: 200px; margin: 0px; padding: 0px; position: absolute; top: -3px;}
/*** end of header styles ***/

.nav-header .learn-sub-menu-item > li, .header-menu .learn ul    { white-space: normal; }
.header-menu .learn ul {
    border-width: 3px 1px 1px;
    border-style: solid;
    display: none;
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 100%;
    z-index: 101;
    left: 0;
    top: 78px;
    border: none;
}
.nav-header li.nav-open.learn > ul {
    background-color: white;
    /* box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); */
}
/* start  company-submenu*/
.learn-sub-menu-item.company-submenu {

}
.learn-sub-menu-item.company-submenu .news-block-wrap{
    background: #F9FAFB;
    flex-basis: 50%;
}
.learn-sub-menu-item.company-submenu  .company-submenu-menu-items {
    flex-basis: 50%; align-content:flex-start;
    display: flex; flex-wrap: wrap;
}
.learn-sub-menu-item.company-submenu .news-item-menu {
    display: flex;margin-bottom: 24px; text-decoration: none;
}
 
.learn-sub-menu-item.company-submenu .news-item-menu    {
    height: auto;
}
 
.learn-sub-menu-item.company-submenu .news-item-menu *:hover{
    text-decoration: underline; cursor: pointer;
}
.learn-sub-menu-item.company-submenu .img-news-wrap{
    max-width: 128px;
    width: 100%;border-radius: 6px; overflow: hidden;
    height: 80px; margin-right: 32px;
}
.learn-sub-menu-item.company-submenu .img-news-wrap img {
    width: 100%;
    height: 100%; object-fit: cover;
}
.learn-sub-menu-item.company-submenu h4 {
    font-family: 'Inter'; margin-top: 0;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;margin-bottom: 4px;
color: #111827;
}
.learn-sub-menu-item.company-submenu  p {
    font-family: 'Inter';
font-style: normal;
font-weight: 400; margin: 0;
font-size: 14px;
line-height: 20px;
color: #6B7280;
}
.learn-sub-menu-item.company-submenu .see-more {
    font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #4B5563; text-decoration: none;
}
.learn-sub-menu-item.company-submenu .news-block-wrap {
    padding: 0px 71px 48px 48px;
}
.nav-header .learn-sub-menu-item.company-submenu {
    padding-bottom: 0;
}
 
.nav-header .learn-sub-menu-item.stories {
    padding-top: 39px;
    padding-bottom: 33px;
}
/* end  company-submenu*/
/* START slideshow-top */
.slideshow-top .body {
    padding: 0;
}
.slideshow-top .body >div {
    display: flex; padding-bottom: 60px;
    justify-content: space-between; overflow: hidden;
   flex-wrap: wrap; align-items: center;
    background: left top -77px/ auto no-repeat url(../images/plant-bg-sl.png);
}
.slideshow-top .bk-slideshow,.slideshow-top {
    margin-top: 0;    text-align: right;     z-index: 1;
}
.slideshow-top .img-bg-border {
position: absolute;
      left: -104px;
      top: 16px;
      width: 115%;
      height: 100%;
      max-width: none;
      z-index: 0;
}
.slideshow-top h2{
    font-family: 'DIN';
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 48px;
text-align: center;
color: #202944;
}
.slideshow-top .learn-mo {
background: #202944;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
border-radius: 34px;
color: white;
font-family: 'Gotham';
font-style: normal;
font-weight: 400; text-decoration: none;
font-size: 18px;
line-height: 28px; display: flex; width: 100%; max-width: 182px;
height: 60px; margin: 0 auto; justify-content: center; align-items: center;
}
.slideshow-top .text-slide {
    margin: 30px auto; width: 500px;
}
.slideshow-top p{
    font-family: 'Gotham';
font-style: normal;
font-weight: 325;
font-size: 18px;
line-height: 28px;
text-align: center; max-width: 537px;
color: #58595B;
}
.bk-slideshow {
    border-radius: 0px 0px 0px 60px;
    overflow: hidden;
}
.slideshow-top .slides-slideshow .slide img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slideshow-top-wrapper {
position: relative; height: auto; width: 550px
}
/* end slideshow */
/*** footer ***/
.bk-footer { display: flex; flex-wrap: wrap; align-items: flex-start; background: #202944 url(../images/plant-bg-blue.png) right 70px bottom 30px no-repeat; border: none; min-height: 500px; }
.footer-head { background: #5E9732; border-radius: 0px 0px 60px 0px; padding: 50px; min-height: 400px; width: 400px;  box-sizing: border-box; }
.footer-waste { font: bold 40px DIN; text-transform: uppercase; color: #FFFFFF; margin: 17px 0 32px; }
.footer-social { display: flex; gap: 20px; }
.footer-social a { color: #fff; text-decoration: none; font-size: 28px; }
.footer-social a:hover { color: #fee; }
.footer-social a span { display: none; }
.footer-foot { text-align: center; padding: 32px 20px 105px; font: 16px/24px Gotham; color: #fff; border-top: 2px solid #fff; box-sizing: border-box; width: 100%; }
.footer-copyright { padding: 20px 0; } 
.footer-policy a { color: #fff; padding: 0 10px; }
.viart-logo { display: none; text-align: right; padding: 0px 10px 0px 0px;}
.viart-logo img { border: 0;}

.nav-footer { display: flex; flex-wrap: wrap; margin: 0; padding: 0; }
.nav-footer ul { margin: 0; padding: 0; }
.nav-footer li { list-style: none; margin: 0; color: #fff; }
.nav-footer > li { box-sizing: border-box; min-width: 200px; padding: 50px 0px 50px 100px; }
.nav-footer > li > .nav-data { font: bold 14px/20px Gotham; letter-spacing: 0.05em; text-transform: uppercase; }
.nav-footer > li li > a { font: 16px/24px Gotham; padding: 10px 0; display: block; }
.nav-footer > li li.nav-division > a { font-weight: bold; text-transform: uppercase; }
.nav-footer > li li > a:hover { text-decoration: underline; }

/*** end of footer styles ***/

/*** language and currency ***/
.language-select .lang-active { display: inline-block; padding: 7px 10px 5px; cursor: pointer; background: #fff; border-radius: 5px; box-shadow: 1px 1px 3px #555; margin-bottom: 5px; }
.language-select .lang-active:after { font-family: FA; content: "\f107"; padding-left: 5px; }
.language-select .lang-active.expand-open:after { font-family: FA; content: "\f106"; }
.language-select .lang-list { display: none; }
.language-select .lang-list.expand-open { display: block; position: absolute; z-index: 111; background: #fff; padding: 5px 20px 5px 10px; border-radius: 5px; box-shadow: 2px 2px 3px #555; }
.language-select .lang-link { display: block; padding: 3px 0; text-decoration: none; }
.language-select .lang-link.lang-selected:after { font-family: FA; content: "\f00c"; color: #49a068; 
	/* #487f5d;  */
	padding-left: 5px; }
.lang-image { float: left; }
.lang-no-image { float: left; font-size: 10px; background: #eee; min-width: 16px; color: #333; padding: 0; text-align: center; border: 1px solid #777; }
.language-select .lang-name { padding-left: 5px; }
.language-images .lang-link { float: left; text-decoration: none; }
.language-images .lang-no-image { float: left; display: inline-block; margin-right: 5px; }
.language-images .lang-image { margin-right: 5px; }
.language-images .lang-name { display: none; float: left; padding: 0 5px 0 0; }
/*** end language and currency ***/

/*** begin custom page ***/
.bk-http-error .body { padding: 60px 20px; max-width: 800px; margin: 0 auto; }
.bk-http-error .bn-back {
	color:#ffffff;background-color:#202944;
	border-radius:34px; 
	display: flex; flex-direction: row;
	justify-content: center; align-items: center;
	padding: 15px 20px; margin: 25px 25px 0 0;
	font: 400 18px/28px Gotham;
	text-decoration:none;
}
.bk-http-error h2 { margin:50px 0; }
.bk-http-error a { color:#202944; }
.bk-http-error a:hover { color:#6c7593; }
/*** end custom page ***/

.bk-categories-list .head { display: none; }
.lt-double .bk-categories-list .body { padding-top: 50px; padding-bottom: 50px; }
.bk-categories-list .product-features { display: none; }


.bk-products-list { background: #fff; }
.bk-products-list .head { display: none; }
.bk-products-list .body { padding: 25px 70px; }
.bk-products-list .category-name { font-size: 14px; font-weight: bold; padding: 10px; border-width: 1px 0 0 0; }
.bk-products-list .category-desc { border-width: 1px 0 0 0; padding: 6px; }
.bk-products-list .products .product:first-child { border-top: 1px dotted #666;}
.bk-products-list .sample-bar + form .product:first-child { border-top: none; }
.bk-products-list .multi-add + .products .product:first-child { border-top: 1px dotted #666;}
.bk-products-list .product { display: flex; padding: 10px; border-bottom: 1px dotted #666; gap: 10px; }
.bk-products-list .product .image-block { flex: 0 0 100px; text-align: center; }
.bk-products-list .product .bk-info { flex-grow: 1; }
.bk-products-list .product .buy-block { flex: 0 0 300px; }
.bk-products-list h2 { margin: 0; font-size: 24px; }
.bk-products-list .product-name { color: #91C850; text-decoration: none; }
.bk-products-list .no-items { text-align: center; padding: 25px; font-style: italic; font-size: 24px; color: #999; }

.after-image { display: none; }
.sample-bar { clear: both; display: flex; border-top: 1px dotted #666; border-bottom: 1px dotted #666;}
.sample-bar > div { flex-grow: 1; text-align: center; padding: 5px; font: 24px/36px Inter;}
.sample-bar > div a { text-decoration: none; }

.samples-buy { flex: 0 0 250px; display: flex; gap: 10px; align-items: flex-start; justify-content: flex-end; box-sizing: border-box; }
.samples-buy a.bn-samples { min-width: 120px; background: #202944; color: #fff; text-align: center; margin: 0; padding: 4px 8px;  border-radius: 16px; font-size: 14px; }
.samples-buy a.bn-samples:hover { color: #aaa; }
.samples-buy a.bn-buy-now { min-width: 120px; text-align: center; margin: 0; padding: 4px 8px; border-radius: 16px; font-size: 14px; }
.samples-buy a.bn-buy-now:hover { color: #000; }

.sub-products { display: flex; align-items: flex-start; justify-content: flex-end; }
.sub-product { text-align: center; /* border-right: 1px dotted #777; */ padding: 0 5px;}
.sub-product:last-child { border-right: none; }
.sub-product .caption:after { content: ": "; }
.sub-product .product-qty .caption { display: none; }
.sub-product .product-qty select { width: 85px; }

.multi-add { padding: 10px; text-align: right;}

/*** product details, list styles ***/
.bk-product-details .image-block { float: left; margin-right: 10px; }
.bk-product-details h2.product-name { margin-bottom: 5px; }

.grid-view .product { text-align: center; }
.grid-view .product .image-block { float: none; margin-right: 0;  }

.bk-product-details .head h1 { font-size: 16px; }
.bk-product-details img.img-main, bk-product-details img.main-image,
.bk-product-details img.img-default  { background: #FFFFFF; border: 1px solid #78C7FF; padding: 1px; }
.bk-product-details .image-block { float: left; width: 50%; box-sizing: border-box; padding: 10px; }
.bk-product-details .image-block img { max-width: 100%; }
.bk-product-details .link-super { display: block; text-align: center; margin-top: 5px; }
.bk-product-details .buy-block { float: left; width: 50%; box-sizing: border-box; padding: 10px 10px 10px 0; }
.bk-product-details .highlights { background: #FFF; border: 1px solid #0A0; margin: 0 0 10px 0; padding: 5px; }
.bk-product-details .highlights-title { display: none; }
.bk-product-details .shipping-data { margin-top: 10px; }
.bk-product-details .shipping-data > div { margin-bottom: 2px; }

.top-images {padding: 10px 0px 0px 0px;}
.manf-image {padding: 10px 0px 0px 0px;}

.sep-active, .sep-images { float: left; width: 50%; }
.sep-image {float: left; padding: 5px; text-align: center; width: 30%;}
.sep-title, .sub-title { font-weight: bold; }
.sep-desc, .sub-desc { font-size: 11px; font-style: italic; }
.sub-image {float: left; padding: 5px 0; text-align: center; width: 25%;}

.bk-product-details .accessories .image-block { float: left; width: auto; margin-right: 10px; }
.bk-product-details .accessories .buy-block { float: none; width: auto; }
/*** end product details styles ***/



/*** begin product reviews styles ***/
.reviews-stats { padding: 10px ; background: #dedede; border: 1px solid #aaa; } 
.product-emotions { float: right; padding: 0; }
.product-emotions .ico { font-size: 14px; }
.product-emotions .emotion { display: inline-block; white-space: nowrap; border: 1px solid black; padding: 3px; border-radius: 3px; text-decoration: none; color: #333; border-color: #333; background: linear-gradient(#eee, #ddd, #aaa); margin: 1px 0 0; }
.product-emotions .caption:after { content: " - "; }
.product-emotions .emotion:hover { box-shadow: 0 0 0 1px #777; }
.reviews-total { padding: 8px 10px; background: #dedede; margin-top: 10px; border: 1px solid #aaa; } 
.rating { display: block; padding: 3px 5px; text-decoration: none; width: 180px; font: 12px Arial; color: #333; letter-spacing: normal; }
.rating .percent { float: right; width: 32px; text-align: right; }
.rating .total { float: right; }

.filtered-by { display: block; padding: 5px 0; }
.filtered-by .filter { border: 1px solid #555; border-radius: 10px; text-decoration: none; padding: 1px 5px; color: #555; background: linear-gradient(#eee, #ccc); margin-left: 3px; }
.filtered-by .filter:hover { border-color: #f77; background: #fdd; color: #f77; box-shadow: 0 0 0 1px #f77;}
.filtered-by .filter:before { content: "\f00d"; font: 14px FA; padding-right: 3px; } 

.review { padding: 0px 0 10px; }
.review-header { padding: 0 0 4px; border-bottom: 1px dotted #ccc;  padding: 10px 10px 5px; }
.verified-buyer { display: inline-block; font: bold 10px Arial; color: green; border: 1px solid green; padding: 1px 3px; border-radius: 2px; margin-left: 5px; background: #eeffee; }
.summary { font-weight: bold; padding: 5px 10px 0; text-decoration: underline; }
.review-data, .reply-data { background: #fff; border: 1px solid #aaa; border-radius: 5px; padding: 0; }
.review-data .comments { padding: 5px 10px 10px; }
.reply-data .comments { padding: 10px 10px 0px; }
.reply-data .verified-buyer { display: inline-block; font: 10px Arial; color: green; border: 1px solid green; padding: 0px 3px; border-radius: 2px; margin-left: 5px; background: #eeffee; }

.comment-message, .comment-errors { margin: 10px 0; width: 400px; box-sizing: border-box; display: none; }

.review .ico-comment, .review .ico-like, .review .ico-dislike { color: #AAA; cursor: pointer;  padding: 5px; display: inline-block; }
.review .ico-comment span, .review .ico-like span, .review .ico-dislike span { padding-left: 5px; font: bold 12px Arial; text-transform: uppercase; }
.review .ico-comment:hover { color: #00F; }
.review .ico-like:hover { color: #0A0; }
.review .ico-dislike:hover { color: #000; }
.review .review-emotions { float: right; border: 1px solid #aaa; top: -15px; position: relative; left: -5px; background: #fff; border-radius: 5px; }
.review .ico-likes { color: #0A0; padding: 5px; display: inline-block; }
.review .ico-dislikes { color: #000; padding: 5px;  display: inline-block;   }
.ico-likes span, .ico-dislikes span { font: bold 12px Arial; padding-left: 3px; } 
.review .ico-like.emotion-selected { color: #0A0; }
.review .ico-like.emotion-selected:hover { text-decoration: line-through; }
.review .ico-dislike.emotion-selected { color: #000; text-shadow: 1px 1px 1px #999; }
.review .ico-dislike.emotion-selected:hover { text-decoration: line-through; }
.review-user { font-weight: bold; }
.replies { padding: 0 0 0 40px;  }
.reply-data:first-child { margin-top: 5px; }
.reply-data { margin-bottom: 5px; }
.reply-footer { font-style: italic; font-size: 10px; padding: 10px 10px 10px; }

.bk-product-reviews .image-block { float: right; margin-top: 10px; } 
.bk-product-reviews .image-block img { max-width: 300px;
	 /* height; auto;  */
	}

.SummaryStatistic img					{margin-top: -2px;}
.SummaryStatistic .percentage img 	{margin-right: 10px;}
.ShowReviews img							{margin-top: -2px;}
.ShowReviews span							{padding: 0px 10px;}
.RatingImage								{float: left;}
.RatingText									{margin-left: 110px;}

.commend {background: url(../images/icons/commend.png) no-repeat; width: 20px; height: 20px; border:0px;}
.discommend	{background: url(../images/icons/discommend.png) no-repeat; width: 20px; height: 20px; border:0px;}
.not-rated	{background: url(../images/icons/not-rated.png) no-repeat; width: 97px; height: 18px; border:0px; }

.ico-star:before { content: "\f005"; }
.ico-empty-star:before { content: "\f006"; }
.ico-half-star:before { content: "\f123"; }
.write-review { display: inline-block; margin: 1px 5px 1px 0; white-space: nowrap; border: 1px solid #FF8800; padding: 3px 5px; border-radius: 3px; text-decoration: none; color: #884400; background: linear-gradient(#Ffcc00, #FFbb00, #FFaa00); box-shadow: 1px 1px 1px #888888; cursor: pointer; }
.write-review:hover { color: #884400; box-shadow: 0 0 0 1px #FF8800, 2px 2px 2px #AA6600;
	 /* #888888;  */
	 }
.already-reviewed, .already-asked { display: inline-block; margin: 1px 5px 1px 0; border: 1px solid #7777AA; padding: 3px 5px; border-radius: 3px; color: #000044; background: linear-gradient(#eeeeff, #ddddff, #ccccff); box-shadow: 1px 1px 1px #7777AA; }
.review-error { display: inline-block; margin: 1px 5px 1px 0; border: 1px solid #AA7777; padding: 3px 5px; border-radius: 3px; color: #440000; background: linear-gradient(#ffeeee, #ffdddd, #ffcccc); box-shadow: 1px 1px 1px #AA7777; }

.review-form { display: none; }
.review-form form { padding-top: 10px; }
.review-form .error-block, .review-form .message-block { display: none; margin: 10px 0 0; }
.review-form .error-block.show-block, .review-form .message-block.show-block { display: block; }
.review-form .field .name { float: left; width: 140px; padding: 3px; box-sizing: border-box; }
.review-form .fd-rating .name { padding-top: 8px; }
.review-form .field .control { float: left; }
.review-form .field.required .name:after,
.review-form .field.fd-required .name:after { content: "*"; color: #d00; padding-left: 5px; }

.review-form.expand-open { display: block; }
.review-form .field .control, .reply-form .field .control { width: auto; }
.review-form .fd-user-name input, .review-form .fd-user-email input, .review-form .fd-summary input, .review-form .fd-comments textarea { width: 280px; }
.review-form .fd-error .name:before { font: 14px FA; content: "\f071"; color: red; float: left; padding-right: 5px; }

.review-form  label { float: left; padding: 3px 2px; cursor: pointer; }
.review-form  label input { float: left; transform: scale(1.5); cursor: pointer;  }
.review-form  label span { float: left; padding: 1px 2px 0 5px; }

.reply-form { display: none; }
.reply-form.expand-open { display: block; }
.reply-form .field { padding: 5px 1px; }
.reply-form .field .name { width: 120px; }
.reply-form .fr-reply-user-name input, .reply-form .fr-reply-user-email input, .reply-form .fr-reply-comments textarea { width: 280px; box-sizing: border-box; max-height: 50px; }


.select-stars .ico-star { cursor: pointer; font-size: 28px; letter-spacing: 2px; }
.select-stars .ico-star:before { content: "\f006"; }
.select-stars .ico-star.star-selected:before { content: "\f005"; }
.select-stars .ico-star:hover:before { content: "\f005"; }

.ico-stars { color: #FF8800; letter-spacing: 1px; font: 14px FA; display: inline-block; position: relative;  }
.ico-not-rated:before { content: "\f006\f006\f006\f006\f006"; color: #aaa; display: none; }
.ico-1-0-stars:before { content: "\f005\f006\f006\f006\f006"; }
.ico-1-5-stars:before { content: "\f005\f123\f006\f006\f006"; }
.ico-2-0-stars:before { content: "\f005\f005\f006\f006\f006"; }
.ico-2-5-stars:before { content: "\f005\f005\f123\f006\f006"; }
.ico-3-0-stars:before { content: "\f005\f005\f005\f006\f006"; }
.ico-3-5-stars:before { content: "\f005\f005\f005\f123\f006"; }
.ico-4-0-stars:before { content: "\f005\f005\f005\f005\f006"; }
.ico-4-5-stars:before { content: "\f005\f005\f005\f005\f123"; }
.ico-5-0-stars:before { content: "\f005\f005\f005\f005\f005"; }
.reviews-stats .ico-stars { cursor: pointer; }
.reviews-stats .ico-stars:after { content: "\f0d7"; color: #333; }
.reviews-stats .ico-stars.expand-open:after { content: "\f0d8";  }
.rating-stats { display: none; position: absolute; border: 1px solid #ccc; background: #fefefe; padding: 10px; box-shadow: 3px 3px 3px #777; margin-top: 3px; }
.rating-stats.expand-open { display: block; z-index: 1; }

/* OLD rating images */
.not-rated	{background: url(../images/icons/not-rated.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-1	{background: url(../images/icons/rating-1.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-2	{background: url(../images/icons/rating-2.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-3	{background: url(../images/icons/rating-3.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-4	{background: url(../images/icons/rating-4.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-5	{background: url(../images/icons/rating-5.png) no-repeat; width: 97px; height: 18px; border:0px;}
/*** end product reviews styles ***/

/*** begin manufactures styles ***/
.bk-manufacturers-list .manufacturer { clear: both; padding: 5px 0; }
/*** end manufactures styles ***/

/*** login block ***/
.bk-login-advanced .head { display: none; }
.bk-login-advanced .body { padding: 50px 0; }
.login-form { display: flex; flex-wrap: wrap; }
.new-user, .exists-user  { width: 50%; box-sizing: border-box; }
.new-user .sub-head, .exists-user .sub-head { color: #111827; text-align: center; font: 800 30px/36px Inter; padding: 10px; margin-bottom: 10px; text-transform: none; }
.new-user .login-signup, .exists-user .login-hint, .exists-user .admin-select, .remember-forgot { width: 360px; margin: 0 auto; }
.remember-forgot { display: flex; justify-content: space-between; }
.remember-me { text-align: left; width: 50%; }
.forgot-password { text-align: right; width: 50%; }
.login-signup { padding-bottom: 10px; }
.exists-user .field { width: 360px; margin: 0 auto; }
.fd-login input, .fd-password input { width: 360px; box-sizing: border-box; }
.exists-user .fd-buttons input { width: 360px; box-sizing: border-box; }
.new-user .title { font-size: 16px; line-height: 24px; }
.new-user a { display: block; padding: 4px 0; } 
.new-distributor { margin-top: 30px; }
.exists-user .login-hint { display: none; }
.login-sign-up { width: 360px; margin: 0 auto; text-align: center; }
.logged-in, .access-home, .login-signout { text-align: center; padding: 5px; }

/*** login block end ***/

/*** User Home Page ***/
.bk-back { float: right; padding: 10px 0; }

.order-log table { border-spacing: 0; width: 100%; margin: 10px; }
.event-date, .note-date { width: 150px; padding: 5px 10px 5px 0; vertical-align: top; }
.event-desc, .note-title { padding: 5px 10px; }
.event-desc .bn-more, .note-title .bn-more { margin: 0 0 0 10px; }
.event-attachments { margin-top: 5px; }
.event-attachments a { text-decoration: none; }
.event-attachments a span.name { text-decoration: underline; }
.event-attachments a:before { font: 14px FA; content: "\f016"; padding-right: 5px; }
.event-attachments a:after { content: "; "; padding-right: 5px; }
.event-attachments a:last-child:after { content: ""; }

.shipping .caption { font-weight: bold; }
.shipping .caption:after, .shipping-data .caption:after { content:": "; }

.bk-user-home .head i { font-size: 18px; }
.bk-user-home .user-logout {clear: both; padding: 0px 20px 0px 20px; text-align: right;}
.bk-user-home .user-logout {color: #444444; font-weight: bold;}
.bk-user-home .section { padding: 0 5px 10px 0; background: none; }
.bk-user-home .section .image { width: 50px; height: 50px; border:0px; float: left; } 
.bk-user-home .section .area { margin-left: 50px; } 
.bk-user-home .ico-arrow { padding: 0 0 0 10px; }

.bk-user-home .img-orders       {background: url(../images/icons/orders.png) no-repeat; }
.bk-user-home .img-profile 		  {background: url(../images/icons/admin_profile.png) no-repeat; }
.bk-user-home .img-addresses    {background: url(../images/icons/admin_addresses.png) no-repeat; }
.bk-user-home .img-support 		  {background: url(../images/icons/admin_support.png) no-repeat; }
.bk-user-home .img-forum 			  {background: url(../images/icons/admin_forum.png) no-repeat; }
.bk-user-home .img-products 	  {background: url(../images/icons/admin_products.png) no-repeat; }
.bk-user-home .img-pages 			  {background: url(../images/icons/admin_pages.png) no-repeat; }
.bk-user-home .img-sales-orders {background: url(../images/icons/sales-orders.png) no-repeat; }
.bk-user-home .img-merchant 	  {background: url(../images/icons/admin_merchant.png) no-repeat; }
.bk-user-home .img-affiliates	  {background: url(../images/icons/admin_affiliates.png) no-repeat; }
.bk-user-home .img-payments		  {background: url(../images/icons/admin_payments.png) no-repeat; }
.bk-user-home .img-carts			  {background: url(../images/icons/admin_carts.png) no-repeat; }
.bk-user-home .img-wishlist		  {background: url(../images/icons/admin_wishlist.png) no-repeat; }
.bk-user-home .img-reminders	  {background: url(../images/icons/admin_reminders.png) no-repeat; }
.bk-user-home .img-messages     {background: url(../images/icons/messages.png) no-repeat; }
.bk-user-home .img-vouchers     {background: url(../images/icons/vouchers.png) no-repeat; }
.bk-user-home .img-playlists    {background: url(../images/icons/playlists.png) no-repeat; }
/*** User Home Page ***/

/*** list styles ***/
.list-title th { border-top: 1px dotted #777; border-bottom: 1px dotted #777; font-size: 14px; padding: 10px 5px; background: #f0f0f0;}
.list-item td { border-bottom: 1px dotted #aaa; }
.list-item:nth-child(2n+1) td { background: #eafddb; #dbfbc3; }
/*** end list styles ***/

/* user order styles */
.order-info { margin: 10px 0; padding: 10px; border: 1px solid #aaa; border-radius: 10px; }
.info-item { display: flex; }
.order-info .info-title { font: 18px Arial; padding: 3px 5px; float: left; width: 120px; } 
.order-info .info-title:after { content: ":"; }
.order-info .info-value { font: bold 18px Arial; padding: 3px 5px; } 
.order-buttons { text-align: right; }
.order-buttons .button { margin: 0; }
.bk-user-order .sub-head { text-decoration: underline; padding: 5px 10px; }
.bk-user-order .sub-body { padding: 10px; border: 1px solid #aaa; border-radius: 10px; margin: 10px 0; } 
.order-user .sub-body { display: flex; flex-wrap: wrap; }

.order-events table { border-spacing: 0; width: 100%; margin: 10px 0; }
.event-date, .note-date { width: 170px; padding: 5px 10px 5px 0; vertical-align: top; }
.event-desc, .note-title { padding: 5px 10px; }
.event-desc .bn-more, .note-title .bn-more { margin: 0 0 0 10px; }
.event-attachments { margin-top: 5px; }
.event-attachments a { text-decoration: none; }
.event-attachments a span.name { text-decoration: underline; }
.event-attachments a:before { font: 14px FA; content: "\f016"; padding-right: 5px; }
.event-attachments a:after { content: "; "; padding-right: 5px; }
.event-attachments a:last-child:after { content: ""; }

.shipping .caption { font-weight: bold; }
.shipping .caption:after, .shipping-data .caption:after { content:": "; }
/* end order styles */

/*** vouchers styles ***/
.voucher-events { padding: 10px; }
.voucher-events table { border-spacing: 0; width: 100%; margin-top: 10px; }
.voucher-events .event-date, .voucher-events .transaction-no { text-align: center; }
.voucher-amount, .voucher-balance { width: 100px; text-align: right; }
.lk-voucher-details span, .lk-voucher-send span, .lk-voucher-cash span { display: none; }
.lk-voucher-details { background: url(../images/icons/ico-voucher-details.png) no-repeat; }
.lk-voucher-send { background: url(../images/icons/ico-voucher-send.png) no-repeat; }
.lk-voucher-cash { background: url(../images/icons/ico-voucher-cash.png) no-repeat; }
.lk-voucher-details, .lk-voucher-send, .lk-voucher-cash { background-size: 30px 20px; width: 30px; height: 20px; display: inline-block; }
/*** end vouchers styles ***/

/*** Button Links ***/

.bn-primary { 
	display: inline-block; padding: 17px 41px; font: 400 18px Gotham; text-decoration: none; background: #202944; color: #fff; border-radius: 34px; border: 1.5px solid #202944; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06); margin: 0 10px 10px 0; 
	--ve-tag: "a"; --ve-order: 1; --ve-desc: "Primary navy button"; 
} 
.bn-primary:hover { background: #435077; color: #fff; border: 1.5px solid #435077; }
.bn-primary:active { background: #202944; color: #fff; border: 1.5px solid #D2D2D2; }
.bn-primary-white { 
	display: inline-block; padding: 17px 41px; font: 400 18px Gotham; text-decoration: none; background: #fff; color: #202944; border-radius: 34px; border: 1.5px solid #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06); margin: 0 10px 10px 0; 
	--ve-tag: "a"; --ve-order: 2; --ve-desc: "Primary white button"; 
}
.bn-primary-white:hover { background: #E1E1E1; color: #202944; border: 1.5px solid #E1E1E1;	}
.bn-primary-white:active { background: #fff; color: #202944; border: 1.5px solid #202944;	}
.bn-secondary  { 
	display: inline-block; padding: 13px 21px; font: 400 16px Gotham; text-decoration: none;  background: #fff; color: #202944; border-radius: 34px; border: 1.5px solid #fff;  margin: 0 5px 5px 0; 
	--ve-tag: "a"; --ve-order: 3; --ve-desc: "Sedondary white button";
}
.bn-secondary:hover { background: #E1E1E1; color: #202944; border: 1.5px solid #E1E1E1;}
.bn-secondary:active { background: #fff; 	color: #202944; border: 1.5px solid #202944;}
.bn-tertiary { 
	display: inline-block; padding: 8px 12px; font: 500 12px Inter; text-decoration: none; background: #202944; color: #fff; border-radius: 34px; border: 1px solid #202944; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); margin: 0 5px 5px 0; 
	--ve-tag: "a"; --ve-order: 4; --ve-desc: "Tertiary navy button";
}
.bn-tertiary:hover { background: #435077; color: #fff;border: 1px solid #435077;}
.bn-tertiary:active { background: #202944; color: #fff; border: 1px solid #E5E7EB; }
.bn-tertiary-arrow { 
	display: inline-block; font: 400 16px/24px Gotham; text-decoration: none; color: #202944; margin: 0 5px 5px 0; 
	--ve-tag: "a"; --ve-order: 4; --ve-desc: "Tertiary arrow button";
}
.bn-tertiary-arrow::after { content: "\f061"; padding-left: 10px; font-family: FA; } 
.bn-tertiary-arrow:hover { color: #6C7593; }
.bn-tertiary-arrow:active { color: #202944; text-decoration: underline; }

a.button { display: inline-block; font: 12px/20px Arial, Helvetica, sans-serif; padding: 3px 10px; white-space: nowrap; text-decoration: none; margin-top: 10px; border-radius: 12px; }
td a.button { margin: 0; }
a.bn-add	{ font-weight: bold;}
a.bn-shopping { font-weight: bold;}	
a.bn-checkout { font-weight: bold;}
a.in-cart { text-decoration: none; color: #090; padding: 2px 3px; }
a.in-cart span { display: none; }
a.in-cart:before { font: 14px FA; content: "\f218";	}
.spacer { display: none; }
a.bn-promo { color: #fff; padding: 5px 20px; display: inline-block; background: #019fe6; box-shadow: 0px 0px 3px 2px #019fe6; border: 2px solid #fff; font-size: 20px; text-decoration: none; } 
a.bn-promo:hover { color: #ffff99; border-color: #ffff99; }
a.bn-more { font: 11px Arial, Helvetica, sans-serif; white-space: nowrap; padding: 3px 8px; }
a.bn-more img 	{display:none;}
a.bn-disabled {color: #999; cursor: text; background: #ccc; border-color: #999; }
.multi-add { text-align: right; }
.multi-add .button { display: inline-block; width: 240px; box-sizing: border-box; text-align: center; margin: 10px 0; padding: 8px 20px; font: normal 14px Arial; border-radius: 16px; }
.multi-add .bn-checkout { background: #000; }

div.chooseOptions, div.editOptions { padding-top: 5px; padding-bottom: 5px; }
a.editOptions { color:blue; background-color: #eeeeff; border: 1px solid #A0A0FF; font-size: 10px; text-decoration: none; padding: 2px 10px 2px 10px; }
a.chooseOptions { color:red; background-color: #ffeeee; border: 1px solid #FFA0A0; font-size: 10px; text-decoration: none; padding: 2px 10px 2px 10px; }
/*** Button Links ***/

/*** Filter popup on more button ***/
.filterPopup {background-color: #FFF1C7; border: 2px solid #FFD075; display: none; margin-left: -5px; padding: 3px 4px; position: absolute; z-index: 100;}
/*** Filter popup on more button ***/

/*** Categories Tree ***/
.bk-site-map  ul.tree > li > a { text-transform: uppercase; }
.tree-title { font: bold 18px Arial; text-decoration: underline; padding: 5px 3px; }
.tree { display: block; margin: 0px; padding: 0px; font-size: 14px; }
.tree ul { margin: 2px 0px 0px 0px; padding: 0px; display: none; } 
.tree li.node-open > ul { display: block; } 
.tree li { display: block; list-style: none; margin: 0px; padding: 2px 0px 2px 20px; clear: both; position: relative; }
.tree li a { text-decoration: none; }
.tree li li a { font-size: 12px; color: #999; }
.tree li li { padding-left: 20px; }
.tree .node-expand { min-width: 14px; min-height: 14px; display: block; float: left; padding: 0 4px; color: #5E9732; }
.tree .node-expand { position: absolute;  left: 0px; font: 18px FA; }
.3tree .node-expand:before { content:"\f096"; font: 18px FA; }
.tree .node-childs > .node-expand { cursor: pointer; }
.tree .node-leaf > .node-expand:before { content:"\f105"; font-size: 18px; }
.tree .node-no-data > .node-expand:before { content:"\f00d"; font-size: 18px; }
.tree .node-no-data > a { text-decoration: none; cursor: text; }
.tree .node-childs > .node-expand:before { content:"\f105"; font-size: 18px; }
.tree .node-childs.node-open > .node-expand:before { content:"\f107"; font-size: 18px; }
.tree .node-image { max-width: 16px; max-height: 16px;  width: auto; height: auto; float: right; }

/*** New Catalog Categories List ***/
.category { padding: 6px 2px 6px 16px; position: relative; }
.bk-categories-catalog .category:before { content: "\f0da"; font: 14px FA; float: left; padding-right: 10px; position: absolute; top: 8px; left: 0; } 
.category-name { font-size: 14px; font-weight: bold; }
.category-name.before-image { display: none; }
.category-name.after-image { display: block; }
.category.restricted .category-name:after{ font: 14px FA; content:"\f023"; padding-left: 5px;  }
.category.restricted:after { display: none; }
.category-image { padding-right: 5px; }
.category-subs { margin: 0; padding: 2px 0 0 0px; }
.category-subs li { list-style: none; padding: 0 4px 0 0; float: left; }
.category-subs li:after { content: ", "; }
.category-subs li:last-child:after { content: ""; }
.category-subs .bn-more { padding: 0; }
.category-subs .bn-more:after { content: "..."; }
.category-subs a { font-size: 12px; text-decoration: none;  }
.category-subs a:hover {text-decoration: underline;}

/*** category info block ***/
.dt-image.dt-desc, .dt-image.dt-tabs { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; }
.dt-image.dt-desc .bk-image, .dt-image.dt-tabs .bk-image { grid-column: 1/2; grid-row: 1/2; }
.dt-image.dt-desc .bk-desc  { grid-column: 2/3; grid-row: 1/2; }
.dt-image.dt-tabs .bk-tabs  { grid-column: 2/3; grid-row: 1/2; }
.dt-image.dt-desc.dt-tabs { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; }
.dt-image.dt-desc.dt-tabs .bk-image { grid-column: 1/2; grid-row: 1/3; }
.dt-image.dt-desc.dt-tabs .bk-desc  { grid-column: 2/3; grid-row: 1/2; }
.dt-image.dt-desc.dt-tabs .bk-tabs  { grid-column: 2/3; grid-row: 2/3; }

.bk-product-category { background: #fff; }
.bk-product-category .head { font: 700 48px/48px DIN; padding-top: 32px; }
.bk-product-category .tabs { margin: 0; padding: 0; border-color: #A2D45E; }
.bk-product-category .tabs li {display: block; float: left; list-style: none; margin: 0 10px 0 10px; padding: 0;  }
.bk-product-category .tabs li a { border: none; background: none; }
.bk-product-category .tabs li {background: none; color: #666666; cursor: pointer; display: block; font-weight: bold; padding: 10px 0; text-decoration: none;}
.bk-product-category .tabs li.tab-active	{background: url(../images/ep/tab-a.gif) no-repeat 50% 100%; color: #91c850; display: block; font-weight: bold; padding: 10px 0; text-decoration: none;}
.bk-product-category .tabs li:hover {color:#91c850;}


/*** Categories ***/
.groupTitle		{background: #E9E9E9; font-size: 120%; padding: 6px;}
.feature			{border-bottom: 1px solid #E9E9E9; display: block; padding: 6px;}
.featureName	{float: left; font-weight: bold; padding: 0px; width: 40%;}
.featureValue	{padding: 0px 0px 0px 45%;}

/* Matrix prices for product */
.matrix			{margin: 10px 0px;}
.matrixQty		{border-left: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; float: left;}
.matrixPrice	{border-top: 1px solid #E9E9E9; float: left;}
.matrixTitle	{background: #E9E9E9; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; font-weight: bold; padding: 3px 6px; text-align: center;}
.matrixItem		{border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 3px 6px; text-align: left;}


/* Visualisation tabs on product details */
.tabs { border-bottom-width: 3px; border-bottom-style: solid; margin: 0px; overflow: hidden; padding: 0 0 0 10px; margin-top: 10px; }
.tabs li 			{ display: block; float: left; list-style: none; margin: 0 10px 0 0; padding: 0; background: none; }
.tabs a { font: bold 14px Arial; display: block; padding: 5px 8px 4px; border-width: 1px; border-style: solid; border-bottom: none; text-decoration: none; }
.tabs li.tab-active a {  cursor: text; }
.tabs li.tab-active a:hover  { }
.tab-data { padding: 10px; }
.tab-show { display: block; }
.tab-hide { display: none; }
/*** Products list (list, table view) and product details ***/

/*** cart and mini cart ***/
.bk-shopping-cart .body, .bk-mini-cart .body { padding: 5px 0px; }
.cart-small td		{ padding: 0px; }
.cart-title > td, .cart-title > th { padding: 4px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f0f0f0; }
.cart-title th.item-image, .cart-item td.item-image { width: 60px; text-align: center; }
.cart-item > td	{ padding: 4px; vertical-align: top; }
.cart-item + .cart-item > td { border-top: 1px solid #ccc;} 
.cart-total > td { padding: 4px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f0f0f0; }
.cart-small .cart-buttons { text-align: center; padding: 5px; }
.cart-small .cart-buttons a.button { font-size: 12px; margin: 0 2px; padding: 3px 5px; float: none; display: inline-block; margin: 0 5px 5px 0; }
.cart-small .cart-buttons a.button:hover { color: #FFF;  }
.cart-empty { text-align: center; padding: 10px; }
.cart-item .item-image img { max-width: 50px; height: auto; }
.cart-item .item-qty input { width: 20px; }
.cart-item .item-remove { width: 50px; padding: 0 4px;}
.cart-item .item-remove a { text-decoration: none; font-size: 24px; cursor: pointer; }
.cart-item .item-remove a span { display: none; }
.cart-item .remove-confirm { display: none; }
.cart-item[data-mode="remove"] .remove-confirm { display: block; }
.cart-item[data-mode="remove"] .remove-option { display: none; }
/*** Small Cart ***/

/*** Article styles ***/
.bk-articles-category-description .head { font: 800 60px/60px Inter, Arial; text-transform: uppercase; padding: 30px 70px 0px; }

.bk-articles-list .bn-more { display: none; }
.bk-articles-list .image-block { text-align: center; }
.bk-articles-latest .body { padding-left: 0; padding-right: 0;}
.bk-articles-latest .col { padding: 0 10px; }
.bk-article-details .head { display: none; }
.bk-article-details .body { padding: 0; }
.article-category { padding: 5px; margin: 5px 0; }
.article-category a { text-decoration: none; }
.article { clear: both; }
.article-head { display: flex; justify-content: space-between; padding: 0; }
.article-print-tell { float: right; display: none; }
.article-options { display: none; text-align: right; }
.button.bn-print, .button.bn-tell { margin-top: 0; } 
.article-body { padding: 0; }
.article-image { float: left; margin: 0px 10px 5px 0px; }
.article-image img { border: none; }
.article-date	{color: #7777CC; font-size: 11px; font-style: italic; }
.article-date.before-title { display: none; }
.article-top .article-title {}
.article .bn-more { margin: 0; padding: 1px 5px; }
.article-desc {}
.article-other { clear: both; }
.article-tags { clear: both; }

.list-section .caption:after { content: ": "; }
.list-inline { margin: 0; padding: 0; display: inline-block; } 
.list-inline li { list-style: none; display: inline-block; font-style: italic; } 
.list-inline li::after { content: ", "; }
.list-inline li:last-child::after { content: ""; }

.gallery-slider { float: left; margin: 0 10px 10px 0; }
.gallery-slider .media-title { display: none; }

.article-sub { padding: 3px; margin: 0; }
.article-sub .before-image:before { font: 14px FA; content: "\f0da"; padding: 2px 5px 0 0; float: left; }
.article-sub .article-title { font-size: 14px; } 
.article-sub .article-image { display: none; }
.article-sub .article-desc { display: none; }
.article-sub .bn-more { display: none; }
.article-sub .article-date.before-title { display: block; float: left; padding: 3px 5px 0 0; }
.article-sub .article-date.after-title { display: none; }

/*** tree view type ***/
.bk-articles-list .top-category:first-child { margin-top: 0; }
.bk-articles-list .top-category { display: block; font: bold 21px Arial; color: #fff; background: #5d9732; padding: 10px 70px; margin: 25px 0 15px; }
.bk-articles-list .sub-category { display: block; font: bold 16px Arial; color: #808285; padding: 3px 70px; }
.bk-articles-list.tree-view { padding: 0 0 50px; }
.bk-articles-list.tree-view .body { padding: 0; }
.bk-articles-list.tree-view .article { margin: 10px 70px; }
.bk-articles-list.tree-view .article .title { cursor: pointer; font: normal 16px Arial; color: #5E9732; }
.bk-articles-list.tree-view .article .title:before { content: "\f196"; font-family: FA; padding-right: 10px; }
.bk-articles-list.tree-view .article .title.expand-open:before { content: "\f147"; }
.bk-articles-list.tree-view .article .desc { display: none; margin: 0 0 25px 25px;}
.bk-articles-list.tree-view .article .desc.expand-open { display: block ; }

/*** article details ***/
.bk-article-details { padding: 0 150px 25px; background-color:#fdfdfd; }
.article-wide { padding: 0 70px 20px; }

/*** News list type ***/
.news-list { padding: 25px 150px; background: center / cover no-repeat url(../images/bg-news-article.jpg); }
.news-list .bk-pagination { margin: 0 50px; padding: 10px 0; }
.news-list .pn-top { display: none; }
.news-list .pn-bottom { border-top: 1px solid #ddd; }
.news-list .articles { justify-content: space-between; }
.news-list .article { margin-bottom: 20px;  }
.news-list .article .data { display: flex; flex-wrap: wrap; padding: 0 0 25px; border: 1px solid #A2D45E; border-radius: 8px; align-items: flex-start; align-content: flex-start; width: 235px; margin: 0 auto; } 
.news-list .article h2.title { order: 2; width: 235px; padding: 10px 0; background: rgba(162, 212, 94, 0.25); border-radius: 0px 0px 30px 0px; color: #58595B; margin-right: 20px; padding: 10px; }
.news-list .article h2.title a { color: #58595B; font: 700 14px Gotham; }

.news-list .article a.title { color: #5E9732; text-decoration: none; font-weight: normal; }
.news-list .article a.title:hover { text-decoration: underline; }
.news-list .article .bk-image { display: flex; order: 1; background: url(../images/articles/small/eco-news.png) no-repeat 1px 1px; width: 235px; height: 145px; margin: 0 auto; align-items: center; overflow: hidden; border-radius: 8px 8px 0 0; }
.news-list .article .bk-image .img-link { display: block; }
.news-list .article .bk-image img { display: block; max-width: 235px; object-fit: cover; }
.news-list .bn-more { display: none; }
.news-list h2 { margin: 0; font: normal 16px/20px Arial;  }

.desc-intro { padding: 20px 0px; }
.section-how-buy { display: flex; justify-content: center; gap: 80px; flex-wrap: wrap; padding: 90px 0px 40px; } 
.bk-how-buy { position: relative;  width: 350px; min-height: 310px; background: #fff; box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04); border-radius: 16px; }
.bk-how-buy .icon { position: absolute; display: flex;  justify-content: center; align-items: center; width: 64px; height: 64px; background: #333; left: 24px; top: -32px; font: 32px FA; border-radius: 12px; color: #fff; transition: background-color 2s;}
.bk-how-buy .icon img { max-width: 32px; max-height: 32px; width: auto; height: auto;  }
.bk-how-buy .icon img.invert { filter: invert(1); }
.bk-how-buy .info { background: #fff; min-height: 240px; border-radius: 16px 16px 0 0; padding: 60px 25px 20px; border-radius: 12px; box-sizing: border-box; }
.bk-how-buy .info .title { font: 500 20px/28px Inter; padding-bottom: 20px; color: #111; }
.bk-how-buy .info .desc { font: 400 16px/24px Inter; color: #6B7280} 
.bk-how-buy .link { position: absolute; bottom: 0; left: 0; right: 0; display: flex; height: 70px; background: #F9FAFB; text-align: center; border-radius: 0 0 16px 16px; justify-content: center; align-items: center; cursor: pointer; text-decoration: none; transition: background-color 2s;}
.bk-how-buy .link-shop:after { content: "\f08e"; font-family: FA; padding-left: 5px; }
.bk-how-buy .link.expand-open { background-color: #DFF0C8; }
.bk-how-buy .icon.expand-open { background-color: #5E9732; }
.bk-learn-more { display: flex; align-items: center; gap: 40px; background: #F3F4F6; border-radius: 8px; box-2shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1); padding: 40px; }
.bk-learn-more .info { max-width: 770px; }
.bk-learn-more .link { display: flex; justify-content: center; align-items: center;  width: 130px; text-align: center; font: 500 16px/24px Inter; padding: 13px 21px; background: #FFFFFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06); border-radius: 6px; text-decoration: none; cursor: pointer;  transition: background-color 2s, color 2s;}
.bk-learn-more .link.expand-open { background-color: #5E9732; color: #fff; }
.sales-reps-map { background: #fff; padding: 20px 70px; }
.sales-reps-map img { display: block; margin: 0 auto; }
.sales-reps { display: flex; padding: 20px 70px; justify-content: space-between; flex-wrap: wrap; }
.sales-reps .division { max-width: 500px; width: 500px; }
.sales-reps .division h3 { font: bold 36px/40px DIN; margin: 36px 0 24px; }
.sales-reps .division h4 { margin: 24px 0 0; }
.learn-more-info { font: 400 18px/34px Inter; color: #6B7280; padding: 20px 70px; background: #fff; }
.learn-more-info .cfm2 { text-align: right; }
.learn-more-info img { border: 1px solid #5E9732; }

.how-buy-info { display: none; }
.how-buy-info.expand-open { display: block; }

.popup-find-distributor { height: 80vh; width: 80vw; background: #fff; }
.popup-find-distributor h2 { margin: 0; padding: 20px 50px; } 
.popup-find-distributor .popup-close:after { font-size: 28px; padding: 10px; }
.find-distributor-area { display: flex; justify-content: center; align-items: center; }
.find-distributor-frame { max-height: 70vh; max-width: 75vw; height: calc(80vh - 140px); width: calc(80vw - 50px); border: 1px solid #777; }

/*** End Article styles ***/

/*** User type styles ***/
.site-admin { color: blue; font-weight: bold;}
.site-admin .user-type { display: inline-block; font: bold 10px Arial; color: blue; border: 1px solid blue; padding: 1px 2px; border-radius: 2px; margin: 0 3px; background: #eef;}
.site-user, .forumUser 				{color: black; font-weight: bold;}
.site-guest, .forumGuest       	{color: #555;  font-style: italic; }
.site-guest .user-type { display: inline-block; font: bold 10px Arial; color: #999; border: 1px solid #999; padding: 1px 2px; border-radius: 2px; margin: 0 3px; background: #eee;}
/*** end user type styles ***/

/*** Forum ***/
.forumAdmin 			{color: blue; font-weight: bold;}
.forumMessageLeft 	{background: #F4F4F4; border-left: 1px solid #D5D5D5; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5;}
.forumMessageRight 	{background: #F4F4F4; border: 1px solid #D5D5D5;}
.forumMessageTop 		{background: #E9E9E9; border-bottom: 1px solid #D5D5D5;}
/*** Forum ***/

/*** Prices and codes on the site ***/
.prices .caption:after,
.product-code .caption:after, 
.manf-code .caption:after { content: ": "; }

.price-main {color: #000; font-weight: bold;}
.price-main .price {font-weight: bold;}
.price-main .tax {font-weight: normal;}

.price-old {color: #000; text-decoration: line-through;}

.hidden {color: #000; font-weight: bold; display: none;}

.price-edit {color: #000; font-weight: bold;}
.price-edit input.price {text-align: right; font-weight: bold; width: 60px; font-size: 13px; color: black; border: 1px solid #A3ACB1;}

.price-sale {color: #000; font-weight: bold; border: none; background: transparent;}
.price-sale .price {font-weight: bold;}
.price-sale .tax {font-weight: normal;}

.price-save {color: #0A0; font-weight: bold;}
.price-save .price {font-weight: bold;}
.price-save .percent {font-weight: normal;}

.price-incl-excl .tax:before, .price-excl-incl .tax:before { content: "("; }
.price-incl-excl .tax:after, .price-excl-incl .tax:after { content: ")"; }
.price-old .tax, .price-edit .tax {display: none; }
.price-note:before { content: " "; }
/*** Prices on the site ***/

/*** product data styles ***/
.caption:after { content: ": "; }
.category-in { padding-right: 5px; }
.category-in:after { content: ", "; }
.category-in:last-child:after { content: ""; }
/*** end product data styles ***/

/*** Rating part ***/
.SummaryStatistic img					{margin-top: -2px;}
.SummaryStatistic .percentage img 	{margin-right: 10px;}
.ShowReviews img							{margin-top: -2px;}
.ShowReviews span							{padding: 0px 10px;}
.RatingImage								{float: left;}
.RatingText									{margin-left: 110px;}

.neutral {display: none;}
.commend		{background: url(../images/icons/commend.png) no-repeat; width: 20px; height: 20px; border:0px;}
.discommend	{background: url(../images/icons/discommend.png) no-repeat; width: 20px; height: 20px; border:0px;}
.not-rated	{background: url(../images/icons/not-rated.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-1	{background: url(../images/icons/rating-1.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-2	{background: url(../images/icons/rating-2.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-3	{background: url(../images/icons/rating-3.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-4	{background: url(../images/icons/rating-4.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-5	{background: url(../images/icons/rating-5.png) no-repeat; width: 97px; height: 18px; border:0px;}
/*** Rating part ***/

/*** Shipping pop-up window ***/
.shipping-opacity	{display: none; z-index: 900; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: #E1E1E1;}
.shipping-shadow	{display: none; z-index: 1000; position: absolute; top: 0px; left: 0px; width: 600px; background: #CCCCCC;}
.shipping-block		{position: relative; bottom: 5px; right: 5px; width: 600px; background: #F4F4F4; border: 1px solid #78C7FF;}
.shipping-img-close	img {margin: 10px 10px 5px 0px;}
.shipping-descr		{padding: 0px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align:justify;}
/*** Shipping pop-up window ***/

/*** New, restricted and other FA icons ***/
.product-name.ico-new { padding-left: 22px; background: url(../images/icons/new_m.png) no-repeat left; }
.bk-product-details.ico-new .head .product-name { padding-left: 32px; background: url(../images/icons/new_l.png) no-repeat left;  }
.restricted:after{ font-family: FA; content:"\f023"; padding-left: 5px; }
.attachments { text-decoration: none; cursor: pointer; }
.attachments span { text-decoration: underline; }
.attachments:after{ font-family: FA; content:"\f0c6"; padding-left: 5px; }
.ico-close:after { font-family: FA; content: "\f00d"; cursor: pointer; }
.msg-close:after, .popup-close:after { font: normal 12px FA;  content: "\f00d"; color: #333; padding: 1px 1px 4px 4px; cursor: pointer;  display: block; }
.msg-close:hover:after, .popup-close:hover:after { color: #f00; }
.ico-download:after { content: "\f019"; }
.ico-money:after { content: "\f0d6"; color: #0A0; }
.ico-thumb-up:after { content: "\f164"; color: #019fe6; }
.ico-search:after { content: "\f002"; }
.ico-clip:after { content: "\f0c6"; } 
.ico-rating:before { content: "\f005"; }
.ico-star:before { content: "\f005"; }
.ico-empty-star:before { content: "\f006"; }
.ico-half-star:before { content: "\f123"; }
.ico-smile:before { content: "\f118"; }
.ico-neutral:before, .ico-meh:before { content: "\f11a"; }
.ico-frown:before { content: "\f119"; }
.ico-help:before { content:"\f059"; }
input + .ico-help { padding-left: 5px; }
.ico-reply:before { content: "\f112"; }
.ico-comment:before { content: "\f112"; }
.ico-like:before { content: "\f087"; }
.ico-like.emotion-selected:before { content: "\f164"; }
.ico-dislike:before { content: "\f088"; }
.ico-dislike.emotion-selected:before { content: "\f165"; }
.ico-likes:before { content: "\f164"; }
.ico-dislikes:before { content: "\f165"; }
.ico-home:before { font: 12px FA; content: "\f015"; }
.ico-arrow:before { font: 12px FA; content: "\f0da"; }
.ico-cart:before { content: "\f07a"; }
.ico-user:before { content: "\f007"; }
.ico-products:before { content: "\f0c9"; }
.ico-contact:before { content: "\f232"; }
.ico-leaf:before {content: "\f06c"; } 
.ico-globe:before {content: "\f0ac"; } 
.ico-line-chart:before {content: "\f201"; } 
.ico-paper-plane:before {content: "\f1d8"; }
.ico-tree:before {content: "\f1bb"; }
.ico-recycle:before {content: "\f1b8"; }
.ico-facebook:before { content: "\f082"; }
.ico-instagram:before { content: "\f16d"; }
.ico-twitter:before { content: "\f099"; }
.ico-youtube:before { content: "\f16a"; }
.ico-phone:before { content: "\f095"; }
.ico-link:before, .ico-remote:before { content: "\f08e"; }
.ico-globe:before { content: "\f0ac"; }
.ico-map-point:before { content: "\f041"; }
.ico-trash { color: #777; }
.ico-trash:before { content: "\f014"; }
.ico-trash:hover { color: #000; cursor: pointer; }
.ico-yes:before { content:"\f05d"; color: #ccc; }
.ico-yes:hover:before { color: green; }
.ico-no:before { content:"\f05c"; color: #ccc; }
.ico-no:hover:before { color: red; }
/*** end icons ***/

/*** Manual list ***/
.level1 {padding: 2px 2px 2px 15px;}
.level1 a {font-weight: bold;}
.level1 a:hover {font-weight: bold;}
.level2 {padding: 2px 2px 2px 30px;}
.level3 {padding: 2px 2px 2px 40px;}
.level4 {padding: 2px 2px 2px 50px;}
.bk-manuals-article-details img { max-width: 100%; height: auto; }
/*** Manual list *****/

/*** Custom menu list ***/
.bk-navigation { padding: 25px 0; border-top: 1px solid #ccc; }
.bk-navigation:first-child { padding-top: 50px; border: none; }
.bk-navigation .nav-expand { display: none; }
.bk-navigation .nav-expand i { font-weight: normal; font-style: normal; font-family: FA; }
.bk-navigation ul		{display: block; margin: 0px; padding: 0px;}
.bk-navigation ul ul		{display: block; margin: 0px; padding: 0px;}
.bk-navigation ul li		{ font-size: 14px; display: block; list-style: none; margin: 0px; padding: 0 0 0 20px;}
.bk-navigation-old ul li i:before { font: 14px FA; content: "\f0da"; } 
.bk-navigation-old ul li li i:before { content: "\f105"; } 
.bk-navigation ul li a	{ display: block; font: 400 14px/20px Inter; padding: 5px 0; color: #555; text-decoration: none; }
.bk-navigation ul li a:hover { color: #91C850; }
.bk-navigation ul li li a		{ font-size: 12px; color: #999; }
.bk-navigation ul li li li {  }
/*** Custom menu list ***/

/* Image slider tooltip */
.soPopupContent {position: absolute; z-index: 999; width: 300px; border: 1px solid #CED7DF; background: #FFFFFF; padding: 20px; display: none;}
.soPopupContent a.bigtitle	{display: block; margin-bottom: 15px; text-align: center;}
.soPopupImg	{text-align: center; margin-bottom: 15px;}
.soPopupImg img	{border: 1px solid #E8ECF0;}
.soText	{text-align: justify;}
.popupTooltip	{display: none;}
/*** Image slider box ***/

/*** popup frame styles ***/
.popupFrame {
	left: 100px; top: 100px; position: absolute; 
	background-color: #FFFFFF; border: 3px solid #fec240; box-shadow: 5px 5px 5px #000;
	-moz-border-radius: 10px; border-radius: 10px 10px 0px 0px;
}
.frameHeader { background-color: #fec240; color: white; }
.frameFooter { background-color: #fec240; }
.frameClose { cursor: pointer; float: right; padding: 5px 5px 5px 0px; text-align: right; font: 14px Tahoma, Helvetica, Verdana; }
.frameTitle { font: bold 18px Tahoma, Helvetica, Verdana, sans-serif, Arial; padding: 5px 0px 5px 10px; }
.frameContent { padding: 5px; overflow:auto; width: 700px; height: 600px; }
.frameMessage {background: #E0E0FF; color: #0000CC; border: 1px solid #0000CC; padding: 6px; margin: 5px 0px 5px 0px; text-align: center; font-weight: bold; }
.frameError {background: #FFE0E0; color: #CC0000; border: 1px solid #CC0000; padding: 6px; margin: 5px 0px 5px 0px; text-align: center;}

/**** popup for order details *****/
div.orderPopup {background: #FFFFFF; border: 1px solid #D5D4E9; padding: 2px; display: none; position: absolute; left: 0px; top: 0px; z-index: 10; }

#categories_box select	{display: block; margin: 0px 0px 5px 0px;}
#categories_box a	{display: inline-block; background: #E8E8E8; border: 1px solid #93BDFD; padding: 3px 10px; text-decoration: none; margin-bottom: 5px;}

/*** Cookie Bar ***/
.cookie-bar-top { position: fixed; top: 0; left: 0; right: 0; padding: 0; background: #fff; min-height: 50px;  box-shadow: 0px 0px 8px 3px #333; z-index: 100; text-align: center; }
.cookie-bar { position: fixed; bottom: 0; left: 0; right: 0; padding: 0; background: #fff; min-height: 50px;  box-shadow: 0px -5px 10px #333; z-index: 100; text-align: center; }
.cookie-bar .close { cursor: pointer; }
.cookie-bar .close:after { content: "\f00d"; font: 14px FA; float: right; padding: 10px; }
.cookie-message { padding: 10px 30px 10px 10px; margin: 0 auto; text-align: left; font-size: 14px; }
.cookie-settings { padding: 5px 10px 5px; border: 1px solid #aaa; width: 580px; margin: 10px auto; font-size: 11px; } 
.cookie-settings label { cursor: pointer; margin-right: 5px; float: left; padding-top: 3px; user-select: none;  -ms-user-select: none;  }
.cookie-settings .button { margin: 0 10px; border: none; background: #18a300; color: #fff; padding: 4px 10px; border-radius: 2px; text-transform: uppercase; float: left; cursor: pointer; }
.cookie-settings .expand { padding: 4px 0; float: right; text-decoration: none; cursor: pointer; }
.cookie-settings .expand:after { content: "\f107"; font: 14px FA; padding-left: 5px;  }
.cookie-settings .expand.expand-open:after { content: "\f106"; }
.cookie-settings .expand .expand-hide { display: none; }
.cookie-settings .expand.expand-open .expand-show { display: none; }
.cookie-settings .expand.expand-open .expand-hide { display: inline; }

.cookie-disable { color: #777; }
.cookie-details { display: none; width: 600px; margin: 10px auto; background: #fff; }
.cookie-details.expand-open { display: block; }
.cookie-details .tabs { margin: 0; padding: 0; border: none; }
.cookie-details .tabs li { display: block; float: left; list-style: none; margin: 0; font: 11px Arial; border: 1px solid #aaa; border-left: none; }
.cookie-details .tabs li { background: none; color: #666666; cursor: pointer; padding: 5px; text-decoration: none;  user-select: none; }
.cookie-details .tabs li:first-child { border: 1px solid #aaa; } 
.cookie-details .tabs li.tab-active { font-weight: bold; color: #000; border-bottom: 1px solid #fff; position: relative; z-index: 10; }
.cookie-details .tabs li.tab-title:hover { background: #eee; }
.cookie-details .tabs li.tab-active:hover { background: none; }
.cookie-details .tab-data { position: relative; font: 14px Arial, Helvetica, sans-serif; min-height: 80px; margin: 0; padding: 10px; border: 1px solid #aaa; top: -1px; z-index: 1; text-align: left; }
.cookie-details .tab-data.tab-hide { display: none; }
/*** End Cookie Bar ***/

/*** Pagination styles ***/
.list-pagination { border-top: 1px dotted #777; }
.pagination { padding: 5px 0; }
.pn-summary { padding: 7px 10px; font-size: 16px; float: right; } 
.pagination ul { padding: 0; margin: 0; float: right; } 
.pagination li { list-style: none; float: left; font-size: 16px; }
.pagination li a { border: 1px solid #aaa; padding: 5px 10px; background: #fff; text-decoration: none; color: #000; border-right: none; display: block; } 
.pagination li:first-child a { border-radius: 5px 0 0 5px; } 
.pagination li:last-child a { border-right: 1px solid #aaa; border-radius: 0 5px 5px 0 ; } 
.pagination li a:hover { background: #ddd; }
.pagination li.pn-active a { font-size: 16px; background: #ddd; font-weight: bold; } 
.pn-first a:after { content: "\f100"; font-family: FA; }
.pn-last a:after { content: "\f101"; font-family: FA; }
.pn-prev a:after { content: "\f104"; font-family: FA; }
.pn-next a:after { content: "\f105"; font-family: FA; }
.pn-first span, .pn-last span, .pn-prev span, .pn-next span { display: none; }
/*** End Pagination ***/

/*** cookies control styles ***/
.cookieControl{width:32px;height:32px;background:url(../images/icons/va_cookies.png) no-repeat 0 -32px;position:fixed;left:0;bottom:0;z-index:1000;}
.cookieControl:hover{cursor:pointer;}
.cookieInfo{position:fixed;bottom:40px;left:40px;width:200px;height:200px;border:2px solid #333;border-radius:10px;padding:20px;z-index:1000;background-color:#fff;}
.cookieInfo .button{padding:3px 15px;border:1px solid #333;border-radius:7px;float:left;margin:20px 15px 0;color:#fff;font-weight:700;width:30px;text-align:center;}
.cookieInfo div.bn-green{float:left;background-color:green;}
.cookieInfo div.bn-red{background-color:red;float:right;}
.cookieInfo .button:hover{opacity:0.8;cursor:pointer;}
.cookieInfoClose{position:absolute;top:3px;right:3px;width:12px;height:12px;background:url(../images/icons/buttonClose.png) 0 0 no-repeat;}
.cookieInfoClose:hover{background-position:0 -12px;cursor:pointer;}

/*** twitter styles ***/
div.tweet{padding:2px 0 5px;border-bottom: 1px solid #ddd;}
img.twitterImg{float: left;margin-right: 5px;}
/*** facebook styles ***/
.facebook li{list-style:none; display:block;padding: 0 7px 7px 7px;}
.facebook .from{padding-bottom:5px;text-decoration:underline;}
.facebook .date{font-size:11px;font-style:italic;}

/**** NEW Internal Messages styles ****/
.msg-box { border: 1px solid #c0c0c0; }
.folders {}
.folder { padding: 3px; }
.unreadFolder { font-weight: bold; padding: 3px; }

.newMessage { padding: 6px; }
.noMessages { color: #333333; font-style: italic; text-align: center; border: 1px solid #777777; padding: 10px 50px; background: #DDDDDD; margin: 6px; }
.messageSaved, .messageSent { color: #0000FF; text-align: center; border: 1px solid #AAAAFF; padding: 10px 50px; background: #EEEEFF; margin: 6px; }
.messagesHeader td { font-weight: bold; background: #DDDDDD; }
.messageRead {}
.messageUnread td a { font-weight: bold; }

.viewMessage {  }

.msgHeader { clear: both; padding: 5px; }
.headerTitle { float: left; width: 100px; font-weight: bold; padding: 6px; }
.headerValue { float: left; }
.headerValue div { width: 400px; padding: 5px; border: 1px dotted #AAA; background-color: white; }

.headerValue .profile { float: right; }

.headerDesc div { float: left; width: 400px; padding: 5px; border: 1px solid #EEE; background-color: #EEE; }
.headerValue input { width: 400px; padding: 5px; border: 1px solid #AAA; background-color: white; }

.msgText { clear: both; } 
.msgText div { width: 502px; border: 1px dotted #AAA; margin-left: 5px; margin-top: 27px; padding: 10px; background-color: white; word-wrap: break-word; }
.msgText textarea { width: 502px; border: 1px solid #AAA; margin-left: 5px; margin-top: 7px; padding: 10px; background-color: white; }
.msgButtons { clear: both; margin: 5px; padding: 5px; }

.msgLeft { float: left; width: 15%; }
.msgLeftHeader { 
	border-bottom: 1px solid #c0c0c0; 
	background-color: gray; color: white; 
	padding: 5px 5px 5px 8px; 
	height: 18px;
}
.msgLeftContent { color: white; padding: 5px; }

.msgRight  { float: left; width: 85% }
.msgRightHeader { 
	font-weight: bold;
	border-right: 1px solid #c0c0c0; 
	border-left: 1px solid #c0c0c0; 
	border-bottom: 1px solid #c0c0c0;  
	background-color: gray; color: white; 
	height: 18px;
	padding: 5px; 
}
.msgRightContent { 
	border-left: 1px solid #c0c0c0; 
}

/*** OPC (one page checkout) styles  ***/
.bk-order-form { margin-top: 10px; }
.bk-order-form table th, .bk-order-form table td { padding: 4px 6px; }
.foot-content { margin: 5px 10px; }

.cart-options { margin-top: 20px; }
.personal-data { width: 50%; float: left;  }
.delivery-data { width: 50%; float: left;  }
.data-title { font-size: 14px; font-weight: bold; background: #f5f5f5; padding: 5px 5px 5px 10px; border: none; border-bottom: 1px solid #C0c0c0; }
.order-title { padding: 10px 15px; font: bold 16px Arial; text-decoration: underline; }
.cart-options .data-title { border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc; }
.personal-data .data-title, .delivery-data .data-title { min-height: 	60px; } 
.data-info { font-size: 14px; line-height: 14px; font-weight: normal; }
.cart-order th, .cart-order td { font-size: 14px; }
.ordinal-number { width: 24px; text-align: center; }
.cart-order td.product-name { font-weight: normal; }
.product-qty { width: 50px; text-align: center; }
.price-excl-tax, .price-excl-tax-total { width: 75px; text-align: right; }
.remove-col { width: 20px; text-align: center;  }

.field { clear: both; padding: 5px 5px 5px 10px; overflow: hidden; }
.field .comments { font-style: italic; color: gray; font-family: times; }
.field .name { padding-top: 2px; float: left; width: 35%; }
.field .control { float: left; width: 65%; }
.payment-data .field { padding-left: 15px; }
.payment-data .field .name { width: 20%; }
.payment-data .field .control { width: 60%; }

.property .field .control { float: right; text-align: right;  }
.property .field .name { float: left; }
.property .field .after { clear: both; }
.property .value { float: right; }
.property .price { text-align: right; }
.property .points-pay { padding: 5px 0; text-align: right;  }
.points-pay label { cursor: pointer; }

.field-subscribe { border-top: 1px solid #CEB17F; padding: 5px; background: #F9E7C8; }

.no-shipping { padding: 10px; text-align: center; font-size: 16px; color: #f00; }
.group-name { padding: 10px; text-align: right; }
.group-name .total-items { display: inline-block; font: 10px Arial; color: #999; border: 1px solid #999; padding: 2px; border-radius: 2px; margin: 0 3px; background: #eee;}
.shipping-method { padding: 5px; text-align: right; }
.shipping-single .shipping-desc:after { content: ": "; }
.shipping-cost { font-weight: bold; }
.shipping .property { padding: 5px; }
.shipping .name { padding: 3px 5px; float: right; }
.shipping .control { float: right; } 
.shipping .after { clear: both; }
.shipping .points-pay { padding: 5px; text-align: right;  }
.shipping .points-pay i:before, .property .points-pay i:before { display: inline-block; padding-right: 5px; content: ""; width: 15px; height: 16px; 
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwOTE5RjYxQzhDQzExRTk5NTE5QTFEMEU2QUUxMDJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwOTE5RjYyQzhDQzExRTk5NTE5QTFEMEU2QUUxMDJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTA5MTlGNUZDOENDMTFFOTk1MTlBMUQwRTZBRTEwMkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTA5MTlGNjBDOENDMTFFOTk1MTlBMUQwRTZBRTEwMkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7ZaP4vAAADMklEQVR42kxTSUxTURQ97/fXFqi/FJu2qBWisdRQIGqcNYYYNhoTXCs4bJziHHFhdOGKoKLsjEOiRF27QRkWJBBdkLS1YJQAoRSKtIVWO/8Ov8/3vkO8yc1/7/137z33nPtIX18ftNpVACgIIdBoRPT29i7Nzy/Y2tvb7j59+uxeY2Nj6OLFC9WZTAaUUhQKeQiCAFGv1yEW+wG9Xg+DwQC73Q6z2Zz/+vUbBgYGz/DLgkBkv9+PSCSCbFaGJBlYggLEYlHB9+9L4EmKxSKrDjgcjktTU9M96XR6PUs2u2WL87pWq0WpVGLIBFgsFiRTSZAPH94jFAqjqmoN3G53q8fjfZJMJq2iKNLy8vJMsVjQp1Jpjdm8JtzU1HTO5XK9MxqNWIkug4yOjmA+sID+/oH5hWDQzqDnKioqlhncdCSyrKuuthYIEcpSqZQlFoutYkgWzp8/uyGeiEPIZLK1z56/UHig0+n0SZL0Y3Z2dp3fP1fX3HywdmxsbPPMzMw6o1GKsaq+xcVF+/37D5X4z/gGTX29q0OWs1vr6hwTXu/nbeynIZFIkJs3b+Dy5UvYtWs3a8dDxsfHDdls1rZ9+za3LOckg6GigMnJSfT09LxuaGiie/bsow6Hk75585Zye/nyFQ2HI/TKlau0vr6B7t27n7pcjbS7+9Hr6elpkOHh4cO3b9/py+fzqlRLSyEMDfUzKYrYtGkjO5OwY8dOiKIGiqKAkckY1+DBg67DGpOp6q3X61trtVrBLZFIqhoeO9aKU6dOw+PxYG4uwNQwqVLxeeAF2NqpsVhsj5nWWq4jN0YMRkZG4fP5cOLEcZbgpNraxMQXFRkfGiYjZFmuJM3NhxQWI+CP6XQ6hMNheL1udR8KhcBkwpEjR2Gz2dSx/D11QklgC4L/LBAIqNUGBwdZ5TasXi2pMBWl9O/On2Ai5nI5lJWVqQfc+bhyYlpaWlT/+PETOjpuwWSqVKty418mGxVqamp+BoNB9YC/qtraGsZkN9ra2hGNRnHt2nWsrERZsOlfYDC4yB9QnDB4Bzo7u4YYAaxdHeUJOKuccX6RO5fmLzImKWGM57q6Olt+CTAAnRuaRiXKV8sAAAAASUVORK5CYII=') no-repeat; }

.product-remove { cursor: pointer; }
.product-remove span { display: none; }
.product-remove:after { font: 14px FA; content: "\f014"; color: #777; }
.product-remove:hover:after { color: #f00; }

.step-summary {
	float: left; 
	background-color: #EEE;
	color: #333; font-family: Verdana; font-size: 16px; font-weight: bold; border-radius: 5px; border: 2px solid #c0c0c0; 
	padding: 8px 20px;
	margin-right: 10px;
	box-shadow: 3px 3px 3px #888888;
}
.step-total { color: blue; }

.step-continue { float: right; }
input.continue { 
	font-family: Verdana;
	font-size: 20px; font-weight: bold; 
	border-radius: 5px;
	background: linear-gradient(white, #c0c0c0);
	padding: 5px 20px;
	box-shadow: 3px 3px 3px #888888;
}
.black .step-summary, .black input.continue { box-shadow: 3px 3px 3px #333;  }

.step-link {  text-align: left;  padding-left: 10px;  }

.active { clear: both; } 
.inactive { clear: both; } 
.closed { clear: both; } 
.closed .step-link { cursor: pointer;  }
.moving { overflow: hidden; }

.inactive { opacity: 0.3; }
.inactive .sub-body, .closed .sub-body, .inactive .foot-content, .closed .sub-foot, .closed .foot-content { display: none; }
.opc-single .inactive { opacity: 1; } 
.opc-single .inactive .sub-body, .opc-single .closed .sub-body, .opc-single .inactive .foot-content, 
.opc-single .closed .sub-foot, .opc-single .closed .foot-content { display: block; }
.opc-single .sub-foot#cartFooter, .opc-single .sub-foot#userFooter,	.opc-single .sub-foot#shippingFooter { display: none; } 
.opc-single .sub-body { margin-bottom: 20px; }

.block.bk-order-form .body { padding: 0px; }
.block.bk-order-form .sub-head { padding: 10px 5px; }
.block.bk-order-form .sub-body { padding: 0; }
.block.bk-order-form .sub-body > table { padding: 0; }

.bk-order-form .sub-head#cartTitle { border-top: 1px solid #d0d0d0; }
.bk-order-form .sub-head { border-bottom: 1px solid #d0d0d0; background: #f0f0f0; color: #333; font-weight: bold; border-radius: 0; }
.bk-order-form .closed .sub-head { background: #f0f0f0; opacity: 0.5; }
.bk-order-form .closed .sub-head:hover { color: #7af; }
.block.bk-order-form .sub-head#userTitle, .block.bk-order-form .sub-head#shippingTitle, .block.bk-order-form .sub-head#paymentTitle { border-radius: 0; }
.block.bk-order-form .inactive#paymentStep .sub-head#paymentTitle { border-radius: 0; }
.block.bk-order-form .inactive .sub-foot, .block.bk-order-form .closed .sub-foot { border-top: none; }
.block.bk-order-form .sub-foot { border-bottom: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; }

div.errors { background: #FFE0E0; border: 1px solid #CC0000; color: #CC0000; padding: 6px; text-align: center; width: 97%; margin: auto; margin-top: 10px; margin-bottom: 5px;}
div.hidden { display: none; }

.payment-waiting { font-size: 20px; }
.payment-waiting i.spin { float: left; padding: 0 5px; font-size: 42px; color: #ea6e6d; color: #999; animation: spin 3s infinite steps(64); }
.payment-waiting i.spin:before { content: "\f013"; }
.payment-waiting .waiting-text { float: left; padding-left: 5px; } 
/*** end OPC styles ***/


/*** popup frame styles ***/
.popupFrame {
	left: 100px; top: 100px; 
	position: absolute; 
	background-color: #FFFFFF;
	border: 3px solid #fec240;
	

	-moz-border-radius: 10px;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 5px 5px 5px #000;
}

.frameHeader { background-color: #fec240; color: white; }
.frameFooter { background-color: #fec240; }

.frameClose { cursor: pointer; float: right; padding: 5px 5px 5px 0px; text-align: right; font: 14px Tahoma, Helvetica, Verdana; }
.frameTitle { font: bold 18px Tahoma, Helvetica, Verdana, sans-serif, Arial; padding: 5px 0px 5px 10px; }

.frameContent { padding: 5px; overflow:auto; width: 700px; height: 600px; }

.frameMessage {background: #E0E0FF; color: #0000CC; border: 1px solid #0000CC; padding: 6px; margin: 5px 0px 5px 0px; text-align: center; font-weight: bold; }
.frameError {background: #FFE0E0; color: #CC0000; border: 1px solid #CC0000; padding: 6px; margin: 5px 0px 5px 0px; text-align: center;}

/**** popup for order details *****/
div.orderPopup {background: #FFFFFF; border: 1px solid #D5D4E9; padding: 2px; display: none; position: absolute; left: 0px; top: 0px; z-index: 10; }

/* support block */
.bk-ticket-new input[type=text], .bk-ticket-new select, .bk-ticket-new textarea { width: 200px; box-sizing: border-box; }
.fd-summary input, .bk-ticket-new textarea { width: 400px; }
.bk-support-live { z-index: 1000; position: fixed; bottom: -10px; right: 10px;  border-radius: 10px; padding: 10px 20px 15px 20px; cursor: pointer; }
.bk-support-live .title { font-size: 14px; font-weight: bold; text-align: center; padding: 0; }
.bk-support-live .desc { display: none; }
.bk-support-live .desc.desc-show { display: block; }
.bk-support-live .online-desc {text-align: center; }
.support-online  .head { background-color: #CCCCEE; b2order: 2px solid blue; color: blue; }
.support-offline .head { background-color: #EEE; bo2rder: 2px solid #999; color: #999; }
.chat-offline { font-size: 22px; font-style: italic; padding: 40px 20px; text-align: center; cursor: pointer; }


/*** SlideShow Styles ***/
.bk-slideshow.content-only { border: none; background: none; border-radius: 0; padding: 0; }
.bk-slideshow.content-only .head { display: none; }
.bk-slideshow.content-only div.body { border: none; background: none; border-radius: 0; padding: 0;  }
.bk-slideshow { position: relative; }
[data-type="slider"] { transition: 2s left linear, 2s top linear; }

.slide img { max-width: none; }
.slides-slideshow .slide { transition: 2s opacity, 2s left; }
.slides-slideshow .slide img { max-width: 100%; }

.slides-chain { display: flex; align-items: center; justify-content: center;  }
.slides-chain img { user-select: none; }
.slides-chain .slide { transition: 2s transform, 2s opacity, 2s background, 2s left; background: #fff;}
.slides-chain .slide { width: 300px; }
.slides-chain .slide.slide-inactive > * { opacity: 0.3; transition: 2s opacity; }
.slides-chain .slide.slide-inactive > .slide-text { opacity: 0; }
.slides-chain .slide.slide-inactive:hover > * { opacity: 0.6; }
.slides-chain .slide.slide-inactive:hover > .slide-text { opacity: 0; }
.slides-chain .slide.slide-active { width: 300px; }
.slides-chain .slide.slide-active > * { opacity: 1; transition: 2s opacity; }
.slides-chain .slide img { max-width: 100%; }

.banners img { max-width: none; }
.banners-slideshow .banner img { max-width: 100%; }

/* slideshow navigation */
[data-type="nav-panel"] { position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; z-index: 100; 
    width: 136px; height: 45px; margin: 0 auto;font-family: 'Gotham';  font-weight: 500;
    background: rgba(255, 255, 255, 0.87);
    border-radius: 50px;
    padding: 8px 10px 10px 10px;
    box-sizing: border-box;
}
[data-type="nav-panel"][data-pos="top"] { bottom: auto; top: 10px; }
[data-type="nav-panel"][data-pos="middle"] { bottom: auto; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center;}
[data-type="nav-panel"][data-align="left"] { text-align: left; }
[data-type="nav-panel"][data-align="right"] { text-align: right; }
[data-type="nav-panel"][data-pos="above"], [data-type="nav-panel"][data-pos="under"] { position: static; bottom: auto; left: auto; right: auto; }
[data-type="nav-slide"] { font: 20px FA; display: inline-block; padding: 5px; color: #ccc; text-decoration: none; opacity: 0.5; cursor: pointer; }
[data-type="nav-slide"] { transition: 2s opacity, 2s color; } 
[data-type="nav-slide"] [data-type="desc"] { display: none; }
[data-type="nav-slide"]:hover { transition: none; color: #999; }
[data-type="nav-slide"][data-active] { opacity: 1; color: #202944;  }
[data-type="nav-slide"]:before { content: "\f111"; }
[data-type="slide-prev"], [data-type="slide-next"] { display: flex; align-items: center; justify-content: center; font: 28px FA; text-decoration: none; color: #eee; cursor: pointer; position: absolute; top: 0; bottom: 0; width: 50px; z-index: 10000; }
[data-type="nav-prev"], [data-type="nav-next"] { display: inline-block; padding: 5px; color: #202944; font: 20px FA; text-decoration: none; cursor: pointer; }
[data-type="nav-prev"] span, [data-type="nav-next"] span { display: none; }
[data-type="nav-prev"]:before { content: "\f053"; }
[data-type="nav-next"]:before { content: "\f054"; }
[data-type="nav-summary"] { font-size: 14px; padding: 3px 2px; display: inline-block; color: #202944; position: relative;  bottom: 3px;}
[data-type="nav-summary"] > * { padding: 2px; }

[data-type="slide-prev"] [data-type="desc"], [data-type="slide-next"] [data-type="desc"] { display: none; }
[data-type="slide-prev"]:hover, [data-type="slide-next"]:hover { color: #fff; background: rgba(0, 0, 0, 0.1); }
[data-type="slide-prev"] { left: 0; }
[data-type="slide-next"] { right: 0; }
[data-type="slide-prev"]:before { content: "\f053"; 
    /* "\f0a5"; */
 }
[data-type="slide-next"]:before { content: "\f054"; 
    /* "\f0a4";  */
}
/*** end of slideshow styles ***/

.imageSelect { border: 1px solid #ac7f1a; margin: 2px 2px 5px 5px; }
.imageSelected { border: 3px solid #f75d67; margin: 0px 0px 3px 3px; }
.optionTitle { color: #606060; padding: 10px; text-transform: uppercase; font-weight: bold; white-space: nowrap; }
.optionValue { color: #606060; text-transform: none; white-space: nowrap; }
.optionSubTitle { color: #9e774e; text-transform: uppercase; font-weight: bold; font-size: 9px; white-space: nowrap; }
.optionImages { width: 400px; display: none; padding: 10px; }
.optionImagesOpen { width: 418px; display: block; }

.category-select { position: relative; }
.category-select > span, .category-select > i { cursor: pointer; } 
.categories-options { display: none; position: absolute; background: #FAFAFA; top: 29px; border: 1px solid #CDCDCD; color: #555; text-align: left; height: 300px; overflow-y: auto; overflow-x: hidden;  }
.categories-options.expand-open { display: block; }
.categories-options [data-type="option"] { white-space: nowrap; padding: 2px 25px 2px 10px; cursor: pointer; }
.categories-options [data-type="option"]:hover { background: #DDD; }
.categories-options .selected { font-weight: bold; }

/* youtube styles */
.youtube-video { position: relative; display: inline-block; }
div.youtube-bottom { position: absolute; bottom: 45px; right: 0; left: 0; z-index: 2147483647; text-align: center; }
div.youtube-text { display: inline-block; color: #FFF; letter-spacing: 1px; padding: 3px 20px; font: bold 14px Tahoma,Arial; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; text-align: center; }
.fullscreen div.youtube-bottom { position: fixed; bottom: 65px; }
.fullscreen div.youtube-text { font-size: 26pt; font-size: 2.8vw; }

/* custom block benefits-block  */
.benefits-block .body{
background: #DFF0C8;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
}
.benefits-block .body > div {
    display: flex;
    text-align: center;
    justify-content: space-around;
    flex-wrap: wrap;
}
.nav-header .learn-sub-menu-item {
  display: flex; background: white;
  padding: 0px 0 30px 50px;
}
.benefits-block .body > div div {
    flex-basis: 204px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 10px;
}
.benefits-block .body {
    padding: 30px 10px;
}
.benefits-block .body p{
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #58595B;
    margin: 12px 0px;
}
.benefits-block .body h3{
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #58595B;
}
.benefits-block .body a{background:#202944;box-shadow:0 1px 2px rgba(0,0,0,.05);border-radius:34px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;width:90px;margin:0 auto;height:32px;text-decoration:none;font:normal 500 12px/16px Inter}

.nav-header .learn-sub-menu-item h3{width:100%;margin:48px 00 0;color:#58595b;font:normal 700 14px/20px 'DIN',sans-serif;letter-spacing:.025em;text-transform:uppercase;margin-bottom:15px}

.nav-header .learn-sub-menu-item a{font-weight:500;height:40px;padding:5px 0}
.sustainability-block{display:flex;flex-wrap:wrap;max-width:260px;width:100%;align-content:flex-start}

.products-block{display:flex;flex-wrap:wrap;align-content:flex-start}
.nav-header li li{max-width:200px;color:#202944;width:100%;font:normal 16px/24px Gotham}

.nav-header li ul{width:auto}
.learn-sub-menu-item .bg-img-menu{max-width:390px;width:30.4%;height:338px;background:top right/contain no-repeat url(../images/101-menu-baackground-img.jpg);flex-shrink:0;border-radius:0 0 0 40px}
.new-product-top {
    margin-top: 0;
}
.new-product-top .body {
    background: #F4A81D;
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #202944;
    height: 20px;
    padding: 7px 10px;
}
.new-product-top .body a{color:#202944;text-decoration:none}
.new-product-top .body a:hover{text-decoration:underline}
.product-features-block{margin-top:0;background:0 0}
.product-features-block .body{background:center/cover no-repeat url(../images/feature-bg.jpg);padding:96px 10px 96px}
.product-features-block .flex-block>div{background:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);border-radius:8px;overflow:hidden}
 .product-features-block .flex-block-deep {
     margin: 0 40px;}
.product-features-block .flex-block, .product-features-block .flex-block-deep {
  display: flex;
}
.product-features-block .flex-block {
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    margin-top: 64px;
}
.product-features-block .flex-block >div {
 flex-basis: 100%;
 max-width: 532px;
    box-sizing: border-box;
}
.product-features-block h4{
font: normal 700 18px/24px 'DIN', sans-serif;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #FFFFFF;margin-top: 0;margin-bottom: 5px;
}
.product-features-block h2 {
font: normal 700 48px/48px 'DIN', sans-serif;
text-align: center;
color: #FFFFFF;
}
.product-features-block p {
font: normal 400 20px/28px Gotham;
text-align: center;
color: #FFFFFF;
}
.product-features-block .advantage{font:normal 400 14px/20px Gotham;text-align:center;letter-spacing:.025em;text-transform:uppercase;width:129px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:40px 40px 24px 40px}

.product-features-block .left-bl .advantage {
color: #065F46;
background: #D1FAE5; 
}
.product-features-block .right-bl  .advantage {
color: #1E40AF;
background: #DBEAFE;
}

.product-features-block .left-bl h3{
font: normal 700 36px/40px 'DIN', sans-serif;
letter-spacing: -0.025em;
color: #0E8D63;
margin:  5px 0;
}
.product-features-block .bg-color li{margin-bottom:16px;padding-left:10px;list-style-image:url(../images/icons/li-ico.png)}
.product-features-block .bg-color ul {
    margin: 0; padding: 0 0 0 25px;
}
.product-features-block .flex-block-deep p {
    margin: 0;
}
.product-features-block .flex-block-deep {
    margin-bottom: 24px;
}
.product-features-block .right-bl h3{font:normal 700 36px/40px 'DIN',sans-serif;letter-spacing:-.025em;color:#2b5db0;margin:5px 0}

.product-features-block .left-bl .flex-block-deep p {
font: normal 400 16px/24px Gotham;color: #0E8D63;}
.product-features-block .right-bl .flex-block-deep p{font:normal 400 16px/24px Gotham;color:#2b5db0}
.product-features-block .left-bl .bg-color {
    background: #0E8D63; color:white;
}
.product-features-block .right-bl .bg-color {
   background: #2B5DB0; color:white;
}
.product-features-block .bg-color{padding:40px;font:normal 400 16px/24px Gotham;color:#fff}
.product-features-block .feature-text-block-h {
    text-align: left;
}
.product-features-block .bg-color a{font:normal 600 16px/24px 'Inter', sans-serif;color:#fff;text-align:center;display:block;text-decoration:none;margin-top:25px}
.product-features-block .img-wrap {
    margin-right: 16px;
}
.product-features-block .compare-bl{display:flex;gap:20px;margin:33px auto 0;max-width:1088px;background:#fff;border-radius:8px;padding:40px 38px 40px 40px;box-sizing:border-box;align-items:center}
.product-features-block .compare-bl p{font:normal 400 18px/28px Gotham;margin:0;text-align:left;color:#4b5563}
.product-features-block .compare-bl a{background:#202944;display:block;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);border-radius:34px;text-decoration:none;font-family:Gotham;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;width:154px;padding:16px 40px;white-space:nowrap}
/*** index categories styles ***/

.index-categories.block {margin: 0; overflow: hidden;}
.index-categories .body {padding: 0;}
.index-categories .image-block { width: 200px; height: 200px; margin-bottom: 24px;}
.index-categories .image-block img { max-width: 200px; max-height: 200px; width: auto; height: auto; border-radius: 8px; padding: 0;}
.index-categories .categories-data {display: flex; padding: 0 0 40px 0;
    background: center/cover no-repeat url(../images/bg-news-article.jpg);
}

.index-categories .categories {
    padding: 0px 50px 0px; max-height: 520px; 
}

.index-categories .category { float: left; transition: 1s opacity linear; 
	height: 100%; display: flex; flex-direction: column; max-width: 212px; padding: 50px 6px 20px; box-sizing: border-box; 
}
.index-categories .category[data-inactive] { opacity: 0.4; }
.index-categories .categories-slider {
    width: calc(100% - 400px); position: relative;
}
.index-categories .category .more-details {
    display: flex; margin-top: auto;
}
.index-categories .category .name-block {
    margin-bottom: 8px;
}
.index-categories .category .more-details a.bn-more {
    color: #202944; padding: 0;
    background: none;
    font: normal 500 16px/24px Gotham;
}
.index-categories .category .name-block .category-name{
font: normal 500 18px/24px Gotham; color: #202944; text-decoration: none;
}
.index-categories .category .category-desc {
    font: normal 400 14px/20px Gotham; color: #58595B; 
}
/* nav */
.index-categories [data-type=slides-next],.index-categories [data-type=slides-prev],
.desc-categories [data-type=slides-next],.desc-categories [data-type=slides-prev]
{ 
	cursor: pointer; width:50px;height:50px;position:absolute;z-index:50; top:50%;border-radius:50%;
	background:#202944;text-align:center;text-decoration:none;color:#fff;font-size:36px;line-height:46px;
	transition: 1s opacity linear; font-family: FA;
}
.index-categories [data-type=slides-next]:hover, .index-categories [data-type=slides-prev]:hover,
.desc-categories [data-type=slides-next]:hover, .desc-categories [data-type=slides-prev]:hover
{ color: #7af; }

.index-categories [data-type=slides-prev], .desc-categories [data-type=slides-prev] { left:5px; }
.index-categories [data-type=slides-next], .desc-categories [data-type=slides-next]{ right:15px; }
.index-categories [data-type=slides-next]:after, .desc-categories [data-type=slides-next]:after {content:"\f105"; }
.index-categories [data-type=slides-prev]:after, .desc-categories [data-type=slides-prev]:after {content:"\f104"; }
.index-categories [data-type=slides-prev] span, .index-categories [data-type=slides-next] span { display: none; }
[data-type=slides-prev][data-inactive], [data-type=slides-next][data-inactive] { opacity: 0.1; cursor: default; }
[data-type=slides-prev][data-hidden], [data-type=slides-next][data-hidden] { visibility: hidden; }
.index-categories .hot-block h2{color: white; font:normal 700 36px/40px 'DIN', sans-serif}
.index-categories .hot-block p {
    font: normal 400 14px/20px 'Gotham', sans-serif; color: white;
}
.index-categories .hot-block a {
    font: normal 500 16px/24px 'Gotham', sans-serif; color: #202944;
    text-align: center; text-decoration: none; padding: 12px 20px; border-radius: 34px;
    display: block; background: white; max-width: 110px; box-sizing: border-box;
}
.index-categories .hot-block {
    background: 0 0/ 100% no-repeat url(../images/border-category-new.png);
    width: 400px;
    display: flex;
    border-radius: 0px 0px 0px 60px;
    justify-content: center;
    align-items: center;
    position: relative;
}
.index-categories .img-bg-border-category {
    position: absolute;
    z-index: 5;
    left: -10px;
    top: -40px;
    width: 100%;
    height: 110%;
    max-width: none;
}
.index-categories .hot-block .hot-text {
    width: 311px; position: relative;
        z-index: 6;
}

/*** end index categories styles ***/
/*start video_block_watch */
.index-the-dish.block {margin: 0;}
.index-the-dish .body {padding: 0;}
.from-the-dish{box-sizing:border-box;padding:96px 40px 48px;background:60px -170px/182px no-repeat url(../images/plant-bg.png),#dff0c8}
.from-the-dish h2{font:normal 700 36px/40px 'DIN';text-align:center;letter-spacing:-.025em;color:#202944}
.from-the-dish p{font:normal 400 20px/28px Gotham;text-align:center;color:#58595b}

.video_block_watch.block {margin: 0;}
.video_block_watch .video-wrap {
    position: relative;
  padding-bottom: 41%;  
  height: 0;
  flex-basis: 50%;
}
.video_block_watch .video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;border-radius: 16px;
}
.video_block_watch .body {
    padding: 0;
}
.video_block_watch .right-text-block {
    flex-basis: 50%;
    padding: 0 24px;
}


.video_block_watch .video-block-deep {
    background: #202944;color: #FFFFFF;
    padding: 80px 70px 70px;
}
.video_block_watch .video-block-deep h2 {
    font-family: 'DIN';
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 40px;
margin-bottom: 32px;
}
.video_block_watch .video-block-deep .flex{
    display: flex;
}
.video_block_watch .video-block-deep h3 {
    font-family: 'Gotham';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 28px;
margin-top: 0;
}
.video_block_watch .video-block-deep p {
    font-family: 'Gotham';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
.video_block_watch .video-block-deep a {
    display: block;
width: 138px; background: white; 
height: 48px; border-radius: 34px;
font-family: 'Gotham';
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #202944;
text-decoration: none;
text-align: center;
box-sizing: border-box;
padding: 13px 21px;
}
.video_block_watch  .video-block-deep .right-text-block > h3:nth-child(4) {
    margin-top: 32px;
}
.video_block_watch .video-block-deep .desc-txt {
    font-family: 'Gotham';
font-style: normal;
font-weight: 400;
font-size: 23px;align-items: center;
margin: 20px 0px 28px;
}
.video_block_watch .video-block-deep .desc-txt img{
    margin: 10px 15px 10px 8px;
}
.video_block_watch .video-block-deep .desc-txt img:nth-child(2) {
    margin-left: 34px;
}
.desc-txt > div{
    display: flex;
    align-items: center;
}
/* END video_block_watch */
/* START mini-video-block */
.mini-video-block .body {
    padding: 0;
}
.mini-video-block .video_block_watch .video-wrap {
    max-width: 448px;
    padding-bottom: 25.6%;
    flex-basis: 72%;
}
.mini-video-block.block { margin: 0;} 
.mini-video-block .video_block_watch .right-text-block {
    flex-basis: 662px;
    padding: 0 24px;
}
.mini-video-block .video_block_watch .video-block-deep a {
    width: 314px;
    margin-top: 32px;
}
.mini-video-block .video_block_watch .video-block-deep h3 {
font-family: 'DIN';
font-style: normal;
font-weight: 700;
font-size: 16px;letter-spacing: 0.05em;
text-transform: uppercase;
}
.mini-video-block .video_block_watch .video-block-deep p{
    font-family: 'Gotham';
font-style: normal;
font-weight: 325;
font-size: 18px;
line-height: 24px;
}
.mini-video-block .video_block_watch .video-block-deep{
   padding: 95px 75px 95px 108px;
    background: 464px -25px/ auto no-repeat url(../images/bg-mini-video-block.png),#202944;
}
/* END mini-video-block */
/* start news-article custom blcok*/
.news-article {
    margin: 0; font-family: 'Gotham';

}
.news-article .body {
    margin: 0;  padding: 48px 24px 108px 24px;
   background: center / cover no-repeat url(../images/bg-news-article.jpg)
}
.news-article .news-wrap-block {display: flex;
    gap: 24px;
    justify-content: space-between;

}
.news-article .news-el { 
   max-width: 420px;
   border: 1px solid #A2D45E;
    box-sizing: border-box;
    border-radius: 8px; 
    overflow: hidden;
}
.news-article .img-news-wrap {
    max-width: 420px;
    max-height: 192px;
    position: relative;
}
.news-article .img-news-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-article .img-news-wrap.video-article:after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 99px;
    height: 98px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: center / cover no-repeat url(../images/icons/play-icon.png);
}
.news-article .header-wrap {
    background: rgba(162, 212, 94, 0.25);
border-radius: 0px 0px 30px 0px; color: #58595B; font-style: normal;
margin-right: 32px; padding: 23px;
}
.news-article .header-wrap h6{
font-weight: 700;
font-size: 14px;
line-height: 20px; 
margin: 0 0 8px 0;
}
.news-article .header-wrap h5 {
font-weight: 700;
font-size: 20px;
line-height: 28px;
margin: 0;
}
.news-article p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #58595B;
margin: 10px 24px 24px 24px;
}
.news-article .autor-block{
    background: rgba(187, 187, 187, 0.15);
   color: #202944;
    padding: 18px 24px;
    display: flex;
}
.news-article .autor-block img {width: 40px;
height: 40px; 
margin-right: 12px; 
 border-radius: 20px;  overflow: hidden;
}
.news-article .autor-block .name-autor {
    font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 20px;
}
.news-article .autor-block .time-posted {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
}

.news-article  .explore-link {
    background: #202944;
    border-radius: 34px;
    color: white;
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    width: 100%;
    max-width: 234px;
    height: 56px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    margin-top: 56px;
    margin-bottom: 12px;
}
/* end nesws-article custom block */
/* START Footer  */

.nav-footer a {
 text-decoration: none;
 color: white;
}
.nav-footer {
      background: #202944;
}
.bk-navigation.block { margin: 0;}
.bk-navigation .body {
    padding: 0;
}
.sustainability-li { 
    padding-top: 55px;
    justify-self: end;
    grid-area: sustainability-li; }

.company-li { grid-area: company-li;padding-top: 55px; }

.portal-li {
    grid-area: portal-li;
    padding-top: 55px;
    padding-right: 10px;
    justify-self: start;
}

.nav-footer .fot-container {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 32px 20px 105px;
    position: relative;
    z-index: 93; /* background: 60px 170px/ auto no-repeat url(../images/plant-bg-blue.png),  #202944;; */
}
 .nav-footer .fot-container  p {
     text-align: center; color: white
 }
.nav-footer  .fot-container a {
    text-decoration: underline;
}
.footer-ref-copyright {
    display: flex;
    gap: 20px;
    margin: 0 auto;
    max-width: 462px;
    justify-content: space-between;
    flex-wrap: wrap;
}
/* END Footer */
/* PRODUCT PAGE */
.bk-category-descs.area,.bk-header.area{margin-top:0}
.title-icon img, .desc-icon img { max-height: 72px; width: auto; }
.desc-stripe { background-color: #F9FAFB; padding: 0 25px 5px; }
.desc-simple { box-sizing:border-box; background: #eef3f4; }
.desc-simple .trail { padding: 25px 75px 0; }
.desc-stripe .trail { padding: 25px 0 0; }
.desc-white .trail li a { color: #fff; }

.desc-mountains { background:center/cover no-repeat url(../images/categories/background/mountains-bg.jpg); }
.desc-simple .desc-body { padding: 60px 75px 95px 75px; display:flex; flex-direction:row-reverse; flex-wrap:wrap-reverse; align-content: space-between; justify-content:space-between;}
.desc-simple .desc-visual { flex-basis: 480px; }
.desc-simple .desc-text { flex-basis: 660px; }
.desc-simple .desc-head{ font-family:'DIN';font-style:normal;font-weight:750;font-size:48px;margin-bottom:20px;line-height:40px;text-transform:uppercase}
.desc-simple .desc-html{font-family:Gotham;font-style:normal;font-weight:500;font-size:18px;line-height:24px}
.desc-simple .desc-video .local-video { cursor: pointer; position: relative; width:480px;height:270px; overflow: hidden; border-radius:8px; }
.desc-simple .desc-video .local-play { color: #fff; display: flex; position: absolute; top: 0; left: 0; right: 0; bottom: 0; align-items: center; justify-content: center; }
.desc-simple .desc-video:hover .local-play { color: #ff9; } 
.desc-simple .desc-video .local-play:before { content: "\f144"; font: 72px FA; }

.desc-simple .desc-video iframe { width:480px;height:270px; border-radius:8px; }
.desc-simple .desc-video video { width:480px;height:270px; border-radius:8px; }
.desc-simple .desc-head .desc-title{font-weight:750;font-size:48px}
.desc-white {color:#fff}
.desc-stripe .desc-head  { padding-top: 45px; }
.desc-stripe .trail + .desc-head { padding-top: 30px; }
.desc-stripe .desc-visual { flex-basis: 540px; }
.desc-stripe .desc-text { flex-basis: 760px; }
.desc-stripe .desc-image img {border-radius:8px}
.desc-head { display:flex; gap:16px; margin-bottom:8px; }
.title-icon { display: inline-block; }
.desc-greenstripe .title-text {color:#0e8d63}
.desc-bluestripe .title-text {color:#3c64b1}
.desc-head .title-text{font-family:'DIN';font-style:normal;font-weight:700;font-size:36px;line-height:40px;letter-spacing:-.025em}
.desc-image {max-width:531px}
.desc-head .title-text .title-note{font-family:Gotham;font-style:normal;font-weight:400;font-size:16px;line-height:24px;margin-top:4px}
.desc-body,.desc-icons{display:flex}
.desc-stripe .desc-text{max-width:753px;margin-left:26px;flex-basis:49%}
.list-desc {display:flex;gap:8px;font-family:'DIN';font-style:normal;font-weight:700;font-size:36px;line-height:32px;margin-bottom:20px;color:#202944}
.list-icons .list-icon { display: inline-block; font-size:20px; }
.desc-list .item-desc{font-family:Gotham;font-style:normal;font-weight:400;display:list-item;font-size:16px;margin-left:20px;line-height:24px;margin-bottom:20px;color:#58595b}
.desc-icons{padding: 20px 15px 20px; max-width: 530px; gap: 16px; flex-wrap: wrap;}
.icon-desc{font-family:Gotham;font-style:normal;font-weight:400;height:31px;font-size:12px;line-height:16px;justify-content:center;display:flex;align-items:center;text-align:center;color:#333}
.desc-white .list-desc, .desc-white .item-desc, .desc-white .icon-desc { color: #fff; }
.desc-icons .desc-icon{ flex-basis: 88px; text-align:center}
.pg-products-list .nav-footer{width:100%;text-align:initial}

.desc-simple .btn{display:flex;box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;padding:17px 41px;transition:all .5s;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);border-radius:6px;font-family:Inter;font-style:normal;font-weight:500;font-size:18px;line-height:28px;text-decoration:none;transition:all .35s}
.desc-simple .btn:hover{filter:invert(.1)}
.desc-buttons {display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:32px; }
.bn-desc { color: #fff; background: #000; text-align: center; padding: 15px 40px; transition:all .5s; box-shadow:0 1px 3px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.2);border-radius:6px;font: 18px Inter; text-decoration:none; }
.bn-desc.bn-blue { background:#4f46e5; }
.bn-desc.bn-white { background:#fff; color:#4f46e5; }
.bn-desc.bn-black { background:#000; color:#fff; }
.bn-desc.bn-green { background:#0E8D63; color:#fff; }
.bn-desc:hover { color: #ff7; box-shadow:0 2px 4px rgba(0,0,0,.5),0 2px 3px rgba(0,0,0,.2); }
.bn-desc.bn-white:hover { color:#271ebb; }
.bn-desc.bn-green:hover { color:#afa; }
.bn-desc.bn-blue:hover { color:#ccf; }

.desc-simple a.prymary-btn {color:#fff;width:185px}
.desc-simple a.second-btn {background:#fff;width:171px;color:#4f46e5;width:173px}
.desc-categories { display: flex; background:#F9FAFB; height: 375px; }
.desc-categories .categories-list { position: relative; width: 100%; }
.desc-categories .categories-special { box-sizing:border-box; width: 330px; background: 0 0/ 100% no-repeat url(../images/categories/background/category-greenstripe-bg.png); padding: 141px 49px 50px 41px; border-radius: 0px 0px 60px 0px;}
.desc-categories.categories-blue .categories-special{background:0 0/100% no-repeat url(../images/categories/background/category-bluestripe-bg.png)}
.desc-categories.categories-blue .category-name:hover { color: #2b5db0; }
.desc-categories .c2ategories-list { background: #F9FAFB; }
.desc-categories .categories-special + .categories-list { width: calc(100% - 330px); }
.desc-categories .categories { padding: 75px 50px 0; }
.desc-categories .category-name{font-family:Gotham;display:block;max-width:148px;font-style:normal;font-weight:700;text-decoration:none;font-size:20px;margin-top:24px;line-height:24px;color:#202944}
.desc-categories .category-name:hover { color: #0e8d63; }
.categories-special .categories-desc{font-family:'DIN';font-style:normal;font-weight:700;font-size:36px;line-height:40px;color:#fff}
.categories-special a.categories-button{ display:inline-block;margin-top:8px; text-align:center; padding: 16px 30px;background:#fff;border-radius:34px;text-decoration:none;font: 500 16px Gotham; color: #202944}

.desc-categories .categories-list .category { padding: 0 15px; width: 150px; }
.desc-categories .categories-list .image-block { height: 150px; }
.desc-categories .categories-list img { padding: 0; border-radius: 8px; max-width: 150px; max-height: 150px; width: auto; height: auto; }
.desc-categories .categories-list .name-block { width: 150px; text-align: center; }

/* END PRODUCT PAGE */
@media (max-width: 1400px) {
/* switch to full layout */
.fm-header, .layout, .fm-footer { width: 100%; } 
.breadcrumb { padding: 0 25px; }
.bk-article-details, .article-wide { padding: 0 25px 25px; }
.section-how-buy { gap: 20px; justify-content: space-between; } 
.bk-how-buy { width: 300px; margin-top: 50px; }
.bk-learn-more { width: 100%; margin-top: 30px; }

.desc-simple .trail { padding: 25px 25px 0; }
.desc-simple .desc-body { padding: 50px 25px 50px 25px; }
.desc-simple .desc-text { flex-basis: 460px; flex-grow: 1; }

/*** begin custom page ***/
.bk-http-error .body { padding: 20px; }
/*** end custom page ***/

}


@media (max-width: 1024px) {
/* update frames */
.lt-single .fm-middle {width: 100%; }
.lt-double .fm-middle { width: 100%; margin: 0; }
.fm-left, .fm-right { flex: 0 0 200px; }
.lt-triple .fm-left, .lt-triple .fm-right, .lt-triple .fm-middle {width: 100%; }
.lt-hot .fm-hot, .lt-hot .fm-middle, .lt-hot .fm-right, .lt-hot .fm-left {float: none; width: 100%; margin: 0;}
.hot-left { width: 100%; }
.block .head { padding-left: 10px; padding-right: 10px; }
.block .body { padding-left: 10px; padding-right: 10px; }
.lt-double .block .body { padding-left: 10px; padding-right: 10px; }
.lt-double .block .head { padding-left: 10px; padding-right: 10px; }

.bb-double, .breadcrumb { padding: 0 10px; }
.trail { padding: 10px 0; }

.bk-header { flex-wrap: wrap; }
.bk-header .header-logo { order: 1; padding: 10px 10px 0; }
.bk-header .header-search { order: 2; padding: 15px 10px 0; }
.bk-header .header-links { order: 3; padding: 15px 10px 5px; }
.bk-header .header-menu { order: 4; padding: 0 5px; flex: 1 0 100%; box-sizing: border-box; }
.header-menu .learn ul { left: 0; top: auto; } 

.dt-image.dt-desc, .dt-image.dt-tabs { display: block;  }
.dt-image.dt-desc.dt-tabs { display: block; }


.products-block > div { flex-basis: 100%; }
.product-features-block .right-bl .flex-block-deep p, 
.product-features-block .left-bl .flex-block-deep p {   font-size: 13px; text-align: left; }
.product-features-block .flex-block >div { flex-basis: 48%; }
.products-block { width: 100%; }
.nav-header .learn-sub-menu-item a { height: 30px; border: none; font-size: 16px; }

.bk-products-list .product { flex-wrap: wrap; }
.bk-products-list .bk-info { max-width: calc(100% - 110px); }
.buy-block { width: 100%; }
.samples-buy { justify-content: center; flex: 0 0 100%; }
.sub-products { justify-content: center;  }
.sub-product { border: none;}

.sep-active, .sep-images { float: none; width: auto; }
.sub-image { width: 33.3%;}
 
.mini-video-block .video_block_watch .video-block-deep {
	padding: 95px 40px 95px 40px;
	background: 164px -25px/ auto no-repeat url(../images/bg-mini-video-block.png),#202944;
}
.slideshow-top .body >div { justify-content: space-around; }
.desc-body, .desc-icons { display: flex; flex-wrap: wrap; justify-content: center; }
.desc-text { max-width: 753px; margin-left: initial; flex-basis: auto; }
.desc-simple iframe { max-width: 480px; height: 270px;	width: 100%; }
.desc-simple .desc-visual { text-align: center; width: 100%; margin-top: 25px; }
.desc-simple .desc-visual, .desc-simple .desc-text,
.desc-stripe .desc-visual, .desc-stripe .desc-text { flex-basis: auto; padding: 0 0 25px; margin: 0; }

.sustainability-li, .portal-li { justify-self: center; padding-right: 0; }
.grid-logo-and-social {height: auto;}
.bk-header .nav-expand { display: none; }
.nav-header { display: initial; margin: 0; }
.nav-header.expand-open { display: block; }
/*.nav-header > li > a { top: 0; border: none; position: static; }*/
.nav-header > li { border: none; }
.nav-header > li.nav-active > a { border-top: none; }
.nav-header li ul { margin: 0; }
.nav-header li ul, .nav-header li ul li ul, .nav-header li.learn ul {  width: 100%; float: none;   border: none;  }
.nav-header li li a { background: none; border: none; border-bottom: 1px solid #c0c0c0; padding: 10px; }
.nav-header li li:last-child a { border: none; }
/* .nav-header li.nav-open { border-bottom: 1px solid #c0c0c0; } */
.nav-header li ul { position: static; width: auto; }
.nav-header li ul ul { position: static; width: auto; }
.nav-header li li { width: auto; float: none; }
.nav-header li { float: left; position: static; padding: 0; width: auto; }
.nav-header li a { padding: 15px 10px; }
.nav-header li li {     background: white;}
.nav-header li li li {  background: white;}
.nav-header li.nav-childs {  }
.nav-header li.nav-childs a {  }
.nav-header li.nav-childs i { display: none; float: right; cursor: pointer; padding: 10px; font-size: 20px; }
.nav-header li.nav-childs i:hover { color: #7af; }
.nav-header li.nav-childs > i:before { content: "\f107"; }
.nav-header li.nav-childs.nav-open > i:before { content: "\f106"; }
ul.nav-bar > li.nav-right { float: left; }
.nav-bar > li > a > span { display: none; }
li > a > i, li.nav-right > a > i { padding: 0; }
li.cart.nav-right > a > i { padding: 0 4px 0 0; }


.sub-image { width: 50%;}

.learn-sub-menu-item .bg-img-menu {
    display: none;
}
.nav-header .learn-sub-menu-item {
  padding: 20px;
  flex-wrap: wrap;
}
.nav-header li li {
  max-width: none;
  width: 100%;
}
.sustainability-block {
    max-width: none;
}
.nav-header .learn-sub-menu-item {
  padding: 0px 0 28px 10px;
}
.video_block_watch .video-block-deep .flex {
 
    flex-wrap: wrap;
    justify-content: center;
}
.video_block_watch .video-wrap {
  
  flex-basis: 100%;
 
}
.video_block_watch .right-text-block {
    flex-basis: 100%;
    padding: 0;
    margin-top: 25px;
}
.mini-video-block .video_block_watch .video-wrap {
    max-width: none;
    padding-bottom: 57.6%;
    flex-basis: 100%;
}
.learn-sub-menu-item.company-submenu .news-block-wrap {
    flex-basis: 100%;     padding: 0px 17px 17px 17px;
}
.news-article .news-wrap-block {
    display: flex;
    gap: 24px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.news-article .img-news-wrap.video-article:after {	width: 84px; height: 83px }
.index-categories .categories-slider { width: 100%; }
.index-categories .categories-data { flex-direction: column-reverse; }
.index-categories .img-bg-border-category { display: none; }
.index-categories .hot-block { width: auto; padding: 20px ; }

.bk-article-details, .article-wide { padding: 0 10px 25px; }
.section-how-buy { justify-content: center; } 

}

@media (max-width: 780px) {
.nav-header .learn-sub-menu-item h3 { margin: 25px 0; }
.footer-ref-copyright { justify-content: space-around; }
.fm-header, .layout, .fm-footer { width: 100%; } 
.hot-left, .hot-right { float: none; width: 100%; }
.layout .frame {float: none; margin: 0; }
.cookie-bar { padding-bottom: 40px; }
.cookie-settings, .cookie-details { width: auto; margin: 10px;} 
.product-features-block .flex-block > div { flex-basis: 100%; } 
.product-features-block h2 { font-size: 38px;}
.video_block_watch .video-block-deep { padding: 80px 30px 70px; }
.video_block_watch .video-wrap { padding-bottom: 56.25%;  }
.desc-categories { flex-wrap: wrap; height: auto; }
.desc-categories .categories-special { height: 375px; margin: 0 auto; }
.desc-categories .categories-special + .categories-list { width: 100%; height: 320px; }
.desc-categories .categories { padding: 50px 50px 0; }

.login-form { flex-direction: column-reverse; }
.new-user, .exists-user  { width: 100%; padding-bottom: 25px;  }

}

@media (max-width: 640px) {

.layout { display: flex; flex-wrap: wrap; }
.layout .fm-left, .layout .fm-right { flex: 0 0 100%; }

.bk-header .header-logo { order: 1; padding: 10px 10px 0; }
.bk-header .header-links { order: 2; padding: 15px 10px 5px; }
.bk-header .header-search { order: 3; flex: 0 0 100%; box-sizing: border-box; padding: 10px 10px 0; }
.header-search-form-wrap { width: 100%; margin: 0; }
.bk-header .search-form { width: 100%; margin: 0; }
.bk-header .header-menu { order: 4; padding: 0 5px; flex: 1 0 100%; }


.clt { display: block; }
.clt .cfm { width: 100%; }

.footer-head { width: 100%; }
.new-product-top .body {     height: auto;    }
.col { float: none; clear: both; }
.col:first-child:nth-last-child(n), .col:first-child:nth-last-child(n) ~ .col { width: 100%; }
.bk-navigation-bar .nav-expand { display: block; text-align: left; }
ul.nav-bar { display: none; border: none; }
ul.nav-bar.expand-open { display: block; }
ul.nav-bar > li, ul.nav-bar > li.nav-right { float: none; display: block; border-bottom: 1px solid #aaa; border-style: none none solid none;}
ul.nav-bar > li > a > span { float: none; display: inline-block; }
ul.nav-bar > li > a > img { float: left; }
ul.nav-bar > li > a { display: inline-block; float: none; }
ul.nav-bar li > a > i { display: block; float: left; padding: 0 10px 0 5px; }
li.cart.nav-right > a > i { float: left; padding: 0 10px 0 5px; }
li.cart.nav-right .cart-qty, li.cart .cart-qty { left: 28px; right: auto;}
ul li.search.nav-right > ul, ul li.site-search.nav-right > ul, ul li.search > ul, ul li.site-search > ul { left: 0; right: 0; width: auto; }
ul.nav-bar li.cart ul { width: auto; left: 0; right: 0; }
.new-user, .exists-user { width: 100%; float: none; }
.personal-data,.delivery-data { width: 100%; float: none;  }
.product-features-block .compare-bl { flex-wrap: wrap; justify-content: center; }
.slideshow-top .img-bg-border {display: none;}

.trail li.trail-more { display: inline-block; } 
.trail li.trail-link { display: none; } 
.trail.expand-open li.trail-more { display: none; }
.trail.expand-open li.trail-link { display: inline-block; }
.breadcrumb .nav-categories { display: block;  }
.breadcrumb .nav-categories.expand-open::after { content: "\f00d"; }
.breadcrumb .nav-categories.expand-open:hover { color: #f00; }

.desc-simple .desc-visual { width: 100%; }
.desc-simple .desc-video .local-video { width: 100%; }
.desc-simple .desc-video .youtube-video { width: 100%; }
.desc-simple .desc-video iframe { width: 100%; }
.desc-simple .desc-video video { width: 100%; }
.desc-simple iframe { max-width: none; height: auto;	width: 100%; }

.lt-double .bk-categories-list { max-height: 0; transition:all 1s;}
.lt-double .bk-categories-list.expand-open { max-height: 1000px; }
.lt-double .bk-categories-list .body { padding: 10px; }

}


@media (max-width: 480px) {

.bk-lightgreen-right { float: none; width: 100%; margin: 25px 0; }

.bk-product-details .image-block { float: none; width: 100%; max-width: none; }
.bk-product-details .buy-block { float: none; width: 100%; max-width: none; margin-top: 10px; }
.buy-block .highlights, .buy-block .prices, .buy-block .buttons { margin-left: 0; }
.tabs { padding: 0; }
.tabs li { float: none; margin: 0; }
.tabs li a { padding: 8px;}
.step-summary { float: none; margin: 10px 5px; text-align: center;}
.step-continue { float: none; margin: 10px 5px; }
input.continue { float: none; width: 100%; }
.sep-image { width: 45%;}
.cart-item .item-image img { max-width: 50px; height: auto; }
.cart-item .item-remove a { text-decoration: none; }
.cart-item .item-remove a span { display: none; }
.cart-item .item-remove a:before { content: "\f00d"; font: 14px FA; padding: 0 2px; } 
.cart-item .item-qty input { width: 20px; }
.product-features-block .compare-bl p {font-size: 14px;}

.product-features-block .left-bl h3, .product-features-block .right-bl h3 {
font-size: 30px;}
.product-features-block .flex-block-deep {   margin: 0px 20px;}
.product-features-block .advantage {margin: 20px 20px 24px 20px;}
.product-features-block   .bg-color {
 padding:  20px;}
.video_block_watch .video-block-deep {
    padding: 40px 10px 40px;
}
.video_block_watch .video-block-deep h2 {
font-size: 28px;}
.mini-video-block .video_block_watch .video-block-deep p {font-size: 14px;
}
.video_block_watch .video-block-deep a {font-size: 14px;
     line-height: 1.2;
}
.mini-video-block .video_block_watch .video-block-deep a {
    width: 233px;}
    .mini-video-block .video_block_watch .video-block-deep {
   padding: 45px 20px 95px 20px;}
}


/* icons: spin animation, asc, desc */
i.spin { display: inline-block; -webkit-animation: spin 1s infinite steps(8); animation: spin 1s infinite steps(8); color: #555; font-style: normal; font-family: FA; }
i.spin:before { content: "\f110"; }
.sort-asc, .sort-desc { font-size: 14px; font-weight: normal; color: #000; text-decoration: none; padding: 0 3px; }
.sort-on { color: #1584D2; text-decoration: none; }
.sort-asc:after { content: "\f0d8"; }
.sort-desc:after { content: "\f0d7"; }
.name-asc:after { content: "\f15d"; }
.name-desc:after { content: "\f15e"; }
.number-asc:after { content: "\f162"; }
.number-desc:after { content: "\f163"; }
 

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


/* preview images styles */
.preview-basic { width: 480px; float: left; box-sizing: border-box; }
.preview-basic .preview-active { width: 400px; height: 300px; box-sizing: border-box; }
.preview-basic .preview-active img { max-width: 400px; max-height: 300px; width: auto; height: auto; cursor: pointer; }
.preview-basic .preview-options { max-width: 400px; text-align: center; box-sizing: border-box; height: 20px; }
.preview-basic .preview-options [data-option="super"] { cursor: pointer; color: #00c; }
.preview-basic .preview-options [data-option="super"]:hover { color: #66f; text-decoration: underline;  }
.preview-basic .preview-list { padding: 10px 0 0 0; h2eight: 100px; clear: both; box-sizing: border-box; }
.preview-basic .preview-list a { display: block; margin-right: 10px; text-align: center; float: left; }
.preview-basic .preview-list img { }
.preview-extra { width: 480px;  height: 200px; float: right; box-sizing: border-box; }
.media-active { margin-bottom: 3px; }
.media-list { display: flex; width: 480px; flex-wrap: wrap; gap: 3px; }
.media-list .media-preview, .preview-list .preview-image { bord2er: 1px solid transparent; cursor: pointer; }
.media-list .media-preview.media-selected, .preview-list .preview-image.preview-selected { outline: 2px solid #FF8A13;  }
.media-desc { border-left: 1px solid #ccc; background: #fff; margin: 3px 0 3px; padding: 5px; font-style: italic; width: 288px; box-sizing: border-box; min-height: 24px; }
.media-desc.desc-empty { display: none; }
/* end preview images styles */