/*@font-face {
    font-family: "Montserrat";
    src: url("assets/fonts/Montserrat-VariableFont_wght.ttf") format('truetype');
    font-weight: 300 700;
    font-style:normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("assets/fonts/Montserrat-Italic-VariableFont_wght.ttf") format('truetype');
    font-weight: 300 700;
    font-style:italic;
    font-display: swap;
}*/

@font-face {
    font-family: "Archivo";
    src: url("assets/fonts/Archive_SemiExpanded/Archivo_SemiExpanded-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style:normal;
    font-display: swap;
}

@font-face {
    font-family: "Archivo";
    src: url("assets/fonts/Archive_SemiExpanded/Archivo_SemiExpanded-Italic.ttf") format('truetype');
    font-weight: 400;
    font-style:italic;
    font-display: swap;
}

@font-face {
    font-family: "Archivo";
    src: url("assets/fonts/Archive_SemiExpanded/Archivo_SemiExpanded-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style:normal;
    font-display: swap;
}

@font-face {
    font-family: "Archivo";
    src: url("assets/fonts/Archive_SemiExpanded/Archivo_SemiExpanded-BoldItalic.ttf") format('truetype');
    font-weight: 700;
    font-style:italic;
    font-display: swap;
}

html
{
    overflow-x:hidden ;
}

body
{
    font-family:"Archivo", sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    color: #112944;
    overflow-x:hidden;
    background: #fff;
}

@media(min-width:1600px) {
    .container {
        max-width: 1526px;
    }
}

h2, h1
{
    font-weight: 400;
    text-align: left;
    margin-bottom:39px;
    margin-top:50px;
    text-shadow: 0 0 50px #ffffffbf;
    font-size: 48px;
    color: #112944;
}

h3
{
    font-size:28px;
    font-weight:400;
    margin-bottom: 20px;
}

h2.underlined, h1.underlined:after, h2.underlined-small
{
    margin-bottom:39px;
}

h2.underlined:after, h1.underlined:after, h3.underlined:after, h2.underlined-small:after
{
    width:500px;
    max-width: 100%;
    height:1px;
    background-color: #333333;
    content:'';
    display: block;
    margin-top:40px;
}

h2.underlined-small
{
    font-size: 24px;
}

h2.underlined-small:after
{
    margin-top:28px;
    width: 300px;
}

h3.underlined:after
{
    margin-top:15px;
}



.yellow-text
{
    color:#06e3f4;
}

#video-head video, #introCarousel, #introCarousel, #introCarousel .carousel-item img
{
    height:867px;
    max-height: 100vh;
    width: 100%;
    object-fit: cover;
    display: block;
}

#video-head, #introCarousel
{
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
}

#video-head:before
{
    background:#0f3460;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    content: '';
}

@media (max-width: 1200px)
{
    #introCarousel, #introCarousel .carousel-item img
    {
        height:auto;
        min-height:500px;
    }
}

.moved
{
    transform: translateY(150px);
    transition: all 0.5s ease-in-out;
}

.moved.moved-done
{
    transform: translateY(0px);
}

.header-date
{
    font-size: 14px;
    line-height:18px;
    color:#ffffff;
    font-weight: 700;
    border-left:3px solid #ffffff;
    padding-left: 25px;
}

.header-date p
{
    margin-bottom: 0px;
}

/*@media(max-width: 1400px)
{*/
    header .custom-logo {
        width: 250px;
        height: auto;
    }
/*}*/

@media(max-width: 1200px)
{
    header .custom-logo {
        width: 200px;
        height: auto;
    }
}

#searchform, #searchform-artist
{
    position: relative;
}

#searchform input#s, #searchform-artist  input#s-artist
{
    width:399px;
    height:48px;
    border-radius:24px;
    background: rgba(17, 41, 68, .5);
    /*background: rgba(0,0,0,0.5);*/
    display: block;
    padding:15px 45px 15px 20px;
    border:0;
    font-size:14px;
    color:white;
    line-height: 18px;
    font-style: italic;
}

#searchform-artist  input#s-artist
{
    border:1px solid white;
    max-width:100%;
}
#searchform-artist  input#s-artist::placeholder,
#searchform input#s::placeholder
{
    color: #fff;
}

#searchform, #searchform input#s
{
    max-width: 100%;
}

#searchform #searchsubmit, #searchform-artist #searchsubmit-artist
{
    background: url("assets/images/icon_search.svg") no-repeat center center;
    position: absolute;
    right:18px;
    top:16px;
    border:0;
    height: 16px;
    width: 15px;
    opacity: 0.7;
    transition: opacity 0.3s ease-in-out;
}

#searchform #searchsubmit:hover, #searchform-artist #searchsubmit-artist:hover
{
    opacity: 1;
}

.card
{
    background-color: transparent;
    overflow:hidden;
    border: 0;
}

.card-body
{
    padding:26px 30px;
}

.card h3
{
    font-weight:600;
    font-size: 24px;
    color: #112944;
    line-height: 32px;
    margin-top:20px;
    border-top:1px solid #999999;
    padding-top: 20px;
    transition: all 0.3s ease-in-out;
}

.card h3:after
{
    background: url("assets/images/arrow_top_right.svg");
    background-size: contain;
    margin-left:15px;
    display: inline-block;
    content:'';
    height: 16px;
    width: 16px;
    transition: all 0.3s ease-in-out;
}

.card:hover h3
{
    text-decoration: underline;
}

.card:hover h3:after
{
    transform: rotateZ(45deg);
}

.card .spaceholder, .spaceholder-square, .swiper-interpreti .spaceholder, .boxes-interpreti-headliners .spaceholder
{
    height:0;
    padding-bottom: 64.3%;
    position: relative;
    border-radius:20px;
    overflow:hidden;
}

.swiper-interpreti .spaceholder, .boxes-interpreti-headliners .spaceholder
{
    padding-bottom: 125%;
}

.spaceholder.with-overlay:after
{
    position: absolute;
    background: rgba(15, 52, 96, 0.45);
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content:'';
    display: block;
    border-radius: 20px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}

.card:hover .spaceholder.with-overlay:after
{
    background: rgba(15, 52, 96, 0);
}

.spaceholder-square
{
    padding-bottom: 110%;
}

.card .spaceholder img, .spaceholder-square img, .swiper-interpreti .spaceholder img, .boxes-interpreti-headliners .spaceholder .img, .swiper-historie .spaceholder img
{
    position:absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    object-fit: cover;
    width: 100%;
    height:100%;
    z-index:1;
    transition: all 0.5s ease-in-out;
}

.card:hover .spaceholder img, div:hover>.spaceholder-square img, .swiper-interpreti .swiper-slide:hover .spaceholder img, .swiper-historie .swiper-slide:hover .spaceholder img,
#block-videa .video-box:hover .youtube-video-hide-image, .boxes-interpreti-headliners .card:hover .spaceholder .img, .historie-rocnik .historie-gallery-item:hover img
{
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    height: calc(100% + 20px);
    width: calc(100% + 20px);
}

.spaceholder .arrow-circle, .video-box .arrow-circle
{
    height: 80px;
    width: 80px;
    border-radius: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 2;
    backdrop-filter: blur(10px);
    background: url("assets/images/arrow_top_right_white.svg") no-repeat center center;
    background-size: 24px 24px;
    transition: all 0.3s ease-in-out;
}

.card:hover .spaceholder .arrow-circle, .swiper-merch .swiper-slide:hover .arrow-circle, .video-box:hover .arrow-circle, .swiper-interpreti .swiper-slide:hover .spaceholder .arrow-circle,
.swiper-historie .swiper-slide:hover .spaceholder .arrow-circle, .historie-rocnik .historie-gallery-item:hover .arrow-circle
{
    background-color: #06e3f4;
    box-shadow: 0 0 40px 0 #06e3f4;
    transform: rotateZ(45deg);
}

.historie-gallery-item .arrow-circle
{

    margin-left: -20px;
    margin-top: -20px;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    background-size: 12px 12px;
}

.card .date, .date-calendar
{
    padding-left: 22px;
    background: url("assets/images/ico_kalendar.svg") no-repeat left center;
}

.card a.full-size-link, a.full-size-link
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
    z-index: 10;
}

.category-read-more
{
    line-height: 22px;
    font-size: 18px;
    color: #112944;
}

.category-read-more:after
{
    background: url("assets/images/arrow_top_right.svg");
    background-size: contain;
    margin-left:23px;
    display: inline-block;
    content:'';
    height: 13px;
    width: 13px;
    transition: all 0.3s ease-in-out;
}

.category-read-more:hover:after
{
    transform: rotateZ(45deg);
}

@media(max-width: 992px)
{
    h2.underlined::after, h1.underlined::after, h3.underlined::after, h2.underlined-small::after
    {
       width:450px;
    }
}

@media(max-width: 768px)
{
    .with-category-link .category-read-more
    {
        display: block;
        margin-top: -90px;
    }

    .with-category-link h2.underlined::after
    {
        margin-top: 65px;
    }
}

.alm-listing.alm-ajax.row.boxes
{
    display: flex;
    margin-left:-24px;
    margin-right:-24px;
}


.ajax-load-more-wrap.white .alm-load-more-btn.more
{
    font-size:0;
    border-radius:66px;
    background:transparent;
    height:66px;
    width:66px;
    position: relative;
    border:0;
    transition: background-color 0.3s ease-in-out;
    margin-top:40px;
}

.ajax-load-more-wrap.white .alm-load-more-btn.more:disabled
{
    display: none;
}

.ajax-load-more-wrap.white .alm-load-more-btn.more.loading:before
{
    opacity: 0;
}

.alm-load-more-btn.more:after
{
    display: block;
    content: url("assets/images/plus.svg");
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.ajax-load-more-wrap.white .alm-load-more-btn.more.loading:after
{
    animation-name: loaMoreCircle;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes loaMoreCircle {

    0% { transform: rotateZ(0deg); }
    25% { transform: rotateZ(90deg); }
    50% { transform: rotateZ(180deg); }
    75% { transform: rotateZ(270deg); }
    100% { transform: rotateZ(360deg); }
}

#download-app-block
{
    background: url("assets/images/bg_app_.webp") no-repeat center center;
    background-size: cover;
    color:white;
    margin-bottom:100px;
    padding-top:0px;
    padding-bottom:100px;
    margin-top:200px;
    position: relative;
}

#download-app-block>div
{
    position: relative;
    z-index:2;
}

#download-app-block:before
{
    height:117%;
    width:50%;
    position: absolute;
    left:50%;
    top:-17%;
    background:url("assets/images/bg_app_mobil.webp") no-repeat left bottom;
    background-size:auto 100%;
    content:'';
    display: block;
    z-index:1;
}

.info-list
{
    list-style-type: none;
    column-count: 2;
    column-gap: 70px;
}

.accordion .accordion-item {
    break-inside: avoid-column;
    color: #112944;
}

.accordion-item:last-of-type .accordion-button.collapsed
{
    border-radius: 0;
}

.accordion
{
    --bs-accordion-btn-focus-box-shadow:none;
}

@media(max-width: 992px)
{
    .info-list
    {
        column-count: 1;
    }
}

.info-list li, .accordion-header
{
    border-bottom:1px solid #333333;
    border-radius: 0;
}

.info-list li a, .accordion-header button.accordion-button, .accordion-item .accordion-button:focus
{
    border-bottom:3px solid #090909;
    display: block;
    padding: 30px 30px 30px 0;
    color:#112944;
    font-size: 24px;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    background-color: transparent;
}

.info-list li a:after, .accordion-header button:after
{
    position:absolute;
    content: url("assets/images/arrow_top_right.svg");
    right:0;
    top:50%;
    margin-top:-9px;
    display: block;
    filter: brightness(0) invert(1);
    transition: transform 0.3s ease-in-out;
    background: none;
}

.info-list li a:hover, .accordion-header button:hover, .accordion-header button:not(.collapsed), .accordion-item .accordion-button:focus
{
    border-bottom-color: white;
    border-radius:0;
    font-weight: 700;
}

.info-list li a:hover:after, .accordion-header button:hover:after
{
    filter: none;
    transform: rotateZ(45deg);
}

.accordion-header .accordion-button:not(.collapsed)::after
{
    transform: rotateZ(90deg);
    filter: none;
    background: none;
}

.accordion-item
{
    background-color: transparent;
}

h2.accordion-header
{
    margin: 0;
}

.accordion-body h2, .accordion-body h3
{
    font-size: 20px;
}



.single-page article h2:not('.like-h1')
{
    font-size:28px;
    line-height:36px;
    margin-bottom:20px;
}

article .content h2:not('.like-h1')
{
    text-align:left;
    margin-bottom:15px;
    font-size:28px;
    line-height:36px;
}

@media(max-width:768px)
{
    h2
    {
        font-size:35px;
        line-height:45px;
        margin-bottom:20px;
        margin-top:20px;
    }
}

ul
{
    padding-left:15px;
}

a
{
    color: #112944;
    transition:color 0.2s ease-in-out;
}

a:hover, .yellow-link>a, .yellow-link>strong>a, a.yellow-link
{
    color: #06e3f4;
}

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

.full-width
{
    width:100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left:15px;
    padding-right:15px;
}

@media (max-width: 768px)
{
    h1 
    {
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 20px;
      margin-top: 20px;
    }
}

header
{
    z-index:20;
    transition:all 0.3s ease-in-out;
    position: fixed;
    top:0;
    left:0;
    right: 0;
}

#header-top
{

    max-height:200px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

header.scrolled #header-top
{
    max-height: 0;
}


#header-fixed
{
    background: rgba(17, 41, 68, .5);
    /*background:rgba(0,0,0,0.5);*/
    padding:28px 0;
    transition: all 0.3s ease-in-out;
}

header.scrolled #header-fixed
{
    background: #112944;
    /*background:rgba(0,0,0,1);*/
}

header #logo
{
    display:block;
    margin-bottom:8px;
}

header #logo img
{
    transition:all 0.3s ease-in-out;
    
}

.social-menu li a
{
    padding:7px;
}

.partners-loga img
{
    /*transition: all 0.3s ease-in-out;*/
    /*filter: brightness(0) saturate(100%) invert(40%) sepia(88%) saturate(2135%) hue-rotate(200deg) brightness(101%) contrast(103%);*/
    filter: brightness(0) saturate(100%) invert(10%) sepia(98%) saturate(852%) hue-rotate(184deg) brightness(90%) contrast(92%);
    opacity: .5;
    transition: opacity .4s;
}
.partners-loga img:hover
{
    opacity: 1;
}
.social-menu li a:hover img
{
    /*filter: brightness(0) saturate(100%) invert(13%) sepia(88%) saturate(6118%) hue-rotate(350deg) brightness(97%) contrast(110%);*/
    /*filter: brightness(0) saturate(100%) invert(40%) sepia(88%) saturate(2135%) hue-rotate(200deg) brightness(101%) contrast(103%);*/
    filter: brightness(0) saturate(100%) invert(10%) sepia(98%) saturate(852%) hue-rotate(184deg) brightness(90%) contrast(92%);
    animation: 1 recolor 0.3s linear;
}

@keyframes recolor {
    0% {
        opacity:1;
        filter:none;
    }
    49% {
        filter: none;
    }
    50% {
        opacity:0;
        /*filter: brightness(0) saturate(100%) invert(13%) sepia(88%) saturate(6118%) hue-rotate(350deg) brightness(97%) contrast(110%); */
        filter: brightness(0) saturate(100%) invert(40%) sepia(88%) saturate(2135%) hue-rotate(200deg) brightness(101%) contrast(103%);
    }
    100% {
        filter: brightness(0) saturate(100%) invert(40%) sepia(88%) saturate(2135%) hue-rotate(200deg) brightness(101%) contrast(103%);
        /*filter: brightness(0) saturate(100%) invert(13%) sepia(88%) saturate(6118%) hue-rotate(350deg) brightness(97%) contrast(110%);*/
        opacity:1;
    }
}

ul.main-menu
{
    display:flex;
    justify-content: end;
}

ul.main-menu li
{
    padding:0 19px;
}

ul.main-menu li a
{
    color: #ffffff;
    font-size: 16px;
    line-height:24px;
    transition:color 0.2s ease-in-out;
    position:relative;
    padding:5px;
}

@media(max-width: 1400px)
{
    ul.main-menu a
    {
        padding: 8px 8px;
    }

    ul.main-menu li
    {
        padding:0 10px;
    }
}

@media(max-width: 1200px)
{
    ul.main-menu li
    {
        padding:0 5px;
    }
}

ul.main-menu li a:hover
{
    color: black;
}

ul.main-menu li a:hover, ul.main-menu li.current-menu-item a, ul.main-menu li .nav-link:focus,
#expanded-menu ul li a:hover, #expanded-menu ul li.current-menu-item a, ul.expanded-menu li .nav-link:focus
{
    color:#06e3f4;
}

ul.main-menu li a img
{
    margin-top:-5px;
}

body:not(.page-2) #site-header:not(.scrolled) ul.main-menu li a:hover
{
    color:#06e3f4;
}

@media(max-width:1200px)
{
    ul.main-menu li a
    {
        padding:8px;
    }
}


header #logo
{
    z-index:1000;
    position:relative;
}

#main-menu-toggler
{
    display:block;
    width:33px;
    height:29px;
    margin-right:0;
    margin-left:auto;
    cursor:pointer;
    z-index:1000;
    position:relative
}

#main-menu-toggler span
{
    display:block;
    height:3px;
    background: #ffffff;
    border-radius:3px;
    width:33px;
    margin-top:10px;
    transition:all 0.2s ease-in-out; 
}

#main-menu-toggler span:first-child
{
    margin-top:0px;
}

#main-menu-toggler.active-menu span:nth-child(2)
{
    display:none;
}

#main-menu-toggler.active-menu span:first-child
{
    transform:rotate(45deg);
    margin-top:25px;
}

#main-menu-toggler.active-menu span:last-child
{
    transform:rotate(-45deg);
    margin-top:-3px;
}

#expanded-menu
{
    position:absolute;
    display: block;
    width: 100%;
    background: rgba(0,0,0,0.5);
    border-radius: 0px 0px 20px 20px;
    right: 0;
    margin-top: 0px;
    z-index: 2;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    max-height: 0;
    height: 0;
    overflow:hidden;
}

.scrolled #expanded-menu {
    background: #000000;
}

#expanded-menu.active-menu
{
    max-height:100vh;
    height: auto;
}

#expanded-menu ul
{
    display: block;
    padding:0;
    margin:20px 0;
    column-count: 5;
}

#expanded-menu ul li
{
    padding:15px 0;
}

#expanded-menu ul li a
{
    font-size:18px;
    line-height:25px;
    color:white;
    padding:0;
}

@media(max-width:1200px)
{
    #expanded-menu ul
    {
        column-count: 4;
    }

}

@media(max-width:999px)
{
    #expanded-menu ul
    {
        column-count: 1;
    }

    #expanded-menu ul li
    {
        text-align:center;
    }

}


.lang-switcher
{
    line-height: normal;
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
    margin-left:0px;
}

.lang-switcher li:after {
    content: " | ";
    display: inline-block;
    margin-left: 3px;
    color:white;
}

.lang-switcher li
{
    display: inline-block;
}

.lang-switcher li a
{
    color:white;
    text-decoration:none;
    font-size:14px;
}

.lang-switcher li.current-lang a
{
    font-weight:700;
}

.lang-switcher li:last-child:after
{
    display:none;
}

.lang-switcher li a:hover
{
    color:#06e3f4;
    text-decoration:none;
}

 

.absolute-title
{
    position:absolute;
    top:-500px;
    z-index:0;
}

.swiper-merch h3, .swiper-interpreti h3, .swiper-historie h3, .historie-rocnik .historie-gallery-item h3
{
    /*font-size:17px;*/
    font-size:20px;
    color:white;
    /*line-height:22px;*/
    line-height:25px;
    position: absolute;
    bottom:35px;
    left:35px;
    right:35px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    margin: 0;
    padding: 0;
}

.historie-rocnik .historie-gallery-item h3
{
    /*font-size:12px;
    line-height:15px;*/
    font-size:16px;
    line-height:19px;
    bottom:15px;
    left:15px;
    right:15px;
}

.swiper-interpreti .swiper-slide, .swiper-historie .swiper-slide
{
    transition: all 0.3s ease-in-out;
    border-radius:20px;
    overflow:hidden;
}

/*.swiper-interpreti .swiper-slide:hover
{
    margin-bottom:auto;
    margin-top:10px;
}*/

.swiper-merch .swiper-slide h3, .swiper-interpreti .swiper-slide h3, .swiper-historie .swiper-slide h3, .historie-rocnik .historie-gallery-item h3
{
    opacity: 1;
}

.swiper-merch .swiper-slide:hover h3, .swiper-interpreti .swiper-slide:hover h3, .swiper-historie .swiper-slide:hover h3, .historie-rocnik .historie-gallery-item:hover h3
{
    opacity: 1;
}

.swiper-merch .spaceholder-square:before, .video-box:before, .swiper-interpreti .spaceholder:before, .swiper-historie .spaceholder:before, .historie-rocnik .historie-gallery-item:before
{
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    opacity:0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
}

.swiper-interpreti .spaceholder:before
{
    background:transparent;
}

.swiper-merch .swiper-slide .spaceholder-square:before, .video-box:before,
.swiper-historie .swiper-slide .spaceholder:before,
.historie-rocnik .historie-gallery-item:before
{
    opacity: 1;
}

.swiper-merch .swiper-slide:hover .spaceholder-square:before, .video-box:hover:before,
.swiper-interpreti .swiper-slide:hover .spaceholder:before, .swiper-historie .swiper-slide:hover .spaceholder:before,
.historie-rocnik .historie-gallery-item:before
{
    opacity: 1;
}

.swiper-button:after     
{
    content: none !important;
}

.swiper-button-disabled
{
    opacity:0.5;
}

.swiper-merch .swiper-slide, .swiper-interpreti .swiper-slide, .swiper-historie .swiper-slide
{
    width:343px;
    padding:0px;
}

.swiper-merch .swiper-slide>div, .swiper-interpreti .swiper-slide>div, .swiper-historie .swiper-slide>div
{
    position:relative;
}

/*.swiper-merch
{
    margin-right:calc(50% - 50vw);
}*/

.swiper-merch .boxes, .swiper-interpreti .boxes, .swiper-historie .boxes
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
 }

.block-vstupenky
{
    margin-bottom: 100px;
    display: none;
}

.block-vstupenky .wp-block-media-text
{
    display:flex;

}

.block-vstupenky .wp-block-media-text>figure
{
    flex: 0 0 auto;
    width: auto;
    align-self: start;
}

.block-vstupenky .wp-block-media-text>figure>img
{
    width: auto;
}

.block-vstupenky .wp-block-media-text>.wp-block-media-text__content
{
    flex: 1 0 0%;
    padding:0 24px;
    height: 100%;
    align-self: unset;
    display: flex;
    flex-flow: column;
}

.block-vstupenky h3.underlined:after
{
    width: auto;
}

#block-videa .ratio
{
    border-radius:20px;
    overflow:hidden;
}

#block-videa .video-box .ratio.ratio-1x1
{
    --bs-aspect-ratio: 110%;
}

#block-videa .video-box h2
{
    position: absolute;
    bottom:0px;
    right:0px;
    left:0px;
    padding:25px 35px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin:0;
    color:white;
    display:none;
    z-index: 2;
}


#block-videa .video-box h2
{
    display: block;
}

#block-videa .video-box:hover h2
{
    display: block;
}

#block-videa .video-box
{
    border-radius: 20px;
    overflow: hidden;
}

#block-videa .video-box .youtube-video-hide-image
{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}

.video-box .arrow-circle
{
    background: transparent;
    cursor: pointer;
}

.video-box .arrow-circle:before {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 22px solid #fff;
    border-bottom: 12px solid transparent;
    content:'';
    display: block;
    position: absolute;
    top:50%;
    left: 50%;
    margin-left:-8px;
    margin-top:-12px;
}

.video-box:hover .arrow-circle
{
    transform: rotateZ(0);
}

.video-box.hide-before:before
{
    top:auto;
    height:0;
}

#block-videa
{
    margin-bottom: 100px;
}


.btn-primary, .filtr button, a.back-button, .timetable-day ul li button
{
    line-height: 20px;
    color: #112944;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding:14px 66px 14px 32px;
    border: 1px solid #112944;
    border-radius: 40px;
    background-color:#fff;
    transition:all 0.3s ease-in-out;
    position:relative;
    overflow:hidden;
    text-decoration:none;
    display:inline-block;
}

a.back-button
{
    padding:14px 32px 14px 66px;
}

.single-page .btn-primary
{
    margin-top:20px;
}

.filtr button, .timetable-day ul li button
{
    padding:14px 25px 14px 25px;
}


      /*@media(max-width:768px)
      {
          .btn-primary
          {
              font-size:14px;
              padding:15px 35px;
          }
      }*/

.btn-primary:after, .filtr button:after, .back-button:after
{
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 120%;
  height: 100%;
  background-color: #06e3f4;
  backface-visibility: hidden;
  transform: rotate3d(0,0,1,10deg) translate3d(-1.2em,110%,0);
  transform-origin: 0% 100%;
  transition: transform 0.5s ease;
}

.btn-primary:before, .back-button:before
{
    content: url("assets/images/arrow_top_right_white.svg");
    display: block;
    position: absolute;
    top: 50%;
    right: 32px;
    transform: scale(50%) rotate(45deg);
    margin-top: -10px;
    transition: all 0.3s ease-in-out;
    filter: brightness(0);
}

.back-button:before
{
    right: unset;
    left:32px;
    transform: scale(50%) rotate(270deg);
}

.btn-primary:hover:before, .back-button:hover:before
{
    transform: scale(50%) rotate(0deg);
    /*filter: brightness(0);*/
}

.back-button:hover:before
{
    transform: scale(50%) rotate(225deg);
}

.btn-primary:hover:after, .filtr button:hover:after, .filtr button.active:after, .back-button:hover:after
{
    transform: rotate3d(0,0,1,0) translateZ(0);
}


.btn-primary:hover, .filtr button:hover, .filtr button.active, .back-button:hover
{
    color: #112944;
    background-color:#06e3f4;
    border-color:#06e3f4;
}


#breadcrumbs span.breadcumb-separator
{
   width: 38px;
   display: inline-block;
   position:relative;
   text-align:center;
}

#breadcrumbs span.breadcumb-separator:before
{
    content:url('assets/images/arrow_top_right.svg');
    display:block;
    position:absolute;
    left:10px;
    bottom:-7px;
    transform: scale(0.7,0.7) rotateZ(45deg);
}

#breadcrumbs a
{
    color: #112944;
    font-size: 14px;
    font-weight: 400;
    text-decoration:none;
}

#breadcrumbs a:hover
{
    color: #06e3f4;
    text-decoration: underline;
}

#breadcrumbs span.breadcrumb_last
{
    font-weight:700;
    font-size: 14px;
    color:#112944;
}

/*.swiper-fotos
{
    overflow:hidden;
    z-index:1;
}

.swiper-fotos .swiper-slide figure
{   
    height:0;
    padding-top:66.66%;
}

.swiper-fotos .swiper-slide figure img
{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    object-fit:cover;
    height:100%;
    width:100%;
}

.swiper-fotos .swiper-pagination
{
    position:relative;
    bottom:0;
    margin-top:30px;
}

.swiper-fotos .swiper-pagination .swiper-pagination-bullet
{
    height:8px;
    width:8px;
    margin:0 7px!important;
    background-color:#000000;
    transition:all 0.3s ease-in-out;
}

.swiper-fotos .swiper-pagination .swiper-pagination-bullet-active
{
    background-color: #fe0000;
}

.swiper-fotos-button-prev-gal,
.swiper-fotos-button-next-gal
{
    width: 61px;
    height: 32px;
    left:-130px;
    position:absolute;
    top:50%;
    background:url('assets/images/arrow_prev_red.svg') no-repeat center center;
} 
     
.swiper-fotos-button-next-gal
{
    left:auto;
    right:-130px;
    background:url('assets/images/arrow_next_red.svg') no-repeat center center;
}
*/
.swiper-controls
{
    display: flex;
    justify-content: end;
    margin-top: 32px;
}

.swiper-controls>.swiper-prev, .swiper-controls>.swiper-next
{
    width:40px;
    height:30px;
    content: url("assets/images/arrow_prev.svg");
    margin-left: 50px;
}

.swiper-controls>.swiper-next
{
    content: url("assets/images/arrow_next.svg");
}

.swiper-controls>.swiper-next:not(.swiper-button-disabled):hover, .swiper-controls>.swiper-prev:not(.swiper-button-disabled):hover
{
    filter: brightness(0) saturate(100%) invert(13%) sepia(88%) saturate(6118%) hue-rotate(350deg) brightness(97%) contrast(110%);
    animation: 1 recolor 0.3s linear;
}

  


/********************* content *********************/

#header-image
{
    height: 434px;
    margin-bottom: 40px;
}

#header-image:before, #header-image:after
{
    background:#090909;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    content: '';
    z-index:2;

}

#header-image:after
{
    background-color: #0f3460;
    opacity: 0.2;
    z-index:1;

}

#header-image img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-content.front-page
{
    padding-top:90px;
}

.main-content
{
    padding-bottom:90px;
}

.single-page article .wp-block-image img
{
    margin-bottom:50px;
    margin-top:50px;
}

.single-page article div>.wp-block-image:first-child img
{
    margin-top: 0;
}


article ol
{
    margin-bottom:20px;
}

article ol li
{
    margin-bottom:20px;
}

article ol ul
{   
    margin-bottom:20px;
}

article ol ul li
{
    margin-top:20px;
}

.subpages-boxes figure
{
    position: relative;
    overflow:hidden;
    height: 0;
    padding-bottom: 64.3%;
}

.subpages-boxes .card, .subpages-boxes figure
{
    border-radius: 20px;
}

.subpages-boxes .card .card-body, .subpages-boxes figure figcaption
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-flow: column;
    z-index: 2;
    text-align:center;
    justify-content: center;
    background:rgba(15, 52, 96, 0.45);
    transition: background-color 0.3s ease-in-out;
    margin:0;
}

.subpages-boxes .card .spaceholder img, .subpages-boxes figure img
{
    transition: all 0.6s ease-in-out;
    position: absolute;
}

.subpages-boxes figure img
{
    max-width: unset;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.subpages-boxes .card:hover .spaceholder img, .subpages-boxes figure:hover img
{
    left:-10px;
    right: -10px;
    top:-10px;
    bottom:-10px;
    height: calc(100% + 20px);
    width: calc(100% + 20px);
}

.subpages-boxes .card:hover .card-body, .subpages-boxes figure:hover figcaption {
    background: rgba(15, 52, 96, 0.35);
}

.subpages-boxes .card .card-body h3, .subpages-boxes figcaption a
{
    text-decoration: none;
    text-transform: uppercase;
    border:0;
    padding: 0;
    margin: 0;
}

.subpages-boxes figcaption a
{
    font-weight: 600;
    font-size: 24px;
    color: #ffffff;
    line-height: 32px;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    padding:25px;
}

.subpages-boxes .card .card-body:before
{

}

.subpages-boxes .card .card-body h3:after
{
    display: none;
}

.single-page img.attachment-post-thumbnail
{
    max-width:100%;
    height:auto!important;
}

.ratio .wp-block-embed__wrapper iframe
{
    height:100%;
    width:100%;
}

@media (min-width: 600px)
{
    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
        width: calc(16.66667% - 7px * 0.83333);
        flex-grow:0;
    }
}
body.page-248 div.content .wp-block-image img,
body.page-464 div.content .wp-block-image img,
.kontakty-info-item img[src*='.svg'],
.kontakty-lide-item-facebook img
{
    filter: brightness(0) saturate(100%) invert(10%) sepia(98%) saturate(852%) hue-rotate(184deg) brightness(90%) contrast(92%);
}

/********************* interpreti **********************/

.color-white
{
    color:white;
}

.filtr-title
{
    font-size: 18px;
    line-height: 24px;
    color:white;
}

ul.filtr
{
    list-style-type: none;
}

ul.filtr button
{
    text-transform: uppercase;
    font-size: 14px;
}

@media(max-width:768px)
{
    ul.filtr {
        flex-wrap: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.interpreti-stage
{
    margin-bottom: 80px;
}

.interpreti-stage h2
{
    font-size:24px;
    line-height:30px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.interpreti-stage h2 span
{
    font-weight: 400;
}

.interpreti-stage .card
{
    border-bottom:1px solid #999999;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.interpreti-stage .card .card-body
{
    padding-top: 42px;
}

.interpreti-stage .separator:before
{
    display: block;
    width: 1px;
    height: 100%;
    content: '';
    background-color: #999999;
}

.interpreti-stage .separator:last-of-type
{
    display: none;
}

.interpreti-den
{
    transition: all 0.3s ease-in-out;
}

.playlist-link
{
    color:#a2a2a2;
    font-size: 14px;
    display: inline-block;
    line-height: 19px;
}

.playlist-link:after
{
    display: inline-block;
    background:url("assets/images/social/icon_spotify.svg") no-repeat center center;
    margin-left:6px;
    margin-bottom: -3px;
    height:19px;
    width:19px;
    content:'';
}

/******************** kontakty *********************/

.kontakty-info-item h2, .kontakty-lide-item h2
{
    font-size: 15px;
    margin:0;
    font-weight: 700;
}

.kontakty-lide-item-foto
{
    height:65px;
    width:65px;
    object-fit: cover;
    border-radius: 65px;
}

.kontakty-lide-item-facebook
{
    top:0;
    left:0;
    position: absolute;
    display: block;
}

.kontakty-lide-item-facebook img
{
    height:25px;
    width:25px;
}

/******************** timetable *********************/

.timetable-day .timetable-moving
{
    overflow: auto;
    cursor: grab;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none;
    padding-left:20px;
    position: relative;
}

.timetable-day
{
    display: flex;
    max-height:0;
    transition: height 0.5s ease-in-out;
    overflow:hidden;
    margin-right: calc(50% - 50vw);
}

.timetable-day.active
{
    max-height:10000px;
}


.timetable-day-data, .timetable-day ul
{
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    position: relative;
}

/*.timetable-day>ul.timeline:after
{
    background: rgb(9,9,9);
    background: linear-gradient(90deg, rgba(9,9,9,1) 0%, rgba(9,9,9,0) 100%);
    position: absolute;
    top: -106px;
    bottom: 0;
    right: -50px;
    width:50px;
    content:'';
    z-index: 10;
}*/

.timetable-day>ul.timeline
{
    flex-flow:column;
    width:100px;
    margin-top:106px;
    margin-left:0;
    padding-left:0;
}

.timetable-day>ul.timeline li
{
    height:109px;
    margin-bottom:-9px;
    margin-left:0;
    padding-left:0;
}

.timetable-day>ul.timeline li:first-child
{
    height:18px;
    margin-top:-9px;
}

.timetable-day>ul.timeline li span.half
{
    height:50px;
    border-top:1px solid #112944;
    border-bottom:1px solid #112944;
    margin-top:25px;
    width:20px;
    margin-left:5px;
    display: block;
    position: relative;
    opacity:0.5;
}

.timetable-day>ul.timeline li span.half:before
{
    position: absolute;
    content:'';
    top:50%;
    width:30px;
    margin:-1px -5px 0 -5px;
    height:1px;
    background-color: #112944;
    left:0;
    right:0;
}

.timetable-day>ul.timeline li span.time-item
{
    padding-left:50px;
    font-size:14px;
    margin-top:15px;
    position: relative;
    display: block;
}

.timetable-day>ul.timeline li span.time-item:first-child
{
    margin-top: 0px;
}

.timetable-day>ul.timeline li span.time-item:before
{
    position: absolute;
    content:'';
    top:50%;
    width:30px;
    height:1px;
    background-color: #112944;
    left:0;
}


.timetable-day ul
{
    list-style-type: none;
    margin-left: 0;
}

.timetable-day-data .stage-timetable, .timetable-day ul li
{
    /*width: 163px;
    min-width: 163px;*/
    padding:0;
    margin-left:25px;
    width: 173px;
    min-width: 173px;
}

.timetable-day-data .stage-timetable:last-child, .timetable-day ul li:last-child
{
    padding-right:50px;
    width: 223px;
    min-width: 223px;
}

.timetable-day ul li button
{
    width:100%;
    font-size:12px;
    text-transform:uppercase;
    height: 100%;
}

.timetable-day ul li button span
{
    font-size:10px;
    font-weight: 400;
    text-transform:none;
    display:block;
}

.timetable-day .card
{
    padding: 0 0 8px 0;
    text-overflow: ellipsis;
}

.timetable-day .card-body
{
    border-radius: 10px;
    color: black;
    background: white;
    font-size: 12px;
    padding:12px;
    transition: background-color 0.3s ease-in-out;
    line-height:15px;
}

.timetable-day .card-body strong
{
    display:inline-block;
    padding-bottom:7px;
    text-transform: uppercase;
}

.timetable-day .headliner .card-body
{
    background-color: rgba(255,255,255,0.8);
}

.timetable-day .card-body-bg {
    position: absolute;
    left: 0;
    bottom: 8px;
    right: 0;
    top: 0;
    z-index: -1;
    background-position: center;
    background-size: cover;
    border-radius: 10px;

    background-size: 150% auto;
    background-position: 50% 40%;
}

.timetable-day .card.headliner .card-body:hover
{
    background: #06e3f4;
    color:white;
}

.timetable-day ul li button
{
    padding: 7px 20px 7px 20px;
}

.timetable-day .stage-titles-wrapper
{
    height:106px;

}

.timetable-day .stage-titles-wrapper ul
{
    margin-bottom: 0;
}

@media(max-width: 768px)
{
    .timetable-day>ul.timeline
    {
        width:55px;
    }

    .timetable-day>ul.timeline li span.time-item
    {
        padding-left:10px;
    }

    .timetable-day>ul.timeline li span.time-item:before
    {
        width:5px;
    }
}

.swiper-controls-timetable>div:not(.swiper-button-disabled)
{
    cursor:pointer;
}


@media(min-width: 1200px)
{
    .wp-block-columns.is-layout-flex
    {
        gap:50px;
    }
}

.wp-embed-aspect-16-9
{
    aspect-ratio: 16/9;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper
{
    height:100%;
}

.wp-block-embed iframe
{
    height:100%;
    width:100%;
}

.stagetitles-fixed
{
    position: absolute;
    background: #090909;
    z-index: 0;
    opacity:0;
    transition: opacity 0.2s ease-in-out;
    top:0;
}

.stagetitles-fixed.showing
{
    opacity:1;
    z-index:2;
}

.timetable-day .stagetitles-fixed .stage-titles-wrapper
{
    height:auto;
    padding-bottom:10px;
    padding-top:10px
}

/******************** ubytovani ********************/

.tables-ubytovani table
{
    border-collapse: separate;
    background: #112944;
}

.tables-ubytovani td
{
    border:0;
    background:#fff;
    padding: 10px 15px;
    transition: all 0.3s ease-in-out;
}

.tables-ubytovani tr:has(a:hover) td
{
    background: #06e3f4;
    color:black;
}

.tables-ubytovani tr td a:hover
{
    color:black;
}



/********************* footer **********************/


footer
{
    padding-top:120px;
    color:white;
    position:relative;
    font-size:16px;
    padding-bottom:50px;
}
footer p
{
    color: #112944;
}

footer hr
{
    margin-bottom:100px;
    margin-top:100px;
}

footer>*
{
    z-index:1;
}

footer h2
{
    color: #112944;
    font-size: 24px;
    font-weight: 400;
    line-height:32px;
    margin-bottom:22px;
    text-align:left;
    border-bottom:1px solid #112944;
    padding-bottom: 22px;
    margin-top:0;
    text-shadow: 0 0 50px #ffffffbf;
}

footer .footer-menus  ul.social-menu
{
    display: flex;
    margin:-8px -8px 0 -8px;
}

footer .social-menu li
{
    padding:0 9px;
}

footer .social-menu li.only-head
{
    display: none;
}

footer .social-menu li a:hover svg path, a.svg svg path, .svg a svg path
{
    transition:all 0.2s ease-in-out;
}
footer .social-menu li a svg path
{
    fill: #112944!important;
}
.social-menu li a:hover svg path, a.svg:hover svg>path, .svg a:hover svg>path
{
    fill: #06e3f4!important;
}

footer a, footer li a.nav-link
{
    color:#112944;
    text-decoration:none;
}

footer a:hover, footer li a.nav-link:hover
{
    color:#112944;
    text-decoration:underline;
}

footer:before
{
    width:100%;
    content:'';
    background:url("assets/images/3840x2160_backgroundemin.webp") no-repeat center bottom;
    height:0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: 100% auto;
    z-index: -2;
    padding-top:1200px;
    background-attachment: fixed;
}

footer:after
{
    content:'';
    /*height:400px;*/
    display: block;
    position: absolute;
    /*bottom: 800px;*/
    height: 1000px;
    bottom: 200px;
    left: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    z-index: -1;
}

.footer-menus ul
{
    list-style-type:none;
    margin-left:0px;
    padding-left:0;
    margin-top:-8px;
}

.footer-menus .col-separator:before
{
    display:block;
    height:175px;
    width:1px;
    content:'';
    background:white;
    margin-top:55px;
}

.footer-menus li.hide-in-footer
{
    display: none;
}

.footer-menus li a
{
    font-size:16px;
    padding:10px 0;
    line-height:19px;
    transition: all 0.3s ease-in-out;
}

.footer-menus ul.footer-menu
{
    column-count: 2;
    column-gap: 100px;
}

.footer-menus ul.footer-menu li {
    -webkit-column-break-inside: avoid;
}

.footer-menus ul.footer-menu li a
{
    position: relative;
    padding-left:31px;
    font-size: 14px;
    transition: color 0.3s ease-in-out;
}

.footer-menus ul.footer-menu li a:before
{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    content: url("assets/images/arrow_top_right.svg");
    transform: scale(50%);
    display: block;
    transition: all 0.3s ease-in-out;
    filter: brightness(0);
}

.footer-menus ul.footer-menu li a:hover
{
    color:#112944;
    text-decoration: underline;
}

.footer-menus ul.footer-menu li a:hover:before
{
    /*filter: none;*/
    transform: scale(50%) rotateZ(45deg);
}

footer .footer-menus ul#menu-aplikace
{
    display: flex;
    gap: 15px;
    margin-top:10px;
}

#footer-copy
{
    font-size: 12px;
    color: #112944;
}

#b4l-footer-logo
{
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
#footer-logo #b4l-footer-logo
{
    fill: #112944;
}
#footer-logo:hover #b4l-footer-logo
{
    fill: #06e3f4;
}

#copy
{
    margin-bottom:20px;
}

hr
{
    border-top-color: #112944;
    opacity: 1;
}


.Golddust{ position:fixed; top:0; left:0; width:100%; height:113%; pointer-events:none; z-index:-1;}
#Golddust{ pointer-events:none; }

.editor-styles-wrapper
{
    position: relative;
}

figure.w-100>img, .wp-block-embed.w-100 iframe
{
    width:100%;
    height:100%;
}


.newsletter-form .ec-v-form-holder
{
   background: rgba(0,0,0,0)!important;
}

.newsletter-form .ec-v-form-column>div
{
    padding-left: 0!important;
    padding-right: 0!important;
}

.newsletter-form .ec-v-form-text
{
    font-size:14px!important;
    font-family:"Montserrat", sans-serif!important;
}

.newsletter-form .ec-v-forms-form-control[type='email']
{
    border:1px solid white;
    color:white;
    border-radius:24px;
    background: #222222;
    font-size:16px;
    line-height:20px;
    padding:14px 22px 14px 22px;
}

.newsletter-form .ec-v-form-submit button
{
    height:49px;
    border-radius:49px;
    color:black;
    padding:14px 59px 14px 36px;
    font-size:16px;
    font-weight: 700;
    line-height:19px
}

.newsletter-form .ec-v-form-submit button:before {
    content: url("assets/images/arrow_top_right_white.svg");
    display: block;
    position: absolute;
    top: 50%;
    right: 32px;
    margin-top: -10px;
    transition: all 0.3s ease-in-out;
    transform: scale(50%) rotate(0deg);
    /*filter: brightness(0);*/
}

.ec-v-form-input input[type="checkbox"] + label
{
    margin-top: 4px;
}

.ec-v-form-input input[type="checkbox"] + label::before
{
    height:14px!important;
    width:14px!important;
    background-color: #222222!important;
    border: 1px solid white!important;
    border-radius: 14px!important;
}

.ec-v-form-input input[type="checkbox"] + label::after {
    top: 2px!important;
    left: 5px!important;
    width: 4px!important;
    height: 10px!important;
}

.newsletter-form .ec-v-form-holder .ec-v-form-input p
{
    margin-left:15px;
}

.newsletter-form .ec-v-form-input input[type="checkbox"] + label
{
    padding-left:25px;
}

@media(max-width:1400px)
{
    .ec-v-form-holder
    {
        width:300px!important;
    }

}

@media(max-width: 999px)
{
    .ec-v-form-holder
    {
        width:100%!important;
        max-width:200px;
    }

    .ec-v-form-holder, .ec-v-form-holder p
    {
        text-align:left;
    }

    .ec-v-form-holder form .ec-v-form-input p
    {
        margin-left: 25px;
    }
}


.smartbanner
{
    z-index: 100;
}

.above-video
{
    bottom:0;
    top:0;
    left:0;
    right:0;
    padding-top: 240px;
    color:white;
}

.above-video-text
{
    font-size:25px;
    line-height: 32px;
    text-shadow: 0 0 50px #ffffffbf;
    font-weight: 700;
}

.above-video a
{
    color: #112944;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    padding: 14px 66px 14px 32px;
    border: 1px solid #112944;
    border-radius: 40px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    z-index:2;
}

.above-video a:before
{
    content: url("assets/images/arrow_top_right_white.svg");
    display: block;
    position: absolute;
    top: 50%;
    right: 32px;
    margin-top: -10px;
    transition: all 0.3s ease-in-out;
    transform: scale(50%) rotate(0deg);
    filter: brightness(0);
}

.above-video a:after
{
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 120%;
    height: 100%;
    background-color: #fff;
    backface-visibility: hidden;
    transform-origin: 0% 100%;
    transition: transform 0.5s ease;
    transform: rotate3d(0,0,1,0) translateZ(0);
}

.above-video a:hover
{
    background-color: #06e3f4;
    color:#112944;
    border-color: #06e3f4;
}

.above-video a:hover:before
{
    transform: scale(50%) rotate(45deg);
    /*filter: brightness(100);*/
}

.above-video a:hover:after
{
    transform: rotate3d(0, 0, 1, 10deg) translate3d(-1.2em, 110%, 0);
}

#introCarousel .carousel-indicators button
{
    background:white;
    width:18px;
    height:12px;
    border-radius:2px;
    padding:0;
    border:0;
    margin:0 7px 0 7px;
}

#introCarousel .carousel-indicators button.active
{
    background:#06e3f4;
}

.hide-me
{
    display:none;
}







#cmplz-manage-consent .cmplz-btn.cmplz-manage-consent
{
    color:black;
    background-color:#06e3f4;
}


@media(max-width:768px)
{
    .mapa-ratio-container
    {
        --bs-aspect-ratio: 150%;
        bs-aspect-ratio: 150%;
    }
}


#particles-js
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    user-select: none;
    pointer-events: none;
    height: 100%;
}
.cdnone
{
    display: none!important;
}
.swiper-merch
{
    margin-bottom: 50px;
}