.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.g-recaptcha {
    display: flex; justify-content: center;
}

strong {
    font-weight: 600 !important;
}


.td_body2 img { width: 300px !important; height: auto !important;}

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

.price_box span:nth-of-type(1) {
    font-size: 18pt; font-weight: bold; width: 100%; float: left; text-align: center;
}

.price_box span:nth-of-type(2) {
    font-size: 12pt; font-weight: normal; width: 100%; float: left; text-align: center;
}

.card-body table, .card-body table td, .card-body table th {
    width: 100% !important;
}

.card-body img {
    width: 100% !important;
}


.thumb-info.thumb-info-centered-info .thumb-info-title { 
    opacity: 1;
}

.logo {
    height: 60px;
}

.desktop-height {
    height: 250px;
}

.logo_spacer {
    height: 30px; border-left: 1px solid #ddd; margin-left: 20px; padding-left: 20px;
}

.logo_mencik {
    height: 30px; float: left;;
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.thumb-info-type-past {
    background-color: #AA0000 !important;
}

.main {
    background: rgb(238,238,238);
    background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);
}

.benefits-page p {text-align: center !important;}

.page-header.bg-color-primary h1, .page-header.bg-color-primary ul li a, .page-header.bg-color-primary .text-color-primary, .page-header.bg-color-primary .breadcrumb > li + li:before {
    color: white !important;
}

li.flags a  {padding-left: 2px !important; padding-right: 2px !important;}
li.flags:hover a   {background: none !important;} 
img.flags {width: 30px; height: 30px; opacity: 0.4;}
img.flags.active {opacity: 1;}
li.flags:hover img.flags   {opacity: 1;} 

.margin-top-minus {
    margin-top: -100px;
}

.btn-skoda-g, #objednatservis, .testDrive, .button {
    display: inline-flex;
    vertical-align: middle;
    padding: 0;
    border: 2px solid #fff;
    background: none;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color: black;
    background-color: #78faae;
    padding: 10px 35px;
    border-radius: 50px;
    transition-timing-function: ease;
    transition: 300ms;
    font-size: 16px;
    font-weight: bold;
}

.btn-skoda-gh {
    display: inline-flex;
    vertical-align: middle;
    padding: 0;
    border: none;
    background: none;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color: black;
    background-color: #fff;
    padding: 10px 35px;
    border-radius: 50px;
    transition-timing-function: ease;
    transition: 300ms;
    font-size: 16px;
    outline: 1px solid #000 !important;;
    font-weight: bold;
}

.room-description h2 {
    font-size: 16pt; margin-bottom: 15px; font-weight: bold;
}

.btn-skoda-sm {
    padding: 5ppx; height: 17px;
    font-size: 10pt;
}

.btn-skoda-g:hover, #objednatservis:hover, .testDrive:hover, .button:hover {
    background-color: #abffcc;
    text-decoration: none !important;
    color: black;
}

.btn-skoda-gh:hover {
    background-color: #eee;
    text-decoration: none !important;
    color: black;
}

.btn-skoda-g:active, #objednatservis:active, .testDrive:active, .button:active {
    background-color: #abffcc;
    border: 2px solid #000;
}

.btn-skoda-gh:active {
    background-color: #fff;
    outline: 2px solid #000 !important;
}


.btn-aoc-active {
    background-color: #1595D4 !important; color: white !important;
}

.cars-list-details td {
    font-size: 10pt;
}

.cars-list-details td:nth-of-type(1) {
    font-weight: bold;
}

.cars-list-details {
    float: left; width: 100%;
    margin: 25px 0;
}

.w-33 {    width: 33.33% !important;}
.w-40 {    width: 40% !important;}
.w-45 {    width: 45% !important;}
.w-50 {    width: 50.00% !important;}
.w-55 {    width: 55% !important;}
.w-60 {    width: 60% !important;}



.minDetails ul, .room-description ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.minDetails ul li, .room-description ul li {
    font-size: 10pt; padding-right: 15px;
}

table.table-first-column-bold td:nth-of-type(1) {
    font-weight: 600;
}

.benefits h4 {
    font-size: 10pt !important;
}




.pojistovny {
    display: flex; 
    justify-content: center;
    align-items: center;
    float: left; width: 100%;
    margin: 25px 0;
}

.pojistovny a {
    width: 20%; float: left; padding: 20px;
}

.pojistovny a img {
    width: 100%; 
}

#footer .logo {
    height: auto; width: 100%;
}

.carousel-text-wrapper {
    position: absolute; top: 45px; left: 45px;
    z-index: 500;
}

.carousel-text-wrapper div {
    color: white; font-weight: 600; text-shadow: 0px 0px 20px #000000;
}

.carousel-text-wrapper .text-5 {
    font-size: 38pt !important; float: left; width: 100%; max-width: 600px; line-height: 100%;
}

.carousel-text-wrapper .text-2 {
    font-size: 16pt !important; float: left; width: 100%; margin-top: 10px; max-width: 600px; line-height: 100%;
}

.btn-pronajem {
    position: fixed; top: 25px; right: 10px; z-index: 1031; padding: 15px; Font-weight: bold; border: 1px solid #eee;
}

.card-header h4 {
    text-transform: none !important;
}

.modal-body img {
    max-width: 100%;
}

.owl-item-img-hover img {
    transition-timing-function: ease;
    transition: 300ms !important;
}

.owl-item-img-hover:hover img {
    transform: scale(1.1);
}

.owl-item {
    overflow: hidden;
}

.owl-item-caption {
    display: flex; justify-content: center; align-items: center;
    position: absolute; bottom: 0%; padding: 10px; text-align: center; font-size: 9pt; color: white; background: rgba(0,0,0,0.7); width: 100%; z-index: 500; min-height: 70px;
}

.owl-item-icon {
    position: absolute; top: 15px; left: 15px; filter: invert(100); width: 32px !important; margin-right: 20px; z-index: 50;
}

@media only screen and (max-width: 1023px) {
    .carousel-text-wrapper .text-5 { font-size: 20pt !important; }
    .carousel-text-wrapper .text-2 { font-size: 12pt !important; }
    .carousel-text-wrapper { top: 25px; left: 25px; }

    .btn-pronajem {
        display: none;
    }

}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) { 
    .logo { height: 40px; }
    .logo_mencik { height: 25px; }
    .carousel-text-wrapper .text-5 { font-size: 14pt !important; }
    .carousel-text-wrapper .text-2 { font-size: 10pt !important; }
}

.splitter .panel {
    position: relative; max-height: 700px; overflow: hidden; height: 100%;
}

.splitter .panel div {
    z-index: 5; position: relative;
}

.splitter .panel img {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.01); z-index: 1; transition-timing-function: ease; transition: 300ms;
}

.splitter .panel img {
    height: 100% !important; width: auto !important;
}

.splitter .panel img.wide {
    height: 100% !important; width: auto !important;
}

.splitter .panel img.tall {
    width: 100% !important; height: auto !important;
}

.splitter .panel:hover img{
    transform: translate(-50%, -50%) scale(1.05);
}


.splitter .panel .panel-box {
    padding: 35px 25px; background-color: rgba(0,0,0,0.7); float: left; margin: 25px; transition: 300ms; transition-timing-function: ease;
}

.splitter .panel:hover .panel-box {
    margin-top: 45px; background-color: #1595D4;
}

.splitter .panel .panel-box div{
    color: white; font-size: 24pt;
}

.splitter .panel .panel-box-2 {
    float: right !important;
}

.card {
    transition: 300ms; transition-timing-function: ease;
}

.benefit-box .card-image {
    filter: invert(48%) sepia(84%) saturate(3911%) hue-rotate(174deg) brightness(99%) contrast(84%); transition: 300ms;  transition-timing-function: ease;
    border: 1px solid #eee;
    margin-top: 15px;
    padding: 15px;
    border-radius: 50%;
}

.card-photo {
    filter: none !important;
}


.header-top-color {
    background-color: #eee;
}

ul.nav-pills li.nav-item span i {
    color: #1595D4 !important;
}

ul.nav-pills li.nav-item span {
    font-size: 14pt !important; color: #aaa !important; font-weight: 300 !important;
}


.card:hover .card-image {
    filter: invert(100%) saturate(0%);
}

.card:hover {
    background-color: #ddd !important;
}


header#header div.header-body {
    border-bottom: none !important; 
    background: none !important;
    box-shadow: none !important;
    overflow-y: visible;
}

header#header div.header-background {
    position: absolute; top: 0; left: 0; width: 100vw; height: 100%;
    background: rgb(255,255,255);
}

header#header.header-1 div.header-background {
    position: absolute; top: 0; left: 0; width: 100vw; height: 150%;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%,  rgba(255,255,255, 0.7) 50%, rgba(255,255,255,1) 100%) !important;
}


#header {
    background: none !important;
    position: relative;
}

.header-1 {
    background: none !important;
    position: fixed !important;
}

video {
    opacity: 1;
    border-bottom: 25px solid #eee;
}
 

.thumb-info, .vc_btn3 {
    border: 5px solid #fff !important;
}


.center-box {
    position: absolute; top: 50%; left: 50%; transform: translate(-50% ,-80%); z-index: 50; width: 100%;
}

.center-box div {
    text-align: center; color: white; text-shadow: 0px 0px 15px #000; font-size: 3vw; line-height: 120%; width: 100%;
}


.carousel-text-wrapper img {
    opacity: 0.5;
}

.panel-carousel-left, .panel-carousel-right {
    position: absolute; z-index: 5; top: 25px; transition: .3s; transition-timing-function: ease;
}

.panel-carousel-left:hover, .panel-carousel-right:hover {
     top: 35px;
}

.panel-carousel-left{
    left: 25px;
}

.panel-carousel-right {
    right: 25px;
}

.owl-item .panel-carousel-left div, .owl-item .panel-carousel-right div{
    color: white; font-size: 20pt;
}


.panel-carousel-right div {
    text-align: right; text-shadow: 0px 0px 15px black;
}

.panel-carousel-left div {
    text-shadow: 0px 0px 15px black;
}

.owl-item img {
    opacity: 1 !important; transition: .3s; transition-timing-function: ease;
}
.owl-item:hover img {
    opacity: 1 !important;
}

.td_body ul {
    margin: 55px;
    margin-left: 25px;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

div.sidebar {
    position: fixed;
    top: 50%; transform: translateY(-50%);
    left: 0;
    width: 60px;
    padding: 15px;
    background-color: #fff;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    z-index: 5000;
}

div.sidebar .sideLink:nth-of-type(1) {
    margin-bottom: 15px;
}
div.sidebar .sideLink {
    width: 35px;
    opacity: 0.7;
    margin-top: 15px;
}

div.sidebar .sideLink:nth-of-type(1) {
    margin-bottom: 15px;
}
div.sidebar .sideLink:hover {
    opacity: 1;
}

.benefit-box img { transition: 0.3s; transition-timing-function: ease; }
.benefit-box:hover img {
    box-shadow: 0 0 15px #1595D4;
}

.card-hover {
    transition: 0.3s;
    transition-timing-function: ease;
    border: 0 !important;
    box-shadow: 0 0 15px #eee;
}

.card-hover:hover {
    background-color: #fff !important;
    box-shadow: 0 0 25px #1595D4;
}

.td_body img {
    max-width: 100%;
}

@keyframes zoom_in {
    0%   {transform: translate(-50%, -50%) scale(1);}
    50%  {transform: translate(-50%, -50%) scale(1.2);}
    100% {transform: translate(-50%, -50%) scale(1);}
  }
  
  /* The element to apply the animation to */
  .zoom-in {
    animation-name: zoom_in;
    animation-duration: 30s;
  }

@media only screen and (max-width: 1023px) {
  .hide-tablet-down {display: none !important;}
  .w-100-tablet {
    width: 100% !important;
  }

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

  .desktop-height {
    height: auto !important;
}


}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) {  
    div.benefits {        flex-wrap: wrap !important;      }
    div.panel-box div:nth-of-type(1){ font-size: 8pt;    margin: 0 !important;        }
    div.panel-box div:nth-of-type(2){ font-size: 12pt;       margin: 0 !important;     }
    button.owl-next, button.owl-prev {
        display: none !important;
    }

    .margin-top-minus {    margin-top: -15px;}
    .thumb-info-title .text-5 {
        font-size: 12pt !important;
    }

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

    .owl-nav {
        z-index: 50 !important;
    }

    .m-100 {
        width: 100% !important;
    }

    .m-my-2 {
        margin-top: 10px !important; margin-bottom: 10px !important;
    }
    #header {
        position: relative !important; 
        height: 80px !important;
    }

    .td_body ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        margin: 0px;
        margin-left: 0px;
        padding-left: 20px;
        
    }
    .td_body ul li {
        padding-right: 0;
    }
    

}