.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;

    overflow: hidden;
}

a.logo {
    overflow: hidden;
}

a.logo img {
    width: 200px;
}

a.nav-link56 {
    overflow: hidden;
}


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

.slick_floater {position: absolute; top: 0; z-index: 504; width: 100%; background: rgba(28, 117, 188, 0.7); padding: 10px 0; border-bottoM: 3px solid #fff;}
.slick_floater .col-sm { font-size: 16pt; color: white; font-weight: 300;}
.slick_floater .col-sm img { width: 40px; margin: 0 20px; filter: invert(100);}
.navbar_4.bg-light .nav-link:hover {background-color: #1c75bc !important; color: #fff !important;}
.bg-light .nav-item.active .nav-link {background-color: #1c75bc !important; color: #fff !important;}

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


.block  {margin-top: -15vh !important;}

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


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

.block_blue {
    margin-top: 55px !important;
    float: left; width: 100%;
    background-color: #1c75bc;
}

.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_slick_products {
    position: relative; z-index: 50;
}


.td-product {
    float: left; width: calc(100% - 40px) !important; margin: 20px; position: relative;
    -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);

    z-index: 50;
}

.td-product .img-cropper {float: left; width: 100%; position: relative; overflow: hidden;     
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); }

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

.td-product .img-cropper img {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);  transition: 200ms; filter: grayscale(100); opacity: 0.7;}
.td-product:hover .img-cropper img {transform: translate(-50%, -50%) scale(1.05);  filter: grayscale(0); opacity: 1;}

 
.stretched-link {float: left;}

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





a.td-thumbnail {
    overflow: hidden;
    position: relative;
    width: calc(25% - 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;}



.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%;
  }



.td_slick_main .slickSlider img {
    filter: grayscale(0.8);
    opacity: 1;
}

.logo_slide {left: 0; transform: translate(-100%, -50%); position: fixed; opacity: 0.05; top: 50%; width: 100%;}

.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: #1c75bc; text-transform: uppercase; margin-top: 25px; margin-bottom: -15px; width: calc(100% + 30px); padding: 15px; margin-left: -15px; font-size: 14pt; text-align: center;}
.block {margin-top: 25px; position: relative;}
.block_4 {min-height: 500px;}
.td-box-content {float: left; width: 100%; margin-top: -20px;}
.td-box-img {display: flex; justify-content: center; }
.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: 150px; float: right; }

span.td-product-content {float: left; width: 100%; border-left: 10px solid #00aeef; background-color: #eee;}
span.td-product-content h2 {color: #000; padding: 10px 15px; font-size: 14pt; transition: 200ms;}
.td-product:hover span.td-product-content h2 {padding-left: 25px; font-weight: 600;}

.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: #1c75bc;}
.td-blue span {padding: 15px 0; padding-top: 25px; color: #1c75bc; font-weight: 300; text-transform: uppercase;}

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

@media only screen and (max-width: 1023px) {
    .td-product .img-cropper img {filter: grayscale(0); opacity: 1;}
    .block  {margin-top: -5vh !important;}
    img.bigLogo {left: 30px; transform: translate(0%, -30%); Width: 40% !important; max-width: 50%; }
    img.bigBg {transform: translate(0%, 0%); }
    .td-box { height: 160px;}
    .td-box h2 {font-size: 10pt;}
    .polozky {
        margin-top: -50px;
    }
    .navbar-collapse {
        position: relative;
        z-index: 500;
        background-color: rgba(230,230,230,0.95);
    }

    .navbar_4  .navbar-toggler {
        color: rgba(255,255,255,1);
        border-color: rgba(255,255,255,1);
    }

    .logo2 {display: none;}

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


    .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) { 
  
    img.bigLogo {left: 30px; transform: translate(0%, -60%); Width: 50% !important; max-width: 50%; }
    img.bigBg {transform: translate(0%, 0%); }
    .slick_floater {display: none;}


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

    .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: 60px; }

    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;}

}