.overall-wrapper:not(.loaded):before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    display: block;
    position: fixed;
    background-color: #fff;
    content: "";
    background-image: url('https://www.bealio.cz/user/documents/gfx/headline_symbol.svg');
    background-position: top 205px center;
    background-repeat: no-repeat;
    background-size: 100px auto;
}

.overall-wrapper:not(.loaded):after {
    content: "";
    border-color: #000;
    border-right-color: transparent;
    z-index: 999991;
    position: fixed;
    left: 50%;
    top: 250px;
    display: block;
    width: 140px;
    height: 140px;
    margin-top: -70px;
    margin-left: -70px;
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    font-size: 0;
    text-indent: -9999em;
    background-clip: content-box;
    -webkit-animation: load 1s infinite linear;
    animation: load 1s infinite linear;
}

.btn.btn-conversion,
a.btn.btn-conversion,
.btn.btn-cart,
a.btn.btn-cart,
.btn.btn-primary,
a.btn.btn-primary,
.radio-wrapper.active,
.radio-wrapper:hover {
    border-color: #e5b687;
}

.btn.btn-default:hover,
a.btn.btn-default:hover,
.btn.btn-secondary:hover,
a.btn.btn-secondary:hover,
.categories.active:hover,
.btn.btn-conversion:hover,
a.btn.btn-conversion:hover,
.btn.btn-cart:hover,
a.btn.btn-cart:hover,
.btn.btn-primary:hover,
a.btn.btn-primary:hover,
.p-thumbnails .thumbnail-next:hover,
.p-thumbnails .thumbnail-prev:hover {
    border-color: #cca278;
    background-color: #cca278 !important;
}

.btn.btn-default,
a.btn.btn-default,
.btn.btn-secondary,
a.btn.btn-secondary,
.categories.active,
.quantity .increase:hover,
.quantity .decrease:hover,
.p-thumbnails .thumbnail-next,
.p-thumbnails .thumbnail-prev,
.p-thumbnails a.highlighted img {
    background-color: #e5b687;
    border-color: #e5b687;
}

a,
button,
a:before,
button:before,
a:after,
button:after {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.top-navigation-menu-trigger {
    border: 0;
    width: 36px;
    height: 48px;
    line-height: 58px;
}

.top-navigation-menu-trigger:before {
    content: '';
    background: url('https://www.bealio.cz/user/documents/gfx/header_top_sipka.svg') no-repeat;
    width: 10px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
}

.top-navigation-bar-menu li::before {
    color: transparent;
}

.project-phone {
    font-size: 13px;
}

a.project-phone::before {
    background: url('https://www.bealio.cz/user/documents/gfx/header_top_telefon.svg') no-repeat;
    content: '';
    width: 21px;
    height: 17px;
    margin-right: 5px;
}

.navigation-in>ul>li>a {
    letter-spacing: 0;
    padding: 16px;
}

.form-control,
select {
    border-color: #e7e7e7;
    height: 44px;
}

#header .search-form:before {
    display: none;
}

#header .search-form .btn {
    background-color: transparent;
    border: 0;
    min-width: auto;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 0;
    padding: 0;
}

#header .search-form .btn:before {
    display: inline-block;
    content: '';
    background: url('https://www.bealio.cz/user/documents/gfx/header_nav_search.svg') no-repeat;
    height: 21px;
    width: 21px;
    vertical-align: middle;
}

#header .search-form .btn:hover {
    background-color: transparent !important;
}

#header .search-form .form-control {
    padding: 10px;
    color: #4c4c4c;
}

#header .search-form .form-control::placeholder {
    color: #4c4c4c;
    font-size: 15px;
}

.site-msg.information .text {
    text-align: center;
}

.navigation-home-icon-wrapper::before {
    width: 17px;
    height: 17px;
    content: '';
    background: url('https://www.bealio.cz/user/documents/gfx/breadcrumb_logo_home.svg') no-repeat;
    margin-top: -9px;
}

.top-nav-button {
    border: 0;
    width: auto;
    margin-right: 18px;
}

.top-nav-button-login::before,
.btn.cart-count::before,
a.btn.cart-count::before,
.top-nav-button-account::before {
    display: block;
    content: '';
    margin: 0 auto;
}

.top-nav-button-login::before,
.responsive-tools>a[data-target="login"]::before,
.top-nav-button-account::before {
    width: 22px;
    height: 22px;
    margin-top: 2px;
    background: url('https://www.bealio.cz/user/documents/gfx/header_nav_prihlaseni.svg') no-repeat;
    content: '';
}

.btn.cart-count::before,
a.btn.cart-count::before {
    width: 24px;
    height: 24px;
    background: url('https://www.bealio.cz/user/documents/gfx/header_nav_kosik.svg') no-repeat;
}

.btn.cart-count .cart-price,
.top-nav-button>span {
    display: block;
    margin-top: 7px;
    letter-spacing: 0.6px;
}

.btn.cart-count .cart-price,
.top-nav-button {
    font-weight: 400;
}

.navigation-buttons {
    padding-top: 9px;
    white-space: nowrap;
}

.navigation-buttons>a[data-target="cart"] i {
    border: 0;
    font-size: 11px;
    line-height: 17px;
    width: 16px;
    height: 16px;
    top: 8px;
}

.navigation-buttons a:hover,
.header-top .btn.cart-count:hover .cart-price {
    color: #e5b687;
}

.btn.btn-conversion,
a.btn.btn-conversion,
.btn.btn-cart,
a.btn.btn-cart,
.btn.btn-primary,
a.btn.btn-primary,
.navigation-buttons>a[data-target="cart"] i,
.price-range>div,
.radio-wrapper::after,
.id--15 h1::after,
.navigation-in>ul>li:hover>a,
.navigation-in>ul>li.exp>a::after {
    background-color: #e5b687;
}

.newsletter {
    display: flex !important;
    background: url('https://www.bealio.cz/user/documents/gfx/subscribe_bg.jpg') center #92744f no-repeat;
    background-size: cover;
    max-width: 1128px;
    min-height: 200px;
    margin: -49px auto 0;
    overflow: hidden;
    justify-content: space-between;
    padding: 30px 53px;
}

.newsletter:before {
    display: block;
    content: 'Nezmeškejte žádné novinky či slevy!';
    font-size: 36px;
    color: #fff;
    font-family: 'Lora';
    flex: 0 38%;
    line-height: 1.2;
}

.newsletter .newsletter-header {
    display: none;
    visibility: hidden;
    height: 36px;
}

.newsletter form {
    flex: 0 530px;
    margin-top: 28px;
}

.newsletter .compact-form .form-control {
    padding-left: 33px;
    padding-right: 200px;
    height: 64px;
    border: 0;
    background-color: rgba(0, 0, 0, 0.25);
    color: #fff;
}

.newsletter .compact-form .form-control::placeholder {
    color: #fff;
}

.newsletter .compact-form .btn {
    right: 0px;
    top: 0px;
    width: 190px;
    height: 64px;
    text-transform: none;
    font-weight: 400;
}

.newsletter .btn-conversion {
    border: 0;
}

.subscribe-form::before {
    display: none;
}

.subscribe-form .validator-msg.msg-error {
    position: absolute;
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    top: 5px;
    left: 33px;
    color: #ff0000;
}

.custom-footer {
    border: 0;
    justify-content: center;
}

.custom-footer.elements-5 {
    justify-content: center;
}

.custom-footer div ul li::before {
    display: none;
}

.contact-box {
    position: unset;
}

.contact-box ul li {
    margin-bottom: 25px !important;
}

.contact-box ul a {
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 1.6;
}

.custom-footer__categories:before {
    display: block;
    font-weight: normal;
    font-family: 'Lora';
    font-size: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 34px;
    color: #24242E;
    content: 'Hlavní kategorie';
    line-height: 1.3;
}

.custom-footer__categories a b {
    font-weight: normal;
}

.custom-footer__categories a .submenu-arrow {
    display: none;
}

.custom-footer__articles:before {
    display: block;
    font-weight: normal;
    font-family: 'Lora';
    font-size: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 34px;
    color: #24242E;
    content: 'Důležité informace';
    line-height: 1.3;
}

.custom-footer__articles>h4 {
    display: none;
}

.custom-footer__articles ul li:nth-last-child(-n + 2) {
    display: none;
}

.footer-bottom {
    height: 57px;
    padding: 0;
    margin-top: 57px;
    border: 0;
}

.footer-bottom:before {
    display: block;
    content: '';
    width: 100%;
    height: 57px;
    background-color: #f9f9f9;
    position: absolute;
    left: 0;
}

.footer-bottom>* {
    z-index: 1;
}

.footer-rows {
    position: relative;
}

#footer {
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #ffffff);
    background-image: -moz-linear-gradient(top, #f9f9f9, #ffffff);
    background-image: -o-linear-gradient(top, #f9f9f9, #ffffff);
    background-image: -ms-linear-gradient(top, #f9f9f9, #ffffff);
    background-image: linear-gradient(top, #f9f9f9, #ffffff);
    border-top: 3px solid #b99e7f;
}

#footer.newsletter-active {
    margin-top: 150px !important;
}

#footer .site-name {
    position: absolute;
    top: 227px;
    left: -21px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

#footer .site-name .footer-icon {
    margin-top: 8px;
}

#footer .site-name .footer-icon:last-of-type {
    margin-left: 17px;
    margin-top: 10px;
    margin-right: 6px;
}

#footer .site-name .footer-icon img {
    max-width: 72px;
}

#footer .site-name div:nth-of-type(2) {
    order: 1;
}

#footer .contact-box {
    background: none;
    padding: 0;
}

#footer .contact-box:before {
    content: 'Kontaktujte nás';
    line-height: 1.3;
    font-family: 'Lora' !important;
    font-size: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 27px;
    font-weight: normal;
}

#footer .contact-box>strong {
    display: none;
}

#footer .contact-box img {
    max-width: 264px;
}

#footer .contact-box ul {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
}

#footer .contact-box ul li:nth-child(n+3) {
    flex: 0 0 50px;
    order: 1;
}

#footer .contact-box ul li:nth-child(n+3)>span {
    padding: 0;
}

#footer .contact-box ul li:nth-child(n+3)>span:before {
    display: none;
}

#footer .contact-box ul li:nth-child(n+3) a {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0 !important;
}

#footer .contact-box ul li:nth-child(n+3) a:before {
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background-position: center;
    background-color: #e5b687;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#footer .contact-box ul li:nth-child(n+3) a:hover:before {
    background-color: #cca278 !important;
}

#footer .contact-box ul li:nth-child(n+3) .facebook a:before {
    background-image: url('https://www.bealio.cz/user/documents/gfx/footer_socials_facebook.svg');
    background-size: 14px 17px;
}

#footer .contact-box ul li:nth-child(n+3) .instagram a:before {
    background-image: url('https://www.bealio.cz/user/documents/gfx/footer_socials_instagram.svg');
    background-size: 19px 19px;
}

#footer .contact-box ul li:nth-child(n+3) .tiktok a:before {
    background-image: url('https://www.bealio.cz/user/documents/gfx/footer_socials_tiktok.svg');
    background-size: 14px 19px;
}

#footer .contact-box ul li:nth-child(n+3) .youtube a:before {
    background-image: url('https://www.bealio.cz/user/documents/gfx/footer_socials_yt.svg');
    background-size: 20px 18px;
}

#footer .contact-box ul li:nth-child(2) {
    order: -1;
}

#footer .contact-box ul li:first-of-type {
    order: 0;
}

#footer .contact-box ul li {
    flex: 1 0 100%;
}

#footer .contact-box ul li>span a:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: '';
}

#footer .contact-box ul li>span.tel,
#footer .contact-box ul li>span.mail {
    padding-left: 60px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e5e5;
    min-width: 235px;
}

#footer .contact-box ul li>span.tel:before,
#footer .contact-box ul li>span.mail:before {
    display: block;
    position: unset;
    width: auto;
    line-height: 1.6;
    font-size: 20px;
    text-align: left;
}

#footer .contact-box ul li>span.tel a,
#footer .contact-box ul li>span.mail a {
    font-size: 15px;
}

#footer .contact-box ul li>span.tel:before {
    content: 'Infolinka';
}

#footer .contact-box ul li>span.tel a:before {
    height: 40px;
    width: 40px;
    background: url('https://www.bealio.cz/user/documents/gfx/footer_phone.svg') no-repeat;
    margin-top: 10px;
}

#footer .contact-box ul li>span.mail:before {
    content: 'E-mail';
}

#footer .contact-box ul li>span.mail a:before {
    height: 43px;
    width: 44px;
    background: url('https://www.bealio.cz/user/documents/gfx/footer_email.svg') no-repeat;
    margin-top: 11px;
    margin-left: -3px;
}

#footer ul li {
    list-style: none;
    margin-bottom: 32px;
    padding-left: 0;
}

#footer ul a {
    font-size: 15px;
}

#footer ul a:hover {
    color: #e0872d;
}

.footer-links-icons {
    display: flex;
    flex: 0 auto;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
}

.footer-icon {
    margin: 0 10px;
}

.footer-icon img {
    max-height: 47px;
}

.homepage-box.before-carousel {
    padding-top: 37px;
}

.homepage-box.middle-banners-wrapper {
    margin-top: 0;
}

h4.homepage-group-title,
.h4.homepage-group-title,
.fav-cat h4,
.benefitBanner h4,
.welcome h1,
.ratings-in .r-nadpis h4,
.custom-selector h4,
#dklab_instagram_widget h4,
.category-list-header h1,
.type-category #content>h1,
.type-page h1,
.type-page h2,
.type-post h1,
.type-post h2,
.products-related-header,
.in-zapomenute-heslo .content-wrapper h1,
.in-hodnoceni-obchodu .content-wrapper h1 {
    font-size: 36px;
    font-family: 'Lora' !important;
    font-weight: 400;
    text-align: center;
}

h4.homepage-group-title:before,
.h4.homepage-group-title:before,
.fav-cat h4:before,
.benefitBanner h4:before,
.welcome h1:before,
.ratings-in .r-nadpis h4:before,
.custom-selector h4:before,
#dklab_instagram_widget h4:before,
.category-list-header h1:before,
.type-category #content>h1:before,
.type-page h1:before,
.type-page h2:before,
.type-post h1:before,
.type-post h2:before,
.products-related-header:before,
.in-zapomenute-heslo .content-wrapper h1:before,
.in-hodnoceni-obchodu .content-wrapper h1:before {
    display: block;
    width: 35px;
    height: 33px;
    content: '';
    margin: 0 auto 17px;
    background: url('https://www.bealio.cz/user/documents/gfx/headline_symbol.svg');
}

.slick-dotted .slick-dots {
    display: none !important;
}

.fav-cat ul,
.subcategories ul {
    padding: 0;
    justify-content: space-around;
}

.fav-cat li,
.subcategories li {
    width: 16.6666667%;
    flex-wrap: nowrap;
}

.fav-cat li>div,
.subcategories li>div,
.fav-cat li>a>.image,
.subcategories li>a>.image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 135px;
    height: 135px;
    line-height: 135px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(1, 2, 2, 0.04);
    border: 2px solid #fff;
    padding: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin: 0 auto;
}

.fav-cat li>div:hover,
.subcategories li>div:hover,
.fav-cat li>a>.image:hover,
.subcategories li>a>.image:hover {
    border-color: #e5b687;
}

.fav-cat li>div:hover a,
.subcategories li>div:hover a,
.fav-cat li>a>.image:hover a,
.subcategories li>a>.image:hover a {
    color: #e5b687;
}

.fav-cat li>div>div,
.subcategories li>div>div,
.fav-cat li>a>.image>div,
.subcategories li>a>.image>div {
    position: absolute;
    top: 148px;
    width: 100%;
}

.fav-cat li>div>div a,
.subcategories li>div>div a,
.fav-cat li>a>.image>div a,
.subcategories li>a>.image>div a {
    font-size: 18px;
    font-family: 'Lora' !important;
    line-height: 1;
    font-weight: 400;
    margin-top: 0;
}

.fav-cat li>div img,
.subcategories li>div img,
.fav-cat li>a>.image img,
.subcategories li>a>.image img {
    border-radius: 76px;
}

.welcome:before {
    background: url('https://www.bealio.cz/user/documents/gfx/radost_z_krasy.png') no-repeat;
    display: block;
    content: ' ';
    width: 665px;
    height: 622px;
    max-width: 100%;
    background-size: contain;
    margin: 0 auto;
}

.welcome h1 {
    margin-bottom: 63px;
}

.welcome>div>p {
    margin-bottom: 30px;
}

.welcome>div>p:first-of-type {
    font-size: 30px;
    font-family: 'Lora' !important;
    color: #000;
    margin-bottom: 19px;
}

.welcome>div>p:first-of-type strong {
    font-weight: 400;
}

.welcome>div .btn {
    text-decoration: none;
    font-size: 16px;
    text-transform: none;
    font-weight: normal;
    padding: 0 30px;
}

.ratings-in {
    border-top: 0;
    text-align: center;
    margin-top: 0;
    padding-top: 0;
}

.ratings-in>a {
    display: inline-block;
    background-color: #e5b687;
    margin: 0 auto;
    color: #fff;
    padding: 11px 25px;
    margin-top: 32px;
}

.ratings-in>a:hover {
    background-color: #cca278;
}

.ratings-in .r-top {
    justify-content: center;
}

.ratings-in .r-nadpis {
    order: -1;
    flex: 0 100%;
    text-align: center;
}

.ratings-in .r-nadpis>div {
    display: none;
}

.ratings-in .r-number .rate-average {
    background-color: #e5b687;
    color: #fff;
    font-family: 'Lora' !important;
    font-size: 24px;
    font-weight: 400;
}

.vote-rating {
    position: absolute;
    top: -7px;
    left: 0;
    width: 100%;
}

.vote-rating .vote-time {
    display: none;
}

.r-bottom .votes-wrap {
    align-items: stretch;
    justify-content: space-between;
}

.r-bottom .vote-wrap {
    border: 1px solid #f0f0f0;
    color: #24242e;
}

.r-bottom .vote-wrap .stars {
    width: auto;
}

.r-bottom .vote-header {
    margin-top: 10px;
    margin-bottom: 16px;
    font-size: 14px;
}

.r-bottom .vote-header::before {
    display: none;
}

.r-bottom .vote-content {
    flex: 1;
    text-align: center;
    font-family: 'Lora' !important;
    font-size: 16px;
}

.r-bottom .vote-name {
    text-align: center;
    font-weight: normal;
}

.r-bottom .stars {
    position: unset;
    left: auto;
    top: auto;
    margin: auto;
    width: auto;
    background: #fff;
    padding: 0 17px;
}

.products-block.products .p {
    background-color: #fff;
}

.products-block.products .p .name {
    font-weight: 400;
    text-decoration: underline !important;
    font-size: 14px;
    text-align: center;
    height: 16px;
    line-height: 16px;
    z-index: 4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.products-block.products .p .name:hover {
    text-decoration: none;
}

.products-block.products .p .price {
    text-align: center;
}

.products-block.products .p .price strong,
.products-block.products .p .price span {
    font-family: 'Lora Bold' !important;
    font-weight: normal;
    color: #e5b687;
}

.products-block.products .p .flags-default {
    position: absolute;
    left: 10px;
    top: 14px;
    padding: 0 8px;
}

.products-block.products .p a.image {
    padding: 60px 20px 0;
    margin-bottom: 93px;
    z-index: 5;
}

.products-block.products .product {
    padding: 0;
    position: relative;
    outline: none;
}

.products-block.products .product:before {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    border: 2px solid #e5b687;
    opacity: 0;
    pointer-events: none;
}

.products-block.products .product:hover {
    z-index: 1;
}

.products-block.products .product:hover:before {
    opacity: 1;
}

.products-block.products .product .p-in {
    padding-bottom: 38px;
}

.products-block.products .product .p-in:before {
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: 0;
    background-color: #f9f9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #fff, #f9f9f9);
    background-image: -moz-linear-gradient(top, #fff, #f9f9f9);
    background-image: -o-linear-gradient(top, #fff, #f9f9f9);
    background-image: -ms-linear-gradient(top, #fff, #f9f9f9);
    background-image: linear-gradient(top, #fff, #f9f9f9);
}

.products-block.products .product .p-in .p-in-in {
    padding: 0 24px 0;
}

.products-block.products .product .p-in .p-bottom {
    position: relative;
    z-index: 1;
}

.products-block.products .product .p-in .widget-parameter-wrapper {
    max-width: 70%;
    left: 15%;
    top: -66px;
}

.products-block.products .product .p-desc,
.products-block.products .product .p-tools {
    display: none !important;
}

.products-block.products .product .availability {
    display: none;
}

.p .stars-wrapper {
    width: 100%;
    text-align: center;
    top: -28px;
}

.stars {
    width: auto;
    margin: 0 auto;
}

.stars span {
    width: 14px;
}

.stars span:before {
    font-size: 14px;
}

.header-top .oblibeneBtn:hover {
    color: #e5b687 !important;
}

.header-top .oblibeneBtn::before {
    display: block;
    content: '' !important;
    width: 22px;
    height: 19px;
    margin-top: 2px;
    background: url('https://www.bealio.cz/user/documents/gfx/header_nav_oblibene.svg') no-repeat;
    margin: 4px auto 8px !important;
}

.header-top .oblibeneBtn em {
    border: 0;
    font-size: 11px !important;
    line-height: 17px;
    width: 16px !important;
    height: 16px !important;
    top: 8px !important;
    right: 9px !important;
    background-color: #e5b687 !important;
}

.header-top .oblibeneBtn:after {
    content: 'Oblíbené';
    font-size: 13px;
    margin-top: 7px;
    display: block;
}

.menu-helper {
    top: 86px;
}

.type-index .content .products-block:not(.klasik-produkts),
.type-product .content .products-additional {
    margin-bottom: 50px !important;
}

.search-whisperer.active {
    margin-left: 0;
}

.search-whisperer.active::before,
.search-whisperer.active::after {
    display: none;
}

@media (min-width: 768px) {
    .top-navigation-bar {
        background: #f9f9f9;
        border-bottom-color: #ebebeb;
    }

    .top-navigation-bar .container>div {
        height: 36px;
        line-height: 36px;
        background-color: transparent;
    }

    .top-navigation-bar .container>div:last-child {
        display: none;
    }

    .top-navigation-bar .container>div.top-navigation-menu {
        flex: 0 200px;
    }

    .top-navigation-bar .container>div.top-navigation-contacts {
        text-align: right;
    }

    .header-top {
        height: 80px;
    }

    .header-top>div:first-of-type {
        flex-grow: 1;
        text-align: center;
    }

    .header-top>div.search {
        order: -1;
    }

    #header:after {
        height: 1px;
        border-top: 0;
        background-color: transparent;
        border-bottom-color: #ebebeb;
        box-shadow: 0 10px 20px 0px rgba(0, 0, 0, 0.04);
    }

    #header .site-name {
        padding-right: 0;
        display: inline-block;
        width: auto;
    }

    #header .site-name a {
        width: 186px;
        height: 75px;
        background: url('https://www.bealio.cz/user/documents/gfx/header_nav_logo.svg') no-repeat;
        position: relative;
        top: -16px;
        left: -4px;
    }

    #header .site-name a img {
        display: none;
    }

    #header .search-form {
        width: 219px;
    }

    #header .cart-count {
        border: 0;
        min-width: auto;
    }

    #navigation {
        border-top: 0;
        border-bottom-color: #ebebeb;
        height: 51px;
    }

    .navigation-in {
        font-size: 15px;
    }

    .navigation-in>ul>li.ext>ul {
        align-items: flex-start;
    }

    .navigation-in>ul>li.ext>ul>li>div>ul {
        height: auto;
    }

    .navigation-in>ul>li.ext>ul>li a:hover {
        color: #e0872d;
    }

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

    .navigation-in>ul>li>a,
    .submenu-arrow::after {
        color: #000;
    }

    .fitted .navigation-in ul {
        justify-content: center;
    }

    .top-nav-button::after,
    .btn.cart-count::after {
        display: none;
    }

    .custom-footer>div:not(.contact) {
        padding-right: 20px;
    }

    .copyright {
        text-align: center;
    }

    .template-11 .overall-wrapper {
        max-width: 100%;
        overflow: hidden;
    }

    .template-11 #oblibeneBtn {
        width: auto !important;
        border: 0;
        line-height: 1.8 !important;
        padding-top: 15px;
        margin-right: 25px;
    }

    #signature {
        flex: 0 0 180px;
    }

    .ordering-process .top-nav-button {
        border-right: 0;
    }

    .menu-helper::after {
        color: #000;
    }

    .fav-cat ul {
        padding-bottom: 60px;
    }

    .fav-cat li>div,
    .fav-cat li>a>.image {
        width: 152px;
        height: 152px;
        line-height: 152px;
    }

    .fav-cat li>div>div a,
    .fav-cat li>a>.image>div a {
        font-size: 20px;
        margin-top: 34px;
    }
}

@media (min-width: 992px) {
    .p-info-wrapper .p-detail-info .stars-wrapper {
        position: absolute;
        top: 70px;
        right: 0;
    }

    .r-bottom .vote-wrap {
        width: 22%;
        border: 1px solid #f0f0f0;
    }
}

@media (min-width: 1200px) {
    .top-navigation-bar .project-email {
        font-size: 13px;
        margin-left: 33px;
    }

    .top-navigation-bar .container>div.top-navigation-menu {
        flex: 0 351px;
    }

    .header-top>div {
        flex-basis: 25%;
    }

    a.project-email::before {
        background: url('https://www.bealio.cz/user/documents/gfx/header_top_email.svg') no-repeat;
        content: '';
        width: 22px;
        height: 14px;
        margin-right: 8px;
        margin-bottom: 3px;
    }

    .custom-footer {
        padding-top: 81px;
        justify-content: flex-end;
    }

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

    .custom-footer>div.contact {
        width: 25.2%;
    }

    .custom-footer>.custom-footer__categories {
        width: 21.4%;
    }

    .footer-rows .site-name {
        max-width: 340px;
    }

    .footer-rows .site-name a img {
        max-height: 111px;
    }

    .footer-rows .site-name p {
        font-size: 15px;
        margin: 8px 0 0 21px;
        line-height: 1.6;
    }
}

@media (max-width: 425px) {
    .newsletter .compact-form .form-control {
        margin-bottom: 64px;
        padding: 12px 20px;
    }

    .newsletter .compact-form .btn {
        width: 100%;
        top: 64px;
    }
}

@media (max-width: 1199px) {
    .welcome {
        text-align: center;
    }

    .welcome:before {
        margin-top: 30px;
    }

    .welcome>div {
        margin-right: 0;
    }
}

@media (max-width: 1439px) {
    .welcome:before {
        width: 500px;
        height: 467px;
        max-height: 87vw;
    }
}

@media (min-width: 1200px) {
    .custom-footer.elements-5 {
        justify-content: flex-end;
    }

    #footer .site-name .footer-icon {
        margin-top: 8px;
    }

    #footer .site-name .footer-icon:first-of-type {
        flex: 0 100%;
        margin-left: 21px;
        margin-top: 3px;
        height: 60px;
    }

    #footer .site-name .footer-icon:first-of-type img {
        max-width: 90px;
    }

    #footer .contact-box ul {
        justify-content: flex-start;
    }

    .welcome {
        min-height: 750px;
    }

    .welcome:before {
        position: absolute;
        left: 4px;
        top: 180px;
    }

    .welcome>div {
        line-height: 1.9;
        margin-left: 550px;
    }
}

@media (min-width: 1440px) {
    .header-top>div {
        flex-basis: 25%;
    }

    .header-top>div.search {
        flex-basis: 25%;
    }

    #footer .contact-box ul {
        justify-content: flex-start;
    }

    .welcome:before {
        top: 129px;
    }

    .welcome>div {
        margin-left: 717px;
    }
}

@media screen and (max-width: 479px) {
    #footer .site-name {
        width: 100%;
    }
}

@media screen and (max-width: 767px) and (min-width: 360px) {
    .top-navigation-contacts .project-email {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .header-top .oblibeneBtn {
        top: -39px !important;
        right: 168px !important;
    }

    .header-top .oblibeneBtn:after {
        display: none;
    }

    #footer .custom-footer>div:not(.contact) {
        border-bottom: 0;
    }

    #footer ul li {
        margin-bottom: 20px;
    }

    #footer .custom-footer__articles {
        margin-top: 30px;
    }

    .custom-footer>div:not(.contact) ul,
    .custom-footer>div .news-item-widget {
        display: block;
    }

    .footer-bottom {
        justify-content: center;
    }

    #footer .contact-box ul li>span.tel,
    #footer .contact-box ul li>span.mail {
        text-align: left;
    }

    a.project-phone::before {
        width: 22px;
        height: 22px;
    }

    .top-navigation-bar .project-phone {
        top: 16px;
    }

    .newsletter {
        padding: 20px;
    }

    .newsletter:before {
        font-size: 25px;
    }

    .search-whisperer ul li {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {

    .fav-cat ul,
    .subcategories ul {
        flex-wrap: wrap;
    }

    .fav-cat li,
    .subcategories li {
        flex: 0 33.333%;
        margin-bottom: 60px;
    }

    .custom-footer.elements-5 {
        text-align: center;
    }

    #footer .contact-box ul {
        max-width: 235px;
        margin: 0 auto;
    }

    #footer .site-name {
        position: relative;
        top: 0;
        left: 0;
        justify-content: center;
        margin-bottom: 30px;
    }

    #footer .site-name>a {
        margin: 0 auto;
    }

    .products-related-header,
    #productsAlternative::before {
        text-align: center;
        padding-right: 0;
    }
}

@media screen and (max-width: 766px) {

    .fav-cat li,
    .subcategories li {
        flex: 0 50%;
    }
}

@media screen and (max-width: 991px) {
    .newsletter {
        justify-content: center;
    }

    .newsletter:before {
        flex: 0 100%;
        text-align: center;
    }

    .newsletter form {
        margin-top: 14px;
    }
}

@media screen and (max-width: 1439px) {

    h4.homepage-group-title,
    .h4.homepage-group-title,
    .dkLabVisitedProductsBox h2 {
        text-align: center !important;
        padding: 0;
    }

    .welcome {
        display: flex;
        flex-direction: column;
    }

    .welcome:before {
        order: 1;
    }

    .welcome div,
    .welcome h1 {
        padding-right: 0;
    }
}

@media screen and (min-width: 1440px) {
    .welcome div {
        margin-right: 90px;
    }
}

@media screen and (max-width: 1439px) and (min-width: 1200px) {

    .cz #footer .contact-box::before,
    .sk #footer .contact-box::before {
        max-width: 180px;
    }
}

.dkLabFavouriteDiv.dklabFavStyl2 {
    top: -65px !important;
    right: 21px !important;
    z-index: 3;
}

.dkLabFavouriteDiv.dklabFavStyl2 .dkLabFavouriteControls:hover svg {
    fill: #e0872d !important;
}

.dkLabFavouriteDiv.dklabFavStyl2 .dkLabFavouriteControls svg {
    stroke: #e0872d !important;
}

.dkLabFavouriteDiv.dklabFavStyl2 .dkLabFavouriteControls.dkFavSmazat svg {
    stroke-width: 0px;
    fill: #e0872d !important;
}

#dklab_instagram_widget {
    margin-top: 100px !important;
}

#dklab_instagram_widget .dklab_instagram_widget_heading {
    padding: 2px 0 37px;
}

#dklab_instagram_widget .dklab_instagram_widget_heading .logo {
    display: none;
}

#dklab_instagram_widget .dklab_instagram_widget_heading a {
    font-size: 16px;
    color: #e0872d;
    text-decoration: underline;
}

#dklab_instagram_widget .dklab_instagram_widget_heading a:hover {
    text-decoration: none;
    opacity: 1 !important;
}

.flags-extra {
    top: 14px;
    right: 18px;
    align-items: flex-end;
}

.flags-extra .flag {
    display: block;
    width: auto;
    height: 27px;
    line-height: 27px;
    font-size: 13px;
    border-radius: 0;
    padding: 0 5px;
    font-weight: normal;
}

.flags-extra .flag .flag-text {
    font-size: 13px;
    line-height: 1;
}

.flag {
    height: 27px;
    line-height: 27px;
    padding: 0 5px;
    font-weight: normal;
    position: relative;
    color: #000;
    margin-bottom: 6px;
}

.flag:before {
    display: block;
    content: '';
    width: 8px;
    height: 27px;
    background-color: inherit;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 27'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23dbdbdb;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M301.5,407.6h-2.56a4.9,4.9,0,0,1-5,4.9l0,16a4.88,4.88,0,0,1,4.93,4.93h2.6Z' transform='translate(-293.5 -407)'/%3E%3Cpath class='cls-2' d='M299.42,433a6,6,0,0,0-4.92-4.92V412.92a6,6,0,0,0,4.92-4.92h2.08v-1h-3a5,5,0,0,1-5,5v17a5,5,0,0,1,5,5h3v-1Z' transform='translate(-293.5 -407)'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 27'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23dbdbdb;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M301.5,407.6h-2.56a4.9,4.9,0,0,1-5,4.9l0,16a4.88,4.88,0,0,1,4.93,4.93h2.6Z' transform='translate(-293.5 -407)'/%3E%3Cpath class='cls-2' d='M299.42,433a6,6,0,0,0-4.92-4.92V412.92a6,6,0,0,0,4.92-4.92h2.08v-1h-3a5,5,0,0,1-5,5v17a5,5,0,0,1,5,5h3v-1Z' transform='translate(-293.5 -407)'/%3E%3C/svg%3E");
    position: absolute;
    left: -5px;
    top: 0;
}

.flag:after {
    display: block;
    content: '';
    width: 8px;
    height: 27px;
    background-color: inherit;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 27'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23dbdbdb;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M301.5,407.6h-2.56a4.9,4.9,0,0,1-5,4.9l0,16a4.88,4.88,0,0,1,4.93,4.93h2.6Z' transform='translate(-293.5 -407)'/%3E%3Cpath class='cls-2' d='M299.42,433a6,6,0,0,0-4.92-4.92V412.92a6,6,0,0,0,4.92-4.92h2.08v-1h-3a5,5,0,0,1-5,5v17a5,5,0,0,1,5,5h3v-1Z' transform='translate(-293.5 -407)'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 27'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23dbdbdb;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M301.5,407.6h-2.56a4.9,4.9,0,0,1-5,4.9l0,16a4.88,4.88,0,0,1,4.93,4.93h2.6Z' transform='translate(-293.5 -407)'/%3E%3Cpath class='cls-2' d='M299.42,433a6,6,0,0,0-4.92-4.92V412.92a6,6,0,0,0,4.92-4.92h2.08v-1h-3a5,5,0,0,1-5,5v17a5,5,0,0,1,5,5h3v-1Z' transform='translate(-293.5 -407)'/%3E%3C/svg%3E");
    position: absolute;
    right: -5px;
    top: 0;
    -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.flag.flag-new,
.flag.flag-action {
    height: 25px;
    background-color: #fff;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 0 4px;
    box-sizing: content-box;
}

.flag.flag-new:before,
.flag.flag-action:before,
.flag.flag-new:after,
.flag.flag-action:after {
    background-image: url("data:image/svg+xml,%3Csvg id='Vrstva_1' data-name='Vrstva 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 27'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23dbdbdb;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M301.5,407.6h-2.56a4.9,4.9,0,0,1-5,4.9l0,16a4.88,4.88,0,0,1,4.93,4.93h2.6Z' transform='translate(-293.5 -407)'/%3E%3Cpath class='cls-2' d='M299.42,433a6,6,0,0,0-4.92-4.92V412.92a6,6,0,0,0,4.92-4.92h2.08v-1h-3a5,5,0,0,1-5,5v17a5,5,0,0,1,5,5h3v-1Z' transform='translate(-293.5 -407)'/%3E%3C/svg%3E");
    top: -1px;
}

.flag.flag-new:before,
.flag.flag-action:before {
    left: -5px;
}

.flag.flag-new:after,
.flag.flag-action:after {
    right: -5px;
}

.flag.flag-tip {
    background-color: #f9f9f9 !important;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.flag.flag-tip:before,
.flag.flag-tip:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Vrstva_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 27' style='enable-background:new 0 0 8 27;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F9F9F9;%7D .st1%7Bfill:%23DBDBDB;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8,0.6H5.4c0,2.7-2.2,4.9-4.9,4.9c0,0-0.1,0-0.1,0v16c2.7,0,4.9,2.1,4.9,4.8c0,0,0,0.1,0,0.1H8L8,0.6z'/%3E%3Cpath class='st1' d='M5.9,26c-0.4-2.5-2.4-4.5-4.9-4.9V5.9C3.5,5.5,5.5,3.5,5.9,1H8V0H5c0,2.8-2.2,5-5,5v17c2.8,0,5,2.2,5,5h3v-1 H5.9z'/%3E%3C/svg%3E%0A");
    top: -1px;
}

.flag.flag-tip:before {
    left: -5px;
}

.flag.flag-tip:after {
    right: -5px;
}

.flag.flag-custom2,
.flag.flag-freeshipping {
    color: #fff;
    background-color: #000 !important;
}

.flag.flag-dklabFav {
    display: none !important;
}

.flag.flag-freeshipping .icon-van {
    font-size: 13px;
    margin: 0;
    font-family: 'Nunito Sans', sans-serif !important;
}

.flag.flag-freeshipping .icon-van:before {
    display: none;
}

.flag.flag-freeshipping .icon-van:after {
    font-size: 13px;
    content: 'Doprava';
    margin-right: 4px;
    font-weight: normal;
}

.flag.flag-freeshipping .flag-text {
    text-transform: lowercase;
}

.flag.flag-discount {
    display: flex;
    width: 75px;
    height: 75px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #000;
}

.flag.flag-discount:before,
.flag.flag-discount:after {
    display: none;
}

.flag.flag-discount .price-standard,
.flag.flag-discount .price-save {
    color: #000;
    white-space: nowrap;
}

@media screen and (max-width: 850px) {
    .products-block .flags-default {
        max-height: 66px;
        overflow: hidden;
    }

    .products-block .flags-default .flag {
        margin-right: 15px;
        clear: none;
    }

    .flags-extra {
        top: auto;
        bottom: -25px;
    }

    .flags-extra .flag {
        margin-left: 10px;
    }
}

@media screen and (max-width: 767px) {
    .flags-extra .flag.flag-discount {
        width: 60px;
        height: 60px;
    }
}

@media screen and (max-width: 424px) {
    .flags-extra {
        flex-direction: column-reverse;
    }

    .flags-extra .flag.flag-discount {
        width: 45px;
        height: 45px;
    }

    .flags-extra .flag.flag-discount .price-save {
        font-size: 12px;
    }

    .flags-extra .flag.flag-discount .price-standard {
        font-size: 8px;
        white-space: nowrap;
    }
}

@media screen and (min-width: 851px) {
    .flags-extra {
        flex-direction: column;
    }
}

.slick-slider {
    max-width: calc(100vw - 110px);
    margin-left: auto !important;
    margin-right: auto !important;
}

.carousel-control {
    background: #fff url('https://www.bealio.cz/user/documents/gfx/header_banner_arr.svg') no-repeat;
    background-size: 8px 23px;
    background-position: center right;
    height: 72px;
    width: 19px;
}

.carousel-control:hover {
    background-color: #e5b687;
    background-image: url('https://www.bealio.cz/user/documents/gfx/produkty_arr.svg');
}

.carousel-control:hover::before {
    border-bottom-color: #e5b687;
}

.carousel-control:hover::after {
    border-top-color: #e5b687;
}

.carousel-control::before {
    display: block;
    content: '' !important;
    border-bottom: 36px solid #fff;
    border-right: 20px solid transparent;
    position: absolute;
    font-size: 0;
}

.carousel-control::after {
    display: block;
    content: '';
    border-top: 36px solid #fff;
    border-right: 20px solid transparent;
    position: absolute;
    left: 19px;
    bottom: 0;
    font-size: 0;
}

.carousel-control.right {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.carousel-control.right::before {
    left: 19px;
    right: auto;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.carousel-control.left::before {
    left: 19px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.slick-prev,
.slick-next {
    width: 19px !important;
    height: 72px !important;
    background: #e5b687 url('https://www.bealio.cz/user/documents/gfx/produkty_arr.svg') no-repeat;
    background-size: 8px 23px;
    background-position: center left;
}

.slick-prev:hover,
.slick-next:hover {
    background-color: #cca278 !important;
}

.slick-prev:hover::before,
.slick-next:hover::before {
    border-bottom-color: #cca278;
}

.slick-prev:hover::after,
.slick-next:hover::after {
    border-top-color: #cca278;
}

.slick-prev:before,
.slick-next:before {
    width: 0 !important;
    height: 0 !important;
    content: '' !important;
    display: block;
    content: '';
    border-bottom: 36px solid #e5b687;
    border-left: 20px solid transparent;
    position: absolute;
    right: 19px;
    top: 0;
    font-size: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.slick-prev::after,
.slick-next::after {
    display: block;
    content: '';
    border-top: 36px solid #e5b687;
    border-left: 20px solid transparent;
    position: absolute;
    right: 19px;
    font-size: 0;
}

.slick-prev {
    left: -19px !important;
}

.slick-next {
    right: -19px !important;
    -webkit-transform: translate(0, -50%) rotate(180deg) !important;
    -ms-transform: translate(0, -50%) rotate(180deg) !important;
    -o-transform: translate(0, -50%) rotate(180deg) !important;
    transform: translate(0, -50%) rotate(180deg) !important;
}

@media screen and (max-width: 1474px) {

    .slick-prev,
    .slick-next {
        top: 50% !important;
        -webkit-transform: translate(0, -50%) !important;
        -ms-transform: translate(0, -50%) !important;
        -o-transform: translate(0, -50%) !important;
        transform: translate(0, -50%) !important;
    }

    .slick-next {
        -webkit-transform: translate(0, -50%) rotate(180deg) !important;
        -ms-transform: translate(0, -50%) rotate(180deg) !important;
        -o-transform: translate(0, -50%) rotate(180deg) !important;
        transform: translate(0, -50%) rotate(180deg) !important;
    }
}

@media screen and (max-width: 850px) {
    .slick-slider {
        margin-top: 100px;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }

    .slick-prev,
    .slick-next {
        left: 52% !important;
        top: -52px !important;
    }

    .slick-prev {
        left: 48% !important;
        -webkit-transform: translate(-100%, -50%) !important;
        -ms-transform: translate(-100%, -50%) !important;
        -o-transform: translate(-100%, -50%) !important;
        transform: translate(-100%, -50%) !important;
    }

    .carousel-control {
        opacity: 0.7 !important;
    }

    .carousel-control:hover {
        opacity: 0.7 !important;
        background: #fff url('https://www.bealio.cz/user/documents/gfx/header_banner_arr.svg') no-repeat;
        background-size: 8px 23px;
        background-position: center right;
    }

    .carousel-control:hover::before {
        border-bottom-color: #fff;
    }

    .carousel-control:hover::after {
        border-top-color: #fff;
    }
}

@media screen and (max-width: 851px) {
    .slick-slider {
        margin-left: 39px;
        margin-right: 39px;
    }
}

.type-index .benefitBanner {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 100px;
    margin-top: 64px;
}

.custom-footer__banner24 {
    margin-top: 0px;
}

.benefitBanner__item,
.benefitBanner__link {
    flex-direction: column;
}

.benefitBanner__picture {
    align-self: center;
    flex: 0 0 66px;
    max-width: 70px;
}

.benefitBanner__content {
    text-align: center;
    justify-content: center;
}

.benefitBanner {
    justify-content: space-around;
}

.benefitBanner h4 {
    display: block;
    flex: 0 100%;
    margin-bottom: 69px;
}

.benefitBanner__title {
    font-size: 20px;
    font-family: 'Lora';
    font-weight: normal;
    margin-bottom: 7px;
}

.benefitBanner__data {
    font-size: 14px;
    font-family: 'NunitoSans' arial;
    line-height: 21px;
}

@media screen and (max-width: 767px) {
    .benefitBanner {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (min-width: 480px) {
    .benefitBanner__item {
        flex: 0 0 43%;
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .benefitBanner__item {
        flex: 0 1 20%;
    }

    .custom-footer__banner24 {
        margin-top: 50px;
    }
}

.custom-selector {
    overflow: hidden;
    max-width: 100%;
}

.custom-selector ul {
    display: flex;
    padding: 0;
    margin: 58px auto 80px;
    width: 92%;
}

.custom-selector ul li {
    flex: 0 0 auto;
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}

.custom-selector ul li a {
    display: block;
    font-family: 'Lora';
    font-size: 18px;
    line-height: 1;
    text-align: center;
}

.custom-selector.sizes ul li a:hover em {
    border-color: #e5b687;
    color: #e5b687;
}

.custom-selector.sizes ul li a em {
    display: block;
    width: 85px;
    height: 85px;
    border-radius: 43px;
    box-shadow: 0 0 20px rgba(1, 2, 2, 0.04);
    border: 2px solid transparent;
    font-size: 20px;
    line-height: 85px;
    font-style: normal;
    text-decoration: underline;
    margin: 0 auto 20px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.custom-selector.sizes ul li a span {
    text-decoration: none;
    font-size: 13px;
    line-height: 1;
    font-family: 'NunitoSans';
}

.custom-selector.colors li {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 84px;
}

.custom-selector.colors li a {
    min-width: 90px;
    padding-top: 102px;
    position: relative;
    text-decoration: none;
}

.custom-selector.colors li a:before {
    display: block;
    width: 87px;
    height: 87px;
    content: '';
    background: transparent;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 43px;
    border: 2px solid #e5b687;
    opacity: 0;
}

.custom-selector.colors li a:hover {
    text-decoration: none;
    color: #e5b687;
}

.custom-selector.colors li a:hover:before {
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.custom-selector.colors li.c_white {
    background-image: url('https://www.bealio.cz/user/documents/gfx/dc_white.png');
}

.custom-selector.colors li.c_blue {
    background-image: url('https://www.bealio.cz/user/documents/gfx/dc_blue.png');
}

.custom-selector.colors li.c_red {
    background-image: url('https://www.bealio.cz/user/documents/gfx/dc_red.png');
}

.custom-selector.colors li.c_pink {
    background-image: url('https://www.bealio.cz/user/documents/gfx/dc_pink.png');
}

.custom-selector.colors li.c_black {
    background-image: url('https://www.bealio.cz/user/documents/gfx/dc_black.png');
}

.custom-selector.colors li.c_purple {
    background-image: url('https://www.bealio.cz/user/documents/gfx/dc_purple.png');
}

.custom-selector.colors li.c_green {
    background-image: url('https://www.bealio.cz/user/documents/gfx/dc_green.png');
}

.custom-selector.colors li.c_mix {
    background-image: url('https://www.bealio.cz/user/documents/gfx/dc_mix.png');
}

.custom-selector.colors li.c_none {
    background-image: url('https://www.bealio.cz/user/documents/gfx/dc_none.png');
}

@media screen and (max-width: 991px) {
    .custom-selector ul {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .custom-selector ul li {
        flex: 0 0 20%;
    }
}

@media screen and (max-width: 505px) {
    .custom-selector ul li {
        flex: 0 0 33%;
    }
}

@media screen and (min-width: 768px) {
    .custom-selector ul {
        justify-content: space-around;
    }
}

.p-image-wrapper .flags.flags-default .flag {
    float: none;
    margin-left: 16px;
}

.quantity {
    border: 1px solid #f5f5f5;
    padding-right: 0;
}

.quantity .increase,
.quantity .decrease {
    border: 0 !important;
    background-color: #e5b687;
    border-radius: 11px;
    width: 21px !important;
    height: 21px !important;
}

.quantity .increase:before,
.quantity .decrease:before {
    color: #fff;
    line-height: 20px;
}

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

.quantity .decrease {
    left: 11px;
    right: auto;
    top: 14px;
}

.quantity .increase {
    left: auto;
    right: 11px;
    top: 14px;
}

.quantity input {
    width: 100%;
    height: 50px;
    text-align: center;
}

.p-detail .add-to-cart .quantity {
    border: 0;
    padding: 0 33px;
    width: 190px;
    margin-right: 11px;
}

.p-detail .add-to-cart .quantity input {
    width: 100%;
}

.p-info-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-top: 111px;
}

.p-info-wrapper>.p-short-description {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 13px;
    line-height: 1.4;
}

.p-info-wrapper .price-standard {
    color: #fff;
}

.p-info-wrapper .detail-parameters tr {
    margin-top: 20px;
}

.p-info-wrapper .detail-parameters .variant-list {
    display: flex;
    align-items: center;
}

.p-info-wrapper .detail-parameters .variant-list th {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    padding-right: 15px;
}

.p-info-wrapper .detail-parameters .variant-list select {
    width: 190px;
    height: 50px;
    margin-bottom: 0;
}

.p-info-wrapper .social-buttons-wrapper {
    padding-top: 0;
    padding-left: 2px;
    order: -2;
    margin-right: 20px;
    margin-left: 100px;
}

.p-info-wrapper .social-buttons-wrapper .share,
.p-info-wrapper .social-buttons-wrapper .print {
    display: none;
}

.p-info-wrapper .social-buttons-wrapper .link-icon {
    margin: 0;
}

.p-info-wrapper .social-buttons-wrapper .link-icon.chat {
    order: unset;
    padding-left: 30px;
    position: relative;
    line-height: 30px;
    margin-right: 17px;
}

.p-info-wrapper .social-buttons-wrapper .link-icon.chat:before {
    position: absolute;
    left: 0;
    top: 7px;
    content: '';
    width: 21px;
    height: 20px;
    background: url('https://www.bealio.cz/user/documents/gfx/ic_msg.svg') no-repeat;
}

.p-info-wrapper .social-buttons-wrapper a,
.p-info-wrapper .social-buttons-wrapper .dkFavPridat span {
    color: #e0872d;
    text-decoration: underline;
}

.p-info-wrapper .social-buttons-wrapper a:hover,
.p-info-wrapper .social-buttons-wrapper .dkFavPridat span:hover {
    text-decoration: none;
}

.p-info-wrapper .social-buttons-wrapper .dkLabFavDiv {
    margin: 0 !important;
    font-size: 13px;
}

.p-info-wrapper .link-icons .dkFavPridat,
.p-info-wrapper .link-icons .dkFavSmazat {
    display: block;
    position: relative;
    line-height: 30px;
    padding-left: 31px;
}

.p-info-wrapper .link-icons .dkFavPridat strong.heart,
.p-info-wrapper .link-icons .dkFavSmazat strong.heart {
    position: absolute;
    left: 0;
    top: 4px;
    display: inline-block;
    width: 22px;
    height: 19px;
}

.p-info-wrapper .link-icons .dkFavPridat strong.heart:before,
.p-info-wrapper .link-icons .dkFavSmazat strong.heart:before {
    display: block;
    content: '';
    width: 22px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Vrstva_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 19' style='enable-background:new 0 0 22 19;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E0872D;%7D%0A%3C/style%3E%3Cpath class='st0' d='M15.9,0.4c-1.5,0-2.9,0.6-4,1.7l-0.7,0.7l-0.7-0.7c-2.1-2.4-5.6-2.6-8-0.5s-2.6,5.6-0.5,8 c0,0.2,9.1,9.2,9.1,9.2l8.8-8.7c1.1-1.1,1.7-2.5,1.7-4C21.6,3,19.1,0.5,15.9,0.4L15.9,0.4z M19.3,9.6L19.3,9.6l-8.2,8.1L11,17.6 l-8-8c-1-1-1.5-2.2-1.5-3.5c0-2.7,2.2-4.8,4.8-4.8l0,0c1.3,0,2.5,0.5,3.4,1.4L11.1,4c0.1-0.1,1.3-1.3,1.3-1.3c1.9-1.9,5-1.9,6.9,0 S21.2,7.7,19.3,9.6L19.3,9.6z'/%3E%3C/svg%3E%0A");
}

.p-info-wrapper .link-icons .dkFavSmazat {
    color: #e0872d;
}

.p-info-wrapper .link-icons .dkFavSmazat strong.heart:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Vrstva_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 19' style='enable-background:new 0 0 22 19;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E0872D;%7D%0A%3C/style%3E%3Cpath class='st0' d='M15.9,0.4c-1.5,0-2.9,0.6-4,1.7l-0.7,0.7l-0.7-0.7c-2.1-2.4-5.6-2.6-8-0.5s-2.6,5.6-0.5,8 c0,0.2,9.1,9.2,9.1,9.2l8.8-8.7c1.1-1.1,1.7-2.5,1.7-4C21.6,3,19.1,0.5,15.9,0.4L15.9,0.4z'/%3E%3C/svg%3E%0A");
}

.p-info-wrapper .p-detail-info {
    display: inline;
    order: -1;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.4;
}

.p-info-wrapper .p-detail-info span {
    font-size: 13px;
    line-height: 31px;
}

.p-info-wrapper .addit-info {
    display: flex;
    flex-direction: row;
    flex: 0 75%;
    order: 2;
    margin: 0;
    line-height: 1.4;
    position: relative;
    z-index: 1;
    color: #000;
}

.p-info-wrapper .addit-info tr {
    display: flex;
    flex: 0 33.33333%;
    flex-direction: row;
    align-items: center;
}

.p-info-wrapper .addit-info tr a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.p-info-wrapper .addit-info .zaruka a,
.p-info-wrapper .addit-info .darek a,
.p-info-wrapper .addit-info .vymena a {
    text-decoration: none !important;
}

.p-info-wrapper .addit-info .zaruka a:before,
.p-info-wrapper .addit-info .darek a:before,
.p-info-wrapper .addit-info .vymena a:before {
    display: inline-block;
    content: '';
    margin-right: 8px;
    vertical-align: middle;
    float: left;
}

.p-info-wrapper .addit-info .darek a:before {
    width: 27px;
    height: 30px;
    min-width: 27px;
    min-height: 30px;
    background: url('https://www.bealio.cz/user/documents/gfx/infobox_darek.svg') no-repeat;
}

.p-info-wrapper .addit-info .zaruka a:before {
    width: 22px;
    height: 29px;
    min-width: 22px;
    min-height: 29px;
    background: url('https://www.bealio.cz/user/documents/gfx/infobox_zaruka.svg') no-repeat;
}

.p-info-wrapper .addit-info .vymena a:before {
    width: 34px;
    height: 28px;
    min-width: 34px;
    min-height: 28px;
    background: url('https://www.bealio.cz/user/documents/gfx/infobox_vymena.svg') no-repeat;
}

.p-info-wrapper .price-final {
    font-size: 36px;
    font-family: 'Lora';
    font-weight: 900;
    color: #fff;
}

.p-info-wrapper .btn.btn-conversion {
    width: 192px;
    height: 52px;
    background-color: #289672;
    font-size: 16px;
    color: #fff;
    text-transform: none;
    font-weight: normal;
}

.p-info-wrapper .btn.btn-conversion:before {
    content: none;
}

.p-info-wrapper .btn.btn-conversion:hover {
    background-color: #29bb89 !important;
    border-color: #29bb89;
}

.p-info-wrapper .availability-value,
.p-info-wrapper .addit-info {
    margin-top: 15px;
}

.p-info-wrapper .availability-value {
    display: flex;
    align-items: center;
    flex: 0 25%;
    font-size: 13px;
    line-height: 1.4;
    padding-left: 20px;
    order: 1;
    position: relative;
    z-index: 1;
    min-height: 20px;
}

.p-info-wrapper .availability-value>span {
    line-height: 1.4;
}

.p-info-wrapper .availability-value .availability-label {
    font-size: 13px;
    color: #000 !important;
    font-weight: normal;
    white-space: nowrap;
}

.p-info-wrapper .availability-value .availability-label.skladem {
    color: #289672 !important;
    font-weight: bold;
}

.p-info-wrapper .availability-value .availability-label.skladem:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    background: url('https://www.bealio.cz/user/documents/gfx/infobox_skladem.svg') no-repeat;
    margin-right: 2px;
    vertical-align: middle;
}

.p-detail-inner-header {
    flex: 0 100%;
    order: -4;
}

.p-detail-inner-header h1 {
    font-size: 36px;
    font-family: 'Lora';
    font-weight: normal;
    margin-bottom: 15px;
}

.p-short-description {
    order: -3;
    line-height: 1.4;
    font-size: 13px;
}

.p-short-description>p {
    display: block;
}

.p-short-description>p.vice-info {
    display: inline-block;
    font-size: 13px;
    margin: 0;
    position: absolute;
}

.p-short-description>p.vice-info a {
    display: inline-block;
    width: 83px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 30px;
    margin-right: 15px;
    color: #e0872d;
}

.p-short-description>p.vice-info a:after {
    display: none;
}

.p-short-description>p.vice-info a:before {
    display: inline-block;
    width: 13px;
    height: 7px;
    content: '';
    background: url('https://www.bealio.cz/user/documents/gfx/ic_arr_d.svg') no-repeat;
    margin-right: 10px;
}

.buy-box {
    background-color: #e5b687;
    flex: 0 100%;
    padding: 25px 14px 30px;
    position: relative;
}

.buy-box:after {
    display: block;
    width: 100%;
    height: 70px;
    content: '';
    background-color: #f6f6f6;
    position: absolute;
    left: 0;
    top: 100%;
}

.buy-box .add-to-cart {
    width: 100%;
    flex-wrap: nowrap;
}

.buy-box .p-final-price-wrapper {
    width: 100%;
}

.shp-tabs-row {
    display: none;
}

.type-product #description:before {
    display: block;
    width: 35px;
    height: 33px;
    content: '';
    margin: 0 auto 17px;
    background: url('https://www.bealio.cz/user/documents/gfx/headline_symbol.svg');
}

.type-product .description-inner {
    position: relative;
}

.type-product .description-inner:before {
    padding-bottom: 50px;
}

.type-product .description-inner:before,
.type-product #productsAlternative:before {
    display: block;
    content: 'Detailní informace';
    position: relative;
    width: 100%;
    max-width: 1100px;
    font-size: 36px;
    font-family: 'Lora' !important;
    font-weight: 400;
    text-align: center;
    color: #000;
    top: 0;
}

.type-product #productsAlternative {
    position: relative;
}

.type-product #productsAlternative:before {
    max-width: none;
    content: 'Hodí se k tomuto produktu';
    background: url('https://www.bealio.cz/user/documents/gfx/headline_symbol.svg') center top no-repeat;
    background-size: 35px 35px;
    padding-top: 50px;
}

.type-product .tab-popis,
.type-product .tab-parametry {
    display: none !important;
}

.basic-description {
    margin-top: -15px;
}

.basic-description p,
article p,
.news-item-detail p {
    line-height: 1.9;
    margin-bottom: 30px;
}

.popis-nadpis,
.extended-description h3 {
    font-size: 30px;
    font-weight: normal;
    font-family: 'Lora' !important;
}

.popis-nadpis {
    margin-bottom: 27px;
}

.extended-description {
    border: 1px solid #e9e9e9;
    padding: 0 32px 37px;
}

.extended-description .detail-parameters th {
    padding-left: 0;
}

.extended-description .detail-parameters td {
    padding-right: 0;
}

.extended-description .detail-parameters .question-tooltip {
    border-color: #e5b687;
    background-color: #e5b687;
}

.extended-description h3 {
    width: auto;
    display: inline-block;
    position: relative;
    top: -16px;
    background: #fff;
    padding: 0 18px;
    margin: 0 0 0 -19px;
}

.produkt-kat h5 {
    font-family: 'Lora' !important;
    font-weight: normal;
}

.produkt-kat a {
    color: #e0872d;
}

.produkt-kat a:before {
    color: #000;
}

.related-yes #productsAlternative {
    border-top: 0;
}

.social-buttons-wrapper {
    border: 0;
}

@media screen and (max-width: 424px) {
    .buy-box {
        flex: 100%;
    }

    .buy-box .add-to-cart {
        flex-wrap: wrap;
    }

    .buy-box .add-to-cart .quantity,
    .buy-box .add-to-cart .btn.btn-conversion {
        width: 100%;
        margin: 0;
        border: 0;
    }
}

@media screen and (max-width: 479px) {
    .p-detail .add-to-cart .quantity {
        position: relative;
        bottom: auto;
    }
}

@media screen and (max-width: 767px) {

    .products-related-header,
    #productsAlternative::before {
        padding-right: 0;
    }

    #tab-content>div:not(.otevreno)>*:not(.tab-mobil),
    #tab-content>ul:not(.otevreno)>*:not(.tab-mobil) {
        display: block !important;
    }

    .p-image-wrapper .flags-extra .flag.flag-freeshipping {
        width: auto;
        height: 27px;
        margin-bottom: 0;
    }

    .slick-slider {
        margin-left: -12px;
        margin-right: -12px;
    }
}

@media (max-width: 460px) {
    .p-info-wrapper .social-buttons-wrapper {
        margin-left: 0;
        margin-top: 30px;
    }
}

@media (min-width: 768px) {
    .p-image-wrapper .flags-extra .flag.flag-freeshipping {
        width: auto;
        height: 27px;
        border-radius: 0;
    }

    .p-image-wrapper .flags-extra .flag.flag-freeshipping .icon-van {
        font-size: 13px;
    }
}

@media (max-width: 991px) {
    .buy-box {
        margin-top: 24px;
    }
}

@media (min-width: 992px) {
    .description-inner {
        max-width: 1100px;
        margin: 0 auto;
    }

    .p-image-wrapper .flags.flags-default {
        top: 66px;
        left: 100%;
        margin-left: 18px;
        white-space: nowrap;
    }

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

    .p-info-wrapper .detail-parameters tr {
        margin-top: 33px;
    }
}

@media (min-width: 1199px) {

    .type-product .description-inner:before,
    .type-product #productsAlternative:before {
        left: 0;
    }
}

@media (max-width: 1199px) {
    .p-info-wrapper {
        padding-bottom: 60px !important;
    }

    .p-info-wrapper .addit-info {
        position: absolute;
        bottom: 0;
        margin-top: 0;
        flex: 0 100%;
        flex-wrap: wrap;
        width: -moz-calc(76%);
        width: -webkit-calc(76%);
        width: calc(100% - 24px);
    }

    .p-info-wrapper .addit-info tr {
        flex: 0 50%;
        min-height: 46px;
    }

    .p-info-wrapper .addit-info tr.zaruka {
        flex: 0 100%;
        padding-left: 50%;
    }

    .p-info-wrapper .addit-info tr:nth-of-type(2n) {
        padding-left: 20px;
    }

    .buy-box:after {
        height: 100px;
    }

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

@media (min-width: 1200px) {
    .basic-description {
        width: calc(100% - 463px);
    }

    .extended-description {
        width: 463px;
    }
}

@media (max-width: 1439px) {
    .buy-box .p-final-price-wrapper {
        margin-bottom: 24px;
    }
}

@media (min-width: 1440px) {
    .buy-box .add-to-cart {
        width: 393px;
    }

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

@media (max-width: 320px) {
    .p-info-wrapper .availability-value {
        padding-left: 15px;
    }

    .p-info-wrapper .addit-info tr {
        padding-left: 10px;
        padding-right: 15px;
    }

    .p-info-wrapper .addit-info tr.zaruka {
        padding-left: calc(50% + 17px);
    }

    .p-info-wrapper .addit-info tr:nth-of-type(2n) {
        padding-left: 10px;
        padding-right: 0;
    }
}

.type-category .category-list-header {
    position: relative;
    margin-bottom: 47px;
    padding-bottom: 30px;
}

.type-category .category-list-header.with-subcategories {
    padding-bottom: 0;
    margin-bottom: 0;
}

.type-category .category-list-header.with-subcategories:before {
    bottom: 50px;
}

.type-category .category-list-header:before {
    display: block;
    content: '';
    width: 100%;
    height: calc(100% - 186px);
    background-color: #f9f9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #fff, #f9f9f9);
    background-image: -moz-linear-gradient(top, #fff, #f9f9f9);
    background-image: -o-linear-gradient(top, #fff, #f9f9f9);
    background-image: -ms-linear-gradient(top, #fff, #f9f9f9);
    background-image: linear-gradient(top, #fff, #f9f9f9);
    position: absolute;
    left: 0;
    bottom: 0;
}

.type-category .category-list-header h1 {
    margin-bottom: 25px !important;
}

.type-category .category-list-header .cat-perex {
    max-width: 785px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

.type-category .category-list-header .cat-perex.empty-content-category h2 {
    font-size: 24px;
    font-family: 'Lora' !important;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 21px;
    text-align: center;
}

.type-category .category-list-header .cat-perex.empty-content-category p {
    text-align: center;
}

.type-category .category-list-header .cat-perex.empty-content-category p:first-of-type {
    font-size: 16px;
    float: none;
    margin-bottom: 30px;
}

.type-category .category-list-header .cat-perex img {
    max-width: none;
    margin-right: 40px;
}

.type-category .category-list-header .cat-perex p:first-of-type {
    float: left;
}

.type-category .category-list-header .container {
    position: relative;
}

.subcategories {
    width: 100%;
    justify-content: center;
    margin-bottom: 21px;
    margin-left: 0;
    margin-right: 0;
}

.subcategories:before,
.subcategories:after {
    display: none;
}

.subcategories.with-image li a {
    display: block;
    height: auto;
}

.subcategories.with-image li a .image,
.subcategories.with-image li a .text {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.subcategories.with-image li a:hover .image {
    border-color: #e5b687;
}

.subcategories.with-image li a:hover .text {
    text-decoration: none;
    color: #e5b687;
}

.subcategories.with-image li a .image {
    display: block;
    width: 135px;
    height: 135px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(1, 2, 2, 0.04);
    border: 2px solid #fff;
    line-height: 135px;
    padding: 0;
    margin: 0 auto 25px;
    overflow: hidden;
}

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

.subcategories.with-image li a .text {
    width: 100%;
    text-align: center;
    font-size: 19px;
    font-family: 'Lora' !important;
    font-weight: normal;
    text-decoration: underline;
}

.subcategories ul {
    padding: 0 0 60px;
    justify-content: space-around;
}

.subcategories li {
    padding: 0;
}

.subcategories li a {
    border: 0;
    box-shadow: none;
}

.advanced-parameter-inner {
    box-shadow: none;
}

@media (max-width: 767px) {
    .type-category .breadcrumbs-wrapper #navigation-first {
        display: none;
    }

    .type-category .category-list-header .cat-perex {
        max-width: 100%;
        flex-wrap: wrap;
        padding: 0 12px;
        text-align: center;
    }

    .type-category .category-list-header .cat-perex p {
        flex: 0 100%;
    }

    .type-category .category-list-header .cat-perex p:first-of-type {
        float: none;
    }

    .type-category .category-list-header .cat-perex p img {
        margin-right: 0;
    }
}

@media screen and (min-width: 768px) {
    .subcategories.with-image li a .image {
        width: 152px;
        height: 152px;
        line-height: 152px;
    }
}

@media screen and (max-width: 991px) {
    .category-header form.otevreno {
        z-index: 1000;
    }
}

@media (min-width: 1200px) {
    .type-category .content-wrapper>.category-title {
        margin-bottom: 300px;
    }

    .type-category .category-list-header.with-subcategories:before {
        bottom: 175px;
    }
}

.type-page .head,
.type-post head {
    margin-bottom: 80px;
}

.type-page .breadcrumbs-wrapper,
.type-post .breadcrumbs-wrapper {
    position: relative;
}

.type-page .breadcrumbs-wrapper:after,
.type-post .breadcrumbs-wrapper::after {
    display: none;
    content: '';
    width: 100%;
    height: 736px;
    background-color: #f9f9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #fff, #f9f9f9);
    background-image: -moz-linear-gradient(top, #fff, #f9f9f9);
    background-image: -o-linear-gradient(top, #fff, #f9f9f9);
    background-image: -ms-linear-gradient(top, #fff, #f9f9f9);
    background-image: linear-gradient(top, #fff, #f9f9f9);
    position: absolute;
    top: 100%;
    z-index: -1;
}

.type-page .content-wrapper,
.type-post .content-wrapper {
    background-color: transparent;
}

.type-page.in-doprava-a-platba .content-inner,
.type-page.in-o-nas .content-inner,
.type-page.in-pece-o-sperky .content-inner,
.type-page.in-elegantni-darkove-krabicky-zdarma .content-inner {
    max-width: none;
    text-align: center;
}

.type-page .content-wrapper-in,
.type-post .content-wrapper-in {
    min-height: 600px;
}

.type-page .content-wrapper-in .sidebar,
.type-post .content-wrapper-in .sidebar {
    display: none;
}

.type-page .content-inner,
.type-post .content-inner {
    max-width: none;
    margin: 0 auto;
    text-align: left;
}

.type-page .content-inner .btn,
.type-post .content-inner .btn {
    background-color: #e5b687;
    border-color: #e5b687;
    text-transform: none;
    color: #fff;
    font-size: 16px;
    padding: 0 30px;
    font-weight: normal;
}

.type-page .content-inner .btn:hover,
.type-post .content-inner .btn:hover {
    border-color: #cca278;
    background-color: #cca278 !important;
}

.type-page h3,
.type-post h3 {
    font-size: 24px;
    font-family: 'Lora' !important;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 21px;
}

.type-post .text>div>h3 {
    margin-top: 0 !important;
}

.type-page article>div>div,
.type-post .text>div>div {
    max-width: 100%;
    margin: 0 auto;
}

.type-page article>div>div.body-banners,
.type-post .text>div.body-banners {
    max-width: none;
    margin-bottom: 40px;
    margin-top: 40px;
}

.type-page article>div>div.with_img,
.type-post .text>div.with_img {
    display: flex;
    width: 100%;
    max-width: 914px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.type-page article>div>div.with_img h3,
.type-post .text>div.with_img h3 {
    line-height: 1.2;
    margin-top: 19px;
    margin-bottom: 27px;
}

.type-page article>div>div.with_img:after,
.type-post .text>div.with_img:after {
    display: block;
    content: '';
    clear: both;
}

.type-page p a,
.type-post p a {
    color: #e5b687;
}

.type-page .head img,
.type-post .head img {
    display: block;
    margin: 0 auto;
}

.in-pece-o-sperky .breadcrumbs-wrapper:after {
    display: block;
    height: 770px;
}

.in-pece-o-sperky .head img {
    margin-top: 40px;
    position: relative;
    left: 19px;
}

.in-elegantni-darkove-krabicky-zdarma .breadcrumbs-wrapper:after {
    display: block;
    height: 970px;
}

.in-elegantni-darkove-krabicky-zdarma .head {
    margin-bottom: 100px;
}

.in-elegantni-darkove-krabicky-zdarma .head img {
    margin-top: 40px;
}

.in-o-nas .breadcrumbs-wrapper:after {
    display: block;
    height: 570px;
}

.in-doprava-a-platba .breadcrumbs-wrapper:after {
    display: block;
    height: 845px;
}

table.styled,
table.doprava {
    margin: 0 auto;
    max-width: 100%;
    font-size: 18px;
}

table.styled th,
table.doprava th,
table.styled td,
table.doprava td {
    border: 1px solid #dae6da;
}

table.styled th,
table.doprava th {
    font-size: 16px;
    line-height: 46px;
    font-weight: 400;
    text-align: left;
    padding-left: 44px;
    border-bottom: 0;
}

table.styled td,
table.doprava td {
    text-align: left;
    vertical-align: top;
    background: #fff;
}

table.styled td p,
table.doprava td p {
    line-height: 32px;
}

.in-doprava-a-platba h1 {
    margin-bottom: 52px !important;
}

.in-doprava-a-platba h2 {
    margin-bottom: 22px;
}

.in-doprava-a-platba h2+p {
    font-size: 16px;
    margin-bottom: 32px;
    margin-top: -10px;
}

.in-doprava-a-platba h2+table {
    margin-top: 40px;
}

.in-doprava-a-platba table {
    margin-bottom: 63px;
}

.in-doprava-a-platba table.doprava th {
    line-height: 20px;
}

.in-doprava-a-platba table h3 {
    font-size: 24px;
    margin-bottom: 14px;
    font-family: 'Lora' !important;
    font-weight: normal;
}

.in-doprava-a-platba table td {
    padding-left: 37px;
    padding-bottom: 12px;
    padding: 25px;
    border: 1px solid #dae6da;
}

.in-doprava-a-platba table td>p {
    font-size: 16px;
    line-height: 1.9;
}

.in-doprava-a-platba table td.logo:before {
    display: block;
    vertical-align: middle;
    content: '';
    width: 37px;
    height: 37px;
    margin: 0 auto 20px;
}

.in-doprava-a-platba table td.logo.zasilkovna:before {
    top: 24px;
    background: url('https://www.bealio.cz/user/documents/gfx/zasilkovna.svg') no-repeat;
}

.in-doprava-a-platba table.doprava th,
.in-doprava-a-platba table.doprava td {
    text-align: center;
    padding: 0;
}

.in-doprava-a-platba table.doprava th:first-of-type {
    text-align: left;
}

.in-doprava-a-platba table.doprava td {
    width: auto;
    vertical-align: middle;
    height: 87px;
    font-size: 16px;
    line-height: 24px;
}

.in-doprava-a-platba table.doprava td:first-of-type {
    font-size: 18px;
    text-align: left;
}

.in-doprava-a-platba table.doprava td:first-of-type span {
    font-size: 16px;
}

.in-doprava-a-platba .zasilkovna_info {
    position: relative;
    font-size: 16px;
    text-align: left;
    color: #000;
}

.in-doprava-a-platba .zasilkovna_info>span {
    display: block;
    font-size: 24px;
    margin-bottom: 22px;
    font-family: 'Lora' !important;
}

.in-doprava-a-platba .zasilkovna_info p {
    margin-bottom: 38px;
    line-height: 1.9;
}

.in-doprava-a-platba .zasilkovna_info>a {
    display: block;
    width: 100%;
    max-width: 692px;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    .in-doprava-a-platba .zasilkovna_info {
        text-align: center;
    }

    .in-doprava-a-platba table.styled td {
        border-top: 0;
    }

    .in-doprava-a-platba table.styled td:first-of-type {
        border-top: 1px solid #dae6da;
    }

    .in-doprava-a-platba table.doprava th {
        padding: 15px;
    }

    .in-doprava-a-platba table td.logo {
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .in-doprava-a-platba table.doprava th {
        line-height: 30px;
    }
}

@media (min-width: 1200px) {
    .in-doprava-a-platba table.doprava th {
        padding: 20px;
        line-height: 30px;
    }

    .in-doprava-a-platba table.doprava th:first-of-type {
        padding-left: 44px;
    }

    .in-doprava-a-platba table td {
        width: 33.33%;
        padding: 18px 10px 19px 37px;
        border-top: 1px solid #dae6da;
    }

    .in-doprava-a-platba table td.logo {
        position: relative;
        padding: 20px;
    }

    .in-doprava-a-platba table td.logo:before {
        position: absolute;
        left: 44px;
    }

    .in-doprava-a-platba table td.logo.zasilkovna {
        padding-left: 97px;
    }

    .in-doprava-a-platba table td.logo.zasilkovna:before {
        top: 24px;
        background: url('https://www.bealio.cz/user/documents/gfx/zasilkovna.svg') no-repeat;
    }

    .in-doprava-a-platba .zasilkovna_info {
        padding: 48px 120px 47px 55%;
    }

    .in-doprava-a-platba .zasilkovna_info>a {
        position: absolute;
        width: 517px;
        height: 484px;
        left: 7%;
        top: 0;
    }
}

.in-o-nas h1 {
    margin-bottom: 41px !important;
}

.in-hodnoceni-obchodu .content-inner {
    margin: 0 auto;
}

.in-zapomenute-heslo .content-inner {
    margin: 0 auto;
    text-align: center;
}

.in-zapomenute-heslo .login-wrapper {
    justify-content: center;
}

@media (max-width: 767px) {

    .type-page .breadcrumbs-wrapper,
    .type-post .breadcrumbs-wrapper {
        display: none;
    }

    .type-page .content-wrapper-in,
    .type-post .content-wrapper-in {
        padding-top: 40px;
    }
}

@media (max-width: 1200px) {
    table.styled {
        width: auto;
    }

    table.styled td {
        display: block;
    }
}

@media (min-width: 1200px) {
    table.styled:before {
        display: block;
        content: '';
        width: 179px;
        height: 158px;
        background: url('https://www.bealio.cz/user/documents/gfx/tbl_left.png') no-repeat;
        position: absolute;
        top: 50%;
        transform: translateY(-42%);
        left: -179px;
    }

    table.styled:after {
        display: block;
        content: '';
        width: 113px;
        height: 224px;
        background: url('https://www.bealio.cz/user/documents/gfx/tbl_right.png') no-repeat;
        position: absolute;
        top: 50%;
        transform: translateY(-43%);
        right: -114px;
    }

    table.styled,
    table.doprava {
        width: 1146px;
        position: relative;
    }

    .type-page .content-inner,
    .type-post .content-inner {
        max-width: none;
        text-align: center;
    }

    .in-obchodni-podminky .content-inner,
    .in-odstoupeni-od-smlouvy .content-inner,
    .in-podminky-ochrany-osobnich-udaju .content-inner,
    .in-zaruka-a-reklamace .content-inner,
    .in-kontakty .content-inner {
        max-width: 800px;
        text-align: left;
    }
}

@media screen and (min-width: 1440px) {
    .in-doprava-a-platba .zasilkovna_info>a {
        left: 179px;
    }
}

@media screen and (max-width: 991px) {

    .type-page article>div>div.with_img,
    .type-post .text>div.with_img {
        flex-direction: column;
    }

    .type-page article>div>div.with_img img,
    .type-post .text>div.with_img img {
        order: 1;
    }
}

@media screen and (min-width: 992px) {

    .type-page article>div>div.with_img,
    .type-post .text>div.with_img {
        text-align: left;
    }

    .type-page article>div>div.with_img>div,
    .type-post .text>div.with_img>div {
        max-width: 367px;
    }

    .type-page article>div>div.with_img>img+div,
    .type-page article>div>div.with_img>div+img,
    .type-post .text>div.with_img>img+div,
    .type-post .text>div.with_img>div+img {
        margin-left: auto;
    }

    .type-page .content-inner .head p,
    .type-post .content-inner .head p {
        max-width: 455px;
        margin-left: auto;
        margin-right: auto;
    }
}

.in-kosik #dklabFavContainer {
    display: flex;
    flex-direction: column;
}

.in-kosik .products-block {
    border: 0 !important;
}

.in-kosik .products {
    padding: 0 !important;
    justify-content: center;
}

.in-kosik .products>div {
    padding: 0 !important;
    border-color: #E4E4E4 !important;
}

.in-kosik .products .product {
    border-top: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}

.in-kosik .products .product:first-of-type {
    border-left: 1px solid #E4E4E4;
}

.in-kosik .products .product .p {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cart-inner .contact-box {
    position: relative;
}

.cart-inner .contact-box img {
    max-width: 65px;
}

.cart-widget-product-amount {
    width: 110px;
}

.discount-coupon:not(.uplatneno) form .btn {
    height: 36px;
    line-height: 36px;
}

.country-flags {
    height: 44px;
}

.ordering-process #header {
    margin-bottom: 28px;
}

.ordering-process #header .site-name a {
    background: none;
    top: 12px;
}

.ordering-process #header .site-name a img {
    display: block;
}

.in-kosik h2.dklabFavHead,
.template-12 .cart-window h2.dklabFavHead,
.template-09 .cart-window h2.dklabFavHead,
.template-07 .cart-window h2.dklabFavHead {
    color: #000 !important;
}

.dklabFavHead:before {
    display: none !important;
}

@media screen and (min-width: 768px) {
    .cart-table .p-quantity {
        width: 10%;
    }

    .id--16 a.project-phone::before,
    .id--17 a.project-phone::before {
        top: 3px;
        display: inline-block;
    }
}

@media (max-width: 1200px) {
    .in-kosik .products {
        justify-content: flex-start;
    }

    .in-kosik .products .product:nth-of-type(odd) {
        border-left: 1px solid #E4E4E4;
    }

    .in-kosik .products .product:nth-of-type(n+3) {
        border-top: 0;
    }
}

.empty-content-404 {
    text-align: center;
    padding-left: 0;
}

.empty-content-404:before {
    position: relative;
    top: 0;
    left: auto;
}

.empty-content-404 h2:before {
    display: none;
}

@media screen and (max-width: 767px) {
    .empty-content-404::before {
        margin-left: 0;
    }
}

@media screen and (max-width: 991px) {
    .empty-content-404 h1 {
        margin-top: 44px;
    }
}

@media screen and (max-width: 1439px) {
    .empty-content-404 {
        padding: 0;
    }
}

.type-post h1,
.type-post h2,
.type-post h3 {
    font-family: 'Nunito Sans', sans-serif !important;
}