/* --- Termoboxy.cz a Termoboxy.sk - STYLE ------------------------------------------------------------------------------ */
/* --- grafické a kodérské práce - Jiří Mareš - grafický designér ve světě e-commerce / www.jirimares.com --------------- */
/* ---------------------------------------------------------------------------------------------------------------------- */

    
    /* Hlavní nadpisy a odstavce textů */
    .external-fonts-loaded body, body.blank-mode {font-family:'Metropolis-Regular';}
    .external-fonts-loaded ol.cart-header,.external-fonts-loaded .next-step,.external-fonts-loaded .price-wrapper,.external-fonts-loaded .price-additional,.external-fonts-loaded .price-measure,.external-fonts-loaded .price-final,.external-fonts-loaded .price-save,.external-fonts-loaded .price-standard,.external-fonts-loaded .btn,.external-fonts-loaded .products .name {font-family:'Metropolis-Regular';}
    .external-fonts-loaded h1, .external-fonts-loaded h2, .external-fonts-loaded h3, .external-fonts-loaded h4, .external-fonts-loaded h5, .external-fonts-loaded h6, .external-fonts-loaded .h1, .external-fonts-loaded .h2, .external-fonts-loaded .h3, .external-fonts-loaded .h4, .external-fonts-loaded .h5, .external-fonts-loaded .h6, .external-fonts-loaded .cart-table .main-link, .external-fonts-loaded .cart-related-name, .blank-mode h1, .blank-mode h2, .blank-mode h3, .blank-mode h4, .blank-mode h5, .blank-mode h6, .blank-mode .h1, .blank-mode .h2, .blank-mode .h3, .blank-mode .h4, .blank-mode .h5, .blank-mode .h6, .blank-mode .cart-table .main-link, .blank-mode .cart-related-name {font-family: 'Metropolis-Medium';}
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #333333; font-family:'Metropolis-Medium'}
    h1 {font-family: "Metropolis-Semibold"!important;font-size: 32px;line-height: 34px;color: #333333;}
    h2 {font-family: "Metropolis-Semibold"!important;font-size: 22px;line-height: 28px;color: #333333;}
    h3 {font-family: "Metropolis-Semibold"!important;font-size: 18px;line-height: 22px;color: #333333; margin-bottom: 8px}
    .type-page #content p, .type-page #content li {color: #333333;font-size: 15px;line-height: 22px;margin-bottom: 8px;}
    a:not(.basic-description a) {color: #3DA4CF;}
    a:not(.basic-description a):hover {text-decoration: none;}
    
    ol.kruhove {
        counter-reset: section;
        list-style: none;
        margin-left: 18px;
        padding-left: 0;
    }
    
    .kruhove li {
        margin: 0px 0 10px 12px;
        line-height: 40px;
        padding-left: 24px;
        padding-bottom: 12px;
    }
    
    .kruhove li:before {
        content: counter(section);
        counter-increment: section;
        display: inline-block;
        width: 28px;
        height: 28px;
        padding-top: 3px;
        margin: 5px 14px 0 -43px;
        background-color: #eee;
        border-radius: 100%;
        text-align: center;
        font-size: 16px;
    }
    
    
    /* Konkurenční výhody */
    /*
    .benefitBanner__picture {max-width: 70px;}
    .benefitBanner__title {font-size: 17px;color: #333333;}
    .benefitBanner__data {font-size: 15px;margin-top: 1px;}
    
    */
    
    
    /* Konkurenční výhody */
    .benefitBanner__item:nth-of-type(1) .benefitBanner__picture img {max-width: 85%;}
    .benefitBanner__item:nth-of-type(2) .benefitBanner__picture img {max-width: 90%;}
    .benefitBanner__item:nth-of-type(3) .benefitBanner__picture img {max-width: 85%;}
    .benefitBanner__item:nth-of-type(4) .benefitBanner__picture img {max-width: 90%;}
    .benefitBanner__title {font-size: 16px; color: #333333;}
    .benefitBanner__data {margin-top: 4px;font-size: 14px; }
    .benefitBanner__link:hover {opacity: 1; cursor: default}
    .benefitBanner__link, .benefitBanner__title:hover {text-decoration: none; cursor: pointer; }
    .benefitBanner__title {text-decoration: underline;}
    .benefitBanner__content {padding-right: 25px; }
    .benefitBanner__content:hover {cursor: default}
    
    @media (max-width: 768px) {
    .benefitBanner {
    display:flex;
    flex-wrap: wrap
    }
    
    .benefitBanner .benefitBanner__item {
    margin-bottom: 25px;
    width: 50%;
    flex: unset
    }
    
    .benefitBanner .benefitBanner__item .benefitBanner__picture {
    flex: 0 0 423px;
    max-width: 40px;
    margin-right: 7px
    }
    
    .benefitBanner .benefitBanner__item .benefitBanner__title {
    font-size: 13px;
    line-height: 15px;
    display: block;
    padding-bottom: 5px
    }
    
    .benefitBanner .benefitBanner__item .benefitBanner__data {
    font-size: 12px;
    }
    .benefitBanner__content {padding-right: 0;}
    }
    
    
    @media (min-width: 992px) {
    .benefitBanner__item {flex: 1 1 22%;/* margin: 0 15px; */}
    }
    
    
    
    
    
    /* Informační proužek */
    .site-msg.information {max-width: none; position: relative; top: 0; bottom: auto; left: 0; font-size: 14px; line-height: 21px; box-shadow: none; text-align: center; background-color: #891d4e; color: #FFFFFF!important; opacity: 1; font-weight: 600;}
    .site-msg .close::before, .site-msg .close::after {background: #FFFFFF; color: #FFFFFF;}
    .site-msg.information .container {max-width: 1418px;}
    .site-msg.information .container a {color: #FFFFFF; text-decoration: underline; }
    .site-msg.information .cta{font-size: 13px; font-weight: 600; background-color: #FFFFFF; padding: 5px 6px 4px 6px; margin-left: 15px; display: inline-block; color: #891d4e;}
    .site-msg.information .cta:hover {background-color: #FFFFFF;}
    .site-msg.information .container a:hover {color: #FFFFFF; text-decoration: none;}
    .site-msg.information .container .tecka-blikajici {width: 8px; height: 8px; border-radius: 50%; background-color: #FFFFFF; -moz-border-radius: 50px; -webkit-border-radius: 50px;  border-radius: 50px; display: inline-block;  animation: blinker 0.6s cubic-bezier(1, 0, 0, 1) infinite alternate;  margin-right: 8px;}
    .site-msg.information .container .tecka-blikajici {width: 8px; height: 8px; border-radius: 50%; background-color: #FFFFFF; -moz-border-radius: 50px; -webkit-border-radius: 50px;  border-radius: 50px; display: inline-block;  animation: blinker 0.6s cubic-bezier(1, 0, 0, 1) infinite alternate;  margin-right: 8px;}
    @keyframes blinker {from {opacity: 1;} to { opacity: 0;}}
    
    
    
    
 
    
    
/* --- Cookies lišta -------------------------------------------------------------------------------------------------------- */

.siteCookies--left {
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #dcedf8ef;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-top: 2px solid #219EBC;
}

.siteCookies__form {
    max-width: 1120px;
    margin: 0 auto;
    padding: 20px;
    background-color: transparent;
    color: #14171A;
    box-shadow: none;
}

.siteCookies__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.siteCookies__links {
    width: 180px;
    text-align: right;
    margin-bottom: 0;
}

.siteCookies__text {
    width: calc(100% - 180px);
    margin: 0;
}

.siteCookies__text h3 {

    font-weight: 500;
}

.siteCookies__link.js-cookies-settings {

    font-weight: normal !important;
    text-decoration: underline;
    background: none;
    color: #14171A;
    /* width: 140px; */
    /* border-color: #fff; */
    display: inline-block;
    margin-bottom: 10px;
    order: 3;
    border: none;
    text-align: center;
}



.siteCookies__link.js-cookies-settings:hover {
    color: #14171A;
    background: none;
    text-decoration: none;
}

.siteCookies__button {
    width: 140px;
}

.siteCookies__buttonWrap {
    padding-left: 16px;
    display: inline-block;
    display: grid;
}

.siteCookies__text a {
    color: #14171A !important;
}

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

.siteCookies__buttonWrap button:nth-child(1) {
    font-family: 'Inter', "Arial", sans-serif !important;
    font-weight: 500 !important;
    margin-bottom: 10px;
    background: none;
    border: 1px solid #219EBC;
    color: #219EBC;
    order: 2;
}

.siteCookies__buttonWrap button:nth-child(1):hover {
    background-color: #219EBC;
    color: #FFFFFF;
}

.siteCookies__buttonWrap button:nth-child(2) {
    font-family: 'Inter', "Arial", sans-serif !important;
    font-weight: normal;
    color: #14171A;

}

.siteCookies__buttonWrap button:nth-child(2):hover {}

.js-cookiesConsentSubmit.btn[value="reject"] {
    background-color: transparent !important;
    color: #14171A !important;
    font-family: 'Inter', "Arial", sans-serif;
    text-decoration: underline;
    order: 2;
    font-weight: 500;
}

.js-cookiesConsentSubmit.btn[value="reject"]:hover {
    text-decoration: none;
}

.siteCookies__button:hover {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .siteCookies__links {
        width: 100%;
        text-align: center;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .siteCookies__text {
        width: 100%;
        margin-bottom: 15px;
    }

    /*.siteCookies__text h4 {font-size: 17px;}*/
    .siteCookies__form {
        padding: 16px;
    }

    .siteCookies__buttonWrap {
        padding-left: 0;
        display: grid;
    }

    .siteCookies__buttonWrap>* {
        width: 260px !important;
    }
}




    
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* --- ZÁHLAVÍ -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    
    /* Horní lišta - skrytí horního menu s kontakty */
    .top-navigation-bar {border: none;}
    .top-navigation-bar .container > div:first-child {display:none;}
    .top-navigation-bar .container > div {display: none;}
    
    /* Horní lišta - tlačítka Registrace a Přihlášení */
    .top-nav-button {background: url(/user/documents/upload/grafika/ikony/prihlaseni.svg) 12px center no-repeat;background-size: 14px auto;padding: 10px 12px 10px 33px;}
    .registrace {background: url(/user/documents/upload/grafika/ikony/registrace.svg) left center no-repeat;background-size: 14px auto;padding-left: 21px;}
    .registrace , .top-nav-button-login {color: #1D4E89!important;}
    
    @media screen and (max-width: 991px) {
        .registrace {display: none;}
        .top-nav-button-register {display: none;}
        }
    
    /* Hledat */
    #formSearchForm.compact-form .btn::before {content: url(/user/documents/upload/grafika/ikony/hledat.svg);}
    #formSearchForm.compact-form .btn {font-size: 0; width: 40px; height: 40px; background-color: #FFFFFF; border: 0; line-height: 1; border: 1px solid#263A74;}
    #formSearchForm.compact-form .btn:hover {background-color: #263A74;}
    #formSearchForm.compact-form .btn:hover::before {content: url(/user/documents/upload/grafika/ikony/hledat-bile.svg);   }
    #header .form-control {height: 40px;color: #7F7F7F;}
    #header .form-control:hover {border: 1px solid #252525;}
    #header .form-control::placeholder {color: #7F7F7F;}
    
    
    /* Kalendář s termíny expedice */
    /*.menu-item-726 { display: none !important; }*/
    
    .month { padding: 30px 25px; width: 100%; background: #263A74; text-align: center; }
    .month ul { margin: 0; padding: 0; list-style: none; }
    .month ul li { color: #fff; font-size: 20px; text-transform: uppercase; letter-spacing: 3px; }
    .month ul .c-date { text-align: center; font-weight: 600; }
    .month ul .c-date div { font-size: 18px; }
    .month .c-prev,
    .month .c-next { padding-top: 10px; cursor: pointer; }
    .month .c-prev { float: left; }
    .month .c-next { float: right; }
    
    .week-names,
    .week { display:grid; grid-template-columns: repeat(7, 1fr); grid-auto-flow: dense; grid-gap: 2px 10px; }
    .week-names { color: #239ceb; font-weight: 600; text-align: center; padding-top: 5px; padding-bottom: 5px; }
    .week { border-top: 1px solid rgba(0,0,0,0.1); min-height: 40px; }
    .day { display: contents; }
    .day-label { grid-row-start: 1; text-align: right;  margin: 0; padding: 5px; cursor: pointer; }
    .day-label.active { font-weight: 600; color: #444; }
    .day-label.inactive { color: #b2b2b2; cursor: auto; }
    .day-label.selected { font-weight: 600; color: #fff; background-color: #3CA4CF; cursor: auto; }
    .week-day,
    .day-label,
    
    [data-span="1"] { grid-column-end: span 1; }
    [data-span="2"] { grid-column-end: span 2; }
    [data-span="3"] { grid-column-end: span 3; }
    [data-span="4"] { grid-column-end: span 4; }
    [data-span="5"] { grid-column-end: span 5; }
    [data-span="6"] { grid-column-end: span 6; }
    [data-span="7"] { grid-column-end: span 7; }
    
    .c-section { width: 100%; table-layout: fixed; }
    .c-section td { vertical-align: top; width: 100%; }
    .tips h4 { margin-bottom: 0 }
    .tips__img { display: flex; margin-top: 19px; }
    .tips input[type="image"] { width: 70px; }
    
    @media (max-width: 640px) {
    .c-section tr { display: flex; flex-direction: column; width: 100%; }
    }
    @media (min-width: 640px) {
    .c-section { margin-left: -20px; margin-right: -20px; }
    .c-section td { width: 50%; padding-left: 20px; padding-right: 20px; vertical-align: top; }
    }
    @media (min-width: 768px) {
    .header-top>div:last-child { display: flex; align-items: center; justify-content: flex-end; }
    .delivery { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: 200px; margin: -19px auto; color: #fff; }
    .delivery__day { font-weight: bold; }
    .delivery__content { font-size: 11px; margin-left: 1ex; }
    .delivery__time { list-style: none; padding-left: 0; margin-top: 5px; margin-bottom: 0; display: flex; justify-content: center; width: 100%; }
    .delivery__time__inner { display: flex; flex-direction: column; text-align: center; justify-content: center; width: 50px; height: 50px; margin-left: 2px; margin-right: 2px; background-color: #5E79CA; }
    .delivery__number { font-size: 16px; font-weight: bold; }
    .delivery__text { font-size: 11px; }
    }
    
    
    /* Box s časem doručení */
    .delivery__day, .delivery__content {color: #333333}
    
    /* Drobečková navigace */
    .type-page .content-inner, .type-post .content-inner, .type-page .container.breadcrumbs-wrapper, .type-post .container.breadcrumbs-wrapper {max-width: 921px;margin: 0 auto;}
    .breadcrumbs {color: #7F7F7F;border: 0;margin-top: 16px;margin-bottom: 5px;}
    .breadcrumbs a:hover {color: #3CA4CF; text-decoration: underline;}
    .breadcrumbs > span > a::before{display: none !important;}
    .breadcrumbs > span > a::after{content: "/"; bottom: auto; transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; color: #A2A2A2; background: none;font-size: 12px;}
    .breadcrumbs > span > a, .breadcrumbs > span > span {padding: 10px 10px;}
    .breadcrumbs a {color: #757575;}
    .breadcrumbs {font-size: 13px; margin-bottom: 30px;}
    .navigation-home-icon-wrapper #navigation-first a {padding-left: 20px;}
    .navigation-home-icon-wrapper::before {content: "" !important;background: url(/user/documents/upload/grafika/ikony/domu-v02.svg) 50% 5px no-repeat;width: 20px;height: 22px;top: 16px;background-size: 15px;left: 0;}
    
    
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* --- ZÁPATÍ -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    
    /* Zápatí */
    #footer .banner {min-height: auto;margin-bottom: 0;}
    #footer .banner-wrapper {margin-top: 0;color: #2B2B2B;}
    #footer ul {margin-left: 16px;}
    #footer li {margin-bottom: 5px;list-style-type: disc; color: #2B2B2B;}
    #footer .site-name {display: none;}
    #footer {margin-top: 60px;background-color: #F1F8FC;}
    #footer h4 {text-transform: none;color: #2B2B2B;font-size: 18px;font-family: 'Metropolis-Medium';margin-bottom: 15px; text-transform: uppercase;}
    .custom-footer, .footer-bottom {border: none;}
    .custom-footer {padding-left: 0;background-color: #F1F8FC;}
    .custom-footer li {margin-bottom: 5px; color: #2B2B2B;}
    #footer a {color: #219EBC; text-decoration: underline;}
    #footer a:hover {text-decoration: none; }
    #footer li a {text-decoration: none;}
    #footer a:hover {text-decoration: underline;}
    #footer .contact-box a, #footer .password-helper a, #footer .news-item-widget a, #footer ul a {color: #2B2B2B;}
    #footer>.container {background-color: #F1F8FC;}
    
    /* Sekce panel v zápatí - Možnosti platby a Možnosti dopravy */
    #footer .platby {margin-top: 15px}
    #platby-ikonka, #doprava-ikonka {width: auto;height: 36px;}
    .slovensko #doprava-ikonka {width: auto; height: 22px; margin-left: 10px}


/* Loga možnosti platby a možnosti dopravy */
#footer .platby .container {padding-top: 15px;border-top: 1px dashed #CBCBCB;padding-bottom: 15px;}
#platby-ikonka, #doprava-ikonka {width: auto;height: auto;max-height: 46px; }
#doprava-ikonka-ppl {width: auto;height: auto;max-height: 20px; margin: 0 10px }
#doprava-ikonka-sps {width: auto;height: auto;max-height: 20px; margin: 0 10px }
#doprava-ikonka-gls {width: auto;height: auto;max-height: 30px; margin: 0 10px }
#doprava-ikonka-one {width: auto;height: auto;max-height: 23px; margin: 0 10px }
@media (max-width: 767px) {
#footer .platby .row {width: 100%; height: auto; text-align: center;}
#footer .platby span {display: none;}
}

    
    /* Sekce Podpis */
    .footer-bottom {padding-top: 15px;border-top: 1px solid #EEEEEE;margin-top: 20px;}
    .podpis {margin-right: 15px;}
    .podpis a, #mapa-pobocky {color: #2B2B2B !important; text-decoration: underline;}
    .podpis a:hover, #mapa-pobocky:hover {color: #3CA4CF !important; text-decoration: none!important;}
    
    
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* --- HLAVNÍ STRÁNKA ------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    
    
    .homepage-box {border-top: 0; border-bottom: 0; background-color: #F1F8FC;}
    .homepage-box.before-carousel {margin-top: -20px; padding-top: 40px;}
    .content-wrapper.homepage-box.welcome-wrapper {display: none;}
    
    /* Košík */
    .header-top .btn.cart-count .cart-price {text-transform: none;font-size: 15px;color: #2B2B2B;text-align: left;}
    .header-top .btn.cart-count::before {vertical-align: middle; margin-right: 20px; font-size: 30px;}
    .header-top .btn.cart-count .cart-price:hover {color: #2B2B2B;}
    .header-top  a.btn.cart-count::before {content: "";background: url(/user/documents/upload/grafika/ikony/kosik.svg) 40% 50% no-repeat;width: 30px;height: 30px;text-align: center;margin-right: 10px !important;}
    .cart-free-shipping strong {color: #2B2B2B;}
    .cart-widget-button .btn::after {margin-left: 10px}
    .cart-free-shipping {background-color: #F1F3F8; margin-bottom: 20px;}
    .cart-widget-product-name>span {color: #2B2B2B;}
    .cart-widget .btn.btn-conversion {width: 210px!important;height: 40px;float:right;padding: 8px 10px 0 0!important;margin: 20px 25px 25px 0;}
    .cart-widget-product-name strong {font-weight: normal!important; font-family: "Metropolis-Regular"}
    .cart-widget-product-name a {color: #2B2B2B; text-decoration: underline;}
    
    /* Hlavní menu a podmenu */
    #nav-manufacturers {display: none!important;}
    
    /* Sekce s Poslední komentáře a Poslední hodnocení */
    .content-wrapper.latest-contribution-box {display: none;}
    
    
    /* Mřížka produktů */ 
    .products-block>div {border: 0;}
    .product .p {padding: 20px; border: 1px solid #F2F2F2;}
    .product:hover .p {box-shadow: 0 2px 4px -1px rgba(0,0,0,.14), 0 4px 5px 0 rgba(0,0,0,.098), 0 1px 10px 0 rgba(0,0,0,.084);
    box-shadow: 0 0.125rem 0.25rem -0.0625rem rgba(0,0,0,.14), 0 0.25rem 0.3125rem 0 rgba(0,0,0,.098), 0 0.0625rem 0.625rem 0 rgba(0,0,0,.084);}
    /*.product:hover .p {box-shadow: 0 0 20px rgba(50,50,50,.2); border-color: #FFFFFF;}*/
    .products-block.products .p .name {text-align: center; color: #333333; font-family: "Metropolis-Medium"; height: auto!important;}
    .price-standard {/*display: block;*/ margin-bottom: 5px;}
    .product .stars {width: 100%;}
    .products-block.products .p .name:hover {text-decoration: underline;}
    .stars a, .stars span {width: 17px;height: 17px;}
    .stars a::before, .stars span::before {font-size: 14px;}
    .products-block.products .p .name {font-size: 19px;text-decoration: none;}
    .btn.btn-cart::before, a.btn.btn-cart::before, .btn.add-to-cart-button::before, a.btn.add-to-cart-button::before {content: "" !important; }
    

/* Výpis článků z blogu na titulní stránce */
.in-index .homepage-blog-wrapper{padding-bottom: 0;margin-top: 25px;/*background-color: #F9F6F0;*/}
.in-index .homepage-blog-wrapper div.text-center.h4.homepage-group-title{font-size: 25px; margin:40px 0 40px 0; color: #000000;}
.in-index .homepage-blog-wrapper .blog-clanky{display:flex; flex-direction:row; justify-content:space-between;}
.in-index .homepage-blog-wrapper .news-item{width:32%;display:flex;flex-direction:column;margin-bottom: 40px;}
.in-index .homepage-blog-wrapper .news-item .image{width:100%; margin:0; margin-bottom:22px;}
.in-index .homepage-blog-wrapper .news-item .image:hover {opacity: 0.9;}
.in-index .homepage-blog-wrapper .news-item .text .title{    font-family: "Metropolis-Medium"; font-size: 18px;font-weight: 500;line-height:1.5;text-decoration:none;color: #000000;}
.in-index .homepage-blog-wrapper .news-item .text .title:hover{color: #000000;text-decoration:underline;}
.in-index .homepage-blog-wrapper .news-item time{ font-size: 13px; color:#1a1a1ab3; margin-bottom:5px;}
.in-index .homepage-blog-wrapper .news-item  p{color: #252525;}
.in-index .homepage-blog-wrapper .news-item a:hover {text-decoration: none;}
.in-index .homepage-blog-wrapper .news-item .text .description p:last-child{margin-bottom:20px;}
.in-index .homepage-blog-wrapper .row {flex: 0 0 100%; padding-left: 20px; padding-right: 20px;}
.in-index .homepage-blog-wrapper .btn.btn-next {padding: 10px 20px;font-size: 16px;border: 1px solid #BD9E5A;color: #BD9E5A; font-weight: 500;}
.in-index .homepage-blog-wrapper .btn.btn-next:hover {color: #FFFFFF;background-color:#BD9E5A;}


@media (max-width: 767px) {
.in-index .homepage-blog-wrapper .news-item {padding-bottom: 0;}
.in-index .homepage-blog-wrapper .row{margin-left:0px; margin-right:0px;}
.in-index .homepage-blog-wrapper .news-item{width:100%;}
.in-index .homepage-blog-wrapper {flex-direction:column;}
}

@media (min-width: 1200px) {
    .blog-wrapper .news-item,.multiple-columns-body .blog-wrapper .news-item,.multiple-columns-body.mobile .blog-wrapper .news-item {flex-basis: 33.3%;}
}




    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* --- KATEGORIE ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    
    
    
    
    
    
    
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* --- DETAIL PRODUKTU ------------------------------------------------------------------------------------------------------------------------------------------------------ */
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    
    /* Název produktu a krátký popis */
    .type-detail .col-xs-12.col-lg-6.p-info-wrapper {padding: 30px;}
    .type-detail .p-detail-inner-header h1 {margin-top: 10px;font-family: "Metropolis-Semibold"!important;margin-bottom: 15px;}
    .type-detail .p-detail .stars-wrapper {margin-top: -1px;}
    .type-detail .product-top .stars {width: 92px; margin-right: 6px;}
    .type-detail .stars-label,.p-detail-info, .p-detail-info a, .p-detail-info>div {color: #343434;}
    .type-detail .p-detail-info a { text-decoration: none;}
    .type-detail .p-detail-info a:hover { text-decoration: underline;}
    .type-detail .p-detail-info>div+div::before {content: "/"}
    .type-detail .p-short-description p, .p-short-description p span[style] {margin-bottom: 10px;font-size: 16px;}
    .type-detail .p-short-description a {color: #BD9E5A;}
    .type-detail .p-short-description a:hover {color: #BD9E5A; text-decoration: underline;}
  @media (max-width: 767px) {
   .type-detail .col-xs-12.col-lg-6.p-info-wrapper .add-to-cart-section {margin-left: -30px; margin-right: -30px}
      
  }
    /* Skladem a Můžeme doručit do */
    .p-info-wrapper .availability-value, .p-info-wrapper .detail-parameters {margin-bottom: 0;/* margin-top: 30px; */}
    .p-info-wrapper .availability-label {font-family: 'Metropolis-Medium'; font-size: 15px; text-transform: uppercase; }
    .p-info-wrapper .availability-amount {font-size: 15px;}
    .p-info-wrapper .delivery-time-label::before {content:"/";color: #DADADA;margin-left: 6px;margin-right: 6px;}
    .p-info-wrapper .delivery-line, .p-info-wrapper .delivery-time {display: inline-block;font-size: 15px;color: #343434;}
    .p-info-wrapper .delivery-time {margin-left: 5px;}
    .p-info-wrapper .delivery-time span {font-family: "Metropolis-Medium";color: #343434;}

    /* Příplatkové varianty */
    .type-detail .p-info-wrapper .surcharge-list {padding: 20px 0;display: block;}
    .type-detail .p-info-wrapper .surcharge-list th {color: #343434;}
    .type-detail .p-info-wrapper .show-tooltip.question-tooltip {background-color: #aaa; border-color: #aaa; color: #FFFFFF;}
    .type-detail .p-info-wrapper .surcharge-list select {width: auto}
    .type-detail .surcharge-list option {font-family: "Metropolis-Regular";}

  @media (max-width: 767px) {
   .type-detail .p-info-wrapper .surcharge-list>* {padding: 5px 0; display: block;}

  }
    
    /* Cena a Sleva a Vložit do košíku */
    .p-info-wrapper .add-to-cart-section {background-color: #F1F8FC;padding: 30px 25px;margin-top: 30px;}
    .p-info-wrapper .add-to-cart-wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
    .p-info-wrapper .add-to-cart-wrapper .price-final {color: #000000; font-size: 28px;  margin: 5px 0 5px 0;}
    .p-info-wrapper .p-final-price-wrapper, .p-info-wrapper .add-to-cart {margin-bottom: 0}
    .p-info-wrapper .price-standard {color: #808080;}
    .p-info-wrapper .price-save {color: #BD5A79;font-weight: 600;font-family: 'Metropolis-Bold';}
    .p-info-wrapper .price-measure {margin: 0;}
    .p-info-wrapper .quantity {background-color: #FFFFFF;border: 1px solid #dadada;margin-right: 20px;}
    .p-detail .add-to-cart .quantity {border: 1px solid #dadada;}
    .p-info-wrapper .btn.btn-lg.btn-conversion.add-to-cart-button {font-size: 19px;padding: 10px 25px;font-family: 'Metropolis-Medium';text-transform: uppercase;}
    /*
    .p-info-wrapper .add-to-cart .add-to-cart-button:before {content: ""; background: url(/user/documents/upload/grafika/ikony/kosik-bily-v01b.svg);width: 30px;height: 32px;text-align: center;margin-right: 15px !important;background-size: 27px;background-position: 0 -1px;background-repeat: no-repeat;}
    */

    .add-to-cart-section .detail-parameters tr, .add-to-cart-section .detail-parameters th, .add-to-cart-section .detail-parameters td {background: none!important; border: 0!important;}

    /* Podobné a související produkty */
.type-detail #productsAlternative.fade {
  opacity: 100 !important;
}

.type-detail h2.products-related-header,
.type-detail h2.products-alternative {

    font-size: 26px;
    text-align: center;
    margin-top: 45px;
    color: #14171A;
    font-weight: 500;
}



  @media (max-width: 767px) {
   .type-detail .col-xs-12.col-lg-6.p-info-wrapper .quantity {display: none;}
.type-detail .col-xs-12.col-lg-6.p-info-wrapper .add-to-cart {margin-top: 15px;}
      
  }
    
    .p-info-wrapper .social-buttons-wrapper {display: none!important;}
    .shp-tabs-wrapper {margin-top: 60px;}
    .vote-title {color: #000000;}
    /*.extended-description {display: none!important;}*/
    .category-appendix, .product-appendix {color: #000000;}
    .detail-parameters {font-size: 15px; display: inline;}
    .type-detail .extended-description {width: 100%;margin-top: 45px;}
    
    /* Více o produktu*/
    .type-detail .chevron-after.chevron-down-after {display: none;}
    
    /* Detailní popis produktu */
    .basic-description p [style] {font-family: "Metropolis-Regular"!important;}
    .basic-description a {color: #3DA4CF; border-bottom: 1px solid #3DA4CF; padding-bottom: 1px;}
    .basic-description a:hover {color: #3DA4CF;}
    .basic-description h2 [style], .basic-description h3 [style] [style] {font-family: "Metropolis-Medium"!important; color: #14171A!important;}
    .basic-description p [style], .basic-description li [style], .basic-description li span [style] {font-family: "Metropolis-Regular"!important; font-size: 15px!important;}
    
    
    /* Definice fontů */
    .produkt-text h2, .produkt-parametr-tabulka h2 {font-family: "Metropolis-SemiBold"!important;}
    .basic-description h3 {font-family: 'Metropolis-SemiBold';}
    
    /* Vizuální popis produktu */
    .produkt-sekce {display: flex; align-items: center; padding: 40px; margin: 0 -20px;}
    .podbarveni {background-color: #F1F8FC;}
    .produkt-text h2, .produkt-parametr-tabulka h2 {font-size: 32px;position: relative;padding-bottom: 5px;margin-bottom: 10px;margin-top: 35px;text-align: left;color: #14171A;line-height: 1.4em;}
    .produkt-text p {font-size: 16px; line-height: 1.5em}
    .basic-description h3 {font-size: 20px;margin-bottom: 10px;}
    .basic-description h4 {font-size: 17px; margin-bottom: 10px;}
    .produkt-text {width: 50%;}
    .produkt-blok-dvojice .produkt-text {width: 100%;}
    .leva-pozice {padding: 0 60px 0 0;}
    .prava-pozice {padding: 0 0 0 60px;}
    .stredni-pozice {width: 100%;}
    .produkt-text ul {padding: 0 0 0 12px; margin: 0;}
    .produkt-text li {list-style-type: none; position: relative; padding-bottom: 4px; font-size: 16px; line-height: 1.5em}
    .produkt-text li::before {content: '•';  position: absolute; left: -0.8em; font-size: 1.1em;}
    .produkt-foto {width: 50%; padding: 0;}
    .produkt-blok-dvojice .produkt-foto {width: 100%; padding: 0;}
    .cela-sirka {width: 100%}
    
    .produkt-sekce.tri-sloupce {align-items: unset;}
    .produkt-blok-trojice {width: 33.33333%; margin: 0 15px;}
    .produkt-blok-trojice:first-child {margin-left: 0px;}
    .produkt-blok-trojice:last-child {margin-right: 0px;}
    .produkt-blok-trojice img {padding: 20px 20px 25px 20px;width: 100%;height: auto;}
    .produkt-blok-trojice h3 {margin: 0 20px 10px 20px;}
    .produkt-blok-trojice p {margin: 0 20px 20px 20px; font-size: 16px; line-height: 1.5em}
    
    .produkt-sekce.dva-sloupce {align-items: unset;}
    .produkt-sekce.dva-sloupce h2 {text-align: center; margin-bottom: 0px;}
    .produkt-blok-dvojice {width: 50%;margin: 0 60px;text-align: center;}
    .produkt-blok-dvojice img {padding: 20px 20px 25px 20px;width: 100%;height: auto;}
    .produkt-blok-dvojice h3 {margin: 0 20px 10px 20px;}
    .produkt-blok-dvojice p {margin: 0 0 20px 0;font-size: 16px;line-height: 1.5em}
    .produkt-sekce.dva-sloupce .btn.btn-primary {padding: 10px 17px 9px;font-size: 18px;line-height: 20px;border-bottom: 0;background-color: #3DA4CF;border: 0;}
    .produkt-sekce.dva-sloupce .btn.btn-primary:hover {background-color: #2F91BB; border: 0;}
    
    
    .produkt-blok-foto {width: 50%; margin: 0 15px;}
    .produkt-blok-foto:first-child {margin-left: 0px;}
    .produkt-blok-foto:last-child {margin-right: 0px;}
    
    .produkt-parametr-tabulka {padding: 40px; background-color: #FAFAFA; margin: 0 -20px;}
    .produkt-parametr-skupina {margin-bottom: 30px;}
    .produkt-parametr-skupina h4 {margin-bottom: 12px;}
    .produkt-parametr {display: flex; padding: 8px 0 8px 0; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #F2F2F2;}
    .produkt-parametr:last-child {border-bottom: 1px solid #F2F2F2;}
    .produkt-parametr .nazev {width: 30%; flex-shrink: 0; }
    .produkt-parametr .hodnota {width: 70%; flex-shrink: 0;}
    .produkt-parametr .nazev-hodnota {width: 100%; flex-shrink: 0;}
    .produkt-parametr a {color: #14171A; text-decoration: underline;}
    .produkt-parametr a:hover {text-decoration: none;}

    .type-detail .btn-produkt {margin-top: 20px; font-size: 15px; padding: 9px 20px}

.btn-produkt:hover {

}


.type-detail .produkt-video {float: none;clear: both;width: 100%;position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;margin: 60px 0;}
.type-detail .produkt-video  iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

    
    
    @media (max-width: 767px) {
    .produkt-sekce {padding: 20px;  display: flex; flex-wrap: wrap;}
    .produkt-text {width: 100%; padding: 0 0 20px 0; order: 1;}
    .produkt-foto {width: 100%; order: 2;}
    .produkt-blok-trojice {width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 20px;}
    .produkt-blok-dvojice {width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 20px;}
    
    .produkt-blok-foto {width: 100%; margin: 0 0 15px 0;}
    .produkt-blok-trojice:last-child {margin-bottom: 0;}
    
    .produkt-parametr-tabulka {padding: 20px;}
    .produkt-parametr .nazev {width: 50%; flex-shrink: 0; }
    .produkt-parametr .hodnota {width: 50%; flex-shrink: 0;}
    }



    .form-group .star-wrap.stars {width: 100px}
    

/* Tabulka Doplňkové parametry */
.type-detail .extended-description .detail-parameters {width: 100%;}
.type-detail .extended-description .detail-parameters tr {font-size: 15px;/* display: inline; */}
.type-detail .extended-description .detail-parameters th {color: #000; width: 50%; text-align: left}
.type-detail .extended-description .detail-parameters th,.type-detail .extended-description .detail-parameters td {padding: 10px 15px; vertical-align: top; border-bottom: 1px solid #E7E7E7;}
.type-detail .extended-description .detail-parameters tr:nth-child(odd) {background-color: #f8f8f8;}
.type-detail .extended-description .detail-parameters tr:last-child td, .type-detail .extended-description .detail-parameters tr:last-child th {padding-bottom: 8px;}
.type-detail .extended-description .detail-parameters td {text-align: right;font-weight: 600;}
    
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* --- INFORMAČNÍ STRÁNKY --------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .type-page .content-inner, .type-post .content-inner, .type-page .container.breadcrumbs-wrapper, .type-post .container.breadcrumbs-wrapper {
    max-width: 921px;margin: 0 auto;
    }
    
    
    
    /* --- DOPRAVA A PLATBA --- */


    .sekce-prodejna {
      background-color: #FFF8E6;
      padding: 20px 0;
      margin-top: 20px;
      margin-bottom: 20px;
  }


.upozorneni {
  background-color: #FFE8E8;
  padding: 10px 15px;
  margin-bottom: 20px;
}

    .doprava-stranka h2 {margin-top: 35px;}
    .doprava-row {display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap;  border-bottom: 1px solid #DADADA; padding: 20px 0;}
    .doprava-row:last-of-type{border-bottom: 0;}
    .doprava-image {width: 15%; text-align: center;}
    .doprava-image img{max-width: 110px;max-height: 45px;}

    .doprava-image.vlastni-doprava img {
      max-width: auto;
      max-height: 30px;
  }
  
    .doprava-image.google-pay img {
      max-width: auto;
      max-height: 30px;
  }
    .doprava-title {width: 75%;color: #333333;padding: 0 15px;}
    .doprava-title h3 {font-size: 17px;font-weight: 500;margin-top: 0;margin-bottom: 5px;font-family: Metropolis-Medium;color: #333333;}
    .doprava-title p{color: #64717D; margin-bottom: 0;} 
    .doprava-price {width: 10%;text-align: right;color: #333333;font-size: 17px;font-weight: 500;font-family: 'Metropolis-Medium';}
    
    /* --- KONTAKTY --- */
    .in-kontakty .content-inner {max-width: 100%;}
    .in-kontakty.type-page .container.breadcrumbs-wrapper {max-width: 100%!important;}
    .in-kontakty #content .col-md-6.formular h2 {margin-top: 6px}
    .in-kontakty #content .kontaktni-formular-sekce {background-color: #F1F8FC;padding: 20px 30px 15px 30px;}
    .in-kontakty #content .col-md-4 {margin-bottom: 20px;}
    .in-kontakty #content .mobil, .in-kontakty #content .email, .in-kontakty #content .facebook {border: 1px solid #dadada; padding: 30px 20px 30px 70px;}
    .in-kontakty #content .mobil h2, .in-kontakty #content .email h2, .in-kontakty #content .facebook h2 {font-size: 21px; font-family: "Metropolis-SemiBold"; margin-top: 0; margin-bottom: 6px;}
    .in-kontakty #content .mobil a, .in-kontakty #content .email a, .in-kontakty #content .facebook a {color: #14171A}
    .in-kontakty #content .mobil a:hover, .in-kontakty #content .email a:hover, .in-kontakty #content .facebook a:hover {color: #3CA4CF; text-decoration: underline;}
    .in-kontakty #content .mobil p, .in-kontakty #content .email p, .in-kontakty #content .facebook p {margin-bottom: 0px;}
    .in-kontakty #content .mobil {background-image: url(/user/documents/upload/grafika/ikony/mobil.svg);background-repeat: no-repeat;background-size: 17px auto;background-position: 34px 32px;}
    .in-kontakty #content .email {background-image: url(/user/documents/upload/grafika/ikony/email.svg); background-repeat: no-repeat; background-size: 23px auto; background-position: 30px 35px;}
    .in-kontakty #content .row.dalsi-kontakty {margin-top: 25px}
    .in-kontakty #content .row.dalsi-kontakty h2 {font-size: 23px;font-family:"Metropolis-SemiBold";position: relative;/* padding-bottom: 10px; */margin-bottom: 12px;/* margin-top: 35px; */text-align: left;color: #14171A;}
    .in-kontakty #content .row.dalsi-kontakty .form-control, select {border-color: #DADADA;}
    
    
    /* --- 404 --- */
    .id-404 .content-inner {max-width: 90%;margin-top: 40px;}
    .id-404 [itemprop="headline"] h1, .id-404 .breadcrumbs {display: none;}
    .id-404 .content-inner .row {font-size: 18px;line-height: 1.45;display: flex;align-items: center;}
    .id-404 .content-inner .row .btn {font-size: 18px;padding: 12px 18px;background-color: #219EBC;color: #FFFFFF;text-decoration: none;}
    .id-404 .content-inner .row .btn:hover {background-color: #3CA4CF;}
    .id-404 #dklab_instagram_widget {display: none;}
    .id-404 #footer {margin-top: 60px!important;}
    
    
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* --- RESPONZIVNÍ STYLY ---------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    
    @media (min-width: 480px){
    
    
    
    
    }
    
    @media (max-width: 480px){
    
    }
    
    @media (min-width: 768px){
    .top-navigation-bar {padding: 10px 0 0 0;}
    #header.site-name {margin-right: 10px;}
    .header-top {height: 120px;}
    #navigation {height: 46px;}
    .footer-banners {padding: 0 0 30px 0; border-bottom: 1px solid #ECEFF9;}
    .navigation-in {background-color: #1D4E89;}
    .navigation-in>ul>li {border-left-color: #14355C;}
    .navigation-in>ul>li>a {font-size: 18px;}
    .navigation-in>ul>li.ext.exp>ul {top: 50px;}
    .navigation-in>ul>li.ext.exp>a {padding-left: 33px; padding-right: 33px; margin-right: 0 !important;}
    .navigation-in>ul>li>a {padding: 16px 28px 16px 28px!important;}
    .navigation-in>ul>li>a:hover {margin-left: 0 !important; margin-right: 0 !important;}
    .navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover {background-color: #14355C; color: #FFFFFF;}
    [class~=delivery__time__inner] {background-color: #FFFFFF!important; border: 1px solid #eee; color: #333333;}
    }
    
    @media (max-width: 767px) {
    
    
    /* Detail produktu */
    .p-info-wrapper .add-to-cart-wrapper .price-final {font-size: 26px;}
    .p-info-wrapper .add-to-cart-wrapper {margin-bottom: 20px;}
    .col-xs-12.col-lg-6.p-info-wrapper {padding: 0 0 20px 0;}
    .col-xs-12.col-lg-6.p-info-wrapper #productsAlternative {padding: 0 0 20px 0;}
    .type-detail .shp-tabs-wrapper {margin-top: 30px;}
    
    
    
    
    
    .doprava-row{padding: 15px 0;}
    .doprava-image {width: 30%;}
    .doprava-title {width: 70%;}
    .doprava-title p{font-size: 14px;}
    .doprava-price {width: 100%;}
    #footer .platby .col-sm-12.col-md-6 {text-align: left!important;}
    
    .id-404 .content-inner .row {display: flex; flex-flow: row wrap}    
    .id-404 .col-md-4, .id-404 .col-md-8 {width: 100%;}
    .id-404 .col-md-8 {order: 1;}
    .id-404 .col-md-4 {order: 2;}
    }
    
    @media (min-width: 992px) {
    
    }
    
    @media (max-width: 991px) {
    
    }
    
    @media (min-width: 1200px) {
    
    }
    
    @media (max-width: 1199px) {
    
    }
    
    @media only screen and (min-width: 1500px) {
    
    }