@font-face {
    font-family: 'Raleway';
    src: url('/assets/fonts/Raleway-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('/assets/fonts/Raleway-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('/assets/fonts/Raleway-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('/assets/fonts/Raleway-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('/assets/fonts/Raleway-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('/assets/fonts/Raleway-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('/assets/fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


body {
    font: 14px/22px "Raleway",Arial,sans-serif;
    line-height: 1.5;
    color: #666666;
    font-style: normal;
    font-weight: 400;
    font-variant-numeric: lining-nums;
}

*:focus, *:focus-visible {
    outline: none;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        width: 100%;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    .container, .container-md, .container-sm {
        max-width: 1710px;
        width: 100%;
        padding-right: 35px;
        padding-left: 35px;
    }
}

.bg-blue {
    background: #F1F3F8;
}

.registration-area {
    height: 100vh;
}
.registration-area__panel {
    width: 100%;
    max-width: 855px;
    padding: 50px 100px;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
.registration-area__panel.left {
    margin-left: auto;
}
.registration-area__back {
    padding: 8px 0;
    border-radius: 24px;
    color: #d9181f;
    text-decoration: none;
}
.registration-area__back:hover {
    color: #d9181f;
    text-decoration: none;
}

@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 992px) {

}

@media only screen and (max-width : 768px) {
    .registration-area__panel {
        padding: 30px 50px;
    }
    .vh-100 {
        height: calc((100vw - 20px) * 0.5625)
    }
}

@media only screen and (max-width : 480px) {
    .registration-area__panel {
        padding: 20px 30px;

    }
    .registration-area__lic {
        font-size: 13px;
    }
    .registration-area__back {
        font-size: 13px;
    }
}

@media only screen and (max-width : 320px) {

}