@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(--ve-primary-text-color);
    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;
}
.custom-row-mw{
    max-width: var(--custom-row-max-width);
    margin: var(--custom-row-mw-margin);
    justify-content: var(--custom-row-justify-content);
}
/* verificare se le colonne mantengono correttamente la max-width (in caso rimuovere ":has:not(> .feature-widget-container)"*/
.custom-row-mw:has:not(> .feature-widget-container) .col-md-12{
    max-width: var(--custom-row-col-12-max-width);
}
/* verificare se le colonne mantengono correttamente la max-width (in caso rimuovere ":has:not(> .feature-widget-container)"*/
.custom-row-mw:has:not(> .feature-widget-container) .col-md-6{
    max-width: var(--custom-row-col-6-max-width);
}
/* verificare se le colonne mantengono correttamente la max-width (in caso rimuovere ":has:not(> .feature-widget-container)"*/
.custom-row-mw:has:not(> .feature-widget-container) .col-md-4{
    max-width: var(--custom-row-col-4-max-width);
}
/* verificare se le colonne mantengono correttamente la max-width (in caso rimuovere ":has:not(> .feature-widget-container)"*/
.custom-row-mw:has:not(> .feature-widget-container) .col-md-3{
    max-width: var(--custom-row-col-3-max-width);
}
h1,h2,h3,h4,h5,h6{
    font-family: var(--ve-heading-fontfamily);
    font-weight: var(--ve-heading-font-weight);
}
.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: var(--ve-heading-fontfamily);
    font-weight: var(--ve-heading-font-weight);
}
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;
}
.pt-60 {
    padding-top: 60px;
}
.w-80 {
    width: 80%;
}
.w-90 {
    width: 90%;
}
.w-10 {
    width: 10%;
}
hr.custom-md{
    border-top: 6px solid;
    border-color: var(--ve-blue);
    opacity: 0.75;
}
.pos-relative{
    position: relative;
}
.text-grey{
    color: var(--ve-lightgrey);
}
.text-blue{
    color: var(--ve-blue);
}
.text-red{
    color: var(--ve-red);
}
.text-black{
    color: var(--black) !important;
}
.modal-content.modal-bg-dark{
    background-color: #000000;
}
.modal-content.modal-bg-dark .modal-header{
    border-bottom: 0;
}
.modal-content.modal-bg-dark .modal-header .btn-close{
    filter: invert(1);
}
section{
    padding: var(--desktop-padding) 0 var(--desktop-padding) var(--desktop-padding);
}
section.def-padd{
    padding: var(--desktop-padding);
}
section.min-h{
    min-height: 450px;
}
.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: var(--ve-btn-radius);
    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-wishlist{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    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-wishlist.btn-red{
    background-color: var(--ve-red);
    color: var(--white) !important;
}
.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.ve-btn-xs{
    min-width: unset;
    padding: 5px 10px;
}
.ve--btn.btn-blue,
.ve--btn-circle.btn-blue,
.ve--btn-rounded.btn-blue{
    background-color: var(--ve-primary-btn-bg);
    color: var(--ve-btn-circle-color) !important;
}
.ve--btn.btn-blue img,
.ve--btn-circle.btn-blue img,
.ve--btn-rounded.btn-blue img{
    filter: invert(var(--ve-btn-circle-img-brigthness-filter));
}
.ve--btn.btn-blue.ve--btn-outline,
.ve--btn-circle.btn-blue.ve--btn-outline,
.ve--btn-rounded.btn-blue.ve--btn-outline{
    background-color: transparent;
    border: 1px solid var(--ve-blue);
    color: var(--ve-blue) !important;
}
.ve--btn.btn-red,
.ve--btn-circle.btn-red,
.ve--btn-rounded.btn-red{
    background-color: var(--ve-red);
    color: var(--white) !important;
}
.ve--btn.btn-green,
.ve--btn-circle.btn-green,
.ve--btn-rounded.btn-green{
    background-color: var(--ve-green);
    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: var(--ve-btn-transparent-bg);
    color: var(--ve-btn-transparent-color) !important;
    border: 2px solid var(--ve-btn-border-color);
}
.ve--btn.btn-clear,
.ve--btn-circle.btn-clear,
.ve--btn-rounded.btn-clear{
    background-color: transparent;
    color: var(--ve-primary-text-color) !important;
    border: 2px solid var(--ve-primary-text-color);
}
.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;
}
.ve--btn.ve-loading{
    display: flex;
    justify-content: center;
    align-items: center;
}
.ve-custom-btn-spinner{
    width: 17px;
    height: 17px;
    border-width: 3px;
}
.ve-input-file{
    height: 38px!important;
}
body.default-navbar .breadcrumb{
    margin-top: 90px;
}
.breadcrumb{
    display: flex;
    padding: 0 var(--desktop-padding);
    font-weight: bold;
    margin-bottom: -40px;
    margin-top: 70px;
}
.breadcrumb > *{
    margin-right: 10px;
}
.pagination{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination.ve--custom-pagination{
    padding: var(--desktop-padding);
}
.ve-pagination-display{
    display: var(--ve-pagination-display);
}
.card-my-orders .ve--custom-pagination .pagination{
    flex-wrap: wrap;
}
.card-my-orders .ve--custom-pagination .pagination .page-item{
    margin-bottom: 15px;
}
.pagination .page-item{
    margin-right: 15px;
}
.pagination .page-item:last-child{
    margin-right: 0;
}
.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);
}
.pwd-eye-icon{
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-repeat: no-repeat;
}
.pwd-eye-icon.show{
    background-image: url("../images/icons/pwd-eye.svg");
}
.pwd-eye-icon:not(.show){
    width: 34px;
    margin-right: 1px;
    background-image: url("../images/icons/pwd-eye-slash.svg");
}
input[type=radio].radio-ticket{
    display: none;
}
.ticket .ticket-inner-cont{
    width: 100%;
    margin-bottom: 40px;
}
.ticket .ticket-inner-cont{
    position: relative;
    border: 1px solid var(--ve-lightgrey);
    border-radius: 8px;
}
.ticket .ticket-inner-cont .header{
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--ve-lightgrey);
    min-height: 90px;
}
.ticket .ticket-inner-cont .header .title{
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: unset;
    margin-bottom: 0;
}
.ticket .ticket-inner-cont .body{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px 10px 10px 10px;
}
.ticket .purchase-cost{
    position: relative;
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
}
.ticket .purchase-cost .value{
    font-size: 1rem;
}
.ticket .purchase-cost .price-big{
    position: relative;
    font-size: 4rem;
    line-height: 3.5rem;
    font-weight: bold;
}
.ticket .purchase-cost .price-small{
    font-size: 1rem;
    max-width: 21px;
    overflow: hidden;
}
.ticket .text-cont{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ticket .text-cont p{
    text-align: center;
}
.ticket .text-cont p:not(.default-p){
    margin-bottom: 0;
    color: var(--ve-lightgrey);
}
label.ticket-inner-cont.checked {
    border: none;
    background-color: var(--ve-blue);
}
label.ticket-inner-cont.checked:before{
    content: '';
    position: absolute;
    top: -30px;
    left: 50%;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    transform: translateX(-50%);
    background-color: var(--ve-background);
}
label.ticket-inner-cont.checked:after{
    content: '';
    position: absolute;
    bottom: -30px;
    left: 50%;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    transform: translateX(-50%);
    background-color: var(--ve-background);
}
label.ticket-inner-cont.checked  .body{
    padding-bottom: 50px;
}
input.ve-form-control{
    background-color: transparent;
    padding-left: 10px;
    border: 1px solid var(--ve-lightgrey);
    color: var(--ve-primary-text-color);
    width: 100%;
    height: 40px;
    border-radius: 5px;
    outline: none;
}
select.ve-form-control{
    background-color: transparent;
    padding-left: 10px;
    border: 1px solid var(--ve-lightgrey);
    color: var(--ve-primary-text-color);
    width: 100%;
    height: 40px;
    border-radius: 5px;
    outline: none;
}
input.form-control.ve-form-control{
    background-color: transparent;
    outline: none;
}
input.form-control.ve-form-control:focus{
    outline: none;
    box-shadow: none;
    color: var(--ve-primary-text-color);
}
select.form-select.ve-form-control:focus-visible{
    color: var(--ve-primary-text-color) !important;
}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: 1;
}
input.ve-form-control:focus ,
textarea.ve-form-control:focus{
    border: 1px solid var(--white);
}
textarea.ve-form-control:focus{
    background-color: transparent;
    color: var(--ve-primary-text-color);
}
textarea.ve-form-control{
    background-color: transparent;
    padding-left: 10px;
    border: 1px solid var(--ve-lightgrey);
    color: var(--ve-primary-text-color);
    width: 100%;
    min-height: 120px;
    border-radius: 5px;
    outline: none;
}
textarea.ve-form-control::placeholder{
    color: var(--ve-primary-text-color);
}
.floating-placeholder{
    position: relative;
}
input.ve-form-control::placeholder{
    color: var(--ve-primary-text-color);
}
label{
    cursor: pointer;
}
.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
}
.form-floating .stripe-form-control {
    background-color: unset;
}
.form-label {
    color: var(--ve-primary-text-color);
    margin-bottom: 0.375rem;
    font-weight: 500;
}
input[type=checkbox]{
    appearance: none;
    border: 1px solid var(--white);
    min-height: 24px;
    min-width: 24px;
    border-radius: 2px;
    cursor: pointer;
}
.input-group input[type=checkbox]{
    height: 24px;
    width: 24px;
}
input[type=checkbox]:checked{
    appearance: none;
    border: 1px solid var(--ve-blue);
    height: 24px;
    width: 24px;
    background-color: var(--ve-blue);
    border-radius: 2px;
    cursor: pointer;
    background-image: url('../images/icons/white-tick-icon.svg');
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center center;
}
input[type=radio]{
    appearance: none;
    border: 1px solid var(--white);
    min-height: 24px;
    min-width: 24px;
    border-radius: 50%;
    cursor: pointer;
}
input[type=radio]:checked{
    appearance: none;
    position: relative;
    border: 1px solid var(--ve-blue);
    height: 24px;
    width: 24px;
    background-color: var(--ve-blue);
    border-radius: 50%;
    cursor: pointer;
}
input[type=radio]:checked:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 10px;
    width: 10px;
    background-color: var(--white);
    border-radius: 50%;
    cursor: pointer;
}
.coupon-spinner{
    display: none;
    width: 17px;
    height: 17px;
    margin-right: 10px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 30px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 30px;
}
.icon-arrow-right{
    min-width: 20px;
    min-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-mask: url('../images/icons/arrow-right-icon.svg') no-repeat center;
    mask: url('../images/icons/arrow-right-icon.svg') no-repeat center;
    background-color: var(--ve-icon-color);
}
.icon-arrow-up{
    min-width: 20px;
    min-height: 20px;
    width: 20px;
    height: 20px;
    -webkit-mask: url('../images/icons/arrow-up-icon.svg') no-repeat center;
    mask: url('../images/icons/arrow-up-icon.svg') no-repeat center;
    background-color: var(--ve-icon-color);
}
.dropdown-btn {
    display: inline-block;
    width: unset;
    position: relative;
    min-width: 200px;
    padding: 10px 30px 10px 16px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--ve-primary-text-color);
    background-color: var(--ve-background);
    border: 2px solid var(--dropdown-border-color);
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    cursor: pointer;
}
.dropdown-btn:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5.5px 0 5.5px;
    border-color: #ffffff transparent transparent transparent;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    transition: transform 0.2s linear;
    pointer-events: none;
}
.dropdown-btn.open:after {
    transform: translateY(-50%) rotate(180deg);
}
.dropdown-btn .dropdown-title {
    pointer-events: none;
}
.dropdown-btn .dropdown-menu-container {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    width: calc(100% + 4px);
    background-color: var(--ve-background);
    color: var(--ve-primary-text-color);
    top: calc(100% - 2px);
    left: -2px;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border: 2px solid var(--dropdown-border-color);
    border-top: none;
    -webkit-box-shadow: 5px 17px 15px -3px rgba(0, 0, 0, 0.19);
    box-shadow: 5px 17px 15px -3px rgba(0, 0, 0, 0.19);
}
.dropdown-btn .dropdown-menu-container a {
    color: var(--ve-primary-text-color);
    font-weight: normal;
    font-size: 1rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 8px;
}
.dropdown-btn .dropdown-menu-container li:hover {
    background-color: var(--ve-blue);
}
.dropdown-btn .dropdown-menu-container li.active a:before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: invert(1);
}
/*BUY BANNER*/
.buy-banner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px 30px 0 30px;
    border-radius: 8px;
    color: var(--ve-primary-text-color);
    background: var(--ve-blue);
    background: linear-gradient(90deg, var(--ve-lightblue) 0%, var(--ve-blue) 100%);
    width: 90%;
}
.buy-banner .buy-info{
    display: flex;
    align-items: center;
}
.buy-banner .buy-info .left{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.buy-banner .buy-info .bi-img{
    margin-right: 20px;
}
.buy-banner .buy-info .bi-text{
    margin-right: 40px;
}
.buy-banner .buy-info .title{
    font-size: 1.2rem;
    margin-bottom: 5px;
}
.buy-banner .buy-info .subtitle{
    font-size: 0.9rem;
    margin-bottom: 0;
}
.buy-banner .purchase-cost{
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
}
.buy-banner .purchase-cost .value{
    font-size: 1rem;
}
.buy-banner .purchase-cost .price-big{
    font-size: 5rem;
    line-height: 4.4rem;
    font-weight: bold;
}
.buy-banner .purchase-cost .price-small{
    font-size: 1rem;
}
.buy-banner .buy-cta{
    margin-bottom: 20px;
}
/*END BUY BANNER*/


/*NAVBAR*/
.navbar-container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 60px;
    /*padding: 0 var(--desktop-padding);*/
    color: var(--ve-primary-text-color);
    z-index: 1000;
    transition: background-color 0.2s linear;
    background-color: var(--ve-navbarbackground);
}
.navbar-container .navbar-banner{
    position: relative;
    background-color: var(--ve-navbarbackground);
    color: var(--ve-primary-text-color);
    min-height: 60px;
    padding: 20px var(--desktop-padding);
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: var(--nb-text-transform);
    font-weight: bold;
    border-bottom: 1px solid #ffffff69;
}
.navbar-container .navbar-banner .close-banner-btn{
    position: absolute;
    padding: 10px;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 100;
    transition: all 0.2s linear;
}
.navbar-container .navbar-banner .close-banner-btn:hover{
}
body:not(.default-navbar) .navbar-container.on-top{
    background-color: var(--navbar-on-top-color);
}
.navbar-container:not(.on-top){
    background-color: var(--ve-navbarbackground);
}
.navbar-container .inner-cont{
    max-width: var(--container-max);
    padding: 7px var(--desktop-padding);
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navbar-container .inner-cont .logo-container{
    min-width: 130px;
}
.navbar-container .inner-cont .menu-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 15px;
}
.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: 100px;
}
.navbar-container .inner-cont .menu-container a:not(.dropdown-link):last-child,
.navbar-container .inner-cont .menu-container .ve-nav-dropdown:last-child,
.navbar-container .inner-cont .menu-container .ve-nav-hover-dropdown:last-child{
    margin-right: 0;
}
.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;
}
.navbar-container .ve-nav-dropdown-mobile .dropdown-cont ul li a:hover {
    background-color: #ffffff25;
}
.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);
}
.info-container{
    display: flex;
    align-items: center;
}
.info-container.searchbar-open{
    width: 100%;
}
.mobile-searchbar{
    display: none;
    /*margin-right: 25px;*/
    cursor: pointer;
}
.mobile-menu{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background-color: var(--ve-background);
    overflow: scroll;
    z-index: 9999;
}
.mobile-menu-btn{
    position: relative;
    display: none;
    width: 30px;
    margin-left: 25px;
    cursor: pointer;
}
.mobile-menu-btn .line{
    width: 100%;
    height: 3px;
    background-color: var(--white);
    margin-bottom: 5px;
    transition: all 0.2s linear;
    border-radius: 3px;
}
.mobile-menu-btn.open .line:nth-child(1){
    transform: translate(0px, 6px) rotate(45deg);
}
.mobile-menu-btn.open .line:nth-child(2){
    transform: translateX(400px);
}
.mobile-menu-btn.open .line:nth-child(3){
    transform: translate(0px, -10px) rotate(-45deg);
}
.mobile-menu-btn .line:nth-child(3){
    margin-bottom: 0;
}
.searchbar-container{
    position: relative;
}
.sb-result-container{
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    min-width: calc(100% - 37px);
    max-width: calc(100% + 140px);
}
.sb-result-container .sb-result{
    max-width: 450px;
    display: flex;
    flex-direction: column;
    padding: 15px 0;
}
.navbar-container.on-top .sb-result-container .sb-result{
    border-radius: 5px;
    border: 1px solid var(--ve-lightgrey);
    background-color: #0c0b0b5e;
    backdrop-filter: blur(10px);
}
.navbar-container:not(.on-top) .sb-result-container .sb-result{
    background-color: var(--ve-navbarbackground);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.sb-result-container .search-result{
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sb-result-container .search-result{
    margin-bottom: 6px;
}
.sb-result-container .search-result:last-child{
    margin-bottom: 0;
}
#search_bar, #faq_search_bar{
    height: 40px;
    min-width: 225px;
    border-radius: 5px;
    border: 1px solid var(--ve-lightgrey);
    background-color: #0c0b0b5e;
    backdrop-filter: blur(10px);
    outline: none;
    padding-left: 35px;
    /*margin-right: 25px;*/
    color: var(--ve-primary-text-color);
}
#search_bar::placeholder{
    color: var(--ve-primary-text-color);
}
#search_bar_btn{
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-56%);
    border: none;
    background-color: transparent;
}
#close_mobile_searchbar{
    display: none;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 18px;
    cursor: pointer;
}
.profile-container,
.ve-nav-dropdown.locale-dropdown{
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-right: 20px;
}
.profile-container{
    margin-left: 25px;
}
.ve-nav-dropdown{
    height: 40px;
    position: relative;
    margin-right: 30px;
    cursor: pointer;
}
.ve-nav-hover-dropdown{
    height: 40px;
    position: relative;
    margin-right: 30px;
    padding-right: 20px;
    cursor: pointer;
}
/* Carrello */
.ve-nav-hover-dropdown.cart-dropdown{
    height: 40px;
    position: relative;
    margin-right: 0px;
    margin-left: 20px;
    cursor: pointer;
    padding: 0 5px;
}
.ve-nav-hover-dropdown.cart-dropdown .dd-cart-qty{
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--ve-blue);
    border-radius: 50%;
    width: 20px;
    height: 20px;
}
.mobile-menu .item-cont .dd-cart-qty{
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: -40px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--ve-blue);
    border-radius: 50%;
}
.mobile-menu-btn .dd-cart-qty{
    pointer-events: none;
    display: none;
}
.ve-nav-hover-dropdown.cart-dropdown .dd-inner-cont{
    min-width: 320px;
    position: relative;
    padding-bottom: 60px;
}
.ve-nav-hover-dropdown.cart-dropdown i{
    font-size: 1.3rem;
}
.ve-nav-hover-dropdown.cart-dropdown .empty-cart{
    text-align: center;
}
.ve-nav-hover-dropdown.cart-dropdown .cart-bottom-btn{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 100%;
    bottom: 0;
    left: 0;
}
/* END Carrello */
.profile-container .avatar,
.profile-container::after ,
.ve-nav-hover-dropdown::after ,
.ve-nav-dropdown::after {
    cursor: pointer;
}
.profile-container .avatar{
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.profile-container::after,
.ve-nav-dropdown::after{
    content: '';
    position: absolute;
    top: 50%;
    right: -15px;
    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;
}
.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;
}
.ve-nav-hover-dropdown.cart-dropdown::after{
    display: none;
    background-image: none;
}
.ve-nav-hover-dropdown.cart-dropdown .dropdown-cont::after{
    background-image: none;
}
.profile-container.open::after,
.ve-nav-hover-dropdown.open::after,
.ve-nav-dropdown.open::after{
    transform: rotate(180deg) translateY(5px);
}
.ve-nav-hover-dropdown.cart-dropdown.open::after{
    transform: none;
}
.profile-container .dropdown-cont,
.ve-nav-dropdown .dropdown-cont{
    display: none;
    position: absolute;
    top: 50px;
    right: -21px;
}
.ve-nav-hover-dropdown .dropdown-cont{
    display: none;
    position: absolute;
    top: 40px;
    right: -21px;
}
.ve-nav-hover-dropdown.cart-dropdown .dropdown-cont{
    display: none;
    position: absolute;
    top: 48px;
    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;
}
.dd-locale-list-cont .dd-inner-cont{
    padding: 15px 0;
}
.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;
}
.locale-list{
    padding: 0;
    margin: 0;
    list-style: none;
    text-transform: uppercase;
}
.locale-list .locale-lang{
    position: relative;
    padding: 0;
}
.locale-list .locale-lang{
    position: relative;
    padding: 0;
}
.locale-list .locale-lang a{
    width: 54px;
    display: inline-block;
    text-align: center;
}
.locale-list .locale-lang:hover{
    background-color: #ffffff45;
}
.locale-list .locale-lang.active{
    font-weight: bold;
}
.dd-locale-list-cont .dd-inner-cont{
    min-width: unset;
}
/*END NAVBAR*/

/*LOGIN PAGE*/
.card.login-card{
    width: 60%;
}
.column .title{
    font-size: 3rem;
    font-weight: bold;
}
.column .subtitle{

}
/*END LOGIN PAGE*/


/*HEADER*/
.hero-swiper{
    width: 100%;
    padding-top: var(--hp-hero-swiper-padding-top);
}
.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 .swiper-slide{
    position: relative;
}
.hero-swiper .swiper-slide:after{
    display: var(--homepage-slider-overlay);
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 120px;
    background: var(--ve-background);
    background: linear-gradient(180deg, var(--ve-background-gradient-0), var(--ve-background-gradient-1), var(--ve-background-gradient-2), var(--ve-background-gradient-3));
    pointer-events: none;
    z-index: 100;
}
.hero-swiper .swiper-slide picture{
    max-height: 750px;
}
.hero-swiper .swiper-slide .slider-film-info{
    width: calc(100% - var(--desktop-padding)*2);
    position: absolute;
    bottom: 50px;
    left: var(--desktop-padding);
    right: var(--desktop-padding);
    color: var(--ve-primary-text-color);
    z-index: 999;
}
.hero-swiper .swiper-slide .slider-film-info .film-title{
    font-size: 72px;
    text-shadow: 3px 3px 3px rgb(0 0 0 / 90%);
    margin-bottom: 25px;
}
.hero-swiper .swiper-slide .slider-film-info .film-desc{
    width: 75%;
    margin-right: 100px;
    text-shadow: 3px 3px 3px rgb(0 0 0 / 90%);
    margin-bottom: 25px;
}
.hero-swiper .swiper-slide .slider-film-info .btn-container{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.img-placeholder{
    width: 100%;
    height: 0;
    display: block;
    position: relative;
    background-color: rgba(0, 0, 0, .25);
    z-index: 0;
}
.slide-overlay{
    display: var(--homepage-slider-overlay);
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000059;
    pointer-events: none;
    filter: blur(42px);
    z-index: 100;
}
/*END HEADER*/

/*GENERAL PAGE HEADER*/
.page-header{
    margin-top: var(--page-header-margin-top);
    position: relative;
}
.page-header:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 120px;
    background: var(--ve-background);
    background: linear-gradient(180deg, var(--ve-background-gradient-0), var(--ve-background-gradient-1), var(--ve-background-gradient-2), var(--ve-background-gradient-3));
    pointer-events: none;
    z-index: 100;
}
.page-header .overlay-film-info{
    position: absolute;
    bottom: 60px;
    left: var(--desktop-padding);
    z-index: 999;
}
.page-header .overlay-film-info.button-inside{
    width: calc(100% - var(--desktop-padding)*2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.page-header .overlay-film-info.button-inside .info{
    margin-right: 20px;
}
.page-header .overlay-film-info.button-inside .btn-group{
    display: flex;
    align-items: center;
}
.page-header .overlay-film-info .film-title{
    font-size: 72px;
    text-shadow: 3px 3px 7px rgb(0 0 0 / 90%);
    margin-bottom: 0;
}
.page-header .overlay-film-info .film-desc{
    font-size: 0.9rem;
    text-shadow: 3px 3px 7px rgb(0 0 0 / 90%);
}
.film-play-btn.mobile{
    display: none;
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*END GENERAL PAGE HEADER*/

/* 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);
}
/* END HOMEPAGE BLOCKS*/

/*SECTION CATEGORY*/
.cat-cover img{
    border-radius: 20px;
}
.section-inner-container{
    margin-bottom: 8px;
}
.section-inner-container:last-child{
    margin-bottom: 0;
}
.section-inner-container .header{
    margin-bottom: 18px;
}
.section-inner-container .header a,
.header.cat-header a{
    display: flex;
    align-items: center;
}
.section-inner-container .header .title,
.header.cat-header .title{
    margin-bottom: 0;
    margin-right: 35px;
}
.section-inner-container .swiper .film-title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-inner-container .swiper .film-description{
    font-size: 0.7rem;
    opacity: 0.6;
    margin-bottom: 0;
}
.section-inner-container .swiper .film-description.video-directors{
    max-height: 28px;
    overflow: hidden;
}
.section-inner-container .swiper-slide img{
    border-radius: 5px;
}

section.category-detail{

}
section.category.home{
    display: var(--hp-category-section);
}
/*END SECTION CATEGORY*/

/*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.category .banner.overlay-video-trailer{
    padding-right: var(--desktop-padding);
}
section.banner.overlay-video-trailer:not(.header) .inner-container{
    border: var(--banner-video-trailer-border);
}
section.banner.overlay-video-trailer .inner-container{
    background-color: var(--banner-video-trailer-background);
    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: var(--banner-video-trailer-background);
    background: linear-gradient(90deg, var(--banner-video-trailer-background-gradient));
    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: 220px;
    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;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}
/* 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;
}
section.banner-video-detail{
    padding: 0;
    width: 100%;
    max-width: 970px;
    max-height: 150px;
    margin: 32px auto 0;
    overflow: hidden;
}
section.banner-video-detail-description{
    padding: 0 var(--desktop-padding);
    margin: 32px auto 0;
}
/*END SECTION BANNER*/
section .tag-link{
    text-decoration: underline;
    color: var(--tag-link-color);
}
/*FILM*/
section.film-information{
    padding: var(--desktop-padding);
}
/*END FILM*/

#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-of-type{
    margin-right: 20px;
}
.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;
}

/* USER ACCOUNT */
.subscription-cont{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.hidden-spinner{
    display: none;
    height: 17px;
    width: 17px;
}
.subscription-cont .sub-name{
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 14px;
}
.subscription-cont .expiry-date{
    font-weight: bold;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 12px;
    color: var(--ve-darkgrey);
}
.subscription-cont .subscription-price{
    font-weight: bold;
    margin-bottom: 0;
}
.navigation-bar{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 35px;
}
.navigation-bar .account-nav-bar-item{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    -webkit-box-shadow: inset 0 -1px 0 0 var(--ve-lightgrey);
    box-shadow: inset 0 -1px 0 0 var(--ve-lightgrey);
    transition: all 0.2s linear;
}
.navigation-bar .account-nav-bar-item.selected{
    -webkit-box-shadow: inset 0 -5px 0 0 var(--ve-blue);
    box-shadow: inset 0 -5px 0 0 var(--ve-blue);
}
.navigation-bar .account-nav-bar-item:hover{
    -webkit-box-shadow: inset 0 -5px 0 0 var(--ve-blue);
    box-shadow: inset 0 -5px 0 0 var(--ve-blue);
}
.card.card-my-orders {
    padding: 40px 30px;
}
.purchase-order-item{
    position: relative;
    margin-bottom: 24px;
    transition: transform 0.2s linear;
}
.purchase-order-item:hover{
    transform: scale(1.05);
}
.purchase-order-item button{
    position: absolute;
    top: calc(50% - 31px);
    left: 50%;
    transform: translate(-50%, -50%);
}
.purchase-order-item img{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.purchase-order-item .purchase-item-info{
    padding: 10px;
    background-color: var(--ve-navbarbackground);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    min-height: 63px;
}
.purchase-order-item .purchase-item-info .purchase-item-title{
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.purchase-order-item .purchase-item-info .purchase-item-expiration{
    margin-top: 4px;
    font-weight: bold;
}
.purchase-order-item .purchase-item-info .purchase-item-expiration span{
    font-weight: bold;
    font-size: 1.1rem;
    color: var(--ve-blue);
    filter: brightness(1.5);
}
/* END USER ACCOUNT */

/* PAGINATION */
.ve--custom-pagination .page-item.active .page-link{
    color: var(--ve-blue);
    border: 2px solid var(--ve-blue);
}
.ve--custom-pagination .page-item.disabled .page-link{
    border: 2px solid #6c757d;
}
.ve--custom-pagination .page-item:not(.disabled) .page-link:hover{
    border: 2px solid var(--ve-blue);
}
.ve--custom-pagination .page-item .page-link{
    width: 56px;
    height: 56px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
}
.ve--custom-pagination .page-item:first-child .page-link{
    padding: 0 45px;
    border-radius: 32px;
    font-size: 2rem;
    line-height: 2rem;
}
.ve--custom-pagination .page-item:last-child .page-link{
    padding: 0 45px;
    border-radius: 32px;
    font-size: 2rem;
    line-height: 2rem;
}
/* END PAGINATION */

/* PAYMENT-SCREEN PAGE */
.braintree-heading{
    color: var(--white);
}
.braintree-option {
    background-color: var(--ve-background) ;
    color: var(--white);
    border-color: #b5b5b5;
    cursor: pointer;
    padding: 12px 10px;
}
.braintree-option__label{
    color: var(--white) !important;
}
.braintree-option:hover .braintree-option__label {
    color: var(--black) !important;
}
.accordion {
    border-radius: 0.375rem;
}
.accordion-button {
    color: var(--ve-primary-text-color);
    padding-right: 40px!important;
    font-size: var(--ve-accordion-button-font-size);
}
.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{
    color: var(--ve-primary-text-color);
    background-color: transparent;
}
.addons-group{
    display: flex;
}
.addons-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.addons-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.addons-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.addons-group .ve--btn{
    min-width: unset;
    padding: 13px 20px;
}
.row.payment-card-details{
    margin: 8px 0 0 0;
    border: 1px solid var(--ve-lightgrey);
    border-radius: 12px;
    padding: 20px 0;
}
.row.payment-card-details .pc-title{
    border-bottom: 1px solid var(--ve-lightgrey);
    padding-bottom: 20px;
}
#discount_accordion{
    width: 90%;
    margin: auto;
}
/* END PAYMENT-SCREEN PAGE */

/* CONTENT PAGE */
.cp-title{
    font-size: var(--cp-title);
    font-weight: bold;
}
.cp-text-align{
    text-align: var(--cp-text-align);
}
.cp-subtitle{
    font-size: var(--cp-subtitle-font-size);
    font-weight: bold;
    color: var(--ve-lightgrey);
}

/* END CONTENT PAGE */

/* CONTACT PAGE */
.contact-page-title{
    font-size: 30px;
    font-weight: bold;
}
.contact-page-subtitle{
    font-size: 16px;
    font-weight: 400;
    color: var(--ve-lightgrey);
}
/* END CONTACT PAGE */

/* FAQ PAGE */
.accordion {
    --bs-accordion-bg: var(--ve-accordion-background);
    --bs-accordion-btn-color: #fff !important;
    --bs-accordion-border-color: none;
}
.accordion-button:not(.collapsed) {
    color: var(--ve-primary-text-color);
    background-color: inherit;
    box-shadow: none;
}

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

.accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}
.faq-title{
    text-align: center;
    font-weight: bold;
    font-size: 68px;
}
/* END FAQ PAGE */

/* CINEMA ICONS PAGE */
.cinema-icons-col{
    margin-bottom: 30px;
}
.cinema-icons-col .ci-inner-container{
    position: relative;
    height: 100%;
}
.cinema-icons-col .cinema-icon-name-container{
    position: absolute;
    padding: 10px;
    width: 100%;
    bottom: 20px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: var(--ve-blue);
    color: var(--white);
    -webkit-box-shadow: 1px 8px 9px 7px rgba(0,0,0,0.18);
    box-shadow: 1px 8px 9px 7px rgba(0,0,0,0.18);
    transition: all 0.2s linear;
}
.cinema-icon-detail-header{
    position: relative;
    height: 600px;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.cinema-icon-detail-header:before {
    content: '';
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    height: 80px;
    background: var(--ve-background);
    background: linear-gradient(0deg, var(--ve-background-gradient-0),
    var(--ve-background-gradient-1),
    var(--ve-background-gradient-2),
    var(--ve-background-gradient-3));
    pointer-events: none;
    z-index: 100;
}
.cinema-icon-detail-header .cinema-icon-name-container{
    position: absolute;
    padding: 10px 30px;
    bottom: 80px;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    background-color: var(--ve-blue);
    color: var(--white);
    -webkit-box-shadow: 1px 8px 9px 7px rgba(0,0,0,0.18);
    box-shadow: 1px 8px 9px 7px rgba(0,0,0,0.18);
    transition: all 0.2s linear;
    z-index: 101;
}
.cinema-icon-information .cinema-icon-info-title{
    font-size: 42px;
    margin-bottom: 25px;
    line-height: 36px;
}
/* END CINEMA ICONS PAGE */

/* VIDEO DETAIL PAGE */
.modal .video-js{
    width: 100%;
    max-height: calc(100vh - 80px);
    min-height: calc(100vh - 80px);
}
section.purchase-btn .video-expiry-date{
    text-align: center;
    font-size: 24px;
}
section.purchase-btn .section-btn-container{
    display: flex;
    justify-content: center;
}
section.purchase-btn .video-expiry-date span{
    font-weight: bold;
    color: var(--ve-blue);
    filter: brightness(1.5);
}
section.purchase-btn .section-btn-container button:first-child{
    margin-right: 25px;
}
.tv-series-detail .ul-title{
    font-weight: 700;
    font-size: 24px;
}
.tv-series-detail .season-title{
    font-weight: 600;
    font-size: 16px;
}
.tv-series-detail .age-limit{
    border: 1px solid #ffffff7a;
    padding: 2px 7px;
    letter-spacing: 2px;
}
.tv-series-detail .episode-container{
    padding-left: 0;
    list-style: none;
}
.tv-series-detail .episode-container li{
    cursor: pointer;
}
.tv-series-detail .episode-container .episode-item{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 32px;
    border-radius: 4px;
    border-bottom: 1px solid #404040;
    transition: background-color 0.2s linear;
}
.tv-series-detail .episode-container .episode-item:hover{
    background-color: var(--episode-hover-background);
}
.tv-series-detail .episode-container li:first-of-type .episode-item{
    border-top: 1px solid #404040;
}
.tv-series-detail .episode-container .episode-item .episode-number{
    font-size: 28px;
    font-weight: 600;
    margin-right: 24px;
}
.tv-series-detail .episode-container .episode-item .episode-number-mobile{
    display: none;
}
.tv-series-detail .episode-container .episode-item img{
    max-width: 250px;
    border-radius: 4px;
    margin-right: 24px;
}
.tv-series-detail .episode-container .episode-item .episode-info {
    display: flex;
    flex-direction:  column;
    width: 100%;
}
.tv-series-detail .episode-container .episode-item .episode-info .title-duration{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 16px 8px;
}
.tv-series-detail .episode-container .episode-item .episode-info .description{
    padding: 0 16px;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}
.tv-series-detail .episode-container .episode-item .episode-info .description p{
    margin-bottom: 0;
}
.tv-series-detail .episode-container .episode-item .episode-info .episode-title{
    font-weight: bold;
    font-size: 1.2rem;
    margin-right: 16px;
}
.tv-series-detail .episode-container .episode-item .episode-info .episode-duration{
    font-size: 1.2rem;
}
#player-next-episode-btn{
    -webkit-box-align: center;
    align-items: center;
    appearance: none;
    border: 0;
    border-radius: 4px;
    background-color: var(--next-episode-btn-background);
    color: var(--next-episode-btn-color);
    cursor: pointer;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 0.8rem;
    position: absolute;
    bottom: 65px;
    right: 25px;
    font-size: 1rem;
    font-weight: 600;
    word-break: break-word;
    white-space: nowrap;
    transition: all 0.2s linear;
}
#player-next-episode-btn:hover{
    filter: brightness(0.8);
}
ul{
    list-style-image: var(--ul-marker-image);
    font-size: var(--ul-font-size);
}
.text-black ul{
    list-style-image: var(--ul-marker-image-text-black);
}
ul li::marker{
    font-size: var(--ul-marker-font-size);
    line-height: var(--ul-marker-line-height);
}
/* edit this class in the sub-main.css too*/
.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);
}
.homepage-block a:not(.ve--btn){
    color: var(--hb-href-link-color);
}
.homepage-block a:not(.ve--btn):hover{
    filter: brightness(1.2);
}
/* edit this class in the sub-main.css too*/
/* END VIDEO DETAIL PAGE */

/* CART PAGE some class shared for cart-dropdown*/
section.def-padd.page-cart {
    padding: var(--desktop-padding) var(--mobile-padding);
}
.cart-products .cart-item{
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid var(--ve-lightgrey);
}
.cart-products .cart-item:last-child{
    border-bottom: none;
}
.cart-products .cart-item .cart-item-cover{
    border-radius: 5px;
    min-width: 150px;
    max-width: 165px;
    position: relative;
}
.cart-dropdown .cart-products{
    max-height: 315px;
    overflow: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;
}
.cart-dropdown .cart-products::-webkit-scrollbar {
    display: none;
}
.cart-dropdown .cart-products .cart-item .cart-item-cover{
    min-width: 75px;
    max-width: 75px;
}
.cart-products .cart-item .cart-item-info{
    padding: 0 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.cart-dropdown .cart-products .cart-item .cart-item-info{
    padding: 0 0 0 15px;
}
.cart-products .cart-item-title{
    font-weight: bold;
    font-size: 21px;
    line-height: 21px;
}
.cart-dropdown .cart-products .cart-item-title{
    font-size: 16px;
    line-height: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cart-products .cart-item-variants{
    letter-spacing: -0.14px;
    line-height: 17px;
    margin-top: 15px;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.cart-products .cart-item-variants li{
    margin-bottom: 5px;
}
.cart-products .cart-item-price{
    margin-top: 15px;
    font-weight: bold;
    line-height: 16px;
}
.cart-products .cart-item-action{
    font-weight: bold;
    line-height: 16px;
    margin-top: 35px;
}
.cart-products .cart-item-action .cart-remove-item:hover{
    color: var(--ve-red);
}
.cart-info .cart-info-card{
    padding: 16px 20px;
    border: 1px solid var(--ve-lightgrey);
    border-radius: 8px;
    margin-bottom: 45px;
}
.cart-info .cart-info-card .cart-total-price{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cart-info .cart-info-card .cart-total-price .text{
    font-size: 24px;
    margin-right: 10px;
}
.cart-info .cart-info-card .cart-total-price .price{
    font-size: 34px;
    line-height: 44px;
    font-weight: bold;
}
.cart-info .cart-info-card .btn-container{
    margin-top: 40px;
    text-align: center;
}
/* END CART PAGE */


/* loader-ellips
------------------------- */

.page-load-status {
    margin-bottom: 55px;
}

.loader-ellips {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: var(--ve-blue);
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
    from { transform: scale(0.001); }
    to { transform: scale(1); }
}

@keyframes slide {
    to { transform: translateX(1.5em); }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

/* stylelint-disable-next-line no-duplicate-selectors */
.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}

/*MEDIA QUERIES*/
@media (min-width: 1400px){
    .ticket .purchase-cost .price-big {
        font-size: 3.3rem;
        line-height: 3.2rem;
    }
}
@media (max-width: 1600px){
    section.banner.overlay-video-trailer .overlay-info .banner-title {
        font-size: 52px;
        line-height: 58px;
    }
    section.banner.overlay-video-trailer .overlay-info .banner-subtitle p{
        -webkit-line-clamp: 7;
    }
}
@media (max-width: 1500px){
    .hero-swiper .swiper-slide picture{
        max-height: 700px;
    }
    .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){
    section.banner.overlay-video-trailer {
        min-height: 350px;
    }
    section.banner.overlay-video-trailer .video-js {
        height: 350px;
    }
    section.banner.overlay-video-trailer .overlay-info {
        width: 70%;
    }
    section.banner.overlay-video-trailer .video-cover {
        height: 200px;
    }
    section.banner.overlay-video-trailer .overlay-info .banner-title {
        font-size: 48px;
        line-height: 58px;
    }
    .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;
    }
    #search_bar {
        min-width: unset;
        width: 180px;
    }
    .faq-title{
        font-size: 60px;
    }
}
@media (max-width: 1200px){
    .hero-swiper .swiper-slide picture{
        max-height: 650px;
    }
    .faq-title{
        font-size: 48px;
    }
}
@media (max-width: 1100px){

    .buy-banner .buy-cta{
        width: 100%;
    }
    .cinema-icon-detail-header{
        height: 50vw;
    }
    .navbar-container .inner-cont {
        padding: 7px var(--mobile-padding);
    }
}
@media (max-width: 992px){

    #search_bar{
        width: 150px;
        min-width: 150px;
        /*margin-right: 5px;*/
    }
    .navbar-container {
        /*padding: 0 var(--mobile-padding);*/
    }
    .navbar-container .logo-container{
        margin-right: 15px;
    }
    .sb-result-container {
        min-width: calc(100% - 19px);
        max-width: calc(100% + 75px);
    }
    .sb-result-container .sb-result {
        max-width: 320px;
    }
    .buy-banner{
        flex-direction: column;
    }
    .buy-info{
        flex-direction: column;
    }
    .buy-info .purchase-cost{
        margin-bottom: 40px;
    }
    .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;
    }
    .navbar-container .inner-cont .menu-container a:last-child:not(li a) {
        display: none;
    }
    .hero-swiper .swiper-slide .slider-film-info {
        bottom: 40px;
    }
    .hero-swiper .swiper-slide .slider-film-info .film-title{
        font-size: 42px;
        margin-bottom: 15px;
    }
    .hero-swiper .swiper-slide .slider-film-info .film-desc{
        width: 100%;
        max-height: 75px;
        font-size: 0.8rem;
        margin-bottom: 15px;
    }
    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);
    }
    .page-header .overlay-film-info .film-title {
        font-size: 48px;
    }
    .tv-series-detail .episode-container .episode-item img{
        max-width: 30%;
    }
    .tv-series-detail .episode-container .episode-item .episode-info .episode-title{
        font-size: 1rem;
    }
    .tv-series-detail .episode-container .episode-item .episode-info .episode-duration{
        font-size: 1rem;
    }
    .tv-series-detail .episode-container .episode-item .episode-info .description{
        -webkit-line-clamp: 7;
    }
    .faq-title{
        font-size: 42px;
    }
}
@media (max-width: 900px){
    .navbar-container .inner-cont .menu-container {
        font-size: 0.9rem;
    }
    .navbar-container .inner-cont .logo-container {
        min-width: 100px;
    }
}
@media (max-width: 768px){
    .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);
    }
    .navbar-container .navbar-banner {
        font-size: 0.8rem;
        padding: 20px calc(var(--mobile-padding) + 20px) 20px var(--mobile-padding);
    }
    .locale-dropdown::after{
        right: -5px;
    }
    .buy-banner{
        width: 100%;
    }
    #discount_accordion{
        width: 100%;
    }
    .card.login-card {
        width: 100%;
    }
    body.default-navbar .breadcrumb{
        margin-top: 80px;
    }
    .breadcrumb{
        padding: 0 var(--mobile-padding);
        margin-bottom: 0;
    }
    body.default-navbar .ve--mw {
        margin-top: 100px;
    }
    .navbar-container .inner-cont .menu-container{
        display: none;
    }
    #search_bar{
        padding-right: 25px;
        margin-right: 0;
        width: 100%;
    }
    .searchbar-container{
        display: none;
        width: 100%;
    }
    #close_mobile_searchbar{
        display: block;
    }
    .mobile-searchbar{
        display: block;
    }
    #search_bar, #faq_search_bar {
        min-width: unset;
        width: 100%;
    }
    .sb-result-container {
        width: 100%;
        max-width: unset;
        right: 0;
    }
    .sb-result-container .sb-result {
        max-width: unset;
        width: 100%;
    }
    .mobile-menu .item-cont{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        min-height: 100%;
        font-size: 32px;
    }
    .mobile-menu .item-cont a:first-child{
        margin-top: 55px;
    }
    .mobile-menu .item-cont .mobile-item-link:not(:last-child),
    .mobile-menu .item-cont a:not(:last-child){
        margin-bottom: 16px;
    }
    .mobile-menu .item-cont a:last-child{
        margin-bottom: 55px;
    }
    .mobile-menu.less-than-four .item-cont{
        justify-content: center;
    }
    .mobile-menu.less-than-four .item-cont a,
    .mobile-menu.less-than-four .item-cont .ve-default-dd{
        margin-bottom: 55px;
    }
    .mobile-menu.less-than-four .item-cont a:first-child{
        margin-top: 0;
    }
    .mobile-menu.less-than-four .item-cont a:last-child{
        margin-bottom: 0;
    }
    .mobile-menu-btn{
        display: block;
        z-index: 10000;
    }
    .page-header .overlay-film-info{
        bottom: 35px;
        left: var(--mobile-padding);
    }
    .px-ve{
        padding-left: var(--mobile-padding)!important;
        padding-right: var(--mobile-padding)!important;
    }
    .py-ve{
        padding-top: var(--mobile-padding)!important;
        padding-bottom: var(--mobile-padding)!important;
    }
    section.def-padd{
        padding: var(--mobile-padding);
    }
    section.mf-section{
        margin-top: 50px;
    }
    section.banner-video-detail-description{
        padding: 0 var(--mobile-padding);
    }
    .card.adjustable-w {
        width: 100%;
    }
    .card .body .right-b {
        border-right: none;
    }
    .card .body .right-p ,
    .card .body .left-p {
        padding-left: 0;
        padding-right: 0;
    }
    .column.right-p,
    .column.left-p,
    .card .body .column.right-p,
    .card .body .column.left-p {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* 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*/

    .hero-swiper .swiper-button-prev,
    .hero-swiper .swiper-button-next{
        display: none;
    }
    section.film-information{
        padding: var(--mobile-padding);
    }
    .hero-swiper .swiper-slide .slider-film-info .film-title{
        font-size: 42px;
        margin-bottom: 15px;
    }
    .hero-swiper .swiper-slide .slider-film-info {
        width: calc(100% - var(--mobile-padding)*2);
        left: var(--mobile-padding);
        right: var(--mobile-padding);
    }
    .hero-swiper .swiper-slide .slider-film-info .film-desc{
        display: none;
    }
    section{
        padding: var(--mobile-padding);
    }
    section.no-banner{
        padding: var(--desktop-padding) var(--mobile-padding) var(--mobile-padding) var(--mobile-padding);
    }
    section.banner .overlay-info{
        position: absolute;
        bottom: 0;
    }
    .page-header{
        margin-top: 60px;
    }
    .page-header .overlay-film-info .film-title{
        font-size: 37px;
        margin-bottom: 0;
    }
    .page-header .overlay-film-info .film-desc{
        font-size: 0.9rem;
    }
    /* double rules 'couse we move the elements in another div */
    .film-information .info{
        margin-bottom: 30px;
    }
    .film-information .info .film-desc{
        font-size: 0.9rem;
    }
    .film-information .info .film-title{
        font-size: 37px;
        margin-bottom: 0;
    }
    .film-information .info .film-desc{
        font-size: 0.9rem;
    }
    /* double rules 'couse we move the elements in another div */
    .cinema-icon-information .cinema-icon-info-title{
        font-size: 32px;
        line-height: 30px;
    }
    .film-play-btn.desktop{
        display: none;
    }
    .film-play-btn.mobile{
        display: flex;
    }
    .page-header .overlay-film-info.button-inside {
        width: calc(100% - var(--mobile-padding)*2);
    }
    .pagination img{
        width: 15px;
    }
    .pagination .ve--btn-circle{
        min-width: 36px;
        min-height: 36px;
    }
    .ve--btn.disabled img,
    .ve--btn-circle.disabled img,
    .ve--btn-rounded.disabled img{
        opacity: 0.5;
    }
    .ticket .ticket-inner-cont .body{
        flex-direction: row;
    }
    .ticket .purchase-cost {
        margin-right: 40px;
    }
    label.ticket-inner-cont.checked :before ,
    label.ticket-inner-cont.checked :after {
        content: none;
    }
    label.ticket-inner-cont.checked  .body {
        padding-bottom: 10px;
    }
    #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-of-type{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .buy-banner .buy-info .bi-text {
        margin-right: 0;
    }
    .pagination.ve--custom-pagination{
        padding: var(--mobile-padding);
    }
    .pagination.ve--custom-pagination{
        padding: var(--mobile-padding);
    }
    .ve--custom-pagination .page-item:first-child .page-link ,
    .ve--custom-pagination .page-item:last-child .page-link {
        padding: 0 35px;
    }
    .ve--custom-pagination .page-item .page-link {
        width: 45px;
        height: 45px;
    }
    section.banner .overlay-info .banner-title{
        font-size: 36px;
        line-height: 36px;
    }
    section.category .banner.overlay-video-trailer{
        padding-right: 0;
    }
    section.banner.overlay-video-trailer .btn-container .ve--btn{
        width: 75%;
    }
    section.banner.overlay-video-trailer .video-js {
        width: 100% !important;
    }
    section.banner.overlay-video-trailer.header .video-js {
        width: 100% !important;
    }
    section.banner.overlay-video-trailer .video-cover ,
    section.banner.overlay-video-trailer .banner-subtitle.desktop,
    section.banner.overlay-video-trailer .overlay-bg-gradient{
        display: none;
    }
    section.banner.overlay-video-trailer .banner-subtitle.mobile{
        display: block;
        margin-top: 25px;
        margin-left: 25px;
    }
    section.banner.overlay-video-trailer {
        margin-bottom: 20px;
    }
    .tv-series-detail .episode-container .episode-item .episode-info .title-duration {
        padding: 16px 0 8px;
    }
    .tv-series-detail .episode-container .episode-item {
        padding: 32px 16px;
    }
    .tv-series-detail .episode-container .episode-item .episode-number {
        font-size: 24px;
        margin-right: 16px;
    }
    .tv-series-detail .episode-container .episode-item img{
        max-width: 25%;
        margin-right: 16px;
    }
    .tv-series-detail .episode-container .episode-item .episode-info .description{
        font-size: 0.9rem;
        padding: 0;
    }
    section.purchase-btn .video-expiry-date{
        text-align: left;
        font-size: 24px;
    }
    section.purchase-btn .section-btn-container{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    section.purchase-btn .section-btn-container button{
        width: 100%;
    }
    section.purchase-btn .section-btn-container button:first-child{
        margin-right: 0;
        margin-bottom: 25px;
    }
    section.banner-video-detail{
        max-height: unset;
    }
    .faq-title{
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .feature-widget-container{
        height: unset;
        /*margin-bottom: 30px;*/
    }
    .feature-widget{
        padding: 24px 20px;
    }
    .feature-widget .feature-icon{
        padding: 30px;
    }
    .feature-widget .feature-title{
        font-size: 22px;
        margin-bottom: 14px;
    }
}
@media (max-width: 576px){
    .hero-swiper .swiper-slide .slider-film-info .btn-container .ve--btn{
        padding: 8px 50px;
        min-width: 220px;
    }
    .hero-swiper .swiper-slide .slider-film-info .btn-container .ve--btn:last-child{
        margin-bottom: 0;!important;
    }
    .hero-swiper .swiper-slide .slider-film-info .film-title{
        font-size: 42px;
        margin-bottom: 15px;
    }
    .hero-swiper .swiper-slide .slider-film-info .film-desc{
        display: none;
    }
    section{
        padding: var(--mobile-padding);
    }
    .ticket .purchase-cost .price-big {
        font-size: 4rem;
        line-height: 3.7rem;
    }
    .ticket .text-cont {
        font-size: 0.9rem;
    }
    .card .card-title {
        font-size: 32px;
        line-height: 32px;
    }
    .ve--custom-pagination .page-item:first-child .page-link ,
    .ve--custom-pagination .page-item:last-child .page-link {
        padding: 0;
        font-size: 14px;
    }
    .ve--custom-pagination .page-item .page-link {
        width: 35px;
        height: 35px;
    }
    .cp-title {
        font-size: 8vw;
    }
    section.banner .overlay-info .ve--btn{
        padding: 8px 50px;
    }
    section.banner.overlay-video-trailer .banner-subtitle.mobile{
        display: none;
    }
    section.banner.overlay-video-trailer .inner-container{
        background-color: transparent;
    }
    section.banner.overlay-video-trailer:not(.header) .inner-container {
        border: none;
    }
    section.banner.overlay-video-trailer .overlay-info {
        position: relative;
    }
    section.banner.overlay-video-trailer .video-details {
        min-height: unset;
        width: 100%;
    }
    section.banner.overlay-video-trailer .btn-container .ve--btn {
        width: 100%;
    }
    section.banner.overlay-video-trailer .overlay-info {
        width: 100%;
        padding: 25px;
    }
    section.banner.overlay-video-trailer .video-js {
        height: calc(100vw / 1.8);
    }
    .cinema-icon-detail-header .cinema-icon-name-container{
        bottom: 50px;
        font-size: 16px;
        padding: 10px 15px;
    }
    .tv-series-detail .episode-container .episode-item .episode-info .description {
        -webkit-line-clamp: 10;
    }
    .tv-series-detail .episode-container .episode-item {
        flex-direction: column;
        padding: 32px 8px;
    }
    .tv-series-detail .episode-container .episode-item img {
        max-width: 75%;
        margin-right: 0;
    }
    .tv-series-detail .episode-container .episode-item .episode-number{
        display: none;
    }
    .tv-series-detail .episode-container .episode-item .episode-number-mobile{
        display: inline-block;
        margin-right: 5px;
        font-size: 1.3rem;
    }
    .tv-series-detail .episode-container .episode-item .episode-number-mobile:after{
        content: '.';
    }
}
@media (max-width: 500px){
    .hero-swiper .swiper-slide .slider-film-info {
        bottom: 0;
    }
    .hero-swiper .swiper-slide .slider-film-info .btn-container .ve--btn{
        width: 100%;
        margin-right: 0 !important;
    }
    .section-inner-container .swiper-slide {
        min-height: unset;
    }
    .section-inner-container {
        margin-bottom: 5px;
    }
    .ticket .purchase-cost .price-big {
        font-size: 3rem;
        line-height: 3rem;
    }
    .ticket .text-cont {
        font-size: 0.8rem;
    }
    .ticket .purchase-cost {
        margin-right: 30px;
    }
    /*controllare se i BTN rimangono ok, oppure rimuovere questa classe sotto*/
    .ve--btn {
        min-width: unset;
        padding: 15px 20px;
    }
    section.banner .overlay-info .banner-title{
        font-size: 24px;
        line-height: 24px;
    }
    section.banner .overlay-info .banner-subtitle{
        font-size: 14px;
    }
    .popup-container .btn-container .cookie-btn{
        font-size: 13px;
    }
    .pagination .page-item {
        margin-bottom: 15px;
    }
    .pagination{
        flex-wrap: wrap;
    }
}

@media (max-width: 450px){
    .hero-swiper .swiper-slide img{
        padding-bottom: var(--hero-swiper-img-mobile-pb);
    }
    .hero-swiper .swiper-slide .slider-film-info .film-title {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .hero-swiper .slide-overlay {
        bottom: 150px;
    }
    .hero-swiper .swiper-slide:after {
        bottom: 145px;
    }
    .page-header .overlay-film-info .film-title {
        font-size: 32px;
        line-height: 32px;
    }
    .ve-nav-hover-dropdown.cart-dropdown{
        display: none !important;
    }
    .mobile-menu-btn:not(.open) .dd-cart-qty{
        pointer-events: none;
        position: absolute;
        bottom: unset;
        top: 0;
        right: 0;
        width: 25px;
        height: 25px;
        font-size: 1.1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--ve-blue);
        border-radius: 50%;
        transform: translate(50%, -50%);
    }
    .cart-products .cart-item .cart-item-info {
        padding: 0 0 0 15px;
    }
    .cart-products .cart-item .cart-item-cover {
        min-width: 145px;
        max-width: 145px;
    }
    section.banner.overlay-video-trailer {
        min-height: unset;
    }
    .section-inner-container .swiper .film-description.video-directors {
        max-height: 15px;
    }
}

@media (max-width: 400px){
    .navbar-container .inner-cont .logo-container{
        min-width: 80px;
    }
    .navbar-container .inner-cont .logo-container img{
        width: 120px !important;
    }
    .pwd-eye-icon {
        right: 15px;
    }
    .navigation-bar {
        flex-direction: column;
    }
    .navigation-bar .account-nav-bar-item {
        padding: 15px;
        width: 100%;
        text-align: center;
    }
    .navigation-bar .account-nav-bar-item.selected {
        font-weight: 700;
    }
}

@media (max-width: 350px) {
    .navbar-container .inner-cont {
        padding: 7px 10px;
    }
    .mobile-menu-btn {
        margin-left: 20px;
    }
    .mobile-searchbar {
        /*margin-right: 15px;*/
    }
    /*hide the logo in the video player*/
    .vjs-brand-container{
        display: none;
    }
    .mobile-menu .item-cont a {
        word-break: break-all;
        padding: 0 10px;
        font-size: 25px;
    }
    .mobile-menu-btn:not(.open) .dd-cart-qty {
        right: 5px;
    }
    .pwd-eye-icon {
        right: 10px;
    }
    .mobile-px-xs{
        padding: 15px;
    }
    .mobile-p-xs-no-border{
        border: none;
        padding: 0;
    }
    .default-avatar-label img{
        width: 80px !important;
        height: 80px !important;
    }
    .profile-container .avatar{
        height: 30px;
        width: 30px;
    }
    .profile-container{
        height: 30px;
        width: 30px;
        margin-left: 20px;
    }
    .navbar-container .inner-cont {
        padding: 10px 10px;
    }
    #card-button{
        font-size: 13px;
    }
}
@media (max-width: 315px) {
    .mobile-menu-btn:not(.open) .dd-cart-qty {
        right: 10px;
    }
    .navbar-container .inner-cont .logo-container {
        min-width: 70px;
    }
    .mobile-menu-btn {
        width: 26px;
        margin-left: 20px;
    }
    .mobile-menu-btn.open{
        margin-left: 0;
        margin-right: 10px;
    }
    .form-floating .form-label{
        font-size: 14px;
    }
    .form-floating select option{
        font-size: 14px;
    }
}
@media (min-width: 768px) {
    .ve-nav-dropdown.locale-dropdown{
        width: 25px;
    }
}
@media (min-width: 992px) {
    .film-cover-swiper:not(.swiper-initialized) .swiper-slide img{
        max-width: 196px;
    }
    .profile-container .dd-inner-cont .dropdown-item:hover,
    .ve-nav-dropdown .dd-inner-cont .dropdown-item:hover{
        font-weight: 600;
    }
    .sb-result-container .search-result:hover{
        background-color: #00000069;
    }
    .ve--btn.btn-blue:hover,
    .ve--btn-circle.btn-blue:hover,
    .ve--btn-rounded.btn-blue:hover{
        color: var(--ve-primary-btn-hover-color)!important;
        background-color: var(--ve-primary-btn-hover-bg) !important;
        -webkit-box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.15);
    }
    .ve--btn.btn-blue.ve--btn-outline:hover,
    .ve--btn-circle.btn-blue.ve--btn-outline:hover,
    .ve--btn-rounded.btn-blue.ve--btn-outline:hover{
        background-color: transparent !important;
        color: var(--ve-blue) !important;
        -webkit-box-shadow: 5px 5px 15px -5px var(--ve-blue);
        box-shadow: 5px 5px 15px -5px var(--ve-blue);

    }
    .ve--btn.btn-blue:hover img,
    .ve--btn-circle.btn-blue:hover img,
    .ve--btn-rounded.btn-blue:hover img{
        filter: invert(1);
    }
    .ve--btn.btn-white:hover,
    .ve--btn-circle.btn-white:hover,
    .ve--btn-rounded.btn-white:hover{
        color: var(--white);
        background-color: var(--black) !important;
    }
    .ve--btn.btn-red:hover,
    .ve--btn-circle.btn-red:hover,
    .ve--btn-rounded.btn-red:hover{
        color: var(--white);
        background-color: var(--ve-red-btn-hover-color) !important;
    }
    .ve--btn.btn-green:hover,
    .ve--btn-circle.btn-green:hover,
    .ve--btn-rounded.btn-green:hover{
        color: var(--white);
        background-color: var(--ve-green-btn-hover-color) !important;
    }
    .ve--btn.btn-transparent:hover,
    .ve--btn-circle.btn-transparent:hover,
    .ve--btn-rounded.btn-transparent:hover{
        background-color: var(--ve-btn-transparent-bg-hover) !important;
        color: var(--ve-btn-transparent-color-hover) !important;
        border: 2px solid var(--ve-btn-border-color-hover);
    }
    .ve--btn.btn-clear:hover,
    .ve--btn-circle.btn-clear:hover,
    .ve--btn-rounded.btn-clear:hover{
        color: #0c0b0b!important;
        background-color: var(--white) !important;
        border: 2px solid #ffffff;
    }
    .ve--btn.active:hover,
    .ve--btn-circle.active:hover,
    .ve--btn-rounded.active:hover{
        color: var(--ve-blue)!important;
        background-color: transparent !important;
        border: 2px solid var(--ve-blue);
        -webkit-box-shadow: 3px 3px 15px 0 var(--ve-blue);
        box-shadow: 3px 3px 15px 0 var(--ve-blue);
    }
    .ve--btn.disabled:hover,
    .ve--btn-circle.disabled:hover,
    .ve--btn-rounded.disabled:hover{
        color: var(--ve-lightgrey)!important;
        background-color: transparent !important;
        border: 2px solid var(--ve-lightgrey);
    }
    .cinema-icons-col .ci-inner-container:hover .cinema-icon-name-container{
        filter: brightness(1.3);
    }
}
@media (min-width: 1920px) {
    section.banner.overlay-video .video-banner-element-9-dimensions {
        height: 1040px;
    }
}

.trailer-btn {
    background-color: var(--trailer-btn-background) !important;
    border: 2px solid var(--trailer-btn-border-color) !important;
}

.ve--btn.btn-transparent.trailer-btn:hover {
    background-color: var(--trailer-btn-hover-background) !important;
    color: var(--trailer-btn-hover-color) !important;
}

.swiper.custom-navigation .swiper-button-prev, .swiper.custom-navigation .swiper-button-next {
    background-color: var(--swiper-arrow-background) !important;
}