@import "fonts.css";
html,body {background:#0a0a0a; margin-bottom: 100px; font-family: "Montserrat",sans-serif; scroll-behavior: smooth}
body  {overflow-x: hidden;}
::selection {
    color: #fbc839;
    background:#0a0a0a;
}

.px {padding: 0 100px;}

.black-overlay {position: relative;}
.black-overlay::after {content: '';background:#000;opacity: .75;top: 0;left: 0;width: 100%;height: 100%;position: absolute;}

.stroke-text {-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fbc839;}

header.fixing {position: fixed;top: 0;background: rgba(0,0,0,.3);backdrop-filter: blur(15px)}
header img {transition: all .4s;}
header.fixing img {transform: scale(.8);}


.tab .tab-links a.tab-link {transition: all .4s;color: rgba(255,199,44,.25);}
.tab .tab-links a.tab-link.active {opacity: 1;color: #fbc839;}
.swiper-movie-covers, .swiper-movie-covers .swiper-wrapper {overflow: initial !important;}
.swiper-movie-covers .swiper-slide {position: relative;border-radius: 30px;transition: all .5s;}
.swiper-movie-covers .swiper-slide .img-content {position: relative;overflow: hidden;border-radius: 30px;}
.swiper-movie-covers .swiper-slide .img-content img {transition: all .5s;border-radius: 10px;width: 100%;min-height: 70vh;object-fit: cover;}
.swiper-movie-covers .swiper-slide span.order {position: absolute;top: 50%;left: -130px;font-size:400px;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #fff;color: transparent;font-weight: 900;transform: translateY(-50%);z-index: -1;font-family: sans-serif;transition: all .6s;}
.swiper-movie-covers .swiper-slide:hover span.order {transform: scale(1.15) translateX(-20%) translateY(-60%);}
.swiper-movie-covers:hover .swiper-slide {opacity: .2;}
.swiper-movie-covers:hover .swiper-slide:hover {opacity: 1;}
.swiper-movie-covers .swiper-slide:hover {z-index: 5;}
.swiper-movie-covers .swiper-slide:hover span.order {color: #fbc839;-webkit-text-stroke-color: transparent;}
.swiper-movie-covers .swiper-slide:hover .img-content img{transform: scale(1.2)}
.swiper-movie-covers .swiper-slide.swiper-slide-active {z-index: 4;}
.swiper-movie-covers .swiper-slide .overlay {overflow: hidden;}
.swiper-movie-covers .swiper-slide .overlay .content {transform: translateY(50%);opacity: 0;visibility: hidden;transition: all .5s;width: 100%;height: 100%;background:-webkit-linear-gradient(90deg,#000,#000,transparent);}
.swiper-movie-covers .swiper-slide:hover .overlay .content {transform: translateY(0);opacity: 1;visibility: visible;}
.swiper-movie-covers .swiper-slide .overlay :is(h2,p,ul,div.buttons) {transition: all .5s;transform: translateY(30px);opacity: 0;}
.swiper-movie-covers .swiper-slide:hover .overlay h2 {transition-delay: .2s;opacity:1;transform: translateY(0);}
.swiper-movie-covers .swiper-slide:hover .overlay p {transition-delay: .3s;opacity:1;transform: translateY(0);}
.swiper-movie-covers .swiper-slide:hover .overlay ul {transition-delay: .4s;opacity:1;transform: translateY(0);}
.swiper-movie-covers .swiper-slide:hover .overlay div.buttons {transition-delay: .5s;opacity:1;transform: translateY(0);}



.loader {transition: all 1s;visibility: visible;opacity: 1;position: fixed;top: 0;left: 0;width: 100vw;height: 100svh;z-index: 99999;background: #0a0a0a; display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 40px;}
.loader img {height: 33%;transform: translateY(40px)}
.loader.completed {transform: scale(10);opacity: 0;visibility:hidden;transition-delay: .4s;}

.mobile-menu {transition: all .2s;background: rgba(0,0,0,.5);opacity: 0;transform:scale(2);visibility: hidden;backdrop-filter: blur(10px)}
.mobile-menu.opened {transform: scale(1);visibility: visible;opacity: 1;}




@media screen and (max-width: 1400px)
{
    .px {padding: 0 50px;}
    .swiper-movie-covers .swiper-slide span.order {left:-100px;font-size: 340px;}


}


@media screen and (max-width: 768px)
{
    .px {padding: 0 15px;}
    .swiper-movie-covers .swiper-slide {transform: scale(.9);}
    .swiper-movie-covers .swiper-slide span.order {left: -20px;font-size: 200px;z-index: 1;}
    .swiper-movie-covers .swiper-slide:hover span.order {transform: scale(.8) translateX(-20%) translateY(-140%);opacity: .4;}
    .swiper-movie-covers:hover .swiper-slide {opacity: 1 !important;}
}











.mail-loader, .mail-loader:before, .mail-loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    animation-fill-mode: both;
    animation: bblFadInOut 1.8s infinite ease-in-out;
}
.mail-loader {
    color: #000;
    font-size: 7px;
    position: relative;
    top: -15px;
    text-indent: -9999em;
    transform: translateZ(0);
    animation-delay: -0.16s;
}
.mail-loader:before,
.mail-loader:after {
    content: '';
    position: absolute;
    top: 0;
}
.mail-loader:before {
    left: -3.5em;
    animation-delay: -0.32s;
}
.mail-loader:after {
    left: 3.5em;
}

@keyframes bblFadInOut {
    0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em }
    40% { box-shadow: 0 2.5em 0 0 }
}