.td-box img {width: 100%; float: left; filter: invert(100%) }
.td-box.w-20 {width: calc(20% - 20px) !important; margin: 0 10px; float: left;  }
.td-box {
    transition: 500ms;
    transition-timing-function: ease;
    padding: 15px;
    background: hsla(202, 100%, 26%, 1);
    background: linear-gradient(90deg, hsla(202, 100%, 26%, 1) 0%, hsla(202, 100%, 39%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(202, 100%, 26%, 1) 0%, hsla(202, 100%, 39%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(202, 100%, 26%, 1) 0%, hsla(202, 100%, 39%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#005485", endColorstr="#007DC6", GradientType=1 );
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);

    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    cursor: pointer;
}


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

a.logo {background-color: #007dc6;}

.td-box:hover {
    transform: scale(1.05) !important;
}

.polozky { margin-top: -120px; position: relative; z-index: 5; float: left;}
.td-box h2 {color: #fff; text-transform: uppercase; font-size: 14pt; margin-top: 15px; 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;}
.td-box-img img {width: 60%;}

.td-footer {    background: hsla(202, 100%, 26%, 1);

    background: linear-gradient(90deg, hsla(202, 100%, 26%, 1) 0%, hsla(202, 100%, 39%, 1) 100%);
    
    background: -moz-linear-gradient(90deg, hsla(202, 100%, 26%, 1) 0%, hsla(202, 100%, 39%, 1) 100%);
    
    background: -webkit-linear-gradient(90deg, hsla(202, 100%, 26%, 1) 0%, hsla(202, 100%, 39%, 1) 100%);
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#005485", endColorstr="#007DC6", GradientType=1 ); padding: 55px 0;}

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

.td-thumbnails {float: left; width: 100%;}
a.td-thumbnail {float: left; width: calc(20% - 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: #000;}
.td-blue span {padding: 15px 0; padding-top: 25px; color: white; font-weight: 300; text-transform: uppercase;}

div.flags {
    display: flex; justify-content: center; align-items: center; flex-wrap: nowrap;
}

div.flags img  {
    margin: 2px; width: 30px; opacity: 0.4;
}

div.flags img:hover  {
   opacity: 0.8;
}

div.flags img.activeFlag {
    opacity: 1;
}

@media only screen and (max-width: 1023px) {
    .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-icon {
        filter: invert(0);
    }
    .navbar_4  .navbar-toggler {
        color: rgba(0,0,0,1);
        border-color: rgba(0,0,0,1);
    }

    div.flags {margin: 10px 0;}

    .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) { 
  
    .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  .navbar-toggler-icon {
        filter: invert(100);
    }
    .navbar_4.bg-light {
        background: #000 !important;
        position: relative;
    }

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

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

}