.product-list {
    position: relative;
}

@media (min-width: 768px) {
    .product-list {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
    }
}

.product-list > * {
    margin-bottom: 20px;
}

.product-list .productListLoading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.1);
    display: none;
    height: 100%;
    width: 100%;
}

.product .image {
    position: relative;
}

.product .image > a {
    border-bottom: 1px solid #e2e2e2;
}

.product .image .slick-arrow {
    z-index: 1;
}

.product .in-cart {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    padding: 10px 10px;
}

.product .in-cart i {
    margin-left: 8px;
}

.product .visualAttributes {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    z-index: 1;
    border-top: 1px solid #e2e2e2;
    min-height: 36px;
}

.product .visualAttributes .option {
    top: -1px;
    position: relative;
    display: block;
    padding: 4px 5px;
    margin: 5px 5px 0 0;
    border: 1px solid transparent;
    height: 30px;
    background-color: white;
    cursor: pointer;
}

body.language-7 .product .visualAttributes .option {font-size: 11px;}

.product .visualAttributes .option.active,
.product .visualAttributes .option:hover {
    border: 1px solid #e2e2e2;
    border-top-color: transparent !important;
    margin-top: 0;
    padding-top: 9px;
    height: 35px;
}

.product .visualAttributes .option.gray-border {
    border: 1px solid #e2e2e2;
}

.product .visualAttributes .option.white-color,
.bg-color.white-color {
    color: white;
}

.product .visualAttributes .option.black-color,
.bg-color.black-color {
    color: black;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.product .visualAttributes .option:first-child {
    border-left: none !important;
}

.product .visualAttributes .option.cancel {
    padding-left: 8px;
    padding-right: 8px;
}

.product .visualAttributes .icon-cross2 {
    position: relative;
    font-size: 8px;
    opacity: 0.4;
}

.product .wrap form,
.product .wrap form .image a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.product .shortDescription {
    text-align: center;
    height: 70px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 13px;
}

.product .shortDescription,
.product .name a {
    padding: 0 8px;
}

.product .category,
.product .noVatPrice,
.product .inputs {
    display: none;
}

.product .oldPrice {display: block;color: gray;text-decoration: line-through;width: 25%;font-weight: lighter;}


.product .name a,
.product .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    line-height: 22px;
    font-size: 16px;
    color: #D00070;
    text-align: center;
}

.product .name a {
    text-decoration: underline;
    font-weight: bold;
    -ms-flex-align: unset;
    align-items: unset;
    margin: 20px auto;
}

.product-list .product .wrap{
    height: 100%;
}

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

.product .price {
    font-weight: bold;
}

.product .delivery {
    color: green;
}


body.language-23 .product .delivery {padding: 0px 10px;}

/* 3.12.2019 1) Můžete prosím zrušit datum doručení na eshopu? Dočasně? Příští rok bychom již přidali. Děkuji
*/
body.language-7 .product .delivery .expedition {display: none;padding: 0px 20px;}




.product .delivery.unavailable,
.sold-out {
    color: red;
}

.product .delivery {
    text-align: center;
    display: block;
}

.product .delivery {
    font-size: 13px;
}

body.language-6 .product .delivery {font-size: 11px;}

.product .swipe-images {
    position: relative;
    overflow: hidden;
}

.product .swipe-images,
.product .swipe-images * {
    outline: none;
}

.product .slick-slider button,
.product-detail .images-slider button {
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 40px;
    margin-top: -20px;
    background: rgba(255, 255, 255, 0.3);
    border: none;
    z-index: 1;
    font-size: 0;
    border-radius: 0 3px 3px 0;
    text-align: center;
    padding: 0;
}

.product .swipe-images button:first-child:before,
.product-detail .images-slider button:first-child:before {
    content: "\e995";
}

.product .swipe-images button:last-child:before,
.product-detail .images-slider button:last-child:before {
    content: "\e98e";

}

.product .swipe-images button:first-child:before,
.product .swipe-images button:last-child:before,
.product-detail .images-slider button:first-child:before,
.product-detail .images-slider button:last-child:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #D00070;
    font-size: 20px;
}

.product .swipe-images button:hover:first-child:before,
.product .swipe-images button:hover:last-child:before,
.product-detail .images-slider button:hover:first-child:before,
.product-detail .images-slider button:hover:last-child:before {color: black;}

.product .swipe-images button:last-child,
.product-detail .images-slider button:last-child {
    left: auto;
    right: 0;
    border-radius: 3px 0 0 3px;
}

.product .swipe-images .image-item,
.product-detail .images-slider .slide.image,
.product .color-attribute-image,
.product .single-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product .color-attribute-image {
    pointer-events: none;
}

.product .swipe-images,
.product .swipe-images .image-item,
.product .color-attribute-image,
.product .single-image {
    height: 400px;
}

.product .swipe-images .image-item img,
.product .color-attribute-image img,
.product .single-image img {
    max-height: 400px;
    width: auto;
}

.product .single-image {
    overflow: hidden;
}

.product .color-attribute-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
}

/* banner full width */
.banner-linear {
    margin: 20px 0px 20px 10px;
    border: 1px solid #e2e2e2;
    max-width: 840px;
    padding: 30px 0;
}

.banner-linear .banner-linear-image {
    max-width: 320px;
    max-height: 220px;
    overflow: hidden;
    float: left;
    margin: 0 20px;
}

.banner-linear .banner-linear-image img {
    -o-object-fit: cover;
    object-fit: cover;
}

.banner-linear .banner-linear-content {
    margin-right: 20px;
}

.banner-linear .banner-linear-content p {
    margin: 15px 0;
}

.banner-linear .banner-linear-content h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.banner-linear-content-icon .banner-linear-icon {
    font-family: 'Muli', sans-serif;
    padding-left: 5px;
    padding-right: 20px;
    color: #000;
    font-size: 14px;
}

.banner-linear-content-icon .icon-calendar,
.banner-linear-content-icon .icon-clock {
    color: #a69966;
    font-size: 24px;
}

.banner-linear-content-icon .icon-calendar::before,
.banner-linear-content-icon .icon-clock::before {
    vertical-align: middle;
}

.banner-linear .banner-linear-show {
    float: right;
    font-weight: 700;
}

@media all and (max-width: 991px) {
    .banner-linear .banner-linear-image {
        float: none;
    }
}

/* banner with logo and citation */
.banner-linear.citation {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
    margin: 0 10px 20px 10px;
    max-width: initial;
}

.banner-linear--citation {
    color: #a69966;
    font-size: 15px;
    font-style: italic;
    font-weight: 600;
    margin: 0 15px;
}

.banner-linear--logo {
    margin: 0 10px;
}

.banner-linear--logo img {
    max-height: 80px;
}

/* banner-vertical --review */
.banner-vertical {

}

.banner-vertical-wrap {
    background: #cec3a3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: 629px;
}

.banner-vertical-wrap h2 {
    color: #fff;
    font-size: 22px;
    margin: 15px 0 15px;
}

body.language-9 .banner-vertical-wrap h2 {
    margin: 0;
}

.banner-vertical-wrap .middle-review-title {
    display: none;
}

.banner-vertical-wrap a {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
}

body.language-15 .banner-vertical-wrap a{
    display: block;
    margin: 10px auto;
    height: 100%;
}

body.language-24 .product-section .banner-vertical-wrap a{
    justify-content: left;
}

body.language-26 .product-section .banner-vertical-wrap a{
    justify-content: left;
}


.banner-vertical-wrap a.noheight {height: inherit;}
.banner-vertical-wrap.nobg {background: none;}

.banner-vertical-review {
    display: flex;
    flex-flow: column;
}

body.language-9 .banner-vertical-review {
    max-height: 630px;
    overflow: hidden;
}

body.language-9 .product-detail .product-sections.recommendations .banner-vertical-review{
    max-height: 100%;
    overflow: visible;
}

.banner-vertical-review > * {
    flex: 1;
}

.banner-vertical-review_people {
    padding: 0 10px;
}

.banner-vertical-review_people img {
    border-radius: 50%;
    max-width: 210px !important;
    width: 100%;
}

body.language-13 .product-detail .banner-vertical-review_people img,
body.language-15 .product-detail .banner-vertical-review_people img,
body.language-24 .product-detail .banner-vertical-review_people img,
body.language-26 .product-detail .banner-vertical-review_people img,
body.language-9  .product-detail .banner-vertical-review_people img{
    border-radius: 0;
}

body.language-9 .product-detail .banner-vertical-wrap a{
    height: 100%;
    align-items: normal;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -webkit-box-align: unset;
    font-size: 14px;
    text-align: left;
}

body.language-9 .banner-vertical-wrap .review_people-name{
    margin-top: 10px;
}

.banner-vertical-wrap .review_people-name {
    font-weight: 700;
    font-size: 18px;
    margin-top: 25px;
    line-height: 17px;
}

body.language-13 .banner-vertical-wrap .review_people-name{
    font-weight: normal;
}

body.language-13 .upper-review-title {
    margin: 0;
}

body.language-13 .banner-vertical-wrap .review_people-name {
    margin-top: 15px;
}

body.language-13 .banner-vertical-wrap .doctor-description,
body.language-15 .banner-vertical-wrap .doctor-description {
    font-size: 11px;
}

body.language-24 .banner-vertical-wrap .doctor-description{
    font-size: 12px;
}

body.language-26 .banner-vertical-wrap .doctor-description{
    font-size: 12px;
}

body.language-13 .product-detail .banner-vertical-wrap .doctor-description{
    font-size: 13px;
}

body.language-15 .product-detail .banner-vertical-wrap .doctor-description{
    font-size: 14px;
}

body.language-15 .product-list .banner-vertical-wrap .banner-vertical-review_people .image{
    width: 170px;
    margin: auto;
}

.banner-vertical-wrap p {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 20px 0 0;
    padding: 0 10px;
}

body.language-24 .banner-vertical-wrap p {
    margin: auto;
}

body.language-26 .banner-vertical-wrap p {
    margin: auto;
}


body.language-9 .banner-vertical-wrap p {
    margin: 10px 0;
    height: 380px;
    overflow: hidden;
}

body.language-9 .product-detail .product-sections.recommendations .banner-vertical-wrap p{
    height: 100%;
    margin: auto;
}

body.langiage-9 .banner-vertical-wrap .doctor-description{
    font-size: 11.5px;
}

.banner-vertical-wrap .doctor-description {
    font-size: 13px;
}

/* banner-vertical-recommend-wrap */

.banner-vertical-recommend-wrap {
    position: relative;
    border: 2px solid #cec3a3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #ae9a65;
    text-align: center;
    align-items: center;
}

body.language-7 .mainProductList .banner-vertical-recommend-wrap {min-height: 626px;}

.banner-vertical-recommend-wrap img {
    width: 100px;
    margin: 10px auto 60px;
}

body.language-15 .banner-vertical-recommend-wrap img{
    margin: 10px auto 30px;
}

body.language-15 .flex-row.row.attributes-size .banner-vertical-recommend-wrap img{
    margin: 10px auto 15px;
}

.banner-vertical-recommend-wrap .texty {
    font-size: 28px;
    font-weight: 300;
    padding: 0 10px;
}

body.language-23 .banner-vertical-recommend-wrap .texty{
    width: 200px;
    font-size: 25px;
    height: 200px;
    line-height: 25px;
}

body.language-23 .banner-vertical-recommend-wrap .texty span{
    font-size: 16px;
    width: 185px;
    line-height: 20px;
}

body.language-23 .banner-vertical-recommend-wrap .texty span.big-num{
    font-size: 40px;
}

body.language-6 .banner-vertical-recommend-wrap .texty {font-size: 25px !important;line-height: 36px;
    width: 100%;}
body.language-6 .banner-vertical-recommend-wrap .texty span {font-size: 20px;}
body.language-6 .banner-vertical-recommend-wrap .texty span.big-num {font-size: 45px;}

body.language-6 .product-info .banner-vertical-recommend-wrap .texty {font-size: 16px !important;line-height: 20px;
    width: 100%;}
body.language-6 .product-info .banner-vertical-recommend-wrap .texty span {font-size: 17px;}
body.language-6 .product-info .banner-vertical-recommend-wrap .texty span.big-num {font-size: 45px;}

.banner-vertical-recommend-wrap .texty span {
    display: block;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    margin: 15px 0;
}

.banner-vertical-recommend-wrap .texty span strong {
    font-size: 52px;
}

.banner-vertical-recommend:before,
.banner-vertical-recommend:after{
    width: 60%;
    left: 20%;
    height: 3px;
    background-color: white;
    top: 0;
    content: "";
    position: absolute;
    z-index: 2;
}

.banner-vertical-recommend:after {
    bottom: 0;
    top: initial;
}

.attributes-size .banner-vertical-recommend {
    max-width: 300px;
    margin-top: 20px;
}

.attributes-size .banner-vertical-recommend .texty {
    margin-bottom: 20px;
}

.attributes-size .banner-vertical-recommend .texty,
.attributes-size .banner-vertical-recommend .texty * {
    font-size: 18px;
    line-height: 18px;
}

.attributes-size .banner-vertical-recommend img {
    margin: 0 0 20px 0;
    width: 50px;
}

.search-sections {
    margin-bottom: 30px;
}
.search-sections + .category-children {
    margin-bottom: 10px;
}

.search-sections > .wrap.flex-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-sections > .wrap > div > * {
    padding: 12px 30px;
    display: block;
    text-decoration: none;
}

.search-sections > .wrap > div > * span {
    text-decoration: underline;
}

.search-sections > .wrap > div:first-child {
    padding-right: 30px;
    margin-left: -20px;
}

.search-sections > .wrap > div > *:hover span,
.search-sections > .wrap > div > *.active span {
    color: #464646;
}

.search-block.hide-sb {
    display: none;
}

.search-block .side:first-child {
    padding-right: 40px;
}

#content-flex-row + .search-sections {
    margin-top: 30px;
}