.td-box img {width: 100%; float: left; }
.td-box.w-20 {width: calc(20% - 10px) !important; margin: 0 5px; float: left;  }
.td-box {
    transition: 100ms;
    transition-timing-function: ease;
    padding: 15px;
    background: #fff;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    overflow: hidden;
}


a.logo img {
    width: 200px;
}


.flags {float: right;}
.flags img {width: 25px;}

a.nav-link56 {
    border-bottom-right-radius: 25px;
    overflow: hidden;
}

.navbar-light .navbar-nav .nav-link {
    color: white;
}

span.addressBoxCaption {
    color: #dbb600;
}


.mini-trigger {opacity: 0.5; width: 20px;}
.mini-trigger:hover {opacity: 1;}



.navbar_4.bg-light .nav-link:hover {background-color: #dbb600 !important; color: #fff !important;}
.bg-light .nav-item.active .nav-link {background-color: #dbb600 !important; color: #fff !important;}



nav.navbar_4.bg-light { background-color: rgba(0, 0, 0, 0.3) !important; }
nav.navbar  { background-color: rgba(0, 0, 0, 0.5) !important; }



.round_bottom {position: absolute; bottom: 0; left: 0; width: 100%; height: auto; z-index: 5;}


.slick-inner-aligner { 
    background-color: #000;
    overflow: hidden;
    position: relative;
    width: 100%; float: left;
}

.slick-inner-aligner img { 
    position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); opacity: 0.7;
}

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

.slick-inner-aligner:after { 
    content: "";
    display: block;
    padding-bottom: 40%;
}

.btn-custom {
    color: #fff;
    background-color: #dbb600;
    border-color: #dbb600;
}

.btn-custom:not(:disabled):not(.disabled).active, .btn-custom:not(:disabled):not(.disabled):active, .show>.btn-custom.dropdown-toggle {
    color: #fff;
    background-color: #8d7b47;
    border-color: #8d7b47;
}

.btn-custom.focus, .btn-custom:focus {
    box-shadow: 0 0 0 0.2rem rgb(141, 123, 71 , 0.5);
}

.btn-custom:hover {
    color: #fff;
    background-color: rgb(141, 123, 71);
    border-color: #8d7b47;
}


.td-product {
    float: left; width: 50%; padding: 20px; position: relative;
}

.td-product .img-cropper {float: left; width: 100%; position: relative; overflow: hidden;  border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;}

.td-product .img-cropper:after {
    content: "";
    display: block;
    padding-bottom: 50%;
  }

.td-product .img-cropper img {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);  transition: 200ms;}
.td-product:hover .img-cropper img {transform: translate(-50%, -50%) scale(1.05);  }
 
.stretched-link {float: left;}

.td-product h2 {
    font-weight: 300; color: #000; text-transform: uppercase; font-size: 20pt; line-height: 130%;
}


a.td-thumbnail {
    overflow: hidden;
    position: relative;
    width: calc(50% - 10px) !important; margin: 5px;
    border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;
}

a.td-thumbnail:after {
    content: "";
    display: block;
    padding-bottom: 50%;
  }


a.td-thumbnail img {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);  transition: 200ms;}

.email_float {
    color: white; font-size: 14pt; margin-right: 10px;
}
.email_float span { color: #dbb600; font-size: 16pt;}

.block_57 a.td-thumbnail:nth-of-type(1) {
    width: calc(100% - 10px); border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;
}

.block_57 a.td-thumbnail {
    overflow: hidden;
    position: relative;
    border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;
}

.block_57 a.td-thumbnail:after {
    content: "";
    display: block;
    padding-bottom: 50%;
  }


.block_57 a.td-thumbnail img {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);  transition: 200ms;}

.polozky { margin-top: -120px; position: relative; z-index: 5; float: left;}
.td-box h2 {color: #fff; background-color: #dbb600; text-transform: uppercase; min-height: 100px; display: flex; align-items: center; justify-content: center; margin-top: 25px; margin-bottom: -15px; width: calc(100% + 30px); padding: 15px; margin-left: -15px; font-size: 12pt; text-align: center;}
.block {margin-top: 25px; position: relative;}
.block_4 {background-color: #fff; min-height: 500px; margin-top: 55px;}
.td-box-content {float: left; width: 100%; margin-top: -20px;}
.td-box-img {display: flex; justify-content: center; filter: invert(0); }
.td-box .td-box-img img {width: 80%; transform: scale(0.8); transition: 100ms; opacity: 0.3;}
.td-box:hover .td-box-img img {width: 80%; transform: scale(0.9); opacity: 0.6}

.td-footer {background: #000; padding: 55px 0;}

.logo2 {width: 350px; float: right; }

span.td-product-content {float: left; width: 100%; height: 50px;}

.td-thumbnails {float: left; width: 100%;}
a.td-thumbnail {float: left; width: calc(50% - 10px); margin: 5px; opacity: 0.8;}
a.td-thumbnail:hover  {opacity: 1;}
.td-thumbnail img {float: left; width: 100%;}
.shader {display: none;}

.td-blue {background-color: #dbb600;}
.td-blue span {padding: 15px 0; padding-top: 25px; color: white; font-weight: 300; text-transform: uppercase;}

.dropdown-item.active, .dropdown-item:active {
    background-color: #dbb600;
}

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

    .td-product h2 {
       font-size: 16pt;
    }

    a.logo img {
        width: 150px;
    }

    a.td-thumbnail {
        width: calc(50% - 10px) !important;
    }

    h1 {
        font-size: 30pt !important;
    }

    h2 {
        font-size: 16pt !important;
    }

    .td-box h2 {font-size: 10pt;}
    .polozky {
        margin-top: -50px;
    }

    .block_4 {min-height: 0;;}

    .td-box.w-20 {width: calc(25% - 10px) !important; margin: 5px;}
    .td-box span.td-box-content h2 {
        height: 75px; display: flex; justify-content: center; align-items: center;
    }

    .email_float, .flags {width: 100%; float: left; display: flex; justify-content: center; align-items: center; color: black; }
    .email_float span:nth-child(2){ display: none; }
    .flags {margin: 15px 0;}
    .flags img {margin: 10px; width: 48px;}

    .navbar-collapse {
        position: relative;
        z-index: 500;
        background-color: rgba(230,230,230,0.95);
    }
    .navbar_4  .navbar-toggler-icon {
        filter: invert(100);
    }
    .navbar_4  .navbar-toggler {
        color: rgba(255,255,255,1);
        border-color: rgba(255,255,255,1);
    }


    .navbar-toggler {z-index: 600;}

    .td-box h2 {
        font-size: 10pt !important;
    }

    .navbar-nav .nav-link {
        color: #000;
        text-align: center !important;
        font-size: 16pt;
        font-weight: 300;
        display: flex; justify-content: center; align-items: center;
    }

    .navbar_4 .navbar-nav .nav-link {
        color: #000;
        text-align: center !important;
        font-size: 16pt;
    }

}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) { 

    .navbar-light .navbar-nav .nav-link {
        color: #000;
    }

    .td-box.w-20 {
        width: calc(50% - 10px) !important;
        height: auto !important;
        margin: 5px;
    }

    nav.navbar_4.bg-light {
        background-color: rgba(0, 0, 0, 1) !important;
    }

    .td-box-img img {width: 50%;}

    .slick-next, .slick-prev {display: none !important;}

    .navbar_4.bg-light {
        background: #000 !important;
        position: relative;
    }

    nav img.logo {width: 120px; }

    div.td-multibox-box-collector{
        position: relative !important;
    }

    div.td-multibox-box {
        position: relative !important;
        width: 100% !important;
        top: 0; left: 0; bottom: 0; right: 0;
    }

    .td-multibox {
        min-height: 0;
    }

    img.logo2 {display: none;}

    .row > div[class^="col-"]:first-child {
        padding-left: 15px;
    }

   .slick-inner-aligner img {
    opacity: 1;
   }

    .row > div[class^="col-"]:last-child {
        padding-right: 15px;
    }

    .row > div {
        margin: 2px 0;
    }

    img.bigLogo, img.round_bottom {
        display: none;
    }

    .td-product {
        float: left;
        width: 100%;
        padding: 10px 0px;
        position: relative;
    }

    span.td-product-content {
        float: left;
        width: 100%;
        height: auto;
    }

    h1 {
        font-size: 20pt !important; line-height: 130%;
    }

    div.p-5-r-0 {
        order: 2;
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

.slick-inner-aligner {
    min-height: 200px;
}

    div.p-5-l-0 {
        order: 1;
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding: 0 !important;
    }

    .m-flex {display: flex; justify-content: center; flex-wrap: wrap;}

}