.admin-bar, .p-code {
    display: none !important;
}

html {
    scroll-behavior: smooth;
}

body {
    opacity: 0;
}

body.visible-screen {
    opacity: 1;
}

body, div, li, p, a, span, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
    font-family: "neue-haas-grotesk-text" !important;
}

body {
    font-size: 15px;
    color: #707070;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
    color: #000;
    font-weight: bold;
}

.top-navigation-bar {
    color: #000;
    font-size: 14px;
}

.top-navigation-bar a, .top-navigation-bar .dropdown button {
    color: #000 !important;
    font-size: 14px;
    text-transform: none;
    line-height: 24px;
}

.top-navigation-bar a:not(.top-nav-button), .top-navigation-bar .dropdown button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.top-navigation-bar a:hover {
    text-decoration: underline;
}

.top-navigation-bar-menu li a {
    margin-right: 24px;
    padding: 0;
    text-decoration: underline;
}

.top-navigation-bar-menu li a:hover {
    text-decoration: none;
}

.top-navigation-bar-menu {
    text-align: left;
}

.top-navigation-bar-menu li::before {
    display: none;
}

.top-navigation-menu, .top-navigation-contacts {
    background-color: transparent;
}

.top-navigation-bar .project-phone, .project-email {
    display: none;
}

.misto a {
    text-decoration: underline;
}

.misto a:hover {
    text-decoration: none !important;
}

.misto {
    padding-left: 21px;
    background: url("/user/documents/upload/Images/misto-black.svg") 0 50% no-repeat;
}

#header .site-name a img {
    max-height: 67px;
    height: 67px
}

.form-control, select {
    border-color: #D6D6D6;
}

.compact-form .form-control {
    height: 52px;
}

.form-control::placeholder {
    color: #808080 !important;
    opacity: 1;
}

.search-active .search-form {
    z-index: 9;
}

.search-form .form-control {
    padding-left: 52px;
    background: url("/user/documents/upload/Images/lupa.svg") #fff 16px 50% no-repeat;
}

.btn, a.btn {
    text-transform: none;
    border-radius: 6px !important;
    height: 48px;
}

.compact-form .btn {
    height: 44px;
}

#formSearchForm.search-form .btn {
    width: 85px;
    top: 4px;
    right: 4px;
    background: #373737;
    border: none;
    color: #fff !important;
    box-shadow: none;
}

#formSearchForm.search-form .btn:hover {
    background: #414040;
}

.btn.btn-default, a.btn.btn-default {
    box-shadow: 0 1px 1px #7F5807;
    color: #000 !important;
}

#header .cart-count {
    background-color: #00B208;
    color: #fff;
    height: 52px;
    line-height: 52px;
    text-align: left;
    box-shadow: 0 1px 1px #005304;
}

.header-top .btn.cart-count::before {
    content: url("/user/documents/upload/Images/kosik.svg");
    height: 100%;
    width: 52px;
    vertical-align: top;
    background-color: #008606;
    border-radius: 3px 0 0 3px;
    line-height: 52px;
    text-align: center;
    margin-right: 7px;
}

.header-top .btn.cart-count .cart-price {
    font-weight: bold;
}

.header-top .btn.cart-count:not(.full) .cart-price {
    font-size: 0;
}

.header-top .btn.cart-count:not(.full) .cart-price::after {
    font-size: 16px;
    content: "Košík";
}

.navigation-in > ul > li > a {
    font-size: 15px;
    color: #000;
    line-height: 20px;
    margin: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.navigation-in > ul > li > a > b {
    font-weight: bold;
}

.homepage-box.before-carousel {
    background-color: #F2F0EA;
    border: 0;
    padding-top: 32px;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.banners-row .col-sm-4 {
    padding-left: 24px;
    width: 25.5%;
}

.banners-row .col-sm-8 {
    width: 74.5%;
}

.banners-content a:hover img, .banner-footer a:hover img, .banner-wrapper a:hover img, .footer-banner a:hover img, .banner-category a:hover img {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.navigation-buttons > a[data-target="cart"] i {
    font-size: 13px;
    background-color: #FFAC00;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 0;
    line-height: 20px;
    border: 3px solid #fff;
    color: #000;
    font-weight: bold;
    left: -12px;
    top: -12px;
}

.project-phone {
    display: inline-block;
    padding: 5px 0 5px 64px;
    width: 300px;
    vertical-align: middle;
    margin-right: 56px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    line-height: 20px;
    background: url("/user/documents/upload/Images/hanka.png") 0 50% no-repeat;
    background-size: 50px auto;
    position: relative;
}

.project-phone::before {
    content: "Odborně vám poradí Alena";
    display: block;
    font-size: 12px;
    color: #373737;
    font-weight: 400;
    margin-bottom: 1px;
}

.project-phone > span::after {
    content: "(Po-Pá, 7:30-16)";
    font-size: 12px;
    color: #373737;
    font-weight: 400;
    margin-left: 4px
}

.project-phone > span {
    line-height: 20px;
    padding-left: 28px;
    background: url("/user/documents/upload/Images/telefon.svg") 0 50% no-repeat;
    display: block;
}

/* .project-phone::after{content: "";position: absolute;width: 14px;height: 14px;border: 2px solid #fff;background-color: #00B208;border-radius: 50%;left: -2px;top: 2px;} */
.carousel-control.left, .carousel-control.right {
    opacity: 1;
    width: 5%;
}

.carousel-control.left:before {
    left: 20px;
}

.carousel-control.right:before {
    right: 20px;
}

.carousel-control:before {
    background-color: #fff;
    color: #000;
}

.next-to-carousel-banners a > img {
    border-radius: 12px;
}

.hp-kat {
    padding: 0;
}

.hp-kat h2 {
    margin: 30px 0;
    text-align: center;
    font-size: 28px;
}

.hp-kat-inner {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.single-cat {
    position: relative;
    flex: 1 0 300px;
    background: #E7F8E5;
    border-radius: 10px;
    padding: 20px 30px 30px;
}

.single-cat ul li img {
    display: none;
}

.single-cat h3 {
    margin: 0 0 20px;
    font-size: 22px;
}

.single-cat ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.single-cat ul li {
    margin-bottom: 12px;
}

.single-cat ul li a {
    color: #000;
    text-decoration: underline;
}

.single-cat ul li a:hover {
    text-decoration: none;
}

.single-cat ul li:last-child {
    margin-bottom: 0;
}

.single-cat .btn-holder {
    margin-top: 32px;
}

.single-cat .btn-holder a {
    color: #06B208;
    font-weight: 700;
    text-decoration: underline;
    display: flex;
    align-items: center;
}

.single-cat .btn-holder a:hover {
    text-decoration: none;
}

.single-cat .btn-holder a::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    background-image: url("/user/documents/upload/Images/odrazka-green.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
}

.single-cat .img-holder {
    mix-blend-mode: multiply;
    position: absolute;
    bottom: 0;
    right: 0;
}

.single-cat.id-735 .img-holder {
    bottom: 43px;
}

.single-cat.id-1299 .img-holder {
    bottom: 12px;
}

.single-cat.id-747 .img-holder {
    bottom: 10px;
}

.vyhody {
    padding: 0;
    margin-top: 54px;
    margin-bottom: 50px;
}

.type-index .vyhody {
    margin-top: 43px;
    margin-bottom: 43px;
}

.type-index.desktop .vyhody {
    margin-left: -20px;
    margin-right: -20px;
}

.vyhody > div {
    display: flex;
    flex-wrap: wrap;
}

.vyhody > div > div {
    width: 25%;
    padding: 0 30px 0 72px;
    position: relative;
    font-size: 13px;
    line-height: 18px;
}

.vyhody > div > div:last-child {
    padding-right: 24px;
}

.vyhody > div > div span {
    display: block;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 3px;
    color: #000;
    font-weight: 700;
}

.vyhody > div > div::before {
    position: absolute;
    left: 0;
    top: 0;
}

.vyhoda1::before {
    content: url("/user/documents/upload/Images/vyhoda-1.svg");
}

.vyhoda2::before {
    content: url("/user/documents/upload/Images/vyhoda-2.svg");
}

.vyhoda3::before {
    content: url("/user/documents/upload/Images/vyhoda-3.svg");
}

.vyhoda4::before {
    content: url("/user/documents/upload/Images/vyhoda-4.svg");
}

.menu-no-image {
    padding: 0;
}

.products-block > div {
    padding: 8px !important;
    border: 0;
}

.products-block .p {
    padding: 16px 16px 24px 16px;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
}

.products-block .p:hover {
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.06);
}

.products-block .p .flags-default {
    left: -17px;
    top: 4px;
}

.flags-default .flag {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    padding: 7px 12px;
}

.products-block .p a.image {
    margin-bottom: 45px;
}

.product .p-in {
    position: relative;
}

.products-block .p-in .stars-wrapper {
    position: absolute;
    top: -29px
}

.products-block.products .p .name {
    margin-bottom: 12px;
    color: #000;
}

.products-block.products .p .name:hover {
    text-decoration: underline;
    color: #00B208;
}

.products-block .p-desc {
    font-size: 13px;
    line-height: 18px;
    height: 55px;
    overflow: hidden;
    margin-bottom: 28px;
}

.products-block .p-bottom .prices, .products-block .p-bottom .p-tools {
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.products-block.products .p .price {
    width: 50%;
}

.products-block.products .ratings-wrapper {
    width: 50%;
    text-align: right;
    padding: 0;
    font-size: 14px;
    min-height: auto;
}

.products-block .ratings-wrapper .availability > span:not(.availability-amount) {
    font-weight: bold;
}

.products-block .p-bottom .prices {
    margin-bottom: 30px;
}

.quantity input {
    width: 40px !important;
    height: 46px !important;
    border-color: #D0D0D0;
    text-align: center;
    font-size: 16px;
    color: #000;
}

.quantity {
    padding-left: 40px;
    padding-right: 40px !important;
    height: 48px;
    border-radius: 3px;
    width: 120px;
    margin-right: 16px;
}

.quantity .increase, .quantity .decrease {
    color: #000;
    border-radius: 3px;
    width: 32px !important;
    height: 32px !important;
    background-color: #F2F0EA;
    border: 0;
    top: 7px !important;
}

.quantity .increase:hover, .quantity .decrease:hover {
    background-color: #FFAC00;
}

.quantity .increase {
    right: 8px;
}

.quantity .decrease {
    left: 8px;
}

.quantity .increase::before, .quantity .decrease::before {
    line-height: 30px !important;
    font-size: 16px;
    color: #000000;
    font-family: "Roboto", sans-serif;
}

.quantity .increase::before {
    content: "+";
}

.quantity .decrease::before {
    content: "-";
}

.products-block .pr-action {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.products-block .pr-action .btn {
    width: calc(100% - 136px);
    max-width: none;
}

.product .btn.add-to-cart-button::before {
    display: none;
}

.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart {
    box-shadow: 0 1px 1px #005304;
}

.p:hover .btn-cart {
    border-color: #00B208;
    background-color: #00B208;
}

.p .btn-cart:hover {
    border-color: #008606;
    background-color: #008606;
}

.flags .flag {
    padding: 7px 12px;
    border-radius: 4px;
    margin-left: 10px !important;
}

.flag.flag-discount, .flag.flag-action {
    background-color: #F2DBDF;
    color: #AD1442;
}

.flag.flag-tip {
    background-color: #DAF2FF;
    color: #00649A;
    text-transform: uppercase;
}

.flag.flag-na-baterie, .flag.flag-do-site, .flag.flag-nova-verze {
    color: #4B4B4B;
}

.flag.flag-new {
    background-color: #E5F7EA;
    color: #1C7E38;
}

/* vyprodej */
.flag.flag-custom1 {
    color: #AD1442;
}

/* prirodni */
.flag.flag-custom2 {
    color: #5E7E1C;
}

/* vyrobeno v CR */
.flag.flag-custom3 {
    color: #1C4F7E;
}

.flags-extra .flag {
    width: 80px;
    height: 80px;
    margin-bottom: 0;
}

.flags-extra .flag .price-save {
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
    order: 1;
}

.flags-extra .flag .price-standard {
    font-size: 14px;
    line-height: 19px;
    order: 2;
    font-weight: 400;
}

h4.homepage-group-title, .h4.homepage-group-title {
    margin-bottom: 37px;
    margin-top: 72px;
    font-size: 28px;
    line-height: 37px;
}

.menu-helper {
    top: 128px;
}

.menu-helper::after, .menu-trigger::after {
    color: #000;
    background-color: transparent;
}

.fav-cat {
}

.fav-cat ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -8px;
    padding: 0;
}

.fav-cat ul ul {
    display: none;
}

.fav-cat ul li {
    width: 16.66666%;
    text-align: center;
    padding: 8px;
}

.fav-cat ul li > div {
    background-color: #F2F0EB;
    border-radius: 8px;
    padding: 20px 24px 25px 24px;
    position: relative;
    height: 100%;
}

.fav-cat ul li > div img {
    margin-bottom: 16px;
    height: 80px;
    border-radius: 80px;
}

.fav-cat ul li > div a {
    font-size: 15px;
    line-height: 1.24;
    color: #000;
    height: 44px;
    text-decoration: underline;
    overflow: hidden;
}

.fav-cat .menu-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.fav-cat ul li > div:hover {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.fav-cat ul li > div:hover a {
    text-decoration: underline;
    color: #00B208;
}

.fav-cat .h4 {
    font-size: 24px;
    line-height: 32px;
}

.fav-cat .container {
    padding: 0;
}

.welcome div {
    max-width: none;
    margin: 0;
}

.poradna {
    display: flex;
    flex-wrap: wrap;
}

.poradna .prava {
    width: 470px;
    padding-left: 16px;
}

.poradna .leva {
    width: calc(100% - 470px)
}

.poradna-faq {
    display: flex;
    flex-wrap: wrap;
    background: #F3F2ED;
    border-radius: 6px;
    padding: 46px 48px 51px 48px;
    height: 100%;
}

.poradna-faq > div {
    width: 33.333%;
    position: relative;
}

.poradna-faq h3 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 38px;
    font-size: 24px;
    line-height: 32px;
}

.poradna-faq ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.poradna-faq ul li {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 16px;
}

.poradna-faq ul li:last-child, .radime ul li:last-child {
    margin-bottom: 0;
}

.poradna-faq ul a {
    color: #000;
    text-decoration: underline;
    padding-left: 35px;
    background: url("/user/documents/upload/Images/odrazka-2.svg") 0 50% no-repeat;
    display: block;
}

.poradna-faq ul a:hover, .radime ul a:hover {
    text-decoration: none;
}

.btn.btn-primary, a.btn.btn-primary {
    color: #000 !important;
    padding: 0 15px;
    line-height: 48px;
}

.poradna-faq .btn {
    width: 200px;
    position: absolute;
    bottom: 5px;
    right: 0;
    font-size: 17px;
    font-weight: 500;
    box-shadow: none !important;
}

.poradna-kontakt {
    background-color: #215115;
    padding: 44px 32px 51px 32px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    height: 100%;
}

.poradna-kontakt h5 {
    font-size: 22px;
    line-height: 1.24;
    max-width: 272px;
    margin: 0 auto 13px;
    color: #fff;
}

.poradna-kontakt p {
    margin-bottom: 49px;
    line-height: 22px;
}

.kontakt-in a:hover {
    color: #ffc800;
    text-decoration: none !important;
}

.welcome .kontakt-in {
    padding-left: 79px;
    background-size: 64px 64px;
    min-height: 64px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 40px;
    justify-content: center;
}

.welcome .kontakt-in a {
    font-size: 16px;
    margin-bottom: 13px;
}

.welcome .kontakt-in a.telefon {
    position: relative;
    background-image: none;
    padding: 0;
    display: flex;
    align-items: center;
}

.welcome .kontakt-in a.telefon br {
    display: none;
}

.welcome .kontakt-in a.telefon::before {
    content: "";
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    margin-right: 9px;
    background-image: url("/user/documents/upload/Images/phone-new.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.welcome .kontakt-in a.telefon span {
    margin-left: 10px;
    font-size: 12px;
}

.welcome .kontakt-in a.email {
    position: relative;
    background-image: none;
    padding: 0;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.welcome .kontakt-in a.email::before {
    content: "";
    width: 18px;
    height: 15px;
    position: relative;
    display: inline-block;
    margin-right: 6px;
    background-image: url("/user/documents/upload/Images/mail-new.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.kontakt-in {
    background: url("/user/documents/upload/Images/hanka.png") 0 0 no-repeat;
    background-size: 88px auto;
    text-align: center;
    padding-left: 111px;
    position: relative;
}



/* .kontakt-in::after{content: ""; width: 16px; height: 16px; border-radius: 50%;background-color: #00B208; border: 3px solid #005304; position: absolute; left: 1px; top: 9px;} */
.kontakt-in .jmeno {
    font-size: 13px;
    margin-bottom: 19px;
}

.kontakt-in .jmeno strong {
    display: block;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 4px;
}

.kontakt-in a {
    font-size: 18px;
    display: block;
    line-height: 20px;
    padding-left: 36px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    margin-bottom: 20px;
    font-weight: bold;
    color: #FFAC00;
}

.kontakt-in a:hover {
    text-decoration: underline;
}

.kontakt-in a.telefon {
    background-image: url("/user/documents/upload/Images/kontakt-telefon.svg");
}

.kontakt-in a.email {
    background-image: url("/user/documents/upload/Images/kontakt-email.svg");
}

.kontakt-in a span {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    display: inline-block;
}

.homepage-box.welcome-wrapper {
    background: none;
    border: 0;
    padding: 0;
    margin-top: 76px;
    margin-bottom: 0;
}

.latest-contribution-box {
    display: none !important;
}

.myblog-title {
    margin-top: 104px;
    font-size: 28px;
    line-height: 37px;
    margin-bottom: 20px;
    text-align: center;
}

.blog-hp {
    margin-top: 0px;
}

.myblog-title a {
    text-decoration: underline;
}

.myblog-title a:hover {
    text-decoration: none;
}

.blog-hp > .h4 {
    margin-top: 0;
    margin-bottom: 30px
}


.news-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.news-item:not(.slick-slide) {
    width: calc(33.3333% - 16px) !important;
    flex-basis: calc(33.3333% - 16px) !important;
}

.news-item {
    margin: 8px;
    border: 1px solid #D6D6D6 !important;
    border-radius: 5px;
    padding: 20px 20px 32px 20px !important;
    display: block;
}

.news-item:last-child {
    padding-bottom: 32px;
}

.news-item .image {
    width: 100% !important;
    margin: 0 0 24px 0 !important;
}

.news-item .image img {
    border-radius: 4px;
}

.news-item .text {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.news-item time, .news-item-detail time {
    order: 1;
    font-size: 13px;
    color: #4F4F4F;
    line-height: 20px;
    margin-bottom: 11px;
}

.news-item .text .title {
    order: 2;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 15px;
    font-weight: bold;
    min-height: 48px;margin: 0;
}

.news-item .text .title:hover {
    text-decoration: underline;
}

.news-item .text .description {
    order: 3;
    line-height: 24px;
    color: #4F4F4F;
}

.cely-clanek, .vsechny a {
    color: #00B208 !important;
    margin-top: 32px;
    text-decoration: underline;
    display: inline-block;
    font-weight: bold;
}

.cely-clanek {
    color: #000 !important;
    font-weight: 700;
    display: block;
    text-align: center;
}

.cely-clanek:hover, .vsechny a:hover {
    text-decoration: none;
}

.cely-clanek::after, .vsechny a::after {
    content: url("/user/documents/upload/Images/sipka-zelena-12-prava.svg");
    margin-left: 16px;
    position: relative;
    top: 1px;
}

.cely-clanek::after {
    margin-left: 10px;
    content: url("/user/documents/upload/Images/odrazka-2.svg");
    top: 4px;
    display: inline-block;
    height: 19px;
}

.vsechny {
    text-align: center;
    margin-top: 56px;
}

.vsechny a {
    margin-top: 0;
}

#footer .o-nas-obal {
    display: none;
}

.o-nas {
    padding: 104px 0 80px 0;
    display: flex;
    flex-wrap: wrap;
}

.o-nas-obal {
    background-color: #F2F0EA;
    margin-top: 104px;
}

.o-nas .h4 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 38px;
}

.banner, .banner-wrapper, .banner-category, .carousel-inner {
    color: #707070;
}

.o-nas .leva {
    width: 725px;
    padding-right: 41px;
}

.o-nas .prava {
    width: calc(100% - 725px);
    padding-top: 71px;
    position: relative;
}

.o-nas .leva p {
    line-height: 24px;
    margin-bottom: 24px;
}

.o-nas .prava > div {
    background-color: #fff;
    padding: 40px 20px 38px 161px;
    left: 195px;
    position: relative;
    width: 473px;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
    font-style: italic;
}

.o-nas .prava::before {
    position: absolute;
    left: 0;
    bottom: -85px;
    content: url("/user/documents/upload/Images/petr-big.png");
    z-index: 1;
}

.o-nas .jmeno {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
}

.o-nas .jmeno strong {
    font-weight: bold;
    color: #4f4f4f;
    display: block;
    margin-top: 20px;
}

.banner {
    overflow: visible;
    margin-bottom: 0;
}

.o-nas a {
    text-decoration: underline;
    color: inherit;
}

.o-nas a:hover {
    text-decoration: none;
}

.heureka {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 64px;
}

.h-main {
    width: 354px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.recenze {
    width: calc(100% - 330px);
    display: flex;
    flex-wrap: wrap;
}

.h-main .logo {
    width: 95px;
}

.h-main .info {
    width: calc(100% - 95px);
    padding: 0 24px;
    font-size: 14px;
    line-height: 20px;
}

.h-main .info strong {
    font-size: 56px;
    line-height: 74px;
    color: #00B208;
    display: block;
}

.h-main .info a {
    color: inherit;
    text-decoration: underline;
}

.h-main .info a:hover {
    text-decoration: none;
}

.odber {
    background: #023004;
    padding: 40px 0 24px 0;
    margin-top: 48px;
}

.odber .container {
    padding: 0;
}

.odber > div > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.odber .newsletter-header {
    width: calc(100% - 567px);
}

.odber h4 {
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    margin: 0;
    font-weight: bold;
}

.odber h4::after {
    content: "Odběr můžete kdykoli odhlásit. Max 1x týdně.";
    display: block;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}

.odber .subscribe-form {
    width: 567px;
}

#footer h4 {
    text-transform: none;
}

.odber .form-group.consents label {
    color: #fff;
    font-size: 13px;
    margin-top: 10px;
}

.odber .form-group.consents label a {
    color: #fff !important;
    text-decoration: underline;
}

.odber .form-group.consents label a:hover {
    text-decoration: none;
}

.odber .subscribe-form br {
    display: none;
}

.subscribe-form .btn::before {
    display: none !important;
}

.subscribe-form .btn {
    width: 100px;
    top: 4px;
    right: 4px;
    background: #373737;
    border-color: #373737;
    box-shadow: none !important;
    color: #fff !important;
}

#footer {
    background-color: #215115;
}

#footer > .container {
    background-color: transparent;
}

.custom-footer {
    padding-top: 80px;
    padding-left: 0;
    border: 0;
    margin-left: -12px;
    margin-right: -12px;
}

#footer .site-name {
    display: none;
}

.custom-footer > div {
    width: 16.6666%;
    padding: 0 12px;
}

.custom-footer > div:first-child {
    width: 50%;
}

#footer .banner-wrapper, #footer .contact-box a, #footer .password-helper a, #footer .news-item-widget a, #footer ul a {
    color: #fff !important;
}

.prodejna {
    display: flex;
    flex-wrap: wrap;
}

.prodejna > div:first-child {
    width: 330px;
}

.prodejna > div:first-child img {
    border-radius: 8px;
}

.prodejna > div:last-child {
    width: calc(100% - 330px);
    padding-left: 24px;
}

#footer .custom-footer h4 {
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 20px;
}

.prodejna h4 {
    margin-bottom: 14px !important;
}

.prodejna p {
    line-height: 24px;
}

.prodejna p:last-child {
    margin-bottom: 0;
}

#footer li {
    line-height: 24px;
    margin-bottom: 12px;
}

.custom-footer > div.custom-footer__banner6 {
    width: 100%;
}

.custom-footer > div.custom-footer__banner5, .custom-footer > div.custom-footer__banner8 {
    width: 20%;
}

.custom-footer > div.custom-footer__banner5 a, .custom-footer > div.custom-footer__banner8 a {
    text-decoration: underline;
}

#footer .custom-footer > div.custom-footer__banner5 a:hover, #footer .custom-footer > div.custom-footer__banner8 a:hover {
    color: #F3B03D !important;
}

#footer li a:hover::before {
    background-image: url("/user/documents/upload/Images/odrazka.svg");
}

#footer li a::before {
    content: "";
    width: 19px;
    height: 19px;
    background-image: url("/user/documents/upload/Images/odrazka-bila.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 19px;
    position: relative;
    top: -1px;
}

.custom-footer > div:nth-child(5) {
    width: 100%;
}

#footer .kontakt-in, .kontakty-main .kontakt-in {
    display: flex;
    align-items: center;
    width: calc(100% - 373px);
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 15px;
    background-position: 0 50%;
}

#footer .kontakt-in {
    text-align: left;
}

#footer .poradna-kontakt, .kontakty-main .poradna-kontakt {
    background: none;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #3F6A41;
    border-bottom: 1px solid #3F6A41;
    padding: 24px 0;
    margin-top: 48px;
    border-radius: 0;
}

#footer .kontakt-in .jmeno, .kontakty-main .kontakt-in .jmeno {
    font-size: 16px;
    margin-bottom: 0;
    padding-top: 0;
    margin-right: 150px;
}

#footer .kontakt-in .jmeno strong, .kontakty-main .kontakt-in .jmeno strong {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 6px;
}

#footer .kontakt-in a.telefon, .kontakty-main .kontakt-in a.telefon {
    margin-right: 60px;
}

#footer .kontakt-in a, .kontakty-main .kontakt-in a {
    background-position: 0 4px;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 0;
}

#footer .kontakt-in a.email {
    text-decoration: underline;
}

#footer .fb, .kontakty-main .fb {
    width: 373px;
    display: flex;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    text-align: left;
    padding-right: 20px;
}

#footer .fb a, .kontakty-main .fb a {
    color: #fff;
    text-decoration: underline;
    padding-left: 46px;
    background: url("/user/documents/upload/Images/fb.svg") 0 50% no-repeat;
}

#footer .fb a:hover, .kontakty-main .fb a:hover {
    text-decoration: none;
}

.doprava-platba {
    padding: 32px 0;
    border-bottom: 1px solid #3F6A41;
}

.doprava-platba img {
    margin-right: 8px;
}

.doprava-platba img:nth-child(3) {
    margin-right: 32px;
}

#footer .container.footer-bottom {
    padding: 0;
}

.copyright, #signature {
    margin-top: 24px;
    margin-bottom: 30px;
}

.copyright, #signature a.title {
    font-size: 14px;
    color: #fff;
}

#signature img {
    width: 16px;
    margin-right: 13px;
}

.copyright strong {
    font-weight: 400;
}

.login-window-visible .top-nav-button {
    background-color: #fff;
    color: #00B208 !important;
    background-image: url("/user/documents/upload/Images/user2.svg");
    z-index: 99;
}

.login-window-visible .top-nav-button::after {
    content: url("/user/documents/upload/Images/sipka-zelena-14-nahoru.svg");
}

.popup-widget.login-widget {
    width: 680px;
    margin-left: 18px;
    top: 35px !important;
    padding: 0;
}

.login-widget .popup-widget-inner {
    border: 0 !important;
    box-shadow: 0 0 31px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.popup-widget::before {
    display: none;
}

.login-widget .popup-widget-inner > div {
    width: 50%;
    padding: 24px;
}

.login-widget .popup-widget-inner > h2 {
    display: none;
}

.login-widget .tab-content {
    background-color: #F2F0EA;
}

.login-widget .tab-content::before {
    content: "Přihlášení";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 23px;
    display: block;
    color: #000;
}

.registrace-box h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 0;
}

.registrace-box h5 {
    margin: 0 0 25px 0;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
    font-weight: 400;
}

.registrace-box > p {
    font-size: 14px;
    position: relative;
    padding-left: 28px;
    line-height: 20px;
    margin-bottom: 12px;
}

.registrace-box > p::before {
    content: url("/user/documents/upload/Images/odrazka-fajfka.svg");
    position: absolute;
    left: 0;
    top: 2px;
}

.user-action-tabs {
    display: none;
}

.registrace-box .btn.btn-conversion {
    width: 100%;
    padding: 0;
    line-height: 46px;
    margin-top: 20px;
    background: #373737;
    box-shadow: none;
    border-color: #373737;
}

.registrace-box .btn.btn-conversion:hover {
    background: #414040;
}

.form-group {
    margin-bottom: 20px;
}

.input-wrapper.email::before {
    content: "E-mail:";
}

.input-wrapper.password::before {
    content: "Heslo:";
}

.input-wrapper::before {
    color: #000;
    line-height: 20px;
    display: block;
    margin-bottom: 8px;
}

.login-widget .password-helper > a:first-child {
    display: none;
}

.btn.btn-secondary, a.btn.btn-secondary {
    color: #000;
    background-color: #FFAC00;
    box-shadow: 0 1px 1px #7F5807;
}

.btn.btn-secondary:hover, a.btn.btn-secondary:hover {
    background-color: #EA9E00;
    border-color: #EA9E00;
    color: #000;
}

.login-wrapper {
    padding-top: 8px;
    padding-bottom: 0;
}

.login-widget .btn-secondary {
    width: 136px;
    background: #50AF34;
    box-shadow: none;
    color: #fff;
    border-color: #50af34;
}

.login-widget .btn-secondary:hover {
    border-color: #008606;
    background-color: #008606;
    color: #fff;
}

.login-wrapper .password-helper {
    width: auto;
}

.login-wrapper .password-helper a {
    max-width: 80px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    text-decoration: underline;
}

.login-wrapper .password-helper a:hover {
    text-decoration: none;
}

.form-control {
    height: 48px;
    padding: 0 16px;
}

.login-window-visible::before, .popup-overlay::before, .cart-window-visible::before, .submenu-visible::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
}

.popup-overlay + .popup-overlay {
    display: none;
}

.search-whisperer.active {
    display: flex;
    flex-wrap: wrap;
    width: 700px;
    left: 50%;
    margin-left: -350px;
    border: 0;
    border-radius: 6px;
    box-shadow: 0 0 31px rgba(0, 0, 0, 0.15);
}

.search-whisperer-documents.text-center {
    order: 3;
    width: 100%;
    padding: 24px;
    0;
}

.search-kat {
    flex: 1 1 280px;
    background-color: #F2F0EA;
    padding: 24px;
    border-radius: 0 6px 6px 0;
}

.search-kat:empty, .search-whisperer-documents:empty {
    display: none;
}

.search-whisperer {
    font-size: 14px;
}

.search-whisperer ul {
    flex: 1 1 calc(100% - 280px);
}

.search-whisperer-documents:not(.text-center)::before, .search-whisperer ul::before {
    content: "Nalezeno ve značkách a článcích:";
    line-height: 21px;
    color: #000;
    display: block;
    margin-bottom: 23px;
    font-size: 16px;
    font-weight: bold;
}

.search-whisperer-documents.kategorie::before {
    content: "Nalezeno v kategoriích:";
}

.search-whisperer ul::before {
    content: "Nalezeno v produktech:";
    line-height: 21px;
    color: #000;
    display: block;
    padding: 24px;
    border-bottom: 1px solid #D6D6D6;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: bold;
}

.search-whisperer ul li {
    border-color: #D6D6D6;
}

.search-whisperer ul li a {
    padding: 12px 24px;
    background-color: transparent !important;
    align-items: center;
}

.search-whisperer-image {
    max-width: 64px;
}

.search-whisperer .p-info {
    padding: 0 0 0 12px;
}

.search-whisperer .price {
    width: 80px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0 !important;
}

.search-whisperer .p-name, .search-whisperer .p-availability-inner {
    white-space: normal;
    line-height: 18px;
}

.search-whisperer .p-name {
    color: #000;
    margin-bottom: 7px;
}

.search-whisperer ul li a:hover .p-name {
    text-decoration: underline;
    color: #00B208;
}

.search-whisperer .p-availability {
    height: 17px;
    font-size: 13px;
}

.search-whisperer .availability-label {
    display: inline-block !important;
    font-weight: bold;
}

.search-whisperer-documents a {
    padding: 0;
    line-height: 20px;
    margin-bottom: 12px;
    color: #000;
    background: none !important;
}

.search-whisperer-documents a:hover {
    text-decoration: underline;
    color: #00B208;
}

.search-whisperer-document em::before {
    content: url("/user/documents/upload/Images/clanek-black.svg");
    display: inline-block;
    width: 16px;
    position: relative;
    top: 5px;
}

.kategorie .search-whisperer-document em::before {
    content: url("/user/documents/upload/Images/slozka-black.svg");
}

.search-whisperer-document:hover em::before {
    content: url("/user/documents/upload/Images/clanek2.svg");
}

.kategorie .search-whisperer-document:hover em::before {
    content: url("/user/documents/upload/Images/slozka2.svg");
}

.search-whisperer-documents em {
    padding-right: 12px;
    font-size: 0;
}

.search-whisperer-documents {
    border: 0;
}

.search-whisperer-documents:not(.text-center) {
    margin-bottom: 40px;
}

.search-whisperer-documents:not(.nalezeno), .search-kat:not(.nalezeno) {
    display: none;
}

.search-whisperer-documents.text-center a {
    width: 250px;
    height: 40px;
    display: block;
    margin: 0 auto;
    background-color: #FFAC00 !important;
    color: #000;
    font-weight: bold;
    border-radius: 3px;
    line-height: 40px;
    box-shadow: 0 1px 1px #7F5807;
}

.search-whisperer-documents.text-center a:hover {
    background-color: #EA9E00 !important;
}

.cart-window-visible .header-top .btn.cart-count::before {
    background-color: #00B208;
}

.cart-window-visible #header .cart-count {
    color: #00B208;
    background-color: #fff;
    box-shadow: none;
    z-index: 9;
}

.cart-window-visible #header .cart-count::after {
    content: url("/user/documents/upload/Images/sipka-zelena-14-nahoru.svg");
}

.popup-widget.cart-widget {
    border: 0;
    width: 660px;
    margin-left: 37px;
    margin-top: 0;
    box-shadow: none;
    border-radius: 6px;
    top: 116px !important;
}

.cart-widget .popup-widget-inner {
    border-radius: 6px 0 0 0;
}

.cart-widget-product > div.cart-widget-product-unit {
    display: none;
}

.cart-widget .popup-widget-inner::before {
    content: "Ve vašem košíku máte:";
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
    display: block;
    padding: 24px;
    color: #000;
    border-bottom: 1px solid #D6D6D6;
}

.cart-widget-product {
    padding: 12px 24px;
    border-bottom: 1px solid #D6D6D6 !important;
    position: relative;
}

.cart-widget-product-image {
    width: 64px;
    height: auto;
}

.cart-widget-product-name a {
    color: #000;
    font-size: 14px;
    line-height: 18px;
}

.cart-widget-product-name a:hover {
    text-decoration: underline;
    color: #00B208;
}

.cart-widget-product-name > strong {
    font-weight: 400;
}

.cart-widget-product > span {
    display: table-cell;
    width: 23%;
    vertical-align: middle;
    text-align: right;
    padding-right: 40px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.cart-widget-product .cart-widget-product-delete {
    visibility: visible;
    position: absolute;
    right: 27px;
    width: 12px;
    height: 12px;
    top: 50%;
    margin-top: -6px;
    padding: 0;
}

.cart-widget-product-delete button {
    width: 12px;
    height: 12px;
    line-height: 1;
}

.cart-widget-product-delete button::before {
    content: url("/user/documents/upload/Images/close.svg");
    top: -3px;
    position: relative;
}

.cart-widget-product .cart-widget-product-delete .inline {
    display: block;
    width: 12px;
    height: 12px;
    line-height: 12px;
}

.cart-widget-product-delete button:hover::before {
    content: url("/user/documents/upload/Images/close2.svg");
}

.cart-widget-button {
    background-color: transparent;
    padding: 24px;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
}

.cart-free-shipping {
    position: relative;
    bottom: 0;
    display: block;
    width: calc(100% - 198px);
    height: auto;
    text-align: left;
}

.cart-widget-button > .btn {
    width: 198px;
    display: block;
    padding: 0;
    text-align: center;
    line-height: 48px;
}

.cart-free-shipping > div {
    display: block;
    padding: 5px 0 5px 47px;
    background: url("/user/documents/upload/Images/truck.svg") 0 50% no-repeat;
    line-height: 20px;
    font-size: 14px;
}

.cart-free-shipping strong {
    color: #707070;
}

.cart-widget-button .btn::after {
    content: url("/user/documents/upload/Images/sipka-bila-konverze.svg");
}

.site-msg.information {
    position: relative;
    bottom: auto !important;
    left: 0;
    opacity: 1;
    box-shadow: none;
    max-width: none;
    background-color: #236CB2;
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    padding: 0;
}

.site-msg.information .text {
    padding: 11px 20px 11px 36px;
    background: url("/user/documents/upload/Images/info.svg") 0 50% no-repeat;
}

.site-msg.information .text::before {
    content: "Informace pro zákazníky:";
    font-weight: bold;
    margin-right: 5px;
}

.info-ano .popup-widget.login-widget {
    top: 76px !important;
}

.info-ano .popup-widget.cart-widget {
    top: 157px !important;
}

.site-msg .close {
    width: 12px;
    height: 12px;
    background: url("/user/documents/upload/Images/close-msg.svg") 50% no-repeat;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.site-msg .close::before, .site-msg .close::after {
    display: none;
}

body:not(.type-index) #header {
    margin-bottom: 3px;
}

.breadcrumbs {
    color: #707070;
    border: 0;
    background: none;
    padding: 4px 0 7px 0;
}

.breadcrumbs > span > a, .breadcrumbs > span > span {
    font-size: 13px;
    display: block;
    padding: 10px 24px;
    color: #4B4B4B;
}

.breadcrumbs a {
    text-decoration: underline;
}

.breadcrumbs a:hover {
    text-decoration: none;
    color: inherit;
}

.breadcrumbs > span > a::before {
    display: none !important;
}

.breadcrumbs > span > a::after {
    content: url("/user/documents/upload/Images/sipka-cerna-drobecek.svg");
    background: none;
    transform: none;
    height: 12px;
    bottom: 50%;
    line-height: 12px;
    right: 2px;
    margin-bottom: -6px;
}

.navigation-home-icon-wrapper::before {
    content: url("/user/documents/upload/Images/home.svg");
    left: 0;
    margin-top: -12px;
}

.navigation-home-icon-wrapper #navigation-first a {
    padding-left: 16px;
}

.container.breadcrumbs-wrapper {
    width: 100%;
    border-bottom: none;
    margin-bottom: 40px;
}

h1 {
    margin-top: 0;
    font-size: 32px;
    line-height: 43px;
}

.category-title {
    margin-bottom: 16px;
}

.top-text {
    margin-bottom: 26px;
    line-height: 24px;
    color: #4F4F4F;
}

.top-text img {
    border-radius: 6px;
}

.top-text a {
    text-decoration: underline;
}

.top-text a:hover {
    text-decoration: none;
}

.top-text h2, .top-text h3, .top-text h4 {
    color: #4F4F4F;
}

.category-perex {
    margin-bottom: 52px;
    line-height: 24px;
}

.kat-header {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 48px;
    display: flex;
    flex-wrap: wrap;
}

.kat-header .leva {
    width: 100%;
}

.kat-header > * {
    position: relative;
}

.subcategories {
    margin: 0 -6px 32px;
    width: calc(100% + 12px);
}

.type-category {
    overflow-x: hidden;
}

.subcategories li {
    width: 20%;
    padding: 6px;
}

.subcategories.with-image li a {
    border: 1px solid #E5E5E5 !important;
    border-radius: 10px;
    padding: 8px 12px;
    position: relative;
    height: 66px;
}

.subcategories.with-image li a .image {
    width: 78px;
}

.subcategories.with-image li a .image img {
    max-height: none;
}

.subcategories.with-image li a .text {
    width: calc(100% - 78px);
    padding-left: 16px;
    padding-right: 30px;
    color: #000;
    font-size: 14px;
}

.subcategories li a::after {
    display: none !important;
}

.subtype-category-parametric .subcategories.with-image {
    display:none;
}

.radime {
    background: url("/user/documents/upload/Images/radime-bg.jpg") 50% no-repeat;
    border-radius: 6px;
    padding: 32px 32px 28px 32px;
    margin-bottom: 26px;
    width: 100%;
}

.radime {
    background: transparent;
    border-radius: 0;
    padding: 0;
    display: flex;
    margin-bottom: 15px;
}

.radime h4 {
    font-size: 18px;
    line-height: 24px;
    margin: 0 10px 0 0;
    padding-bottom: 10px;
    height: 50px;
    display: flex;
    align-items: center;
}

.radime h4::after {
    content: ":";
}

.radime ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.radime ul {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    padding-bottom: 10px;
}

.radime ul li {
    flex-shrink: 0;
    border-radius: 30px;
    background: #ECECEC;
    margin-right: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ececec;
    transition: all ease 300ms;
}

.radime ul li:hover {
    border-color: #000;
    background: #fff;
}

.radime ul li a {
    color: #000000;
    padding: 10px 20px;
}

.radime ul li:last-child {
    margin-right: 0;
    margin-bottom: 10px;
}


/* Styl scrollbaru pro .radime ul */
.radime ul::-webkit-scrollbar {
    height: 5px;  /* menší výška scrollbaru */
}

.radime ul::-webkit-scrollbar-track {
    background: #f1f1f1;  /* barva pozadí dráhy scrollbaru */
    border-radius: 10px; /* zaoblení rohů dráhy scrollbaru */
}

.radime ul::-webkit-scrollbar-thumb {
    background: #888;  /* barva samotného scrollbaru */
    border-radius: 10px;  /* zaoblení rohů scrollbaru */
}

/* Změna barvy scrollbaru při najetí myši */
.radime ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}



.subcategories + .subcategories, .radime + .radime, .category-perex + .category-perex, .top-text + .top-text, .category-title:not(:last-of-type) {
    display: none;
}

.category-perex a {
    text-decoration: underline;
    color: #00B208;
}

.category-perex a:hover {
    text-decoration: none;
}

.type-category .content {
    padding-right: 0;
}

.sidebar, .filter-sections {
    background-color: transparent;
}

.sidebar-inner {
    padding: 0;
}

.sidebar .kontakt-in a {
    padding-left: 0;
    background: none;
    font-size: 16px;
}

.sidebar .kontakt-in a span {
    font-size: 12px;
}

.sidebar .kontakt-in a.telefon strong {
    position: relative;
}


.sidebar .kontakt-in a.email strong {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar .sidebar-kontakt .kontakt-in .jmeno strong {
    display: none;
}

.sidebar .sidebar-kontakt .kontakt-in {
    background-size: 64px auto;
    padding-top: 72px;
}

.sidebar .sidebar-kontakt .kontakt-in .jmeno {
    margin-bottom: 27px;
    font-size: 14px;
}

.sidebar .sidebar-kontakt .poradna-kontakt {
    padding: 35px;
}

.sidebar .kontakt-in a.email {
    margin-bottom: 0;
}

.sidebar .sidebar-kontakt .kontakt-in a:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar .kontakt-in a.email span, .sidebar .kontakt-in a.email br {
    display: none;
}

#filters {
    border: 1px solid #D6D6D6;
    border-radius: 6px
}

#filters::before {
    content: "Filtrovat";
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    padding: 19px 24px;
    border-bottom: 1px solid #D6D6D6;
    display: block;
    background-color: #F2F0EA;
    color: #000;
}

.filter-sections {
    padding-left: 0;
    padding-right: 0;
}

.filter-section, .slider-wrapper {
    padding: 20px 24px;
    border-top: 0 !important;
    border-bottom: 1px solid #D6D6D6;
}

#category-filter-hover > .filter-section:last-child {
    display: none;
}

#category-filter-hover > .filter-section:nth-last-child(2) {
    border-bottom: 0 !important;
}

input[type="checkbox"] + label, input[type="radio"] + label {
    margin-right: 0;
    padding-left: 32px;
    line-height: 24px;
    color: #000;
}

.filter-label {
    margin-bottom: 8px;
    width: 100%;
}

input[type="checkbox"] + label::before {
    border-color: #656565;
    width: 24px;
    height: 24px;
    border-radius: 4px;
}

input[type="radio"] + label::before {
    width: 20px;
    height: 20px;
}

input[type="checkbox"]:checked + label::after, input[type="radio"]:checked + label::after {
    content: url("/user/documents/upload/Images/fajfka.svg");
    width: 24px;
    height: 24px;
    left: 0;
    border-radius: 4px;
    text-align: center;
    border: 0;
    background: #50AF34;
    line-height: 24px;
}

.filter-count {
    float: right;
    padding: 0;
    margin: 0;
    line-height: 24px;
    font-weight: 400;
    color: #707070;
    font-size: 15px;
}

.filter-section label.active {
    font-weight: 400;
}

#filters h4, .param-filter-top::before {
    font-size: 15px;
    text-transform: none;
    line-height: 20px;
    margin-bottom: 16px;
}

.param-filter-top::before {
    content: "Vlastnosti:";
    display: block;
    color: #000;
    font-weight: bold;
}

#filters h4::after {
    content: ":";
}

.slider-wrapper h4 {
    margin-bottom: 27px !important;
}

.ui-slider-horizontal .ui-slider-range, .ui-slider-horizontal .ui-slider-handle {
    z-index: 1;
}

.ui-slider, .slider-content {
    background-color: #D6D6D6;
    border-radius: 4px;
}

.ui-slider .ui-slider-range {
    background-color: #4b4b4b;
    border-radius: 4px;
}

.ui-slider-horizontal .ui-slider-handle::after {
    display: none;
}

.ui-slider-horizontal .ui-slider-handle {
    width: 28px;
    height: 28px;
    top: -12px;
    background: url("/user/documents/upload/Images/sipka-cena.svg") #fff 50% no-repeat;
    border: 1px solid #D6D6D6;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.29);
}

.ui-slider-horizontal .ui-slider-handle:first-of-type {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.slider-content {
    padding-right: 18px;
}

.from, .to {
    font-size: 13px;
    line-height: 17px;
    color: #000;
}

.slider-header {
    padding-bottom: 0;
    margin-top: 23px;
    position: relative;
    height: 18px;
}

.slider-header::after {
    content: "až";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 22px;
    margin-left: -11px;
    font-size: 13px;
    color: #000;
    background-color: #fff;
    text-align: center;
}

.slider-header::before {
    content: "";
    width: 50px;
    height: 1px;
    background-color: #D6D6D6;
    position: absolute;
    bottom: 7px;
    left: 50%;
    margin-left: -25px;
}

.sidebar-kontakt .poradna-kontakt {
    padding: 48px 48px 28px 48px;
    text-align: center;
}

.sidebar-kontakt .kontakt-in {
    background-size: 88px auto;
    padding-top: 100px;
    padding-left: 0;
    background-position: top center;
}

.sidebar-kontakt .kontakt-in .jmeno {
    margin-bottom: 37px
}

.sidebar-kontakt .kontakt-in a {
    background-image: none;
    padding-left: 0;
}

.sidebar-kontakt .kontakt-in a:last-child {
    text-decoration: underline;
}

.sidebar-kontakt .kontakt-in a:last-child:hover {
    text-decoration: none;
}

.sidebar-kontakt .kontakt-in a.email span {
    display: none;
}

.sidebar-kontakt .kontakt-in a.telefon::before {
    content: "";
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    margin-right: 9px;
    background-image: url("/user/documents/upload/Images/phone-new.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.sidebar-kontakt .kontakt-in a.email::before {
    content: "";
    width: 18px;
    height: 15px;
    position: relative;
    display: inline-block;
    margin-right: 6px;
    background-image: url("/user/documents/upload/Images/mail-new.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.sidebar-kontakt .fb {
    display: none;
}

.sidebar-inner > div {
    border: 0 !important;
    padding: 0 !important;
    margin-bottom: 32px !important;
}

.type-category #content > h4::after {
    content: " produkty";
}

.type-category #content > h4 {
    margin-top: 0;
    margin-bottom: 22px;
    font-size: 22px;
    line-height: 30px;
}

.products-inline.products-top > div {
    width: 100%;
    padding: 12px 0 12px 48px;
    margin: 0;
    border-bottom: 1px solid #D6D6D6;
    position: relative;
}

.products-inline.products-top > div .p {
    width: 100%;
}

.products-inline.products-top > div .p .image {
    width: 64px;
    min-height: 64px;
}

.products-inline.products-top > div .p .p-tools {
    display: block !important;
}

.products-inline.products-top > div .p .p-in {
    display: flex;
    width: calc(100% - 64px);
    padding-left: 12px;
    flex-wrap: wrap;
}

.products-inline > div .p .p-in .p-bottom {
    width: 228px;
    flex: none;
}

.products-inline > div .p .p-in .p-in-in {
    width: calc(100% - 228px);
    flex: none;
}

.products-inline.products-top > div .p .p-in .p-bottom > div {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
}

.category__secondDescription a {
    color: inherit;
    text-decoration: underline;
}

.category__secondDescription a:hover {
    text-decoration: none;
}

.products-inline.products-top > div .p .p-in .p-bottom > div > div {
    flex: none !important;
    margin: 0;
}

.products-inline > div .p .price strong {
    font-size: 14px;
    color: #000;
}

.products-inline > div .p .p-in .p-in-in .name {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin-bottom: 7px;
}

.products-inline > div .p .p-in .p-in-in .name:hover {
    text-decoration: underline;
    color: #00B208;
}

.products-inline > div .p .p-in .p-in-in .ratings-wrapper .availability {
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
}

.products-inline > div .p .p-in .p-in-in .ratings-wrapper .availability .availability-amount {
    display: none;
}

.products-inline.products-top > div .p .p-in .p-bottom .prices {
    width: 75px;
    text-align: right;
}

.products-inline > div .p .p-in .p-bottom > div .p-tools .btn::before {
    display: none;
}

.products-inline > div .p .p-in .p-bottom > div .p-tools .btn {
    width: 103px;
    height: 36px
}

.products-inline.products-top {
    border-top: 1px solid #D6D6D6;
    margin-bottom: 44px;
}

.products-inline.products-top > div::before {
    position: absolute;
    color: #D0D0D0;
    font-weight: bold;
    font-size: 28px;
    counter-increment: steps;
    content: counter(steps);
    left: 16px;
    top: 24px;
}

.category-header {
    background-color: transparent;
    margin-bottom: 24px;
}

.category-header form {
    width: 100%;
    background-color: #F2F0EA;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
}

.category-header input[type="radio"] + label {
    padding-top: 14px;
    padding-bottom: 14px;
    width: 25%;
    margin: 0;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid #D6D6D6;
    font-weight: bold;
}

.category-header input[type="radio"]:checked + label {
    margin-bottom: -1px;
    border-bottom: 1px solid #fff;
    color: #000;
}

.category-header input[type="radio"]:checked + label:first-of-type {
    border-radius: 4px 0 0 0;
}

.category-header input[type="radio"]:checked + label:last-of-type {
    border-radius: 0 4px 0 0;
}

.category-header form label:last-of-type {
    border-right: 0;
}

.category-header div {
    font-size: 14px;
    padding: 24px 0 0 0;
    text-align: left;
}

body:not(.type-index) .products-block {
    margin-left: -8px;
    margin-right: -8px;
}

.pagination-top {
    display: none;
}

.pagination-wrapper .pagination-loader {
    text-align: left;
}

.pagination-wrapper .pagination-loader .btn {
    line-height: 46px;
    padding: 0;
    width: 207px;
}

.pagination-wrapper {
    margin-top: 36px;
    margin-bottom: 44px;
}

.pagination > a, .pagination-top > a, .pagination > strong, .pagination-top > strong {
    width: 40px;
    height: 40px;
    margin-right: 0;
    margin-left: 8px;
    border-radius: 4px;
    line-height: 40px;
    color: #000;
    font-size: 14px;
    border: 1px solid #D6D6D6;
    box-shadow: 0 0 8px #EEEADC;
}

.pagination > strong {
    background-color: #fff;
}

.pagination > a {
    background-color: #F2F0EA;
}

.pagination-link::before {
    content: url("/user/documents/upload/Images/sipka-paginace.svg") !important;
    position: relative;
    top: -2px;
}

.pagination-link.prev::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pagination > a:hover {
    background-color: #FFAC00;
    border-color: #FFAC00;
}

body:not(.type-index) .heureka {
    padding-top: 56px;
    border-top: 1px solid #D6D6D6;
}

.recenze {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.recenze > div {
    width: 33.3333%;
    padding: 0 12px;
}

.recenze .jmeno {
    padding-left: 43px;
    background: url("/user/documents/upload/Images/h-user.svg") 0 50% no-repeat;
    font-size: 13px;
    margin-bottom: 15px;
}

.recenze .jmeno strong {
    display: block;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

.recenze .procenta {
    color: #00B208;
    font-weight: bold;
    margin-bottom: 12px;
}

.recenze .procenta::after {
    content: url("/user/documents/upload/Images/stars.svg");
    margin-left: 12px;
}

.recenze .text {
    line-height: 24px;
}

.product-top > div:not(.p-info-wrapper):not(.p-image-wrapper) {
    display: none;
}

.p-image-wrapper .flags-inline .flag {
    clear: left;
    margin-left: 0;
}

.p-image-wrapper .flags-default {
    top: 16px;
    position: absolute;
    left: 0;
    z-index: 1;
}

.stars a.star-off::before, .stars span.star-off::before {
    content: '\e91c';
}

.stars-label {
    color: #000 !important;
    font-size: 13px;
    text-decoration: underline;
}

.p-info-wrapper .stars-label {
    margin-left: 5px;
}

.p-detail .stars-wrapper {
    margin-bottom: 24px;
}

.p-short-description {
    margin-bottom: 32px;
    line-height: 24px;
    color: #000000;
}

.buy-box {
    display: flex;
    flex-wrap: wrap;
    background-color: #F2F0EA;
    padding: 17px 20px;
    border-radius: 8px;
    margin-bottom: 24px;
}

.buy-box .add-to-cart {
    width: 380px;
}

.buy-box .p-final-price-wrapper {
    width: calc(100% - 380px);
}

.p-info-wrapper .p-final-price-wrapper, .p-info-wrapper .add-to-cart {
    margin-bottom: 0;
}

.p-info-wrapper .add-to-cart {
    justify-content: flex-end;
}

.p-detail .add-to-cart .quantity {
    border-style: solid;
    margin-right: 20px;
    background-color: #fff;
}

.add-to-cart .btn {
    width: 200px;
    background: #50AF34;
    box-shadow: none;
}

.add-to-cart .btn.add-to-cart-button::before {
    content: url("/user/documents/upload/Images/kosik-btn.svg");
    margin-right: 16px;
}

.price-measure {
    font-size: 13px;
}

.p-image-wrapper .flags-extra .flag {
    width: 80px;
    height: 80px;
    padding: 0;
}

.p-image-wrapper .flags-extra {
    right: 16px;
    top: 16px;
    bottom: auto;
    z-index: 1;
}

.p-image-wrapper .flags-extra .flag .price-save {
    font-size: 20px;
}

.p-info-wrapper .price-save {
    display: none;
}

.p-info-wrapper .price-standard {
    font-size: 13px;
    color: #DA0636;
    margin-right: 16px;
    display: inline-block;
    vertical-align: middle;
}

.p-info-wrapper .price-final {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    line-height: 30px;
}

.price-final {
    color: #000;
}

.p-info-wrapper .price-additional {
    font-size: 13px;
    color: #707070;
}

.p-info-wrapper .detail-parameters {
    margin-bottom: 0;
}

.p-info-wrapper .availability-value {
    margin-bottom: 10px;
    font-size: 14px;
    position: relative;
    background: #ECF8E9;
    padding: 14px 20px;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

.p-info-wrapper .availability-amount {
    margin-left: 4px;
}

.vyprodano-wrapper {
    background: #F2F0EB;
    padding: 17px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vyprodano-wrapper .watchdog {
    margin-bottom: 0 !important;
    background: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    border-color: #000 !important;
}

.type-detail.vyprodano .p-info-wrapper .detail-parameters {
    display: none;
}

.vyprodano .link-icon.chat {
    margin-left: auto;
    margin-top: 20px;
}

.vyprodano.type-detail #productsAlternative {
    padding-top: 0;
    margin-bottom: 60px;
}

.p-info-wrapper .availability-value.vyprodano {
    background: #F5E9E9;
}

.p-info-wrapper .availability-value.vyprodano .doprava {
    display: none;
}

.p-info-wrapper .availability-value .availability-label {
    font-weight: bold;
}

.p-info-wrapper .delivery-time {
    display: inline-block;
    padding-bottom: 0;
}

.p-info-wrapper .delivery-time > span::before {
    content: ", nejpozději ";
    margin-left: 1px;
}

.p-info-wrapper .delivery-time > span::after {
    content: " u Vás";
}

.doprava {
    font-size: 14px;
    color: #000;
    text-decoration: underline;
    top: 0;
    line-height: 18px;
    cursor: pointer;
    padding-left: 32px;
    background: url("/user/documents/upload/Images/doprava.svg") 0 50% no-repeat;
    margin-left: auto;
}

.doprava:hover {
    text-decoration: none;
}

.pagination {
    margin-left: auto !important;
}

.social-buttons-wrapper {
    display: none;
}

.product-info {
    display: flex;
    flex-wrap: wrap;
}

.product-info > .link-icon.chat {
    margin-top: 24px;
    margin-left: 0;
    display: flex;
    align-items: center;
}

.product-info > div {
    width: 25%;
    font-size: 13px;
    line-height: 20px;
}

.product-info > div:not(.udaj-ano) {
    display: none;
}

.product-info > div span {
    display: block;
}

.product-info a {
    color: #000 !important;
    text-decoration: underline;
}

.product-info a:hover {
    text-decoration: none;
}

.detail-kontakt .jmeno, .detail-kontakt .email, .detail-kontakt .fb {
    display: none;
}

.detail-kontakt .poradna-kontakt {
    padding: 0;
    background: none;
    margin-top: 24px;
}

.detail-kontakt .kontakt-in a {
    color: #000;
    padding-left: 28px;
    margin-bottom: 0;
}

.detail-kontakt .kontakt-in a span {
    color: #373737;
}

.detail-kontakt .kontakt-in::before {
    content: "Odborně vám poradí Alena";
    color: #373737;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 5px;
    display: block;
}

.detail-kontakt .kontakt-in br {
    display: none;
}

.detail-kontakt .kontakt-in a.telefon {
    background-image: url("/user/documents/upload/Images/telefon.svg");
}

.detail-kontakt .kontakt-in {
    background-size: 52px auto;
    padding-left: 64px;
    padding-top: 5.5px;
    padding-bottom: 5.5px;
    background-position: 0 50%;
}

.detail-kontakt .kontakt-in::after {
    width: 14px;
    height: 14px;
    border: 3px solid #fff;
    left: -2px;
    top: 3px;
}

.detail-kontakt {
    position: relative;
}

.detail-kontakt {
    display: none;
}

.ikony {
    position: absolute;
    right: 0;
    top: 3px;
}

.link-icon {
    margin: 0 0 0 28px;
    padding: 0 0 0 24px;
    text-align: left;
    text-transform: none;
    display: inline-block;
    font-size: 13px;
    text-decoration: underline;
    color: #000 !important;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.link-icon::before {
    display: none !important;
}

.link-icon.print {
    background-image: url("/user/documents/upload/Images/tisk.svg");
}

.link-icon.chat {
    background-image: url("/user/documents/upload/Images/dotaz.svg");
}

.product-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.type-product .content {
    padding: 0;
}

.p-image, .image360 {
    margin-bottom: 12px;
}

.type-product .vyhody {
    margin-top: 68px;
    margin-bottom: 80px;
}

.p-detail .fade {
    opacity: 1;
}

.shp-tabs-holder, .shp-tabs {
    border: 0;
    background-color: transparent;
}

.shp-tab-link {
    color: #000 !important;;
    background-color: transparent;
    font-size: 14px;
}

.shp-tab-link:hover {
    text-decoration: underline !important;
}

.shp-tabs-holder ul.shp-tabs li.shp-tab > a {
    padding: 19px 42px;
    border: 0;
    line-height: 20px;
}

.shp-tabs-holder ul.shp-tabs li.shp-tab:first-child > a {
    padding-left: 0;
}

.shp-tabs-holder ul.shp-tabs li.shp-tab > a::after {
    content: url("/user/documents/upload/Images/sipka-tabs.svg");
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: -3px;
}

.shp-tabs-row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - var(--scrollbar-width));
    height: 1px;
    background-color: #D6D6D6;
}

.type-product {
    overflow-x: hidden;
}

#description {
    position: relative;
    padding-top: 35px;
}

#description::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    transform: translate(-50%, -50%);
    background: #F8F8F5;
}

.description-inner {
    padding: 0;
    position: relative;
}

.responsive-nav {
    margin-bottom: 0;
}

.popis-nadpis, .extended-description h3 {
    font-size: 28px;
    line-height: 37px;
    margin-top: 0;
    margin-bottom: 21px;
}

.basic-description {
    line-height: 24px;
}

.basic-description p, .basic-description ul {
    margin-bottom: 24px;
}

.basic-description h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 14px;
    margin-top: 32px;
}

#description a {
    color: #000;
    text-decoration: underline;
}

#description a:hover {
    text-decoration: none;
}

.extended-description {
    width: 449px;
    padding-left: 0;
}

#description.too-high .description-inner {
    max-height: 450px;
    overflow: hidden;
}

#description .show-more {
    display: none;
}

#description.too-high .show-more {
    width: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0) -20%, rgba(248,248,245,1) 35%);
    color: #000000;
    font-weight: 700;
    text-decoration: underline;
    text-align: left;
    bottom: 0;
    left: 0;
    position: absolute;
    padding-bottom: 30px;
    cursor: pointer;
    padding-top: 30px;
    display: block;
}

#description.too-high .show-more:hover {
    text-decoration: none;
}

#description.too-high .show-more::after {
    content: url("/user/documents/upload/Images/cerna-sipka-14-dolu.svg");
    margin-left: 12px;
    position: relative;
    top: -1px;
    width: 14px;
    display: inline-block;
}

.basic-description {
    width: calc(100% - 449px);
    padding-right: 142px;
}

.extended-description .detail-parameters th {
    color: #707070;
    font-weight: bold;
}

.extended-description .detail-parameters td {
    color: #707070;
    font-weight: 400;
    text-align: right;
}

.extended-description .detail-parameters th, .extended-description .detail-parameters td {
    padding: 14px 16px !important;
    line-height: 20px
}

.extended-description table {
    width: 100%;
}

.extended-description tr:nth-child(2n) {
    background-color: #F8F7F3;
}

.komentare {
    position: relative;
    padding: 40px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -12px;
    margin-right: -12px;
}

.komentare > div {
    position: relative;
    width: calc(50% - 40px);
    margin: 0 20px;
    box-shadow: 0px 0px 4px 0px #00000040;
    background-color: #fff;
    border-radius: 8px;
    padding: 40px;
    min-height: 314px; /* 375px */
}

.komentare > div::before, #productDiscussion > .title {
    font-size: 28px;
    line-height: 37px;
    margin-bottom: 14px;
    color: #000;
    font-weight: bold;
    display: block;
}

#ratingTab::before {
    content: "Hodnocení produktu";
}

.komentare > div > p {
    line-height: 24px;
    margin-bottom: 28px;
    font-size: 14px;
    color: #4F4F4F;
}

.komentare > div > p a {
    color: #4F4F4F;
    text-decoration: underline;
}

.komentare > div > p a:hover {
    text-decoration: none;
}

.add-comment .rating-icon::before, .add-comment .comment-icon::before {
    display: none;
}

.add-comment > span.btn {
    padding: 0 30px;
}

#discussionWrapper .add-comment > span.btn, #ratingTab .add-comment > span.btn {
    background: #373737;
    box-shadow: none;
    color: #fff !important;
    border: none;
    border-radius: 6px !important;
}

#productsAlternative, .souvisejici {
    padding-top: 60px;
}

#productsAlternative::before {
    content: "Podobné produkty";
    display: block;
    color: #000;
    font-weight: bold;
}

#productsAlternative::before, .products-related-header {
    font-size: 28px;
    line-height: 37px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 37px;
}

.products-related .p .p-desc, .products-related .p .availability {
    display: block;
}

.browse-p .p-prev, .browse-p .p-next {
    width: 50px;
    height: 50px;
    border-radius: 0;
    background-color: transparent !important;
}

.browse-p .p-prev {
    left: -25px;
}

.browse-p .p-next {
    right: -25px;
}

.client-center-box a {
    color: #000;
}

.browse-p .p-prev::before, .browse-p .p-next::before {
    content: "";
    width: 50px;
    height: 50px;
    background-image: url("/user/documents/upload/kodovani/right-circle-arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.browse-p .p-prev::before {
    transform: rotate(180deg);
}


.browse-p .p-prev::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.shp-tabs-wrapper {
    margin-bottom: 0;
}

.vote-form > form > .row > div::before, #formRating > .row > div:nth-child(3) > div:first-child::before, #formDiscussion > .row > div:nth-child(3) > div::before {
    display: block;
    color: #000;
    line-height: 20px;
    margin-bottom: 8px;
}

.vote-form > form > .row > div:first-child::before {
    content: "Jméno: *";
}

.vote-form > form > .row > div:nth-child(2)::before {
    content: "E-mail: *";
}

#formRating > .row > div:nth-child(3) > div:first-child::before {
    content: "Jak jste s produktem spokojeni?";
}

#formDiscussion > .row > div > div:nth-child(2)::before {
    /*content: "Komentář:";*/
}

#formDiscussion > .row > div > div:first-child::before {
    content: "Nadpis komentáře:";
}

.vote-form {
    margin-top: 16px;
}

textarea.form-control {
    padding: 16px;
}

#formRating .stars {
    margin-top: 4px;
    margin-right: 0;
    width: 100%;
    height: 30px;
    margin-bottom: 15px;
}

#formRating .star-wrap::before {
    content: "Vaše hodnocení:";
    color: #000;
    float: left;
    margin-right: 32px;
    line-height: 32px;
}

#formRating .stars a, #formRating .stars span {
    width: 36px;
    height: 30px;
    line-height: 30px;
}

#formRating .stars a::before, #formRating .stars span::before {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}

.vote-form form .btn-primary {
    width: 190px;
    float: right;
}

#formDiscussion .btn {
    width: 100%;
    background: #373737;
    box-shadow: none;
    color: #fff !important;
    border-color: #373737;
}

#formDiscussion .btn:hover {
    border-color: #000000;
    background-color: #000000;
}

.form-group label.whole-width {
    font-size: 12px;
}

.form-group label.whole-width a {
    color: #000;
    text-decoration: underline;
}

.form-group label.whole-width a:hover {
    text-decoration: none;
}

.vote-form .form-group.consents::before, .vote-form form > .row > div:nth-child(3) > div:nth-child(4)::before {
    display: none !important;
}

#relatedFiles {
    margin-top: 40px;
    list-style: none;
    padding: 0;
    display: block;
}

#relatedFiles::before {
    position: relative;
    content: "Ke stažení";
    font-size: 28px;
    line-height: 37px;
    font-weight: bold;
    color: #000;
    display: block;
    margin-bottom: 21px;
}

#relatedFiles li {
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    margin-bottom: 8px;
}

#relatedFiles li a {
    font-size: 14px;
    color: #000;
    text-decoration: underline;
    position: relative;
    display: block;
    padding: 14.5px 146px 14.5px 16px;
}

#relatedFiles li a:hover {
    text-decoration: none;
}

#relatedFiles li img {
    display: none;
}

#relatedFiles li a::after {
    content: "Stáhnout";
    position: absolute;
    right: 0;
    top: 0;
    width: 130px;
    height: 100%;
    padding: 14.5px 0 14.5px 51px;
    border-left: 1px solid #D6D6D6;
    background: url("/user/documents/upload/Images/stahnout.svg") 16px 50% no-repeat;
    display: flex;
    align-items: center;
}

#relatedFiles li a:hover::after {
    background-color: #FFAC00;
    background-image: url("/user/documents/upload/Images/stahnout2.svg");
}

.rate-wrapper .row {
    margin-left: 0;
    margin-right: 0;
    margin-top: 38px;
    flex-wrap: wrap;
}

.rate-wrapper .rate-wrap > div:not(.rate-average-wrap) {
    padding: 0 36px 0 40px;
    width: calc(100% - 235px);
    border-left: 1px solid #D6D6D6;
}

.rate-wrapper .rate-average-wrap {
    line-height: 1 !important;
    font-size: 14px;
    width: 235px;
    text-align: center;
    color: #4f4f4f;
    align-self: center;
}

.rate-wrapper.unveil-wrapper .rate-average-inner {
    flex-wrap: wrap;
    position: relative;
}

.rate-average {
    font-size: 55px !important;
    color: #000;
    width: 100%;
    line-height: 69px;
    font-weight: bold;
}

.rate-wrapper.unveil-wrapper .rate-star-wrap {
    display: block;
    margin-left: 0;
}

.rate-wrapper.unveil-wrapper .rate-star-wrap {
    height: auto;
}

.rate-wrapper.unveil-wrapper .rate-star-wrap .stars {
    display: none;
}

.rate-wrapper.unveil-wrapper .rate-star-wrap .stars-label {
    color: #707070 !important;
    text-decoration: none;
    display: block;
    margin: 4px auto 0 auto;
    line-height: 20px;
    font-size: 14px;
}

.rate-wrapper.unveil-wrapper .rate-star-wrap .stars-label:hover {
    text-decoration: underline;
}

.rate-wrapper.unveil-wrapper .rate-star-wrap .stars-label::before {
    content: "celkem ";
}

.rate-wrapper.unveil-wrapper .rate-value {
    display: none;
}

.rate-wrapper.unveil-wrapper .rate-list .star {
    width: 88px;
    height: 16px;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.rate-wrapper.unveil-wrapper .rate-list .star::before {
    display: none;
}

.rate-wrapper.unveil-wrapper .rate-list:first-child .star {
    background-image: url("/user/documents/upload/Images/5stars.svg");
}

.rate-wrapper.unveil-wrapper .rate-list:nth-child(2) .star {
    background-image: url("/user/documents/upload/Images/4stars.svg");
}

.rate-wrapper.unveil-wrapper .rate-list:nth-child(3) .star {
    background-image: url("/user/documents/upload/Images/3stars.svg");
}

.rate-wrapper.unveil-wrapper .rate-list:nth-child(4) .star {
    background-image: url("/user/documents/upload/Images/2stars.svg");
}

.rate-wrapper.unveil-wrapper .rate-list:nth-child(5) .star {
    background-image: url("/user/documents/upload/Images/1stars.svg");
}

.rate-wrapper.unveil-wrapper .rate-block {
    display: flex;
    flex-grow: 1;
    background-color: #D8D8D8;
    height: 8px;
    border-radius: 4px;
    position: relative;
    padding-right: 0;
}

.rate-wrapper.unveil-wrapper .rate-bar {
    position: initial;
    display: flex;
    align-items: center;
    height: 8px;
    animation-name: scale;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    transform-origin: left;
    background: #FFB537;
}

.rate-wrapper.unveil-wrapper .rate-count {
    position: absolute;
    right: -30px !important;
    font-size: 14px;
}

.rate-wrapper.unveil-wrapper .rate-star {
    margin-right: 16px;
    width: 78px;
    height: 18px;
}

.rate-wrapper.unveil-wrapper .rate-list {
    margin-bottom: 7px;
}

.rate-bar {
    background-color: #00B208;
    border-radius: 4px;
}

.rate-wrapper .rate-wrap > div:not(.rate-average-wrap) .add-comment {
    margin-top: 32px;
}

.votes-wrap {
    margin-top: 40px;
}

.vote-wrap {
    border-color: #D6D6D6;
    margin-left: -40px;
    margin-right: -40px;
    padding: 32px 40px 32px 16px;
    display: flex;
    flex-wrap: wrap;
}

.vote-wrap.example-vote {
    position: relative;
    margin-top: 30px;
    border: none;
    padding-bottom: 0;
    padding-top: 0;
    max-height: 110px;
    overflow: hidden;
}

.vote-wrap.example-vote::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 70px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 86%);

}

.vote-wrap.example-vote .add-comment {
    display: none;
}

.vote-header {
    width: 192px;
    display: block;
    text-align: center;
    margin: 0;
}

.vote-content {
    width: calc(100% - 192px);
    margin-top: 0;
    padding-left: 26px;
    font-size: 15px;
    line-height: 24px;
}

.vote-pic {
    height: 56px;
    padding-right: 0;
    display: block;
    margin-bottom: 11px;
}

.vote-pic img {
    display: none;
}

.vote-initials {
    position: relative;
    margin: auto;
    width: 56px;
    height: 56px;
    font-size: 14px;
    color: #000;
    background-color: #F2F0EA !important;
}

.vote-name {
    line-height: 19px;
    color: #000;
    font-size: 14px;
    margin-bottom: 2px;
}

.stars .star.star-on::before, .stars .star.star-half::before {
    color: #FFAC00;
}

.vote-delimeter {
    display: none;
}

.vote-rating {
    margin-bottom: 13px;
}

.vote-title {
    color: #000;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 12px
}

#productDiscussion .vote-rating {
    display: none;
}

#productDiscussion .vote-content .add-comment.btn {
    font-size: 15px;
    line-height: 24px;
    height: auto;
    width: auto;
    border: 0;
    box-shadow: none;
    background: url("/user/documents/upload/Images/reply.svg") 0 50% no-repeat;
    padding-left: 32px;
    text-decoration: underline;
    margin-top: 24px;
}

.vote-wrap #discussion-form {
    display: block;
    margin-left: -160px;
    margin-top: 60px;
}

.vote-wrap .vote-wrap .vote-title + .vote-title, .vote-wrap .vote-wrap .vote-time:nth-last-child(2) {
    display: none;
}

.votes-wrap .votes-wrap {
    margin-top: 16px;
    padding-left: 24px;
}

.vote-wrap .vote-wrap {
    border: 1px solid #E7E4DA !important;
    margin: 0;
    position: relative;
}

.vote-wrap .vote-wrap::before {
    content: "";
    width: 14px;
    height: 14px;
    background-color: #F8F7F3;
    border: 1px solid #E7E4DA !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    position: absolute;
    top: -8px;
    left: 60px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.vote-wrap .vote-wrap .vote-initials {
    background: url("/user/documents/upload/Images/petr2.png") 50% no-repeat;
    font-size: 0;
    background-size: 56px auto;
}

.vote-wrap .vote-wrap .vote-header {
    width: 152px;
    margin-left: -8px;
}

.vote-wrap .vote-wrap .vote-content {
    width: calc(100% - 144px);
}

.discussionContainer .btn.btn-primary {
    background: #373737;
    box-shadow: none;
    color: #fff !important;
    border-color: #373737;
}

.discussionContainer .vote-wrap .btn.btn-primary:hover,
.discussionContainer .vote-wrap .btn.btn-primary:focus {
    text-decoration: underline;

}

#cboxOverlay {
    background-color: #000;
    opacity: 0.3 !important;
}

#cboxClose::before {
    content: url("/user/documents/upload/Images/close-big.svg");
}

#cboxClose:hover {
    opacity: 0.6;
}

.in-doprava-a-platba .sidebar {
    display: none;
}

.in-doprava-a-platba .content-inner {
    max-width: 921px;
    margin: 0 auto;
}

.doprava-clanek h2, .platba-clanek h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 18px;
    margin-top: 62px;
}

.d-img {
    width: 122px;
    padding: 0 16px;
}

.d-nazev {
    width: calc(100% - 448px);
    color: #000;
    font-weight: bold;
}

.d-doruceni {
    width: 163px;
    color: #00B208;
    font-weight: bold;
    font-size: 13px;
}

.d-doruceni::before {
    content: "Doba doručení";
    font-weight: 400;
    display: block;
    color: #000;
}

.d-cena {
    width: 163px;
    text-align: right;
    margin-left: auto;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.doprava-radek {
    border: 1px solid #D6D6D6;
    border-top: 0;
    padding: 16px 16px 16px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.doprava-radek:first-of-type {
    border-top: 1px solid #D6D6D6;
}

.d-nazev span {
    margin-top: 4px;
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #707070;
}

.in-doprava-a-platba .doprava-clanek .vyhody {
    display: none;
}

.type-page #content-wrapper, .type-post #content-wrapper {
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 80px;
}

.popup-overlay {
    position: fixed;
    top: 0;
    background-color: #000;
    opacity: 0.3;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.doprava-popup {
    position: fixed;
    top: 70px;
    left: 50%;
    width: 918px;
    margin-left: -459px;
    z-index: 101;
    background-color: #fff;
    border-radius: 8px;
    padding: 40px 40px 0 40px;
    box-shadow: 0 0 25px rgb(0, 0, 0, 0.4);
    max-height: 85vh;
    overflow: auto;
    scrollbar-width: thin;
}

.doprava-popup .doprava-clanek {
    margin-bottom: 0;
}

.doprava-popup .doruceni-clanek h2 {
    font-size: 25px;
}

.krizek {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
}

.krizek:hover {
    opacity: 0.6;
}

.krizek::before {
    content: url("/user/documents/upload/Images/close-big.svg");
}

.doprava-popup .doprava-clanek h2 {
    margin-top: 0;
}

.doprava-popup .d-nazev {
    width: calc(100% - 362px);
}

.doprava-popup .d-doruceni, .doprava-popup .d-cena {
    width: 120px;
}

.type-product .doprava-popup .vyhody {
    margin-top: 40px;
    margin-bottom: 0;
    background-color: #F2F0EA;
    border-radius: 0 0 8px 8px;
    margin-left: -40px;
    margin-right: -40px;
    padding: 21px;
}

.doprava-popup .vyhody > div > div {
    width: 395px;
    margin: auto;
    padding-right: 0;
}

.doprava-popup .vyhody > div > div strong {
    display: block;
    margin-bottom: 3px;
}

.roz-obj #cboxContent, .roz-obj #cboxLoadedContent {
    height: auto !important;
    border-radius: 8px 8px 0 0
}

.roz-obj #cboxContent {
    border: 0 !important;
}

.roz-obj .colorbox-html-content {
    padding: 40px 40px 0 40px;
}

.advanced-order .h1:not(.advanced-order-suggestion) {
    font-size: 28px;
    line-height: normal;
    font-weight: 600;
    text-align: center;
    padding-top: 40px;
    margin-top: 0;
    margin-bottom: 7px;
    background: url("/user/documents/upload/Images/done.svg") 50% 0 no-repeat;
}

.mybtn-wrapper {
    order: 2;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: center;
    margin-top: 20px;
}

.advanced-order .h2 {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin-bottom: 0;
}

.advanced-order .extras-wrap {
    background-color: transparent;
    margin-left: -41px;
    margin-right: -40px;
    padding: 16px 0;
}

#cboxClose {
    border-radius: 0 8px 0 0;
}

.advanced-order .extras-wrap .extra.delivery {
    margin: 0;
    width: 50%;
    padding: 0 70px;
    box-shadow: none;
}

.advanced-order .extras-wrap .extra.step {
    margin: 0;
    width: auto;
    text-align: right;
    padding-left: 8px;
}

.do-obchodu {
    width: auto;
    text-align: left;
    padding-right: 8px;
}

.do-obchodu .btn {
    background-color: #F2F0EA;
    border-color: #F2F0EA;
    font-size: 14px;
    color: #000;
    line-height: 48px;
    height: 48px;
    padding: 0 25px;
    transition: none;
}

.do-obchodu .btn:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.extra.delivery::before {
    display: none;
}

.extra.delivery > span {
    font-size: 14px;
    line-height: 20px;
    background: url("/user/documents/upload/Images/truck-black.svg") 0 0 no-repeat;
    background-size: auto 18px;
    padding-left: 33px;
    width: 100%;
    position: relative;
}

.extra.delivery {
    color: #000;
}

.extra.delivery .price-range::before, .extra.delivery .price-range::after {
    content: none;
}

.extra strong {
    color: #000;
}

.price-range {
    background-color: #E5E1D8;
    height: 10px;
    border-radius: 30px;
    margin-top: 10px;
    margin-left: -33px;
    width: calc(100% + 33px);
    margin-bottom: 0;
}

.price-range > div {
    background-color: #50AF34;
    border-radius: 30px;
}

.price-range::before {
    content: "0 Kč";
    left: 0;
}

.price-range::after {
    content: "2 000 Kč";
    right: 0;
}

.price-range::before, .price-range::after {
    font-size: 12px;
    bottom: 0;
    position: absolute;
    color: #000;
}

.advanced-order .extras-wrap .extra.step .btn {
    width: 198px;
    padding: 0;
    line-height: 46px;
    box-shadow: none;
}

.advanced-order .h1.advanced-order-suggestion {
    margin: 0 -41px 8px -42px;
    border-top: none;
    z-index: 1;
    position: relative;
    font-size: 18px;
    line-height: 24px;
    padding-top: 16px;
}

.advanced-order .products-block {
    margin-left: -40px !important;
    margin-right: -40px !important;
}

.advanced-order .products-block .p-desc {
    display: none;
}

.extra.delivery.d-zdarma > span {
    width: 200px;
    margin: auto;
    padding-bottom: 0;
}

tr.removeable .remove-item {
    visibility: visible;
}

.show-related {
    display: none;
}

.cart-table tr td.p-name a {
    color: #000;
    text-transform: none;
}

.cart-table .availability-amount, .cart-table .unit-value {
    display: none;
}

.p-price .price-final {
    color: #707070 !important;
    font-size: 13px;
    font-weight: 400;
}

.p-total .price-final {
    color: #000;
}

.cart-summary > h4 {
    display: none;
}

.discount-coupon form {
    display: none;
    width: 360px;
    margin-top: 16px;
    position: relative;
}

.discount-coupon.otevreny form {
    display: block;
}

.discount-coupon::before {
    display: none !important;
}

.kupon-odkaz {
    position: relative;
    color: #000;
    font-size: 15px;
    padding-left: 32px;
    line-height: 20px;
    cursor: pointer;
    text-decoration: underline;
}

.kupon-odkaz:hover {
    text-decoration: none;
}

.kupon-odkaz::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    border: 1px solid #656565;
    border-radius: 4px;
    top: 50%;
    transform: translateY(-50%);
}

.otevreny .kupon-odkaz::before {
    content: url("/user/documents/upload/Images/fajfka.svg");
    background-color: #50AF34;
    border-color: #50AF34;
    text-align: center;
    line-height: 20px;
}

.discount-coupon, .extra.delivery, .extra.discount {
    padding-left: 0;
}

.discount-coupon form .btn {
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    width: 102px;
}

.cart-summary {
    padding-top: 13px;
}

.extras-col {
    max-width: 382px;
}

.extra.delivery {
    margin-bottom: 20px;
}

.in-kosik .delivery-time {
    font-size: 14px;
    color: #000;
}

.in-kosik .delivery-time strong {
    font-weight: 400;
}

.cart-row > div.col-md-4 .cart-content.checkout-box-wrapper, .price-wrapper .price-secondary {
    display: none;
}

.cart-content + .cart-content {
    margin-top: 0;
}

.cart-content.summary-wrapper > div {
    background-color: #F2F0EA;
    border: 1px solid #D6D6D6;
    padding: 24px;
    border-radius: 6px;
}

.price-wrapper {
    margin-bottom: 0;
    align-items: baseline;
    padding-bottom: 30px;
}

.price-wrapper .price.price-primary {
    font-size: 24px;
    line-height: 32px;
    flex: unset;
}

.price-wrapper .price-label.price-primary {
    font-weight: 400;
}

.cart-row .col-md-4 .btn-conversion {
    width: auto;
    padding: 0 28px;
    line-height: 48px;
    text-align: left;
    position: relative;
}

.cart-row .col-md-4 .btn-conversion#submit-order {
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: none;
}

.cart-row .col-md-4 .btn-conversion#submit-order .order-button-text {
    text-transform: none;
    font-size: 17px;
}

.cart-row .col-md-4 .btn-conversion#submit-order .order-button-suffix {
    padding-bottom: 0;
    margin-top: 0;
    margin-left: 4px;
    font-size: 17px;
}

.cart-row .col-md-4 .next-step-forward::after {
    content: url("/user/documents/upload/Images/sipka-bila-konverze.svg");
    position: absolute;
    right: 28px;
    top: 50%;
    margin-top: -8px;
}

.back-shopping-link .next-step-back {
    padding-top: 0;
    padding-bottom: 0;
    text-transform: none;
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

.back-shopping-link .next-step-back::before {
    content: url("/user/documents/upload/Images/sipka-cerna-zpet.svg");
    margin-right: 12px;
    position: relative;
    top: -2px
}

.co-box {
    padding: 0;
    margin-bottom: 48px;
    border: 0;
}

.co-box h4 {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 22px;
    line-height: 30px;
    text-transform: none;
}

.box.co-box h4::before, .co-box h4::before {
    display: none;
}

.radio-wrapper {
    border: 1px solid #D6D6D6 !important;
    margin-bottom: 10px;
    border-radius: 6px;
    padding: 0 28px;
}

.radio-wrapper input[type="radio"] + label {
    padding: 10px 0 10px 46px;
}

.radio-wrapper input[type="checkbox"] + label::before, .radio-wrapper input[type="radio"] + label::before {
    border-color: #D6D6D6;
    border-radius: 50%;
}

.radio-wrapper input[type="checkbox"]:checked + label::after, .radio-wrapper input[type="radio"]:checked + label::after {
    content: "";
    width: 12px;
    height: 12px;
    border: none;
    background-color: #2C9D11;
    border-radius: 50%;
    left: 4px;
}

.radio-wrapper input[type="checkbox"]:checked + label::before, .radio-wrapper input[type="radio"]:checked + label::before {
    border: 1px solid #2C9D11;
}

.payment-logo {
    width: 60px;
    flex-basis: 60px;
    text-align: center;
}

.payment-logo img {
    border-radius: 6px;
}

#order-billing-methods .payment-logo img {
    border: 1px solid #BFBFBF;
}

.payment-info {
    padding-right: 16px;
    padding-left: 16px;
    display: flex;
    align-items: center;
}

.radio-wrapper input[type=radio]+label .payment-info .sublabel {
    margin-left: auto;
    margin-right: 100px;
    font-size: 15px;
}

.radio-wrapper input[type=radio]+label .payment-info .sublabel a {
    color: #656565;
    text-decoration: underline;
}

.radio-wrapper input[type=radio]+label .payment-info .sublabel a:hover {
    text-decoration: none;
}

.payment-info b {
    padding-right: 0;
    text-transform: none;
}

.radio-wrapper.active label > span b {
    color: #000;
}

.payment-shipping-price {
    text-transform: none;
}

.for-free {
    color: #000 !important;
    text-transform: uppercase;
}

.radio-wrapper:hover, .radio-wrapper.active {
    background-color: #F1F1F1;
    border-color: #E0E0E0;
}

.question-tooltip {
    background-color: transparent;
    color: #373737;
    border-color: #373737;
    font-size: 12px;
    margin-left: 10px;
    line-height: 1.3;
    font-weight: 700;
    border-width: 2px;
}

.in-krok-1 .back-shopping-link, .in-krok-2 .back-shopping-link {
    display: none;
}

#checkoutSidebar .order-summary > .checkout-box {
    display: none;
}

#checkoutSidebar .order-summary {
    border: none;
    border-radius: 6px;
    padding: 24px 24px 0 24px;
    background: #F8F7F3;
}

.order-summary h4 {
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: none;
    font-size: 21px;
    line-height: 24px;
}

.cart-item > div {
    border: 0;
    padding: 16px 2px !important;
}

.cart-item > div.cart-item-price {
    width: 62px;
    font-size: 13px;
    color: #000;
    flex-shrink: 0;
}

.cart-item > div.cart-item-amount {
    width: 40px;
    text-align: left;
    font-size: 13px;
    margin-left: auto;
    flex-shrink: 0;
}

.toggleItems {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
    margin: 10px 0 20px;
}

.toggleItems::after {
    content: url("/user/documents/upload/Images/cerna-sipka-8-dolu.svg");
    margin-left: 5px;
    display: inline-block;
    transition: all ease 300ms;
}

.toggleItems.opened::after {
    transform: rotate(180deg);
}

.toggleItems:hover {
    text-decoration: none;
}

.cart-item > div.cart-item-name a {
    font-size: 13px;
    line-height: 18px;
    text-transform: none;
    color: #000;
    padding-right: 16px;
}

.cart-item {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #D6D6D6;
    display: flex;
    justify-content: space-between;
}

.unit-value {
    color: #707070;
    padding-left: 0;
}

.cart-items {
    margin-bottom: 0;
}

.order-summary-item.helper {
    font-weight: bold;
    color: #000;
    font-size: 13px;
    background-color: #F8F7F3;
    margin-left: 0px;
    margin-right: 0px;
    padding: 16px 0;
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 16px;
}

#shipping-billing-summary .recapitulation-single.recapitulation-shipping-billing.last {
    padding-bottom: 20px;
}

ol.cart-header li.completed a, ol.cart-header li.completed strong {
    color: #707070;
}

ol.cart-header li.completed a span::before {
    content: url("/user/documents/upload/Images/completed.svg");
}

#shipping-billing-summary .recapitulation-single, .in-krok-2 #checkoutSidebar .cart-items > .recapitulation-single {
    position: relative;
    display: block;
    font-size: 0;
    color: #000;
    padding-bottom: 16px;
}

#shipping-billing-summary .recapitulation-single > span, .in-krok-2 #checkoutSidebar .cart-items > .recapitulation-single > span {
    display: inline-block;
    padding-right: 0;
}

#shipping-billing-summary .recapitulation-single > strong, .in-krok-2 #checkoutSidebar .cart-items > .recapitulation-single > strong {
    flex-auto;
    display: inline-block;
    font-size: 14px;
    padding-right: 60px;
}

#shipping-billing-summary .recapitulation-single > strong span, .in-krok-2 #checkoutSidebar .cart-items > .recapitulation-single > strong span {
    position: absolute;
    right: 0;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
}

#shipping-billing-summary .recapitulation-single:first-child > span::after, .in-krok-2 #checkoutSidebar .cart-items > .recapitulation-single:first-child > span::after {
    content: "Způsob dopravy:";
    font-size: 13px;
    margin-right: 3px;
    font-weight: bold;
}

#shipping-billing-summary .recapitulation-single:last-child > span::after, .in-krok-2 #checkoutSidebar .cart-items > .recapitulation-single:last-child > span::after {
    content: "Způsob platby:";
    font-size: 13px;
    margin-right: 3px;
    font-weight: bold;
}

#shipping-billing-summary {
    margin-bottom: 0 !important;
}

.order-summary-item.price {
    margin-left: -24px;
    margin-right: -24px;
    padding: 0;
    border-top: none !important;
    background-color: #fff;
}

.ordering-process .price-wrapper {
    justify-content: flex-end;
    padding-top: 24px;
    padding-bottom: 22px;
}

#checkoutSidebar .next-step {
    border-top: 0;
}

a.next-step-back:hover {
    text-decoration: underline;
}

a.next-step-back::before {
    content: none;
}

.ucet {
    background-color: #F8F7F3;
    border-radius: 6px;
    color: #373737;
    line-height: 22px;
    padding: 19px 26px;
    margin-bottom: 24px;
}

.ucet a {
    color: #373737;
    text-decoration: underline;
}

.ucet a:hover {
    text-decoration: none;
}

.form-group label {
    color: #000;
}

#checkoutContent .form-group label {
    line-height: 48px;
    width: 212px;
}

.phone-combined-input input {
    border-left: 0;
    border-radius: 0 3px 3px 0;
    width: calc(100% - 97px);
}

.country-flags {
    width: 97px;
    height: 48px;
    border: 1px solid #D6D6D6;
    border-radius: 3px 0 0 3px;
    display: block;
}

.country-flags-inner {
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

#checkoutContent .form-group label.whole-width {
    font-size: 15px;
    line-height: 24px;
    width: auto;
}

.in-krok-2 .form-group {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
}

.form-group > input.form-control.short, .form-group > select.form-control.short {
    width: 157px;
}

#billCountryId {
    background: url("/user/documents/upload/Images/vyber-zeme.svg") #F4F4F4 calc(100% - 8px) 50% no-repeat;
    color: #707070;
}

fieldset + .form-group, .form-option-block + .form-group {
    margin-top: 0;
}

#checkoutSidebar .form-group.consents {
    background-color: transparent;
    margin-top: 18px;
}

#checkoutSidebar .form-group.consents.consents-first {
    margin-top: 21px;
}

#checkoutSidebar .form-group.consents.consents-first label {
    color: #000;
}

#checkoutSidebar .form-group label.whole-width {
    font-size: 13px;
    padding: 0;
    line-height: 19px;
    color: #707070;
}

.ordering-process .project-phone {
    margin-right: 0;
}

.validator-msg.msg-error, .validator-msg.msg-warning, .js-validator-msg.msg-error, .validator-msg.msg-info {
    position: absolute;
    left: 530px;
    width: 220px;
    background-color: #FFCACA;
    border: 1px solid #EDA9AE;
    border-radius: 4px;
    padding: 8px 10px;
    top: 50%;
    margin-top: -30px;
    color: #C01322;
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.validator-msg.msg-error::before, .validator-msg.msg-warning::before, .js-validator-msg.msg-error::before, .validator-msg.msg-info::before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #FFCACA;
    border-left: 1px solid #EDA9AE;
    border-top: 1px solid #EDA9AE;
    position: absolute;
    left: -6px;
    top: 50%;
    margin-top: -6px;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
}

.validator-msg.msg-warning, .validator-msg.msg-warning::before {
    border-color: #eea236;
    background-color: #ffd291;
}

.validator-msg.msg-info, .validator-msg.msg-info::before {
    border-color: #3276b1;
    background-color: #98cbf7;
    color: #04335b;
}

.validator-msg + input, .js-validator-msg + input, .validator-msg + select, .js-validator-msg + select, .validator-msg + .phone-combined-input, .js-validator-msg + .phone-combined-input {
    clear: none;
    margin-left: 0;
}

.id--15 #content {
    background-color: #fff;
    max-width: 922px;
    margin: 64px auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 56px 56px 64px 56px;
    position: relative;
}

.order-summary-heading {
    color: #000;
    text-transform: none;
    padding-top: 80px !important;
    margin-bottom: 21px;
    background: url("/user/documents/upload/Images/fajfka-dekujeme.svg") 50% 0 no-repeat;
}

.dekujeme-text {
    max-width: 640px;
    margin: 0 auto 24px auto;
    text-align: center;
    line-height: 24px;
}

.reca-number {
    font-size: 0;
    color: #000;
    margin-bottom: 40px;
}

.reca-number::before {
    content: "Číslo objednávky: ";
    font-size: 15px;
}

.reca-number strong {
    font-size: 15px;
}

.id--15 .t-hlavicka {
    display: none;
}

.id--15 .co-order h4, .id--15 .co-payment-method h4 {
    display: none;
}

.id--15 .cart-table {
    border-top: 1px solid #D6D6D6;
}

.order-summary-heading, .recapitulation-wrapper {
    max-width: none;
}

.id--15 .cart-table .p-quantity > *:not(em) {
    display: none !important;
}

.id--15 .cart-table .p-quantity em {
    font-style: normal;
    margin-left: -3px;
}

.id--15 .co-payment-method .row {
    display: flex;
    flex-wrap: wrap;
}

.id--15 .co-payment-method .row > div:first-child {
    order: 2;
}

.id--15 .co-payment-method .row > div:last-child {
    order: 1;
}

.id--15 .co-payment-method.predem .row > div:last-child::before {
    content: "Informace pro platbu převodem";
    display: block;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #000;
    font-weight: bold;
}

table.table.recapitulation-table > tbody > tr > th, table.table.recapitulation-table > tbody > tr > td {
    padding: 0 0 8px 0;
    line-height: 24px;
}

table.table.recapitulation-table > tbody > tr > td {
    text-align: right;
}

table.table.recapitulation-table > tbody > tr > th {
    display: flex;
}

table.table.recapitulation-table > tbody > tr > td strong {
    font-weight: 400;
}

table.table.recapitulation-table > tbody > tr > th::after {
    content: ":";
}

.co-payment-method table {
    max-width: 350px;
}

.co-payment-method .col-sm-6:first-child table {
    margin-left: auto;
}

.co-payment-method .row > div:first-child tr:not(.uhrada) th {
    font-weight: bold;
}

.co-payment-method .col-sm-6:first-child {
    padding-top: 39px;
}

.co-payment-method .row > div:first-child table {
    color: #000;
}

.uhrada:not(.uhrada-predem) td, .uhrada:not(.uhrada-predem) th {
    padding: 15px 16px !important;
    line-height: 32px !important;
    background-color: #F2F0EA;
}

.uhrada:not(.uhrada-predem) {
    border-radius: 2px;
}

.uhrada:not(.uhrada-predem) td {
    font-size: 24px;
}

.uhrada:not(.uhrada-predem) td strong {
    font-weight: bold !important;
}

.co-payment-method .row > div:first-child tr:nth-child(2) th, .co-payment-method .row > div:first-child tr:nth-child(2) td {
    padding-bottom: 28px !important;
}

.order-summary-item.total, .order-summary-item.summary-thx, .order-complete-links {
    display: none;
}

.dekujeme-spodek {
    padding-top: 48px;
    border-top: 1px solid #D6D6D6;
    display: flex;
    flex-wrap: wrap;
}

.dekujeme-spodek > div {
    width: 50%;
}

.dekujeme-spodek .project-phone::before {
    content: "Pokud nastaly nějaké potíže, kontaktujte nás.";
}

.dekujeme-spodek .project-phone {
    width: 100%;
}

.dekujeme-spodek > div > span {
    float: right;
    padding-left: 95px;
    line-height: 24px;
    background: url("/user/documents/upload/Images/logo-dekujeme.png") 0 50% no-repeat;
}

.id--15 #content::before {
    content: url("/user/documents/upload/Images/dekujeme1.png");
    position: absolute;
    left: -100px;
    top: -43px;
}

.id--15 #content::after {
    content: url("/user/documents/upload/Images/dekujeme2.png");
    position: absolute;
    top: 145px;
    right: -142px;
    z-index: -1;
}

.cart-empty .cart-row .cart-content, .cart-empty .h1 {
    display: none;
}

.cart-empty {
    padding-top: 64px;
    background: url("/user/documents/upload/Images/prazdny-kosik.jpg") 0px -13px no-repeat;
    min-height: 459px;
}

.pk-obsah {
    padding-left: 344px;
    padding-right: 60px;
    text-align: justify;
}

.pk-obsah h2 {
    font-size: 32px;
    margin: 21px 0;
}

.pk-obsah p {
    line-height: 24px;
    margin-bottom: 24px;
}

.pk-obsah .btn {
    width: 209px;
    height: 48px;
    padding: 0;
    line-height: 46px;
}

.pk-obsah .btn::before {
    content: url("/user/documents/upload/Images/sipka-bila-konverze.svg");
    display: inline-block;
    margin-right: 16px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    top: -3px;
}

.prazdny-kosik .sidebar-kontakt .kontakt-in .jmeno, .in-404 .sidebar-kontakt .kontakt-in .jmeno {
    font-size: 19px;
    text-align: center;
}

.prazdny-kosik .sidebar-kontakt .kontakt-in .jmeno strong, .in-404 .sidebar-kontakt .kontakt-in .jmeno strong {
    font-size: 0;
    height: 0;
}

.prazdny-kosik .sidebar-kontakt {
    max-width: 298px;
    margin-left: auto;
}

.prazdny-kosik .fav-cat {
    margin-bottom: 120px;
}

.sign .sidebar {
    display: none;
}

.sign #content {
    max-width: 921px;
    margin: 0 auto;
    box-shadow: 0 0 31px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.sign h1 {
    max-width: 921px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 38px;
}

.sign #content > div {
    width: 50%;
    padding: 40px;
}

.sign .content-inner {
    background-color: #F2F0EA;
}

.sign .form-group > input.form-control {
    width: 100%;
}

.sign .form-group label {
    line-height: 20px;
    margin-bottom: 8px;
}

.sign #content h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
}

.in-registrace #content .registrace-box h5 {
    display: none;
}

.sign #content .registrace-box > p {
    line-height: 24px;
    font-size: 15px;
}

.sign #content .co-box {
    margin-bottom: 20px;
}

.sign #content .stay-in-touch label {
    font-size: 15px;
    margin-bottom: 0;
    color: #000;
}

.sign #content .form-group.consents label {
    margin-bottom: 20px;
    font-size: 14px;
    color: #707070;
}

.sign #content form .btn-conversion {
    width: 100%;
}

.sign #content .form-group.submit-wrapper p {
    margin-bottom: 0;
}

.in-registrace #content .registrace-box .btn-conversion {
    display: none;
}

.reg-ucet {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    border-top: 1px solid #D6D6D6;
    padding-top: 40px;
    margin-top: 44px;
}

.reg-ucet .btn {
    margin-top: 16px;
    width: 136px;
    display: block;
}

.sign #content-wrapper {
    border-bottom: 0;
    padding-bottom: 40px;
}

.id--4 .content-inner {
    max-width: none;
}

.sign #content .password-helper > a:first-child {
    display: none;
}

.sign #content .login-wrapper .password-helper a {
    max-width: none;
    line-height: 48px;
    padding: 0 !important;
}

.sign #content .login-wrapper .btn {
    width: 136px;
}

.in-login #content h4 {
    margin-bottom: 5px !important;
}

.type-posts-listing .sidebar {
    display: none;
}

.type-posts-listing .content-inner {
    max-width: none;
}

.type-posts-listing .content {
    padding: 0;
}

.type-page .content-inner, .type-post .content-inner {
    max-width: 921px;
    margin: 0 auto;
}

.type-page .sidebar, .type-post .sidebar {
    display: none;
}

.news-item-detail time {
    margin-bottom: 28px;
}

.news-item-detail p, article p {
    margin-bottom: 24px;
    line-height: 24px;
}

.news-item-detail img, article img {
    margin-bottom: 12px;
}

.news-item-detail h2, article h2 {
    font-size: 28px;
    line-height: 37px;
    margin-bottom: 22px;
    margin-top: 36px;
}

.news-item-detail h3, article h3 {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 22px;
    margin-top: 36px;
}

.news-item-detail ul, article ul, .news-item-detail ol, body:not(.in-obchodni-podminky) article ol {
    list-style: none;
    padding: 0;
    margin-bottom: 32px;
    margin-top: 32px;
}

.news-item-detail ul > li,
article ul > li {
  line-height: 24px;
  margin-bottom: 12px;
  padding-left: 31px;
  background: url("/user/documents/upload/Images/odrazka-2.svg") 0 2px no-repeat;
}

.news-item-detail ol li, article ol li {
    line-height: 24px;
    margin-bottom: 12px;
    position: relative;
    padding-left: 31px;
}

body.in-obchodni-podminky article ul > li ol > li {
    padding-left: 4px !important;
}

.news-item-detail ol li::before, body:not(.in-obchodni-podminky) article ol li::before {
    counter-increment: steps;
    content: counter(steps) ".";
    margin-right: 20px;
    color: #FFAC00;
    font-weight: bold;
    position: absolute;
    left: 0;
}

.news-item-detail .puv-highlight.blue ol li::before, article .puv-highlight.blue ol li::before {
    color: #204E7F;
}

.news-item-detail a, article a {
    color: #00B208;
    text-decoration: underline;
}

.news-item-detail a:hover, article a:hover {
    text-decoration: none;
}

.news-item-detail .next-prev {
    display: none;
}

.in-vyhledavani {
    overflow-x: hidden;
}

.in-vyhledavani .kat-header h2 {
    width: 100%;
    font-size: 32px;
    line-height: 43px;
    margin-top: 0;
    margin-bottom: 38px;
}

.in-vyhledavani .kat-header > * {
    width: 100%;
}

.search-tabs {
    padding-bottom: 18px;
    font-size: 14px;
    color: #000;
    position: relative;
}

.search-tabs a {
    cursor: pointer;
    margin-right: 84px;
    color: #000 !important;
}

.search-tabs a:hover {
    text-decoration: underline;
}

.search-tabs a::after {
    content: url("/user/documents/upload/Images/cerna-sipka-8-dolu.svg");
    margin-left: 8px;
    position: relative;
    top: -2px;
}

.search-tabs::after {
    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: #D6D6D6;
}

.search-results-group h4, .search-products-heading {
    font-size: 0;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 14px;
}

.search-results-group h4::after, .search-products-heading::after {
    font-size: 22px;
    line-height: 30px;
}

#search-group-categories h4::after {
    content: "Nalezeno v kategoriích:";
}

.search-products-heading::after {
    content: "Nalezeno v produktech:";
}

#search-group-articles h4::after {
    content: "Nalezeno v článcích:";
}

#search-group-manufacturers h4::after {
    content: "Nalezeno ve značkách:";
}

#search-group-categories {
    padding-top: 40px;
    padding-bottom: 24px;
}

#search-group-categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

#search-group-categories ul li {
    width: 20%;
    padding: 8px;
    display: block !important;
}

#search-group-categories ul li a {
    height: 72px;
    background-color: #fff;
    display: flex;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    box-shadow: 0 0 8px #EEEADC;
    padding: 0 44px 0 84px;
    position: relative;
    font-size: 14px;
    color: #000;
    align-items: center;
    background: url("/user/documents/upload/Images/slozka-search.svg") 24px 50% no-repeat;
}

#search-group-categories ul li a:hover {
    text-decoration: underline;
    color: #00B208;
}

#search-group-categories ul li a::after {
    content: url("/user/documents/upload/Images/sipka-cerna-search.svg");
    position: absolute;
    right: 24px;
    line-height: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
}

#search-group-categories ul li a:hover::after {
    content: url("/user/documents/upload/Images/sipka-zelena-search.svg");
}

.display-results-group {
    display: none !important;
}

.in-vyhledavani #content {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
    padding-left: 55px;
}

.search-results-groups {
    width: calc(100% + 24px);
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 61px;
}

#loadNextSearchResults {
    line-height: 46px;
    padding: 0;
    width: 207px;
}

.search-results-groups > div {
    width: calc(50% - 24px);
    margin: 0 12px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    padding: 40px;
}

.search-results-groups .search-results-group-list {
    column-count: 1;
    margin-bottom: 0;
}

.search-results-groups .search-results-group-list ul {
    padding-left: 0;
    list-style: none;
}

.search-results-groups .search-results-group-list ul li {
    line-height: 24px;
    margin-bottom: 12px;
}

.search-results-groups .search-results-group-list ul li:last-child {
    margin-bottom: 0;
}

.search-results-groups .search-results-group-list ul li a {
    color: #000;
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.search-results-groups .search-results-group-list ul li a:hover {
    color: #00B208;
    text-decoration: underline;
}

#search-group-articles li a {
    background-image: url("/user/documents/upload/Images/clanek-black.svg");
}

#search-group-articles li a:hover {
    background-image: url("/user/documents/upload/Images/clanek2.svg");
}

#search-group-manufacturers li a {
    background-image: url("/user/documents/upload/Images/znacka-black.svg");
}

#search-group-manufacturers li a:hover {
    background-image: url("/user/documents/upload/Images/znacka2.svg");
}

body:not(.kategorie-found) .kategorie-tab {
    display: none;
}

body:not(.produkty-found) .produkty-tab {
    display: none;
}

body:not(.clanky-found) .clanky-tab {
    display: none;
}

body:not(.znacky-found) .znacky-tab {
    display: none;
}

.id--51 .sidebar {
    display: none;
}

.id--51 .content {
    max-width: 921px;
    margin: 0 auto;
    padding: 0;
}

.rate-wrapper, .votes-wrap, .add-comment {
    max-width: none;
}

.id--51 .content-inner {
    max-width: 921px;
}

.id--51 .vote-wrap {
    margin-left: 0;
    margin-right: 0;
}

.id--51 .rate-wrapper {
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 40px;
}

.id--51 .rate-wrapper .row {
    margin-top: 0;
}

.id--51 .vote-wrap:first-child {
    border-top: 0;
}

.id--51 .votes-wrap {
    margin-top: 16px;
}

.id--51 h1 {
    margin-bottom: 50px;
}

.in-vse-o-nakupu .content-inner, .in-kontakty .content-inner {
    max-width: none;
}

.in-vse-o-nakupu .content, .in-kontakty .content {
    padding: 0;
}

.vse-o-nakupu {
    display: flex;
    flex-wrap: wrap;
    margin-left: -6px;
    margin-right: -6px;
}

.vse-o-nakupu > div {
    width: 20%;
    padding: 6px;
}

.vse-o-nakupu > div > a {
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
    padding: 120px 32px 32px 32px;
    line-height: 20px;
    color: #000;
    text-align: center;
    text-decoration: none;
    display: block;
    height: 100%;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 50% 40px;
}

.vse-o-nakupu > div > a:hover {
    text-decoration: underline;
    color: #00B208;
}

.nakup1 a {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup-1.svg");
}

.nakup2 a {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup-2.svg");
}

.nakup3 a {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup-3.svg");
}

.nakup4 a {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup-4.svg");
}

.nakup5 a {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup5.svg");
}

.nakup6 a {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup6.svg");
}

.nakup7 a {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup7.svg");
}

.nakup8 a {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup-8.svg");
}
/*
.nakup1 a:hover {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup1b.svg");
}

.nakup2 a:hover {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup2b.svg");
}

.nakup3 a:hover {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup3b.svg");
}

.nakup4 a:hover {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup4b.svg");
}

.nakup8 a:hover {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup8b.svg");
}*/

.nakup5 a:hover {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup5b.svg");
}

.nakup6 a:hover {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup6b.svg");
}

.nakup7 a:hover {
    background-image: url("/user/documents/upload/Images/Vse_o_nakupu/nakup7b.svg");
}


.in-vse-o-nakupu h1 {
    margin-bottom: 50px;
}

/*KONTAKT PODSTRÁNKA*/

.kontakty-main .poradna-kontakt {
    background: #EAF7E6;
    padding: 28px;
    border-radius: 6px;
    border: none;
    margin: 0;
    justify-content: center;
}

.kontakty-main .poradna-kontakt .kontakt-in .jmeno {
    display: none;
}

.kontakty-main .poradna-kontakt .kontakt-in {
    padding: 0;
    background: transparent;
    flex-direction: row-reverse;
    width: auto;
}

.kontakty-main .fb {
    display: block;
    width: auto;
    padding: 0;
    height: 33px;
    display: flex;
    align-items: center;
}

.kontakty-main .fb a::after {
    content: "Facebook";
}

.kontakty-main .kontakt-in a.email span {
    display: none;
}

.kontakty-main .kontakt-in a.email {
    background-image: url("/user/documents/upload/Images/kontakt-email-green-1.svg");
    padding-left: 40px;
    text-decoration: underline;
}

.kontakty-main .kontakt-in a.telefon {
    background-image: url("/user/documents/upload/Images/kontakt-telefon-green-1.svg");
    padding-left: 33px;
    margin: 0 70px;
}

.kontakty-main .kontakt-in a.telefon:hover span {
    text-decoration: none;
}


.kontakty-main .fb a {
    color: #50AF34;
    text-decoration: underline;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    height: 33px;
    display: flex;
    align-items: center;
    padding-left: 29px;
}

.kontakty-main .kontakt-in a span {
    color: #50AF34;
    font-size: 16px;
    margin-left: 10px;
}

.kontakty-main .kontakt-in a {
    color: #50AF34 !important;
    text-decoration: none;
    font-size: 26px;
    height: 33px;
    display: flex;
    align-items: center;
}

.kontakty-main .kontakt-in a.telefon br {
    display: none;
}

.kontakty-main .kontakt-in a:hover {
    text-decoration: underline;
}

.kontakty-main .fb a {
    background: url("/user/documents/upload/Images/fb-green.svg") 0 50% no-repeat;
}

.moznosti {
    display: flex;
    flex-wrap: wrap;
    margin-top: 28px;
}

.moznosti > div {
    width: 20%;
}

.moznosti strong {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 24px;
    margin-top: 15px;
    color: #000;
}

.moznosti strong::before {
    content: url("/user/documents/upload/Images/fajfka-moznosti.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.moznosti strong img {
    margin-left: 20px;
    margin-bottom: 5px;
    width: 72px;
}

.mapa-form {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 25px;
    align-items: center;
}

.mapa-form > .kontakt-text {
    padding-left: 40px;
}

.mapa-form > .kontakt-text h4 {
    margin: 0 0 20px;
    font-size: 22px;
}

.mapa-form > .kontakt-text > div {
    max-width: 300px;
}

.mapa-form > .kontakt-text > div:first-child {
    margin-bottom: 50px;
}

.mapa-form > div {
    width: 50%;
    padding: 12px;
}

.mapa-form form, .mapa-form iframe {
    border-radius: 8px;
}

.id-29 .vyhody > div {
    justify-content: space-evenly;
}

.id-29 .vyhody .vyhoda1 {
    display: none;
}

.id-29 .vyhody > div > div {
    width: auto;
    flex-basis: 285px;
}

.id-29 .vyhody > div > div span {
    font-size: 15px;
}

.type-page.id-29 #content-wrapper {
    border-bottom: none;
}

.id-29 .vyhody {
    background-color: #F2F0EB;
    border-radius: 10px;
    border: none !important;
    margin: 0 auto;
    padding: 54px 0;
}

.mapa-form form {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 40px;
}

#formContact h4 {
    font-size: 28px;
    line-height: 37px;
    margin-top: 0;
    margin-bottom: 14px;
}

#formContact p {
    margin-bottom: 28px;
}

#formContact .form-group {
    margin-bottom: 16px;
}

.required-asterisk::after {
    color: #d63500;
}

#formContact .form-group label {
    width: 100%;
    line-height: 20px;
    margin-bottom: 8px;
}

#formContact textarea.form-control {
    height: 120px;
}

#formContact .form-group.consents, #formContact .form-group.submit-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin: 8px 0 0 0;
}

#formContact .form-group.consents {
    width: calc(100% - 194px);
}

#formContact .form-group.submit-wrapper {
    width: 190px;
}

#formContact .form-group {
    min-width: auto;
}

#formContact .form-group.consents label {
    max-width: 280px;
    font-size: 14px;
    padding: 0;
    color: #707070;
}

#formContact .form-group.submit-wrapper .btn {
    width: 100%;
}

.prodejna-kontakt {
    margin-top: 40px;
    display: flex;
    align-items: flex-start;
}

.prodejna-kontakt__image {
    max-width: 493px;
    width: 100%;
    margin-right: 30px;
}

.prodejna-kontakt__image img {
    border-radius: 6px;
    margin: 0;
}

.prodejna-kontakt__olomouc h3 {
    margin: 0 0 25px;
}

.prodejna-kontakt__map {
    max-width: 493px;
    width: 100%;
    margin-right: 30px;
}

.prodejna-kontakt__map iframe {
    max-height: 328px;
    border-radius: 6px;
}

.prodejna-kontakt__olomouc ul {
    margin: 30px 0 0;
}

.prodejna-kontakt__olomouc ul li {
    background: url("/user/documents/upload/Images/odrazka-3.svg") 0 2px no-repeat;
    font-weight: 700;
    margin-bottom: 10px;
}

.prodejna-kontakt__olomouc a {
    color: #000;
}

.prodejna-kontakt__olomouc {
    color: #000;
}

.prodejna-kontakt__olomouc p {
    margin-bottom: 15px;
}

    /*404*/

.in-404 .content-inner {
    max-width: none;
}

.in-404 .content {
    padding: 0;
}

.in-404 #content-wrapper {
    padding-bottom: 0;
}

.empty-content {
    margin: 24px 0 0 0;
    padding-bottom: 380px;
    background: url("/user/documents/upload/Images/myska.png") center bottom no-repeat;
    position: relative;
    margin-right: 360px;
    text-align: center;
}

.empty-content h1 {
    color: #000;
}

.empty-content h1::before {
    content: "404";
    display: block;
    font-size: 200px;
    font-weight: bold;
    color: #D6D6D6;
    line-height: 180px;
}

.empty-content h2 {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #707070;
    max-width: 574px;
    margin-left: auto;
    margin-right: auto;
}

.empty-content h2::after {
    display: none !important;
}

.empty-content .btn {
    width: 209px;
    padding: 0;
    line-height: 46px;
    margin-top: 20px
}

.empty-content .btn::before {
    content: url("/user/documents/upload/Images/sipka-bila-konverze.svg");
    margin-right: 12px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    position: relative;
    top: -4px;
}

.empty-content .sidebar-kontakt {
    width: 360px;
    position: absolute;
    left: 100%;
    top: 0;
}

.no-comment .rate-average-wrap {
    width: auto !important;
    padding: 0 !important;
    border: 0;
}


.remove-item::before {
    content: url("/user/documents/upload/Images/close.svg");
}

.remove-item:hover::before {
    opacity: 0.6;
}

.id--15 .cart-table .p-name {
    font-size: 14px;
    color: #000;
    line-height: 18px;
}

.id--15 .cart-table .p-quantity {
    font-size: 13px;
}

.id--15 .cart-table .p-price {
    padding-left: 0;
    text-align: right !important;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}


@media screen and (min-width: 480px) {
    .form-group > input.form-control, .form-group > select.form-control, .phone-combined-input {
        width: 472px;
        max-width: none;
    }

    #formContact .form-group > input.form-control {
        width: 302px;
    }
}

@media screen and (min-width: 768px) {

    .navigation-in>ul>li.ext>ul>li>div>ul {
        display: none;
    }
    a.next-step-back {
        color: #000;
        font-weight: 400;
        display: block;
        font-size: 15px;
        text-decoration: underline;
        padding: 0 !important;
        margin: 0 20px 0 0;
    }
    a.next-step-back:hover {
        text-decoration: none;
        color: #000;
    }

    .discussion-form.vote-form form > .row > div:nth-child(3) > div:nth-child(3) {
        width: calc(99% - 148px);
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        margin-top: 4px;
    }

    .discussion-form.vote-form form > .row > div:nth-child(3) > div:nth-child(4) {
        width: 144px;
        min-width: auto;
        display: inline-block;
        vertical-align: middle;
        margin-top: 4px;
    }

    .navigation-in > ul > li.ext > ul > li, .menu-helper>ul>li {
        min-height: auto;
        height: 72px;
        width: calc(20% - 14px);
        flex-basis: calc(20% - 14px);
        margin: 7px;
        border: 1px solid #e5e5e5 !important;
        border-radius: 10px;
        box-shadow: none;
        padding: 8px 12px;
        position: relative;
        display: flex;
        align-items: center;
        flex-grow: 0;
    }

    .navigation-in > ul > li.ext > ul > li > a {
        width: 78px;
        padding: 0;
    }

    .navigation-in > ul > li.ext > ul > li > a img {
        max-width: 78px;
        max-height: 56px;
    }

    .navigation-in > ul > li.ext > ul > li > div {
        width: calc(100% - 78px);
        padding-left: 16px;
        padding-right: 36px;
    }

    .navigation-in > ul > li.ext > ul > li > div > a {
        padding: 0;
        font-weight: 400;
        color: #000;
        line-height: 18px;
    }

    .navigation-in > ul > li.ext > ul > li::after, .subcategories li a::before {
        content: none;
    }

    .navigation-in > ul > li.ext > ul > li:hover, .subcategories.with-image li a:hover {
        background-color: transparent;
    }

    .navigation-in > ul > li.ext > ul > li:hover > div > a, .subcategories.with-image li a:hover .text, .menu-helper>ul>li>a:hover {
        color: #00B208;
    }

    .navigation-in > ul > li.ext > ul > li:hover::after, .subcategories li a:hover::before {
        content: none;
    }

    .top-navigation-menu {
        order: 1;
    }

    .top-navigation-contacts {
        order: 2;
    }

    .top-navigation-tools {
        order: 3;
    }

    #header .container, .top-navigation-bar .container {
        padding: 0;
    }

    #navigation {
        margin-left: 0;
        margin-right: 0;
    }

    .top-navigation-bar {
        background-color: #F2F0EB;
        border: 0;
        padding: 5px 0;
    }

    .top-nav-button {
        padding: 9px 12px 9px 40px !important;
        background: url("/user/documents/upload/Images/user.svg") 12px 50% no-repeat;
        position: relative;
        transition: none !important;
    }

    .top-nav-button::after {
        content: url("/user/documents/upload/Images/cerna-sipka-14-dolu.svg");
        margin-left: 12px;
        position: relative;
        top: -1px;
        width: 14px;
        display: inline-block;
    }

    .registrace {
        margin-left: 12px;
    }

    .header-top {
        padding-top: 0;
        padding-bottom: 0;
        height: 115px;
        position: relative;
    }

    #navigation {
        height: 56px;
        z-index: 1;
    }

    .navigation-in > ul > li > a {
        padding-top: 15px;
        padding-bottom: 21px;
        position: relative;
        transition: none !important;
    }

    .navigation-in > ul > li.ext > a::after {
        content: url("/user/documents/upload/Images/cerna-sipka-8-dolu.svg");
        position: absolute;
        bottom: 11px;
        left: 50%;
        margin-left: -4px;
        line-height: 5px;
    }

    #header {
        position: relative;
    }

    #header::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 56px;
        background-color: #FFAC00;
        width: 100%;
        box-shadow: 0 1px 1px #7F5807;
    }

    .navigation-in > ul > li {
        border-right: 1px solid #FFD06F !important;
        border-left: 0;
    }

    .navigation-in > ul {
        border-left: 1px solid #FFD06F;
    }

    .cart-widget-product-name {
        width: 48%;
        padding: 0 12px;
    }

    .cart-widget-product-amount {
        width: 120px;
        padding: 0;
    }

    .submenu-visible {
        overflow-x: hidden;
    }

    .navigation-in ul.menu-level-2, .menu-helper>ul {
        margin-top: 2px;
        padding: 40px;
        border-bottom: 0 !important;
        box-shadow: 0px 0px 25px 0px #00000026;
        border-radius: 10px;
    }

    .submenu-visible .navigation-in>ul>li.exp>a::before, .submenu-visible .navigation-in>ul>li>a:hover::before, .menu-helper-visible .menu-helper:hover::before {
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid white;
        position: absolute;
        background-color: transparent;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0 !important;
        z-index: 1002;
    }

    .navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover {
        background-color: transparent;
        color: #000;
    }

    .navigation-in > ul > li.ext.exp > a {
        margin-bottom: -2px !important;
        padding-bottom: 23px !important;
    }

    .navigation-in > ul > li.ext.exp > a::after {
        bottom: 13px;
    }

    .submenu-visible #header, .submenu-visible .top-navigation-bar, .menu-helper-visible #header, .menu-helper-visible .top-navigation-bar {
        z-index: 9;
        position: relative;
    }

    ol.cart-header {
        margin: -1px -20px 0px -20px !important;
        position: relative;
        border: 0;
        border-bottom: 1px solid #DEDEDE;
        padding-bottom: 15px;
    }

    body.ordering-process {
        background-color: #fff;
        overflow-x: hidden;
    }

    ol.cart-header li a, ol.cart-header li strong {
        color: #707070;
        font-size: 18px;
        line-height: 24px;
        text-transform: none;
        padding: 16px 0;
        border: 0;
    }

    ol.cart-header li a span::before, ol.cart-header li strong span::before {
        width: 48px;
        height: 48px;
        margin-right: 11px;
        font-size: 18px;
        line-height: 48px;
        background-color: #e0e0e0;
        border: 0;
        color: #656565;
    }

    ol.cart-header li.active a, ol.cart-header li.active strong {
        color: #000;
        font-weight: bold;
    }

    ol.cart-header li.active a span::before, ol.cart-header li.active strong span::before {
        background-color: #FFAC00;
        color: #000;
    }
    ol.cart-header li::after {
        content: none;
    }

    ol.cart-header li:last-child::after {
        display: none;
    }

    .cart-content {
        padding: 25px 0 0 !important;
    }

    .in-kosik .cart-content {
        padding: 48px 0 0 0 !important;
    }

    .cart-table {
        width: 100%;
        margin-top: 0;
    }

    .cart-table tr td {
        border: 0;
        border-bottom: 1px solid #D6D6D6;
        padding: 12px 0;
        text-align: left !important;
    }

    .t-hlavicka td {
        color: #000;
        font-size: 15px;
        line-height: 24px;
        padding-bottom: 19px !important;
    }

    .cart-table .cart-p-image {
        width: 88px;
        padding-left: 24px;
    }

    .cart-table .cart-p-image img {
        width: 64px;
    }

    .cart-table .p-name {
        padding-left: 12px;
        padding-right: 12px;
        width: 46%;
    }

    .cart-table .p-availability {
        width: 17%;
        font-size: 13px;
        line-height: 20px;
    }

    .cart-table .p-quantity {
        width: 11%;
    }

    .cart-table .p-price {
        width: 10%;
        padding-left: 20px;
    }

    .cart-table .p-total {
        width: 16%;
        text-align: right !important;
        padding-right: 50px !important;
    }

    .p-total > .inline {
        position: absolute;
        right: 6px
    }

    .t-hlavicka td:nth-child(4) {
        padding-left: 20px;
    }

    .t-hlavicka td:last-child {
        text-align: right !important;
        padding-right: 50px !important;
    }

    .back-shopping-link {
        margin: 24px -20px 32px -20px;
    }

    .in-krok-1 #navigation, .in-krok-2 #navigation, .in-krok-1 #header::after, .in-krok-2 #header::after, .in-krok-1 .top-navigation-bar, .in-krok-2 .top-navigation-bar, .in-krok-1 .search-form, .in-krok-2 .search-form {
        display: none;
    }

    .ordering-process #header {
        border: 0;
        margin-bottom: 0;
    }

    .ordering-process .header-top > div.search {
        text-align: center;
    }

    .in-krok-1 .top-nav-button, .in-krok-2 .top-nav-button {
        background-color: transparent !important;
        color: #000 !important;
        font-size: 14px;
        padding-right: 0 !important;
    }

    .id--15 .cart-table .p-name {
        width: 63%;
    }

    .id--15 .cart-table .p-quantity {
        width: 11%;
        text-align: right !important;
    }

    .id--15 .cart-table .p-price {
        width: 15%;
    }
    .navigation-wrapper > .menu-helper > ul > li > ul.menu-level-2 {
        display: none !important;
    }
    .navigation-wrapper > .menu-helper > ul > li > a > .submenu-arrow {
        display: none !important;
    }
    body.menu-helper-visible::before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .menu-helper>ul {
        width: 1394px;
        flex-wrap: wrap;
        top: 100%;
        max-height: unset;
    }
    .menu-helper-visible .menu-helper {
        padding-bottom: 23px;
        height: 58px;
        bottom: -2px;
    }
    .menu-helper-visible .menu-helper>ul {
        display: flex;
        margin-top: -1px;
    }
    .menu-helper {
        top: auto;
        bottom: 0;
        height: 56px;
        width: auto;
        padding: 15px 20px 21px;
        background-image: url("/user/documents/upload/Images/cerna-sipka-8-dolu.svg");
        background-size: 8px 5px;
        background-repeat: no-repeat;
        background-position: 50% calc(100% - 11px);
    }
    .menu-helper-visible .menu-helper:after, .menu-helper::after, .menu-trigger::after {
        content: "Ostatní";
        font-family: "neue-haas-grotesk-text" !important;
        width: auto;
        font-weight: bold;
        font-size: 15px;
    }
    .navigation-in>ul>li.ext>ul>li>a.menu-image, .menu-helper>ul>li>img {
        width: 78px;
        margin-right: 15px;
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 0;
        position: relative;
    }
    .menu-helper>ul>li>a, .navigation-in > ul > li.ext > ul > li > div {
        width: calc(100% - 78px);
        padding: 0;
        line-height: 18px;
        color: #000;
    }
}

@media screen and (min-width: 992px) {
    .header-top > div:first-child {
        flex: 0 1 17%
    }

    .header-top > div.search {
        flex: 0 1 40%
    }

    .header-top > div:last-child {
        flex: 0 1 43%
    }

    .p-info-wrapper {
        width: 50%;
        padding-right: 0;
        padding-left: 11px;
    }

    .p-image-wrapper {
        width: 50%;
        padding-left: 0;
        padding-right: 13px;
    }

    #colorbox.roz-obj, .roz-obj #cboxWrapper, .roz-obj #cboxContent, .roz-boj #cboxLoadedContent, .roz-obj #cboxLoadedContent {
        width: 100% !important;
        max-width: 1006px !important;
    }

    #colorbox.roz-obj {
        left: 50% !important;
        margin-left: -503px;
    }

    .cart-row > div.col-md-8 {
        width: 66%;
    }

    .cart-row > div.col-md-4 {
        width: 34%;
        padding-left: 97px;
    }
}

@media screen and (min-width: 1200px) {
    #header .cart-count {
        width: auto;
    }

    #header .cart-count::after {
        content: url("/user/documents/upload/Images/bila-sipka-14-dolu.svg");
        position: relative;
        right: auto;
        margin-left: 10px;
        margin-right: 10px;
        line-height: 50px;
    }

    .type-index .products-block > div {
        width: 25%;
    }

    .site-msg.information .container, .breadcrumbs {
        width: 1178px;
    }

    .breadcrumbs {
        margin: 0 auto;
    }

    .pagination-wrapper .pagination-loader {
        margin-bottom: 0;
    }

    .type-category .content {
        padding-left: 55px;
    }

    .browse-p .p-prev, .browse-p .p-next {
        top: -340px;
    }
}

@media screen and (min-width: 1440px) {
    .container {
        width: 1394px;
    }

    .site-msg.information .container, .breadcrumbs {
        width: 1394px;
    }

    .sidebar {
        width: 298px;
    }
}



@media screen and (max-width: 1439px) {
    .validator-msg.msg-error, .validator-msg.msg-warning, .js-validator-msg.msg-error, .validator-msg.msg-info {
        width: 150px;
    }

    .empty-content h2 {
        max-width: 400px;
    }

    .project-phone {
        margin-right: 8px;
    }

    .type-index .products-block > div {
        width: 33.333%;
    }

    .o-nas .prava {
        width: calc(100% - 525px);
    }

    .o-nas .leva {
        width: 525px;
    }

    #footer .fb {
        width: 250px;
    }

    #footer .kontakt-in, .kontakty-main .kontakt-in {
        width: calc(100% - 250px);
    }

    #footer .kontakt-in .jmeno, .kontakty-main .kontakt-in .jmeno {
        margin-right: 50px;
    }

    .popup-widget.cart-widget {
        margin-left: -71px;
    }

    .popup-widget.login-widget {
        margin-left: -90px;
    }

    .navigation-in > ul > li.ext > ul > li {
        width: calc(25% - 12px);
        flex-basis: calc(25% - 12px);
    }

    .subcategories li {
        width: 25%;
    }
    .prodejna-kontakt__image, .prodejna-kontakt__map {
        max-width: 400px;
        max-height: 266px;
    }
    .prodejna-kontakt__map iframe {
        max-height: 266px;
        max-width: 100%;
    }
    .rate-wrapper .rate-wrap > div:not(.rate-average-wrap) {
        width: calc(100% - 160px);
    }
    .rate-wrapper .rate-average-wrap {
        width: 160px;
    }
    .single-cat {
        flex: 1 0 calc(50% - 8px);
    }
    .in-index.mobile #content > .row.banners-row {
        margin: 0 -11px;
    }
    .o-nas .prava > div {
        position: absolute;
        left: auto;
        right: 0;
    }
}



@media screen and (min-width: 768px) and (max-width: 1439px) {
    .menu-helper>ul {
        width: 1178px;
    }
    .navigation-in > ul > li.ext > ul > li, .menu-helper>ul>li {
        width: calc(25% - 14px);
        flex-basis: calc(25% - 14px);
    }
    .navigation-in ul.menu-level-2, .menu-helper>ul {
        padding: 20px;
    }
    .cart-row > div.col-md-4 {
        padding-left: 60px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1439px) {
    .poradna-faq > div {
        width: 50%;
    }

    .poradna-faq > div:nth-child(2) {
        display: none;
    }

    .sidebar {
        width: 248px;
    }

    .quantity {
        margin-right: 6px;
    }

    .products-block .pr-action .btn {
        width: calc(100% - 126px);
        padding: 0;
    }

    .products-block.products .p .price {
        width: 47%;
    }

    .products-block.products .ratings-wrapper {
        width: 53%;
    }
}

@media screen and (max-width: 1199px) {
    .cart-row .col-md-4 .btn-conversion {
        padding: 0 15px;
    }
    .cart-row .col-md-4 .btn-conversion#submit-order .order-button-text, .cart-row .col-md-4 .btn-conversion#submit-order .order-button-suffix {
        font-size: 16px;
    }
    .site-msg.information .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .site-msg .close {
        right: 20px;
    }

    .header-top .btn.cart-count::before {
        margin-right: 0;
    }

    .project-phone {
        margin-right: 25px;
    }

    .vyhody > div > div {
        width: 50%;
        margin-bottom: 32px;
    }

    .type-index .vyhody {
        margin-bottom: 0;
    }

    .banners-row .col-sm-8 {
        width: 73.9%;
    }

    .banners-row .col-sm-4 {
        width: 26.1%;
    }

    .fav-cat ul li {
        width: 33.3333%;
    }

    .poradna .leva, .poradna .prava {
        width: 100%;
        padding: 0;
    }

    .poradna .leva {
        margin-bottom: 24px;
    }

    .poradna-faq {
        background-repeat: repeat;
    }

    .poradna-kontakt .kontakt-in {
        margin: auto;
    }

    .o-nas {
        padding-bottom: 0;
        margin-bottom: 150px;
    }

    .o-nas .prava {
        padding: 0;
        text-align: center;
        margin-top: -80px;
    }

    .o-nas .prava::before {
        position: relative;
        bottom: auto;
        top: 0;
    }

    .o-nas .prava > div {
        padding: 24px 12px 30px 12px;
        left: 12px;
        position: absolute;
        width: calc(100% - 24px);
        z-index: 1;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
        border-radius: 4px;
        margin-top: -94px;
    }

    .o-nas .h4 br {
        display: none;
    }

    .recenze {
        width: 100%;
    }

    .h-main {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 32px;
    }

    .h-main > div {
        width: auto !important;
        display: inline-block;
        vertical-align: middle;
    }

    .odber .newsletter-header {
        width: 100%;
    }

    .odber h4 {
        margin-bottom: 24px;
    }

    .odber .subscribe-form {
        width: 100%;
    }

    .custom-footer > div {
        width: 33.3333%;
    }

    .custom-footer > div:first-child {
        width: 100%;
        margin-bottom: 32px;
    }

    #footer .kontakt-in {
        width: 100%;
        margin-bottom: 20px;
    }

    #footer .fb {
        width: 100%;
        text-align: center;
        padding: 0;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        line-height: 32px;
    }

    .fb br {
        display: none;
    }

    .popup-widget.login-widget {
        margin-left: -193px;
    }

    .breadcrumbs {
        width: 972px;
        margin: 0 auto;
    }

    .radime {
        background-repeat: repeat;
    }

    .detail-kontakt .poradna-kontakt .kontakt-in {
        width: 100%;
    }

    .link-icon.print {
        display: none;
    }

    .basic-description {
        padding-right: 40px;
    }

    #ratingTab > p br {
        display: none;
    }

    .komentare > div {
        width: calc(100% - 24px);
        margin-bottom: 24px;
    }
    .prodejna-kontakt {
        flex-wrap: wrap;
    }
    .prodejna-kontakt__image, .prodejna-kontakt__map {
        max-width: calc(50% - 20px);
        max-height: 310px;
    }
    .prodejna-kontakt__map iframe {
        max-height: 310px;
    }
    .prodejna-kontakt__image {
        margin: 0 20px 0 0;
    }
    .prodejna-kontakt__map {
        margin: 0 0 0 20px;
    }
    .prodejna-kontakt__olomouc {
        margin-top: 30px;
    }
    .kontakty-main .kontakt-in a {
        font-size: 22px;
    }
    .kontakty-main .poradna-kontakt .kontakt-in {
        margin: 0;
    }
    .kontakty-main .fb a {
        font-size: 22px;
    }
    .kontakty-main .poradna-kontakt {
        padding: 20px;
    }
    .mapa-form {
        margin-left: 0;
        margin-right: 0;
    }
    .p-info-wrapper .availability-value {
        flex-wrap: wrap;
    }
    .doprava {
        width: 100%;
        margin-top: 10px;
    }
    .description-inner {
        padding: 0 10px;
    }
    .komentare > div {
        min-height: unset;
    }
    #productDiscussion {
        text-align: center;
    }
    #productDiscussion .vote-content {
        text-align: left;
    }
    .id-29 .vyhody > div > div {
        margin-bottom: 0;
    }
    .in-index.mobile #content > .row.banners-row {
        margin: 10px 0 0;
    }
    .custom-footer {
        margin-left: 0;
        margin-right: 0;
    }
    .welcome .kontakt-in {
        display: inline-block;
    }
    .custom-footer > div.custom-footer__banner5, .custom-footer > div.custom-footer__banner8 {
        width: 33%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .buy-box .p-final-price-wrapper {
        width: 100%;
        margin-bottom: 20px !important;
    }

    .products-additional.products-block.products .ratings-wrapper {
        width: 55%;
    }

    .products-additional.products-block.products .p .price {
        width: 45%;
    }

    .products-additional .quantity {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
    }

    .products-additional .quantity input {
        width: 100% !important;
    }

    .products-additional.products-block .pr-action .btn {
        width: 100%;
    }

    .products-additional.products-block .availability-amount {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .cart-empty {
        background: url("/user/documents/upload/Images/prazdny-kosik.jpg") -40px -83px no-repeat;
    }
    .container.breadcrumbs-wrapper {
        margin-bottom: 10px;
    }
    .validator-msg + input, .js-validator-msg + input, .validator-msg + select, .js-validator-msg + select, .validator-msg + .phone-combined-input, .js-validator-msg + .phone-combined-input {
        margin-bottom: 45px;
    }

    .validator-msg.msg-error, .validator-msg.msg-warning, .js-validator-msg.msg-error, .validator-msg.msg-info {
        left: 0;
        width: 472px;
        top: auto;
        margin-top: 0;
        height: auto;
        margin-left: 212px;
        bottom: 0px;
    }

    .validator-msg.msg-error::before, .validator-msg.msg-warning::before, .js-validator-msg.msg-error::before, .validator-msg.msg-info::before {
        display: none !important;
    }

    .misto {
        display: none;
    }

    .project-phone > span::after, .project-phone::after {
        display: none;
    }

    .project-phone {
        margin-right: 4px;
        padding-left: 0;
        background: none;
        width: auto;
    }

    .type-index .products-block > div {
        width: 50%;
    }

    .poradna-faq > div {
        width: 50%;
    }

    .poradna-faq > div:nth-child(2) {
        display: none;
    }

    .o-nas .prava {
        width: 50%;
        margin-top: 0;
    }

    .o-nas .leva {
        width: 50%;
    }

    .custom-footer {
        margin-left: -10px;
        margin-right: -10px;
    }

    #footer .kontakt-in .jmeno, .kontakty-main .kontakt-in .jmeno {
        margin-right: 0;
        width: 100%;
        margin-bottom: 24px;
    }

    #footer .kontakt-in, .kontakty-main .kontakt-in {
        background-position: 0 0;
    }

    .doprava-platba img {
        margin-right: 8px !important;
    }

    .news-item {
        width: calc(50% - 16px);
    }

    .popup-widget.login-widget {
        margin-left: 0;
        left: 0;
        width: 100%;
    }

    .navigation-in > ul > li.ext > ul > li {
        width: calc(33.3333% - 12px);
        flex-basis: calc(33.3333% - 12px);
    }

    .breadcrumbs {
        width: 747px;
        display: flex;
    }

    .breadcrumbs > span {
        align-self: center;
    }

    .breadcrumbs > span > a {
        position: relative;
        min-height: 38px;
    }

    .breadcrumbs > span > a::before, .breadcrumbs > span > a::after {
        position: absolute;
        right: -2px;
    }

    .subcategories li {
        width: 33.3333%;
    }

    .slider-wrapper {
        max-width: none;
    }

    .pagination-wrapper .pagination-loader {
        text-align: center;
    }

    .filter-sections, .slider-wrapper {
        display: none;
    }

    .otevreny .filter-sections, .otevreny .slider-wrapper {
        display: block;
    }

    #filters {
        position: relative;
    }

    #filters:not(.otevreny) {
        border-bottom: 0;
    }

    #filters:not(.otevreny)::before {
        border-radius: 6px;
    }

    #filters::after {
        content: url("/user/documents/upload/Images/cerna-sipka-14-dolu.svg");
        position: absolute;
        right: 16px;
        top: 20px;
    }

    .p-detail-inner-header, .product-top .stars-wrapper {
        display: block !important;
    }

    .shp-tabs-holder ul.shp-tabs li.shp-tab > a {
        padding: 19px 15px;
    }

    .basic-description {
        padding-right: 0;
        width: 100%;
    }

    .extended-description {
        width: 100%;
        padding-left: 0;
        margin-top: 32px;
        margin-bottom: 60px;
    }

    .browse-p .btn {
        padding: 12px;
        font-size: 13px;
    }

    .in-vyhledavani #content {
        padding-left: 0;
    }
    .doprava {
        width: auto;
        margin-top: 0;
    }
    .p-info-wrapper .availability-value {
        flex-wrap: nowrap;
    }
    .id-29 .vyhody > div > div {
        padding: 50px 0 0;
        text-align: center;
        flex-basis: 185px;
    }
    .id-29 .vyhody > div > div::before {
        left: 50%;
        transform: translateX(-50%);
    }
    .id-29 .vyhody {
        padding: 30px 0;
    }
    .news-item:not(.slick-slide) {
        flex-basis: calc(50% - 16px) !important;
    }

}


@media screen and (min-width: 768px) and (max-width: 1199px) {
    .menu-helper>ul {
        width: 972px;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .search-form {
        margin-left: -60px;
    }

    .type-category .content-wrapper-in {
        flex-wrap: wrap;
    }

    body:not(.type-search) .sidebar {
        /*width: 100%;*/
    }

    body:not(.type-search) .sidebar .sidebar-kontakt {
        display: none;
    }

    .type-search .sidebar {
        display: none;
    }
    .ordering-process .header-top {
        margin: 0 auto !important;
        text-align: center;
    }
    ol.cart-header {
        justify-content: center !important;
    }
    .menu-helper>ul {
        width: 747px;
    }
    .navigation-in > ul > li.ext > ul > li, .menu-helper>ul>li {
        width: calc(33.333% - 14px);
        flex-basis: calc(33.333% - 14px);
    }
}

@media screen and (min-width: 480px) and (max-width: 991px) {
    .blog-hp .news-item:last-child {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .buy-box .add-to-cart {
        width: 340px;
    }
    .buy-box .p-final-price-wrapper {
        width: calc(100% - 340px);
    }
    .product .btn.btn-primary {
        height: 40px;
        padding: 5px 30px !important;
    }
    .validator-msg.msg-error, .validator-msg.msg-warning, .js-validator-msg.msg-error, .validator-msg.msg-info {
        margin-left: 0;
    }

    .responsive-tools > a {
        padding: 0;
    }

    body:not(.ordering-process) .top-navigation-bar {
        position: fixed;
        width: 100%;
        height: 56px;
        box-shadow: 0px 6.499px 4.642px 0px rgba(0, 0, 0, 0.05);
        z-index: 1111;
    }

    .responsive-tools {
        padding-top: 8px;
        padding-bottom: 5px;
    }

    .responsive-tools > a[data-target="navigation"] {
        right: 0px;
        top: 0px;
        background-color: transparent;
        height: 100%;
        width: 48px;
    }

    .responsive-tools > a[data-target="navigation"]::before {
        content: url("/user/documents/upload/Images/menu-mobil.svg");
        background-color: transparent;
        height: 58%;
        width: 100%;
        line-height: 40px;
    }

    .responsive-tools > a[data-target="navigation"]::after {
        content: "Menu";
        height: 42%;
        color: #000;
        display: block;
        font-size: 11px;
        line-height: 18px;
        font-weight: 400;
    }

    #header .cart-count {
        position: fixed;
        z-index: 1112;
        top: 8px;
        right: 64px;
        background-color: transparent;
        box-shadow: none;
        width: 28px;
    }

    .header-top .btn.cart-count::before {
        content: url("/user/documents/upload/Images/kosik-mobil.svg");
        width: 100%;
        line-height: 16px;
        background-color: transparent;
        height: auto;
    }

    .header-top .btn.cart-count .sr-only {
        display: block !important;
        height: 42%;
        color: #000;
        font-size: 0;
        position: absolute;
        width: 100%;
        text-align: center;
        clip: auto;
        margin: 0;
        overflow: visible;
        bottom: 5px;
    }

    .header-top .btn.cart-count .sr-only::after {
        content: "Košík";
        font-size: 11px;
        position: absolute;
        bottom: -13px;
        width: 100%;
        text-align: center;
        display: block;
    }

    #header .cart-count:not(.full)::after, .navigation-buttons > a[data-target="cart"] i {
        font-size: 12px;
        width: 18px;
        height: 18px;
        top: 11px;
        left: 13px;
        line-height: 14px;
        margin-top: 0;
        right: -7px;
        background-color: #00B208;
        color: #fff;
        border-width: 2px;
    }

    .responsive-tools > a[data-target="login"], .responsive-tools > a[data-target="search"] {
        right: 100px;
        left: auto;
        position: absolute;
        top: 0;
        padding: 8px !important;
        height: 100%;
        width: auto;
    }

    .responsive-tools > a[data-target="login"] {
        right: 149px;
    }

    .responsive-tools > a[data-target="login"]::before, .responsive-tools > a[data-target="search"]::before {
        line-height: 26px;
    }

    .responsive-tools > a[data-target="login"]::before {
        content: url("/user/documents/upload/Images/user-mobil.svg");
    }

    .responsive-tools > a[data-target="search"]::before {
        content: url("/user/documents/upload/Images/lupa-mobil.svg");
    }

    .responsive-tools > a[data-target="login"]::after, .responsive-tools > a[data-target="search"]::after {
        font-size: 11px;
        bottom: 2px;
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
        color: #000;
    }

    .responsive-tools > a[data-target="login"]::after {
        content: "Přihlásit";
    }

    .responsive-tools > a[data-target="search"]::after {
        content: "Hledat";
    }

    .top-navigation-bar .dropdown {
        display: none;
    }

    .site-name {
        top: 10px;
        position: absolute;
        left: 12px;
        width: auto;
        line-height: 1px;
        margin: 0;
    }

    .site-name img {
        height: 36px;
        max-width: none;
    }

    #header {
        height: 56px;
        margin: 0;
    }

    .banners-row .col-sm-8 {
        width: 100%;
        padding: 0 !important;
    }

    .type-index .vyhody {
        margin: 0 -10px;
        padding: 24px 12px 8px 12px;
    }

    .vyhody > div > div {
        width: 50%;
        margin-bottom: 24px;
    }

    h4.homepage-group-title, .h4.homepage-group-title {
        margin-bottom: 20px;
        margin-top: 48px !important;
        font-size: 24px;
        line-height: 28px;
    }

    .products-block > div {
        padding: 0 !important;
        border-bottom: 1px solid #E0E0E0;
    }
    .products-block > div:nth-child(odd){
        border-right: 1px solid #E0E0E0;
    }
    .products-block .p {
        border: none;
    }

    .products-block {
        margin-left: -10px;
        margin-right: -10px;
        border-top: 1px solid #E0E0E0;
    }

    .fav-cat ul {
        margin: 0;
    }

    .fav-cat ul li {
        width: 50%;
    }

    .homepage-box.welcome-wrapper {
        margin-top: 40px;
        padding: 0 8px;
    }

    .poradna-faq h3 {
        font-size: 20px;
        line-height: 26px;
        text-align: center;
        margin-bottom: 28px;
    }

    .poradna-faq {
        padding: 32px 24px 24px 24px;
    }

    .poradna .leva {
        margin-bottom: 16px;
    }

    .poradna-kontakt {
        padding: 24px 24px 32px 24px;
    }

    .myblog-title {
        margin-top: 48px;
    }

    .vsechny {
        margin-top: 24px;
    }

    .o-nas-obal {
        margin-top: 48px;
    }

    .o-nas .leva {
        width: 100%;
        padding: 0 12px;
    }

    .o-nas {
        padding: 0;
        margin-bottom: 128px;
    }

    .o-nas .prava {
        width: 100%;
        padding-top: 25px;
        padding-bottom: 24px;
    }

    .o-nas .prava::before {
        background: url("/user/documents/upload/Images/petr-big.png") 50% no-repeat;
        content: "";
        height: 300px;
        width: 100%;
        display: block;
        background-size: auto 300px;
        top: -17px;
    }

    .h-main {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline
    }

    .h-main .logo {
        width: 64px !important;
    }

    .h-main .info {
        width: calc(100% - 64px) !important;
        padding: 0 0 0 16px;
        text-align: left;
    }

    .heureka {
        padding: 0 8px;
        margin-top: 0;
    }

    .h-main .info strong {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 8px;
    }

    .recenze > div {
        width: 50%;
    }

    .recenze > div:last-child {
        display: none;
    }

    .custom-footer > div {
        width: 100%;
        padding: 0 8px;
    }

    .prodejna > div {
        width: 100% !important;
    }

    .custom-footer {
        margin-left: 0;
        margin-right: 0;
        padding-top: 32px;
    }

    .prodejna > div:last-child {
        padding-left: 0;
        padding-top: 24px;
    }

    .banner {
        min-height: auto;
    }

    .custom-footer > div:nth-child(n+2):nth-child(-n+4) ul {
        display: none;
    }

    .custom-footer > div.otevreno ul {
        display: block !important;
    }

    .custom-footer > div:nth-child(n+2):nth-child(-n+4) h4 {
        font-size: 18px !important;
        line-height: 24px !important;
        margin-bottom: 0 !important;
        padding: 16px 0;
    }

    .custom-footer > div:nth-child(n+2):nth-child(-n+4) h4::after {
        content: url("/user/documents/upload/Images/sipka-footer.svg");
        position: absolute;
        right: 4px;
    }

    .custom-footer > div.otevreno h4::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .custom-footer > div:nth-child(-n+4) {
        border-bottom: 1px solid #3F6A41;
        margin-bottom: 0;
    }

    .custom-footer > div:first-child {
        padding-bottom: 32px;
    }

    .custom-footer > div.otevreno {
        padding-bottom: 24px;
    }

    #footer .poradna-kontakt {
        border-top: 0;
        padding-top: 0;
    }

    #footer .kontakt-in, .kontakty-main .kontakt-in {
        padding-top: 0;
        margin-bottom: 5px;
    }

    #footer .kontakt-in .jmeno, .kontakty-main .kontakt-in .jmeno {
        font-size: 14px;
    }

    #footer .kontakt-in .jmeno strong, .kontakty-main .kontakt-in .jmeno strong {
        font-size: 18px;
        line-height: 24px;
    }

    #footer .kontakt-in a {
        font-size: 16px;
        line-height: 16px;
        background-size: 12px auto;
        padding-left: 20px;
    }

    .kontakty-main .kontakt-in a.telefon {
        margin-left: -79px;
    }

    #footer .kontakt-in a.telefon, .kontakty-main .kontakt-in a.telefon {
        margin-right: 24px;
    }

    #footer .kontakt-in a.email span, .kontakty-main .kontakt-in a.email span {
        display: none;
    }

    #footer .kontakt-in a.email {
        margin-top: -16px;
    }

    .kontakt-in {
        background-size: 64px auto;
        padding-left: 79px;
        position: relative;
    }

    .doprava-platba img {
        margin-bottom: 8px;
    }

    .doprava-platba {
        padding: 24px 8px;
    }

    .copyright, #signature a.title {
        font-size: 12px;
    }

    #signature {
        margin-bottom: 0 !important;
    }

    .poradna-kontakt .kontakt-in {
        width: auto;
    }

    .o-nas .prava > div::after {
        display: none;
    }

    .carousel-inner > .item img {
        width: 100%;
    }

    .site-msg.information {
        position: sticky;
        top: 56px;
    }

    #navigation {
        top: 56px;
    }

    .navigation-window-visible .responsive-tools > a[data-target="navigation"]::before {
        content: "\e912";
        font-family: shoptet;
        color: #000;
    }

    .navigation-close {
        display: none;
    }

    .navigation-in > ul > li {
        border-color: #d1d1d1;
    }

    .navigation-in > ul > li > a {
        background-color: transparent;
        padding: 10px 16px !important;
        position: relative;
    }

    .submenu-arrow {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        line-height: 40px;
        width: 40px;
        text-align: center;
        padding: 0 !important;
    }

    .exp .submenu-arrow {
        background-color: transparent;
    }

    .navigation-in > ul > li.ext > ul > li {
        width: 100%;
        flex-basis: 100%;
    }

    .navigation-in ul.menu-level-2 li a {
        padding: 10px 16px;
        color: #000;
    }

    .navigation-in > ul > li.ext > ul {
        padding: 6px 0;
    }

    .top-navigation-bar-menu {
        display: flex;
        padding: 10px 16px !important;
        flex-wrap: wrap;
    }

    .top-navigation-menu {
        height: auto;
        padding-right: 0;
        overflow: visible;
    }

    .navigation-in .top-navigation-bar-menu li a {
        font-size: 13px;
        color: #000;
        padding: 5px 0 !important;
        margin-right: 20px;
    }

    .top-navigation-bar-menu li.cropped {
        display: block;
    }

    .top-navigation-menu-trigger {
        display: none !important;
    }

    .misto {
        display: block;
        line-height: 16px;
        margin: 0 16px 20px 16px;
        color: #000;
        font-size: 13px;
    }

    .misto a {
        color: #000;
    }

    .navigation-in a:hover {
        color: #000;
    }

    .navigation-in > ul > li.ext > ul {
        padding: 0;
        background: #F4F4F4;
    }

    .navigation-in > ul > li.ext.exp {
        background: #F4F4F4;
    }

    .navigation-in ul.menu-level-2 li a::before {
        content: "-";
        position: relative;
        display: inline-block;
        margin-right: 7px;
        color: #6F6F6F;
    }

    .navigation-in ul.menu-level-2 li a {
        border-top: 1px solid #D1D1D1;
    }

    #navigation, .navigation-in {
        background-color: #fff;
    }

    .search-window-visible #header .search-form {
        position: fixed;
        top: 56px;
        z-index: 9;
        margin: 0;
        left: 0;
        background-color: #F2F2F2;
        padding: 10px 0;
        width: 100%;
    }

    .search-window-visible #header .search-form input {
        background-color: transparent;
        border: none;
        color: #000;
    }

    .search-whisperer.active {
        width: 100%;
        left: 0;
        margin-left: 0;
        border-radius: 0;
        top: 64px;
        max-height: calc(100vh - 110px);
        overflow: auto;
    }

    .search-form.compact-form .form-control {
        height: 40px;
        font-size: 15px;
    }

    .search-form .btn {
        width: 80px;
        top: 16px;
        right: 16px;
        height: 32px;
    }

    .search-window-visible .responsive-tools > a[data-target="search"], .login-window-visible .responsive-tools > a[data-target="login"] {
        background-color: #F2F0EA;
    }

    .popup-widget.login-widget {
        top: 56px !important;
    }

    .login-widget .popup-widget-inner {
        border-radius: 0;
        box-shadow: none;
    }

    .kat-header .leva {
        width: 100%;
        padding-right: 0;
    }

    .kat-header .prava {
        width: 100%;
    }

    .top-text {
        max-height: 144px;
        overflow: hidden;
    }

    .top-text.otevreno {
        max-height: none;
    }

    .vice-textu {
        text-align: center;
        margin-top: -16px;
        margin-bottom: 28px;
        position: relative;
    }

    .vice-textu::before {
        width: 100%;
        height: 42px;
        position: absolute;
        content: "";
        top: -54px;
        left: 0;
        background: linear-gradient(transparent, #fff);
    }

    .vice-textu span {
        cursor: pointer;
        color: #000;
        display: block;
        text-align: left;
        text-decoration: underline;
    }

    .vice-textu span:hover {
        text-decoration: none;
    }

    .subcategories li {
        width: 50%;
    }

    .type-category #content > h4 {
        font-size: 18px;
        line-height: 22px;
    }

    #filters::before {
        text-align: left;
        padding: 10px 24px;
    }

    #filters::after {
        top: 10px;
    }

    body:not(.type-index) .vyhody {
        padding: 0 12px;
    }

    .breadcrumbs {
        width: 100%;
        padding: 1px 0 2px 0;
    }

    .shp-tabs-row::before {
        left: 50%;
        width: calc(100vw - var(--scrollbar-width));
        transform: translateX(-50%);
    }

    .container.breadcrumbs-wrapper {
        margin-bottom: 24px;
    }

    h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .buy-box {
        padding: 16px;
    }

    .type-product .vyhody {
        margin-top: 48px;
        margin-bottom: 54px;
        padding: 0 !important;
    }

    .shp-tabs-holder {
        padding-left: 16px;
        padding-right: 16px;
    }

    .responsive-nav .navigation-btn {
        display: none !important;
    }

    .shp-tabs-holder ul.shp-tabs li.shp-tab > a {
        padding: 20px 15px 0 0;
    }

    .shp-tabs-holder ul.shp-tabs {
        padding-bottom: 20px;
    }

    #description {
        padding-top: 32px;
    }

    .popis-nadpis, .extended-description h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .rate-wrapper.unveil-wrapper .rate-wrap {
        margin: 0;
    }

    .products-related {
        margin-bottom: 0;
    }

    .souvisejici {
        margin-bottom: 48px;
    }

    .shp-tabs-wrapper > .row {
        margin: 0 !important;
    }

    .rate-wrapper.unveil-wrapper .rate-star-wrap {
        height: auto;
    }

    .type-product .doprava-popup .vyhody {
        padding: 20px 12px !important;
    }

    .p-image-wrapper .flags-default {
        left: 10px;
    }

    .ordering-process .responsive-tools > a[data-target="login"], .ordering-process .responsive-tools > a[data-target="search"] {
        display: none;
    }

    .ordering-process .responsive-tools > a[data-target="navigation"]::before {
        vertical-align: top;
    }

    .ordering-process .responsive-tools > a[data-target="navigation"] {
        width: 48px;
        height: 56px;
    }

    .ordering-process .responsive-tools > a[data-target="navigation"]::after {
        bottom: 20px;
        position: relative;
    }
    .cart-table {
        margin-top: 0;
    }

    .t-hlavicka {
        display: none !important;
    }

    ol.cart-header li {
        height: 56px;
        border: 0 !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        padding-left: 36px;
    }

    .cart-row {
        padding: 0 12px;
        background-color: #fff;
    }

    .cart-row > div.col-md-8, .cart-row > div.col-md-4 {
        padding-top: 24px;
        padding-bottom: 12px;
    }

    .cart-table tr {
        padding: 15px 0 !important;
        border-color: #D6D6D6;
        position: relative;
        margin: 0;
    }

    .cart-table .p-label {
        display: none;
    }

    .cart-table .p-availability {
        padding-top: 11px;
    }

    .cart-table tr > td.p-name {
        flex: 0 1 calc(100% - 110px);
        padding: 0 0 0 12px;
        margin-bottom: 15px;
    }

    .cart-table .p-availability {
        padding: 8px 0 0;
    }

    .cart-table .cart-p-image img {
        width: 64px;
    }

    .cart-table tr > td.cart-p-image {
        flex: 0 0 64px;
        padding: 8px;
        margin: 0 0 15px;
        border: 1px solid #DADADA;
        border-radius: 6px;
    }

    .cart-table .quantity-form {
        padding-left: 94px;
    }
    .cart-table .p-quantity {
        padding: 0;
    }
    .cart-table td.p-total {
        padding: 0;
    }
    .cart-table tr td:not(.p-name).p-price {
        text-align: right !important;
    }
    .cart-table .price-final {
        display: block;
        text-align: right;
    }
    .cart-table tr .p-price {
        display: block;
        padding: 0 0 5px;
    }

    .p-price .price-final::after {
        content: " / ks";
    }

    .p-total > .inline {
        position: absolute;
        top: 4px;
        right: 0;
    }

    ol.cart-header li.active a, ol.cart-header li.active strong {
        color: #000;
        text-transform: none;
        font-weight: bold;
    }

    a.next-step-back::before {
        margin-right: 0;
        position: absolute;
        top: -3px;
    }

    a.next-step-back {
        width: 36px;
    }

    .cart-table tr:last-child {
        border-bottom-style: solid;
    }

    .cart-summary {
        padding: 10px 0 0 0;
    }

    .in-kosik .delivery-time {
        padding: 0;
    }

    .price-wrapper .price-label {
        flex: 1 1 50%;
    }

    .cart-content.summary-wrapper > div {
        padding: 16px 12px;
    }

    .price-wrapper {
        padding: 0 0 22px 0;
    }

    .order-summary h4 {
        line-height: 22px;
        margin: -24px -24px 0 -24px;
        padding: 12px 16px !important;
        background-color: transparent;;
        position: relative;
    }

    .doprava-radek {
        padding: 12px;
        flex-direction: column;
    }

    .doprava-popup .d-nazev {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .doprava-popup .d-doruceni, .doprava-popup .d-cena {
        width: 100%;
        text-align: center;
    }
    .doprava-popup .d-cena {
        margin: 10px 0 0;
    }

    .d-img {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .d-nazev {
        width: 100%;
        margin-bottom: 10px;
    }

    .d-doruceni, .d-cena {
        width: 50%;
    }
    .doprava {
        width: 100%;
        margin-top: 5px;
    }
    .p-info-wrapper .availability-value {
        flex-wrap: wrap;
    }
    .rate-wrapper.unveil-wrapper .rate-wrap {
        flex-direction: column;
    }
    .rate-wrapper .rate-average-wrap {
        width: 100%;
    }
    .komentare > div::before {
        text-align: center;
    }
    .rate-wrapper .rate-wrap > div:not(.rate-average-wrap) {
        width: 100%;
        padding: 20px 10px 0;
        margin-top: 20px;
        border-width: 1px 0 0 0;
        border-top: 1px solid #D6D6D6;
    }
    .id--9.in-kosik .cart-content {
        border-top: none;
    }
    .remove-item {
        padding-right: 0;
    }
    .ordering-process .price-wrapper {
        justify-content: flex-start;
    }
    .order-summary-item.price, #checkoutSidebar .next-step {
        padding-left: 0;
    }
    body:not(.ordering-process) .top-navigation-bar > .container {
        height: 56px;
    }
    #formSearchForm {
        padding: 10px;
        background-color: #F2F2F2;
    }
    #formSearchForm button[type="submit"] {
        opacity: 0;
    }
    body.search-active #formSearchForm button[type="submit"] {
        opacity: 1;
    }
    #formSearchForm input {
        border: none;
        background-color: transparent;
        padding: 0 0 0 50px;
        color: #696969;
        height: 30px;
    }
    .form-control:focus, input:focus, select:focus, textarea:focus {
        box-shadow: none;
    }
    #formSearchForm.search-form .btn {
        width: 64px;
        height: 30px;
        border-radius: 4px;
        top: 10px;
        right: 10px;
        font-size: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .breadcrumbs-wrapper {
        padding: 0;
        border: none !important;
    }
    .breadcrumbs {
        padding: 0;
    }
    .breadcrumbs a {
        color: #4B4B4B;
        text-decoration: underline;
    }
    .breadcrumbs > span > a, .breadcrumbs > span > span {
        padding: 10px 15px;
    }
    .hp-kat-inner {
        gap: 8px;
    }
    .single-cat {
        padding: 15px;
    }
    .single-cat .img-holder {
        display: none;
    }
    .single-cat h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .single-cat ul li {
        margin-bottom: 6px;
    }
    .single-cat .btn-holder {
        margin-top: 15px;
    }
}

@media screen and (max-width: 599px) {
    .news-item:not(.slick-slide) {
        flex-basis: calc(50% - 16px) !important;
    }

    .in-blog .type-posts-listing #newsWrapper .news-item img {
        text-align: center;
    }
}

@media screen and (max-width: 479px) {
    .shp-tabs-wrapper.p-detail-tabs-wrapper .hidden-links.hidden {
        display: flex !important;
        flex-direction: column;
        visibility: visible !important;
        position: relative;
        top: auto;
        right: auto;
    }
    .advanced-order .price-range {
        margin-left: -28px;
    }
    .advanced-order .extra.delivery > span {
        background-size: auto 12px;
        padding-left: 28px;
        background-position: 0 4px;
    }
    .container.breadcrumbs-wrapper {
        margin-bottom: 0;
    }
    .news-item:not(.slick-slide) {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .id-29 .vyhody > div > div::before {
        left: auto;
        transform: none;
    }
    body.id-29 .vyhody {
        background: transparent;
    }
    .type-page.id-29 #content-wrapper {
        padding-bottom: 0;
    }
    .id-29 .vyhody > div > div {
        padding: 14px 10px 20px;
        width: calc(50% - 10px);
        flex-basis: unset;
    }
    .id-29 .vyhody > div {
        margin: 0;
    }
    .id-29 .vyhody > div > div span {
        font-size: 13px;
    }
    .news-wrapper {
        margin: 0 8px;
    }
    .news-item .text .description {
        display: none;
    }
    .news-item .text {
        justify-content: center;
        flex-direction: column;
    }
    .cely-clanek, .vsechny a {
        margin-top: 20px;
    }
    .heureka {
        max-width: 300px;
    }
    .myblog-title {
        font-size: 20px;
        margin: 30px 0 15px;
    }
    .o-nas .h4.homepage-group-title {
        text-align: center;
        margin: 0 0 10px !important;
        font-size: 20px;
    }
    .o-nas .prava {
        display: none;
    }
    .o-nas-obal {
        margin: 10px 8px 0;
        border-radius: 8px;
    }
    .o-nas {
        margin: 0 0 30px;
        border-radius: 8px;
    }
    .o-nas .leva {
        padding: 30px 20px 20px;
        text-align: center;
        color: #000;
        font-size: 13px;
    }
    .welcome .kontakt-in {
        padding: 80px 0 0 0;
        background-position: center top;
    }
    .poradna-faq h3 {
        max-width: 160px;
        text-align: left;
        margin-bottom: 23px;
    }
    .fav-cat ul li {
        padding: 5px;
    }
    .fav-cat ul li > div img {
        height: auto;
    }
    .fav-cat ul li > div {
        padding: 13px 5px;
    }
    .fav-cat ul li > div a {
        font-size: 13px;
    }
    .in-index.mobile #content > .row.banners-row {
        margin: 0 -10px;
    }
    .news-item:not(.slick-slide) {
        flex: 1 0 100%;
    }
    .validator-msg.msg-error, .validator-msg.msg-warning, .js-validator-msg.msg-error, .validator-msg.msg-info {
        bottom: -40px;
        width: 100%;
        font-size: 12px;
    }

    .type-index .vyhody {
        padding-top: 17px;
    }

    .vyhody > div {
        margin: 0 -5px;
    }

    .vyhody > div > div {
        width: calc(50% - 10px);
        margin: 5px;
        position: relative;
        background: #EDEDED;
        border-radius: 10px;
        text-align: center;
        padding: 14px 10px 20px;
    }

    .vyhody > div > div::before {
        content: "";
        width: 35px;
        height: 31px;
        position: relative;
        left: auto;
        top: auto;
        display: block;
        text-align: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto 13px;
    }
    .vyhoda1::before {
        background-image: url("/user/documents/upload/Images/vyhoda-1.svg");
    }
    .vyhoda2::before {
        background-image: url("/user/documents/upload/Images/vyhoda-2.svg");
    }
    .vyhoda3::before {
        background-image: url("/user/documents/upload/Images/vyhoda-3.svg");
    }
    .vyhoda4::before {
        background-image: url("/user/documents/upload/Images/vyhoda-4.svg");
    }
    .vyhody > div > div span {
        font-weight: 400;
        font-size: 13px;
        line-height: normal;
    }

    .poradna-faq > div {
        width: 100%;
    }

    .poradna-faq .btn {
        position: relative;
        bottom: 0;
        margin-top: 32px;
    }

    .poradna-kontakt h5 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 14px;
    }

    .poradna-kontakt p {
        margin-bottom: 19px;
        line-height: 18px;
        font-size: 14px;
    }

    .kontakt-in::after {
        left: -2px;
        top: 4px;
    }

    .kontakt-in a {
        background-position: 0 3px;
    }

    .kontakt-in a span {
        display: block;
    }

    .news-item {
        width: calc(100% - 16px);
        padding: 16px 16px 24px 16px !important;
    }

    .recenze > div {
        width: 100%;
        margin-bottom: 32px;
    }

    .odber {
        margin-top: 0;
        padding: 48px 12px 32px 12px;
        background-position: 0 0;
    }

    #footer .fb a, .kontakty-main .fb a {
        background-size: auto 16px;
        padding-left: 22px;
    }

    .login-widget .popup-widget-inner > div {
        width: 100%;
    }

    .subcategories.with-image li a {
        display: block;
        height: 120px;
    }

    .subcategories.with-image li a .text {
        width: 100%;
        padding: 0;
        text-align: center;
        line-height: 18px;
        max-height: 38px;
        overflow: hidden;
    }

    .subcategories.with-image li a .image {
        text-align: center;
        display: block;
        margin: 0 auto 8px auto;;
    }

    .subcategories.with-image li a .image img {
        max-height: 56px;
    }

    .subcategories li a::before {
        display: none;
    }

    .products-inline.products-top > div::before {
        display: none;
    }

    .products-inline.products-top > div {
        padding-left: 0;
    }

    .products-inline > div .p .p-in .p-in-in {
        width: 100%;
    }

    .products-inline.products-top > div .p .p-in .p-bottom > div {
        display: flex;
        justify-content: flex-start;
    }

    .products-inline.products-top > div .p .p-in .p-bottom .prices {
        width: 80px;
        text-align: left;
    }

    .products-inline.products-top > div .p .p-in .p-bottom .p-tools {
        width: calc(100% - 80px);
    }

    .products-inline > div .p .p-in .p-bottom > div .p-tools .btn {
        margin-left: auto;
    }

    .category-header fieldset {
        display: flex;
        flex-wrap: wrap;
    }

    .category-header fieldset label {
        width: calc(50% - 8px) !important;
        border: 1px solid #D6D6D6 !important;
        background-color: #F2F0EA;
        border-radius: 4px !important;
        margin: 4px !important;
        padding: 7px !important;
    }

    .category-header form {
        background-color: transparent;
        border: 0;
    }

    .doprava {
        position: relative;
        margin-top: 15px;
    }

    .p-info-wrapper .delivery-time > span::before {
        content: "Nejpozději ";
    }

    .p-info-wrapper .delivery-time {
        display: block;
        padding: 0;
        width: 100%;
        margin-top: 10px;
    }

    .buy-box {
        position: relative;
    }

    .buy-box .p-final-price-wrapper {
        width: 55%;
    }

    .p-detail .add-to-cart .quantity {
        position: absolute;
        top: 16px;
        right: 16px;
        margin: 0;
    }

    .add-to-cart .btn {
        width: 100%;
        margin-top: 10px;
    }
    .products-block>div {
        width: 50%;
    }
    .buy-box {
        margin-bottom: 15px;
    }
    .products-block .p-bottom .prices {
        margin-bottom: 10px;
    }

    .product-info > div {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        line-height: 24px;
    }

    .product-info > div span {
        width: 50%;
    }

    .detail-kontakt .kontakt-in::after {
        top: 12px;
    }

    #relatedFiles li a::after {
        display: none;
    }

    .komentare > div {
        padding: 24px 16px;
    }

    .komentare {
        padding: 48px 0;
    }

    #formRating .star-wrap::before {
        float: none;
        display: block;
        width: 100%;
    }

    #formRating .stars {
        margin-bottom: 40px;
    }

    .type-product .products-block {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }

    .komentare > div::before {
        font-size: 24px;
        line-height: 28px;
    }

    .rate-wrapper .rate-average-wrap {
        width: 100%;
    }

    .rate-wrapper .rate-wrap > div:not(.rate-average-wrap) {
        padding: 24px 56px 0 0;
        width: 100%;
    }

    .vote-wrap {
        margin-left: -16px;
        margin-right: -16px;
        padding: 12px;
    }

    .vote-header {
        width: 100%;
        margin-bottom: 12px;
    }

    .vote-content {
        width: 100%;
    }

    .vote-content .stars {
        margin: auto;
    }

    .votes-wrap .votes-wrap {
        padding-left: 0;
    }

    .vote-wrap .vote-wrap .vote-header {
        width: 100%;
        margin-left: 0;
    }

    .vote-wrap .vote-wrap .vote-content {
        width: 100%;
    }

    .doprava-popup {
        padding: 20px 20px 0 20px;
    }

    .type-product .doprava-popup .vyhody {
        margin-left: -20px;
        margin-right: -20px;
    }

    .advanced-order .h1:not(.advanced-order-suggestion) {
        padding: 38px 0 0 0;
        background-position: 50% 0;
        text-align: center;
        font-size: 21px;
    }
    .mybtn-wrapper {
        margin-top: 0;
    }

    .advanced-order .h2 {
        padding-left: 0;
        text-align: center;
    }

    .advanced-order .extras-wrap .extra.step {
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .roz-obj .colorbox-html-content {
        padding: 20px 20px 0 20px;
    }

    .advanced-order .extras-wrap {
        margin-left: -21px;
        margin-right: -20px;
    }

    .advanced-order .h1.advanced-order-suggestion {
        margin: 0 -21px 8px -22px;
    }

    #colorbox.roz-obj, .roz-obj #cboxWrapper, .roz-obj #cboxContent, .roz-boj #cboxLoadedContent, .roz-obj #cboxLoadedContent {
        overflow: visible;
    }

    .co-box h4 {
        margin-bottom: 22px;
        font-size: 18px;
        line-height: 22px;
    }

    .radio-wrapper {
        padding: 0 16px;
    }

    .radio-wrapper input[type="radio"] + label {
        padding: 16px 0 16px 46px;
        flex-wrap: wrap;
    }

    .payment-logo {
        width: 100%;
        text-align: left;
        padding-bottom: 16px;
        margin-left: 2px;
    }

    .payment-info {
        width: 50%;
        padding: 0;
        margin-left: 33px;
    }

    .payment-shipping-price {
        width: 50%;
    }

    .in-krok-1 .radio-wrapper input[type="checkbox"] + label::before, .in-krok-1 .radio-wrapper input[type="radio"] + label::before {
        top: 34px;
    }

    .in-krok-1 .radio-wrapper input[type="checkbox"] + label::after, .in-krok-1 .radio-wrapper input[type="radio"] + label::after {
        top: 34px;
    }

    .co-box {
        margin-bottom: 32px;
    }

    #checkoutSidebar {
        padding-top: 0 !important;
    }

    #checkoutContent {
        padding-bottom: 0 !important;
    }
    .single-cat ul {
        display: none;
    }
    .single-cat {
        flex: 1 0 100%;
    }
    .single-cat h3 {
        display: none;
    }
    .single-cat .btn-holder {
        margin-top: 0;
    }
    .single-cat .btn-holder a {
        text-decoration: none;
    }
    .single-cat .img-holder {
        display: block;
        max-height: 100%;
        right: 0 !important;
        bottom: 0 !important;
    }
    .single-cat .img-holder img {
        max-height: 50px;
    }
    .hp-kat h2 {
        font-size: 20px;
    }
    .flags-extra .flag {
        width: 60px;
        height: 60px;
    }
}

.ordering-process .overall-wrapper {
    overflow-x: hidden;
}

.in-doprava-a-platba .doprava-clanek .vyhody {
    display: block !important;
    margin-left: 50px
}

.in-doprava-a-platba .doprava-clanek .vyhody > div > div {
    width: 50%
}

.footer-rows .doprava-platba {
    display: none
}

.o-nas .prava {
    padding-top: 72px
}

.in-index .blog-hp::before {
    content: none;
}

#footer .kontakt-in .jmeno, .kontakty-main .kontakt-in .jmeno {
    margin-right: 145px;
}

#category-header label[for="order5"] {
    display: none;
}

.btn.btn-xs.btn-default.CookiesOK {
    height: 40px !important;
}

/*BLOG*/

.clanky {
    max-width: 1418px;
}

.clanky h3 {
    text-align: center;
    font-size: 26px;
    margin-top: 48px;
    line-height: 1.2
}

.clanky .slick-prev, .clanky .slick-next {
    background: #fff !important;
}

.clanky .slick-prev {
    left: -5px !important;
}

.clanky .slick-next {
    right: -5px !important;
}

.clanky .slick-prev::before, .clanky .slick-next::before {
    background: none !important;
    color: #000;
    font-size: 20px;
}

.in-slovnik-pojmu #content h2 {
    font-size: 28px;
    line-height: 37px;
    margin-bottom: 22px;
    margin-top: 36px;
}

.anchor-only {
    height: 0;
}
.custom-table {
    margin-bottom: 1em;
}

.custom-table th, .custom-table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.custom-table thead tr, .custom-table thead th {
    padding-bottom: 30px;
    border-top: none;
    border-bottom: none !important;
    color: #000;
}

.custom-table thead th, .custom-table tbody td {
    color: #777;
    font-weight: 400;
    font-size: 13px;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 300;
    border: 1px solid silver;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.custom-table thead th small, .custom-table tbody td small {
      color: #b3b3b3;
      font-weight: 300;
}

.custom-table tbody tr {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.custom-table .td-box-wrap {
    padding: 0;
}

.custom-table .box {
    background: #fff;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.custom-table .box td, .custom-table .box th {
      border: none !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.puv-col {
    margin: 0 1em 1em 0;
    padding: 1em;
    background-color: #fdf3da
}

.puv-img img {
    max-width: 100%;
    height: auto;
}

.puv-highlight {
    background-color: #fdf3da;
    color: #B87B1E;
    padding: 18px 25px;
    margin-bottom: 1em;
    border-radius: 6px;
    line-height: 1.57;
    font-weight: 500;
    font-size: 15px;
}

.puv-highlight a {
    display: inline-block !important;
    padding: 0 !important;
    border: none !important;
    color: inherit !important;
}

.puv-highlight h2,
.puv-highlight h3,
.puv-highlight h4,
.puv-highlight h5,
.puv-highlight h6 {
    color: #B87B1E
}

.puv-highlight.green {
    background: #ECF8E9;
    color: #06B208;
}

.puv-highlight.blue {
    background: #EAF1F8;
    color: #204E7F;
}

.puv-highlight.blue h2,
.puv-highlight.blue h3,
.puv-highlight.blue h4,
.puv-highlight.blue h5,
.puv-highlight.blue h6 {
    color: #204E7F
}

.puv-highlight.red {
    background: #FFEDEC;
    color: #BD0000;
}

.puv-highlight h2, .puv-highlight h3, .puv-highlight h4 {
    margin-top: 22px !important;
}

.puv-border {
    padding: 60px 75px;
    margin-bottom: 1em;
    border-radius: 6px;
    background: #F0F0F0;
    text-align: center;
    color: #3d3d3d;
}

.puv-border a {
    color: #3d3d3d;
}

.puv-border a.btn.btn-primary {
    width: auto;
    padding: 0 30px;
    margin-top: 30px;
    margin-bottom: 0px !important;
    text-decoration: none !important;
    background: #50AF34 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    text-transform: none;
    font-size: 17px;
    font-weight: 500;
}

.puv-border h3, .puv-border h2 {
    margin-top: 5px !important
}

.puv-border h3 {
    font-size: 28px;
}

.puv-border p:last-child {
    margin-bottom: 5px !important;
}

.puv-review .plus-gallery-wrap {
    margin-bottom: 22px !important;
}

.puv-review p.puv-mb-small {
    margin-bottom: 12px !important;
}

.puv-review p.puv-mb-small + ul {
    margin-top: 0 !important;
}

.puv-txt p, .puv-txt ul, .puv-txt ol {
    font-size: 16px;
}

.puv-table {
    width: 75%;
    margin: 35px auto 35px auto;
}

.puv-table th, .puv-table td {
    padding: 15px;
}

.link-icon.watchdog.btn.btn-conversion {
    margin-bottom: 1em;
}

.puv-left, .puv-right {
    width: 50%;
    float: left
}

.puv-bulleted-list {
   list-style: inherit !important; 
   margin-top: 0 !important;
}

.puv-bulleted-list li {
    margin-bottom: 4px !important;
    padding-left: 0 !important;
}

.radime.puv-long {
    background-repeat: repeat;
}

.pwjs .info-container div {
    margin: 0 auto
}

.pwjs .item {
    border-radius: 6px;
}

/* BONUSOVÝ SYSTÉM */


.mehub-bonus-header-container { 
    max-width: 200px;
    float: right;
}

.mehub-bonus-profile-container .btn {
    padding: 10px !important;
    background-color: #373737;
    color: #fff;
    border: none;
}

.mehub-bonus-header-container > div {
    border-radius: 6px;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.mehub-bonus-product-detail-container {
    order: 99;
    margin-top: 12px;
}

.ordering-process .mehub-bonus-cart-container .card.blue {
    background-color: #f8f9fd;
    color: #003680;
}

.card-text.checkout-credit-inputs-container .btn,
.card-text.checkout-credit-inputs-container .btn:hover,
.card-text.checkout-credit-inputs-container .btn:focus {
    background-color: #373737;
    color: #fff !important;
    border: none;
}
.card-text.checkout-credit-inputs-container .btn:hover,
.card-text.checkout-credit-inputs-container .btn:focus {
    text-decoration: underline;
}

.advanced-order .btn {
    padding: 11px 15px;
}


/* povoleni tlacitek podkategorii ve specifickych parametrickych kategoriich */
.id-1428.subtype-category-parametric .subcategories.with-image { /* /prirodni-insekticidy */
    display: flex !important
}

/* product widget centrování tlačítka */

/*KOŠÍK*/

@media (min-width: 768px) {
    .ordering-process .top-navigation-bar, .ordering-process #navigation, .ordering-process #header::after, .ordering-process .header-top .search, .ordering-process .header-top .navigation-buttons, .ordering-process .menu-helper {
        display: none;
    }
    .ordering-process .header-top {
        height: 80px;
        margin-bottom: -80px;
        margin-top: 20px;
        position: relative;
        z-index: 1;
        max-width: 150px;
    }
    .ordering-process .header-top .site-name-wrapper {
        flex: unset;
        width: 100%;
    }
    .ordering-process #header {
        margin-bottom: 0 !important;
    }
}


ol.cart-header li {
    width: auto;
}

ol.cart-header li:not(:last-child) {
    margin-right: 80px;
}

ol.cart-header {
    display: flex;
    justify-content: flex-end;
}

ol.cart-header li.active a span::before, ol.cart-header li.active strong span::before {
    background-color: #262626;
    color: #fff;
}

.id--9 .extras-wrapper {
    flex-direction: column;
}

.id--9 .extras-col+.extras-col {
    padding-left: 0;
}

.id--9 .discount-coupon {
    margin-bottom: 30px;
}

.id--9 .cart-summary {
    display: flex;
    justify-content: space-between;
    align-self: flex-start;
}

.id--9 .cart-summary .extras-wrapper .extras-col {
    flex: unset;
}

.id--9 .cart-summary .extras-wrapper {
    justify-content: flex-start;
}

.id--9 .sidebar-in-cart {
    display: none;
}

.id--9 .cart-inner > .row.cart-row > div {
    width: 100%;
}

.id--9 .t-hlavicka {
    display: none;
}

.discount-coupon ::placeholder {
    color: #373737 !important;
}

.discount-coupon input {
    max-width: 240px;
    border-color: #C5C5C5;
    border-radius: 4px;
}

.discount-coupon form .btn {
    background-color: #373737;
    box-shadow: none;
    border-color: #373737;
    color: #fff;
    font-size: 17px;
    border-radius: 6px !important;
}

.discount-coupon form {
    width: 352px;
}

.id--9.in-kosik .cart-content {
    padding-top: 0 !important;
}

.cart-table .main-link {
    font-size: 15px;
}

.cart-table .price-additional, .cart-table .price-final, .cart-table .price-save, .cart-table .unit-value {
    font-size: 15px;
}

.cart-table .p-price .price-final {
    color: #373737 !important;
}

tr.removeable .remove-item {
    opacity: 1;
}

.cart-table .p-total {
    text-align: center !important;
}

.cart-table tr td:not(.p-name) {
    text-align: center !important;
}

.cart-table tr td {
    padding: 27px 0;
}

.id--9 .cart-content.summary-wrapper > div {
    background-color: transparent;
    border: none;
    padding: 0;
}

.cart-summary .price-wrapper {
    flex-wrap: nowrap;
    padding-bottom: 0;
    justify-content: flex-end;
}

.cart-summary .price-wrapper .price {
    flex: unset;
}

.ordering-process .price-wrapper .price-label.price-primary {
    font-size: 20px;
    font-weight: 600;
    display: block;
    flex: unset;
    flex-shrink: 0;
}

.ordering-process.id--16 .price-wrapper .price-label.price-primary::after {
    content: ":";
}

.ordering-process .btn.next-step-forward {
    padding: 14px 40px;
    border-radius: 6px !important;
    font-size: 17px;
    box-shadow: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
}

.ordering-process .btn.next-step-forward:after {
    content: none;
}

.id--9 .price-range {
    width: 490px;
}

#checkoutContent h4.order-icon.order-information {
    display: none;
}

#checkoutContent .form-group > select.form-control {
    width: 300px;
}

#checkoutContent .form-group label {
    line-height: 1.47;
    margin: 0 0 5px;
    color: #373737;
}

.co-box.co-basic-information {
    margin-bottom: 32px;
}

.payment-shipping-price.for-free {
    text-transform: lowercase;
    color: #50AF34 !important;
}

.payment-shipping-price {
    font-weight: 400;
    color: #373737;
    font-size: 15px;
}

.co-box.co-contact-information {
    margin-bottom: 20px;
}

.group-flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}

.group-flex .form-group > input.form-control {
    max-width: 100%;
}

.co-box.co-billing-address {
    margin-bottom: 36px;
}

.price-wrapper+.next-step {
    margin-top: 0px;
}

.next-step--cart {
    margin-top: 20px !important;
}

.link-like, a {
    color: inherit;
}

.link-like:focus, .link-like:hover, a:focus, a:hover {
    text-decoration: underline;
    color: inherit;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    border-radius: 12px;
}

/*PRVKY OBSAHU*/

ul.advantages {
    padding: 32px;
    background: #ECF8E9;
    border-radius: 6px;
    display: inline-block;
    list-style: none;
    margin-top: 0;
    margin-bottom: 24px;
}

ul.advantages li {
    background-image: url("/user/documents/upload/kodovani/plus.svg");
    background-position: 0 2px;
    color: #50AF34;
    margin-bottom: 15px;
    padding-left: 30px;
    background-repeat: no-repeat;
}

ul.advantages > li:last-child {
    margin-bottom: 0;
}

ul.advantages li a {
    color: #50AF34 !important;
    text-decoration: underline !important;
}

ul.advantages li a:hover {
    text-decoration: none !important;
}

ol.instructions {
    padding: 0;
    list-style: none;
}

ol.instructions li {
    position: relative;
    padding: 20px 80px 20px 105px;
    background: #F5F5F5;
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
    border-radius: 6px;
}

ol.instructions li::before {
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    counter-increment: steps;
    content: "0" counter(steps) ".";
    font-size: 25px;
    color: #797979;
    font-weight: 600;
    line-height: 1;
    height: calc(100% - 40px);
    display: flex;
    align-items: center;
    padding-right: 22px;
    border-right: 1px solid #E1E1E1;
    margin: 0;
    min-width: 62px;
}

ol.instructions li a {
    color: #000;
    text-decoration: underline;
}

ol.instructions li a:hover {
    text-decoration: none;
}

span.ingredients, span.applicability, span.packaging, span.first-aid, span.instructions, span.storage, span.safety, span.dosage {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    position: relative;
    display: flex;
    margin-bottom: 25px;
    align-items: center;
}

span.ingredients::before, span.applicability::before, span.packaging::before, span.first-aid::before, span.instructions::before, span.storage::before, span.safety::before, span.dosage::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 11px;
}

span.ingredients::before {
    background-image: url("/user/documents/upload/kodovani/slozeni.svg");
}

span.applicability::before {
    background-image: url("/user/documents/upload/kodovani/doba.svg");
}

span.packaging::before {
    background-image: url("/user/documents/upload/kodovani/baleni.svg");
}

span.first-aid::before {
    background-image: url("/user/documents/upload/kodovani/first-aid.svg");
}

span.instructions::before {
    background-image: url("/user/documents/upload/kodovani/navod.svg");
}

span.storage::before {
    background-image: url("/user/documents/upload/kodovani/skladovani.svg");
}

span.safety::before{
    background-image: url("/user/documents/upload/kodovani/bezpecnostni_upozorneni.svg");
}

span.dosage::before{
    background-image: url("/user/documents/upload/kodovani/davkovani.svg");
}

ul.first-aid {
    padding: 0;
    list-style: none;
}

ul.first-aid li {
    padding: 0;
    background: transparent;
    color: #505050;
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 12px;
}

p.copyright {
    color: #505050;
    font-size: 14px;
    line-height: 1.25;
    text-align: left;
}

p.copyright a {
    color: inherit;
    text-decoration: underline;
}

p.copyright a:hover {
    text-decoration: none;
}

p.copyright strong {
    font-weight: 700;
}

.application {
    margin-bottom: 20px;
}

.application > span {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin: 0 0 8px;
    display: block;
    line-height: normal;
}

.application-inner {
    color: #797979;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.application-from {
    display: inline-flex;
    align-items: center;
}

.application-from::after {
    content: "";
    height: 1px;
    width: 60px;
    background: #797979;
    display: inline-flex;
    align-items: center;
    margin: 0 10px;
}

img.safety {
    margin-right: 20px;
    mix-blend-mode: multiply;
}

/*DRBKY*/

input[type=submit].btn {
    padding: 5px 20px;
    box-shadow: none;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #fff !important;
    line-height: 1;
}

input[type=submit].btn:hover {
    background-color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover);
}

.content-wrapper.homepage-box.welcome-wrapper > .content-wrapper-in > .container {
    padding: 0;
}

.back-products {
    margin-top: 40px;
}

.back-products > a {
    color: #fff;
    padding: 15px 30px;
    border-radius: 6px;
    background: #373737;
    display: inline-flex;
    font-size: 17px;
    text-decoration: none;
}

.back-products > a:hover {
    background: #000;
}

.shp-tabs-holder ul.shp-tabs li a {
    border-style: none;
    border-width: 0;
    display: inline-block;
    padding-left: 0;
}

#p-detail-tabs > li[data-testid="tabBrand"] {
    display: none;
}

/*RESPO*/

@media screen and (max-width: 1439px) {
    .o-nas .prava {
        padding-top: 178px;
    }
    .ordering-process .btn.next-step-forward {
        padding: 14px 25px;
    }
    .next-step {
        justify-content: space-between;
    }
    .radio-wrapper input[type=radio]+label .payment-info .sublabel {
        margin-right: 20px;
    }
    #footer .kontakt-in .jmeno, .kontakty-main .kontakt-in .jmeno {
        margin-right: 55px;
    }
}

@media screen and (min-width: 992px) {
    .advanced-order .products-block > div {
        width: 33.3333%;
    }
}

@media screen and (max-width: 1439px) {
    #search-group-categories ul li {
        width: 25%;
    }
    .next-step {
        flex-direction: row;
        align-items: center;
    }
}

@media screen and (max-width: 1199px) {
    .doprava-popup {
        position: absolute;
        top: 300px;
        max-height: none;
    }

    .cart-row > div.col-md-4 {
        padding-left: 30px;
    }

    .discount-coupon {
        margin-bottom: 32px;
    }

    ol.cart-header li a, ol.cart-header li strong {
        font-size: 16px;
    }

    ol.cart-header li::after {
        right: 20px;
    }

    .pk-obsah {
        padding-right: 0;
    }

    .vse-o-nakupu > div {
        width: 25%;
    }

    .mapa-form > div {
        width: 100%;
        padding: 0;
    }

    .empty-content .sidebar-kontakt {
        position: relative;
        left: auto;
        right: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .empty-content {
        margin-right: 0;
    }
    .mapa-form > .kontakt-text {
        padding: 0;
        margin-top: 40px;
    }
    .id--9 .price-range {
        max-width: 100%;
    }
    .radio-wrapper input[type=radio]+label .payment-info .sublabel {
        margin-right: 0;F
    }
}



@media screen and (min-width: 992px) and (max-width: 1199px) {
    .form-group > input.form-control, .form-group > select.form-control, .phone-combined-input {
        width: 300px;
    }

    .validator-msg.msg-error, .validator-msg.msg-warning, .js-validator-msg.msg-error, .validator-msg.msg-info {
        left: 336px;
    }
}

@media screen and (max-width: 991px) {
    .doprava-popup {
        top: 600px;
        left: 0;
        width: 100%;
        margin-left: 0;
    }

    .d-nazev {
        padding-right: 12px;
    }

    .advanced-order .products-block > div:last-child {
        display: none;
    }

    .advanced-order .extras-wrap .extra.delivery {
        order: 1;
        width: 100%;
        padding: 0 10px;
    }

    .cart-row > div.col-md-4 {
        padding-left: 0;
    }

    .cart-items, .cart-inner .consents, .recapitulation-single, .price-wrapper, .order-summary h4 {
        padding-left: 0;
        padding-right: 0;
    }

    .id--15 #content::before, .id--15 #content::after {
        display: none;
    }

    .prazdny-kosik .sidebar-kontakt {
        margin: 120px auto 0 auto;
    }

    #search-group-categories ul li {
        width: 33.333%;
    }

    .search-results-groups > div {
        width: calc(100% - 24px);
    }

    .vse-o-nakupu > div {
        width: 33.3333%;
    }

    .prodejna-kontakt > div {
        width: 50%;
    }

    .moznosti > div {
        width: 33.3333%;
        margin-bottom: 40px;
    }

    .mapa-form {
        margin-top: 0;
    }
    .empty-content {
        background-size: 120px;
        padding-bottom: 210px;
    }
    .kontakty-main .kontakt-in a.telefon {
        margin: 0 35px;
    }
    .kontakty-main .kontakt-in a, .kontakty-main .fb a {
        font-size: 18px;
    }
    .prodejna-kontakt__image {
        margin: 0 10px 0 0;
    }
    .prodejna-kontakt__image, .prodejna-kontakt__map {
        max-width: calc(50% - 10px);
    }
    .prodejna-kontakt__map {
        margin: 0 0 0 10px;
    }
    .prodejna-kontakt__map iframe {
        max-height: 242px;
    }
    .prodejna-kontakt > .prodejna-kontakt__olomouc {
        width: 100%;
        text-align: center;
    }
    .prodejna-kontakt__olomouc ul {
        max-width: 300px;
        margin: 20px auto 0;
        padding-left: 31px;
        text-align: left;
    }
    .prodejna-kontakt__olomouc {
        margin: 30px 0;
    }
    .mapa-form > .kontakt-text {
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .mapa-form > .kontakt-text > div:first-child {
        margin-bottom: 0;
    }
    .mapa-form > .kontakt-text > div {
        padding: 0 10px;
    }
    .next-step {
        flex-direction: column-reverse;
        align-items: flex-end;
        padding: 0;
    }
    a.next-step-back {
        margin: 10px 0 0;
    }
    #footer .kontakt-in {
        padding-left: 0;
        padding-top: 100px;
        background-position: center top;
        justify-content: center;
    }
    #footer .kontakt-in .jmeno {
        margin-right: 0;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .mehub-bonus-header-container > div {
        position: absolute;
        right: 17em;
        top: 4px;
    }

    ul.advantages {
        padding: 20px;
    }
    ul.advantages li {
        margin-bottom: 8px;
    }
    ol.instructions li {
        padding: 20px 20px 20px 70px;
    }
    ol.instructions li::before {
        min-width: 36px;
        padding-right: 11px;
        font-size: 20px;
        left: 15px;
    }
    .responsive-tools>a[data-target=navigation]:before, .responsive-tools>a[data-target=navigation]:hover:before {
        background: transparent;
    }
    .clanky .slick-next {
        right: 50% !important;
        margin-right: -30px !important;
    }
    .clanky .slick-prev {
        left: 50% !important;
        margin-left: -30px !important;
    }

    #footer .kontakt-in {
        padding-top: 80px;
    }
    .custom-footer > div.custom-footer__banner5, .custom-footer > div.custom-footer__banner8 {
        width: 100%;
    }
    .odber {
        padding-left: 8px;
        padding-right: 8px;
    }
    .news-wrapper {
        justify-content: center;
    }
    .o-nas .prava {
        padding-top: 30px;
    }
    .content-wrapper.container .row>div.wide-carousel {
        padding: 0;
    }
    .carousel-control:before {
        width: 30px;
        height: 30px;
        font-size: 18px;
        line-height: 30px;
        margin-top: -15px;
    }
    .carousel-control.left:before {
        left: 5px;
    }
    .carousel-control.right:before {
        right: 5px;
    }

    .puv-border {
        padding: 30px;
    }
    .puv-border h3 {
        font-size: 22px;
    }

    .country-flags-inner {
        z-index: 0;
    }

    body.in-dekujeme, body.prazdny-kosik {
        background-color: #fff;
    }

    .in-dekujeme .top-navigation-bar, .prazdny-kosik .top-navigation-bar {
        position: fixed;
        width: 100%;
        height: 56px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        z-index: 2;
    }

    .in-dekujeme .responsive-tools > a[data-target="search"], .prazdny-kosik .responsive-tools > a[data-target="search"] {
        right: 54px;
        display: block;
    }

    .in-dekujeme .responsive-tools > a[data-target="login"], .prazdny-kosik .responsive-tools > a[data-target="login"] {
        right: 108px;
        display: block;
    }

    .in-dekujeme .site-name, .prazdny-kosik .site-name {
        display: block;
    }

    .in-dekujeme .content-wrapper.container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .prazdny-kosik .cart-row {
        background-color: transparent;
        padding-top: 180px;
    }

    .pk-obsah {
        padding-left: 0;
    }

    .cart-empty {
        background-position: 0 0;
        background-size: auto 260px;
    }

    .prazdny-kosik .sidebar-kontakt {
        margin: 0 auto;
    }

    .prazdny-kosik .fav-cat {
        padding-left: 4px;
        padding-right: 4px;
    }

    .sign #content > div {
        width: 100%;
        padding: 24px 12px;
    }

    #search-group-categories ul li {
        width: 50%;
    }

    .search-tabs::after {
        width: 100%;
        left: 0;
    }

    .in-vyhledavani .overall-wrapper {
        overflow-x: hidden;
    }

    .vse-o-nakupu > div {
        width: 50%;
    }

    .empty-content {
        padding-left: 0;
        margin: 0;
    }

    .empty-content h1::before {
        font-size: 140px;
        line-height: 120px;
    }

    .empty-content h2 {
        max-width: none;
    }
    .kontakty-main .kontakt-in a, .kontakty-main .fb a {
        font-size: 16px;
    }
    .kontakty-main .kontakt-in a span {
        font-size: 14px;
    }
    .kontakty-main .kontakt-in a.email, .kontakty-main .kontakt-in a.telefon, .kontakty-main .fb a {
        background-size: 20px 20px;
        background-position: left center;
        padding-left: 25px;
    }
    .prodejna-kontakt {
        margin-top: 20px;
    }
    .kontakty-main .poradna-kontakt .kontakt-in {
        flex-direction: column;
    }
    .kontakty-main .poradna-kontakt {
        flex-direction: column;
        align-items: center;
    }
    .prodejna-kontakt {
        flex-direction: column;
    }
    .prodejna-kontakt > div {
        width: 100%;
    }
    .prodejna-kontakt__image, .prodejna-kontakt__map {
        width: 100%;
        max-width: 100%;
    }
    .prodejna-kontakt__map {
        order: -1;
        margin: 0;
    }
    .prodejna-kontakt__image {
        max-height: unset;
        margin: 10px auto 0;
        text-align: center;
    }
    .mapa-form form {
        padding: 20px;
    }
    .mapa-form > .kontakt-text {
        flex-wrap: wrap;
    }
    .kontakty-main .kontakt-in a.telefon {
        margin: 0;
    }
    .radime ul li a {
        padding: 5px 10px;
        font-size: 14px;
    }
    .radime {
        flex-direction: column;
    }
    .radime h4 {
        padding-bottom: 0;
    }
    .kat-header {
        margin-bottom: 0;
    }
    ol.cart-header {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        display: flex;
        height: auto;
        counter-reset: step-counter;
        padding: 15px 0;
        border-bottom: 1px solid #DEDEDE;
        margin-top: 56px;
    }
    ol.cart-header li {
        height: auto;
        box-shadow: none;
        padding: 0 5px;
        display: block;
        width: 33.333%;
        text-align: center;
    }
    ol.cart-header li a, ol.cart-header li strong {
        font-size: 14px;
        text-transform: none;
        color: #656565;
        padding: 0;
    }
    ol.cart-header li:not(:last-child) {
        margin: 0;
    }
    li.step::before {
        counter-increment: step-counter; /* Zvýšení hodnoty counteru */
        content: counter(step-counter); /* Zobrazení hodnoty counteru */
        width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 14px;
        background-color: #E0E0E0;
        color: #656565;
        text-align: center;
        line-height: 40px;
        display: inline-block;
        margin-bottom: 8px;
    }
    li.step.active::before {
        background-color: #262626;
        color: #ffffff;
    }
    .ordering-process .site-name {
        display: block;
    }
    .ordering-process .top-navigation-bar {
        height: auto;
        box-shadow: 0px 6.499px 4.642px 0px rgba(0, 0, 0, 0.05);
        position: fixed;
        z-index: 2;
        width: 100%;
    }
    body.ordering-process #header {
        height: 0;
        margin-bottom: 0;
    }
    .ordering-process .top-navigation-bar .site-name {
        position: relative;
        top: auto;
        left: auto;
        padding: 10px;
    }
    .ordering-process .top-navigation-bar .container>div.top-navigation-tools {
        height: 0;
    }
    .id--9 .price-range {
        max-width: 100%;
    }
    .id--9 .cart-summary {
        flex-direction: column;
        align-items: stretch;
    }
    .cart-summary .price-wrapper {
        justify-content: flex-start;
    }
    .next-step {
        align-items: flex-start;
    }
    .id--9.in-kosik .cart-content {
        margin-top: 12px;
        border-top: 1px solid #DEDEDE;
    }
    .next-step .next-step-back {
        text-align: left;
        padding: 0;
        width: auto;
        color: #000;
        text-decoration: underline;
    }
    .cart-row > div.col-md-8, .cart-row > div.col-md-4 {
        padding-top: 0;
    }
    #checkoutContent {
        margin-top: 10px;
    }
    .payment-info {
        display: block;
    }
    .radio-wrapper {
        padding: 0 10px;
    }
    .radio-wrapper input[type="radio"] + label {
        padding: 10px 0 10px 30px;
    }
    .group-flex {
        grid-template-columns: 1fr;
    }
    .detail-kontakt {
        display: block;
    }
    .detail-kontakt .kontakt-in {
        text-align: left;
    }
    .p-info-wrapper .p-detail-inner-header {
        margin-top: 20px;
    }
    .stars-label {
        color: #4F4F4F;
    }
    .doprava {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .product-info > .link-icon.chat {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        margin-top: 0;
    }
    .product-info {
        flex-direction: column;
        position: relative;
    }
    .product-info > div {
        width: calc(100% - 140px);
        display: flex;
    }
    .product-info > div > .udaj {
        margin-left: 4px;
    }
    .type-detail .vyhody > div > div {
        padding: 17px;
        background-color: #EDEDED;
        border-radius: 10px;
        text-align: center;
        width: 100%;
        margin: 0;
    }
    .type-detail .vyhody > div > div::before {
        top: auto;
        left: auto;
        position: relative;
        margin: 0 auto 13px;
        display: inline-block;
    }
    .type-detail .vyhody > div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 11px;
        grid-row-gap: 11px;
    }
    .products-additional.products-block > div {
        width: 50% !important;
        padding: 0 !important;
        border-bottom: 1px solid #E0E0E0;
    }
    #productsAlternative, #souvisejici {
        margin: 0 -20px;
    }
    #productsAlternative .products-block, #souvisejici .products-block {
        margin-left: 0;
        margin-right: 0;
        border-top: 1px solid #E0E0E0;
    }
    #productsAlternative .products-block::after, #souvisejici .products-block::after {
        height: 100%;
        width: 1px;
        background: #E0E0E0;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
    }
    .products-additional.products-block > div .p {
        border-radius: 0;
        border: none;
    }
    .products-block .p {
        padding: 10px 10px 24px;
    }
    .products-block.products .p .name {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .products-block .p-bottom .prices {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .products-block .p-bottom .prices > div {
        width: 100%;
    }
    .products-block .ratings-wrapper .availability {
        flex: unset;
        text-align: center;
        margin-top: 10px;
        width: 100%;
    }
    body.id-29 .vyhody {
        padding: 40px 0 0px;
    }
}

@media screen and (max-width: 479px) {
    .mehub-bonus-header-container > div {
        display: none !important;
    }
    span.ingredients, span.applicability, span.packaging, span.first-aid {
        font-size: 20px;
    }
    .application > span {
        font-size: 20px;
    }
    ol.instructions li {
        padding: 15px 15px 15px 70px;
    }
    .cart-empty .btn-holder {
        text-align: center;
        margin-bottom: 20px;
    }
    .form-group > input.form-control.short, .form-group > select.form-control.short {
        width: 100%;
    }
    .co-box.co-delivery-method {
        margin-bottom: 27px;
    }
    .advanced-order .h1.advanced-order-suggestion {
        padding-top: 27px;
    }
    .advanced-order .h1.advanced-order-suggestion {
        font-size: 21px;
        margin-bottom: 17px;
    }
    .mybtn-wrapper {
        justify-content: space-between;
    }
    .do-obchodu {
        margin-bottom: 0;
    }
    .advanced-order .extras-wrap .extra.step .btn {
        width: 100%;
    }

    .advanced-order .extras-wrap .extra.delivery {
        padding: 12px 10px 16px;
        border-top: 1px solid #DEDEDE;
        border-bottom: 1px solid #DEDEDE;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .advanced-order .extras-wrap {
        padding: 0;
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img {
        border-radius: 0;
    }
    .type-detail .vyhoda1, .type-detail .vyhoda2 {
        display: none;
    }
    #checkoutContent .form-group label {
        line-height: 1;
        margin-bottom: 8px;
    }

    .puv-border {
        padding: 20px;
    }
    .puv-border a.btn.btn-primary {
        font-size: 15px;
        padding: 0 20px;
    }

    .co-box.co-box-additional {
        margin-bottom: 0;
    }

    .id--15 #content {
        padding: 24px 12px;
    }

    .id--15 .co-box.co-order .cart-table {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .uhrada:not(.uhrada-predem) td, .uhrada:not(.uhrada-predem) th {
        padding: 12px !important;
    }

    .id--15 .co-payment-method .row > div {
        width: 100%;
    }

    .dekujeme-spodek > div {
        width: 100%;
    }

    .dekujeme-spodek > div > span {
        float: left;
        margin-top: 20px;
    }

    .sign #content .login-wrapper .password-helper a {
        line-height: 24px;
    }

    .sign #content .login-wrapper .password-helper {
        width: 50%;
    }

    #search-group-categories ul li {
        padding: 4px 8px;
        width: 100%;
    }

    .search-tabs a {
        margin-right: 20px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .search-tabs {
        padding-bottom: 7px;
    }

    .id--51 .rate-wrapper {
        padding: 20px;
    }

    .vse-o-nakupu > div > a {
        padding: 120px 12px 24px 12px;
    }

    .prodejna-kontakt > div {
        width: 100%;
    }

    .moznosti > div {
        width: 100%;
        text-align: center;
    }

    .mapa-form form {
        padding: 24px 12px;
    }

    #formContact .form-group.consents {
        width: 100%;
    }

    .empty-content .sidebar-kontakt {
        width: 100%;
    }

    .do-obchodu {
        width: auto;
    }
    .advanced-order .extras-wrap .extra.step {
        width: calc(100% - 104px);
    }
    ol.cart-header li a, ol.cart-header li strong {
        font-size: 12px;
        font-weight: 400;
    }
    li.step::before {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }
    .cart-table .main-link {
        font-size: 13px;
    }
    .cart-table .price-additional, .cart-table .price-final, .cart-table .price-save, .cart-table .unit-value {
        font-size: 13px;
    }
    .cart-table tr>td.p-total {
        flex-grow: 0;
        width: auto;
    }
    .cart-table tr {
        align-items: flex-start;
    }
    .cart-table .quantity-form {
        padding: 0;
        text-align: left;
    }
    .ordering-process .quantity-form .quantity .decrease {
        left: 8px;
    }
    .ordering-process .price-wrapper .price-label.price-primary {
        font-size: 16px;
    }
    .price-wrapper .price.price-primary {
        font-size: 16px;
    }
    .next-step--cart {
        margin-top: 9px !important;
    }
    .ordering-process .btn.next-step-forward {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .next-step--cart {
        align-items: center;
    }
    #deliveryCountryId {
        font-size: 13px;
    }
    #checkoutContent .form-group > select.form-control {
        width: 200px;
        height: 44px;
    }
    ol.cart-header li {
        padding: 0 3px;
    }
    #checkoutContent #order-form #order-shipping-methods, #checkoutContent #order-form #order-billing-methods {
        margin: 0 -12px;
        font-size: 13px;
    }
    .payment-info {
        font-size: 13px;
        font-weight: 400;
    }
    .payment-info b {
        font-weight: 400;
    }
    #checkoutContent #order-form #order-shipping-methods b {
        font-weight: 400;
    }
    #checkoutContent #order-form #order-shipping-methods .radio-wrapper, #checkoutContent #order-form #order-billing-methods .radio-wrapper {
        border-radius: 0;
        border-width: 1px 0 0px 0 !important;
        border-style: solid !important;
        margin-bottom: 0;
        border-color: #E0E0E0 !important;
    }
    #checkoutContent #order-form #order-shipping-methods .radio-wrapper:last-child, #checkoutContent #order-form #order-billing-methods .radio-wrapper:last-child  {
        border-bottom-width: 1px !important;
    }
    .payment-logo {
        padding-bottom: 0;
        width: 58px;
        flex-basis: 58px;
    }
    .payment-info {
        width: auto;
        margin-left: 13px;
        flex-grow: 0;
        line-height: 1.3;
    }
    .radio-wrapper input[type=radio]+label .payment-shipping-price {
        flex-grow: 0;
        margin-left: auto;
        width: auto;
        flex-shrink: 0;
    }
    .radio-wrapper input[type=radio]+label .payment-info .sublabel {
        font-size: 13px;
    }
    .payment-shipping-price {
        font-size: 13px;
    }
    .radio-wrapper input[type=radio]+label {
        justify-content: flex-start;
        flex-wrap: nowrap;
    }
    .in-krok-1 .radio-wrapper input[type="checkbox"] + label::after, .in-krok-1 .radio-wrapper input[type="radio"] + label::after {
        top: 50%;
    }
    .in-krok-1 .radio-wrapper input[type="checkbox"] + label::before, .in-krok-1 .radio-wrapper input[type="radio"] + label::before {
        top: 50%;
    }
    .co-box h4 {
        font-size: 16px;
        margin-bottom: 10px;
        font-weight: 400;
    }
    #checkoutSidebar {
        margin: 0 -12px;
     }
    #checkoutSidebar .order-summary {
        border-radius: 0;
        padding: 18px;
    }
    .order-summary h4 {
        margin: 0 0 15px;
        padding: 0 !important;
    }
    .order-summary .cart-item {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 12px;
        border-bottom: 1px solid #E4DFD6;
        margin-bottom: 12px;
    }
    .order-summary .cart-item:last-child {
        margin-bottom: 0;
    }
    .order-summary .cart-item > div.cart-item-name a {
        width: 100%;
        display: block;
        padding: 0;
    }
    .order-summary .cart-item>div.cart-item-name {
        padding: 0 !important;
        line-height: 1.54;
        width: 100%;
        margin-bottom: 5px;
    }
    .order-summary .cart-item > div.cart-item-amount {
        width: auto;
        padding: 0 !important;
        margin: 0 13px 0 0;
        color: #000;
    }
    .order-summary .cart-item > div.cart-item-amount .unit-value {
        color: #000;
    }
    .order-summary .cart-item > div.cart-item-price {
        padding: 0 !important;
        width: auto;
    }
    .order-summary-item.helper, .order-summary-item.helper strong {
        font-weight: 400;
        border-color: #E4DFD6;
    }
    #shipping-billing-summary .recapitulation-single.recapitulation-shipping-billing.last {
        padding-bottom: 0;
    }
    .ordering-process .price-wrapper {
        padding: 12px;
    }
    .id--9.ordering-process .price-wrapper {
        padding-left: 0;
        padding-bottom: 0;
    }
    #checkoutSidebar .next-step {
        padding: 0 12px;
    }
    .form-control, input, select, textarea {
        font-size: 14px;
    }
    #checkoutSidebar .form-group.consents {
        margin-left: 12px;
        margin-right: 12px;
    }
    .cart-row .col-md-4 .btn-conversion#submit-order {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    #checkoutSidebar .next-step {
        align-items: center;
    }
    .in-krok-2 .co-box-additional .form-group {
        margin-bottom: 10px;
    }
    .ucet {
        padding: 15px;
        font-size: 13px;
    }
    .buy-box .add-to-cart {
        width: 100%;
    }
    #productsAlternative .products-block, #souvisejici .products-block {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .product-info > div span {
        width: auto;
    }
    .breadcrumbs {
        flex-wrap: wrap;
    }
    .detail-kontakt .poradna-kontakt {
        margin: 16px -10px 0;
        padding: 15px 10px;
        border-top: 1px solid #E0E0E0;
        border-bottom: 1px solid #E0E0E0;
    }
    .detail-kontakt .kontakt-in a.telefon {
        display: flex;
        font-size: 16px;
        background-size: 16px;
    }
    .detail-kontakt .kontakt-in a.telefon > span:last-child {
        font-size: 12px;
        margin-left: 8px;
    }
    .type-detail .vyhody {
        margin: 15px 0;
    }
    .type-detail .vyhody > div > div span {
        font-weight: 400;
        font-size: 13px;
    }
    .type-detail .vyhody > div > div br {
        display: none;
    }
    .type-detail .vyhody > div > div {
        padding: 12px;
    }
    #p-detail-tabs {
        display: flex;
        flex-direction: column;
        border-top: 1px solid #D1D1D1;
    }
    #p-detail-tabs > li[data-testid="tabAlternativeProducts"], #p-detail-tabs > li[data-testid="tabBrand"], .shp-tabs-wrapper.p-detail-tabs-wrapper .hidden-links.hidden > li[data-testid="tabAlternativeProducts"], .shp-tabs-wrapper.p-detail-tabs-wrapper .hidden-links.hidden > li[data-testid="tabBrand"] {
        display: none;
    }
    #p-detail-tabs > li, .shp-tabs-wrapper.p-detail-tabs-wrapper .hidden-links.hidden > li {
        padding: 0 10px;
        border-bottom: 1px solid #D1D1D1;
        margin: 0 -10px;
        width: auto;
    }
    #description.too-high .description-inner {
        max-height: 200px;
    }
    .type-detail .responsive-nav .shp-tabs-holder {
        padding: 0;
    }
    .popis-nadpis {
        font-size: 15px;
        font-weight: 400;
        display: none;
    }
    #description {
        padding-top: 0;
    }
    .type-detail .shp-tabs-row::before {
        content: none;
    }
    #description::before {
        content: none;
    }
    #description.too-high .show-more {
        background: linear-gradient(180deg, rgba(0,0,0,0) -20%, rgba(255,258,255,1) 35%);
        padding-top: 50px;
        padding-bottom: 10px;
    }
    .description-inner {
        padding: 0;
    }
    #description.too-high .show-more {
        font-weight: 400;
    }
    .shp-tabs-holder ul.shp-tabs > li.shp-tab > a, .shp-tabs-wrapper.p-detail-tabs-wrapper .hidden-links.hidden > li.shp-tab > a {
        padding: 14px 0;
        display: flex;
        color: #000;
    }
    .shp-tabs-holder ul.shp-tabs > li.shp-tab > a::after, .shp-tabs-wrapper.p-detail-tabs-wrapper .hidden-links.hidden > li.shp-tab > a::after {
        margin-left: auto;
    }
    .komentare > div {
        width: 100%;
        margin: 0;
    }
    #ratingTab > p {
        display: none;
    }
    #p-detail-tabs .komentare, .shp-tabs-wrapper.p-detail-tabs-wrapper .hidden-links.hidden .komentare {
        padding: 0;
        margin: 0;
        display: none;
    }
    #relatedFiles li {
        max-width: 100%;
    }
    #relatedFiles li a {
        white-space: pre-wrap;
        padding: 10px;
    }
    #relatedFiles::before {
        font-size: 18px;
        line-height: 1;
        font-weight: 400;
    }
    #relatedFiles {
        padding: 0 !important;
        margin-top: 20px;
    }
    .shp-tabs-holder ul.shp-tabs > li > a::after, .shp-tabs-wrapper.p-detail-tabs-wrapper .hidden-links.hidden > li > a::after {
        content: url("/user/documents/upload/Images/cerna-sipka-14-dolu.svg");
        margin-right: 2px;
        transition: all ease 300ms;
        transform: none;
    }
    .shp-tabs-holder ul.shp-tabs > li.open > a::after, .shp-tabs-wrapper.p-detail-tabs-wrapper .hidden-links.hidden > li.open > a::after {
        transform: rotate(180deg);
    }
    .shp-tabs-holder ul.shp-tabs > li.open, .shp-tabs-wrapper.p-detail-tabs-wrapper .hidden-links.hidden > li.open {
        padding-bottom: 14px !important;
    }
    .type-detail .komentare {
        padding: 0;
    }
    #productsAlternative::before, .products-related-header {
        margin-bottom: 20px;
        font-size: 20px;
    }
    #productsAlternative, #souvisejici {
        padding-top: 28px;
    }
    .type-detail .heureka {
        border: none !important;
        padding-top: 0 !important;
    }
    .products-block.products .p .price {
        width: 55%;
    }
}

.select2-selection, select, select.form-control {
    background-image: url("/user/documents/upload/kodovani/select.png");
    cursor: pointer;
}

.product .btn.btn-primary {
    box-shadow: none;
    border-color: #50AF34;
    background-color: #50AF34;
    color: #fff !important;
    border-radius: 6px;
    padding: 14px 44px;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.product .btn.btn-primary:hover {
    border-color: #008606;
    background-color: #008606;
}

.products-inline > div .p .p-in .p-bottom > div .p-tools .btn {
    line-height: 36px;
}

.link-icon.watchdog {
    margin: 0;
    color: #fff !important;
    padding: 0 20px;
    line-height: 46px;
}

#checkoutSidebar #consentszboziConsent + label, #checkoutSidebar #consentsheurekaConsent + label, #checkoutSidebar #consents4 + label {
    padding-left: 32px;
}

.all-votes, .all-comments {
    font-weight: 600;
    cursor: pointer;
    color: #000;
    text-decoration: underline;
    margin-top: 24px;
    padding: 0 !important;
    width: 100% !important;
    position: relative;
}

.all-votes:hover, .all-comments:hover {
    text-decoration: none;
}

/*.discussionContainer .votes-wrap {
    display: block;
}*/

.zobrazeno .votes-wrap {
    display: block;
}

.all-votes::after, .all-comments::after {
    content: url("/user/documents/upload/Images/cerna-sipka-14-dolu.svg");
    margin-left: 12px;
    position: relative;
    top: -1px;
    width: 14px;
    display: inline-block;
}

.zobrazeno .all-votes::after, .zobrazeno .all-comments::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 3px;
}
.homepage-blog-wrapper .h4 a{text-decoration: underline;}
.homepage-blog-wrapper .h4 a:hover{text-decoration: none;}
.news-item > a:not(.cely-clane){text-decoration: none !important;}
.news-item a.cely-clanek:hover{text-decoration: underline !important;}
.blog-hp, .myblog-title{display: none !important;}
@media screen and (min-width: 768px){
    .blog-wrapper {align-items: stretch;}
}