/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ul{list-style:none;}
a{margin:0; padding:0; font-size:100%; background:transparent; text-decoration:none; color:inherit;}
table{border-collapse:collapse; border-spacing:0;}
*, *:after, *:before {box-sizing: border-box; min-height: 0vw;}
h1, h2, h3, h4, h5, h6, p{margin: 0.5em 0; padding: 0; font-weight: normal;}
img {max-width: 100%; height: auto;}
h1{font-size: 22px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 13px;}
input, textarea{font-family: Arial, Tahoma, sans-serif;}
input[type="submit"]{cursor: pointer;}
/* ================================= swipebox ====================================== */
html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(../images/swipebox/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:0}#swipebox-bottom-bar.visible-bars{}#swipebox-top-bar{top:-50px;color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(../images/swipebox/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes leftSpring{0%,100%{left:0}50%{left:30px}}@keyframes leftSpring{0%,100%{left:0}50%{left:30px}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}
/* ================================= swipebox ====================================== */
.clearfix:after {display: table; content: ''; clear: both;}
.weight600 {font-weight: 600;}
.block-imgs {display: block;}
.special2{color: #e80c0c;}
.sign{font-weight:normal;}
.old{text-decoration: line-through;}
.no-border{border: none !important;}
.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
.left, ul.left{float:left;}
.right, ul.right{float:right;}
.error{background: #DE0505; color: #fff; font-weight: bold; margin: 0 3px 5px 0; padding: 2px 5px; text-align: center;}
.success{background: #3D9200; color: #fff; font-weight: bold; margin: 0 3px 5px 0; padding: 2px 5px; text-align: center;}
.discount-badge {display: flex!important; flex-direction: column; align-items: center; justify-content: center; background: url('../images/discount-badge.png') no-repeat 0 0; color: #fff; font-size: 13px; font-weight: 400; height: 65px; width: 65px; left: 10px; line-height: 1; position: absolute; text-align: center; top: 10px; padding: 8px 5px 5px 5px; z-index: 1;}
.banner-overlay{position:absolute; font-size:24px; font-weight:bold; z-index:9999;}
@media (hover: hover) {
[data-title2] {position: relative;}
[data-title2]:after {content: attr(data-title2); background-color: #fbfaf5; box-shadow: 0 2px 4px 1px rgba(0,0,0,0.15); width: 96px; text-align: center; color: #212a37; padding: 5px 10px; margin: 4px 0; font-size: 12px; line-height: 1.2; font-weight: 700; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); transition: opacity 0.3s ease-in-out 0s; opacity: 0; pointer-events: none; z-index: 11;}
[data-title2]:hover:after {opacity: 1;}
}
.checkbox, .radio {width: 19px; height: 25px; padding: 0 5px 0 0; background: url('../images/checkbox.gif') no-repeat; display: block; clear: left; float: left;}
.radio {background: url('../images/radio.gif') no-repeat;}
.select {position: absolute; top: 0; left: 0; width: 145px; height: 30px; padding: 0 22px 0 10px; color: #6c6c6c; font: 13px/30px arial,sans-serif; background: url('../images/select.gif') no-repeat; overflow: hidden;}
select.styled{height: 30px;}
/* button */
.button, .products .nav li, #article ul.nav li{display: inline-block; margin: 0; background: url('../images/btn-l.png') no-repeat top left; padding: 0 0 0 9px;}
.button a, .products .nav li a{display: block; line-height: 26px; height: 26px; background: url('../images/btn-r.png') no-repeat top right; font-weight: 400; padding: 0 37px 0 0; font-size: 10px; text-transform: uppercase;}
.button.green, .products .nav li:hover, .products .nav li.active, #article ul.nav li.active, #article ul.nav li:hover{background-position: 0 -26px;}
.button.green a, .products .nav li:hover a, .products .nav li.active a{background-position: right -26px;}
/* button-big */
.button-big{display: inline-block; margin: 0; background: url('../images/button-big-l.gif') no-repeat top left; padding: 0 0 0 16px;}
.button-big a{display: block; line-height: 55px; height: 55px; background: url('../images/button-big-r.gif') no-repeat top right; font-weight: 700; padding: 0 16px 0 0; font-size: 18px; text-transform: uppercase;}
/* menu-btn */
.menu-tgl-btn {background-color: #e8ecf1!important; border: 1px solid #cecece!important; box-shadow: 0 0 4px 1px rgba(0,0,0,0.08); display: none; position: relative; cursor: pointer; width: 42px; height: 42px; border-radius: 50%; padding: 0; transition: border-color 0.2s ease-in-out 0s;}
.menu-tgl-btn:hover {border-color: #4d5667!important;}
.menu-tgl-btn .menu-tgl-btn__wrap {left: 0; top: 0; right: 0; bottom: 0; margin: auto; position: absolute; width: 40%; height: 14px; display: block; z-index: 3;}
.menu-tgl-btn__bar {display: block; position: absolute; height: 2px; background-color: #293334; opacity: 1; left: 0; right: 0; /*transition: .25s ease-in-out;*/ transform-origin: top;}
.menu-tgl-btn__bar1 {top: 0;}
.menu-tgl-btn__bar2, .menu-tgl-btn__bar3 {top: 50%; transform: translateY(-50%);}
.menu-tgl-btn__bar4 {top: 100%; transform: translateY(-100%);}
.menu-tgl-btn.tglAct .menu-tgl-btn__bar1 {top: 50%; width: 0%; left: 50%;}
.menu-tgl-btn.tglAct .menu-tgl-btn__bar2 {transform: rotate(45deg) translateY(-50%);}
.menu-tgl-btn.tglAct .menu-tgl-btn__bar3 {transform: rotate(-45deg) translateY(-50%);}
.menu-tgl-btn.tglAct .menu-tgl-btn__bar4 {top: 50%; width: 0%; left: 50%;}
.dd-tgl-combo {position: relative;}
.dd-tgl-combo .tgl__btn {display: flex; align-items: center; justify-content: center; border: 1px solid #cecece; box-shadow: 0 0 4px 1px rgba(0,0,0,0.08); color: #293334; width: 42px; height: 42px; border-radius: 50%; cursor: pointer; transition: border-color 0.2s ease-in-out 0s; background-color: #e8ecf1; background-repeat: no-repeat; background-position: center center;}
.dd-tgl-combo .tgl__btn:hover {border-color: #4d5667;}
.dd-tgl-combo .tgl__btn .tgl__btn-ntftn {position: absolute; top: 0; right: 0; transform: translate(25%, -25%); z-index: 1; background-color: #f54242; color: #fff; border-radius: 50%; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; font-size: 11px;}
.dd-tgl-combo .tgl__dd {display: none; position: absolute; top: calc(100% + 4px); z-index: 11; padding: 13px; background-color: #fff; box-shadow: 0 0 8px 1px rgba(0,0,0,0.1);}
.dd-tgl-combo .tgl__dd > * {margin-bottom: 13px;}
.dd-tgl-combo .tgl__dd > *:last-child, .dd-tgl-combo .tgl__list > *:last-child {margin-bottom: 0!important;}
.dd-tgl-combo .tgl__list > * {margin-bottom: 7px;}
.dd-tgl-combo .tgl__list li a {display: block;}
#main-page .scrolltop {display: none;}
.scrolltop {opacity: 0; visibility: hidden; position: fixed; bottom: 5px; left: 5px; height: 4rem; width: 4rem; background: #9eb528 url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.354' height='14.839' viewBox='0 0 26.354 14.839'%3E%3Cdefs%3E%3CclipPath clipPathUnits='userSpaceOnUse' id='a'%3E%3Cpath d='M0 11.129h19.765V0H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath d='M.943 13.14l.716.718L13.158 2.361l11.535 11.536.717-.719L13.142.942z' fill='%23fff'/%3E%3Cg clip-path='url(%23a)' transform='matrix(1.33333 0 0 -1.33333 0 14.839)'%3E%3Cpath d='M19.058 1.246l-9.201 9.177-9.15-9.15.539-.538 8.623 8.623 8.65-8.651z' fill='none' stroke='%23fff' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center/ 20px auto; transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; z-index: 802; color: #fff; border-radius: 50%;}
.scrolltop:hover {background-color: #afc735;}
.sticky-btn .scrolltop {opacity: 1; visibility: visible; cursor: pointer;}
/*
@media screen and (min-width: 1076px){
.scrolltop {left: calc(((100vw - 974px) / 2) + (1012px * 0.27)); transform: translateX(calc(-50%));}
}
@media screen and (max-width: 1075px){
.scrolltop {margin-left: 0!important;}
}*/
@media screen and (min-width: 1025px){.scrolltop {margin-left: 38px;}}
@media screen and (min-width: 931px) and (max-width: 1024px){
.scrolltop {margin-left: 25px;}
}
@media screen and (min-width: 931px){.scrolltop {transform: translateX(-50%);}}
@media screen and (max-width: 930px){.scrolltop {left: 5px!important;}}
@media screen and (max-width: 575px){
.scrolltop {width: 3rem; height: 3rem;}
}
.breadcrumbs2 {margin-bottom: 15px; font-size: 12px; line-height: 1.2; color: #817f84; text-align: left;}
.breadcrumbs2 > ul {margin: 0 0 -0.5em 0!important; padding: 0!important; display: flex; flex-wrap: wrap;}
.breadcrumbs2 > ul > li {margin: 0 1em 0.5em 0!important; padding-left: 1.416em!important; background: url("data:image/svg+xml,%3Csvg width='11.2' height='13' viewBox='0 0 2.963 3.44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234d5766' d='m0 0 .757 1.696L0 3.44l2.95-1.744L0 0'/%3E%3C/svg%3E") no-repeat left 0.4em/ 0.416em auto!important;}
.breadcrumbs2 > ul > li > * {display: block;}
.breadcrumbs2 a {text-decoration: underline;}
.breadcrumbs2 a:hover {text-decoration: none;}
.breadcrumbs2 > ul > li:last-child {margin-right: 0;}
.has-last.breadcrumbs2 > ul > li:last-child > * {color: #9eb528; font-weight: bold;}
.main-breadcrumbs2 {font-size: 14px;}
@media screen and (max-width: 930px){
.main-breadcrumbs2 {margin: 0; padding: 12px 0 6px 55px;}
.noIndent > .main-breadcrumbs2 {padding-left: 0;}
}
#article .breadcrumbs2 {color: #000; font-size: 20px; font-weight: 600;}
#article .breadcrumbs2 > ul > li {margin-right: 0.8em!important; padding-left: 1.216em!important;}
#article .breadcrumbs2 h1, #article .breadcrumbs2 h2 {font-weight: inherit; font-size: inherit; line-height: 1.15; margin: 0!important;}
/* trail */
.trail{overflow: hidden; margin: 0 0 0 -5px; padding: 4px 0;}
.trail li{background: url('../images/arrow-small.gif') no-repeat left 6px; float: left; margin: 0 0 0 -5px; padding: 0 11px 0 0;}
.trail li a{display: block; font-size: 11px; color: #fff; margin: 0 0 0 10px;}
/* search */
#search{display: inline-block; margin: 0; padding: 0; overflow: hidden; vertical-align: top;}
#search input{float: left; margin: 0;}
#search input[type="text"]{width: 144px; padding: 0 9px; text-transform: uppercase; font-size: 10px; font-weight: 400; height: 26px; line-height: 27px; border: 1px solid #d5d5d5; border-right: none; border-radius: 5px; position: relative; z-index: 9; background: #f5f5f5; box-shadow: inset 0 1px 0px 0px #fff, inset 0 -1px 0px 0px #ececec;}
#search input[type="submit"] {background: #9CB439; border: none; border-radius: 0 5px 5px 0; color: #fff; cursor: pointer; height: 26px; left: -3px; padding: 0 7px 0 9px; position: relative; z-index: 8;}
#search input:focus, .page-search input:focus{outline: none;}
/* .gallery */
.gallery{margin: 0 0 10px 0;}
.gallery h3{font-weight: 600; font-size: 20px;}
.gallery > ul {margin: 0 0 -6px -6px; display: flex; flex-wrap: wrap;}
.gallery > ul > li{padding-left: 6px; margin-bottom: 6px; width: 25%;}
.gallery > ul > li > a {display: block; overflow: hidden;}
.gallery > ul > li > a:hover img {transform: scale(1.12);}
.gallery img {display: block; width: 100%; transition: transform 0.2s ease-in-out 0s;}
/* page-search */
.page-search {overflow: hidden; margin-top: -4px;}
.page-search > div {border: 3px solid #4d5766; border-radius: 2px; display: flex; align-items: center;}
.page-search input {border: none; font: 13px "Open sans",sans-serif; margin: 0; padding: 0;}
.page-search input[type="text"] {height: 29px; line-height: 29px; padding: 0 6px; width: 168px;}
.page-search input[type="submit"] {background: #4d5766 url('../images/icon-search2.png') no-repeat 7px center; height: 29px; text-indent: -9999px; width: 32px;}
/* set sensible defaults for article content */
#article{color: #000; line-height: 1.8; margin-bottom: 20px;}
#article ul, #article ol, #article p, #article th, #article td{line-height: 130%;}
#article h1{font-size: 20px; font-weight: 600; margin: 0 0 18px 0;}
#article ul, #article ol{margin: 1em 2em;}
#article ul ul, #article ol ul, #article ul ol, #article ol ol{margin: 0 2em;}
#article ul, #product-detail ul{margin: 20px 26px 20px 0;}
#article ul ul{margin: 5px 0 0 5px;}
#article ul li, #product-detail ul li{background: url('../images/list-style.gif') no-repeat 0 7px; padding: 0px 0 0 10px; margin: 0;}
#article ol{list-style-type: decimal;}
#article table{border-collapse: collapse; margin: 2em 0; width: 100%;}
#article table, #article td, #article th{border: none;}
#article td, #article th{padding: 6px 8px; border: 1px solid #CECECE;}
#article th{text-align: left; font-weight: 400; color: #fff; background: #4D5766;}
#article table.noborder, #article table.noborder td, #article table.noborder th{border: none;}
@media screen and (max-width: 480px){
#article div > table {font-size: clamp(0.69rem, 0.0700rem + 2.5188vw, 1rem);}
#article div > table td, #article div > table th {padding: clamp(0.23rem, -0.2300rem + 1.8688vw, 0.46rem) clamp(0.3rem, -0.3000rem + 2.4375vw, 0.6rem);}
#article .contacts-table table > tbody > tr > td {width: 50%;}
}
#article p.marginBot0{margin-bottom: 0;}
#article p.pdf a{display: block; line-height: 120%; padding: 1px 0 4px 2px; text-decoration: none;}
#article caption{color: #fff; background-color: #2d0014; text-align: left; padding: 5px 8px;}
#article table p{margin: 0;}
#article p{margin: 0 0 20px 0; line-height: 180%;}
#article a{text-decoration: underline; color: #000;}
#article a:hover{text-decoration: none;}
div.image-container{margin-bottom: 1em;}
div.image-container.left{float: left; margin-right: 3em;}
div.image-container.right{float: right; margin-left: 3em;}
img.left{float: left; margin: 0 30px 40px 0;}
img.right{float: right; margin: 0 0 40px 35px;}
/* =========================== Layout styles =================== */
/* ============================================================= */
html {-webkit-text-size-adjust: 100%; font-size: 13px;}
body{background: #fff; color: #000; font: 1rem 'Open Sans', sans-serif; font-weight: 400; margin: 0 auto; min-height: 100vh;}
@media screen and (min-width: 951px){body{background: #fff url('../images/bg.jpg') no-repeat top center;}}
#wrapper{overflow-x: clip; position: relative; width: 100%;}
.centered-wrap {margin-left: auto; margin-right: auto; width: 100%; padding-left: 19px; padding-right: 19px;}
@media screen and (min-width: 1025px){.centered-wrap {padding-left: 25px; padding-right: 25px;}}
.maxWidth1024 {max-width: 1024px;}
/* top */
.header-wrap-holder {min-height: 57px;}
#header-wrap{border-top: 3px solid #4d5766; border-bottom: 3px solid #4d5766; background: linear-gradient(to bottom, #ffffff 0%,#eff1f5 1px,#ffffff 65%); box-shadow: 0 0 3px 3px rgba(0,0,0,0.11); position: fixed; top: 0; left: 0; width: 100%; z-index: 800;}
#header-wrap > .centered-wrap {padding-left: 12px; padding-right: 12px;}
#header {height: 104px; height: 51px; margin: 0 -6px; position: relative; display: flex; align-items: center;}
#header > * {margin-right: 6px; margin-left: 6px;}
#header .dd-tgl-combo.tglAct-parent {z-index: 805;}
/*#main-page #header .cats-tgl-combo {display: none!important;}*/
#header .cats-tgl-combo .tgl__dd {right: -1rem; right: clamp(-3.15rem, -8.4423rem + 21.5000vw, -1rem); width: 280px;}
#header .cats-tgl-combo .tgl__dd .products-nav {margin-top: 0;}
#header .cats-tgl-combo .products-nav > ul {margin-bottom: -5px;}
#header .cats-tgl-combo .products-nav > ul > li {width: 100%; margin-bottom: 5px;}
#header .cats-tgl-combo .products-nav > ul > li a {flex-direction: row; text-align: left;}
#header .cats-tgl-combo .products-nav li .thumb-wrap {width: 48px; flex-shrink: 0; margin-right: 10px;}
#header .products-nav li .thumb-wrap:before {box-shadow: inset 0 0 1px 2.5px #4b5465;}
.srch-tgl-combo .tgl__btn {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.427 21.427a8.5 8.5 0 1 1 2-2l5.585 5.585c.55.55.546 1.43 0 1.976l-.024.024a1.399 1.399 0 0 1-1.976 0l-5.585-5.585ZM14.5 21a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13Z' fill='%23293334' fill-rule='evenodd'/%3E%3C/svg%3E");}
.srch-tgl-combo .tgl__btn.tglAct {background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 3.175 3.175' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23293334' d='M.07-.304-.304.07l1.517 1.517-1.517 1.518.374.374 1.517-1.517 1.518 1.517.374-.374-1.517-1.518L3.479.07l-.374-.374-1.518 1.517L.07-.304z'/%3E%3C/svg%3E");}
#header .srch-tgl-combo .tgl__dd {right: -15px; right: clamp(-6rem, -24.3111rem + 74.3889vw, -0.85rem);}
#header .srch-tgl-combo .tgl__dd .page-search [type="submit"] {background-image: url("data:image/svg+xml,%3Csvg version='1.0' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='2' d='m8.5 3 9 9-9 9'/%3E%3C/svg%3E"); background-position: center center; background-size: 19px auto;}
#header > #logo {margin-right: auto;}
#logo a {display: inline-block; vertical-align: top;}
#logo img {display: none;}
#logo .fig-alt {display: block;}
@media screen and (min-width: 576px){
#logo img {display: block;}
/*#header .cats-tgl-combo,*/ #logo .fig-alt {display: none;}
}
@media screen and (max-width: 575px){
#logo {border: 1px solid rgba(0,0,0,0.15); border-radius: 50%; width: 42px; height: 42px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
#logo a {display: block;}
#logo img {width: 29px;}
body.et #logo img, body.sv #logo img {width: 19px;}
/*#header .cats-tgl-combo .products-nav > ul {margin-bottom: -5px;}
#header .cats-tgl-combo .products-nav > ul > li {width: 100%; margin-bottom: 5px;}
#header .cats-tgl-combo .products-nav li .thumb-wrap {width: 48px;}*/
}
@media screen and (min-width: 351px){#header .page-search input[type="text"] {width: 268px;}}
@media screen and (min-width: 351px) and (max-width: 445px){#header .srch-tgl-combo .tgl__dd {right: clamp(-7.58rem, -32.7250rem + 93.1298vw, -0.846rem);}}
#searchDropdown {margin: 0 -13px; padding: 0 13px;}
#searchDropdown .last-btn-wrap {padding-top: 15px;}
#searchDropdown .products-list {margin: 0 -13px; padding: 28px 13px 19px 13px; max-height: calc(100vh - 202px); overflow-y: scroll;}
#searchDropdown .products-list::-webkit-scrollbar {-webkit-appearance: none;}
#searchDropdown .products-list::-webkit-scrollbar:vertical {width: 0;}
#searchDropdown .products-list::-webkit-scrollbar:horizontal {height: 0;}
#searchDropdown .products-list::-webkit-scrollbar-thumb {border: none;}
#searchDropdown .products-list::-webkit-scrollbar-track {background-color: transparent;}
.lang-tgl-combo .tgl__dd {width: 50px; left: 50%; transform: translateX(-50%);}
.lang-tgl-combo img {box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);}
.lang-tgl-combo .tgl__dd img {width: 100%;}
.cur-sel {font-weight: 600;}
.cur-sel .txt {margin-right: 9px;}
.cur-sel select {display: inline-block; font: 400 13px "Open sans",sans-serif; padding: 0; width: 42px; height: 42px; border-radius: 50%; font-size: 10px; color: #293334; background: #e8ecf1; border: 1px solid #cecece; box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);}
.cny-tgl-combo .tgl__btn-txt {display: block; font-size: 9px; padding: 0 14px 0 0; background: url("data:image/svg+xml,%3Csvg version='1.0' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23293334' stroke-miterlimit='10' stroke-width='2' d='m21 8.5-9 9-9-9'/%3E%3C/svg%3E") no-repeat right -1px/ 10px auto;}
.cny-tgl-combo .tgl__dd {width: 50px; left: 50%; transform: translateX(-50%); font-size: 11px;}
.cny-tgl-combo .tgl__list a:hover {text-decoration: underline;}
body.sv .cny-tgl-combo .tgl__btn-txt {padding: 0 0 8px 0; background-position: center bottom; font-size: 12px;}
/*
#shopping-cart-combo {position: relative; z-index: 12;}
#shopping-cart .icon{border: 1px solid #cecece; box-shadow: 0 0 4px 1px rgba(0,0,0,0.08); color: #293334; background: #e8ecf1 url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M61.58 12.88A2 2 0 0 0 60 12.1H14.26l-2.37-6.95A2 2 0 0 0 10 3.79H4a2 2 0 1 0 0 4h4.57l13.15 38.65a2 2 0 0 0 1.89 1.35H52a2 2 0 0 0 0-4H25l-1.46-4.31H54A2 2 0 0 0 55.94 38l6-23.38a2 2 0 0 0-.36-1.74ZM30 49.49c-7.08.22-7.08 10.49 0 10.72 7.08-.21 7.08-10.5 0-10.72ZM47.41 49.49c-7.08.22-7.08 10.49 0 10.72 7.08-.21 7.08-10.5 0-10.72Z' fill='%23293334'/%3E%3C/svg%3E") no-repeat center center/ 52% auto; width: 42px; height: 42px; display: block; cursor: pointer; border-radius: 50%;}
#shopping-cart #basket{display: none; position: absolute; background: #fff; z-index: 30; right: 0; box-shadow: 0px 11px 11px 0px rgba(0,0,0,0.25);}
#shopping-cart #basket.show{display: block;}*/
#shopping-cart-combo .tgl__dd {right: 0; padding: 0;}
/* basket1 */
#basket1{max-height: calc(100vh - 54px); overflow-y: scroll; border: 4px solid #e0e5ec; width:250px; background-color:#FFF;}
#basket1::-webkit-scrollbar {-webkit-appearance: none;}
#basket1::-webkit-scrollbar:vertical {width: 0;}
#basket1::-webkit-scrollbar:horizontal {height: 0;}
#basket1::-webkit-scrollbar-thumb {border: none;}
#basket1::-webkit-scrollbar-track {background-color: transparent;}
#basket1 .top, #basket-container1 .top{text-align: center; padding: 9px 0 13px 0; border-bottom: 1px solid #e0e5ec;}
#basket1 .top h3, #basket-container1 .top h1{font: 33px/110% 'Archivo Black', sans-serif; color: #4b5465; padding: 0 0 0 1.21em; margin: 0; background: url('../images/basket-icon.gif') no-repeat left 0.21em/ 0.87em auto; display: inline-block; text-transform: lowercase; font-size: clamp(1.8rem, 1.4170rem + 1.5557vw, 2.53rem);/*930-320*/}
#basket1 .top p{margin: 0;}
#basket1 .top p a, #basket-container1 .top a{color: #94ab1f;}
/* basket middle */
#basket1 .middle{padding: 0 7px;}
#basket1 .middle table{border-collapse: collapse; width: 215px;}
#basket1 .middle td{font-size: 10px; color: #000; line-height: 100%; padding: 5px 0;}
.special1{color: #e80c0c;}
#basket1 .breadcrumbs2 {color: #b7bbc3; font-size: 10px;}
#basket1 .breadcrumbs2 a {text-decoration: none;}
#basket1 .middle tr.paddingBot14 td{padding-bottom: 14px;}
#basket1 .middle tr.total td{font-weight: 700; font-size: 13px; border-top: 1px solid #e0e5ec; padding-top: 7px;}
#basket1 .middle td.width80{width: 70%;}
#basket1 .middle td.width20{width: 30%; text-align: right;}
#basket1 .total td.width80{text-align: right;}
/* basket bottom */
#basket1 .bottom{padding: 12px 7px 7px 7px;}
#basket1 .bottom p{float: right; display: block; margin: 0 0 6px 0;}
#main-nav {text-align: right; position: relative; z-index: 804;}
#main-nav a{display: block; font-weight: 600; text-transform: uppercase;}
#main-nav > .menuTglBtn {vertical-align: top; display: inline-block; width: 42px; height: 42px; background: #e8ecf1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23293334' d='M0 0h4v4H0zM6 0h4v4H6zM12 0h4v4h-4zM0 6h4v4H0zM6 6h4v4H6zM12 6h4v4h-4zM0 12h4v4H0zM6 12h4v4H6zM12 12h4v4h-4z'/%3E%3C/svg%3E") no-repeat center center/ 45% auto; border: 1px solid #cecece; box-shadow: 0 0 4px 1px rgba(0,0,0,0.08); border-radius: 50%; cursor: pointer; transition: border-color 0.2s ease-in-out 0s;}
#main-nav > .menuTglBtn.tglAct {background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 3.175 3.175' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23293334' d='M.07-.304-.304.07l1.517 1.517-1.517 1.518.374.374 1.517-1.517 1.518 1.517.374-.374-1.517-1.518L3.479.07l-.374-.374-1.518 1.517L.07-.304z'/%3E%3C/svg%3E"); background-size: 12px auto;}
#main-nav > .menuTglBtn:hover {border-color: #4d5667;}
#main-nav > ul {text-align: center; top: calc(100% + 4px); right: 0; margin-left: 0; z-index: 200; position: absolute; border-top: 3px solid #4d5766; border-bottom: 3px solid #4d5766; background: linear-gradient(to bottom, #ffffff 0%,#eff1f5 1px,#ffffff 100%); width: 350px; display: none; padding: 13px 0; box-shadow: -3px 3px 8px 1px rgba(0,0,0,0.1);}
#main-nav.ofwV > ul {overflow: visible!important;}
#main-nav > ul > li {border-bottom: 1px solid rgba(0,0,0,0.06);}
#main-nav > ul > li:last-child {border-bottom: none;}
#main-nav > ul > li > a {padding: 8px 15px;}
#main-nav .bge-btn {background: #dac892; color: #fff;}
#main-nav .blu-btn {background: #4d5766; color: #fff;}
.main-nav-scls {padding-top: 12px;}
.main-nav-scls > .inr-wrap {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 0 -10px -10px;}
.main-nav-scls > .inr-wrap > * {padding-left: 10px; margin-bottom: 10px;}
.main-nav-scls img {display: block;}
.main-nav-scls .scl__btn {display: flex!important; align-items: center; justify-content: center; border-radius: 50%; width: 42px; height: 42px;}
@media screen and (min-width: 576px) and (max-width: 1024px){
#logo img {width: 230px; min-width: 62px;}
body.et #logo img {width: 160px;}
}
@media screen and (max-width: 575px){
#header {margin-right: -3px; margin-left: -3px;}
#header > * {margin-right: 3px; margin-left: 3px;}
#main-nav > ul {top: 57px; width: 100vw; position: fixed;}
}
@media screen and (max-width: 350px){
#header-wrap > .centered-wrap {padding-left: 7px; padding-right: 7px;}
}
/* main */
#main{position: relative; background: #fff; padding: 0 42px 65px 42px; margin: 0 auto; width: 100%; max-width: 1058px; z-index: 5; box-shadow: 0 0 3px 3px rgba(0,0,0,0.11);}
/* featuring */
#top-block{position: relative; padding: 0 42px; margin: 0 -42px 38px -42px; z-index: 3; background: url('../images/banner-img-small.jpg') no-repeat right top/ auto 100%;}
#top-block p{margin: 0 0 11px 0;}
#main-page #top-block{background-image: url('../images/banner-img.jpg');}
/* featuring */
.featuring{border-bottom: 5px solid #dac892; margin: 0; padding: 48px 33px 66px 59px; overflow: hidden; position: relative;}
.featuring:before, .featuring:after{display: block; content: ''; position: absolute; height: 100%; bottom: 0; width: 5px; background: linear-gradient(to bottom, rgba(218,200,146,0) 0%,rgba(218,200,146,1) 100%);}
.featuring:before {left: 0;}
.featuring:after {right: 0;}
.featuring h2{font: 43px/1 'Archivo Black', sans-serif; color: #4b5465; margin: -5px 0 0 0; font-size: clamp(2.05rem, 1.3368rem + 2.5753vw, 3.3rem);/*991-360*/}
.featuring h2 span{color: #9eb528;}
.feat-logos-clms {margin-bottom: 15px;}
.feat-logos-clms > .inr-wrap {display: flex; align-items: center; margin: 0 0 0 -15px;}
.feat-logos-clms > .inr-wrap > .clm {padding: 0 0 0 15px;}
.feat-logos-clms > .inr-wrap > .clm1 {flex-grow: 1;}
.title-search-clms > .inr-wrap {display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 -15px -15px;}
.title-search-clms > .inr-wrap > .clm {padding: 0 0 0 15px; margin-bottom: 15px;}
.title-search-clms > .inr-wrap > .clm1 {flex-grow: 1;}
@media screen and (max-width: 1024px){
#main{padding-left: 19px; padding-right: 19px;}
#top-block{padding-left: 19px; padding-right: 19px; margin-left: -19px; margin-right: -19px;}
}
@media screen and (min-width: 931px){
.feat-logos-clms > .inr-wrap {align-items: flex-start;}
.feat-logos-clms > .inr-wrap > .clm2 {padding-top: 10px;}
}
@media screen and (max-width: 930px){
#top-block{background-image: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url('../images/banner-img-small.jpg'); background-position: 0 0, right top; background-size: auto, auto 100%;}
#main-page #top-block{background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%), url('../images/banner-img.jpg');}
.img500pr-wrap {display: inline-block; vertical-align: top; padding: 10px; background-color: #fff; box-shadow: 0 0 6px 2px rgba(0,0,0,0.06);}
.featuring {padding: 35px 38px 23px 38px;}
.featuring .title-search-clms {margin-bottom: 11px;}
}
@media screen and (max-width: 680px){
#top-block{padding-left: 0; padding-right: 0;}
.featuring {padding: 35px clamp(0.53rem, -2.0048rem + 9.4152vw, 2.92rem) 23px clamp(0.53rem, -2.0048rem + 9.4152vw, 2.92rem);}
.featuring:before, .featuring:after {display: none;}
}
@media screen and (max-width: 450px){
/* .title-search-clms > .inr-wrap > .clm2 {display: none;} */
}
/* products-nav */
.products-nav{margin: 0 0 20px 0; position: relative; z-index: 5;}
@media screen and (min-width: 931px){.products-nav{margin-top: -82px;}}
.products-nav > ul {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 -15px -15px;}
.products-nav > ul > li{margin: 0 0 15px 0; padding: 0 0 0 15px; position: relative; width: 112px;}
.products-nav > ul > li a{position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 13px; font-weight: 600; width: 100%; line-height: 110%;}
.products-nav li .title {display: block; padding: 4px 0;}
.products-nav li .thumb-wrap {position: relative;}
.products-nav li .thumb-wrap:before {display: block; opacity: 0; transition: opacity 0.2s ease-in-out 0s; content: ''; box-shadow: inset 0 0 1px 3.5px #4b5465; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: calc(100% - 8px); height: calc(100% - 8px); z-index: 1; pointer-events: none; border-radius: 50%;}
.products-nav li .thumb-wrap img {display: block;}
.products-nav li:hover .thumb-wrap:before, .products-nav li.active .thumb-wrap:before {opacity: 1;}
@media screen and (max-width: 930px){
.products-nav > ul > li{width: 12.5%;}
}
@media screen and (max-width: 835px){.products-nav > ul > li{width: 25%;}}
@media screen and (max-width: 575px){
.products-nav > ul > li{width: 50%;}
.products-nav > ul > li a {flex-direction: row; text-align: left;}
.products-nav li .thumb-wrap {flex-shrink: 0; width: 60px; margin-right: 10px;}
.products-nav li.active .thumb-wrap:before {box-shadow: inset 0 0 1px 2.5px #4b5465;}
body:not(#main-page) #main .products-nav {display: none;}
}
@media screen and (max-width: 400px){
.products-nav > ul {margin-bottom: -5px;}
.products-nav > ul > li{width: 100%; margin-bottom: 5px;}
}
#four-blocks-wrap {padding-bottom: 12px; margin-top: -50px; position: relative; z-index: 12;}
#four-blocks{margin: 0 0 -9px -9px; display: flex; flex-wrap: wrap;}
#four-blocks > li{padding-left: 9px; margin-bottom: 9px; width: 25%; display: flex;}
#four-blocks > li > .col-inner {width: 100%; box-shadow: 0 0 0 1px rgba(0,0,0,0.2);}
#four-blocks > li > .col-inner > .block-inner {display: flex; flex-direction: column; height: 100%; width: 100%; padding: 22px; background-size: auto, 5.66px 5.66px;}
#four-blocks .block-inner > :last-child {margin-bottom: 0!important;}
#four-blocks p{margin: 0 0 10px 0;}
#four-blocks h1, #four-blocks h2, [class*="sngle-block"] h2{font: 23px/90% 'Archivo Black', sans-serif; color: #fff; font-weight: 400; margin: 0 0 16px 0;}
#block1 > .col-inner {background: rgba(75,84,101,1);}
#block1 > .col-inner > .block-inner {background: linear-gradient(to bottom, rgba(75,84,101,0.5) 0%,rgba(75,84,101,1) 40%), linear-gradient(45deg, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 100%);}
#block2 > .col-inner {background: rgba(129,130,133,1);}
#block2 > .col-inner > .block-inner {background: linear-gradient(to bottom, rgba(129,130,133,0.5) 0%,rgba(129,130,133,1) 40%), linear-gradient(45deg, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 100%);}
#block3 > .col-inner {background: rgba(218,200,146,1);}
#block3 > .col-inner > .block-inner {background: linear-gradient(to bottom, rgba(218,200,146,0.5) 0%,rgba(218,200,146,1) 40%), linear-gradient(45deg, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 100%);}
#block4 > .col-inner {background: rgba(158,181,40,1);}
#block4 > .col-inner > .block-inner {background: linear-gradient(to bottom, rgba(158,181,40,0.5) 0%,rgba(158,181,40,1) 40%), linear-gradient(45deg, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 100%);}
/* block1 */
#four-blocks #block1{font-weight: 400; font-size: 11px; color: #fff; line-height: 115%;}
#block1 p{font-weight: 300;}
#block1 a{color: #dac892; text-decoration: underline;}
#block1 .button{margin: 16px 0 6px 0;}
#block1 .button a{color: #000; text-decoration: none;}
#block1 .button.green{margin: 0;}
/* block2 */
#block2 div.box{border: 1px solid #acacae; background: rgba(195,195,195,0.4); padding: 7px;}
#block2 .thumb{text-align: center; position: relative; margin: 0 0 13px 0;}
#block2 .thumb img{border: 1px solid #dac892;}
#block2 .price{position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; bottom: -16px; right: -2px; background: url('../images/green-orb.png') no-repeat; height: 78px; width: 78px; color: #fff; font-size: 16px; font-weight: 700; z-index: 6; line-height: 90%;}
#block2 .price span{text-decoration: line-through; font-size: 13px; font-weight: 600; display: block;}
#block2 p.last{margin: auto 0 0 0; text-align: center;}
#block2 p.last a{color: #fff; text-decoration: underline; font-size: 10px; text-transform: uppercase;}
.bxslider .inner {overflow: hidden;}
.bx-pager {padding: 9px 0 0; text-align: center;}
.bx-pager .bx-pager-item {display: inline-block; margin: 0 2px 4px;}
.bx-pager .bx-pager-link{display: block; text-indent: -9999px; background: url('../images/bullets-small.png') no-repeat -4px 0; width: 4px; height: 4px; z-index: 100;}
.bx-pager .active, .bx-pager-link:hover{background-position: 0 0;}
/* block2 description */
#block2 .description{margin: 0 0 10px 0;}
#block2 .description li{font-size: 11px; color: #fff; font-weight: 300; line-height: 112%;}
#block2 .description li span{color: #bcd731;}
#block2 .description li.first{font-size: 12px; margin: 0 0 4px 0;}
#block2 .button{margin: 0 0 10px 0;}
/* block2 nav */
#block2 .nav{text-align: center; padding: 4px 0; margin: 0 0 8px 0;}
#block2 .nav li{display: inline-block; margin: 0; vertical-align: middle; margin-right:3px;}
#block2 .nav li a{display: block; width: 4px; height: 4px; text-indent: -9999px; background: url('../images/bullets-small.png') -4px 0;}
#block2 .nav li.active a, #block2 .nav li:hover a{background-position: 0 0;}
#block2 .nav .previous a, #block2 .nav .next a{background: url('../images/arrows-big.gif') no-repeat 0 -29px; width: 5px; height: 9px; margin: 0 7px 0 0;}
#block2 .nav .next a{background-position: 0 0; margin: 0 0 0 7px;}
#block2 .nav .previous:hover a{background-position: 0 -29px;}
.activeSlide {display: block; width: 4px; height: 4px; text-indent: -9999px; background: url('../images/bullets-small.png') 0 0;}
/* block3 */
#block3 h2{margin: 0 0 10px 0;}
#news-list{margin: 0 0 20px 0;}
#news-list h3{font-size: 12px; font-weight: 600; line-height: 100%; margin: 0;}
.arrow{background: url('../images/arrows-big.gif') no-repeat 0 0; height: 9px; width: 5px; display: inline-block; margin: 0 0 0 3px;}
#news-list li{border-bottom: 1px dotted #ece3c7; padding: 8px 0;}
#news-list p{font-weight: 300; margin: 5px 0 0 0; line-height: 100%; font-size: 12px;}
#block3 .button{float: left; display: block;}
#block3 .rss{float: right; display: block; margin: 3px 0 0 0;}
.rss a{background: url('../images/rss.gif') no-repeat center left; font: 10px/110% Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 4px 0 4px 23px; display: inline-block;}
#block3 .links{margin: auto 0 0 0;}
#block3 .links p{margin-bottom: 0;}
/* block4 */
#block4{font-size: 11px;}
#block4 h2{margin: 0 0 14px 0;}
#block4 p{margin: 0 0 3px 0; line-height: 105%; font-weight: 300;}
#block4 p b{font-weight: 600;}
#block4 .contact-box{font-size: 11px; margin: 0 0 24px 0;}
#block4 .contact-box > .inr-wrap {display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 -15px -15px;}
#block4 .contact-box > .inr-wrap > .clm {padding: 0 0 0 15px; margin-bottom: 15px;}
#block4 .contact-box > .inr-wrap > .clm1 {flex-grow: 1;}
#block4 .contact-box a{text-decoration: underline;}
#block4 .location{background: url('../images/icon-map.png') no-repeat top center; padding: 56px 0 0 0px; margin: 0 0 7px 0; width:64px; text-align:center;}
#contact_form{margin: 10px 0 7px 0;}
#contact_form input[type="text"]{background: #879d17; border: none; height: 23px; width: 100%; padding: 0 7px; line-height: 23px; font-size: 11px; font-weight: 300; color: #000;}
#contact_form input::-webkit-input-placeholder, .green-box input::-webkit-input-placeholder, .green-box textarea::-webkit-input-placeholder{color: #3e480b;}
#contact_form input::-moz-placeholder, .green-box input::-moz-placeholder, .green-box textarea::-moz-placeholder {color: #3e480b; opacity: 1;}
#contact_form table{border-collapse: collapse;}
#contact_form td{padding: 0 4px 4px 0;}
#contact_form input[type="file"], .green-box input[type="file"] {background: #879d17; color: #3e480b; font-size: 11px; padding: 1px 0 2px 2px; width: 100%;}
@media screen and (min-width: 769px) and (max-width: 950px){
#four-blocks-wrap > .centered-wrap {padding-left: 0; padding-right: 0;}
#four-blocks {margin: 0;}
#four-blocks > li {margin-bottom: 0; padding-left: 0;}
#four-blocks > li > .col-inner > .block-inner {padding: clamp(1rem, -1.9315rem + 4.9558vw, 1.69rem);}
#four-blocks h1, #four-blocks h2{font-size: clamp(1.3rem, -0.6544rem + 3.3039vw, 1.76rem);}
}
@media screen and (max-width: 768px) {#four-blocks > li {width: 50%;}}
@media screen and (min-width: 421px) and (max-width: 768px){
#four-blocks > li > .col-inner > .block-inner {padding: clamp(1rem, -0.4212rem + 3.5737vw, 1.69rem);}
#four-blocks h1, #four-blocks h2{font-size: clamp(1.5rem, 0.9645rem + 1.3466vw, 1.76rem);}
}
@media screen and (min-width: 421px) and (max-width: 515px) {
#four-blocks-wrap > .centered-wrap {padding-left: 9px; padding-right: 9px;}
}
@media screen and (max-width: 420px) {
#four-blocks > li {width: 100%;}
#four-blocks > li > .col-inner > .block-inner {padding: 19px;}
#four-blocks h1, #four-blocks h2 {font-size: clamp(1.45rem, 0.6820rem + 3.1200vw, 1.69rem);}
}
ul.odd li{font-weight: 600; margin: 0 0 6px 0;}
ul.odd li span{width: 25px; height: 25px; background: #000; color: #fff; font-size: 15px; font-weight: 600; line-height: 23px; text-align: center; display: inline-block; margin: 0 11px 0 0;}
.green-box{background: #9eb528 url('../images/green-stripes.gif') repeat-x top center; padding: 15px 17px 14px 17px; box-shadow: 0 0 0 1px #bfbfbf; border-radius: 1px;
-webkit-box-shadow: 0 0 0 1px #bfbfbf; -webkit-border-radius: 1px;}
.green-box h3{font-size: 15px; line-height: 120%; color: #fff; font-weight: 600; margin: 0 0 12px 0;}
.green-box p{margin: 0 0 7px 0; line-height: 115%;}
.green-box table{border-collapse: collapse; width: 100%;}
.green-box td{padding-bottom: 4px;}
.green-box input[type="text"], .green-box textarea{font-size: 12px; font-weight: 300; background: #879d17; padding: 0 7px; width: 100%; height: 23px; line-height: 23px; border: none;}
.green-box textarea{line-height: normal; height: 70px; padding-top: 5px; padding-bottom: 5px;}
.green-box .button{white-space: nowrap; margin-top: 14px;}
.green-box select{width: 100%; background: #879d17; border: none; color: #3e480b; padding: 2px 0 3px 0;}
.banner-top{margin: 0 0 12px 0;}
/* bottom-block */
#clm1-tgle__btn {appearance: none; display: block; width: 42px; height: 42px; position: absolute; bottom: 100%; margin-bottom: 5px; left: 0; border: 1px solid #cecece; background: #e8ecf1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='11' viewBox='0 0 48 11'%3E%3Ccircle fill='%234d5766' cx='24' cy='5.5' r='5.5'/%3E%3Ccircle fill='%23293334' cx='5.5' cy='5.5' r='5.5'/%3E%3Ccircle fill='%234d5766' cx='42.5' cy='5.5' r='5.5'/%3E%3C/svg%3E") no-repeat center center/ 15px auto; text-indent: -9999px; border-radius: 50%; box-shadow: 0 0 4px 1px rgba(0,0,0,0.08); transition: border-color 0.2s ease-in-out 0s;}
#clm1-tgle__btn.tglAct {background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 3.175 3.175' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23293334' d='M.07-.304-.304.07l1.517 1.517-1.517 1.518.374.374 1.517-1.517 1.518 1.517.374-.374-1.517-1.518L3.479.07l-.374-.374-1.518 1.517L.07-.304z'/%3E%3C/svg%3E"); background-size: 12px auto;}
#clm1-tgle__btn:hover {border-color: #4d5667;}
#bottom-block > .inr-wrap {margin: 0 0 0 -38px; display: flex; flex-wrap: wrap;}
#bottom-block > .inr-wrap > .clm {padding: 0 0 0 38px;}
#bottom-block > .inr-wrap > .clm1{width: 27%;}
#bottom-block > .inr-wrap > .clm2 {width: 73%;}
#main-cntn-wrap {border: 1px solid #e0e5ec; padding: 26px 38px 32px 38px; display: flex; flex-direction: column; width: 100%; height: 100%;}
@media screen and (max-width: 1024px){
#bottom-block > .inr-wrap {margin: 0 0 0 -25px;}
#bottom-block > .inr-wrap > .clm {padding: 0 0 0 25px;}
}
@media screen and (min-width: 931px){
#clm1-tgle__btn {display: none;}
#bottom-block > .inr-wrap > .clm1 {display: block!important;}
#bottom-block > .inr-wrap > .clm1 > .clm1__inner {max-height: 80%; max-height: calc(100vh - 65px); overflow-y: scroll; position: -webkit-sticky; position: sticky; top: 65px; scrollbar-color: #c1c1c1 #f1f1f1; scrollbar-width: thin;}
#bottom-block > .inr-wrap > .clm1 > .clm1__inner::-webkit-scrollbar {width: 6px;}
#bottom-block > .inr-wrap > .clm1 > .clm1__inner::-webkit-scrollbar-track {background: #f1f1f1;}
#bottom-block > .inr-wrap > .clm1 > .clm1__inner::-webkit-scrollbar-thumb {background: #c1c1c1;}
#bottom-block > .inr-wrap > .clm1 > .clm1__inner::-webkit-scrollbar-thumb:hover {background: #a8a8a8;}
}
@media screen and (max-width: 930px){
#bottom-block {position: relative;}
#bottom-block > .inr-wrap {margin: 0;}
#bottom-block > .inr-wrap > .clm {padding: 0;}
#bottom-block > .inr-wrap > .clm1 {width: 260px; position: absolute; background: #fff; padding: 13px; z-index: 11; box-shadow: 0 0 8px 2px rgba(0,0,0,0.17); display: none;}
#bottom-block > .inr-wrap > .clm2 {width: 100%;}
#bottom-block.sdbTgl-exmpt > .inr-wrap > .clm1 {width: 100%; position: static; padding: 0; box-shadow: none; display: block!important;}
#bottom-block.sdbTgl-exmpt #clm1-tgle__btn {display: none;}
}
/* bottom-block.other */
#main-cntn-wrap.other h1{font-size: 20px; font-weight: 700; margin: 0 0 5px 0; line-height: 110%;}
#main-cntn-wrap.other h2{font-size: 15px; color: #9cb439; font-weight: 600; margin: 0 0 20px 0;}
#main-cntn-wrap.other h3{font-size: 18px; font-weight: 600; margin: 0 0 15px 0;}
#main-cntn-wrap.other p{margin: 0 0 18px 0;}
#main-cntn-wrap.other p.button{display: block; margin: 0 0 6px 0;}
#main-cntn-wrap.other p.button a{display: inline-block;}
#main-cntn-wrap.other br{line-height: 18px;}
/* submenu */
#submenu{margin: 0 0 16px 0;}
#submenu > li{margin: 0 0 3px 0;}
#submenu > li > a{display: block; background: #dac892; font-size: 13px; color: #000; line-height: 115%; padding: 8px 32px 9px 16px;}
#submenu > li.active > a, #submenu > li:hover > a{background: #6c6c6c url("data:image/svg+xml,%3Csvg width='11.2' height='13' viewBox='0 0 2.963 3.44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='m0 0 .757 1.696L0 3.44l2.95-1.744L0 0'/%3E%3C/svg%3E") no-repeat right 6px center; color: #fff;}
#submenu > li > ul{display: none;}
#submenu > li.active > ul{display: block;}
#submenu ul{background: #e8ecf1; margin: 3px 0 0 0; padding: 8px 0 8px 16px;}
#submenu ul li a{font-size: 12px; display: block; line-height: 110%; padding: 2px 32px 2px 0; color: #000;}
#submenu ul li.active a, #submenu ul li:hover a{background: url("data:image/svg+xml,%3Csvg width='11.2' height='13' viewBox='0 0 2.963 3.44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234d5766' d='m0 0 .757 1.696L0 3.44l2.95-1.744L0 0'/%3E%3C/svg%3E") no-repeat right 6px center;}
.sngle-block4 {background: rgba(158,181,40,1); border: 1px solid rgba(0,0,0,0.2);}
.sngle-block4 > .block-inner {padding: 22px; background: linear-gradient(to bottom, rgba(158,181,40,0.5) 0%,rgba(158,181,40,1) 40%), linear-gradient(45deg, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1) 100%); background-size: auto, 5.66px 5.66px;}
/* basket */
#basket{border: 4px solid #e0e5ec; margin: 0 0 17px 0;}
#basket .top, #basket-container .top{text-align: center; padding: 9px 0 13px 0; border-bottom: 1px solid #e0e5ec;}
#basket .top h3, #basket-container .top h1{font: 33px/110% 'Archivo Black', sans-serif; color: #4b5465; padding: 0 0 0 1.21em; margin: 0; background: url('../images/basket-icon.gif') no-repeat left 0.21em/ 0.87em auto; display: inline-block; text-transform: lowercase; font-size: clamp(1.8rem, 1.4170rem + 1.5557vw, 2.53rem);/*930-320*/}
#basket .top p{margin: 0;}
#basket .top p a, #basket-container .top a{color: #94ab1f;}
/* basket middle */
#basket .middle{padding: 0 7px;}
#basket .middle table{border-collapse: collapse; width: 215px;}
#basket .middle td{font-size: 10px; color: #000; line-height: 100%; padding: 5px 0;}
.special{color: #e80c0c;}
#basket .breadcrumbs2 {color: #b7bbc3; font-size: 10px;}
#basket .breadcrumbs2 a {text-decoration: none;}
#basket .middle tr.paddingBot14 td{padding-bottom: 14px;}
#basket .middle tr.total td{font-weight: 700; font-size: 13px; border-top: 1px solid #e0e5ec; padding-top: 7px;}
#basket .middle td.width80{width: 80%;}
#basket .middle td.width20{width: 20%; text-align: right;}
#basket .total td.width80{text-align: right;}
/* basket bottom */
#basket .bottom{padding: 12px 7px 7px 7px;}
#basket .bottom p{float: right; display: block; margin: 0 0 6px 0;}
@media screen and (max-width: 1024px){#basket{display: none;}}
.rdmr-block {min-height: 125px; position: relative; display: flex; flex-direction: column; margin-bottom: 30px;}
.rdmr-block .xpnd__cntn {display: none;}
.rdmr-block [class*="cntn"] > :first-child {margin-top: 0!important;}
.rdmr-block .intro__cntn {position: absolute; top: 0; left: 0; width: 100%; height: 100px; overflow: hidden; background-color: #fff;}
.rdmr-block .intro__cntn:after {display: block; content: ''; height: 38px; position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); pointer-events: none;}
.rdmr-block .rdmr__btn {margin-top: auto; line-height: 1.35; display: block; padding-left: 22px; color: #97af17!important; position: relative; text-decoration: none!important;}
.rdmr-block .rdmr__btn:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 10px; height: 100%; background: url('../images/arrow-toggle.gif') no-repeat left center/ 100% auto;}
.rdmr-block .rdmr__btn.tglAct:before {transform: rotate(180deg);}
.rdmr-block.tglAct-parent .intro__cntn {opacity: 0; transition: opacity 0.8s ease-in-out 0s;/*duration 2x toggleSlide kiirust*/}
/* product-detail */
#product-detail .button{float: right; margin: 32px 0 0 0;}
#product-detail p{margin: 0 0 18px 0;}
#product-detail h1{font-weight: 600; font-size: 20px; margin: 0 0 12px 0;}
#product-detail .top{padding: 0 0 25px 0;}
#product-detail .availability{background: url('../images/available.gif') no-repeat left 4px; line-height: 120%; margin: 0 0 14px 0; padding: 0 0 0 15px; font-weight: 600; color: #8ea905;}
#product-detail .price{font-size: 18px; font-weight: 700; margin: 0 0 12px 11px;}
#product-detail .price .special{color: #e80c0c; font-size: 31px; margin: 0 7px 0 0;}
#product-detail .price .old{text-decoration: line-through;}
#product-detail .price .normal{color: #000; font-size: 31px; margin: 0 7px 0 0;}
#product-detail .add-pr-row {margin-bottom: 15px;}
#product-detail .add-pr-row > .inr-wrap {display: flex; flex-wrap: wrap; margin: 0 0 0 -10px;}
#product-detail .add-pr-row > .inr-wrap > .clm {padding-left: 10px;}
#product-detail .button-big{margin: 0 0 18px 11px;}
#product-detail .left table{border-collapse: collapse; width: 100%; font-weight: 600;}
#product-detail .left table td{border: 1px solid #e0e5ec; padding: 5px 10px;}
#product-detail .left {width: 50.582%;}
#product-detail .right{width: 48.173%;}
#product-detail .gallery{padding: 20px 0;}
.kaibemaks, .kaibemaks_ostukorv{color: #9F9F9F; font-size: 12px;}
form#cart .amount, .products .list ul li .amount, .amount-field{background: #fafafa; background: linear-gradient(#ededed, #fafafa); border: 1px solid #ccc; border-radius: 5px; font-size: 18px; height: 55px; text-align: center; width: 44px; vertical-align: top;}
#article form[action*="index"] {display: flex; align-items: center;}
#article form[action*="index"] > * {margin-right: 10px;}
#article form[action*="index"] > *:last-child {margin-right: 0!important;}
#article form[action*="index"] .amount-field{width: 100%; max-width: 232px; text-align: left; padding-left: 10px; padding-right: 10px;}
@media screen and (max-width: 640px){
#product-detail .top {display: flex; flex-direction: column-reverse;}
#product-detail .top > * {width: 100%;}
#product-detail .right {margin-bottom: 30px; display: flex; flex-direction: column; align-items: center;}
#product-detail .right .button {margin-top: 10px;}
}
/* basket-container */
#basket-container .basket{padding: 0 0 27px 0; border-bottom: 4px solid #e0e5ec;}
#basket-container .breadcrumbs2 {margin-bottom: 0; padding: 10px 0 5px 0; color: #b7bbc3; font-size: 13px;}
#basket-container .breadcrumbs2 a {text-decoration: none;}
#basket-container .basket .top{margin: 0 0 12px 0; display: flex; flex-wrap: wrap; align-items: center; text-align: left; font-size: 20px; font-size: clamp(1.15rem, 0.9507rem + 0.8098vw, 1.53rem);/*930-320*/}
#basket-container .basket .top h1{display: block; flex-grow: 1; text-align: inherit; margin-right: 12px;}
#basket-container .basket .top p{margin: 0;}
#basket-container .basket table{border-collapse: collapse; width: 100%;}
#basket-container .basket td{padding: 3px 0; border-bottom: 1px solid #e0e5ec; text-align: center;}
#basket-container .basket table tr.head td{font-weight: 600;}
#basket-container .basket td.noborder{border-bottom: none;}
#basket-container .basket table input{display: inline-block; margin: 0 2px; border: 1px solid #e0e5ec; width: 45px; height: 21px; line-height: 20px; font-size: 13px; text-align: center; padding: 0; outline: none;}
#basket-container .basket td.col3 input[type="button"] {border: none; height: 23px; width: 23px; margin: 0; cursor: pointer;}
.del{background: url('../images/trash-icon.gif') no-repeat center center/ 15px auto; width: 15px; height: 19px; display: block; text-indent: -9999px; margin: 0 auto;}
#basket-container .basket td.col1{width: 235px; text-align: left; font-weight: 600;}
#basket-container .basket td.col1 .col1__inner {display: block;}
#basket-container .basket td.col1 .title {flex-grow: 1;}
#basket-container .basket td.col1 .thumb {padding-right: 10px; flex-shrink: 0;}
#basket-container .basket td.col1 .thumb img{display: block; width: 100%;}
#basket-container .basket td.col1 .title .inner {font-weight: 400; font-size: 10px;}
#basket-container .basket td.col2{width: 88px;}
#basket-container .basket td.col3{width: 135px; font-size: 0; white-space: nowrap;}
#basket-container .basket td.col3-5{width: 98px;}
#basket-container .basket td.col4{width: 91px;}
#basket-container .basket td.col5{width: 40px;}
#basket-container tr.total{font-size: 13px;}
#basket-container .basket tr.total td{text-align: right; padding: 10px 0 10px 49px; border-bottom: none;}
#basket-container .basket tr.total.totaltopay td{border-bottom: 1px solid #e0e5ec; font-size: 16px; font-weight: 700; padding: 9px 0 18px 49px;}
#basket-container .basket tr.total.totaltopay td.noborder{border-bottom: none;}
#basket-container .bottom{margin: 41px 0 0px 0; display: flex; flex-wrap: wrap;}
#basket-container .bottom > :nth-child(1) {flex-grow: 1; align-items: flex-start;}
#basket-container .bottom > * {margin-bottom: 10px; display: flex; flex-direction: column;}
#basket-container .bottom .button {float: none!important; display: block; margin: 0 0 6px 0;}
#basket-container .button{float: left;}
#basket-container .button.green{float: right;}
#basket-container .alignRight .button{float: right; margin: 11px 0 0 0;}
#basket-container p.empty {padding: 3px; text-align: center;}
@media screen and (min-width: 611px){
#basket-container .breadcrumbs2 {margin-left: clamp(3.769rem, -0.6474rem + 9.3966vw, 7rem);}
#basket-container .basket td.col1 .col1__inner {display: flex; align-items: center;}
#basket-container .basket td.col1 .thumb {width: clamp(3.769rem, -0.6474rem + 9.3966vw, 7rem);}
#basket-container .only-mbl {display: none;}
}
@media screen and (max-width: 610px){
#basket-container .breadcrumbs2 {display: none;}
#basket-container .basket tr.head, #basket-container .basket td.col3-5 br {display: none;}
#basket-container .basket table, #basket-container .basket tbody {display: block;}
#basket-container .basket tr {display: flex; flex-wrap: wrap; align-items: center; position: relative;}
#basket-container .basket tr.item {padding: 12px; background-color: #f6f7f9; border: 1px solid rgba(0,0,0,0.04); min-height: 130px;}
#basket-container .basket td {display: block; border: none; width: 50%!important; padding: 9px 0;}
#basket-container .basket td.col1 {width: 100%!important; order: 1;}
#basket-container .basket td.col1 .col1__inner {position: relative; padding-left: 112px;}
#basket-container .basket td.col1 .thumb {width: 98px; position: absolute; top: 0; left: 0; padding-right: 0;}
#basket-container .basket td.col3 {order: 4; text-align: left;}
#basket-container .basket td.col3-5 {order: 2; display: none;}
#basket-container .basket td.col2 {order: 3; display: none;}
#basket-container .basket td.col4 {order: 5;}
#basket-container .basket td.col5, #basket-container .basket td.noborder {width: auto!important;}
#basket-container .basket .del {position: absolute; top: -1px; right: -1px; width: 26px; height: 26px; background-size: 11px auto; background-color: #fff;}
}
@media screen and (min-width: 375px) and (max-width: 610px){
#basket-container .basket td.col3 {margin-left: 112px; width: calc(50% - (112px / 2))!important;}
#basket-container .basket td.col4 {width: calc(50% - (112px / 2))!important;}
}
@media screen and (max-width: 400px){
#basket-container .basket tr.item {padding: 15px; margin: 0 -15px;}
}
.total-rows-wrap {display: flex;}
.total-rows {margin-left: auto; max-width: 288px; width: 100%; border-bottom: 1px solid #e0e5ec;}
.total-rows > * {display: flex; justify-content: flex-end; text-align: right; padding: 9px 0;}
.total-rows .stndt {font-size: 16px; font-weight: 700;}
/* customer-data */
#customer-data{padding: 11px 4px 0px 6px;}
#customer-data [id*="order_cart"] {margin-left: -20px; display: flex; flex-wrap: wrap;}
#customer-data [id*="order_cart"] > * {width: 50%; padding-left: 20px;}
#customer-data h3{font-size: 20px; font-weight: 600; margin-bottom: 2px;}
#customer-data table{border-collapse: collapse; width: 100%;}
#customer-data td{padding: 2px 2px 2px 0;}
#customer-data td.paddingTop15{padding-top: 15px; padding-bottom: 0;}
#customer-data a{text-decoration: underline;}
#customer-data input[type="text"]{border: 1px solid #e0e5ec; margin: 0; padding: 0 10px; line-height: 28px; height: 28px; width: 100%; color: #6c6c6c; font-size: 13px;}
#customer-data .left tr.first p{float: left; margin: 0;}
span.empty-cell{height: 28px; display: block;}
#customer-data tr.first td {font-size: 11px; padding: 8px 0 11px; vertical-align: top;}
#customer-data .submit-order p{margin: 20px 0 0 0;}
#customer-data .submit-order p a{text-decoration: none;}
#customer-data p.select-container{position: relative; margin: 0; text-align: left;}
#customer-data p.select-container select{padding: 5px; border: 1px solid #e0e5ec; width: 178px;}
#customer-data label{position: relative; top: 3px; margin: 0 10px 0 3px;}
#customer-data tr.first label{margin-right: 23px; position: relative; top: -1px;}
@media screen and (max-width: 739px){
#customer-data [id*="order_cart"] > * {width: 100%;}
#customer-data [id*="order_cart"] > .left {margin-bottom: 22px;}
}
#total {padding: 15px 0 5px; text-align: right;}
#total > .inner {background-color: #9cb439; border: 1px solid #8aa227; display: inline-block; padding: 14px 15px 6px;}
#total p {color: #fff; margin: 0 0 10px;}
#total .sum-total {font-size: 14px; font-weight: 600;}
#total p span {font-weight: 600; margin: 0 0 0 8px;}
#transport-alert {background-color: #f5f5f5; border: 1px solid #e0e0e0; margin: 12px 0 2px; padding: 5px 10px;}
#customer-data .right .comment-box {padding: 59px 0 0;}
.comment-box textarea {border: 1px solid #E0E5EC; color: #6c6c6c; font-size: 13px; height: 154px; margin: 11px 0 0; padding: 5px 2%; width: 100%;}
/* order-confirmation */
#order-confirmation{width: 561px; background: #a4bc28; padding: 29px 37px 47px 37px; z-index: 9999; position: absolute; top: 42%; left: 0; right: 0; margin: 0 auto;
box-shadow: 0 3px 10px rgba(1,1,1,0.7); -webkit-box-shadow: 0 3px 10px rgba(1,1,1,0.7);}
#order-confirmation h2{font-size: 18px; text-align: center; margin-bottom: 42px;}
#order-confirmation p{margin: 0 0 12px 0;}
#order-confirmation p.pdf{text-align: center; margin: 0 0 36px 0;}
#order-confirmation p.pdf a{display: inline-block; line-height: 120%; padding: 4px 0 4px 25px; text-decoration: underline;}
#order-confirmation p.close{text-align:right;}
/* categories */
.categories{margin-bottom: 20px;}
.categories > ul {margin: 0 0 -10px -3px; display: flex; flex-wrap: wrap;}
.categories > ul > li {padding-left: 3px; margin-bottom: 10px; width: 25%; display: flex;}
.categories > ul > li > a {width: 100%; display: block; position: relative;}
.categories ul li img{display: block; margin: 0 auto;}
.categories ul li .title {display: block; text-align: center; margin: 6px 0 0 0; padding: 0 6px; line-height: 110%;}
.categories .thumb-wrap {border: 1px solid #dac892; padding: 6px; display: block; overflow: hidden;}
.products .thumb-container {overflow: hidden;}
.products .thumb-container img {position: relative; left: 4px;}
.categories .thumb-wrap img, .products .thumb-container img {transition: transform 0.2s ease-in-out 0s; backface-visibility: hidden;}
.categories .thumb-wrap:hover img, .products li:hover img {transform: scale(1.25);}
.categories ul li .discount-badge {font-size: 12px; left: 5px; top: 5px;}
.categories ul li .discount-badge small {font-size: 9px;}
.pFrom span {display: block;}
.pFrom {color: #fff; display: block; font-size: 13px; left: 0; line-height: 1.3; position: absolute; text-align: left; top: 0; white-space: nowrap; z-index: 10;}
.pFrom .inner {background-color: rgba(0,0,0,0.65); overflow: hidden; padding: 4px 3px 4px 5px; position: relative; display: block;}
.pFrom .nr {background-color: #f54242; padding: 4px 3px; display: inline-block; vertical-align: top; margin: -4px -4px -4px 2px;}
/* .products .nav */
.products .nav{margin: 0; overflow: hidden;}
.products .nav li, #article ul.nav li{float: left; display: block; margin: 0 7px 7px 0;}
.products .nav li a, #article ul.nav li a{text-decoration: none;}
/* .products .list product, products, product_hot, search */
.products-list{padding: 28px 38px 19px 38px; margin: 0 -38px; position: relative; background-color: #e8ecf1;}
.products-list:before {position: absolute; top: 0; left: 0; width: 100%; height: 7px; display: block; content: ''; background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%); pointer-events: none;}
.products-list > .wrap {display: flex; flex-wrap: wrap; margin: 0 0 -9px -9px;}
.products-list > .wrap > .item{width: 25%; margin-bottom: 9px; padding-left: 9px;}
.products-list > .wrap > .item > .item-inner {display: flex; flex-direction: column; width: 100%; height: 100%; padding: 5px 8px; background-color: #fff; font-size: 11px; font-weight: 300; color: #000; text-align: center;}
.products-list .thumb-container {position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.products-list .thumb-container a {display: block;}
.products-list .thumb-container img{width: auto; max-height: 100%; margin: 0 auto; display: block; transition: transform 0.2s ease-in-out 0s;}
.products-list > .wrap > .item > .item-inner:hover img {transform: scale(1.12);}
.products-list .kaibemaks{font-size: 9px;}
.products-list h2{margin-top: 0;}
.products-list p{margin: 0 0 5px 0;}
.products-list .description {padding: 0 0 7px 0; line-height: 115%;}
.products-list .title{font-weight: 600; font-size: 12px; display: block; margin: 0 0 7px 0; line-height: 111%;}
.products-list .price{font-size: 25px; font-weight: 700; margin: 0 0 2px 0;}
.products-list .price-container{padding: 0 0 10px 0; margin-top: auto;}
.products-list .amount, .products-list .amount-field{font-size: 10px; height: 24px; width: 28px;}
.products-list .button{padding: 0;}
.products-list .button a, .amount-submit{background: #e3e3e3; background: linear-gradient(#efefef, #e3e3e3); border: 1px solid #d1d1d1; border-radius: 5px; height: 24px; line-height: 23px; padding: 0 7px; box-shadow: inset 0 1px 0px 0px #f1f1f1, inset 0 -1px 0px 0px #f9f9f9;}
.amount-submit{outline: none; height: 55px; line-height: 53px; font-size: 18px; font-weight: 700; padding: 0 10px;}
.categories.cnt-1 > ul > li.cnt-1, .products-list.cnt-1 > .wrap > .item{width: 100%;}
@media screen and (max-width: 768px){
.gallery > ul > li, .categories > ul > li, .products-list > .wrap > .item{width: 33.33333333333333%;}
}
@media screen and (min-width: 576px){
.gallery.cnt-3 > ul > li, .categories.cnt-3 > ul > li, .products-list.cnt-3 > .wrap > .item{width: 33.33333333333333%;}
}
@media screen and (max-width: 575px){
.gallery > ul > li, .categories > ul > li, .products-list > .wrap > .item{width: 50%;}
}
@media screen and (max-width: 480px){
#main-cntn-wrap {padding: 26px 22px 32px 22px;}
.products-list {padding: 28px 22px 19px 22px; margin: 0 -22px;}
}
@media screen and (max-width: 400px){
#main-cntn-wrap {padding: 26px 15px 32px 15px;}
.products-list {padding: 28px 15px 19px 15px; margin: 0 -15px;}
}
@media screen and (min-width: 351px){
.gallery.cnt-2 > ul > li, .categories.cnt-2 > ul > li, .products-list.cnt-2 > .wrap > .item{width: 50%;}
}
@media screen and (max-width: 350px){
.categories > ul > li, .products-list > .wrap > .item{width: 100%;}
}
/* #confirm */
.beige-box{background: #fff8cc; border: 1px solid #d6d4d3; padding: 15px 1.533742331288344%;}
#confirm p{text-align: center; margin: 0 0 4px 0; line-height: 110%;}
#confirm a{text-decoration: underline;}
#confirm label{display: inline-block; text-align: left;}
#confirm input{display: inline-block; text-align: left; vertical-align: middle; margin: 0 0 0 8px;}
/* #pank-options, #creditcard-options */
#pank-options, #creditcard-options, #invoice-info {text-align: center; margin: 0 0 11px 0;}
#pank-options h2, #creditcard-options h2, #invoice-info h2 {font-size: 1.153846153846154em/*15*/; font-weight: 400; margin: 5px 0 17px 0;}
#pank-options h2 span, #creditcard-options h2 span {text-transform: uppercase; font-weight: 700;}
#pank-options li, #creditcard-options li {display: inline-block; margin: 0 3px 5px 3px;}
#pank-options li label, #creditcard-options li label {display: block; padding: 0 0 4px 0; cursor: pointer;}
#pank-options li .radio, #creditcard-options p .radio {display: inline-block; cursor: pointer;}
#creditcard-options p{margin: 0; text-align: center;}
#creditcard-options li label{padding: 0;}
#creditcard-options li{margin: 0 3px; padding: 0 0 9px 0;}
#invoice-info h2{font-weight: 700; text-transform: uppercase; margin: 0 0 2px 0;}
#invoice-info p{margin: 0 0 14px 0;}
#invoice-info .button{display: inline-block; font-size: 1.076923076923077em/*14*/; padding: 3px 20px 4px 20px; margin: 0 0 4px 0; border: 1px solid #b9b8b4; border-radius: 4px; background: rgb(244,244,244); background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(219,219,219,1) 100%);}
.payment-notice{text-align: center; padding: 16px 0;}
.payment-notice p{margin: 20px 0 0 0; line-height: 125%;}
.payment-notice .red{font-size: 1.153846153846154em/*15*/; color: #c52027; margin: 0;}
.payment-notice .red span{font-weight: bold;}
/* #purchase_success, #purchase_fail */
#purchase_success, #purchase_fail{background: url('../images/purchase_success.png') no-repeat top center; font-size: 18px; text-align: center; padding: 80px 0 0 0; margin: 90px 0 130px 0;}
#purchase_success p, #purchase_fail p{line-height: 130%;}
#purchase_success p span, #purchase_fail p span{font-weight: 700;}
#purchase_success a, #purchase_fail a{color: #84be0d; text-decoration: underline;}
#purchase_success a:hover, #purchase_fail a:hover{text-decoration: none;}
#purchase_fail{background: url('../images/purchase-fail.png') no-repeat top center;}
/* #submit-order */
#submit-order{text-align: center; padding: 26px 0 20px 0;}
#submit-order .button{background: #9eb528; border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; font: 15px 'Oxygen', sans-serif; line-height: 110%; padding: 10px 20px 10px 20px; color: #fff; text-transform: uppercase;}
#newsletter .field{padding:5px; border:3px solid #DADBDB; width:200px;}
/* bottom */
#bottom{background: linear-gradient(to bottom, #e0e4ec 0%,#ffffff 60px); padding: 15px 0 80px 0;}
#footer h2{font-size: 15px; font-weight: 400; margin: 0 0 15px 0;}
#footer h2 span{font-weight: 600;}
#bottom-menus{padding: 5px 0 0 0;}
#bottom-menus h3{font-weight: 600; font-size: 11px; color: #9eb528; line-height: 110%; text-transform: none; margin: 0 0 10px 0;}
#bottom-menus ul ul li{font-size: 11px; color: #000; font-weight: 400; line-height: 120%; padding: 0 10px 0 0; margin: 0 0 8px 0;}
#footer a:hover{ text-decoration:underline;}
@media screen and (min-width: 1025px){
#bottom-menus > ul {margin: 0 -10px; display: flex;}
#bottom-menus > ul > li{width: 12.5%; padding: 0 10px;}
#bottom-menus > ul > li:not(:last-child){border-right: 1px solid #e0e5ec;}
}
@media screen and (max-width: 1024px){
#bottom {padding-bottom: 50px;}
#bottom-menus > ul > li {margin-bottom: 15px; padding-bottom: 9px; border-bottom: 1px solid #e0e5ec;}
#bottom-menus > ul > li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
#bottom-menus ul ul {display: flex; flex-wrap: wrap;}
#bottom-menus ul ul li{padding-left: 10px; margin: 0 12px 10px 0; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-838-2232H562v3600H-838z' fill='none'/%3E%3Cpath d='M16 10v28l22-14z'/%3E%3Cpath d='M0 0h48v48H0z' fill='none'/%3E%3C/svg%3E") no-repeat -1px 4px/ 7px auto;}
}
@media screen and (max-width: 480px){
#bottom-menus h3 {margin: 0; font-size: 13px;}
#bottom-menus ul ul {display: none;}
}
@media screen and (max-width: 930px){
#top-block {margin-bottom: 34px;}
.products-nav {margin-bottom: 32px;}
body:not(#main-page) #breadcrumbs {padding-top: 20px;}
}
@media screen and (max-width: 450px){
#top-block {margin-bottom: 25px;}
.products-nav {margin-bottom: 15px;}
}
#CybotCookiebotDialogPoweredByText a { display: none; }