html {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; color: #202020}
body {margin: 0; padding: 0; text-align: center}
a {color: #202020}
a img {border: none}
strong {font-weight: 700}
h1, h1 a {color: #AAC30C}
h1, h2 {font-weight: 500; font-size: 2.5rem; line-height: 1.2; margin: 0 0 25px 0}
h2 {font-size: 1.6rem; font-weight: 700}
input, select, option, textarea {font-family: Arial, Helvetica, Sans-serif; font-size: 0.95rem; color: #202020;}
input[type="checkbox"], input[type="radio"] {cursor: pointer}
input[type="text"], input[type="password"], textarea {width: 100%; height: 37px; box-sizing: border-box; padding: 8px 10px; border: 1px solid #E2DFDD; border-radius: 8px; background-color: #fff}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {background-color: #F0F0F0}
*:focus {outline: none}

@font-face {
	font-family: 'lunchboxregular';
	src: url('../fonts/lunchbox-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.center{
	text-align: center;
	margin: 0 auto;
}

.blue {color: #19B4DF}
.pink {color: #E36CAC}

.head {background: #B1C903; height: 101px; position: relative}
.head-in {display: flex; justify-content: space-between; width: 1145px; margin: 0 auto; text-align: left; align-items: center; align-content: center; height: 101px}
.logo {display: inline-block; background: url("../images/logo.svg") center center no-repeat; width: 305px; height: 71px; margin: 0 0 0 -15px}
.menu {margin: 0; padding: 0; display: flex}
.menu > li {list-style-type: none; line-height: 1.2; font-size: 1.25rem; margin: 0 16px; height: 50px; position: relative; z-index: 100}
.menu > li > a, .menu > li > span {color: #333333; text-decoration: none; display: inline-block; box-sizing: border-box; height: 50px; padding-top: 10px; font-family: 'lunchboxregular'; font-size: 1.5rem}
.menu > li > a:hover {text-decoration: underline}
.menu > li > ul {display: none; margin: 0; padding: 0}
.menu > li > ul li ul {display: none; z-index: 90; left: 250px; top: -1px; margin: 0; padding: 0; background-color: #FFFFFF; width: 250px; box-sizing: border-box; border: 1px solid #231F20}
.menu > li > ul li ul.active {display:block}
.menu > li > ul li ul li {font-size: 0.9rem; border: none}
.menu > li > ul li ul li a:before {display: none}
.menu > li > ul li.with-submenu.active > a {font-weight: 700}
.menu > li > ul li.with-submenu > a:before {left: 4px; transform: rotate(45deg)}
.menu > li > ul li.with-submenu.active > a:before {transform: rotate(225deg)}
.menu > li ul li {list-style-type: none; line-height: 1.2; font-size: 1rem; position: relative; border-bottom: 1px solid #E2DFDD}
.menu > li ul li a, .menu > li ul li span {text-decoration: none; display: block; padding: 9px 10px 9px 25px}
.menu > li ul li a:before, .menu > li ul li span:before {content: ""; display: inline-block; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 9px; height: 9px; box-sizing: border-box; transform: rotate(-45deg); position: absolute; left: 0; top: 14px}
.menu > li ul li a:hover, .menu > li ul li span {font-weight: 700}
.menu > li ul li:last-child a {border: none}

@media(min-width:1120px) {
	.menu > li.all-devices-allow:hover > ul {display: block; position: absolute; left: 0; top: 50px; background-color: #FFFFFF; width: 300px; box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 10px;}
	.menu > li.all-devices-allow:hover > ul li a, .menu > li.all-devices-allow:hover > ul li span {padding: 10px 10px 10px 35px;}
	.menu > li.all-devices-allow:hover > ul li a:before, .menu > li.all-devices-allow:hover > ul li span:before {left: 10px;}
	.menu > li.all-devices-allow a:hover {text-decoration: none;}
}

.head-right {display: flex; align-items: center; height: 35px}
.search {margin: 0; height: 35px}
.search > div {width: 200px; height: 35px; background-color: #FFFFFF; border-radius: 8px; z-index: 1}
.search input[type=text] {border: none; border-radius: 8px; margin: 0; vertical-align: middle; width: 167px; height: 35px; box-sizing: border-box; padding: 5px 10px 4px 15px; font-family: 'Roboto', sans-serif; font-weight: 300; color: #000000; font-size: 1rem}
.search input[type=submit].search-button {border: none; cursor: pointer; background: transparent url("../images/ico_search.svg") left center no-repeat; vertical-align: middle; width: 30px; height: 35px}
.search input[type=submit].search-button-mobile {display: none; border-radius: 8px}
.link-basket {display: inline-block; vertical-align: middle; background: url("../images/ico_cart.svg") left top no-repeat; width: 25px; height: 24px; margin: 1px 0 0 18px}
.link-login {display: inline-block; vertical-align: middle; background: url("../images/ico_login.svg") left top no-repeat; width: 27px; height: 24px; margin-left: 14px}
.link-basket span, .link-login span {display: none}
.link-basket.active span, .link-login.active span {display: inline-block; vertical-align: top; width: 15px; height: 15px; border-radius: 100%; background-color: #19B4DF; margin: 14px 0 0 12px; color: #FFFFFF; line-height: 15px; font-size: 0.7rem; text-align: center; font-weight: 300}
.menu .currency-li {display: none}

.info-stripe {background-color: #F9D917; padding: 10px; line-height: 1.2; font-size: 0.95rem}
.activable.noactive {color:#878585}

.navigation {background: #F0F0F0}
.navigation-in {width: 1145px; margin: 0 auto; text-align: left; padding: 9px 0; line-height: 1.2; font-size: 0.9rem}
.nav-sep {margin: 0 10px 0 7px; display: inline-block; vertical-align: middle; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 9px; height: 9px; box-sizing: border-box; transform: rotate(-45deg)}
.navigation a, .navigation strong {display: inline-block; vertical-align: middle; font-weight: 400}
.navigation a:hover {text-decoration: none}
.navigation .nav-home {background: url("../images/ico_home.svg") left top no-repeat; width: 14px; height: 14px}
.currency-whole {float: right; margin-top: -2px}
.currency {line-height: 1.3; font-size: 1.03rem; text-decoration: none; text-align: left}
.currency span {display: inline-block; vertical-align: middle}
.currency span:first-child {font-weight: 500}
.currency.active span:first-child {font-weight: 400}
.currency.active span:last-child {font-weight: 500}
.currency-middle {width: 50px; height: 23px; background-color: #B1C800; border-radius: 20px; margin: 0 10px}
.currency-middle span {width: 15px; height: 15px; background-color: #FFFFFF; border-radius: 30px; margin: 0 0 1px 5px}
.currency.active .currency-middle {text-align: right}
.currency.active .currency-middle span {margin: 0 5px 1px 0}

.main {width: 1145px; margin: 0 auto; text-align: left; padding: 25px 0}
.shop-page .main h1 {margin-top: 25px;}
.main.doublepad {padding-bottom: 70px}
.cols:after {content: ""; display: block; clear: both}
.colleft {width: 264px; float: left}
.menu-left-top {display: none; align-items: stretch}
/*.filter-whole {border: 1px solid #918F8F; border-top: none}*/
.jsTabs {/*display: none;*/ background-color: #FFFFFF; border-radius: 8px; border-top-left-radius: 0; border-top-right-radius: 0}
.filter {margin: 0; padding: 0 25px}
.filter > li.more {display: none}
.filter > li {list-style-type: none; border-bottom: none; line-height: 1.2}
.filter > li > a {display: block; padding: 9px 10px 9px 30px; text-decoration: none; position: relative}
.filter > li > a:hover {font-weight: 700}
.filter > li > a:after {content: ""; display: inline-block; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 9px; height: 9px; box-sizing: border-box; transform: rotate(-45deg); position: absolute; left: 0; top: 14px}
.filter > li > a:hover:after {border-width: 2px}
.filter > li > a.active {font-weight: 700}
.filter > li > a.active:after {transform: rotate(225deg); top: 16px}
.filter > li.active a {font-weight: 700}
.filter > li.active .filter-block a > * {font-weight: normal !important}
.filter > li.active a:after {border-width: 2px}
.filter-bottom {margin: 0; padding: 0 25px; color: #19B4DF}
.filter-bottom > div {padding: 9px 0}
.filter-bottom > div:last-child {border: none}
.filter-bottom label {display: block; margin: 1px 0 0 28px; line-height: 1.2; cursor: pointer}
.filter-bottom label:hover {font-weight: 700}
.filter-bottom .fb-all {display: block; padding: 9px 0 15px 0; line-height: 1.2}
.filter-bottom .fb-all:hover {text-decoration: none}
.checker, .radio {width:15px; height:15px; line-height: 15px; margin: 2px 0 0 0!important; border: 1px solid #19B4DF; border-radius: 4px; display:inline-block; float: left; position:relative; vertical-align:middle}
.radio {border-radius: 50%; box-sizing: border-box; width: 15px; height: 15px}
.checker span, .radio span {display:inline-block; position:absolute; left:0; top:0; width:15px; height:15px}
.checker input, .radio input {opacity:0; filter:alpha(opacity=0); -moz-opacity:0; border:none; background:none; display:-moz-inline-box; display:inline-block; *display:inline; zoom:1; width: 15px; height: 15px; margin: 0}
.radio span, .radio input {width: 15px; height: 15px}
.checker .checked, .radio .checked {background: #19B4DF url("../images/checked.svg") center center no-repeat; background-size: 10px auto}
.radio .checked {background-image:url("../images/checked_radio.svg"); background-position: center center; background-size: 7px auto; width: 15px; height: 15px; box-sizing: border-box}
.sort-form {margin: 0; padding: 20px}
.menu-left, .detail-offer {border: 1px solid #E2DFDD; margin: 0; padding: 0; border-radius: 8px}
.menu-left.active, .expanded {background-color: #EEEEEE}
.main.promo .expanded {background-color: #FFF}
.menu-left > li, .detail-offer > li {list-style-type: none; line-height: 1.2}
.menu-left > li:first-child > a, .detail-offer > li:first-child > a, .menu-left > li:first-child > span, .detail-offer > li:first-child > span {border-top-left-radius: 8px; border-top-right-radius: 8px}
.menu-left > li > a, .menu-left > li > span, .detail-offer > li > a, .menu-left > li > span.pol, .detail-offer > li > span.pol {display: block; padding: 9px 10px 9px 45px; text-decoration: none; position: relative}
.menu-left > li.active > span {font-weight: 700}
.menu-left > li:last-child > a, .menu-left > li.noborder > a, .menu-left > li:last-child > span.pol, .menu-left > li.noborder > span.pol, .detail-offer > li:last-child > a {border: none}
.menu-left > li > a:hover, .detail-offer > li > a:hover, .menu-left > li > span, .menu-left > li > span:hover, .menu-left > li > span.pol:hover {background-color: #B1C800; color: #FFFFFF}
.menu-left > li > span.pol {background-color: transparent; color:#202020}
.menu-left > li > a:after, .menu-left > li > span:after, .detail-offer > li > a:after, .menu-left > li > span.pol:after, .detail-offer > li > span.pol:after {content: ""; display: inline-block; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 9px; height: 9px; box-sizing: border-box; transform: rotate(-45deg); position: absolute; left: 15px; top: 14px}
.menu-left > li > a.active:hover:after, .detail-offer > li > a.active:hover:after, .menu-left > li > span:hover:after {border-color: #202020}
.menu-left > li > a:hover:after, .menu-left > li > span:after, .menu-left > li > span:hover:after, .detail-offer > li > a:hover:after {border-color: #FFFFFF}
.menu-left > li > span.pol.active:hover:after {border-color: #202020}
.menu-left > li > a.active:after, .detail-offer > li > a.active:after, .menu-left > li > span.pol.active:after, .detail-offer > li > span.pol.active:after {transform: rotate(225deg); top: 16px}
.menu-left > li > span.pol.active, .detail-offer > li > span.pol.active, .menu-left > li > a.active, .detail-offer > li > a.active, .menu-left > li > a.active:hover, .detail-offer > li > a.active:hover {font-weight: 700; color: #202020; background-color: #FFFFFF; border-bottom: 1px solid #E2DFDD}
.menu-left > li span.pol {cursor: pointer}
.menu-left > .menu-left-news, .menu-left > .menu-left-actions, .menu .menu-left-news, .menu .menu-left-actions {background-color: #19B4DF; border-top: 1px solid #19B4DF; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.1rem}
.menu-left > .menu-left-actions, .menu-left > .menu-left-actions a {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px}
.menu-left > .menu-left-news a, .menu-left > .menu-left-actions a, .menu .menu-left-news a, .menu .menu-left-actions a {color: #FFFFFF; padding-left: 12px}
.menu-left > .menu-left-news a.active, .menu-left > .menu-left-actions a.active, .menu-left > .menu-left-news a:hover, .menu-left > .menu-left-actions a:hover, .menu .menu-left-news a:hover, .menu .menu-left-actions a:hover {background-color: #FFFFFF; color: #19B4DF}
.menu-left > .menu-left-actions a.active {border: none}
.menu-left > .menu-left-news a.active:after, .menu-left > .menu-left-actions a.active:after, .menu-left > .menu-left-news a:hover:after, .menu-left > .menu-left-actions a:hover:after {border-color: #19B4DF}
.menu-left > .menu-left-news a:after, .menu-left > .menu-left-actions a:after {border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; transform: rotate(-45deg); top: 14px; display: none}
.menu-left > .menu-left-news a span, .menu .menu-left-news a span {display: inline-block; vertical-align: middle; margin: -2px 12px 0 0; width: 20px; height: 20px; background: url("../images/ico_star.svg") left top no-repeat; background-size: 100% auto}
.menu-left > .menu-left-news a:hover span, .menu-left > .menu-left-news a.active span, .menu .menu-left-news a:hover span {background-image: url("../images/ico_star-hover.svg")}
.menu-left > .menu-left-actions a span, .menu .menu-left-actions a span {display: inline-block; vertical-align: middle; width: 20px; height: 20px; line-height: 20px; background-color: #FFFFFF; border-radius: 100%; color: #19B4DF; text-align: center; font-weight: 700; margin: -2px 12px 0 0; font-size: 0.9rem; }
.menu-left > .menu-left-actions a:hover span, .menu-left > .menu-left-actions a.active span, .menu .menu-left-actions a:hover span {color: #FFFFFF; background-color: #19B4DF}
.menu-left > .menu-left-news a span, .menu .menu-left-news a span, .menu-left > .menu-left-actions a span, .menu .menu-left-actions a span {padding:0}
.menu .menu-left-news, .menu .menu-left-actions {border-top: none}
.menu .menu-left-news a, .menu .menu-left-actions a {padding-left:25px}
.menu .menu-left-news a:before, .menu .menu-left-actions a:before {border-color:#FFF}
.menu .menu-left-news a:hover:before, .menu .menu-left-actions a:hover:before {border-color:#000}
.menu-left > li.with-submenu ul {margin: 0; padding: 0}
.menu-left > li.with-submenu ul li {list-style-type: none; font-size: 0.9rem}
.menu-left > li.with-submenu ul li a, .menu-left > li.with-submenu ul li span {display: block; padding: 7px 10px 7px 45px; text-decoration: none}
.menu-left > li.with-submenu ul li a:hover {text-decoration: underline}
.menu-left > li.with-submenu span:hover {cursor: pointer}
.menu-left > li.with-submenu ul li span {font-weight: 700; text-decoration: underline}

.filter.expanded {background-color: #FFFFFF}
.filter-choosen {line-height: 1.2; display: none}
.filter-choosen.show {display: flex}
.filter-choosen a:hover {text-decoration: none}
.fch-items {display: inline-block; vertical-align: middle; padding-right: 7px}
.fch-items a {display: inline-block; vertical-align: middle; margin: 0 20px 10px 0; text-decoration: none; border-radius: 30px; position: relative; z-index: 30; padding: 4px 25px; background-color: #F0F0F0}
.fch-items a:after {content: "x"; display: block; position: absolute; right: 8px; top: 0; font-size: 0.85rem; line-height: 1.2}
.fch-items a:hover {color: #FFFFFF; background-color: #918F8F}
.fch-delete {display: inline-block; vertical-align: middle; margin-bottom: 10px}
.form form label {vertical-align: top; margin-top: 8px}
.button-center {display: none}

.err input[type="text"], .err input[type="password"].err textarea {border:#F55 1px solid}

.filter-block {display: none}
.color-choice, .choices {margin: 7px 0 15px 10px}
.color-choice > div, .choices > div {clear: both; padding: 5px 2px}
.filter .checker, .basket .checker, .filter .radio, .basket .radio {border: none}
.filter .checker span, .basket .checker span, .filter .radio span, .basket .radio span {border: 1px solid #231F20; border-radius: 4px}
.filter .radio span, .basket .radio span {border-radius: 50%}
.filter .checker .checked, .basket .checker .checked, .filter .radio .checked, .basket .radio .checked {background-color: #B1C800; border: 1px solid #B1C800}
.color-choice label, .choices label {display: block; margin: 1px 0 0 28px; padding-right: 25px; line-height: 1.2; position: relative; z-index: 50; cursor: pointer}
.choices div.more {display: none}
/*
.color-choice label:after {content: ""; display: inline-block; position: absolute; top: -1px; right: 0; width: 15px; height: 15px; border: 1px solid #828282; background-color: #FFFFFF; border-radius: 100%}
*/

.color-choice label span.color {content: ""; display: inline-block; position: absolute; top: -1px; right: 0; width: 15px; height: 15px; border: 1px solid #828282; background-color: #FFFFFF; border-radius: 100%}

.color-choice label.black:after {background-color: #0F0F0F}
.color-choice label.red:after {background-color: #FA0505}
.color-choice label.violet:after {background-color: #7D15AD}
.color-choice label.blue:after {background-color: #2F80ED}
.color-choice label.pink:after {background-color: #DEB4D7}
.color-choice label.tyrquoise:after {background-color: #56CCF2}
.color-choice label.green:after {background-color: #2FC40A}
.filter .noactive label, .basket .noactive label, .basket .noactive .dp-price {color: #918F8F}
.basket .noactive .dp-price span {display:none}
.basket .noactive .info-tooltip-whole {visibility: hidden}

.filter .noactive .checker span, .basket .noactive .checker span, .basket .noactive .radio span {border: 1px solid #918F8F}
.filter .noactive .checker .checked, .basket .noactive .checker .checked, .basket .noactive .radio .checked {background-color: #918F8F}
.size-choice {padding-bottom: 6px; display: flex; flex-wrap: wrap}
.size-choice a {display: inline-block; vertical-align: middle; text-decoration: none; font-size: 0.9rem; line-height: 1.2; width: 66px; height: 30px; padding-top: 6px; box-sizing: border-box; text-align: center; border: 1px solid #333333; margin: 0 2px 4px 2px}
.size-choice a.active, .size-choice a.active:focus, .size-choice a:hover, .size-choice a:active {color: #FFFFFF; border: 1px solid #918F8F; background-color: #AAC209}
.size-choice a:focus {background-color: transparent; color:inherit}
.size-choice a.noactive, .size-choice a.noactive:hover {color: #918F8F; border: 1px solid #918F8F; background-color: transparent}
.size-choice a span:last-child {font-size: 0.7rem}
.filter > li .filter-block .size-choice a span:first-child {font-weight: bold !important}
.filter > li .filter-block .size-choice a.noactive span:first-child {font-weight: normal !important}

.colright, .products-top {width: calc(100% - 284px); float: right}
.paging-whole {text-align: center; margin: 0 0 10px 0}
.product-count {margin-bottom: 6px}
.product-count span {color: #B1C800}
.paging {line-height: 1.2; display: flex; justify-content: center; align-items: center; flex-wrap: wrap}
.paging a {display: inline-block; vertical-align: middle; padding: 3px 8px; margin: 0 1px; text-decoration: none; border-radius: 4px}
.paging a:hover, .paging a.active {background: #B1C903; color: #FFFFFF}
.page-left span, .page-right span {display: inline-block; vertical-align: middle; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 9px; height: 9px; transform: rotate(135deg); margin-right: -4px}
.page-right span {transform: rotate(-45deg); margin: 0 0 0 -4px}
.paging a.page-left:hover span, .paging a.page-left.active span, .paging a.page-right:hover span, .paging a.page-right.active span {border-color: #FFFFFF}
.product-list {display: flex; flex-wrap: wrap; align-items: stretch; position: relative}
.product-list .loader {width:100%; height:100%; position:absolute; z-index:40; background-color:#FFF; opacity:.7; display:none}
.product {display: block; text-decoration: none; width: 25%; box-sizing: border-box; text-align: center; padding: 0 15px 50px 15px; height: 259px; background-color: #FFFFFF; margin-bottom: 20px; position: relative; z-index: 30}
.product:hover {box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 10px; z-index: 35; margin-bottom: -53px; height: 332px}
.product-image {height: 185px; line-height: 185px; vertical-align: middle}
.product-image img {vertical-align: middle; display: block; margin: 0 auto; max-width: 100%; max-height: 100%}
.product-list .product h2 {font-size: 0.95rem; line-height: 1.2; font-weight: 400; height: 38px; overflow: hidden; text-align: center; text-overflow: ellipsis; margin: 0 0 4px 0; font-family: 'Roboto', sans-serif; color: #000000}
.product-color {text-align: left; color: #707070; height: 38px; overflow: hidden; font-size: 0.95rem}
.product-price {font-size: 1rem; line-height: 1.2; font-weight: 700; color: #B1C800}
.product-price .price-old {text-decoration: line-through; color: #707070; margin-right: 15px; font-weight: 400; font-size: 0.9rem}
.product-desc {height: 73px; overflow: hidden; position: relative; z-index: 30; display: none}
.product-desc p {margin: 0}
.product:hover .product-desc {display: block}
.paging-whole.pw-bottom {margin-top: 15px}
.paging-whole.pw-bottom .product-count {text-align: right; padding-right: 8px}
.count-all span {line-height: 1.2; display: inline-block; margin: 0 40px 10px 0}
.count-all span strong, .count-all span a {color: #b1c903; font-weight: 400}
.count-all span a {text-decoration: none; margin: 0 10px}
.count-all span a:hover {text-decoration: underline}
.product-to-detail {display: inline-block; width: 110px; text-align: center; color: #FFFFFF; line-height: 1.3; padding: 9px 0; text-transform: uppercase; border-radius: 20px; background-color: #B1C800; margin-top: 15px}
.product-list-bottom, .product-list-top {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end}
.product-list-bottom {padding-top: 10px}
.product-list-top {padding: 10px 0 20px 0}
.product-list-top .ui-selectmenu-button {display: inline-block !important; margin-right: 25px !important; width: auto !important}
.product-list-top .fch-delete {white-space: nowrap}
.product-list-middle {display:none; text-align: center}

.footer {background-color: #b1c903; position: relative}
.footer a:hover {text-decoration: none}
.footer-in {width: 1145px; margin: 0 auto; text-align: left; padding: 50px 0 30px 0}
.footer-cols {display: flex; flex-wrap: wrap}
.footer-col {flex: 0 0 auto; padding: 0 10px 25px 0; box-sizing: border-box}
.footer-col.fc1 {width: 33%}
.footer-col.fc2 {width: 16.5%}
.footer-col.fc3 {width: 16.5%}
.footer-col.fc4 {width: 18%}
.footer-col.fc5 {width: 16%; padding-top: 45px}
/*
.footer-col.fc5 .menu-terms {display: none}
*/
.footer-col h3 {font-family: 'lunchboxregular'; font-weight: normal; font-size: 1.6rem; line-height: 1.2; margin: 0 0 15px 0}
.footer-col.fc1 h3 {margin-bottom: 15px}
.footer-col p {line-height: 1.5; margin: 0}
.footer-col ul {margin: 0; padding: 0}
.footer-col ul li {list-style-type: none; line-height: 1.5; font-size: 0.95rem}
.footer form input[type=text], .footer form input[type=email] {max-width: 320px; height: 35px; font-size: 1rem; padding: 8px 7px 8px 15px; border: none; margin: 0 0 /*15px*/ 8px 0; border-radius: 8px}
.footer form input[type=submit], .basket-code input[type="submit"] {cursor: pointer; outline: none; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 0.95rem; line-height: 1.2; padding: 11px 25px; min-width: 160px; text-transform: uppercase; text-align: center; border: none; border-radius: 20px; color: #FFFFFF; background-color: #19B4DF; letter-spacing: 0.1rem}
.footer form input[type=submit]:hover, .basket-code input[type="submit"]:hover {color: #231F20}
.basket-code input[type="submit"] {min-width: 0;}
.socials {margin-top: 10px}
.socials > a {display: inline-block; vertical-align: top; width: 30px; height: 30px; background: url('../images/social_fb.svg') center top no-repeat; margin: 3px 5px 5px 0; opacity:.7}
.socials > a:hover {opacity:1}
.social_yt {background-image: url('../images/social_yt.svg') !important}
.social_ig {background-image: url('../images/social_ig.svg') !important}
.footer .agree {text-align: center; line-height: 1.2; margin-bottom: 12px}
.copyright {background-color: #202020; color: #FFFFFF}
.copyright a {color: #FFFFFF}
.copyright-in {width: 1145px; margin: 0 auto; text-align: left; padding: 15px 0; font-size: 0.9rem}
.copyright p {margin: 0; line-height: 1.7}
.map-link {display: inline-block; padding-left: 23px; background: url("../images/ico_map.svg") left 3px no-repeat}
.footer-col .phone {font-family: 'lunchboxregular'; font-size: 1.2rem}
.footer-col .phone a {text-decoration: none;}

.footer-fixed {position: fixed; bottom: 0; right: 25px; display: flex; width: 362px; z-index: 50}
.quest-form {display:none; border-top-left-radius: 8px; border-top-right-radius: 8px; margin: 0; text-align: left; width: 100%}
.quest-form-link {display: block; text-decoration: none; color: #FFFFFF; font-size: 1rem; padding: 15px 10px 13px 10px; text-align: center; line-height: 1.2; border-top-left-radius: 8px; border-top-right-radius: 8px; background-color: #19B4DF}
.quest-form-link span {display: inline-block; padding-left: 40px; background: url("../images/ico_email.svg") left center no-repeat}
.quest-form-link.active {position: relative; z-index: 30; text-transform: none}
.quest-form-link.active span {background-image: none; padding:0}
.quest-form-link.active:after {content: ""; display: inline-block; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; width: 12px; height: 12px; box-sizing: border-box; transform: rotate(45deg); position: absolute; right: 15px; top: 15px}
.quest-form-main {padding: 20px 35px; background-color: #FFFFFF; display: none; border-left: 1px solid #E2DFDD; border-right: 1px solid #E2DFDD}
.quest-form label {display: block; line-height: 1.2; margin-bottom: 3px}
.footer .quest-form textarea, .footer .quest-form input[type=text], .footer .quest-form input[type=email] {border: 1px solid #E2DFDD; border-radius: 5px; box-sizing: border-box; width: 100%; height: 36px; padding: 8px 10px; margin-bottom: 25px}
.footer .quest-form textarea {height: 100px}
.center, .quest-form .center {text-align: center}
.footer .quest-form input[type=submit] {background-color: #19B4DF; margin: 0 auto 10px auto; display: block}
.quest-form .center a {font-size: 0.9rem; line-height: 1.3}
.quest-form-ref {display:inline-block; width:22px; height:16px; background:#19B4DF url('../images/ico_email.svg') center center no-repeat; background-size: 91%; vertical-align: middle}

.uvod {display: flex; flex-wrap: wrap}
.uvod > div {width: calc(50% - 106px); padding-right: 30px; box-sizing: border-box; flex: 0 0 auto;}
.uvod > div:last-child {padding: 0; width: 212px}

.basket-steps {display: flex; align-items: stretch; border: 1px solid #E2DFDD; border-radius: 8px; background-color: #F0F0F0; box-sizing: border-box; margin-bottom: 50px}
.basket-steps > a {text-decoration: none}
.basket-steps > a:hover {text-decoration: underline}
.basket-steps > * {display: inline-block; position: relative; z-index: 30; width: 25%; text-align: center; border-right: 1px solid #E2DFDD; line-height: 1.2; padding: 8px; color: #918F8F; box-sizing: border-box}
.basket-steps > *:last-child {border: none; border-top-right-radius: 8px; border-bottom-right-radius: 8px}
.basket-steps > *:first-child {border-top-left-radius: 8px; border-bottom-left-radius: 8px}
.basket-steps.bs-res > * {width: 50%}
.basket-steps > *.active {background-color: #B1C800; color: #FFFFFF; font-weight: 500}
.basket-steps > *.active.choosen {color: #202020; background-color: #FFFFFF; font-weight: 400}
.basket-steps > *:last-child.active.choosen {border: none}
.basket-steps .bs3 {display: none}
.basket {max-width: 850px; margin: 0 auto}
.basket h1 {text-align: center; margin-bottom: 15px; font-size: 1.6rem;}
.basket p {line-height: 1.4; margin: 0 0 10px 0}
.basket .basket-item p {font-size: 1rem}
.basket a:hover {text-decoration: none}
.main-whole.grey {background-color: #FAFAFA}
.basket-items {border: 1px solid #E2DFDD; border-radius: 8px; margin-bottom: 35px}
.basket-item {position: relative; z-index: 30; border-bottom: 1px solid #E2DFDD; padding: 15px}
.basket-items .basket-item:last-child {border: none}
.basket-item .price {min-width: 150px;}
.item-delete {position: absolute; right: 15px; top: 10px; width: 10px; height: 10px}
.item-delete:before, .item-delete:after {position: absolute; left: 7px;content: ' '; height: 12px; width: 2px; background-color: #C80000}
.item-delete:before {transform: rotate(45deg)}
.item-delete:after {transform: rotate(-45deg)}
.item-delete:hover:before, .item-delete:hover:after {background-color: #8D9A24}
.basket-item-main {display: flex; align-items: center}
.bi-image {flex: 0 0 auto; width: 132px; margin-right: 18px; text-align: center}
.bi-image a {display: inline-block; vertical-align: top}
.bi-image img {width: 100%; display: block}
.bi-text {flex: 0 0 auto; width: calc(100% - 150px)}
.bi-text h3 {font-size: 1.2rem; margin: 0 10px 3px 0; line-height: 1.3}
.bi-text h3 a {text-decoration: none}
.bi-text h3 a:hover {text-decoration: underline}
.bi-text .product-color {font-size: 1rem}
.count-price {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; line-height: 1.3; margin-bottom: 17px}
.count-price p {margin: 0}
.count-price p:first-child {min-width: 100px}
.count-price .price {text-align: right}
.count-price .price-old, .order-summary .price-old {text-decoration: line-through; color: #828282; font-size: 0.9rem; margin-right: 25px}
.count {margin-right: 5px}
.count label {display: inline-block; vertical-align: middle; margin-right: 3px}
.count a {width: 35px; height: 35px; line-height: 33px; display: inline-block; vertical-align: middle; text-align: center; color: #202020; text-decoration: none; font-size: 1.2rem}
.count a:hover {color: #B1C800}
.count a:first-child {font-size: 2rem}
.basket .count .input-ks {display: inline-block; vertical-align: middle; width: 70px; height: 35px; border: 1px solid #E2DFDD; border-radius: 8px; text-align: left; padding-left: 3px; box-sizing: border-box}
.basket .count .ks {vertical-align: middle; margin-left: 5px}
.basket .count input[type=text] {width: 25px; height: 33px; padding: 0; vertical-align: middle; text-align: right; font-family: 'Roboto', sans-serif; font-weight: 400; color: #202020; border: none}
.basket .count input[type=text]:focus {background-color: transparent}
.basket-item-storage, .basket .red-text {margin-left: 150px; font-size: 0.9rem; line-height: 1.3}
.basket-item-storage .red-text {margin-left:0 !important}
.basket-item-storage strong {color: #B1C800}
.basket-summary {line-height: 1.2; text-align: right; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end; font-weight: 700; margin-bottom: 30px}
.basket-summary .bs-price, .order-summary .bs-price {font-size: 2.3rem; margin-left: 40px; color: #B1C800; line-height: 1}
.basket-buttons {display: flex; justify-content: space-between; align-items: center; padding: 25px 0 20px 0}
.basket-buttons a.bb-next {display: inline-block; padding: 0 25px; cursor: pointer; text-align: center; height: 40px; line-height: 40px; box-sizing: border-box; border: none; border-radius: 20px; font-weight: 400; font-size: 1rem; font-family: 'Roboto', sans-serif; color: #FFFFFF; background: #B1C800; text-transform: uppercase; text-decoration: none; letter-spacing: 0.05rem}
.basket-buttons a.bb-next:hover {color: #231F20}
.basket-buttons a.bb-back {text-transform: uppercase; line-height: 1.3; letter-spacing: 0.05rem}
.doprava-zdarma {padding:10px; margin-bottom: 20px; color: #19B4DF; text-align: center; background-color: #F0F0F0;}
.delivery-payment .doprava-zdarma {padding:10px 0 30px 0; margin:0; background-color: transparent;}

.more-info {margin-top:20px}
.more-links {margin-top:20px; margin-bottom: 35px}
.more-links2 {margin-top:65px; margin-bottom: 55px}
.more-links p {line-height: 2;}
#size-form .more-links {margin-top:-10px; margin-bottom: -25px}
#size-form .more-links p {margin:0}

.basket .basket-code input[type="text"] {width: 200px; margin: 10px}
.basket .basket-code .red-text {margin: 0}
.poznamka {display:block; padding: 15px}

.basket2 h1, .basket2 h2 {text-align: left; font-size: 1.6rem; font-weight: 700; margin-bottom: 17px; color:#AAC30C}
.delivery-payment {padding: 18px 12px 1px 18px; border: 1px solid #E2DFDD; border-radius: 8px;}
.dp-block {background-color: #FFFFFF; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; line-height: 1.2}
.dp-bank {padding: 5px 28px; background-color: #FFFFFF}
.bank-ico {display: inline-block; vertical-align: center; width: 60px; height: 30px; line-height: 30px; text-align: left}
.bank-ico img {max-width: 100%; max-height: 100%; vertical-align: middle}
.dp-bank {display: none}
.dp-block label {display: block; margin: 1px 0 0 28px; line-height: 1.2; cursor: pointer}
.dp-block label:hover {font-weight: 700}
.dp-block.noactive label:hover, .dp-block label:hover .zasilkovna-pobocka , .dp-block label:hover .balikovna-pobocka, .dp-block label:hover .gls-pobocka  {font-weight: 400}
.dp-right {white-space: nowrap; padding-left: 10px}
.dp-price {vertical-align: middle}
.info-tooltip {display: inline-block; vertical-align: middle; font-size: 0.6rem; text-decoration: none; width: 12px; height: 12px; line-height: 12px; text-align: center; background-color: #FFF; color: #202020; border-radius: 100%; position: relative; z-index: 30; border: 1px solid #202020;}
.info-tooltip-whole {display: inline-block; vertical-align: middle; position: relative; top: -1px; width: 18px; text-align:left}
.info-tooltip-block {display: none; position: absolute; font-weight: normal; z-index: 40; background-color: #FFFFFF; left: 18px; top: -20px; width: 335px; padding: 15px 15px 0 15px; box-sizing: border-box; border: 1px solid #E2DFDD; border-radius: 8px; font-size: 0.85rem; line-height: 1.2; white-space: normal; box-shadow:5px 5px 10px rgba(0,0,0,.1)}
.info-tooltip-block p {margin: 0 0 15px 0}
.info-tooltip-block img {max-width: 100%}
.info-tooltip-whole:hover .info-tooltip-block, .info-tooltip-whole.active .info-tooltip-block {display: block}
.info-tooltip-whole:hover .info-tooltip-block {z-index: 41}
.dp-block .info-tooltip-whole {margin-left: 5px}
.dp-block .info-tooltip-block {left: 18px}
.country-select {margin-bottom: 20px}
.country-select .ui-selectmenu-button {width: auto !important; min-width:120px; display: inline-block !important}
.error, .red-text {margin: 0; padding: 5px 0; color: #FA0505 !important; font-size: 0.9rem !important;}
.error {padding:0 10px; text-align:right}
.basket2 .red-text {margin: 0 0 15px 0}
.delivery-payment-cols {display: flex; flex-wrap: wrap; justify-content: space-between}
.delivery-payment-col {width: 48%; margin-bottom: 25px}
.basket2 .basket-buttons {padding-top: 0}

.basket3 h1 {text-align: left; font-size: 1.6rem; font-weight: 700; margin-bottom: 35px}
.basket3 h1 .info-tooltip-whole {color: #000000; font-weight: 400; vertical-align: top; font-family: 'Roboto', sans-serif}
.basket input[type=text], .basket textarea, .send-quest textarea, .send-quest .sq-name input[type=text] {width: 100%}
.basket textarea {height: 37px; width: calc(100% - 123px)}
.delivery-info > div, .delivery-address > div {margin-bottom: 12px}
.delivery-address > div:last-child {margin-bottom: 0}
.delivery-info label {width: 110px; margin-right: 5px; display: inline-block; vertical-align: middle}
.delivery-info label.top {vertical-align: top}
.basket .delivery-info input[type=text], .basket .delivery-info textarea {width: calc(100% - 123px)}
.basket .delivery-info input[type=text] {width: calc(100% - 123px)}
.invoice-address {display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; padding-top: 20px}
.invoice-address h3 {font-weight: 700; font-size: 1rem; margin: 0 10px 0 0; line-height: 1.2; width:50%; white-space: nowrap}
.invoice-address a {line-height: 1.2; display: inline-block; width: 50%; text-align: right}
.delivery-address {display: none}
.delivery-info .form-item {display: inline-block; vertical-align: middle; width: 63%; margin-right: 4%}
.delivery-info div .form-item:last-child {width: 32%; margin-right: 0}
.delivery-info div .form-item:last-child label {width: 50px}
.delivery-info div .form-item:last-child input[type=text] {width: calc(100% - 60px)}
.basket3 p {font-size: 1rem; margin-bottom: 15px}
.basket3-in {max-width: 620px; margin: 0 auto}

.order-summary {line-height: 1.3; margin-bottom: 14px}
.order-summary h2 {font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1rem; color: #000000; margin-bottom: 2px; line-height: 1.2}
.os-item {border-bottom: 1px solid #E2DFDD; padding: 15px; display: flex; flex-wrap: wrap; align-items: center}
.os-item-data {line-height: 1.4; display: flex; justify-content: space-between; align-items: center; padding: 15px 15px 5px 15px}
.os-item-data span {white-space: nowrap; padding-left: 5px}
.os-item-data > span:first-child {padding: 0; white-space: normal; min-width: 150px;}
.os-item-data > span:last-child {min-width: 160px; text-align: right;}
.order-summary .os-item-data:last-child {padding: 0 15px 15px 15px}
.order-summary .os-item .os-item-data {padding: 0}
.order-summary-cols {display: flex; flex-wrap: wrap}
.order-summary-left {width: 63%; margin: 0 4% 30px 0}
.order-summary.os-del {width: 32%; padding: 0 0 15px 0; margin: 0}
.order-summary.os-del h3 {font-size: 1.2rem; margin: 0 0 20px 0; line-height: 1.3}
.order-summary-left .order-summary {border: 1px solid #E2DFDD; border-radius: 8px; margin-bottom: 30px}
.order-summary.os-price {border: none; text-align: right; font-weight: 700; line-height: 1.3; margin: 0}
.order-summary .bi-image {width: 100px; margin-right: 15px}
.order-summary .bi-text {width: calc(100% - 115px)}

.order-done {text-align: center; padding: 5px 0 20px 0}
.order-done-image {margin-bottom: 30px}
.order-done-image img {max-width: 100%; margin: 0 auto; display: block}
.order-done p {font-size: 1rem; margin-bottom: 30px}
.order-done h1 {font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 2rem; color: #000000; text-transform: uppercase; margin-bottom: 20px}
.basket .button, .zasilkovna .button {display: inline-block; padding: 0 25px; cursor: pointer; text-align: center; height: 40px; line-height: 40px; box-sizing: border-box; border: none; border-radius: 20px; font-weight: 400; font-size: 1rem; font-family: 'Roboto', sans-serif; color: #FFFFFF; background: #B1C800; text-transform: uppercase; text-decoration: none; letter-spacing: 0.05rem}
.basket .button:hover, .zasilkovna .button:hover {color: #231F20}

.basket-others {padding-top: 10px; margin-top: 30px; background-color: #FFFFFF}
.basket-others .product {width: 33.3333%}
.basket-others h2 {margin: 0 0 30px 0}
.basket-others .product h2 {margin: 0 0 4px 0}

/* Select */
.ui-selectmenu-button {text-align: left; width: 100%; box-sizing: border-box; display: block; background-color: #FFFFFF; background-image: none; vertical-align: middle; height: 35px; line-height: 1.2; border: 1px solid #E2DFDD; border-radius: 5px; padding: 8px 5px 5px 10px; position: relative; z-index: 20; margin: 0 0 0 0; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1rem; color: #000000}
.ui-button {cursor: pointer}
.ui-button .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {margin: 2px 4px 0 0; display: inline-block; background-image: none; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 9px; height: 9px; box-sizing: border-box; transform: rotate(45deg)}
.ui-button.ui-selectmenu-button-open .ui-icon {transform: rotate(-135deg); margin-top: 6px}
.ui-menu {padding: 0; margin: 0; z-index: 40; position: absolute; border: 1px solid #E2DFDD; border-top: none; border-radius: 5px; left: 0; background-color: #FFFFFF; font-family: 'Roboto', sans-serif; font-size: 1rem; color: #000000}
.ui-menu li {list-style-type: none; cursor: pointer; color: #000000; padding: 7px 5px 7px 10px; background: none; border-radius: 5px; margin: 0; text-align: left; font-family: 'Roboto', sans-serif; font-size: 1rem; line-height: 1.2}
.ui-menu-item-wrapper {padding: 0; color:#000000; white-space: nowrap}
.ui-menu li .ui-state-active {padding: 0; border: none; background-color:transparent}
.ui-menu-item:hover .ui-state-active {background: transparent}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {margin:0}
.ui-menu li:hover {background-color: #EEEEEE;}
.ui-selectmenu-menu {padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none}
.ui-selectmenu-menu .ui-menu {overflow: auto; overflow-x: hidden; padding-bottom: 1px}
.ui-selectmenu-open {display: block}
.ui-selectmenu-text {display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis}
.ui-selectmenu-button.ui-button {text-align: left; white-space: nowrap}
.ui-selectmenu-icon.ui-icon {float: right}
.ui-selectmenu-text > span, .ui-menu-item-wrapper > span {padding: 0; color:#B1C800}

.popup {display: none; border:1px solid #E2DFDD; border-radius:8px; background-color: #FFFFFF; padding: 12px; text-align: left; box-sizing: border-box; margin: 0 auto; position: absolute; z-index: 1000; box-shadow:5px 5px 10px rgba(0,0,0,.1)}
.popup.minipopup {border-color: #B1C800}
.popup.minipopup.msg_error {border-color: #E36CAC}
.popup.minipopup.msg_error .button {background-color: #E36CAC}
.popup-close {position: absolute; right: 10px; top:2px; color: #000; font-size: 2.0rem; line-height: 1; font-weight: 300; text-decoration: none; display: inline-block; vertical-align: top}
.popup-content {margin: 10px 20px 0 20px}
.popup-content p:last-child {margin-bottom:0}
.zasilkovna {margin: 0; padding-bottom: 12px}
.zasilkovna-logo {margin-bottom: 25px; text-align: center}
.zasilkovna-logo img {max-width: 100%; display: block; margin: 0 auto}
.popup p {line-height: 1.2; margin: 0 0 15px 0}
.zasilkovna-inputs {display: flex; flex-wrap: wrap; padding-bottom: 15px}
.zasilkovna-input1 {width: 150px; margin: 0 15px 15px 0}
.zasilkovna-input2 {width: 70px; margin: 0 0 15px 0}
.zasilkovna-inputs label {display: block; line-height: 1.2; margin-bottom: 5px}
.zasilkovna-inputs input[type=text] {width: 100%; height: 30px; box-sizing: border-box; padding: 8px 10px; border: 1px solid #000000; border-radius: 5px; background-color: #ffffff}
.zasilkovna-list {margin: 0; padding: 0}
.zasilkovna-list li {list-style-type: none; display: flex; align-items: center; justify-content: space-between; margin-bottom: 23px}
.zasilkovna-list li p {margin: 0; font-size: 0.77rem; line-height: 1.5; display: inline-block; vertical-align: middle}
.button-choose {display: inline-block; margin-left: 5px; text-align: center; padding: 6px 15px 5px 15px; vertical-align: middle; box-sizing: border-box; border-radius: 4px; font-weight: 400; line-height: 1.2; color: #FFFFFF; background-color: #A2200D; text-decoration: none; font-size: 0.9rem; text-transform: uppercase}
.button {display: inline-block; padding-left: 20px; padding-right: 20px; cursor: pointer; text-align: center; height: 40px; line-height: 40px; box-sizing: border-box; border: none; border-radius: 20px; font-weight: 400; font-size: 1rem; font-family: 'Roboto', sans-serif; color: #FFFFFF; background: #B1C800; text-transform: uppercase; text-decoration: none; letter-spacing: 0.05rem}
.button.disabled, .button[disabled] {color: #DDD; cursor: not-allowed;}
.promo h1 {text-align: center; margin: 30px 0}
.promo h2 {text-align: center; font-family: 'Roboto', sans-serif; font-weight: 400; color: #4D550E; font-size: 1.5rem; margin-bottom: 30px}

.product-detail {border-bottom: 1px solid #E2DFDD; margin-bottom: 30px}
.product-detail:after {content: ""; display: block; clear: both}
.product-detail h1 {float: right; width: 100%; padding-top: 10px}
.detail-left {width: calc(100% - 588px); min-height: 600px; margin-right: 30px; padding-bottom: 30px; box-sizing: border-box; position: relative; float: left}
.detail-slider {margin: 0 0 20px 0; padding: 0; z-index: 5; /*border: 1px solid #E2DFDD; border-radius: 8px;*/ text-align:center}
.detail-slider li {list-style-type: none; width: 100%; text-align: center}
.detail-slider li a {display: block; position: relative; margin: 0 auto; padding: 10px}
.detail-slider li img {display: block; margin: 0 auto; max-width: 100%}
.detail-slider .corner {display: inline-block; position: absolute; right: 0; top: 0; width: 68px; height: 68px; box-sizing: border-box; padding: 2px 8px 0 0; text-align: right; background: url("../images/corner.svg") right top no-repeat; background-size: 100% 100%; font-size: 2rem; line-height: 1; z-index:2}
.slider-left, .slider-right {content: ""; display: inline-block; vertical-align: top; position: absolute; top: 50%; margin-top: -6px; left: 0; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 12px; height: 12px; box-sizing: border-box; transform: rotate(135deg); margin: -7px 0 0 14px}
.slider-right {transform: rotate(-45deg); left: auto; right: 20px}
.slider-nav {position: absolute; left: 0; top: 0; width: 100%; text-align: center; z-index: 10}
.slider-nav span {display: inline-block; vertical-align: top; border: 2px solid #FFFFFF; box-sizing: border-box; width: 20px; height: 20px; border-radius: 100%}
.slider-nav > span {margin: 0 2px 4px 2px; cursor: pointer}
.slider-nav span span {width: 8px; height: 8px; border: 4px solid #FFFFFF; background-color: #000000; box-sizing: content-box}
.slider-nav span.cycle-pager-active {border: 2px solid #000000}
.detail-right {width: 558px; padding: 0 0 30px 0; float: right}
.detail-right h1 {margin-bottom: 25px}
.detail-right form {margin: 0}
.detail-info {margin-bottom: 50px}
.detail-info > div {flex: 0 0 auto; box-sizing: border-box}
.detail-info > div p {margin: 0 0 20px 0; line-height: 1.3}
.detail-info div.detail-price-whole {color: #707070; font-size: 0.9rem; padding-bottom: 20px}
.detail-info div.detail-price-whole p {margin: 0}
.detail-info div .detail-price span {white-space: nowrap}

.detail-color {padding: 10px 0 20px 0; display: inline-block}
.detail-color a {margin: 0 20px 5px 0; padding:1px; display: inline-block; vertical-align: middle; text-decoration: none; width: 20px; height: 20px; border:2px solid #FFF; border-radius:50%}
.detail-color a span {display:inline-block; border:1px solid #E2DFDD; border-radius: 50%}
.detail-color a span svg {display:block}
.detail-color a:last-child {margin-right: 0}
.detail-color a.active, .detail-color a:hover {border-color:#000}
.detail-color .colorSelector {width:18px; height:18px}
.detail-storage {display: inline-block; vertical-align: middle; color: #B1C800; font-weight: 500}
.detail-storage a {text-decoration: none; color: #B1C800}
.stock-wrapper {padding-bottom: 20px}
.detail-right .info-tooltip-block {left: 18px; text-align: left}
.detail-param .info-tooltip-whole {text-align: right}
.detail-param .info-tooltip-block {left: auto; right:18px}
.detail-price .old-price {text-decoration: line-through; margin-bottom: 10px}
.detail-price .current-price {font-size: 2.2rem; font-weight: 700; line-height: 1; display: block; color: #B1C800; margin-top:10px}
.detail-buttons {text-align: right; margin: -50px 0 50px 0;}
.detail-buttons a, .detail-buttons input[type=submit] {display: inline-block; width: 100%; cursor: pointer; text-align: center; height: 40px; line-height: 40px; box-sizing: border-box; border: none; border-radius: 20px; font-weight: 400; font-size: 1rem; font-family: 'Roboto', sans-serif; color: #FFFFFF; text-transform: uppercase;; text-decoration: none; letter-spacing: 0.05rem}
.detail-buttons .db-reserve {background-color: #19B4DF}
.detail-buttons .db-basket {background-color: #B1C903}
.detail-buttons a:hover, .detail-buttons input[type=submit]:hover {color: #231F20}
.detail-offer {margin: 0 0 50px 0}
.detail-others > h2 {text-align: center; margin-bottom: 20px}
.detail-icos {display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 460px; margin: 0 auto}
.detail-icos div, .detail-icos a {display: block; text-align: center; text-decoration: none; line-height: 1.5; color: #707070; font-size: 0.9rem; margin-bottom: 15px}
.di-ico {display: block; height: 62px; line-height: 60px; width: 62px; margin: 0 auto 10px auto; color: #FFFFFF; font-size: 1.25rem; background-color: #E36CAC; border-radius: 100%; font-family: 'lunchboxregular'}
.detail-offer > li > a.active {background-color: #FFFFFF; color: #000000}
.detail-offer > li:first-child .detail-offer-in {padding-bottom: 15px}
.detail-offer-in {padding: 15px 15px 1px 15px; border-bottom: 1px solid #E2DFDD; background-color: #FFFFFF}
.detail-offer > li:last-child .detail-offer-in {border: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px}
.detail-offer > li:last-child > a {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px}
.detail-offer > li:last-child > a.active  {border-radius: 0}
.detail-offer-in p {line-height: 1.2; margin: 0 0 20px 0}
.detail-param {margin: 0 5px 0 29px; display: flex; align-items: center; justify-content: space-between; padding: 10px 0; line-height: 1.2; border-bottom: 1px dotted #E2DFDD}
.detail-offer-in .detail-param:last-child {padding-bottom: 20px; border: none}
.detail-param > span:last-child {text-align: right; font-weight: 500}
.detail-param .info-tooltip-whole {vertical-align: top}
.delivery-free {color: #B1C800; line-height: 1.4; padding: 10px 5px 15px 29px}
.detail-param > span:first-child .info-tooltip-block {right: auto; left: 18px}
.detail-param .red-text {margin:0}
.stock .detail-param span:last-child {font-weight: normal; padding-left:10px}
.quest-no {text-align: center; padding-bottom: 20px}
.detail-offer-in .button {display: inline-block; padding-left: 20px; padding-right: 20px; cursor: pointer; text-align: center; height: 40px; line-height: 40px; box-sizing: border-box; border: none; border-radius: 20px; font-weight: 400; font-size: 1rem; font-family: 'Roboto', sans-serif; color: #FFFFFF; background: #B1C800; text-transform: uppercase; text-decoration: none; letter-spacing: 0.05rem}
.detail-offer-in .button:hover {color: #231F20}
.quest-top {display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; margin: 0 5px}
.quest-top .ui-selectmenu-button {max-width: 40% !important}
.quest-post {border-top: 1px solid #E2DFDD; padding: 5px 0; margin: 0 5px}
.quest-post p {margin-bottom: 15px}
.quest-post-name {font-size: 0.8rem; line-height: 1.3; text-align: right; margin-bottom: 15px}
.quest-answer .quest-post-name {text-align: left}
.quest-answer:before {content: ""; display: block; margin: 0 auto 15px auto; height: 1px; width: 150px; background-color: #E2DFDD}
.all-quests {border-top: 1px solid #E2DFDD; padding: 15px 0; margin: 0 5px; line-height: 1.4; font-size: 0.8rem; text-align: center}
.detail-sizes {padding-bottom: 10px; line-height: 1.3}
.detail-sizes span.ds-text, .detail-sizes a, .detail-sizes span span {display: inline-block; vertical-align: middle; margin: 0 25px 13px 0}
.detail-sizes a, .detail-sizes span span {margin-right: 5px; padding: 3px 4px 2px 4px; text-decoration: none; /*background-color: #F0F0F0;*/ border:1px solid #E2DFDD; border-radius: 4px}
.detail-sizes a:hover, .detail-sizes a:focus, .detail-sizes a.active, .detail-sizes span span {color: #FFFFFF; background-color: #B1C800}
.detail-sizes-select {margin-bottom: 20px; display: none}
.page-boty .detail-sizes .size-tooltip {margin: 0 0 20px 147px}
.page-boty .detail-sizes .size-tooltip span {display:inline-block; height:20px}
.detail-sizes .size-tooltip strong {color:#B1C800}
.detail-images-small {display: flex; justify-content: space-between; align-items: center}
.images-small-left, .images-small-right {display: inline-block; width: 15px; height: 15px; border-right: 2px solid #000000; border-bottom: 2px solid #000000; transform: rotate(135deg)}
.images-small-right {transform: rotate(-45deg)}
.detail-images-slider {width: calc(100% - 30px); white-space: nowrap; overflow: hidden}
.detail-images-slider ul {margin: 0; padding: 0}
.detail-images-slider ul li {display: inline-block; vertical-align: top; list-style-type: none; width: 125px}
.detail-images-slider ul li a {display: block; width: 100px; height: 100px; box-sizing: border-box; vertical-align: middle; border-radius: 8px; margin: 0 auto; text-align: center; border: 1px solid #FFFFFF}
.detail-images-slider ul li a img {vertical-align: middle; max-width: 100%; max-height: 100%; border-radius: 8px}
.detail-images-slider ul li a:hover, .detail-images-slider ul li a:focus, .detail-images-slider ul li.active a, .detail-images-slider ul li a.mz-thumb-selected {border: 1px solid #B1C800}
.detail-offer .country-select {margin: 0 0 5px 29px}

/* Labels */
.labels {position: absolute; left: 12px; top: 12px; text-align: left; z-index:102}
.labels > span {display: inline-block; line-height: 1; font-size: 1.5rem; color: #FFFFFF; padding: 5px 12px 7px 12px; border-radius: 8px; position:relative; font-family: 'lunchboxregular'; margin-bottom: 12px}
.labels > span.label-new {background: #19B4DF url("../images/ico_star.svg") 12px center no-repeat; padding-left: 44px}
.labels > span.label-discount {background-color: #FFDD00; color: #202020}
.labels > span.label-discount2 {background-color: #E36CAC}
.labels > span.label-barefoot {background-color: #FDDC03}
.labels > span.label-goretex {background-color: #B1C903}
.labels > span.label-discount span, .labels > span.label-discount2 span {display: inline-block; vertical-align: middle; width: 21px; height: 21px; line-height: 21px; background-color: #202020; border-radius: 100%; color: #FFDD00; text-align: center; font-weight: 700; margin: -12px 2px 0 0; font-size: 1rem; font-family: 'Roboto', sans-serif}
.labels > span.label-discount2 span {background-color: #FFFFFF; color: #E36CAC}
.product-image .labels {line-height: 1}
.product-image .labels > span {font-size: 1.1rem; padding:4px 7px; margin-bottom: 6px}
.product-image .labels > span.label-discount span, .product-image .labels > span.label-discount2 span {width: 15px; height: 15px; line-height: 15px; font-size: .8rem; margin: -11px 0 0 0}
.product-image .labels > span.label-new {background-position: 7px center; padding-left: 28px; background-size: 15px auto}

/* GDPR */
.footer-col.fc1 .gdpr {font-size: .95rem; margin-bottom: 8px; margin-top: 8px}

/* MagicZoom */
.mz-figure {border-radius: 8px}
/*
button.mz-button.mz-button-prev:before {content: "<" !important}
button.mz-button.mz-button-next:before {content: ">" !important}
button.mz-button.mz-button-close:before {content: "X" !important}
*/
.mz-thumb-selected img, .mz-thumb:hover:not(.mz-thumb-selected) img {filter:none !important}
.mz-thumb:focus {display:list-item !important}
.mz-thumb img {box-shadow: none !important}

.find-us {padding-top: 20px}
.find-us .info-tooltip-whole {float: left; margin-top: 2px}
.find-us > p {margin-left: 25px}
.res-top {padding: 10px 0}
.res-item {border-top: 1px solid #828282; border-bottom: 1px solid #828282; padding: 7px 0; margin-top: 7px}
.res-item-h {margin-bottom: 10px; font-size: 1.1rem; line-height: 1.2; color: #8D9A24}
.res-item p {margin: 0}
.res-item .old-price {text-decoration: line-through; margin: 0 5px 0 7px; color: #828282}

.send-quest label {display: block; line-height: 1.3; margin-bottom: 5px}
.send-quest textarea {height: 120px; margin-bottom: 20px}
.send-quest .res-item-h {margin-bottom: 15px}
.send-quest .sq-name {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px}
.send-quest .sq-name input[type=text] {width: 150px}
.send-quest .sq-name label {margin-bottom: 0}
.send-quest input[type=submit] {display: block; margin: 0 auto 25px auto; cursor: pointer; text-align: center; height: 50px; line-height: 50px; width: 200px; background-color: #B1C903; box-sizing: border-box; border: none; border-radius: 5px; font-weight: 700; font-size: 1.4rem; font-family: 'Roboto', sans-serif; color: #FFFFFF; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)}
.send-quest input[type=submit]:hover {color: #231F20}

.ui-widget-overlay {width: 100%; height: 100%; position:absolute; left: 0; top: 0; z-index: 990; background-color:#000; opacity:.1}
.ui-dialog-titlebar {display: none}
.jsTabs > ul {padding:0; list-style-type: none}
#overlay {position:fixed; width:100%; z-index:90; transition:background-color .4s ease-out}
#overlay.active {height:100%; background-color: rgba(0, 0, 0, .3)}

.registrace {width: 600px}
.registrace th, .registrace td, .login-form th, .login-form td {padding: 0 5px 10px 0}
.registrace th {font-weight: 400; width: 125px}
.registrace td.sekce div {font-weight: 700; display: inline-block; vertical-align: middle}
.registrace td.sekce div label {cursor: pointer}
.registrace td.sekce {padding-top: 20px}
.registrace td.sekce .checker {margin-left: 10px !important; float: none}
.registrace input[type=text], .registrace input[type=password] {max-width: 100% !important}
.registrace .input2 {width: 300px; margin-right: 15px}
.registrace .input3 {width: 70px; margin-left: 5px}
.registrace .dodaci, .registrace .firma {display: none}
.lost-pass {margin-top: 12px; max-width: 300px; display: block}
.login-form input[type=text], .login-form input[type=password] {width: 300px}
.chyba_form {color: #FA0505; display: block; font-size: 0.9rem; padding-top: 5px}
#uniform-odebirat_emaily {margin-right: 10px !important}
.fr:before {margin: 0 5px 0 0; content: ""; display: inline-block; vertical-align: middle; border-left: 1px solid #000000; border-top: 1px solid #000000; width: 9px; height: 9px; box-sizing: border-box; transform: rotate(-45deg);}
.tKosik.prehled {width: 100%; margin-top: 30px; border-collapse: collapse}
.tKosik.prehled th, .tKosik.prehled td {text-align: left; vertical-align: middle; padding: 5px 10px}
.tKosik.prehled th.right, .tKosik.prehled td.right {text-align: right}
.tKosik.prehled th {border-bottom: 2px solid #F0F0F0; padding: 10px}
.tKosik.prehled .barva td {background-color: #F0F0F0}
.prehled-whole {overflow: auto}
.rPrice {margin: 30px 0; width: 100%}
.rPrice tr td:last-child {text-align: right}
.rPrice tr td {padding: 0 10px 10px 10px}
.nowrap td {padding: 0 10px 10px 10px}
.main.promo .colleft ul li ul {display:none}
.main.promo .colleft ul li ul.active {display:block}

.novinky {display: flex; flex-wrap: wrap; justify-content: space-between}
.novinky aside {order: 2; width: 320px; flex: 0 0 auto; text-align: center}
.novinky aside h3 {margin: 0 0 15px 0; line-height: 1.3; font-size: 1.5rem; font-weight: normal}
.novinky aside .socials {margin-bottom: 30px}
.novinky-main {width: calc(100% - 345px); order: 1}
.novinka {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #19B4DF}
.blog .novinka:last-child {border: none; margin: 0}
.novinka h2 {text-align: left; font-size: 2rem}
.novinka h2 a:hover {text-decoration: none}
.novinka > a {display: inline-block; vertical-align: top; float: left; width: 35%; text-align: center; margin-right: 30px}
.novinka > a img {max-width: 100%}
.novinka .perex {float: left; width: calc(65% - 30px)}
.novinka:after {content: ""; display: block; clear: both}
.novinka p {line-height: 1.4; margin: 0 0 20px 0}
.novinka .more {color: #AAC30C}
.novinka .more:hover {text-decoration: none}
h1.hidden {display: none}
.novinky img {max-width: 100%; margin-bottom: 20px}

.set-size-block {background: #F0F0F0; border: 2px dashed #B1C800; margin: 60px 0; padding: 45px 20px 50px 20px; text-align: center}
.set-size-block form {margin: 0}
.set-size-block h2 {color: #202020; font-weight: 700; font-size: 1.75rem}
.set-size-block h2 .green {color: #B1C800}
.set-size-block input[type=text] {width: 200px; height: 50px; margin: 0 auto 30px auto; font-size: 1.75rem; text-align: center}
.set-size-block input[type=text]:focus {background-color: #FFFFFF}
.set-size-block .ui-selectmenu-button {display: inline-block !important; height: auto !important; vertical-align: top !important; width: auto !important; margin: 0 auto 30px auto; font-size: 1.75rem}
.set-size-block .ui-selectmenu-text {margin-right: 30px !important;}
.set-size-block .ui-selectmenu-icon, .set-size-block .ui-selectmenu-button:hover .ui-selectmenu-icon, .set-size-block .ui-selectmenu-button:focus .ui-selectmenu-icon {margin: 10px 8px 0 0}
.set-size-block .ui-selectmenu-button-open .ui-icon {margin-top: 14px !important;}
.set-size-block .button {margin-bottom: 20px}
.set-size-block .error {text-align: center; font-size: 1rem !important; color: #C80000 !important}
.set-size-result {display:inline-block; background: #FFFFFF; border: 1px solid #E2DFDD; box-sizing: border-box; border-radius: 8px; padding: 20px 20px 25px 20px; text-align: center; margin: 0 auto 30px auto}
.result-popis {margin:0 0 30px 0}
.result-block {padding: 10px 20px 10px 20px}
.result-block > div {font-weight: 700; margin-bottom: 20px; line-height: 1.4; font-size: 1.05rem}
.result-block > div.more-results {display: none}
.result-block > div strong, .result-block > div span {display: inline-block; vertical-align: middle; width: 150px; margin-right:5px; text-align: left}
.result-block > div span:last-child {width: 200px}
.result-block > div span span {display: block; width: auto; margin:0; font-weight: normal}
.result-block > div strong {color: #B1C800; font-size: 1.1rem}
.result-block > div a {vertical-align: middle; margin: 0 !important;}
.result-block > div > span:last-child a .secondary {display: none;}
.show-all {display: inline-block}
.show-all:after {content: ""; display: inline-block; margin-left: 10px; vertical-align: middle; position: relative; z-index: 30; top: -3px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 9px; height: 9px; box-sizing: border-box; transform: rotate(45deg)}
.show-all.active:after {transform: rotate(225deg); top: 1px}

.info-bigger {font-size: 1.1rem}
.info-bigger .pink {color: #E36CAC}
.info-image {margin-bottom: 70px}
.info-image img {display: block; width: 100%}
.set-size-block.left {text-align: left; padding: 45px 95px 30px 95px}
.set-size-block.left h2 {text-align: left; margin-bottom: 20px; font-size: 1.5rem}
.promo .h-green, .h-green {color: #AAC30C; font-weight: 500; font-size: 1.7rem; margin-bottom: 70px}
.length {display: flex; flex-wrap: wrap; padding-bottom: 20px}
.length-item {width: 33.3333%; box-sizing: border-box; padding: 0 20px 50px 20px; text-align: center}
.length-number {width: 80px; height: 80px; margin: 0 auto 20px auto; background-color: #19B4DF; border-radius: 50%}
.length-number div {width: 72px; height: 72px; line-height: 65px; border: 2px dashed #FFFFFF; margin: 4px; box-sizing: border-box; border-radius: 50%; display: inline-block; color: #FFFFFF; font-family: 'lunchboxregular'; font-size: 3.3rem}
.length-text {font-weight: 700; line-height: 1.4; font-size: 1.1rem}

.select-tm {padding: 40px 0; max-width: 333px; margin: 0 auto}
.select-tm .ui-selectmenu-button {height: 50px; padding: 12px 15px; font-size: 1.2rem !important}
.select-tm .ui-button .ui-icon, .select-tm .ui-state-hover .ui-icon, .select-tm .ui-state-focus .ui-icon, .select-tm .ui-button:hover .ui-icon, .select-tm .ui-button:focus .ui-icon {width: 12px; height: 12px; border-width: 2px; margin-top: 3px}
.select-tm .ui-button.ui-selectmenu-button-open .ui-icon {margin-top: 8px}
.size-table-scroll {margin: 40px 0 20px 0; padding-bottom: 10px; overflow: auto}
.size-table-whole {display: inline-block}
.size-table-send {text-align: right; font-size: 0.9rem}
.size-table {margin-bottom: 10px}
.size-table-row {border: 1px solid #E2DFDD; display: flex; align-items: stretch; border-top: none; box-sizing: border-box}
.size-table .size-table-row:first-child {border-top-left-radius: 8px; border-top-right-radius: 8px; border-top: 1px solid #E2DFDD}
.size-table .size-table-row:last-child {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px}
.size-table-th, .size-table-td {display: inline-block; vertical-align: top; width: 225px; box-sizing: border-box; line-height: 1.4; padding: 8px 10px; border-right: 1px solid #E2DFDD; text-align: left}
.size-table-td {width: calc(100% - 225px); border: none; padding: 0; display: flex; align-items: stretch}
.size-table-td span {display: inline-block; vertical-align: top; padding: 8px 5px 8px 0; box-sizing: border-box; border-right: 1px solid #E2DFDD; text-align: right; width: 39px}
.size-table-td span:last-child {border: none}
.size-table-td span:nth-child(odd) {background-color: #F0F0F0}
.size-table-td a:hover {color: #B1C800}
.send-table {margin: 0 auto; max-width: 390px}
.send-table h2 {color: #202020; font-weight: 700; font-size: 1.5rem}
.send-table > div {margin-bottom: 25px}
.send-table label {display: block; text-align: left; margin: 0 0 5px 5px}
.send-table textarea {height: 65px; font-size: 0.8rem; font-style: italic}

/* Slevovy kod */
.basket-code {float:left}
.basket-code #block-code {display: none}
.basket-code #block-code.active {display: block}
.basket-code #block-code input[type="text"] {margin-left:0; font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 300; color: #000;}
.basket-code #block-code .inactive {background-color: #F0F0F0; color: #918F8F;}
.basket-code #block-code .uplatnen {color: #B1C800; font-size: 0.9rem;}
.basket-code .info-tooltip-whole {top:-10px; right:-5px}
.basket-code-summary {padding-bottom: 20px;}
.basket-code #show-code {margin-top:16px}
.bcs-line {display: flex; flex-wrap: wrap; justify-content: flex-end;}
.bcs-line .bs-text {width: 200px; text-align: left;}
.bcs-line .bs-price {width: 90px; display:inline-block; margin-left: 10px; text-align: right;}

/* Prodejna */
.main-whole.grey2 {background-color: #F0F0F0}
.shop-main-block {display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 70px}
.shop-main-image {width: 75%; position: relative; z-index: 25}
.shop-main-image picture, .shop-main-image picture > * {width: 100%}
.shop-main-text {width: 50%; margin: 100px -25% 0 0; background-color: #FFFFFF; text-align: right; position: relative; z-index: 30; padding: 100px 80px 80px 20px; box-sizing: border-box; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25)}
.shop-main-text-in {display: inline-block; max-width: 495px; text-align: left}
.shop-page .shop-main-text-in p {font-size: 1.2rem}
.shop-main-text-in h1 {font-size: 2.5rem; margin-bottom: 50px}
.shop-block {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 0}
.shop-block.nopadtop {padding-top: 0}
.shop-block .top-frame {display: none; margin-bottom: 30px}
.shop-image {width: 57%}
.shop-text {text-align: left; padding: 0 40px 0 0; box-sizing: border-box; width: 43%}
.shop-text.reverse {padding: 0 0 0 40px}
.shop-text .button {margin-top: 30px}
.shop-page .gray .main .shop-text h2 {text-align: left}
.shop-image img {display: block; width: 100%; max-width: 100%}
.shop-blue {background-color: #19B4DF}
.shop-blue .main {text-align: center; display: flex; flex-wrap: wrap; justify-content: center; padding: 50px 0 120px 0}
.shop-contact-whole {display: flex; flex-wrap: wrap; align-items: stretch; position: relative; z-index: 25}
.shop-page .shop-contact-whole p {margin-bottom: 60px; line-height: 1.6}
.shop-contact-left {width: 57%; background-color: #19B4DF; text-align: center; color: #FFFFFF; padding: 60px 40px 50px 40px; box-sizing: border-box}
.shop-contact-left a, .shop-page .shop-contact-left p {color: #FFFFFF}
.shop-page .shop-contact-left h2, .shop-page .shop-contact-right h2 {text-align: center}
.shop-contact-right {background-color: #FFDD00; width: 49%; margin: 50px 0 0 -6%; text-align: center; padding: 60px 40px 50px 40px; box-sizing: border-box}
.shop-contact-left h3, .shop-contact-right h3 {font-size: 1.1rem; line-height: 1.3; margin: 0 0 12px 0; font-weight: 700}
.ot-left {display: inline-block; width: 120px; text-align: right; margin-right: 30px}
.shop-contact-right h3.consult {padding-left: 25px; background: url("../images/ico_contact5.svg") left center no-repeat; display: inline-block}
.shop-contact-left h3.parking {padding-left: 25px; background: url("../images/ico_contact4.svg") left center no-repeat; display: inline-block}
.shop-contact-left h3.card {padding-left: 30px; background: url("../images/ico_card.svg") left center no-repeat; background-size: 20px; display: inline-block}
.shop-contact-left .address {padding-left: 20px; background: url("../images/ico_contact1.svg") left center no-repeat}
.shop-contact-left .address-whole {display:inline-block; margin-bottom: 10px;}

.shop-contact-left .phone {padding-left: 25px; display: inline-block; background: url("../images/ico_contact2.svg") left center no-repeat; margin-right: 35px}
.shop-contact-left .email {padding-left: 25px; display: inline-block; background: url("../images/ico_contact3.svg") left center no-repeat}
.shop-map {max-width: 950px; margin: -50px auto 75px auto; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25); position: relative; z-index: 30}
.shop-map iframe {display: block}
.shop-page p {font-size: 1rem; margin: 0 0 20px 0; line-height: 1.3; color: #333333}
.shop-page h2 {text-align: left; margin: 0 0 40px 0; font-size: 2.2rem}
.shop-page h2.margin-top {margin-top: 45px;}
.shop-page h2.center {text-align: center}
.shop-page .button {background-color: #19B4DF; min-width: 0; padding-left: 25px; padding-right: 25px}
.shop-page .button:hover {color: #231F20}
.customers {background-color: #E36CAC; margin-bottom: 30px; padding: 40px 0}
.shop-page .customers p {color:#FFF}
.customers.nomargin {margin-bottom: 0; padding-bottom:50px}
.customers h2 {margin-bottom: 50px; text-align: center; color: #FFFFFF}
.customer-block {background-color: #FFF; padding: 5px 25px 25px 25px; text-align: center}
.customer-block p {margin: 0; font-size: 1rem; color:#333 !important; line-height: 1.5}
.customer-person {display: flex; align-items: center; margin-bottom: 25px; text-align: left; line-height: 1.5}
.customer-image {display: inline-block; border-radius: 50%; width: 80px; height: 80px; margin-top: -35px; margin-right: 15px; padding: 3px; border: 2px dashed #19B4DF}
.customer-image img {display: block; width: 100%; border-radius: 50%}
.customer-name {font-size: 0.8rem; padding-top: 5px}
.customer-name span {font-size: 1.2rem; color: #E36CAC; font-family: 'lunchboxregular'}
.customers-slider {position: relative; z-index: 30; margin-bottom: 60px}
.customers-slider .cs-left, .customers-slider .cs-right {position: absolute; display: inline-block; width: 62px; height: 80px; top: 75px}
.customers-slider .cs-left {left: -42px; background: url("../images/car_left.svg") left top no-repeat}
.customers-slider .cs-right {right: -42px; border-top-right-radius: 50%; border-bottom-right-radius: 50%; background: url("../images/car_right.svg") right top no-repeat}
.customers-slider .cs-left:hover {left: -62px}
.customers-slider .cs-right:hover {right: -62px}
.customers-slider .cs-left:after, .customers-slider .cs-right:after {position: absolute; top: 31px; display: inline-block; content: ""; width: 15px; height: 15px; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF}
.customers-slider .cs-left:after {transform: rotate(135deg); left: 18px}

/* Pri vice nez 3 slidech odstranit */
.customers-slider .cs-left, .customers-slider .cs-right {display: none}

.customers-slider .cs-right:after {transform: rotate(-45deg); right: 18px}
.customers-slider-in {width: 100%; position: relative; z-index: 30; background-color: #E36CAC}
.customers-slider ul {margin: 0; padding: 0}
.customers-slider ul li {list-style-type: none; width: 362px; margin-right: 30px; white-space: normal; max-width: 100%; vertical-align: top; padding-top: 35px}
.gray {padding-top:10px; background-color: #F0F0F0;}
.gray.space {padding:40px 0}
.gray .main {text-align: center;}
.gray .button {margin: 25px 0 45px 0;}
.gray .shop-text .button {margin-bottom:0;}
.shop-page .gray .main h2 {text-align: center;}
.shop-time {display: flex; flex-wrap: wrap; align-items: flex-start; padding-top: 30px}
.shop-time-left {width: 45%; box-sizing: border-box; padding: 0 40px 0 0; text-align: left; margin-bottom: 50px}
.shop-time-left .button, .customers .button.margin-top {margin-top: 30px}
.shop-time-right {width: 55%; background-color: #F0F0F0; padding: 35px 35px 30px 35px; box-sizing: border-box; text-align: center; margin-bottom: 50px}
.shop-time-right h3 {font-size: 1.4rem; margin: 0 0 20px 0}
.shop-time-right table {width: 100%; border-collapse: collapse}
.shop-time-right table th {text-align: center; vertical-align: middle; font-weight: 400; line-height: 1.3; font-size: 1.5rem; padding: 0 0 10px 0; width: 28%; font-family: 'lunchboxregular'}
.shop-time-right table td {text-align: center; vertical-align: middle; line-height: 1.3; padding: 3px 10px 3px 0; width: 30%}
.shop-time-right table tr td:first-child, .shop-time-right table tr th:first-child {text-align: left; width: 15%; font-family: 'lunchboxregular'; font-size: 1.5rem; text-transform: uppercase}
.shop-time-right table tr td:last-child {padding-right: 0}
.st-table-stripe {display: block; width: 100%; height: 21px}
.st-table-stripe.green {background-color: #10C800}
.st-table-stripe.yellow {background-color: #E3E731}
.st-table-stripe.orange {background-color: #C86000}
.st-table img {vertical-align: middle; width: 100%}
.why {display: flex; flex-wrap: wrap; justify-content: center; padding: 20px 0}
.why-block {width: 33.3333%; box-sizing: border-box; padding: 0 30px 40px 30px; text-align: center}
.why-block h3, h3.styled {color: #B1C800; margin: 0 0 20px 0; font-size: 1.8rem; line-height: 1.1; font-family: 'lunchboxregular'; font-weight: normal}
.why-block .button {margin-top: 10px}
.why-block p:first-of-type {min-height: 80px}
.why-ico {display: inline-block; background-color: #B1C800; border-radius: 50%; width: 90px; height: 90px; margin-bottom: 15px; background-position: center center; background-repeat: no-repeat}
.why-ico.wi1 {background-image: url("../images/why1.svg")}
.why-ico.wi2 {background-image: url("../images/why2.svg")}
.why-ico.wi3 {background-image: url("../images/why3.svg")}
.why-ico.wi4 {background-image: url("../images/why4.svg")}
.why-ico.wi5 {background-image: url("../images/why5.svg")}
.why-ico.wi6 {background-image: url("../images/why6.svg")}
.ring_icon {display: inline-block; background-color: #B1C800; border-radius: 50%; width: 90px; height: 90px; margin-bottom: 15px; background-position: center center; background-repeat: no-repeat}
.ico_bus {background-image: url("../images/ico_bus.svg"); background-size: 70%;}
.ico_car {background-image: url("../images/ico_car.svg"); background-size: 80%; margin-top:25px}
.sep-pink {border-bottom: 1px solid #E36CAC; margin-bottom: 50px}
.sep-green {border-bottom: 1px solid #B1C800; margin-bottom: 50px}
.green-about {background-color: #B1C903}
.green-about.no-green {background-color: transparent}
.green-about .shop-image {display: flex; align-items: center; justify-content: center; border: 1px solid #FFFFFF; box-sizing: border-box}
.green-about .shop-image a {display: block; width: 100%; text-align: center}
.green-about .shop-image a img {width: 80%; margin: 0 auto}

/* Prodejny */
#prodejny {margin-bottom:110px; padding-top:45px; display:flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
#prodejny .prodejna {display:block; margin:10px 0; padding:55px 15px; box-sizing: border-box; width: 31.5%; background-color: #FD0; text-align: center; text-decoration: none;}
#prodejny .prodejna a:hover {text-decoration: none;}
#prodejny .prodejna strong {display: block; margin-bottom:45px; font-size: 2.2rem;}
#prodejny .prodejna span.p {display:block; line-height: 1.7; margin-bottom: 15px;}
#prodejny .prodejna .button:hover {color:#231F20}
#prodejny .prodejna.eshop {background-color: #19B4DF;}
#prodejny .prodejna.eshop .button {background-color: #FD0; color:#000}
#prodejny .prodejna.eshop .button:hover {color:#19B4DF}
#prodejny .prodejna .address {display: inline-block; margin-bottom:13px}
#prodejny .prodejna .address span {padding-left: 25px; background: url("../images/ico_address_black.svg") left 2px no-repeat}
#prodejny .prodejna .phone {padding-left: 25px; display: inline-block; background: url("../images/ico_phone_black.svg") left center no-repeat; margin-bottom:23px}
#prodejny .prodejna .email {padding-left: 25px; display: inline-block; background: url("../images/ico_email_black.svg") left center no-repeat; margin-bottom:13px}
.page-prodejny .screen_dostupnost {margin: 45px 10px}

/* Hodnocení */
.ratings a {display:inline-block; padding:12px; margin:10px 10px 0 10px; border:1px solid #DDD}
.ratings a:hover {border-color:#19B4DF}
.ratings .rating {display:block; background-color: #F8B805}
.ratings .sm-google .rating {background-image:linear-gradient(to right, #F8B805 90%, #DDD 10%);}
.ratings .sm-heureka .rating {background-color: #EF7001}
.ratings .sm-facebook .rating {background-color: #3B579D}
.ratings .rating:after {display:block; content:''; width:100px; height:18px; background: transparent url('../images/ico_stars.svg') center center no-repeat; background-size: 100%;}
.ratings .sm-icon {display:block; margin-bottom:8px; width:100px; height:30px}
.ratings .sm-google .sm-icon {background: url('../images/social_go.svg') center center no-repeat; background-size: 30%;}
.ratings .sm-heureka .sm-icon {background: url('../images/social_he.svg') center center no-repeat;}
.ratings .sm-facebook .sm-icon {background: url('../images/social_fb.svg') center center no-repeat;}

/* Popup velikosti */
.popup.tabulka {
	margin-left:-142px;
	width: 618px !important;
}

.popup.tabulka h3 {
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 30px;
}

.popup.tabulka .button-list {
	text-align: center;
}

.popup.tabulka input[type="submit"][disabled] {
	background-color: #DDD;
	color: #999;
}

table.resp td {
	white-space: nowrap;
}

.ssb-wider {
	width: 1282px;
	margin-left: -69px;
}
.ssb-wider .set-size-result {
	width: 100%;
	overflow: hidden;
}
.sizes-table-whole {
	overflow: auto;
	padding-bottom: 10px;
}
.sizes-table {
	border-collapse: collapse;
	margin: 0 auto;
}
.sizes-table td {
	border: 1px solid #E2DFDD;
	font-weight: 400;
	line-height: 1.5;
	padding: 5px 10px;
	text-align: center;
}
.sizes-table td:first-child {
	text-align: left;
}
.sizes-table tr td:nth-child(even) {
	background-color: #F0F0F0;
}
@media(max-width: 480px) {
	table.resp tr > *{
		display: block;
		white-space: normal;
	}
	table.resp tr {
		display: table-cell;
		vertical-align: top;
	}
	table.resp tr td {
		min-height: 29px;
	}
	table.resp tr td:first-child {
		height: 100px;
	}
	#size-form .more-links {
		margin-bottom: -5px !important;
	}
}

@media(max-width:1390px){
	.ssb-wider {
		width: auto;
		margin-left: 0;
	}
}

@media(max-width:1290px){
	.customers-slider {width: 750px; margin: 0 auto 50px auto}

	/* Pri vice nez 3 slidech odstranit */
	.customers-slider .cs-left, .customers-slider .cs-right {display: inline-block}
}

@media(max-width:1190px){
	.shop-main-image {width: 100%; order: 1}
	.shop-main-text {width: 92%; margin: -30px auto 0 auto; order: 2; text-align: center; padding: 50px 20px}
	.shop-main-text-in {max-width: none; text-align: center}
}

@media(max-width:920px){
	.customers-slider {width: 362px}
}

@media(max-width:900px){
	.shop-image, .shop-text {width: 100%; order: 2}
	.shop-image {order: 1; text-align: center; margin-bottom: 30px}
	.shop-image img {width: auto; margin: 0 auto}
	.shop-image iframe {max-width: 330px; height: 185px !important}
	.shop-text {padding: 0 !important; text-align: center}
	.shop-page .shop-text h2, .shop-page .shop-time-left h2 {text-align: center}
	.shop-page .gray .main .shop-text h2 {text-align: center}
	.why-block {width: 50%}
	.shop-time {padding-top: 0}
	.shop-time-left, .shop-time-right {width: 100%}
	.shop-time-left {padding: 0; text-align: center}
	.shop-contact-left {width: 100%}
	.shop-contact-right {width: 92%; margin: -40px auto 0 auto}
	.why-block p:first-of-type {min-height: auto}
	.shop-block .shop-image {display: none}
	.shop-block .top-frame {display: block}
}

@media(max-width:820px){
	.os-item-data > span:first-child {min-width: auto}
	.os-item-data > span:last-child {min-width: auto}
	.os-item-data > span:last-child .price-old {display: block; margin: 0;}
}

@media(max-width:760px){
	.shop-contact {width: 100%; padding: 0 0 20px 0}
	.why-block {width: 100%; padding: 0 0 30px 0}
	.why-block .button {margin-bottom: 15px}
}

@media(max-width:705px) {
	.os-item-data > span:first-child {min-width: 150px}
	.os-item-data > span:last-child {min-width: 160px}
	.os-item-data > span:last-child .price-old {display: inline-block; margin-right: 25px;}
	.page-prodejny .screen_dostupnost img {width: 100%; height: auto}

	.popup.tabulka {
		margin-left: 0;
		width: 100% !important;
	}
}

@media(max-width:600px){
	.shop-main-text-in h1 {font-size: 2rem !important; margin-bottom: 30px}
	.basket-item .price {width:100%; text-align: left; margin-top: 5px;}
	.count-price p:first-child {min-width: auto}
}

@media(max-width:550px){
	.shop-page p {font-size: 1rem}
	.shop-page h2 {font-size: 1.7rem; margin-bottom: 25px}
	.shop-page h2.margin-top {margin-top: 30px;}
	.ico_car {margin-top: 10px}
	.shop-text .button, .shop-time-left .button, .customers .button.margin-top {margin-top: 15px}
	.shop-block {padding: 25px 0 30px 0}
	.shop-map {margin-bottom: 70px}
	.shop-map iframe {height: 400px !important}
	.shop-block.nopadtop {padding-bottom: 50px}
	.shop-contact.sc-parking h2, .shop-contact.sc-consult h2, .shop-contact h2 {font-size: 1.3rem}
	.shop-time-right {padding: 25px 10px; margin-bottom: 15px}
	.shop-time-right h3 {font-size: 1.2rem}
	.shop-time-right table th {font-size: 1.3rem}
	.shop-time-right table tr td:first-child, .shop-time-right table tr th:first-child {width: 10%; font-size: 1.3rem}
	.cs-nav {text-align: center; margin-top: 30px}
	.cs-nav span {display: inline-block; cursor: pointer; width: 6px; height: 6px; border: 2px solid #FFFFFF; margin: 0 8px 10px 8px; vertical-align: top; border-radius: 50%; background-color: #FFFFFF}
	.cs-nav span:hover, .cs-nav span.cycle-pager-active {background-color: #19B4DF}
	.shop-contact-left, .shop-contact-right {padding: 45px 15px 45px 15px}
	.shop-page .shop-contact-whole p {margin-bottom: 40px}
	.shop-main-text {padding: 40px 15px 30px 15px}
	.shop-page .shop-main-text-in p {font-size: 1rem}
	.shop-main-block {margin-bottom: 40px}
	.page-prodejny .screen_dostupnost {margin:25px 10px}
}

@media(max-width:500px){
	.customers-slider ul li, .customers-slider-in {width: 300px; margin: 0}
	.customers-slider {width: 300px}
	.customers-slider-in {margin: 0 auto}
	.os-item-data > span:first-child {min-width: auto}
	.os-item-data > span:last-child {min-width: auto}
	.os-item-data > span:last-child .price-old {display: block; margin: 0;}
}

@media(max-width:450px){
	.customers-slider ul li, .customers-slider-in {width: 250px; margin: 0}
	.customers-slider {width: 250px}
	.customers-slider-in {margin: 0 auto}
	.customer-person {display: block}
	.customer-name {width: 100%; display: block}
	.shop-main-text-in h1 {font-size: 1.5rem !important}
}


@media(max-width:1400px) {
	.basket2 .info-tooltip-block {left: auto; right: 18px}
}

@media(max-width:1260px) {
	.footer-col.fc1 {width: 35%}
	.footer-col.fc2 {width: 23.5%}
	.footer-col.fc3 {width: 21.5%}
	.footer-col.fc4 {width: 19.5%}
	.footer-col.fc5 {width: 100%; text-align: center; padding: 0}
	.footer-col.fc5 ul li {display: inline-block; margin: 0 11px}
}

@media(max-width:1240px) {
	.product {width: 33.333333%}
}

@media(max-width:1200px) {
	.head-in, .navigation-in {width: auto; margin: 0 10px}
	.main, .footer-in, .navigation-in, .copyright-in {width: auto; margin: 0 20px}
	.main-whole .main {margin: 0 10px}
	.detail-images-slider ul li {width: 100px}
	.size-table {display: flex; align-items: stretch; width: 100%}
	.size-table-whole {display: block}
	.size-table-row {width: 33.3333%; display: block; border-right: none; border-top: 1px solid #E2DFDD}
	.size-table .size-table-row:last-child {border-right: 1px solid #E2DFDD; border-top-right-radius: 8px}
	.size-table-th, .size-table-td {width: auto; text-align: center; display: block}
	.size-table-th {border-right: none}
	.size-table-td span {display: block; width: auto; text-align: center; padding: 8px 5px; background-color: transparent; border-right: none}
	.size-table-row .size-table-td:nth-child(odd) span {background-color: #F0F0F0}
	.size-table .size-table-row:first-child {border-top-right-radius: 0; border-bottom-left-radius: 8px}
	.size-table .size-table-row:last-child {border-bottom-left-radius: 0}
}

@media(max-width:1120px) {
	.search {height: 26px; vertical-align: middle}
	.search > div {display: none; position: absolute; right: 0; top: 80px; height: 50px; background-color: #B1C903; padding: 10px; text-align: right; width: 100%; box-sizing: border-box; border-radius: 0}
	.search-mobile {display: inline-block; vertical-align: middle; width: 26px; height: 26px; background: url("../images/ico_search.svg") left top no-repeat; background-size: 100% auto}
	.search-mobile.active {background-color: #8D9A24; background-size: 80% auto; background-position: center center}
	.search input[type=submit].search-button {display: none}
	.search input[type=submit].search-button-mobile {display: inline-block; vertical-align: middle; width: 100px; height: 30px; background: #231F20; font-family: 'Roboto', sans-serif; font-size: 1.1rem; font-weight: 300; color: #FFFFFF; cursor: pointer; border: none}
	.search input[type=submit].search-button-mobile:hover {color: #fddc03}
	.search input[type="text"] {height: 30px; width: 239px; margin: 0 16px 0 0; border: none}
	.head-right {padding-right: 48px}
	.menu {display: none; position: absolute; left: 0; top: 100px; width: 100%;box-sizing: border-box; background-color: #FFFFFF; box-shadow: #CCCCCC 0 0 3px; z-index:120}
	.menu > li {border-bottom: 1px solid #918F8F; margin: 0 20px; height: auto}
	.menu > li:last-child {border: none}
	.menu > li > a, .menu > li > span {display: block; font-family: 'Roboto', sans-serif; font-size: 1.4rem; height: auto; padding: 13px 0}
	.menu > li > a.active, .menu > li.active > a, .menu > li > span {font-family: 'Roboto', sans-serif; font-weight: 700}
	.menu > li > a:after, .menu > li > span:after {content: ""; display: inline-block; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 12px; height: 12px; box-sizing: border-box; transform: rotate(-45deg); position: absolute; right: 2px; top: 19px}
	.menu > li.active > a:after, .menu > li > span:after {transform: rotate(225deg)}
	.mobile-menu {display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url("../images/mobile_menu.png") left top no-repeat; background-size: 100% auto; position: absolute; right: 13px; top: 38px}
	.mobile-menu.active {background-image: none}
	.mobile-menu.active:before, .mobile-menu.active:after {position: absolute; left: 13px; top: -3px; content: ' '; height: 32px; width: 4px; background-color: #000000}
	.mobile-menu.active:before {transform: rotate(45deg)}
	.mobile-menu.active:after {transform: rotate(-45deg)}
	.menu > li:hover > ul {display: none}
	.menu > li > ul, .menu > li > ul li ul {width: 100%; left: 0; top: 0; box-shadow: 0; border: none}
	.link-basket {margin-left: 14px}
	.currency-whole {display:none}
	.menu .currency-li {display: flex; padding: 12px 0; text-align: right; justify-content: space-between}
	.menu .currency-li .currency-whole {display: inline-block; float: none; margin: 0}
	.menu .currency-li a {display: inline-block; padding:0; height:24px; margin:0}
	.menu .currency-li a:after {display: none}
	.head-right .link-login {display:none}
}

@media(max-width:1080px) {
	#prodejny {display: block; padding-top:0}
	#prodejny .prodejna {width: 100%; margin: 30px 0; padding:45px 15px}
	#prodejny .prodejna strong {font-size: 1.8rem; margin-bottom: 25px;}
}

@media(max-width:1050px) {
	.footer-in {margin: 0; padding: 0}
	.footer-bg {display: none}
	.footer-cols {justify-content: space-between}
	.footer-col.fc1 {width: calc(100% - 190px); order: 1; background-color: #F8F5F2; padding: 25px 10px 30px 10px}
	.footer-col.fc2 {width: 33.3333%; order: 3; padding: 25px 10px}
	.footer-col.fc3 {width: 190px; order: 5; padding: 25px 10px}
	.footer-col.fc4 {width: 190px; order: 2; background-color: #F8F5F2; padding: 25px 10px}
	.footer-col.fc5 {width: 33.3333%; text-align: left; padding-bottom: 25px; order: 4; padding: 25px 10px}
	.footer-col.fc5 ul li {display: block; margin: 0}
	/*
	.footer-col.fc5 .menu-terms {display: block}
	.footer-col.fc3 .menu-terms {display: none}
	*/
	 .copyright-in {margin: 0 10px}
}

@media(max-width:1020px) {
	.colleft, .colright {width: 100%; float: none}
	.colleft {margin-bottom: 25px; }
	.jsTabs {border-radius: 8px}
	.main.promo .colleft /*.menu-left*/ {display:none}
	.menu-left.expanded {display:block}
	.menu-left > li, .menu-left > li.active > a, .menu-left > li.aktivni > span, .product-list-top {display:none}
	.menu-left > li.active, .menu-left > li.aktivni {display: list-item}
	.menu-left .menu-left-top {display:flex}
	.menu-left .menu-left-top li {width: 50%; box-sizing: border-box}
	.menu-left .menu-left-top a {display: block; text-decoration: none; text-align: center; box-sizing: border-box; height: 50px; padding-top: 15px; line-height: 1.2; border-bottom: 1px solid #E2DFDD}
	.menu-left .menu-left-top a.link-filter {border-right: 1px solid #E2DFDD; border-top-right-radius: 0}
	.menu-left .menu-left-top a:hover {text-decoration: underline}
	.menu-left .menu-left-top a.active {border-bottom: none; font-weight: 700}
	.menu-left .menu-left-top a:after {content: ""; display: inline-block; vertical-align: middle; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 12px; height: 12px; box-sizing: border-box; transform: rotate(45deg); margin: -7px 0 0 14px}
  .menu-left .menu-left-top li.ui-tabs-active a {border-bottom: none}
	.menu-left .menu-left-top li.ui-tabs-active a:after {transform: rotate(225deg); margin-top: 3px;}
	/*
	.menu-left-top a.active {border-bottom: 1px solid #918F8F}
	.menu-left-top a.active:after {content: ""; display: inline-block; vertical-align: middle; border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 12px; height: 12px; box-sizing: border-box; transform: rotate(-135deg); margin: 7px 0 0 14px}
	.filter-whole {border: none}
	.filter-whole > .book-block {display: none; border: 1px solid #918F8F; border-top: none}
	.product-list-middle {display:flex; justify-content: space-between; padding-bottom:10px}
	.product-list-middle .paging {margin-bottom:6px}
	*/
	.products-top .paging-whole {display: none}
	.products-top {float: none; width: 100%}
	.products-top h1 {text-align: center}
	.colright h1 {text-align: center}
	.filter-choosen {margin-left: 0; padding-bottom: 8px; display: none; justify-content: space-between}
	.filter-choosen.show {display: flex}
	.detail-left, .detail-right {width: 100%; margin-right: 0}
	.detail-left {margin-bottom: 30px}
	.product-detail h1 {float: none; width: auto}
	.detail-slider li a img {max-width: 450px; width: 100%}
	.slider-left, .slider-right {margin-left: 0}
	.slider-right {right: 0}
	.slider-nav {top: auto; bottom: 0}
	.button-center {text-align: center; margin-bottom: 30px; width: 100%}
	.button-show {display: inline-block; padding: 10px 25px; cursor: pointer; text-align: center; line-height: 1.3; box-sizing: border-box; border: none; border-radius: 20px; color: #FFFFFF; background: #B1C800; text-transform: uppercase; text-decoration: none; letter-spacing: 0.05rem}
	.button-show:hover {color: #231F20}
	.detail-images-slider ul li {width: 125px}
}

@media(max-width:980px) {
	.basket3 h1 .info-tooltip-block {width: 250px; left: auto; right: 18px}
	.registrace {width: 100%; max-width: 600px}
	.novinky {justify-content: center}
	.novinky aside {order: 2}
	.novinky-main {order: 1; width: 100%; text-align: left; padding-bottom: 40px}
}

@media(max-width:890px) {
	.footer-contact {width: 58%}
	.footer-shop {width: 40%; margin-right: 0}
	.footer-write {width: 270px; max-width: 100%; margin: 0 auto 35px auto}
	.copyright-in {padding-bottom: 70px}
	.set-size-block.left {padding: 45px 20px 30px 20px}
}

@media(max-width:760px) {
	.basket-steps {margin-bottom: 25px}
	.basket-steps > * {font-size: 0.75rem; white-space: nowrap}
	.basket-steps > * span {display: none}
	.basket-steps > * .bs3 {display: block}
	.basket-item-main {align-items: flex-start}
	.delivery-payment-col {width: 100%}
	.uvod > div, .uvod > div:last-child {width: 100%; padding: 0}
	.uvod > div:last-child {text-align: center}
	.uvod > div:first-child p:last-child {margin-bottom: 0}
	.length-item {width: 100%; padding: 0 0 50px 0}
	.promo .h-green, .h-green {font-size: 1.5rem; margin-bottom: 50px}
}

@media(max-width:720px) {
	.basket-steps.bs-res > *, .basket-steps.bs-res > *:first-child {font-size: 0.9rem; padding: 6px 0 6px 10px}
}

@media(max-width:705px) {
	.product {width: 50%}
	.footer-col.fc1 {width: calc(100% - 190px); order: 1; background-color: #F8F5F2}
	.footer-col.fc2 {width: calc(100% - 190px); order: 3; background-color: #F8F5F2; padding-top: 0}
	.footer-col.fc3 {width: 190px; order: 4; background-color: #F8F5F2; text-align: right; padding-top: 0}
	.footer-col.fc4 {width: 190px; order: 2; background-color: #F8F5F2; text-align: right}
	.footer-col.fc5 {width: 100%; text-align: center; order: 5}
	.footer-col.fc5 ul li {display: inline-block; margin: 0 11px}
	.size-table-th {min-height: 60px; font-size: 0.9rem}
	.detail-buttons {flex-wrap: wrap}
	.detail-buttons a, .detail-buttons input[type=submit] {width: 100%}
	.detail-buttons .db-reserve {order: 2}
	.detail-buttons .db-basket {order: 1}
	.order-summary-left, .order-summary.os-del {width: 100%; margin-right: 0; padding-bottom: 0}
	.basket-others .product {width: 50%}
	.result-block {text-align:left; padding-left: 0; padding-right: 0}
	.result-block > div:last-child {margin-bottom: 0;}
	.result-block > div strong, .result-block > div > span {width: auto}
	.result-block > div > span:last-child {display: inline; margin-right: 0}
	.result-block > div span:last-child {width: auto}
	.result-block > div > span:last-child a .primary {
		display: none;
	}
	.result-block > div > span:last-child a .secondary {
		display: inline-block;
		text-decoration: underline;
	}
	.result-block > div > span:last-child a {
		display: inline-block;
		padding: 0;
		color: #B1C800;
		height: auto;
		line-height: normal;
		float: right;
		background-color: transparent;
		text-transform: none;
		text-decoration: underline;
	}
}

@media(max-width:640px) {
	.basket-code {float: none}
	.registrace th, .registrace td, .login-form th, .login-form td {display: block}
	.registrace.rPrice th, .registrace.rPrice td, .registrace.nowrap th, .registrace.nowrap td {display: table-cell}
	.novinka > a, .novinka .perex {float: none; width: 100%; margin-right: 0}
	.novinka > a {margin-bottom: 30px}
	.novinka {padding-bottom: 30px; margin-bottom: 30px}
	.novinka h2 {font-size: 1.5rem}
	.order-summary.os-price {align-items: flex-end;}
	.basket-summary, .order-summary.os-price, .bcs-line {display:flex; justify-content: space-between; padding-top:20px}
	.basket-summary .bs-price, .order-summary .bs-price {margin-left:10px; font-size: 2rem;}
	.basket-code-summary {padding-bottom: 0; margin-top: 20px;}
	.bcs-line {padding:10px 0 0 0}
}

@media(max-width:610px) {
	.detail-images-slider ul li {width: 100px}
}

@media(max-width:570px) {
	h1 {font-size: 2rem}
	.footer-col.fc1 {width: 100%; order: 1}
	.footer-col.fc2 {width: calc(100% - 190px)}
	.footer-col.fc3 {width: 190px; order: 3}
	.footer-col.fc4 {width: 190px; order: 5; background-color: transparent}
	.footer-col.fc5 {width: calc(100% - 190px); text-align: left; order: 4}
	.footer-col.fc5 ul li {display: block; margin: 0}
	/*
	.footer-col.fc5 .menu-terms {display: block}
	.footer-col.fc3 .menu-terms {display: none}
	*/
	.basket-item-storage, .basket .red-text { margin-left: 0}
	.logo {width: 165px; height: 38px; background-size: 100% auto; margin-left: 0}
	.head, .head-in {height: 50px}
	.mobile-menu {top: 12px}
	.menu, .search > div {top: 50px}
	.bi-image, .order-summary .bi-image {width: 90px; margin-right: 10px}
	.bi-text, .order-summary .bi-text {width: calc(100% - 100px)}
	.detail-sizes {display: none}
	.detail-sizes-select {display: block}
	.product-list-bottom {text-align: center}
	.product-list-bottom .plt-whole {width:100%}
	.product-list-bottom .plt-selects {display: inline-block}
	.product-list-bottom .plt-selects .ui-selectmenu-button {width:auto !important}
	.product-list-bottom .ui-selectmenu-button {margin-bottom: 15px; width: auto !important}
	.page-index .colleft, .page-index .colright h2, .page-index .product-list {display: none}
	#filter-fixed {background: rgba(240,240,240,0.9); position: sticky; bottom: 0; left: auto; text-align: center; padding: 5px 0; border-radius: 0 0 5px 5px; z-index: 50; border-top: 1px solid rgba(226,223,221, 0.6)}
	.copyright-in {text-align: center;}
}

@media(max-width:503px) {
	.basket3 h1 .info-tooltip-block {left: 18px; right: auto}
	.basket-buttons a, .basket-buttons input {width: 100%; margin-bottom: 10px; text-align: center}
	.basket-buttons {padding-bottom: 10px; flex-wrap: wrap}
	.basket-buttons a.bb-back {order: 2}
	.basket-buttons a.bb-next, .basket-buttons input.bb-next {order: 1; margin-bottom: 20px}
	.product-list-top .ui-selectmenu-button {width: 100% !important; margin: 0 0 15px 0 !important}
	.detail-images-slider ul li a {width:70px; height:70px}
	.registrace .input2 {width: 200px}
	.detail-left {min-height: 570px;}
	.kosik_info {text-align: center;}
	.basket-others h2 {margin-left:0; text-align: center;}
}

@media(max-width:480px) {
	/*h1, .detail-price .current-price {font-size: 1.5rem !important}*/
	.basket2 h1, .basket2 h2, .basket3-in h1, .basket.basket3 h1, .basket h1 {font-size: 1rem; text-align: center;}
	.basket3-in h1 {font-size: .95rem !important}
	.product, .basket-others .product {width: 100%}
	.info-stripe {font-size: 0.8rem; padding: 8px 10px}
	.delivery-info label {width: 80px}
	.basket .delivery-info input[type=text], .basket .delivery-info textarea {width: calc(100% - 92px)}
	.delivery-info .form-item {width: 60%; margin-right: 2%}
	.delivery-info div .form-item:last-child {width: 36.5%}
	.main-detail {margin: 0 12px}
	.fch-items a {margin-right: 5px; padding: 4px 15px}
	.navigation-in {font-size: 0.8rem}
	.nav-sep {margin: 0 6px 0 3px}
	.detail-param {margin: 0}
	.delivery-free {padding-left: 0}
	.delivery-payment {padding: 10px 5px 1px 10px}
	.basket3 h1 {margin-bottom: 25px}
	.detail-offer .country-select{margin-left: 0}
	.product-list .product h2 {height: auto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.set-size-block {padding: 30px 10px}
	.set-size-block h2 {font-size: 1.2rem}
	.set-size-block .error {font-size: 0.8rem !important}
	.set-size-block input[type=text] {width: 100px; height: 35px; font-size: 1rem}
	.set-size-block .ui-selectmenu-button {font-size: 1rem}
	.set-size-block .ui-selectmenu-text {margin-right: 20px !important;}
	.set-size-block .ui-selectmenu-icon, .set-size-block .ui-selectmenu-button:hover .ui-selectmenu-icon, .set-size-block .ui-selectmenu-button:focus .ui-selectmenu-icon {margin: 2px 4px 0 0}
	.set-size-block .ui-selectmenu-button-open .ui-icon {margin-top: 6px !important;}
	.detail-left {min-height: calc(100vw - 24px + 20px + 70px + 45px)}
}

@media(max-width:420px) {
	.result-block > div strong, .result-block > div > span {width:auto}
}

@media(max-width:400px) {
	.search input[type="text"] {width: 175px; margin-right: 10px}
	.basket2 h1, .basket2 h2 {margin-left: 0}
	.basket2 .info-tooltip-block {width: 250px}
	.footer-fixed {max-width: 290px; right: 0}
	.quest-form-link {font-size: 1rem; padding: 17px 5px}
	.quest-form-main {padding: 15px 10px}
	.currency-change {margin-right: 5px}
	.detail-left {margin-bottom: 15px}
	.count a {width: 30px}
	.count-price .price-old {margin-right: 10px}
	.login-form {width: 100%}
	.login-form input[type=text], .login-form input[type=password] {width: 100%}
	.registrace .input2 {width: 160px; margin-right: 5px}
}

@media(max-width:380px) {
	.footer-col h3 {font-size: 1.3rem}
	.footer-col p, .footer-col ul li {font-size: 0.9rem}
	.footer-col.fc3, .footer-col.fc4 {width: 170px}
	.footer-col.fc2, .footer-col.fc5 {width: calc(100% - 170px)}
	.footer-col.fc2 {min-width: 160px; flex: 0 0 auto}
	.footer-col.fc3 {max-width: calc(100% - 160px); flex: 0 0 auto}
	.count {margin-bottom: 5px}
	.count label {display: block; margin: 0 0 3px 0}
	.detail-right .info-tooltip-block {width: 270px}
	.detail-info div.detail-price-whole {padding-bottom: 15px}
	.detail-buttons a, .detail-buttons input[type=submit] {font-size: 1.0rem; white-space: nowrap}
	.invoice-address a {display: block; margin: 15px 0; font-size: 0.9rem; width: 100%}
	.link-basket, .link-login {margin-left: 7px}
	.head-right {padding-right: 40px}
	.search input[type=submit].search-button-mobile {width: 80px}
	.button {height: auto; min-height: 40px}
	.result-block {padding: 0 0 10px 0}
	.result-block > div {padding: 0}
	.basket-code #block-code input[type="text"] {width: calc(100% - 150px)}
}

@media(min-width:1121px) {
	.search > div {display: block}
	.menu {display: flex}
}


/**
PopUp - osobni odber zasilkovna
*/

.clearfix::before, .clearfix::after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix::after {
	clear: both;
}

.serviceSelectBranch {
	clear: both;
}

.serviceLogo {
	text-align: center;
	margin-bottom: 25px;
}

.serviceLogo img {
	max-width: 182px;
}

.serviceSearchInfo {
	margin-bottom: 15px;
}

.searchForm .input-group label {
	display: block;
	margin-bottom: 5px;
	cursor: pointer;
}

.searchForm .input-group input[type="text"] {
	display: block;
}

.searchForm .input-group #city {
	width: 100%;
	margin-bottom: 15px;
}

.searchForm .input-group #postcode {
	width: 30%;
}

.searchForm .input-group #searchZasilkovna {
	margin-top: 15px;
	display: block;
	width: 100%;
}

.serviceBranches {
	margin: 0;
	padding: 10px 0 0 0;
	max-height: 300px;
	overflow: auto;
}

.serviceBranches > li {
	list-style-type: none;
	margin-bottom: 23px;
	font-size: .77rem;
}

.serviceBranches > li > span {
	display: inline-block;
	width: calc(100% - 100px);
}

.serviceBranches .arrow-down {
	display: block;
	margin: 3px 0;
}

.serviceBranches .business_hours th {
	font-weight: 600;
	padding-right: 15px;
}

.serviceBranches .business_hours {
	display: none;
	margin: 0;
	padding: 5px 0 0 0;
}

.serviceBranches .serviceBranch {
	padding: 5px 0 0 0;
	position: relative;
}

.serviceBranches .serviceBranch form {
	float: right;
}

.serviceBranches .serviceBranch form input[type="submit"] {
	border: none;
	cursor: pointer;
	margin-right: 10px;
}

.serviceBranches .packetery-hours {
	width: 100%;
}

.page-index .navigation, .page-index .colleft{
    display: none;
}

.page-index .colright{
    width: 100%;
}

a#btnCelaNabidka{
        display: inline-block;
        margin: 0 auto 20px auto;
    }

#filter-fixed{
    display: none;
}

@media(min-width: 571px){

    #filter-fixed{
        display: none !important;
    }
}

.prepinac_men{
    /*display: none;*/
    display: inline-block;
    padding-left: 10px;
}
.prepinac_men a.vybrana{
        color: gray;
        text-decoration: none;
    }

.banner-uvod p img{
	width: 100%;
}

@media(max-width: 780px){
    .prepinac_men{
        display: inline-block;
    }

    .country-select{
        vertical-align: middle;
    }

    .country-select .ui-selectmenu-button{
        margin-right: 10px;
    }
}

@media(max-width: 420px){
    .prepinac_men{
            display: inline-block;
            padding: 10px 0;
		}
}
/* Tabulka velikostí v popisu produktu */

.barevna-velikosti {width: 100%; line-height: 13px; margin-bottom: 20px; }
.barevna-velikosti td {padding: 6px 17px 7px 17px;}
.barevna-velikosti td a {color:#E36CAC}
.barevna-velikosti td a:hover {text-decoration: none;}
.barevna-velikosti tr:nth-of-type(odd) {background-color: #e5e5e5;}
.barevna-velikosti th {background: #B1C903; padding: 12px 17px 13px 17px; color: #fff; font-weight: bold; font-size: 13px; text-align: left; white-space: nowrap;}
.barevna-velikosti tr.active td {background-color: #E36CAC; color:#FFF}
.barevna-velikosti tr.active td a {color:#FFF}


.termsfeed-com---palette-light.termsfeed-com---nb{
	background: #f0f0f0 !important
}


.termsfeed-com---nb .cc-nb-okagree,
.termsfeed-com---nb .cc-nb-reject,
.termsfeed-com---nb .cc-cp-foot-save,
.termsfeed-com---nb .cc-nb-changep {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 400 !important;
    color: #fff !important;
    background-color: #B1C903 !important;
	border-radius: 50px;
	text-decoration: none;
	padding: 7px 20px;
	border-radius: 20px !important;
	font-size: 0.95rem;
	text-transform: uppercase !important;
	padding-right: 1rem !important;
	font-weight: normal !important;
}

.termsfeed-com---nb .cc-nb-reject{
	background: #707070 !important;
}


.termsfeed-com---nb .cc-nb-changep {
	background: #707070 !important;
}

.termsfeed-com---nb .cc-nb-main-container{
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

.termsfeed-com---palette-light #cc-nb-text.cc-nb-text{
	/*content: var("Cookies používáme k zajištění fungování webových stránek, analýze návštěvnosti a přizpůsobení obsahu a reklam.")*/
}

.termsfeed-com---nb .cc-nb-main-container{
	padding: 1rem !important;
}

.termsfeed-com---nb .cc-nb-text{
	font-size: 12px !important;
}

.termsfeed-com---nb .cc-nb-title{
	font-size: 18px !important;
}

#balikovna-form{
    padding-top: 36px;
}

#balikovna-form iframe{
    border: none;
}