﻿@font-face{
    font-display: swap;
    font-family: 'Involve';
    font-weight: 400;
    src: url('../font/Involve-Regular.woff2') format('woff2'),
         url('../font/Involve-Regular.woff') format('woff')
}

@font-face{
    font-display: swap;
    font-family: 'Involve';
    font-weight: 500;
    src: url('../font/Involve-Medium.woff2') format('woff2'),
         url('../font/Involve-Medium.woff') format('woff')
}

@font-face{
    font-display: swap;
    font-family: 'Involve';
    font-weight: 600;
    src: url('../font/Involve-Semibold.woff2') format('woff2'),
         url('../font/Involve-Semibold.woff') format('woff')
}

@font-face{
    font-display: swap;
    font-family: 'Involve';
    font-weight: 700;
    src: url('../font/Involve-Bold.woff2') format('woff2'),
         url('../font/Involve-Bold.woff') format('woff')
}

.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;width:100%;height:100%;background:rgba(45, 45, 45, 0.6);backdrop-filter:blur(2px);opacity:0;pointer-events:none;visibility:hidden;transition:.3s ease-in-out}
.overlay.is-active{opacity:1;pointer-events:all;visibility:visible}

.link-default{transition:.3s ease-in-out}
.link-default:hover{color:#e3b322!important}

.common{background:#171718;color:#ddd6ce;line-height:1;font-family:'Involve', sans-serif;font-size:18px}
.container{width:100%;min-width:320px;max-width:1190px;margin:0 auto;padding:0 15px}
.overflow{overflow:hidden}
.img-absolute{position:absolute;top:0;right:0;bottom:0;left:0;content:'';width:100%;height:100%;object-position:center;object-fit:cover;border-radius:inherit}

.button{transition:.3s ease-in-out;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}
.button:hover{text-decoration:none}
.button-default{height:58px;padding:0 30px;font-size:20px;font-weight:700;border-radius:16px}
.button-mini{height:44px;padding:0 19px;font-size:16px;font-weight:600;border-radius:12px}
.button-bg-green{background:linear-gradient(115deg, #3ecc47 15%, #38ad46 85%);color:#fff;box-shadow:0 1px 20px rgba(0, 208, 85, .32)}
.button-bg-green::before{transition:.3s ease-in-out;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:'';background:linear-gradient(115deg, #38ad46 15%, #38ad46 85%);border-radius:inherit}
.button-bg-green:hover{box-shadow:0 1px 20px rgba(0, 208, 85, 0.15)}
.button-bg-green:hover::before{opacity:1}
.button-bg-purple{background: linear-gradient(100deg, #A17ECA 10%, #8F52C5 100%);;color:#fff;box-shadow:0 1px 20px rgba(151, 102, 200, .3)}
.button-bg-purple::before{transition:.3s ease-in-out;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:'';background:#8f52c5;border-radius:inherit}
.button-bg-purple:hover{box-shadow:0 1px 20px rgba(151, 102, 200, 0.15)}
.button-bg-purple:hover::before{opacity:1}
.button-bg-white{background:transparent;color:#fff;border:1px solid rgba(248, 245, 240, 0.6)}
.button-bg-white:hover{background:#fff;color:#1d1c1c}

.header{color:#ddd6ce;line-height:1;padding:0;font-family:'Involve', sans-serif;font-size:18px}
.header a:not(.button){color:#ddd6ce}
.header img{display:block;max-width:100%}

.mobile-menu{color:#ddd6ce;line-height:1;font-family:'Involve', sans-serif;font-size:18px}
.mobile-menu a:not(.button){color:#ddd6ce}

.footer{color:#ddd6ce;line-height:1;font-family:'Involve', sans-serif;font-size:18px}
.footer a:not(.button){color:#ddd6ce}
.footer img{display:block;max-width:100%}

.header *, .header *::before, .header *::after{box-sizing:border-box}
.footer *, .footer *::before, .footer *::after{box-sizing:border-box}
.mobile-menu *, .mobile-menu *::before, .mobile-menu *::after{box-sizing:border-box}
.header a, .footer a, .mobile-menu a{text-decoration:none}
.header img, .footer img, .mobile-menu img{display:block;max-width:100%}
.header svg, .footer svg, .mobile-menu svg{fill:currentColor;vertical-align:middle}

@media screen and (min-width: 992px) {
    .mobile{display:none}
}

@media screen and (max-width: 767px) {
    .container{padding:0 10px}
    .common{font-size:16px}
}