@import url(fontawesome-all.min.css);
@font-face {
    font-family: 'Roboto-Black';
    src: url('../webfonts/Roboto-Black.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../webfonts/Roboto-Bold.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto-Light';
    src: url('../webfonts/Roboto-Light.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../webfonts/Roboto-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../webfonts/Roboto-Medium.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto-Thin';
    src: url('../webfonts/Roboto-Thin.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../webfonts/PlusJakartaText-Regular.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-Black';
    src: url('../webfonts/Gilroy-Black.otf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-Bold';
    src: url('../webfonts/Gilroy-Bold.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-Light';
    src: url('../webfonts/Gilroy-Light.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-Regular';
    src: url('../webfonts/Gilroy-Regular.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-Medium';
    src: url('../webfonts/Gilroy-Medium.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-Thin';
    src: url('../webfonts/Gilroy-Thin.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-BlackItalic';
    src: url('../webfonts/Gilroy-BlackItalic.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-BoldItalic';
    src: url('../webfonts/Gilroy-BoldItalic.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-Extrabold';
    src: url('../webfonts/Gilroy-Extrabold.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-ExtraboldItalic';
    src: url('../webfonts/Gilroy-ExtraboldItalic.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-Heavy';
    src: url('../webfonts/Gilroy-Heavy.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-HeavyItalic';
    src: url('../webfonts/Gilroy-HeavyItalic.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-LightItalic';
    src: url('../webfonts/Gilroy-LightItalic.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-MediumItalic';
    src: url('../webfonts/Gilroy-MediumItalic.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-RegularItalic';
    src: url('../webfonts/Gilroy-RegularItalic.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-Semibold';
    src: url('../webfonts/Gilroy-Semibold.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-SemiboldItalic';
    src: url('../webfonts/Gilroy-SemiboldItalic.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-ThinItalic';
    src: url('../webfonts/Gilroy-ThinItalic.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-UltraLight';
    src: url('../webfonts/Gilroy-UltraLight.otf') format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy-UltraLightItalic';
    src: url('../webfonts/Gilroy-UltraLightItalic.otf') format('opentype');
    font-display: swap;
}

* {
    font-family: 'Gilroy-Regular', sans-serif;
}

/* $blue-color: #00aeee;
$violet-color: #412f6b;
$green-color: #6ecb03;
$red-color: #fe0000; */
.text-font-light {
    font-family: 'Gilroy-Light';
}
.text-font-medium {
    font-family: 'Gilroy-Medium';
}
.text-font-bold {
    font-family: 'Gilroy-Bold';
}

.text-pc-violet {
    color: #412f6b;
}
.text-pc-green {
    color: #6ecb03;
}

.pc-small {
    font-size: 14px !important;
    line-height: 16px !important;
}
.pc-smaller {
    font-size: 12px !important;
    line-height: 14px !important;
}

.bg-pc-green {
    background: #6ecb03;
}
.bg-home-index {
    background: url('../img/bg-home-pc.jpg') #f6f6f6;
    background-repeat: no-repeat;
    background-size: cover;
}

footer {
    background-color: rgba(0, 0, 0, 0.8);
}

footer .footer__ornament-home {
    right: 50px;
    top: -65px;
}

@media(max-width: 990px) {
    footer .footer__ornament-home {
        right: 20px;
        top: -22px;
        height: 100px;
    }
}

footer .contacts .border-left {
    border-width: 2px !important;
}

@media(max-width: 768px) {
    footer .contacts .border-left {
        border: none !important;
    }
}


input:-webkit-autofill,
input:-webkit-autofill-strong-password,
input:-webkit-autofill-strong-password-viewable,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background-color: #fff !important;
}