@import "default-variables.css";

@font-face {
    font-family: "montserrat";
    font-weight: 400;
    src: url('../fonts/Montserrat/static/Montserrat-Regular.ttf') format("truetype");
}
@font-face {
    font-family: "montserrat";
    font-weight: bold;
    src: url('../fonts/Montserrat/static/Montserrat-Bold.ttf') format("truetype");
}

@font-face {
    font-family: "montserrat";
    font-weight: 600;
    src: url('../fonts/Montserrat/static/Montserrat-Medium.ttf') format("truetype");
}

a:link,
a:hover,
a:visited,
a:active{
    color: var(--white);
    text-decoration: none;
}
a.text-blue:link,
a.text-blue:hover,
a.text-blue:visited,
a.text-blue:active{
    color: var(--ve-blue);
    text-decoration: none;
}

body{
    background-color: var(--ve-background);
    color: var(--ve-primary-text-color);
    font-family: var(--ve-fontfamily);
    font-weight: var(--ve-default-font-weight);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.ve--mw {
    max-width: var(--container-max);
    margin: auto;
}
body.default-navbar .ve--mw {
    margin-top: 40px;
}
.px-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.px-ve{
    padding-left: var(--desktop-padding)!important;
    padding-right: var(--desktop-padding)!important;
}
.py-ve{
    padding-top: var(--desktop-padding)!important;
    padding-bottom: var(--desktop-padding)!important;
}
.mb-40 {
    margin-bottom: 40px;
}
.w-80 {
    width: 80%;
}
.w-90 {
    width: 90%;
}
.w-10 {
    width: 10%;
}
.text-grey{
    color: var(--ve-lightgrey);
}
.text-blue{
    color: var(--ve-blue);
}
section.no-pe{
    padding: var(--desktop-padding) 0 var(--desktop-padding) var(--desktop-padding);
}
section{
    padding: var(--desktop-padding);
}
section.def-padd{
    padding: var(--desktop-padding);
}
section.banner {
    padding: 0;
    position: relative;
}
.txt-ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ve--btn{
    min-width: 200px;
    display: inline-block;
    padding: 13px 50px;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 0.375rem;
    border: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ve--btn-circle{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    min-height: 56px;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 50%;
    border: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ve--btn-rounded{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 30px;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 32px;
    border: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ve--btn.btn-blue,
.ve--btn-circle.btn-blue,
.ve--btn-rounded.btn-blue{
    background-color: var(--ve-blue);
    color: var(--white) !important;
}
.ve--btn.btn-white,
.ve--btn-circle.btn-white,
.ve--btn-rounded.btn-white{
    background-color: var(--white);
    color: var(--black) !important;
}
.ve--btn.btn-transparent,
.ve--btn-circle.btn-transparent,
.ve--btn-rounded.btn-transparent{
    background-color: #0c0b0b38;
    color: var(--white) !important;
    border: 2px solid #ffffff;
}
.ve--btn.btn-clear,
.ve--btn-circle.btn-clear,
.ve--btn-rounded.btn-clear{
    background-color: transparent;
    color: var(--white) !important;
    border: 2px solid #ffffff;
}
.ve--btn.active,
.ve--btn-circle.active,
.ve--btn-rounded.active{
    background-color: transparent!important;
    color: var(--ve-blue) !important;
    border: 2px solid var(--ve-blue);
}
.ve--btn.disabled,
.ve--btn-circle.disabled,
.ve--btn-rounded.disabled{
    background-color: transparent!important;
    color: var(--ve-lightgrey) !important;
    border: 2px solid var(--ve-lightgrey);
    pointer-events: none;
}
body.default-navbar .breadcrumb{
    margin-top: 90px;
}
.breadcrumb{
    display: flex;
    padding: 0 var(--desktop-padding);
    font-weight: bold;
    margin-bottom: -40px;
}
.breadcrumb > *{
    margin-right: 10px;
}
.pagination{
    padding: var(--desktop-padding);
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination > *{
    margin-right: 15px;
}
.card{
    border: 1px solid var(--ve-lightgrey);
    border-radius: 20px;
    padding: 40px;
    background-color: transparent;
}
.card.adjustable-w{
    width: 90%;
}
.card .card-title{
    font-size: 42px;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 10px;
}
.card .card-subtitle{
    font-size: 1rem;
}
.card .body .right-b{
    border-right: 1px solid var(--white);
}
.card .body .right-p,
.column.right-p{
    padding-right: 5%;
}
.card .body .left-p,
.column .left-p{
    padding-left: 5%;
}
.card .body .title{
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 5px;
}
.card .body .subtitle{
    font-size: 1rem;
    margin-bottom: 5px;
    color: var(--ve-lightgrey);
}
input[type=radio].radio-ticket{
    display: none;
}
.navbar-container{
    width: 100%;
    padding: 25px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    top: 0;
    left: 0;
    z-index: 100;
}
.navbar-container .inner-cont{
    max-width: var(--container-max);
    margin: auto;
    height: 100%;
    width: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.navbar-container .menu-container{
    font-weight: 600;
    text-shadow: 3px 3px 3px rgb(0 0 0 / 90%);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-abs-info{
    width: 70%;
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}
.header-abs-info .abs-logo img{
    max-width: 40%;
}
.header-img-cont{
    width: 100%;
    height: 100vh;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.overlay-bg{
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 999;
    pointer-events: none;
    background: rgb(23,22,27);
    background: linear-gradient(180deg, rgba(23,22,27,0) 0%, rgba(23,22,27,0.30438112745098034) 20%, rgba(23,22,27,0.5984987745098039) 50%, rgba(23,22,27,0.7973783263305322) 85%);
}
.registration-email-cont button{
    background-color: var(--ve-darkblue);
    color: #ffffff;
    border: none;
}
.registration-email-cont input{
    max-width: 600px;
    background-color: var(--ve-lightgrey);
    color: #ffffff;
    border: none;
}
.registration-email-cont input::placeholder{
    color: #ffffff;

}
.popup-container .btn-container .cookie-btn{
    width: 100%;
    display: inline-block;
    padding: 6px 20px;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 0.375rem;
    color: var(--black);
    border: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.popup-container .btn-container .cookie-btn.btn-yellow{
    background-color: var(--ve-yellow);
}
.popup-container .btn-container .cookie-btn.btn-transparent{
    border: 1px solid var(--black);
    background-color: transparent;
}
.accordion {
    border-radius: 0.375rem;
}
.accordion-button {
    padding-right: 40px!important;
}
.accordion-button::after {
    background-image: none;
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    top: calc(50% - 2px);
    right: 15px;
    transform: translateY(-50%) rotate(45deg) !important;
    transition: transform 0.2s linear;
}
.accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: translateY(0) rotate(225deg) !important;
}
.accordion-body{
    background-color: transparent;
}

/* COOKIE MODAL */
#cookie-popup,
.ve-default-modal{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0000009c;
    color: var(--black);
    z-index: 9999;
}
#cookie-popup .popup-container,
.ve-default-modal .popup-container{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 700px;
    background-color: var(--white);
    padding: 25px;
    border-radius: 6px;
    z-index: 9999;
}
#cookie-popup .popup-container .header,
.ve-default-modal .popup-container .header{
    text-transform: uppercase;
}
#cookie-popup .popup-container .body p,
.ve-default-modal .popup-container .body p{
    text-align: justify;
}
#cookie-popup .popup-container .btn-container,
.ve-default-modal .popup-container .btn-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#cookie-popup .popup-container .btn-container button{
    text-transform: uppercase;
}
#cookie-popup .popup-container .btn-container .cookie-btn:first-child,
.ve-default-modal .popup-container .btn-container .cookie-btn:first-child{
    margin-right: 20px;
}
/* END COOKIE MODAL */
/* FAQ PAGE */
.accordion {
    --bs-accordion-bg: var(--ve-accordion-background);
    --bs-accordion-btn-color: #fff !important;
    --bs-accordion-border-color: none;
}

.accordion-body {
    color: #fff;
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: inherit;
    box-shadow: none;
}

#faqAccordion .accordion-item {
    margin-bottom: 10px;
}

.accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}
/* END FAQ PAGE */

/* SWIPER */

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 30px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 30px;
}
.swiper.custom-navigation .swiper-button-prev,
.swiper.custom-navigation .swiper-button-next{
    border: 2px solid var(--white);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 5px 5px 13px 1px rgba(0,0,0,0.91);
    box-shadow: 5px 5px 13px 1px rgba(0,0,0,0.91);
}
.swiper.bottom-nav .swiper-button-prev,
.swiper.bottom-nav .swiper-button-next{
    top: unset;
    bottom: 20%;
}
.swiper.custom-navigation .swiper-button-prev:after,
.swiper.custom-navigation .swiper-button-next:after{
    content: none;
}
.hero-swiper{
    height: 100vh;
}
.hero-swiper .swiper-slide{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.slide-overlay{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0000001f;
    pointer-events: none;
    filter: blur(42px);
    z-index: 100;
}
/* END SWIPER */

/* GEOBLOCK PAGE */
.gb-title-cont{
    display: flex;
    align-items: center;
    justify-content: center;
}
.gb-title-cont img{
    width: 140px;
}
.geoblock-title{
    font-size: 72px;
    font-weight: bold;
}
.geoblock-subtitle{
    font-size: 32px;
    font-weight: 500;
    text-align: center;
}
/* END GEOBLOCK PAGE */


/* HOMEPAGE BLOCKS*/
.homepage-block .no-padding img{
    max-width: calc(100% + var(--desktop-padding)*2);
    margin: 0 calc(var(--desktop-padding) - var(--desktop-padding)*2);
}.homepage-block ul li{
     margin-bottom: var(--hb-li-margin-bottom);
 }
.homepage-block .bold-title .text-line{
    font-weight: bold;
}
.homepage-block .text-line{
    font-size: var(--hb-title-font-size);
}
.homepage-block .blurb-event-meta{
    font-size: var(--hb-subtitle-font-size);
}
.homepage-block .block-body{
    font-size: var(--hb-body-font-size);
}
/* END HOMEPAGE BLOCKS*/

/*SECTION BANNER*/
section.banner{
    padding: 0;
    position: relative;
}
section.banner .swiper-slide{
    position: relative;
}
section.banner.overlay-video{
    min-height: 500px;
    background-color: #000000;
}
section.banner.overlay-video .video-js {
    min-height: 500px;
}
section.banner.overlay-video .video-banner-element-9-dimensions {
    height: calc(100vw / 1.8);
    min-height: unset!important;
}
section.banner.overlay-video .vjs-poster {
    background-size: cover;
}
section.banner .overlay-info{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 16px 25px;
}
section.banner.overlay-video .overlay-info{
    bottom: 70px;
    padding: 25px;
    width: 60%;
}
/* banner video trailer */
section.banner.overlay-video-trailer .inner-container{
    background-color: #000000;
    position: relative;
}
section.banner.overlay-video-trailer .overlay-info{
    display: flex;
    align-items: flex-end;
    padding: 25px 0 25px 25px;
    bottom: 0;
    width: 55%;
    z-index: 20;
}
section.banner.overlay-video-trailer .overlay-bg-gradient{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 55%;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 78%, rgba(0,0,0,0) 100%);
    z-index: 10;
}
section.banner.overlay-video-trailer .vjs-control-bar{
    background: transparent;
}
section.banner.overlay-video-trailer .vjs-progress-control,
section.banner.overlay-video-trailer .vjs-subs-caps-button,
section.banner.overlay-video-trailer .vjs-menu-button,
section.banner.overlay-video-trailer .vjs-fullscreen-control,
section.banner.overlay-video-trailer .vjs-volume-control,
section.banner.overlay-video-trailer .vjs-remaining-time{
    display: none;
}
section.banner.overlay-video-trailer .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: 40px;
}
section.banner.overlay-video-trailer .vjs-volume-panel {
    position: absolute;
    top: -230%;
    right: 20px;
    border: 1px solid white;
    border-radius: 5px;
}
section.banner.overlay-video-trailer .vjs-play-control {
    position: absolute;
    top: -100%;
    right: 20px;
    border: 1px solid white;
    border-radius: 5px;
}
section.banner.overlay-video-trailer.header .video-js {
    height: calc(100vw / 3.2);
    width: 65% !important;
}
section.banner.overlay-video-trailer .video-js {
    height: calc(100vw / 3.8);
    width: 65% !important;
    margin-left: auto;
}
section.banner.overlay-video-trailer .video-js .vjs-big-play-button {
    z-index: 100;
}
section.banner.overlay-video-trailer .video-cover{
    width: 25%;
    margin-right: 25px;
    border-radius: 5px;
}
section.banner.overlay-video-trailer .video-details{
    min-height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
section.banner.overlay-video-trailer .production-info{
    display: flex;
}
section.banner.overlay-video-trailer .production-info .production-year{
    margin-right: 15px;
}
section.banner.overlay-video-trailer .overlay-info .banner-title {
    font-size: 60px;
    line-height: 66px;
    letter-spacing: -3px;
}
section.banner.overlay-video-trailer .banner-subtitle{
    width: 70%;
}
section.banner.overlay-video-trailer .banner-subtitle.mobile{
    display: none;
}
section.banner.overlay-video-trailer .overlay-info .banner-subtitle p{
    opacity: 0.7;
}
/* end banner video trailer */
section.banner .overlay-info .banner-title{
    font-size: 63px;
    line-height: 72px;
    margin-bottom: 5px;
    text-shadow: 3px 3px 3px rgb(0 0 0 / 90%);
}
section.banner .overlay-info .banner-subtitle,
section.banner .overlay-info .banner-subtitle p{
    font-size: 16px;
    margin-bottom: 0;
    text-shadow: 3px 3px 3px rgb(0 0 0 / 90%);
}
section.banner .overlay-info .btn-container{
    margin-top: 25px;
}
/*END SECTION BANNER*/

.navbar-container .ve-nav-dropdown-mobile{
    flex-direction: column;
    position: relative;
}
.navbar-container .ve-nav-dropdown-mobile .dropdown-cont{
    display: none;
    padding-top: 20px;
}
.navbar-container .ve-nav-dropdown-mobile .dropdown-cont ul{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 26px;
}
.navbar-container .ve-nav-dropdown-mobile .dropdown-cont ul li{
    margin-bottom: 5px;
}
.ve-nav-dropdown-mobile::after{
    content: '';
    position: absolute;
    top: 9px;
    right: -32px;
    width: 20px;
    height: 25px;
    background-image: url(../images/icons/sort-down-icon.svg);
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.2s linear;
}
.ve-nav-dropdown-mobile.open::after{
    transform: rotate(180deg);
}
.ve-nav-hover-dropdown{
    height: 40px;
    position: relative;
    margin-right: 30px;
    padding-right: 20px;
    cursor: pointer;
}
.profile-container .avatar,
.profile-container::after ,
.ve-nav-hover-dropdown::after ,
.ve-nav-dropdown::after {
    cursor: pointer;
}
.ve-nav-hover-dropdown::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-image: url(../images/icons/sort-down-icon.svg);
    background-position: center center;
    transition: all 0.2s linear;
}
.profile-container.open::after,
.ve-nav-hover-dropdown.open::after,
.ve-nav-dropdown.open::after{
    transform: rotate(180deg) translateY(5px);
}
.ve-nav-hover-dropdown .dropdown-cont{
    display: none;
    position: absolute;
    top: 40px;
    right: -21px;
}
.navbar-container:not(.on-top) .profile-container .dropdown-cont,
.navbar-container:not(.on-top) .ve-nav-hover-dropdown .dropdown-cont,
.navbar-container:not(.on-top) .ve-nav-dropdown .dropdown-cont{
    background-color: var(--ve-navbarbackground);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.navbar-container.on-top .profile-container .dropdown-cont,
.navbar-container.on-top .ve-nav-hover-dropdown .dropdown-cont,
.navbar-container.on-top .ve-nav-dropdown .dropdown-cont{
    border-radius: 5px;
    border: 1px solid var(--ve-lightgrey);
    background-color: #0c0b0b5e;
    backdrop-filter: blur(10px);
}
.profile-container .dd-inner-cont,
.ve-nav-hover-dropdown .dd-inner-cont,
.ve-nav-dropdown .dd-inner-cont{
    min-width: 200px;
    display: flex;
    flex-direction: column;
    padding: 15px;
}
.ve-nav-dropdown .dd-inner-cont,
.ve-nav-hover-dropdown .dd-inner-cont{
    min-width: 250px;
}
.ve-nav-hover-dropdown .dd-inner-cont{
    text-align: var(--dropdown-menu-text-align);
}
.ve-nav-dropdown .dd-inner-cont ul,
.ve-nav-hover-dropdown .dd-inner-cont ul{
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}
.ve-nav-dropdown.ve-default-dd .dd-inner-cont,
.ve-nav-hover-dropdown.ve-default-dd .dd-inner-cont{
    max-height: 400px;
    overflow-y: auto;
}
.ve-nav-dropdown.ve-default-dd .dd-inner-cont ul li a,
.ve-nav-hover-dropdown.ve-default-dd .dd-inner-cont ul li a{
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.ve-nav-dropdown.ve-default-dd .dd-inner-cont ul li a,
.ve-nav-hover-dropdown.ve-default-dd .dd-inner-cont ul li a{
    padding: 3px 5px;
    display: inline-block;
    width: 100%;
}
.ve-nav-dropdown.ve-default-dd .dd-inner-cont ul li a:hover,
.ve-nav-hover-dropdown.ve-default-dd .dd-inner-cont ul li a:hover{
    background-color: #ffffff45;
}
.profile-container .dd-inner-cont .dropdown-item,
.ve-nav-hover-dropdown .dd-inner-cont .dropdown-item,
.ve-nav-dropdown .dd-inner-cont .dropdown-item{
    margin-bottom: 10px;
}
.profile-container .dd-inner-cont .dropdown-item:last-child,
.ve-nav-hover-dropdown .dd-inner-cont .dropdown-item:last-child,
.ve-nav-dropdown .dd-inner-cont .dropdown-item:last-child{
    margin-bottom: 0;
}
.profile-container .dd-inner-cont .dropdown-item:last-child,
.ve-nav-hover-dropdown .dd-inner-cont .dropdown-item:last-child,
.ve-nav-dropdown .dd-inner-cont .dropdown-item:last-child{
    margin-bottom: 0;
}
.faq-title{
    text-align: center;
    font-weight: bold;
    font-size: 68px;
}
/*MEDIA QUERIES*/
@media (max-width: 1500px){
    .navbar-container .inner-cont .menu-container a:not(.dropdown-link),
    .navbar-container .inner-cont .menu-container .ve-nav-dropdown,
    .navbar-container .inner-cont .menu-container .ve-nav-hover-dropdown{
        margin-right: 40px;
    }
}
@media (max-width: 1300px){
    .navbar-container .inner-cont .menu-container a:not(.dropdown-link),
    .navbar-container .inner-cont .menu-container .ve-nav-dropdown,
    .navbar-container .inner-cont .menu-container .ve-nav-hover-dropdown{
        margin-right: 32px;
    }
    .faq-title{
        font-size: 60px;
    }
}
@media (max-width: 1200px){
    .faq-title{
        font-size: 48px;
    }
}
@media (max-width: 1100px){

}
@media (max-width: 992px){
    /* SECTION BANNER */
    section.banner .overlay-info .banner-title{
        font-size: 42px;
        line-height: 48px;
    }
    section.banner .overlay-info .banner-subtitle,
    section.banner .overlay-info .banner-subtitle p{
        font-size: 14px;
    }
    section.banner.overlay-video {
        min-height: unset;
    }
    section.banner .overlay-info .btn-container{
        margin-top: 10px;
    }
    section.banner.overlay-video-trailer .overlay-info {
        width: 85%;
    }
    section.banner.overlay-video-trailer .video-details {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    section.banner.overlay-video-trailer .overlay-info .banner-title {
        font-size: 42px;
        line-height: 48px;
        margin-bottom: 15px;
    }
    section.banner.overlay-video-trailer .overlay-info .banner-subtitle p{
        margin-bottom: 15px;
    }
    section.banner.overlay-video-trailer.header .video-js {
        height: calc(100vw / 2.1);
    }
    /* END SECTION BANNER */
    .navbar-container .inner-cont .menu-container a:not(.dropdown-link),
    .navbar-container .inner-cont .menu-container .ve-nav-dropdown,
    .navbar-container .inner-cont .menu-container .ve-nav-hover-dropdown {
        margin-right: 18px;
    }
    .faq-title{
        font-size: 42px;
    }
}
@media (min-width: 768px){
    .registration-email-cont input{
        min-width: 300px !important;
    }
}
@media (max-width: 768px){
    .header-abs-info {
        left: 25px;
    }
    #cookie-popup .popup-container,
    .ve-default-modal .popup-container{
        min-width: unset;
        width: calc(100% - var(--mobile-padding) * 2);
    }
    #cookie-popup .popup-container .btn-container,
    .ve-default-modal .popup-container .btn-container{
        flex-wrap: wrap;
    }
    #cookie-popup .popup-container .btn-container .cookie-btn:first-child,
    .ve-default-modal .popup-container .btn-container .cookie-btn:first-child{
        margin-right: 0;
        margin-bottom: 20px;
    }
    section.def-padd {
        padding: var(--mobile-padding);
    }
    section.mf-section{
        margin-top: 50px;
    }
    .geoblock-title{
        font-size: 3em;
    }
    .gb-title-cont img {
        width: 80px;
    }

    /* HOMEPAGE BLOCKS 768*/
    .homepage-block .no-padding img{
        max-width: calc(100% + var(--mobile-padding)*2);
        margin: 0 calc(var(--mobile-padding) - var(--mobile-padding)*2);
    }
    /* END HOMEPAGE BLOCKS 768*/

    /* SECTION BANNER */
    section.banner .overlay-info{
        position: absolute;
        bottom: 0;
    }
    section.banner .overlay-info .banner-title{
        font-size: 36px;
        line-height: 36px;
    }
    /* END SECTION BANNER */
    .navbar-container.on-top .profile-container .dropdown-cont,
    .navbar-container.on-top .ve-nav-hover-dropdown .dropdown-cont,
    .navbar-container.on-top .ve-nav-dropdown .dropdown-cont{
        background-color: #0c0b0be3;
        backdrop-filter: blur(20px);
    }
    .faq-title{
        font-size: 30px;
    }
}
@media (max-width: 576px){
    .header-abs-info {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .header-abs-info form,
    .header-abs-info p{
        width: 100%;
    }
    .header-abs-info .abs-logo,
    .header-abs-info p{
        text-align: center;
    }
    .registration-email-cont{
        flex-wrap: unset;
    }
    .homepage-email-input{
        min-width: unset !important;
    }
    /* SECTION BANNER 576 */
    section.banner .overlay-info .ve--btn{
        padding: 8px 50px;
    }
    /* END SECTION BANNER 576 */
}
@media (max-width: 500px){

    .geoblock-title{
        font-size: 2.7em;
    }
    .gb-title-cont img {
        width: 90px;
    }
    .gb-title-cont {
        flex-direction: column;
    }

    /* SECTION BANNER 500*/
    section.banner .overlay-info .banner-title{
        font-size: 24px;
        line-height: 24px;
    }
    section.banner .overlay-info .banner-subtitle{
        font-size: 14px;
    }
    /* END SECTION BANNER 500*/
}

@media (max-width: 768px){

    .px-ve{
        padding-left: var(--mobile-padding)!important;
        padding-right: var(--mobile-padding)!important;
    }
    .py-ve{
        padding-left: var(--mobile-padding)!important;
        padding-right: var(--mobile-padding)!important;
    }
}
@media (max-width: 450px){

}


@media (min-width: 992px) {

}