#ajax-gallery {
    cursor: pointer
}

.newsletter-send-button {
    margin: 3px 0 0 -16px
}

.justify-content-center {
    justify-content: center
}

.gallery-button span {
    white-space: nowrap
}

.akce-btn {
    padding: 17px 20px !important
}

.menu > ul > li > ul > li > ul > li > ul {
    display: none
}

@media (min-width: 768px) and (max-width: 998px) {
    .black-cover-half {
        width: 94.5%
    }
}

@media (max-width: 991.98px) {
    .background {
        background-position: center bottom 455px
    }
}

.menu {
    border-bottom: 1px solid #424242
}

#searchning-main {
    max-height: 98px
}

.events > .col-md-6 > a {
    color: #000
}

.events > .col-md-6 > a:hover {
    text-decoration: none
}

.footer-main {
    filter: grayscale(0)
}

.footer-main img {
    filter: grayscale(100%);
    transition: all .5s
}

.footer-main img:hover {
    filter: grayscale(00%)
}

.icon-fb {
    background-image: url(../files/images/icons/icon-fb.png);
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: 100%;
    filter: grayscale(100%);
    transition: all .5s
}

.icon-ig {
    background-image: url(../files/images/icons/icon-ig.png);
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: 100%;
    filter: grayscale(100%);
    transition: all .5s
}

.icon-fb:hover, .icon-ig:hover {
    filter: grayscale(0)
}

.social-button a {
    padding: 27px 10px
}

.social-button-mobile {
    display: none
}

@media (max-width: 1200px) {
    .social-button {
        display: none !important
    }

    .social-button-mobile {
        text-align: center;
        display: block
    }

    .social-button-mobile a {
        max-width: 70px;
        display: inline-block !important
    }

    .searching-container button {
        padding: 11px 20px 10px 25px
    }
}

@media (min-width: 1200px) {
    .menu #langs-main ul {
        max-width: 71px
    }

    .events > col-md-6 > a {
        color: #000
    }

    .events > col-md-6 > a:hover {
        color: #000;
        text-decoration: none
    }

    .page-submenu > ul > li > ul > li > ul > li > a {
        background: 0 0;
        padding: 0;
        text-align: left;
        font-size: 13px
    }

    .menu-dropdown-icon-sub {
        content: "+";
        display: block;
        cursor: pointer;
        position: absolute;
        right: 2px;
        top: 20px;
        background: 0 0;
        color: #333;
        cursor: pointer;
        text-decoration: none;
        color: #424242;
        padding: 0 0 0 10px;
        margin-top: 0;
        width: 30px;
        height: 29px;
        border: 1px solid #c7c7c7
    }

    .interest a {
        color: #000
    }

    .interest a:hover {
        color: #000;
        text-decoration: none
    }

    .img-responsive {
        max-width: 100%
    }

    .popup-content img {
        max-width: 100%;
        max-height: 100%
    }

    .map-button-area {
        text-align: left;
        margin: 15px 0
    }

    .popup-button-pos {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .background-map {
        width: 100%;
        background-image: url(/spindleruvmlyn/content/files/images/PAGES/rozcesti/img_5016.jpg);
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
        opacity: .35;
        background-size: auto 100%
    }

    .map-text .info-table table {
        color: #000
    }

    .menu-dropdown-icon-sub {
        top: 14px
    }

    .google-switcher {
        position: relative;
        top: 28px
    }

    body {
        top: 0 !important;
        position: unset !important
    }

    #google_translate_element {
        float: right;
        top: 35px;
        position: relative;
        margin-right: 15px
    }
}

@media only screen and (max-width: 1200px) {
    #google_translate_element {
        float: right;
        top: 108px;
        position: absolute;
        right: 0;
        margin-right: 10px
    }

    .goog-te-banner-frame {
        bottom: 0 !important;
        top: initial !important
    }

    .interest-text-half img {
        max-width: 100%;
        height: inherit !important
    }

    .main-slider .slick-slide iframe {
        height: 120vh
    }

    .img-responsive {
        max-width: 100%;
        max-height: 600px
    }

    .pagination {
        display: inline-flex;
        padding-left: 0;
        list-style: none;
        border-radius: .25rem
    }

    .page-link {
        position: relative;
        display: block;
        padding: .5rem .75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #007bff;
        background-color: #fff;
        border: 1px solid #dee2e6
    }

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

    .page-item:first-child .page-link {
        margin-left: 0;
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .page-item:last-child .page-link {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .page-item.disabled .page-link {
        color: #6c757d;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #dee2e6
    }

    .pagination-lg .page-link {
        padding: .75rem 1.5rem;
        font-size: 1.25rem;
        line-height: 1.5
    }

    .pagination-lg .page-item:first-child .page-link {
        border-top-left-radius: .3rem;
        border-bottom-left-radius: .3rem
    }

    .pagination-lg .page-item:last-child .page-link {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem
    }

    .pagination-sm .page-link {
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5
    }

    .pagination-sm .page-item:first-child .page-link {
        border-top-left-radius: .2rem;
        border-bottom-left-radius: .2rem
    }

    .pagination-sm .page-item:last-child .page-link {
        border-top-right-radius: .2rem;
        border-bottom-right-radius: .2rem
    }

    .icon-pagination_left:before {
        content: ' ';
        background-image: url(../files/images/icons/icon-pagination.svg);
        width: 6px;
        height: 13px;
        margin: 0 auto 0 auto;
        display: inline-block;
        cursor: pointer;
        transition: .5s;
        transform: rotate(180deg)
    }

    .icon-pagination_right:before {
        content: ' ';
        background-image: url(../files/images/icons/icon-pagination.svg);
        width: 6px;
        height: 13px;
        margin: 0 auto 0 auto;
        display: inline-block;
        cursor: pointer;
        transition: .5s
    }

    .icon-yt {
        background-image: url(../files/images/icons/icons-play-button.svg);
        display: inline-block;
        width: 46px;
        height: 40px;
        background-position: center;
        background-size: 110%;
        filter: grayscale(100%);
        transition: all .5s
    }

    .icon-yt:hover {
        filter: grayscale(0)
    }

    .menu .social-button a {
        padding: 15px 10px
    }

    .header-mobile {
        position: absolute;
        right: 28px;
        top: 65px;
        color: #000
    }

    .header-mobile a {
        color: #000
    }
}

@media (max-width: 1200px) {
    .header-mobile {
        position: relative;
        right: 0;
        top: 0;
        color: #000;
        background: #fff;
        text-align: center;
        padding: 15px
    }

    .footer-main .loga a {
        display: inline-block;
        padding: 0 15px
    }
}

#manu-content {
    max-width: 1400px;
    margin: auto;
}

@media (max-width: 800px) {
    .small-hp-item, .big-hp-item {
        background-size: cover !important;
        background-position: center !important;
    }
}

.block-changing-content-text, .block-changing-smaller-content-text {
    top: initial;
}

a.image-popup-vertical-fit {
    display: block;
    text-align: center;
    margin-bottom: 60px;
}

a.image-popup-vertical-fit img {
    width: 50%;
    max-width: 400px;
}

.header-big {
    background-size: auto;
    height: 45vh;
}

.content-akce {
    margin-top: 180px;
}

.events .event-item .event-content {
    height: auto;
}

.text-content-hp p, .interest-text {
    color: black;
}

.news-item-text h3, .header-big_content_inner {
    text-shadow: 1px 1px 5px #000, 1px 1px 20px #000;
}

.calendar-buttons > ul > li > a {
    background-color: #e4e4e4;
}

.calendar-buttons > ul > li > a:hover {

    color: #eb9e06;
}

.menu > ul > li a:hover {
    color: #eb9e06;

}

.active {
    background-color: #e4e4e4;
}

.menu .page-lang {
    color: #3c6c23;
    font-weight: 700;
}

.legal {
    background-color: white;
    width: 400px;
    margin: auto;
    margin-bottom: 40px;
}
.menu-logo img {
    height: 70px;
margin-top: 10px;
   
}    
.menu-logo {
    left: 35px;    
}    

.eu-logo img {
    height: 180px;
    position: absolute;
    left: 145px;
    top: -7px;
}



.btn-arrow_black {
    display: none;
}
.most-visited {
  color: white;
  text-align: center;
  background-color: rgba(235, 158, 6, 0.44);
  padding: 24px 0 24px 0;  
}
.tracy-debug-bar{
display:none!important;
}
p a {
    color: #eb9e06;
}
p a:hover {
    text-decoration: underline;
    color: #eb9e06;    
}
.menu {
  height: 180px;
  }
.header-small {
  margin-top: 180px;
}  
#hp-slider{
margin-top: 100px;
}
@media (max-width: 800px) {
  .block-changing-smaller-content-text {
    margin: 0 25px 0 25px;
  }
   .eu-logo  img {
    height: 130px!important;
    left: 105px;    
  }
  .menu-logo img {
      height: 40px;         
    margin-top: 14px;       
  }  
  .menu {
  height: 120px;
  }  
.header-small {
  margin-top: 120px;
}    
}
@media (max-width: 600px) {
  .eu-logo  img {
      height: 100px!important;
    left: 75px;
    top: 7px;      
  }
  .menu-logo  {
    left: 15px;      
  }    
  .menu-logo img {
      height: 36px;
    margin-top: 14px; 
     
  }    
  .most-visited{
      color: black;
  }
  .news-item-text h3{
      text-shadow: none;
  }
  .menu-mobile{
  padding-right:10px;
  }
}

@media (max-width: 400px) {
  .eu-logo  img {
      height: 85px!important;
    left: 65px;
    top: 16px;      
  }
  .menu-logo img {
      height: 30px;
    margin-top: 16px; 
  }
  .menu-logo  {
    left: 10px;      
  }          
}

@media only screen and (max-width: 1600px) {
  .menu-image {
    display: none;
  }
  .arrow-down {
    display: none !important;
  }
  .menu-container {
    width: 100%;
  }
  .menu-mobile {
    display: block;
  }
  .menu-dropdown-icon:before {
    display: block;
  }
  .menu {
    position: absolute;
  }
  .menu > ul {
    margin: 0 auto;
    padding: 100px 0 0 0;
    display: none;
    position: relative;
    float: none;
  }
  .menu > ul > li {
    width: 100%;
    float: none;
    display: block;
    border-top: 1px solid #d6d6d6;
  }
  .menu > ul > li a {
    padding: 1.8em;
    width: 100%;
    display: block;
    background: #fff;
    color: #000;
  }
  .menu > ul > li a:hover {
    color: #000;
    font-weight: 600;
  }
  .menu > ul > li > ul {
    padding: 25px;
    position: relative;
    background: #fff;
    border-top: 1px solid #d6d6d6;
  }
  .menu > ul > li > ul.normal-sub {
    width: 100%;
    border-top: 1px solid #d6d6d6;
  }
  .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    height: auto;
    background: #fff;
    padding-left: 0;
    padding-top: 0;
    margin: 0;
  }
  .menu > ul > li > ul > li a {
    background: transparent;
    font-family: Nunito;
    color: #000;
    border-bottom: 1px solid #d6d6d6;
  }
  .menu > ul > li > ul > li a:hover {
    color: #000;
    font-weight: 600;
  }
  .menu > ul > li > ul > li > ul > li {
    float: none;
  }
  .menu > ul > li > ul > li > ul > li a {
    color: #000;
  }
  .menu > ul > li > ul > li > ul > li a:hover {
    color: #000;
    font-weight: 600;
  }
  .input-serchnig {
    width: 87% !important;
    border: 1px solid #d6d6d6;
    padding: 5px 5px;
  }
  .icon-search {
    float: right;
  }
  .menu #langs-main {
    border-bottom: 1px solid #d6d6d6;
  }
  .page-lang {
    display: inline-block;
    padding: 1.5em;
    color: #fff;
  }
  .arrow-down {
    display: none !important;
  }
  .menu #langs-main ul {
    background-color: #fff;
    padding-top: 0;
  }
  .menu #langs-main span {
    padding: 1.83em 20px;
  }
  .menu-action-mobile-hidden {
    display: none;
  }
  .menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 6px;
  }
}