:root {
    --font-10: 10px;
    --font-11: 11px;
    --font-12: 12px;
    --font-13: 13px;
    --font-14: 14px;
    --font-15: 15px;
    --font-16: 16px;
    --font-17: 17px;
    --font-18: 18px;
    --font-19: 19px;
    --font-20: 20px;
    --font-22: 22px;
    --font-24: 24px;
    --font-30: 30px;
    --font-35: 35px;
    --font-40: 40px;
    --font-45: 45px;
    --font-50: 50px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after {
    content: '';
    padding: 14px -10px 29px 13px;
    width: 0;
    height: 0;
    border-top: 80px solid transparent;
    border-bottom: 80px solid transparent;
    border-left: 40px solid var(--blue);
    border-right: 0px;
}

.swiper-button-prev:after {
    content: '';
    padding: 14px -10px 29px 13px;
    width: 0;
    height: 0;
    border-top: 80px solid transparent;
    border-bottom: 80px solid transparent;
    border-right: 40px solid var(--blue);
    border-left: 0px;
}

.messenger {
    left: auto;
    right: 100px;
}

#ToTop {
    left: 100px;
    right: auto;
}

.sideMenu,
.overlay {
    left: auto;
    right: -100%;
}

.sideMenu.open {
    left: auto;
    right: 0;
}

.closebtn {
    right: auto;
    left: 1rem;
}

.headerBg,
.videoBG,
.footerBG {
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.header,
.video,
.footer {
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


/* Responsive */

@media (min-width: 1025px) and (max-width: 1280px) {
    /*  */
}

@media (min-width: 961px) and (max-width: 1024px) {
    /*   */
}


/* ipad */

@media (min-width: 768px) and (max-width: 1023px) {
    /*    */
}

@media (max-width: 767px) {
    .btn-mobile {
        font-size: var(--font-18);
    }
    .messenger {
        left: auto;
        right: auto;
    }
    #ToTop {
        left: 0px;
        right: auto;
    }
}

@media (min-width: 481px) and (max-width: 766px) {}

@media (min-width: 320px) and (max-width: 480px) {
    /*  */
}