html {font-family: 'Noto Sans', sans-serif; font-size: 18px; color: 141821; font-weight: 400}
body {margin: 0; padding: 0; text-align: center}
a {color: #00A3FF}
a img {border: none}
a:hover {text-decoration: none}
img {max-width: 100%}
strong {font-weight: 700}
p {line-height: 1.5; margin: 0 0 25px 0}
/*h1 {font-weight: 400; font-size: 1.8rem; margin: 0 0 30px 0; line-height: 1.3}*/
h1 {font-weight: 400; font-size: 2.4rem; margin: 0 0 60px 0; line-height: 1.2; color: #004E7A;}
h1:after {content: ""; display: block; height: 4px; background-color: #A1A3A6; width: 180px; margin: 17px 0 0 0}
h2 {font-weight: 400; font-size: 2.4rem; margin: 0 0 60px 0; line-height: 1.2; color: #004E7A;}
h2:after {content: ""; display: block; height: 4px; background-color: #A1A3A6; width: 180px; margin: 17px 0 0 0}
h3 {font-weight: 400; font-size: 1.7rem; margin: 0 0 20px 0; line-height: 1.4}


.head {background: #FDFDFD url("../img/bg_head.png") left bottom repeat-x; color: #FFFFFF}
.head a {color: #FFFFFF}
.head-in {width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; box-sizing: border-box}
.logo {display: inline-block; vertical-align: top; background: url("../img/logo.png") left top no-repeat; width: 517px; height: 180px}
.logo-whole {height: 180px;}
.head-right {display: flex; padding-right: 30px; position: relative}
.login, .basket, .calculate {position: relative; z-index: 100; margin-left: 15px}
.info {position: relative; z-index: 100}
.info-link, .login-link, .basket-link, .calculate-link {display: inline-block; vertical-align: text-top;}
.info-link {background: url("../img/ico_info.png") center center no-repeat; width: 131px; height: 121px;}
.calculate-link {background: url("../img/ico_calc.png") center center no-repeat; width: 101px; height: 121px;}
.login-link {background: url("../img/ico_user.png") center center no-repeat}
.basket-link {background: url("../img/ico_basket.png") center center no-repeat; text-align: right; text-decoration: none; line-height: 1.5; width: 101px; height: 121px;}
.basket-link span {width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background-color: #000; margin: 45px 15px 0 0; display: inline-block; text-align: center; font-size: 0.75rem}
.login-block, .basket-block, .info-block {display: none; position: absolute; right: 0; top: 121px; color: #333333; background-color: #FFFFFF; width: 345px; padding: 15px 30px; text-align: left; box-sizing: border-box; border: 1px solid #d7d7d7}
.login:hover .login-block, .basket:hover .basket-block, .login-block.active, .basket-block.active, .search-in div.active, .info:hover .info-block, .info-block.active {display: block}
.login-block a, .basket-block a {color: #00A3FF}
.info-block a {color: #333333}
.login-block form div {margin-bottom: 15px}
.login-block form {margin: 0}
.login-block form label {display: block; line-height: 1.4; margin-bottom: 5px}
.login-block form input[type=text], .login-block form input[type=password] {width: 100%; height: 40px; border: 1px #c2c2c2 solid; padding: 10px; box-sizing: border-box; font-family: 'Noto Sans', sans-serif; font-size: 1rem; color: #333333; font-weight: 400}
.login-block form div.center {text-align: center}
.login-block form div.center.nomargin {margin: 0}
.login-block form div.note {font-size: 0.9rem}
.login-block form div.grey-font a {color: #333333}
.login-block form button, .basket-block .button {text-decoration: none; display: inline-block; padding: 10px 25px; background-color: #174DFF; color: #FFFFFF; font-size: 1.1rem; text-transform: uppercase; font-family: 'Noto Sans', sans-serif; cursor: pointer; border: none}
.basket-block h2 {font-size: 0.9rem; margin-bottom: 10px; color: #333333}
.basket-block h2:after {display: none}
.basket-block table {margin: 0 0 10px 0; width: 100%; border-collapse: collapse}
.basket-block table th, .basket-block table td {border-bottom: 1px #d7d7d7 solid; font-weight: 400; color: #333333; padding: 10px 0; text-align: left; vertical-align: middle; font-size: 0.8rem; line-height: 1.3}
.basket-block table tr td:first-child {text-align: left; padding-right: 10px}
.basket-block table tr td:last-child {white-space: nowrap}
.basket-block table td {text-align: right}
.free-delivery {font-weight: 700; font-size: 0.9rem; line-height: 1.3; color: #077001}
.basket-block table .noborder td {border: none; padding-bottom: 0}
.basket-block .right {text-align: right; padding-top: 20px}
.basket-block .button {padding: 10px 20px; font-weight: 400; font-size: 1rem}
.info-block .phone {background: url("../img/ico_phone2.png") left center no-repeat; font-size: 1.3rem; font-weight: 700; padding-bottom: 2px}
.info-block .email {background: url("../img/ico_email2.png") left center no-repeat; font-size: 1.3rem; font-weight: 700}
.info-block .opentime {margin: 0; font-weight: 700; font-size: 0.8rem}
.mobile-menu span {display: none;}

.no-menu .head-in {justify-content: flex-start; align-items: stretch;}
.hr-block {display: inline-block; padding: 20px 50px; box-sizing: border-box; text-align: left;}
.hr-block.hrb1 {background-color: #272727;}
.hr-block.hrb2 {background-color: #616161;}
.hr-block h3 {font-size: 1.2rem;}
.hr-block .address p {font-size: 1rem;}
.hr-block .phone {background-size: 30px auto;}
.hr-block .email {background-size: 35px auto;}
.no-menu .logo-whole {height: auto; flex: 0 0 auto;}
.no-menu .logo {height: 100%; background-color: #004E7A}

.homepage .head-whole {position: fixed; left: 0; top: 0; width: 100%; height: 180px; z-index: 200}
.homepage .body {padding-top: 180px}

.subpage p {font-size: 0.8rem;}
.navigation-main {padding: 52px 0;}
.menu {margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; position: relative; z-index: 50}
.menu > li {list-style-type: none; text-transform: uppercase; font-size: 1.2rem; line-height: 1.3; display: flex; align-items: center}
.menu > li > a {text-decoration: none; display: flex; align-items: center; padding: 20px; height: 100%; box-sizing: border-box; color: #010102;}
.menu > li:hover > a, .menu > li.active > a {color: #00A3FF}
.submenu {position: absolute; left: 0; top: 62px; background-color: #00A3FF; width: 100%; padding: 15px 0; box-sizing: border-box; display: none; flex-wrap: wrap}
.submenu ul {margin: 0; padding: 0 15px; width: 50%; border-right: 1px solid #FFFFFF; box-sizing: border-box; text-align: left}
.submenu ul:last-child {border: none}
.submenu li {list-style-type: none; line-height: 1.4; text-transform: none; font-size: 1rem;}
.submenu li a {display: block; padding: 10px 0 10px 40px; text-decoration: none; position: relative; color: #FFF}
.submenu li a:hover {background-color: #1A1A1A}
.submenu li a:before {content: "\2192"; display: inline-block; position: absolute; left: 10px; top: 8px}

.search {width: 340px; height: 74px; margin-top: -7px; background-color: #5E5E5E; border-radius: 10px; position: relative}
.search-in div {padding: 12px}
.search input[type=text] {width: calc(100% - 45px); height: 50px; float: left; font-style: italic; border-radius: 5px; padding: 15px; text-align: left; box-sizing: border-box; background-color: #FFFFFF; border: none; font-family: 'Noto Sans', sans-serif; font-size: 0.95rem; color: #666666; font-weight: 400}
.search button, .search input[type=submit] {border: none; width: 40px; height: 50px; margin-left: 5px; cursor: pointer; background: url("../img/ico_search.png") center center no-repeat}

.main-image {position: relative; z-index: 30; overflow: hidden}
.main-image img {width: 100%; display: block; position: relative; z-index: 25}

.akce-image {border: none; width: 1220px; height: 100px; background: url("../img/sleva_banner_bj_big.png") center center no-repeat}

.button {display: inline-block; padding: 15px 30px; text-align: center; color: #FFFFFF; font-size: 1.1rem; font-weight: 700; line-height: 1.4; background-color: #174DFF; text-decoration: none; transition: background 0.2s ease-out}
.button:hover {background-color: #163DBF}

.main {max-width: 1625px; width: 96%; margin: 0 auto; text-align: left; padding: 80px 0}
.main.low-pad {padding: 30px 0 50px 0}

.about p, .p-bigger {text-align: left; font-size: 1.2rem;}
.bigger {font-size: 1.4rem; font-weight: 700}

.subpage .main {max-width: 1750px;}
.subpage-menu {margin: 4px 2px 0 2px}
.subpage-menu > ul {padding: 0; margin: 0; display: flex; width: 100%; position: relative; z-index: 40;}
.subpage-menu > ul > li {list-style-type: none; text-transform: uppercase; line-height: 1.5x; flex-grow: 1;}
.subpage-menu ul li:hover .submenu {display: flex; top: 55px; width: calc(100% - 4px); left: 2px}
.subpage-menu ul li:hover .submenu ul {width: 33.3333%;}
.subpage-menu > ul > li > a {display: block; text-decoration: none; background-color: #D8D6D6; padding: 15px; margin: 0 2px 4px 2px; color: #000;}
.subpage-menu > ul > li:hover > a, .subpage-menu > ul > li.active > a {background-color: #00A3FF; color: #FFF}


.products {padding: 30px 0 50px 0; display: flex; flex-wrap: wrap; align-items: stretch}
.product {display: block; box-sizing: border-box; width: 20%; padding: 0 25px 40px 25px; margin-bottom: 50px; flex: 0 0 auto; border-right: 1px solid #DCDBDB; position: relative; z-index: 30; text-decoration: none; color: #656565}
.products .product:nth-child(5n) {border: none}
.product-image {height: 280px; line-height: 280px; text-align: center; vertical-align: middle; margin-bottom: 5px; position: relative; z-index: 30}
.product-image img {vertical-align: middle}
.product-labels {position: absolute; right: 0; top: 0; text-align: right; line-height: 1}
.product-labels span {display: inline-block; padding: 3px 8px; line-height: 1.4; color: #FFFFFF; font-size: 0.75rem; text-transform: uppercase}
.product-labels span.pl1 {background-color: #c50000}
.product-labels span.pl2 {background-color: #005c06}
.product-labels span.pl3 {background-color: #28c0ca}
.product-labels span.pl4 {background-color: #ffbb00}
.product-price {padding: 0 10px 5px 10px; border-bottom: 1px solid #DCDBDB; margin-bottom: 10px; font-size: 2rem; line-height: 1.2; color: #00A3FF}
.product p {margin: 0 10px 15px 10px; color: #4F4F4F; font-size: 0.8rem}
.product button {position: absolute; left: 70px; bottom: 0; width: 178px; height: 44px; line-height: 48px; box-sizing: border-box; text-align: left; padding-left: 64px; border: none; cursor: pointer; background: url("../img/button_basket.png") left top no-repeat; font-family: 'Noto Sans', sans-serif; font-size: 0.9rem; color: #FFFFFF; text-transform: uppercase}
.detail-info {display: inline-block; position: absolute; left: 30px; bottom: 0; background: url("../img/ico_detail-info.png") left top no-repeat; width: 39px; height: 39px}

.grey {background-color: #F6F6F6}

.main.center {text-align: center}
.main.center h2:after {margin: 17px auto 0 auto}
.main.center h1:after {margin: 17px auto 0 auto}

.offers {display: flex; flex-wrap: wrap; justify-content: center; padding-top: 20px; max-width: 1320px; margin: 0 auto;}
.offer {width: calc(33.3333% - 20px); margin: 0 10px 50px 10px; text-align: left}
.offer-image {margin-bottom: 25px}
.offer-image img {display: block; width: auto; margin: 0 auto;}
.offer-text {padding: 0 0 0 20px; text-align: center;}
.offer-text .button {padding: 15px 25px; background-color: #2A71FF}
.offer-text .button:hover {background-color: #174DFF}
.offer-text h3 {text-align: center;}
.offer-text ul {margin: 0; padding: 0 0 25px 5px; display: inline-block; text-align: left;}
.offer-text ul li {color: #656565; list-style-type: none; padding-left: 25px; background: url("../img/list.png") left 11px no-repeat; font-size: 1.1rem; line-height: 1.5; margin-bottom: 5px}
.offer-text ul li a {color: #656565; text-decoration: none;}

.gallery {display: flex; flex-wrap: wrap; justify-content: center; padding: 40px 0 50px 0;}
.gallery a {margin: 0 7px 15px 7px; box-sizing: border-box; width: calc(25% - 14px); padding: 6px; border: 1px solid #DDDDDD;}
.gallery a img {display: block; width: 100%;}
.references {display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; padding-top: 10px}
.reference {width: calc(33.3333% - 30px); margin: 0 15px 30px 15px; text-align: left;  box-sizing: border-box; border: 2px solid #BBBBBB; padding: 40px 40px 40px 50px; color: #4D4D4D}
.reference p {margin-bottom: 30px; line-height: 1.7; font-size: 0.85rem; color: #7D7E7E;}
.reference .stars {margin-bottom: 15px;}
.ref-name {line-height: 1.5; color: #252525; font-size: 1.2rem;}

.contact {display: flex; flex-wrap: wrap}
.contact-block {width: 50%; font-size: 1.45rem; text-align: left}
.contact-block p {margin: 0}

.partners {width: 970px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center}
.partners .main {pad: 70px 0;}
.car-left, .car-right {display: inline-block; vertical-align: middle; width: 13px; height: 21px}
.car-left {background: url("../img/car_left.png") left top no-repeat}
.car-right {background: url("../img/car_right.png") left top no-repeat}
.carousel-whole {width: calc(100% - 86px)}
.carousel-whole.no-arrows {width: 100%}
.carousel {margin: 0; padding: 0}
.carousel li {display: inline-block; vertical-align: middle; margin: 0 20px; list-style-type: none}


.footer {background-color: #272727; color: #FFFFFF}
.footer h3 {color: #FFFFFF}
.footer a {color: #86D3FE;}
.footer-in {max-width: 1625px; width: 96%; margin: 0 auto; text-align: left; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 80px 0 60px 0}
.footer h3 {font-weight: 400; font-size: 1.85rem; margin-bottom: 25px}
.phone, .email {padding-left: 55px; margin-bottom: 18px}
.phone {background: url("../img/ico_phone.png") left center no-repeat}
.email {background: url("../img/ico_email.png") left center no-repeat}
.opentime {margin-bottom: 20px}
.socials a {display: inline-block; vertical-align: middle; margin: 0 5px 10px 0; width: 32px; height: 32px}
.socials .s1 {background: url("../img/s1.png") left top no-repeat; background-size: 100% auto}
.socials .s2 {background: url("../img/s2.png") left top no-repeat; background-size: 100% auto}
.socials .s3 {background: url("../img/s3.png") left top no-repeat; background-size: 100% auto}
.socials .s4 {background: url("../img/s4.png") left top no-repeat; background-size: 100% auto}
.footer-cols {display: flex; flex-wrap: wrap; width: 100%;}
.footer-col {width: 25%; font-size: 1.3rem; padding-right: 10px; box-sizing: border-box;}
.footer-col p {font-size: 1.3rem;}
.footer .footer-col h3 {font-size: 1.5rem; margin-bottom: 30px}
.footer-col ul {margin: 0 0 20px 0; padding: 0}
.footer-col ul li {list-style-type: none; font-size: 1.2rem; line-height: 1.5; margin-bottom: 3px}
.footer-col ul li a:hover {text-decoration: none}
.review a {display: inline-block; vertical-align: middle; margin: 0 5px 10px 0}
.address {padding-left: 40px; background: url("../img/ico_address.png") left 7px no-repeat;}

.copyright {background-color: #000000; color: #949393; padding: 30px 0; line-height: 1.4; font-size: 1.2rem}
.copyright a {color: #B3B3B3}
.copyright-in {max-width: 1130px; width: 96%; margin: 0 auto; text-align: center}


.subpage-top .main {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; padding: 40px 0 0 0}
.navigation {font-size: 0.7rem; line-height: 1.5}
.navigation a {color: #004E7A;}
.navigation a:after {content: ""; display: inline-block; vertical-align: middle; background: url("../img/nav_arrow.png") left top no-repeat; margin: 0 5px; width: 12px; height: 10px}
.subpage-top h1 {margin: 0}
.st-left {width: 70%}
.st-left.wider {width: 100%}
.st-right {width: 30%; text-align: right; font-size: 0.8rem; color: #969696}
.st-right .share {display: inline-block; margin-right: 7px; vertical-align: middle}
.st-right a {display: inline-block; vertical-align: middle; margin-right: 3px; width: 26px; height: 26px; filter: grayscale(100%)}
.st-right a.s1 {background: url("../img/s1_top.png")}
.st-right a.s2 {background: url("../img/s2_top.png")}
.st-right a.s3 {background: url("../img/s3_top.png")}

.product-detail {display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 30px;}
.product-detail-left, .product-detail-right {width: 45%; margin-bottom: 30px}
.product-detail-left {width: 48%;}
.product-detail-image {display: block; text-align: center; margin-bottom: 20px}
.detail-images {padding-bottom: 20px}
.detail-images a {border: 1px #b2b2b2 solid; display: inline-block; vertical-align: top; margin: 0 5px 10px 0}
.detail-images a img {display: block; height: 140px; width: auto}
//navic
.product-desc {margin-bottom: 20px}
.product-desc h2 {font-size: 1.3rem; font-weight: 400; margin-bottom: 15px; padding: 0}
.product-desc h2:after {display: none}
.product-desc-block {border: 1px solid #CDCDCD; padding: 20px 15px 15px 15px; font-size: 0.9rem; color: #000000}
.product-desc-block a {color: #000000}
.product-desc-links a {display: inline-block; margin-right: 10px; line-height: 1.5}
.link-question {padding-left: 20px; background: url("../img/ico_question.png") left center no-repeat}
.link-send {padding-left: 27px; background: url("../img/ico_send.png") left center no-repeat}
.link-print {padding-left: 25px; background: url("../img/ico_print.png") left center no-repeat}
.product-detail-right, .product-detail-right a {color: #000000}
.old-price {text-decoration: line-through; line-height: 1.5; font-size: 0.8rem; color: #7F7F7F}
.product-detail-right .price {margin-bottom: 10px}
.product-detail-right .price strong {font-weight: 400; line-height: 1.2; font-size: 2rem}
.product-detail-right p {font-size: 0.9rem; margin-bottom: 30px;}
.product-detail-right p .green {color: #008000;}
.product-count {margin: 0 0 20px 0}
.counter {display: inline-block; vertical-align: middle; margin-right: 8px}
.counter input[type=text] {width: 55px; height: 50px; box-sizing: border-box; vertical-align: middle; text-align: center; border: 1px solid #B1B1B1; background-color: #F9F9F9; margin-right: 2px; font-size: 1.5rem; padding: 13px; color: #000000; font-family: 'Noto Sans', sans-serif}
.plus-minus {display: inline-block; vertical-align: middle; height: 50px; width: 20px}
.plus-minus a {display: block; color: #B4B4B4; text-decoration: none; font-weight: 700; font-size: 1.4rem; border: 1px solid #E2E2E2; box-sizing: border-box; text-align: center; line-height: 19px; width: 24px; height: 24px}
.plus-minus a:first-child {margin-bottom: 2px}
.product-count button, .cf-block button {display: inline-block; border: none; cursor: pointer; padding: 10px 15px; background-color: #5E9E07; color: #FFFFFF; font-size: 1.1rem; text-transform: uppercase; height: 50px; box-sizing: border-box; font-family: 'Noto Sans', sans-serif; vertical-align: middle}
.product-info {border: 1px solid #CDCDCD; line-height: 1.7; padding: 10px; font-size: 0.85rem; margin-bottom: 20px}
.product-param {border: 1px solid #CDCDCD; padding: 9px}
.product-param table {margin: 0; width: 100%; border-collapse: collapse}
.product-param table th, .product-param table td {font-size: 0.85rem; text-align: left; vertical-align: middle; padding: 5px; line-height: 1.5; color: #000000; border: 4px solid #FFFFFF; background-color: #F3F3F3}
.product-param table th {color: #FFFFFF; background-color: #6D6D6D; font-weight: 700}

.main.other-products {padding: 50px 0}
.main.other-products h3 {margin: 0; font-weight: 400; font-size: 1.8rem}
.products.nopad {padding: 0}

.sorting-paging {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-bottom: 10px}
.sorting-paging.only-paging {display: block; text-align: right}
.sorting {margin: 0 0 15px 0; width: 48%}
.sorting-block {display: inline-block; vertical-align: top; width: 200px; margin: 0 5px 15px 0; position: relative; z-index: 35}
.sorting select, .cf-block select {height: 42px; width: 100%; box-sizing: border-box; border: 1px #e8e8e8 solid; background-color: #fff; padding-left: 20px; padding-right: 50px; color: #000000; font-size: 0.9rem; font-family: 'Noto Sans', sans-serif}
.sorting input, .cf-block input {height: 42px; width: 100%; box-sizing: border-box; border: 1px #e8e8e8 solid; background-color: #fff; padding-left: 20px; padding-right: 50px; color: #000000; font-size: 0.9rem; font-family: 'Noto Sans', sans-serif}
.sorting select option, .cf-block select option {color: #000000; font-size: 0.9rem; font-family: 'Noto Sans', sans-serif}
.select-arrow {display: inline-block; width: 36px; height: 40px; background: url("../img/select_arrow.png") left center no-repeat; position: absolute; right: 1px; top: 1px; pointer-events: none; background-size: 100% 100%}
.select-link {display: block; width: 100%; height: 42px; line-height: 41px; box-sizing: border-box; border: 1px #e8e8e8 solid; background: #fff url("../img/select_arrow.png") right center no-repeat; background-size: 36px 40px; padding-left: 20px; padding-right: 50px; color: #000000; font-size: 0.9rem}
.select-block {display: none; position: absolute; left: 0; top: 41px; background-color: #F6F6F6; width: 750px; box-sizing: border-box; padding: 30px 10px 25px 30px; border: 1px #e8e8e8 solid}
.check-item {display: inline-block; vertical-align: middle; margin: 0 30px 5px 0}
.select-block input[type=checkbox] {margin: 0 7px 0 0; vertical-align: middle}
.select-block label {vertical-align: middle; color: #000000; line-height: 1.5; font-size: 0.9rem}
.select-block button {display: inline-block; border: none; margin-bottom: 5px; cursor: pointer; padding: 10px 15px; background-color: #4A9FD5; color: #FFFFFF; font-size: 1.1rem; height: 42px; box-sizing: border-box; font-family: 'Noto Sans', sans-serif; vertical-align: middle}
.paging {width: 48%; text-align: right; margin: 0 0 10px 0; color: #000000; line-height: 1.5; font-size: 0.8rem;}
.paging a {color: #000000; background-color: #F3F3F3}
.paging .page-text {font-size: 0.8rem; margin-right: 15px}
.paging a, .paging span {display: inline-block; padding: 6px 8px; margin: 0 2px 5px 0; vertical-align: middle}
.paging .page-active {color: #FFFFFF; background-color: #00A3FF; font-weight: 700}
.paging .page-text {font-size: 0.8rem; padding: 0; margin-right: 12px}
.sorting-paging.only-paging .paging {width: 100%; margin: 0}


.basket-head {background-color: #D8D6D6}
.basket-head .main {padding: 0; display: flex}
.basket-head .main a {display: inline-block; width: 25%; padding: 18px 10px; box-sizing: border-box; text-decoration: none; text-align: center; line-height: 1.3; font-size: 1rem; color: #000000}
.basket-head .main a:hover, .basket-head .main a.active {background-color: #00A3FF; color: #FFFFFF}
.basket-head .main a.active {font-weight: 700}
.basket-ok {text-align: center; background: #e8f7cc; border: 2px #91d118 solid; color: #000000; padding: 5px 10px; font-size: 0.9rem; margin-bottom: 25px}
.basket-ok img {vertical-align: middle; margin-right: 10px}
.basket-ok a {color: #000000}
.basket-ok.bigger {font-size: 0.95rem; padding: 10px; font-weight: 400}
.basket-page form {margin: 0; color: #000000}
.basket-page h2 {font-size: 1.4rem; font-weight: 400; margin-bottom: 20px; padding: 0}
.basket-page h2:after {display: none}
.basket-item {border-top: 1px solid #E1E1E1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.basket-left {display: flex; flex-wrap: wrap; align-items: center; width: calc(55% - 60px)}
.basket-image {width: 93px; margin-right: 40px}
.basket-title {width: calc(100% - 133px); line-height: 1.4; font-size: 1rem}
.basket-count {width: 120px; text-align: center}
.basket-count .counter {margin: 0; text-align: center}
.basket-count .counter input[type=text] {width: 35px; height: 31px; padding: 10px 0; background-color: #FFFFFF; font-size: 0.9rem; vertical-align: middle}
.basket-count .counter .minus, .basket-count .counter .plus {display: inline-block; vertical-align: middle; width: 31px; height: 28px}
.basket-count .counter .minus {background: url("../img/basket_minus.png") center top no-repeat}
.basket-count .counter .plus {background: url("../img/basket_plus.png") center top no-repeat}
.basket-price-delete {width: calc(45% - 60px); text-align: right}
.basket-price-delete .price {display: inline-block; vertical-align: middle; font-size: 1.6rem; line-height: 1.2; margin-right: 10px}
.basket-price-delete .delete {display: inline-block; vertical-align: middle; background: url("../img/basket_delete.png") center center no-repeat; width: 29px; height: 30px}
.discount-code {background-color: #f4f4f4; border-top: 1px solid #E1E1E1; padding: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 15px}
.dc-left {padding: 5px 0 5px 70px; background: url("../img/ico_discount.png") 10px center no-repeat; background-size: 45px auto; line-height: 1.3; font-size: 1.2rem}
.dc-right label {line-height: 1.3; font-size: 1rem; display: inline-block; vertical-align: middle; margin-right: 3px}
.dc-right input[type=text] {padding: 5px; height: 35px; width: 180px; box-sizing: border-box; vertical-align: middle; border: 1px #bcbcbc solid; margin-right: 3px; font-size: 1rem; color: #000000; font-family: 'Noto Sans', sans-serif}
.dc-right button {display: inline-block; vertical-align: middle; height: 35px; border: none; background-color: #2c2c2c; color: #fff; cursor: pointer; width: 70px; text-transform: uppercase; font-size: 0.95rem; font-weight: 400; font-family: 'Noto Sans', sans-serif}
.basket-summary {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 2px #a6a6a6 solid; margin-bottom: 15px; padding-bottom: 15px}
.basket-summary.bs3 {border: none}
.bs-button {width: calc(59.5%); text-align: right}
.bs-button button {display: inline-block; cursor: pointer; width: 120px; height: 38px; background-color: #E10F0F; color: #FFFFFF; text-transform: uppercase; font-weight: 700; font-size: 0.95rem; font-family: 'Noto Sans', sans-serif; border: none}
.overall-price {width: 40.5%; text-align: right; font-size: 1.2rem; line-height: 1.3}
.overall-price strong {font-weight: 400; font-size: 1.8rem}
.overall-price .no-vat {font-size: 0.9rem; color: #838383}
.basket-buttons {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.basket-delivery {display: inline-block; padding: 0 10px 15px 10px; font-size: 0.95rem}
.basket-delivery span {color: #2b8001; font-weight: 700}
.basket-back {display: inline-block; text-decoration: none; margin-bottom: 15px; font-size: 1rem; height: 45px; padding-left: 45px; padding-right: 15px; background-repeat: no-repeat; background-image: url('../img/basket_back.png'); background-position: 18px center; background-color: #d3d3d3; line-height: 45px; color: #000;}
.basket-next {display: inline-block; text-decoration: none; margin-bottom: 15px; font-size: 1.1rem; font-family: 'Noto Sans', sans-serif; border: none; cursor: pointer; height: 45px; padding-left: 20px; padding-right: 40px; background-repeat: no-repeat; background-image: url('../img/basket_next.png'); background-position: right 15px center; background-color: #009840; line-height: 45px; color: #fff;}
.basket-back:hover, .basket-next:hover {text-decoration: underline}
.overall-price-text {font-size: 1.5rem; line-height: 1.3; width: 50%}
.bs2 .overall-price {width: 50%}
.h-note {display: block; font-size: 0.8rem; line-height: 1.5}
.delivery-whole {margin-bottom: 25px; border: 1px solid #dddddd}
.delivery-line, .doprava_zpusob_row {background-color: #F0F0F0; display: flex; align-items: stretch}
.delivery-whole .delivery-line:nth-child(even), .doprava_zpusob_cell.suda .doprava_zpusob_row {background-color: #f9f9f9}
.delivery1, .doprava_zpusob_ceckbox_area {border: 2px #fff solid; box-sizing: border-box; padding: 10px; text-align: center; width: 8%}
.delivery1 input, .doprava_zpusob_ceckbox_area input {margin: 15px 0 0 0}
.delivery2, .doprava_zpusob_textarea {border: 2px #fff solid; box-sizing: border-box; padding: 10px; width: 77%}
.delivery2 h3, .doprava_zpusob_text_nadpis {margin: 0 0 10px 0; font-size: 1rem; font-weight: 700}
.doprava_zpusob_textarea ul {margin: 0; padding: 0}
.delivery2 p, .doprava_zpusob_textarea ul li {list-style-type: none; margin: 0 0 3px 40px; font-size: 0.8rem; line-height: 1.4}
.delivery3, .doprava_zpusob_cena {border: 2px #fff solid; box-sizing: border-box; padding: 10px;text-align: center; width: 15%; font-weight: 700; display: flex; align-items: center; justify-content: center}
.basket3-block {padding: 3px; border: 1px #e7e7e7 solid; box-sizing: border-box; margin-bottom: 20px}
.basket3-block h3 {font-weight: 400; font-size: 1.1rem; margin: 0; padding: 8px 10px; background-color: #dfdfdf}
.basket3-block-in {padding: 15px 10px 5px 10px; background-color: #f4f4f4}
.basket3-block label {display: inline-block; vertical-align: middle; margin-right: 5px; width: 85px; color: #5F5F5F; font-size: 0.9rem; line-height: 1.4}
.b3-item {margin-bottom: 15px}
.basket3-block input[type=text], .basket3-block input[type=password], .basket3-block textarea {vertical-align: middle; padding: 8px; border: 1px #d2d2d2 solid; width: 510px; box-sizing: border-box; height: 34px; background-color: #FFFFFF; font-size: 0.9rem; color: #000000; font-family: 'Noto Sans', sans-serif}
.basket3-block h3 input[type=checkbox] {margin: 0 5px 0 5px; vertical-align: middle}
.basket3-block h3 label {width: auto; margin-right: 0; color: #000000; display: inline}
.basket3-block textarea {width: 100%; height: 120px; margin-bottom: 5px}
.basket3-block p {font-size: 0.85rem; margin-bottom: 5px; color: #5F5F5F}
.b3-item-info1 {display: inline-block; vertical-align: middle; font-size: 0.7rem; line-height: 1.4; width: 135px; margin: 0 5px 0 25px}
.b3-item-info1 span {display: block; color: #5F5F5F}
.b3-item-info2 {display: inline-block; vertical-align: middle; font-size: 0.7rem; line-height: 1.4; width: 220px}
.quest-link {padding-left: 22px; background: url("../img/ico_question.png") left center no-repeat}
.basket-login-info {padding: 0 0 15px 20px; line-height: 1.5; font-size: 0.9rem}
.basket-login-info .quest {vertical-align: middle}
.basket-login {padding: 5px 0 15px 0}
.bl-item label {color: #000000; width: 60px !important}
.bl-item input {width: 320px !important}
.bl-item-button {margin-top: 15px}
.bl-item-button p {color: #000000; margin: 10px 0 10px 69px}
.bl-item-button p a {color: #00A3FF}
.b-hide {display: none}
.basket-login button {vertical-align: middle; margin: 0 0 0 69px; padding: 8px 14px; color: #FFFFFF; font-size: 0.9rem; font-weight: 400; cursor: pointer; border: none; font-family: 'Noto Sans', sans-serif; background-color: #1B1B1B}
.news-info {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px #a6a6a6 solid}
.news-info input {margin: 5px 5px 0 0; vertical-align: top}
.news-info label {line-height: 1.4; vertical-align: top}
.news-info p {font-size: 0.8rem; margin: 5px 0; color: #a6a6a6}
.news-info.right {padding: 0; border: none; text-align: right}
.news-info.right label {font-size: 0.8rem; position: relative; z-index: 30; top: 1px}
.news-info.right label a {color: #1E1EEF}
.basket-count.finish {font-size: 1.1rem; width: 60px}
.basket4 {display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 20px}
.basket4-left {width: 33%}
.basket4-left h3 {font-weight: 400; font-size: 1.3rem; margin-bottom: 15px}
.basket4-left p {margin-bottom: 40px; font-size: 0.95rem}
.basket4-right {width: 65%}
.basket4 .basket-left {width: calc(55% - 30px)}
.basket4 .basket-price-delete {width: calc(45% - 30px)}
.basket-item.dp {padding: 15px 0}
.basket-item.dp .basket-left {font-size: 1rem; color: #5b5b5b}
.basket-item.dp .basket-left span {display: inline-block; padding-right: 33px; background: url("../img/ico_question2.png") right center no-repeat}
.basket-item.border {border-bottom: 1px solid #E1E1E1; margin-bottom: 15px}
.basket4 .basket-buttons {display: block; text-align: right}
.basket4 .basket-buttons .basket-next {padding: 0 20px; background-image: none}

.categories {display: flex; flex-wrap: wrap; align-items: stretch}
.category {display: inline-block; padding: 3px; border: 1px #d3d3d3 solid; box-sizing: border-box; margin: 0 18px 18px 0; color: #211F22; vertical-align: top; width: 260px; text-align: center; text-decoration: none}
.category-image {height: 250px; line-height: 250px; vertical-align: middle}
.category-image img {max-width: 100%; max-height: 100%; vertical-align: middle}
.category-text {padding: 15px 5px; font-size: 0.9rem; line-height: 1.4}
.category:hover .category-text {text-decoration: underline}

.calculate-form {margin: 0;}
.cf-block {background-color: #E9E8E8; position: relative; z-index: 30; padding: 10px 50px; margin-bottom: 20px;}
.cf-number {position: absolute; left: 0; top: 0; padding: 8px; background-color: #004E7A; color: #FFF; line-height: 1.2; font-size: 1.6rem;}
.cf-block h3 {color:#004E7A; font-size: 1.5rem; margin: 0 0 15px 0;}
.cf-cols {display: flex; flex-wrap: wrap; align-items: flex-end;}
.cf-select {width: 200px; margin: 0 20px 25px 0;}
.cf-info {width: calc(100% - 220px); margin-bottom: 25px; box-sizing: border-box; padding: 2px 0 0 50px; min-height: 38px; background: url("../img/ico_info2.png") left center no-repeat; line-height: 1.3; color: #008DC5; font-size: 0.7rem;}
.cf-info2 {width: calc(100% - 220px); margin-bottom: 25px; box-sizing: border-box; padding: 2px 0 0 50px;line-height: 1.3; color: #008DC5; font-size: 0.7rem;}
.cf-block label {font-size: 0.95rem; line-height: 1.3; display: block; margin-bottom: 8px;}
.cf-block .sorting-block {margin: 0;}
.cf-block-in {background-color: #D2D2D2; padding: 10px 10px 1px 10px; margin-bottom: 25px;}
.cf-block-in .cf-cols {padding-left: 40px;}
.cf-checkbox {display: flex; align-items: center; padding-bottom: 10px;}
.cf-checkbox.last {padding-bottom: 2px;}
.cf-checkbox .cf-info {padding: 7px 0 7px 40px; background-size: 30px auto; min-height: auto; margin-bottom: 10px;}
.cf-checkbox label {display: inline-block; vertical-align: middle; font-size: 1.3rem; color:#004E7A; margin: 0 25px 10px 0; white-space: nowrap;}
.cf-checkbox input[type=checkbox] {display: inline-block; vertical-align: middle; margin: 0 15px 10px 0; width: 25px; height: 25px; border-radius: 0; border: none; flex: 0 0 auto}
.cf-radio {display: flex; align-items: center; padding-bottom: 10px;}
.cf-radio.last {padding-bottom: 2px;}
.cf-radio .cf-info {padding: 7px 0 7px 40px; background-size: 30px auto; min-height: auto; margin-bottom: 10px;}
.cf-radio .cf-info2 {padding: 7px 0 7px 40px; min-height: auto; margin-bottom: 10px;}
.cf-radio label {display: inline-block; vertical-align: middle; font-size: 1.3rem; color:#004E7A; margin: 0 25px 10px 0; white-space: nowrap;}
.cf-radio input[type=radio] {display: inline-block; vertical-align: middle; margin: 0 15px 10px 0; width: 25px; height: 25px; border-radius: 0; border: none; flex: 0 0 auto}

.cf-block.cf-price {padding: 30px 50px 10px 50px;}
.cf-block.cf-price h3 {color: #000; margin-bottom: 15px; font-size: 1.6rem;}
.cf-price .price {font-size: 1.3rem; margin: 0 20px 20px 0; display: inline-block;}
.cf-price .price strong {font-size: 2.7rem; color: #004E7A;}
.cf-price .price_before {font-size: 1.3rem; margin: 0 20px 20px 0; display: inline-block;}
.cf-price .price_before strong {font-size: 2.5rem; color: #004E7A;}
.cf-block button {margin-bottom: 20px;}

.banner {margin-bottom: 30px;}
.banner a {display: inline-block;}
.banner img {display: none; margin: 0 auto;}
.banner img:first-child {display: block;}


@media(max-width:1650px){
	.logo {width: 250px; height: 85px; background-size: 100% auto;}
	.logo-whole {height: 85px;}
    .no-menu .logo {width: 517px;}
	.info-link {background-size: 100% auto; width: 90px; height: 85px;}
	.calculate-link, .basket-link {background-size: 100% auto; width: 70px; height: 85px}
	.navigation-main {padding: 8px 0;}
	.homepage .head-whole {height: 85px}
    .homepage .body {padding-top: 85px}
	.login-block, .basket-block, .info-block {top: 85px;}
	.head-right {padding-right: 10px;}
	.login, .basket, .calculate {margin-left: 10px;}
	.basket-link span {margin: 30px 10px 0 0;}
}

@media(max-width:1520px){
	.product, .products .product:nth-child(5n) {width: 25%; border-right: 1px solid #DCDBDB}
	.products .product:nth-child(4n) {border: none}
}

@media(max-width:1350px){
	.copyright, .footer-col, .footer-col ul li, .footer-col p {font-size: 1rem;}
	.footer .footer-col h3 {font-size: 1.3rem;}
	.email {padding-bottom: 2px;}
}

@media(max-width:1300px){
	.navigation-main {text-align: right; padding: 0; width: calc(100% - 420px);}
	.mobile-menu {display: inline-block; vertical-align: middle; background: url("../img/mobile_menu.png") left top no-repeat; width: 90px; height: 84px}
	.menu {display: none; padding: 0; position: absolute; left: 0; top: 85px; width: 100%; background-color: #4A9FD5; text-align: left;}
	.menu > li {height: auto; border-bottom: 1px solid #FFFFFF; display: block}
	.menu li a {color: #FFF;}
	.menu > li > a:hover {color: #000;}
	.menu > li:before {display: none}
	.menu > li > a {display: block; padding: 15px 20px; text-align: left}
	.menu > li > a br {display: none}
	.menu > li.active > a {background-color: #004E7A; color: #FFF;}
	.menu > li .submenu {position: static}
	.menu > li .submenu:after {content: ""; display: block; clear: both}
	.submenu ul {float: left}
	.info {display: none;}
	.subpage-menu {display: none;}
}

@media(max-width:1270px){
	.cf-detail .product-detail-left, .cf-detail .product-detail-right {width: 100%}
	.banner img:first-child {display: none;}
	.banner img:nth-child(2) {display: block;}
}

@media(max-width:1210px){
	.basket-head {background-color: #1B1B1B}
	.reference {width: calc(50% - 15px); margin: 0 30px 30px 0;}
	.references .reference:nth-child(2n) {margin-right: 0;}
    .hr-block {width: 50%;}
    .no-menu .logo-whole {width: 100%; height: 180px; background-color: #004E7A;}
    .no-menu .logo {height: 180px;}
}

@media(max-width:1140px){
	.offer {width: calc(50% - 20px)}
	.offer-text ul {padding-bottom: 10px}
}

@media(max-width:1100px){
	.product, .products .product:nth-child(5n) {width: 33.3333%}
	.basket3-block input[type=text], .basket3-block input[type=password] {width: calc(100% - 500px)}
	.main {padding: 50px 0}
	.product, .products .product:nth-child(4n) {border-right: 1px solid #DCDBDB}
	.products .product:nth-child(3n) {border: none}
	.footer-col {width: 50%; margin-bottom: 30px}
	.footer-in {padding: 50px 0 20px 0;}
}

@media(max-width:1070px){
	.contact-block {width: 100%; max-width: 550px; margin: 0 auto}
}

@media(max-width:1030px){
	.select-block {width: 550px}
	.bl-item-button {display: block; margin-top: 15px}
	.partners {width: 830px}
	.gallery {justify-content: flex-start;}
	.gallery a {width: calc(33.3333% - 10px); margin: 0 10px 10px 0;}
	.gallery a:nth-child(3n) {margin-right: 0;}

}

@media(max-width:950px){
	.sorting-paging {display: block}
	.sorting, .paging {width: 100%}
	.about-image, .about-text {width: 100%}
	.about-image {margin-bottom: 30px; text-align: center}
	.about {padding: 0}
}

@media(max-width:920px){
	.product-detail-left, .product-detail-right {width: 100%}
	.reference {width: 100%; margin: 0 0 20px 0}
	.partners {width: 680px}
	h2 {font-size: 1.8rem; margin-bottom: 30px;}
	h1 {font-size: 1.8rem; margin-bottom: 30px;}
	.about p, .p-bigger {font-size: 1rem;}
	.offer-text ul li {font-size: 0.9rem;}
}

@media(max-width:870px){
	.basket-delivery {order: 1; width: 100%; text-align: center}
	.basket-back {order: 2}
	.basket-next {order: 3}
	.b3-item-info1, .b3-item-info2 {display: inline-block; width: calc(100% - 95px); margin: 10px 0 0 95px}
	.basket3-block input[type=text], .basket3-block input[type=password] {width: calc(100% - 95px)}
	.basket4-left, .basket4-right {width: 100%}
	.basket4-left > div {width: 49%; display: inline-block; vertical-align: top}
	.sanitace {background-image: none; padding: 0}
	.sanitace-block, .sanitace-block.right {text-align: center; width: 100%; margin: 0 0 10px 0}
}

@media(max-width:840px){
	.product, .products .product:nth-child(5n) {width: 50%}
	.product, .products .product:nth-child(3n) {border-right: 1px solid #DCDBDB}
  .products .product:nth-child(2n) {border: none}

}

@media(max-width:810px){
	.select-block {width: 100%; padding: 20px 5px 15px 20px}
	.select-block button {margin-top: 15px}
	.offer-text ul li {font-size: 0.8rem;}
	.banner img:nth-child(2) {display: none;}
	.banner img:nth-child(3) {display: block;}
}

@media(max-width:780px){
	.navigation-main {top: 154px}
}

@media(max-width:750px){
	.st-left, .st-right {width: 100%; text-align: left}
	.st-left {margin-bottom: 15px}
	.bs-button {width: 120px}
	.overall-price {width: calc(100% - 130px)}
	.submenu ul {float: none; width: 100%; border: none}
	.offers {padding-bottom: 0}
	.offer {width: 100%; margin: 0 0 50px 0}
	.offers .offer:last-child {margin: 0}
	.delivery3, .doprava_zpusob_cena {font-size: 0.9rem}
	.partners {width: 530px}
    .hr-block {padding: 20px;}

}

@media(max-width:730px){
	.navigation-main {top: 94px}
	.gallery {padding: 10px 0 30px 0;}
	.gallery a, .gallery a:nth-child(3n) {width: calc(50% - 5px); margin: 0 10px 10px 0;}
	.gallery a:nth-child(2n) {margin-right: 0;}
}

@media(max-width:680px){
	.dc-left {width: 100%; box-sizing: border-box; margin-bottom: 15px}
}

@media(max-width:640px){
	.basket-left {width: 100%; margin-bottom: 5px}
	.basket-count {margin-bottom: 10px}
	.basket-price-delete {width: calc(100% - 120px); margin-bottom: 10px}
}

@media(max-width:610px){
	.delivery1 {width: 40px}
	.delivery2 {width: calc(100% - 130px)}
	.delivery2 p {margin-left: 15px}
	.delivery3, .doprava_zpusob_cena {width: 90px}
	.navigation-main {top: 175px}
	.login-block, .basket-block, .info-block {padding: 15px; width: 300px; font-size: 0.9rem;}
	.info-block .phone, .info-block .email {padding-left: 30px; background-size: 25px auto; font-size: 1rem}
	.login-link, .basket-link, .mobile-menu {vertical-align: middle}
	.bl-item input {width: calc(100% - 70px) !important}
	.bl-item-button button {display: block; margin: 15px 0 0 68px}
	.bl-item {display: block; width: auto}
	.basket4-left > div {width: 100%}
	.basket4 .basket-left {width: 100%}
  .basket4 .basket-price-delete {width: calc(100% - 60px)}
	.basket4 .basket-item.dp .basket-price-delete {width: 100%}
	.main-text-block {width: auto}
	.main-image-text .main {padding-top: 50px}
	.main-image-text h1 {font-size: 2rem}
	.partners {width: 380px}
}

@media(max-width:560px){
	.footer-in, .copyright-in, .main, .newsletter-in {width: 92%}
	.footer-col {width: 100%; margin-right: 0}
	.map iframe {height: 450px !important}
	h1 {font-size: 1.6rem}
	h2 {font-size: 1.6rem}
	h3 {font-size: 1.4rem;}
	.product, .products .product:nth-child(3n), .products .product:nth-child(5n) {width: 100%; border: none; padding: 0 0 45px 0}
	.product button {left: 45px}
	.detail-info {left: 5px}
	.basket-head .main {flex-wrap: wrap}
	.basket-head .main a {width: 50%; padding: 10px}
	.contact-block {font-size: 1.2rem}
	.bigger {font-size: 1.2rem}
	.offer-text ul li {font-size: 0.75rem;}
	.cf-info {width: 100%;}
	.cf-info2 {width: 100%;}
	.cf-select {margin: 0 0 10px 0;}
	.cf-checkbox {flex-wrap: wrap;}
	.cf-radio {flex-wrap: wrap;}
    .hr-block {width: 100%;}
    .no-menu .logo-whole {width: 100%; height: 85px;}
    .no-menu .logo {width: 250px; height: 85px; background-size: 100% auto;}
}

@media(max-width:530px){
	.logo {width: 200px; height: 70px; background-size: 100% auto;}
	.logo-whole {height: 70px;}
	.calculate-link, .basket-link {background-size: 100% auto; width: 50px; height: 60px}
	.calculate-link {margin: 0;}
	.head-right {padding: 0;}
	.calculate {margin-left: 0;}
	.homepage .head-whole {height: 70px}
    .homepage .body {padding-top: 70px}
	.menu {top: 70px;}
	.mobile-menu {width: 65px; height: 60px; background-size: 100% auto;}
	.navigation-main {width: calc(100% - 330px);}
}

@media(max-width:490px){
	.overall-price-text {font-size: 1.4rem; width: 100%}
	.bs2 .overall-price {width: 100%}
	.search {width: calc(100% - 90px)}
}

@media(max-width:460px){
	.search {width: calc(100% - 70px); height: 46px; padding: 5px; margin-top: 8px; box-sizing: border-box; border-radius: 5px}
	.search-in div {padding: 0}
	.search input[type=text] {width: calc(100% - 35px); height: 36px; padding: 10px}
	.search button, .search input[type=submit] {width: 30px; height: 36px}
	.partners {width: 235px}
	.reference {padding: 20px;}
}

@media(max-width:450px){
	.bs-button {width: 120px; margin: 0 auto 5px auto}
	.overall-price {width: 100%}
	.offer-text {padding: 0}
	.basket-block {width: 260px; font-size: 0.8rem;}
	.cf-block {padding: 10px 15px;}
	.cf-block h3 {margin-left: 30px; font-size: 1.3rem;}
	.cf-block.cf-price {padding: 15px;}
	.cf-block.cf-price h3 {margin-left: 0; font-size: 1.3rem;}
	.cf-price .price strong {font-size: 2rem;}
}

@media(max-width:400px){
	.navigation-main {position: absolute; left: 0; top: 73px; width: 100%;}
	.homepage .head-whole {height: 122px}
    .homepage .body {padding-top: 122px}
	.menu {top: 45px;}
	.mobile-menu {display: block; background-image: none; text-align: center; font-size: 1.1rem; background-color: #818181; width: auto; height: auto; padding: 10px; line-height: 1.3; text-transform: uppercase; color: #FFF;}
	.mobile-menu span {display: inline-block;}
}

@media(max-width:380px){
	.basket3-block input[type=text], .basket3-block input[type=password] {width: calc(100% - 75px)}
	.basket3-block label {width: 70px; margin: 0; font-size: 0.8rem}
	.b3-item-info1, .b3-item-info2 {margin-left: 75px}
}


@media(min-width:1301px){
	.menu {display: flex !important}
	.menu > li .submenu {display: none !important}
}

/*
@media(min-width:1141px){
  .login:hover .login-block, .basket:hover .basket-block {display: block !important}
  .search-in div {display: flex !important}
}
*/









/*overlay*/
.body_overlay{
    position: fixed;
    left: 0px; top: 0px;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1500;
    display: none;
    overflow: auto;
}
.body_overlay_wrap{
    height: 100%;
}
.dotaz_body_overlay{}
.znamemu_body_overlay{}
.komentar_body_overlay{}
.alternativy_body_overlay{}
.dotaz_overlay_wrap{
    display: table;
    width: 100%; height: 100%;
}
.dotaz_overlay_inner{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.dotaz_overlay_content{
    width: 90%;
    max-width: 1200px;
    margin: auto;
    min-height: 50%;
    overflow: auto;
    background-color: #fff;
    padding: 30px;
    position: relative;
    box-sizing: border-box;
}
.dotaz_overlay_overlay{
    position: absolute;
    top: 0px; bottom: 0px; left: 0px; right: 0px;
    width: 100%; height: 100%;
    background-color: #000;
    opacity: 1;
    background-color: rgba(255,255,255,0.94);
    display: none;
}
.dotaz_overlay_overlay_inside{
    width: 100%; height: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    font-size: 30px;
}
.dotaz_redborder{
    border: 1px #980000 solid !important;
}
.dotaz_overlay_overlay_inside_reset{
    display: inline-block;
    margin-top: 40px;
    padding: 5px 15px;
    background-color: #1F1F1F;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.dotaz_overlay_nadpis{
    font-size: 28px;
    font-weight: 500;
    text-align: left;
}
.dotaz_overlay_smalltext{
    font-size: 10px;
    margin: auto;
    padding-bottom: 10px;
    padding-top: 15px;
}
.dotaz_overlay_error{
    color: #980000;
}
.dotaz_overlay_formwrap{
    padding-top: 10px;
}
.dotaz_box{
    border: 1px solid #DCDCDC;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
    background-color: #eee;
    min-height: 100px;
    color: #5F5F5F;
    overflow: hidden;
}
.dotaz_jmeno{
    width: 50%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    text-align: left;
}
.dotaz_email{
    width: 50%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
     text-align: left;
}
.dotaz_jmeno input, .dotaz_email input{
    width: 90%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px #dcdcdc solid;
}
.dotaz_input_desc{
    font-size: 15px;
    padding-bottom: 5px;
    text-align: left;
}
.dotaz_text{
    padding: 5px;
    padding-top: 20px;
    width: 100%;
    box-sizing: border-box;
     text-align: left;
}
.dotaz_text textarea{
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px #dcdcdc solid;
    resize: vertical;
    min-height: 150px;
}
.dotaz_spodek{
    padding-top: 10px;
}
.dotaz_smalltext{
    font-size: 13px;
    float: left;
    padding-left: 30px;
}
.dotaz_submit{
    float: right;
    padding-right: 5px;
    padding-bottom: 15px;
}
.dotaz_submit_gdpr{
	/* GDPR */
	font-size: 13px;
	padding-right: 5px;
	display: inline-block;
}
.dotaz_submit_button{
	/* GDPR */
	display: inline-block;
}
.dotaz_submit input{
    padding: 5px 15px;
    background-color: #1F1F1F;
    color: #fff;
    font-size: 16px;
    border: none;
}
.dotaz_overlay_zavrit{
    font-size: 22px;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 0px; right: 10px;
    cursor: pointer;
}
.komentare_novy_uzivatel{
    font-size: 15px;
    overflow: hidden;
}
.komentare_novy_uzivatel_cast{
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-left: 20px; padding-right: 20px;
}
.komentare_novy_popis{
    color: #5F5F5F;
    padding-bottom: 4px;
    margin-left: -5px;
    padding-bottom: 5px;
}
.komentare_novy_input{
    border: 1px #d2d2d2 solid;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}
.komentare_novy_textpole{
    width: 100%;
    padding: 20px;
    font-size: 15px;
    box-sizing: border-box;
}
.komentare_novy_textpole textarea{
    width: 97%;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border: 1px #d2d2d2 solid;
    min-height: 170px;
    resize: vertical;
}
.komentare_spodek{
    padding-top: 15px;
    overflow: hidden;
    padding-left: 20px;
    box-sizing: border-box;
    padding-right: 20px;
}
.komentare_spamprotect{
    float: left;
}
.komentare_spamprotect_text{
    display: block;
    padding-bottom: 10px;
}
.komentare_spamprotect img{
    border: 1px #d2d2d2 solid;
}
.komentare_spamprotect input{
    border: 1px #d2d2d2 solid;
    height: 28px;
    vertical-align: top;
    margin-left: 20px;
    font-size: 20px;
    padding: 1px 5px;
    width: 120px;
    /*text-align: center;*/
}
.komentare_spaminputwrap{
    height: 32px;
}
.komentare_input_spamprotect_smalltext{
    padding-left: 140px;
    padding-top: 5px;
    font-size: 12px;
}
.komentare_submit{
    float: right;
    padding-top: 33px;
}
.komentare_submit input{
    color: #fff;
    background-color: #383838;
    border: none;
    padding: 7px 32px;
    cursor: pointer;
}
.komentare_submit input:hover{
    text-decoration: underline;
}
.error_pole {
    width: 95%;
    margin: auto;
    border: 1px solid #FF000C;
    background-color: #FFD6D8;
    text-align: left;
    padding: 10px 15px;
    font-weight: bold;
    color: #000;
    font-size: 12px;
}
.error_pole1 {
    font-size: 13px;
    vertical-align: middle;
    margin: auto;
    width:95%;
    text-align:center;
    background: #E8F7CC;
    border:2px solid #91D118;
    color:#000000;
    height:auto;
    padding: 5px 10px;
}
.detail_right_top_odkazy{
    padding-top: 20px;
}
.detail_top_sticky_tlacitko{
    border: 1px #bcbcbc solid;
    display: inline-block;
    padding: 10px;
    vertical-align: text-bottom;
    cursor: pointer;
    font-size: 13.5px;
    margin-right: 10px;
}
.sticky_tlacitko_text{
    text-decoration: underline;
    color: #ff4014;
}
.sticky_tlacitko:hover .sticky_tlacitko_text{
    text-decoration: none;
}
.sticky_tlacitko_sipka{
    color: #505050;
    text-decoration: none;
    padding-right: 5px;
}


.label-wrap .cf-radio {flex-wrap: wrap;}
.label-wrap .cf-radio label {white-space: normal; width: 290px; margin-right: 0;}
.label-wrap .cf-radio label p, .label-wrap .cf-radio label ul {padding: 10px 0 10px 10px; margin: 0;}
.label-wrap .cf-radio .cf-info2 {width: calc(100% - 300px); padding-left: 10px;}
.cf-radio-top {width: 100%; font-size: 1.3rem; color: #004E7A}
.cf-radio-top input {margin-bottom: 0 !important;}