.top-bar {background-color: #262a2b; padding: 5px 0; border-bottom: 3px solid #ddd;}
.top-bar a, .td-footer a, .dark-red a {color: white;}

.navbar {padding: 20px 1px;}

.icon {float: left; margin-right: 10px;}
.icon16 {width: 16px;}
.icon20 {width: 20px;}
.icon24 {width: 24px;}

img.logo {width: 250px;}

div.box {float: left; display: flex; justify-content: center; align-items: center; color: white;} 
div.box span {color: #ed1c24;} 

div.collapse  {flex-grow: 0;}
ul.navbar-nav {float: right;}

li.nav-item {padding: 2px 15px;}
li.nav-item a {font-size: 16pt;  margin: 5px 0; padding: 0px 0px !important;}
li.nav-item:hover a {border-bottom: 3px solid #ddd;}
li.nav-item.active a {font-weight: bold; border-bottom: 3px solid #ed1c24;}
.line {background-color: #ed1c24; height: 3px; width: 100px;}

td.phone-class a {
    color: #ed1c24; font-size: 18pt !important; font-weight: bold;
}

iframe {filter: grayscale(100);}

.oteviraci-doba td {color: white;}
.oteviraci-doba td:nth-of-type(1) {padding-right: 25px;}

.padding-t-55 {padding: 55px 0;}

a.logo {padding: 34px 50px; margin-bottom: -75px; margin-top: -20px; background-color: white; position: relative; z-index: 501; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);}

.logo2 {width: 280px;}

.td_pricelist {float: left; width: 100%;}

.td_slick_line {border-top: 10px solid #ddd; border-bottom: 10px solid #fff;}
.td-footer {background-color: #2a231e; padding: 55px 0;}
.td-total-footer {background-color: #2a231e; padding: 5px 0; color: white;}
.td-total-footer  .container p, .td-total-footer  .container {color: #ccc !important;}
.td-total-footer .container {border-top: 1px solid #555; text-align: center;}
.card {margin: 10px; width: calc(33.33% - 20px); transition: 0.2s;}
.card-text {display: block; float: left; width: 100%;}

.card h3 {background-color: #ed1c24; color: white; font-size: 25pt; width: 100%; float: left; text-align: center !important;}
.card p {width: 100%; float: left; text-align: center !important; }

.card:hover {-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);}
.card:hover .btn-link {-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);}

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

.sub_td_body {padding-top: 0;}

.octicon-yellow {color: #ed1c24;}
.octicon {margin: 0 10px;}
.menu-octicon {font-size: 16pt; color: #ed1c24;}

.btn-link {
    transition: 0.2s;
    background-color: #ed1c24;
    border-color: #ed1c24;
}

.btn-link:hover {
    background-color: #cfbb07 !important;
    border-color: #cfbb07;
    color: white;
    text-decoration: none;
}

.btn-link.focus, .btn-link:focus {
    border-color: white;
    box-shadow: 0 0 0 0.2rem rgba(207, 187, 7,0.5) !important;
}

.dark-grey {background-color: #f9f9f9;}
.dark-red {background-color: #ed1c24;}


.shadow-basic {
position: relative; 
opacity: 0.3;
z-index: 5;
}

.td-map-box {position: relative;}
.td-map-cover {position: absolute; z-index: 500; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.2; cursor: pointer;}

#newsletter_form {float: left; width: 100%; max-width: 700px;}

.td-social-hub {float: left; width: 100%;}
h2.social {margin: 0; line-height: 250%; margin-bottom: 5px; color: #aaa;}

.td-social-hub .stretched-link {background: rgba(0,0,0,0.5); opacity: 0;}
.td-social-hub .stretched-link:hover {opacity: 1;}
@media only screen and (max-width: 1024px) { 

}
@media only screen and (max-width: 1023px) {
    ul.navbar-nav {width: 100%; background: #fff; margin-top: 25px;} 
    .line {margin-bottom: 25px;}
    div.addressBox2, .logo2 {padding: 0 !important;; margin: 0 !important;; width: 33.33% !important;}
    a.logo {
        padding: 0;
        margin: 0;
        background-color: rgba(255,255,255,0);
        position: relative;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    a.logo img {background: none; width: 180px;}
    .top-bar .box:nth-of-type(4) {display: none;}
    .top-bar .box:nth-of-type(5) {display: none;}
    .navbar-toggler {margin-right: 15px;}


}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) {  
    .mobile-flex-wrap {flex-wrap: wrap;}
    .top-bar {display: none;}
    img.logo {width: 100px; margin-left: 15px;}
    div.addressBox2 {padding: 0 !important;; margin: 25px 0 !important;; width: 100% !important;}
    .logo2 {width: 50% !important; margin-top: 55px !important; float: left;}

    .td_pricelist td:nth-of-type(2) {
        display: none;
    }
    .td_pricelist td:nth-of-type(1) {
        width: 75%;
    }
}

/* ============================
   PRICE LIST
   ============================ */

.td-pricelist {
    width: 100%;
    margin: 25px 0;
    color: #111;
}


/* SEKCE */

.td-pricelist-section {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    background: #fff;
}


/* HLAVIČKA SEKCE */

.td-pricelist-toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    min-height: 70px;

    padding: 15px 60px 15px 20px;

    border: 0;
    border-left: 5px solid #ed1c24;

    background: #f5f5f5;
    color: #111;

    text-align: left;
    cursor: pointer;

    transition: background 0.2s ease;
}

.td-pricelist-toggle:hover {
    background: #ececec;
}

.td-pricelist-toggle:focus {
    outline: none;
    box-shadow: none;
}


/* NÁZEV */

.td-pricelist-header-text {
    display: flex;
    flex-direction: column;
}

.td-pricelist-header-text strong {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

.td-pricelist-header-text small {
    display: block;
    margin-top: 4px;

    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;

    color: #777;
}


/* + / − IKONA */

.td-pricelist-icon {
    position: absolute;
    right: 22px;
    top: 50%;

    width: 20px;
    height: 20px;

    transform: translateY(-50%);
}

.td-pricelist-icon::before,
.td-pricelist-icon::after {
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    background: #ed1c24;

    transform: translate(-50%, -50%);
    transition: transform 0.2s ease;
}

.td-pricelist-icon::before {
    width: 18px;
    height: 2px;
}

.td-pricelist-icon::after {
    width: 2px;
    height: 18px;
}


/* při otevření schováme vertikální čáru = mínus */

.td-pricelist-toggle:not(.collapsed) .td-pricelist-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}


/* OBSAH */

.td-pricelist-content {
    background: #fff;
}


/* PODSEKCE */

.td-pricelist-subheader {
    padding: 18px 20px 10px;

    border-bottom: 1px solid #ddd;

    background: #fafafa;
}

.td-pricelist-subheader strong {
    display: block;

    color: #ed1c24;

    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.td-pricelist-subheader span {
    display: block;

    margin-top: 3px;

    color: #777;
    font-size: 13px;
}


/* POLOŽKA */

.td-pricelist-item {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        120px
        130px;

    align-items: center;

    min-height: 65px;

    padding: 12px 20px;

    border-bottom: 1px solid #eee;
}

.td-pricelist-item:last-child {
    border-bottom: 0;
}

.td-pricelist-item:hover {
    background: #fafafa;
}


/* NÁZEV POLOŽKY */

.td-pricelist-item-info {
    padding-right: 20px;
}

.td-pricelist-item-info strong {
    display: block;

    color: #111;

    font-size: 17px;
    font-weight: 600;
}


/* POPIS */

.td-pricelist-description {
    display: block;

    margin-top: 3px;

    color: #777;

    font-size: 17px;
    line-height: 1.4;
}


/* PORCE */

.td-pricelist-portion {
    color: #666;

    font-size: 14px;

    text-align: right;

    white-space: nowrap;
}


/* CENA */

.td-pricelist-price {
    color: #111;

    font-size: 16px;
    font-weight: 700;

    text-align: right;

    white-space: nowrap;
}


/* ============================
   MOBILE
   ============================ */

@media (max-width: 767px) {

    .td-pricelist-toggle {
        min-height: 60px;

        padding:
            13px
            50px
            13px
            15px;
    }

    .td-pricelist-header-text strong {
        font-size: 17px;
    }

    .td-pricelist-item {
        grid-template-columns:
            minmax(0, 1fr)
            auto;

        padding: 12px 15px;
    }

    .td-pricelist-item-info {
        padding-right: 15px;
    }

    .td-pricelist-portion {
        grid-column: 1;

        margin-top: 5px;

        text-align: left;

        font-size: 12px;
    }

    .td-pricelist-price {
        grid-column: 2;
        grid-row: 1 / span 2;

        font-size: 15px;
    }
}