/* Mont */
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-THIN.OTF') format('opentype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-EXTRALIGHT.OTF') format('opentype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-LIGHT.OTF') format('opentype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-BOOK.OTF') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-REGULAR.OTF') format('opentype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-SEMIBOLD.OTF') format('opentype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-BOLD.OTF') format('opentype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-HEAVY.OTF') format('opentype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-BLACK.OTF') format('opentype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-THINITALIC.OTF') format('opentype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-EXTRALIGHTITALIC.OTF') format('opentype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-LIGHTITALIC.OTF') format('opentype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-BOOKITALIC.OTF') format('opentype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-REGULARITALIC.OTF') format('opentype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-SEMIBOLDITALIC.OTF') format('opentype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-BOLDITALIC.OTF') format('opentype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-HEAVYITALIC.OTF') format('opentype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Mont';
    src: url('/media/v2/css/fonts/MONT-BLACKITALIC.OTF') format('opentype');
    font-weight: 900;
    font-style: italic;
}
/* TTNorms */
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-THIN.TTF') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-EXTRALIGHT.TTF') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-LIGHT.TTF') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-REGULAR.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-MEDIUM.TTF') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-BOLD.TTF') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-EXTRABOLD.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-BLACK.TTF') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-HEAVY.TTF') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-THINITALIC.TTF') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-EXTRALIGHTITALIC.TTF') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-LIGHTITALIC.TTF') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-REGULARITALIC.TTF') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-MEDIUMITALIC.TTF') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-BOLDITALIC.TTF') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-EXTRABOLDITALIC.TTF') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-BLACKITALIC.TTF') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'TTNorms';
    src: url('/media/v2/css/fonts/TTNORMS-HEAVYITALIC.TTF') format('truetype');
    font-weight: 900;
    font-style: italic;
}

:root {
    /* main colors */
    --mColor1: #cc0001;
    --mColor2: #224f9e;

    /* second colors */
    --sColor1: #fff;
    --sColor2: #000;
    --sColor3: #646464;
    --sColor4: #ececec;
    --sColor5: #858585;

    /* side colors */
    --fbColor1: #3b5998;
    --vkColor1: #45668e;
    --igColor1: #405de6;
    --igColor2: #5851db;
    --igColor3: #833ab4;
    --igColor4: #c13584;
    --igColor5: #e1306c;
    --igColor6: #fd1d1d;
    --igColor7: #f56040;
    --igColor8: #f77737;
    --igColor9: #fcaf45;
    --igColor10: #ffdc80;
    --youtubeColor1: #ff0000;
    --youtubeColor2: #282828;
    --viberColor1: #59267c;
    --viberColor2: #8f5db7;
    --viberColor3: #e2d4e7;
    --viberColor4: #a5cfd5;
    --viberColor5: #81cd50;
    --whatsappColor1: #075e54;
    --whatsappColor2: #128c7e;
    --whatsappColor3: #25d366;
    --whatsappColor4: #dcf8c6;
    --whatsappColor5: #34b7f1;
    --whatsappColor6: #ece5dd;
    --telegramColor1: #0088cc;

    /* main fonts */
    --font1: 'TTNorms', 'Arial', 'sans-serif';
    --font2: 'Mont', 'Arial', 'sans-serif';

    /* prime-button coordinates */
    --primeButtonX: 0;
    --primeButtonY: 0;
}

/* body
----------------------------------------------------------------------------------------------------------------------*/
html,
body {
    width: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: var(--font1);
    font-weight: 400;
}
body {
    width: 100%;
    /*height: 100%;*/
    min-height: 100vh;
}
.wrap {
    width: auto;
    height: auto;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
body.body--home {
    background: url('/media/v2/img/content-background-1.png') center top no-repeat;
    background-size: auto auto;
}
.wrap .toast-container {
    z-index: 10;
}
div {
    outline: none !important;
}
img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    outline: none !important;
}
a {
    outline: none !important;
}
button {
    outline: none !important;
}
.text-red {
    color: var(--mColor1) !important;
}

.app-badges {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.app-badges > *:not(:last-child) {
    margin-right: .5rem;
}
.app-badges > * img {
    height: 50px;
}

@media (max-width: 992px) {
    body.body--home {
        background: #fff;
    }
    .wrap .toast-container {
        padding-top: 95px !important;
    }
}

/* side-menu
----------------------------------------------------------------------------------------------------------------------*/
#side-menu:not(.mm-menu) {
    display: none;
}
#side-menu {
    font-weight: 600;
}

/* loader
----------------------------------------------------------------------------------------------------------------------*/
.loader {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 32px;
}
.loader div {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    transition: background-color .2s;
}
.loader div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 .6s infinite;
}
.loader div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 .6s infinite;
}
.loader div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 .6s infinite;
}
.loader div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 .6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(19px, 0);
    }
}

@media (max-width: 992px) {
}

/* pill
----------------------------------------------------------------------------------------------------------------------*/
.pill {
    width: auto;
    height: auto;
    margin: 0 7px;
    padding: 0 12px;
    display: inline-block;
    font-weight: 600;
    font-size: 21px;
    color: var(--mColor1) !important;
    text-decoration: none;
    border: 3px solid var(--sColor2);
    border-radius: 200px;
}
.pill.pill--red-border {
    border-color: var(--mColor1);
}

@media (max-width: 992px) {
}

/* link-more
----------------------------------------------------------------------------------------------------------------------*/
.link-more {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}
.link-more span {
    font-weight: 600;
    font-size: 19px;
    color: var(--sColor2);
    transition: color .2s;
}
.link-more:hover span {
    color: var(--mColor1);
}
.link-more i.arrow-right {
    width: 120px;
    margin-left: 12px;
    height: 1px;
    background: var(--sColor2);
    position: relative;
    transition: background .2s;
}
.link-more i.arrow-right:before {
    content: ' ';
    width: 16px;
    height: 1px;
    top: -6px;
    right: -1px;
    background: var(--sColor2);
    display: block;
    position: absolute;
    transform: rotate(45deg);
    transition: background .2s;
}
.link-more i.arrow-right:after {
    content: ' ';
    width: 16px;
    height: 1px;
    right: -1px;
    bottom: -6px;
    background: var(--sColor2);
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    transition: background .2s;
}
.link-more:hover i.arrow-right,
.link-more:hover i.arrow-right:before,
.link-more:hover i.arrow-right:after {
    background: var(--mColor1);
}

@media (max-width: 992px) {
}
@media (max-width: 320px) {
    .link-more i.arrow-right {
        width: 60px;
    }
}

/* input
----------------------------------------------------------------------------------------------------------------------*/
.form-group input[type='text'] {
    height: 58px;
}
.form-group input[type='password'] {
    height: 58px;
}
.form-group input[type='tel'] {
    height: 58px;
}
.form-group textarea {
    height: 120px;
}
.form-group select {
    height: 58px;
}
.form-group .iti {
    display: block;
}

/* prime-button
----------------------------------------------------------------------------------------------------------------------*/
.prime-button {
    width: auto;
    height: 55px;
    margin: 0;
    padding: 0 30px;
    background: var(--mColor1);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-decoration: none !important;
    overflow: hidden;
    border: none;
    border-radius: 100px;
}
.prime-button.prime-button--sm {
    height: 45px;
}
.prime-button.prime-button--cursor:before {
    --size: 0;
    content: '';
    position: absolute;
    left: var(--primeButtonX);
    top: var(--primeButtonY);
    width: var(--size);
    height: var(--size);
    background: radial-gradient(circle closest-side, var(--mColor2), transparent);
    transform: translate(-50%, -50%);
    transition: width .2s ease, height .2s ease;
}
.prime-button.prime-button--cursor:hover:before {
    --size: 400px;
}
.prime-button.prime-button--bright {
    box-shadow: 0 10px 25px 0 rgba(204, 0, 1, 0.4);
    transition: box-shadow .2s;
}
.prime-button.prime-button--bright:hover {
    box-shadow: 0 10px 25px 0 rgba(34, 79, 158, 0.4);
}
.prime-button.prime-button--trans {
    background: none;
    border: 3px solid #fff;
}
.prime-button.disabled,
.prime-button:disabled {
    background: #ef7f7f;
}
.prime-button.prime-button--cursor.disabled:before,
.prime-button.prime-button--cursor:disabled:before {
    display: none;
}
.prime-button > i {
    display: block;
    font-size: 22px;
    color: #fff;
    z-index: 1;
    pointer-events: none;
    transition: color .2s;
}
.prime-button.prime-button--sm > i {
    font-size: 17px;
}
.prime-button > i:first-child {
    margin-right: 10px;
}
.prime-button > i:last-child {
    margin-left: 10px;
}
.prime-button > span {
    display: block;
    font-weight: 500;
    font-size: 19px;
    color: #fff;
    text-align: center;
    text-decoration: none !important;
    line-height: 1;
    z-index: 1;
    pointer-events: none;
    transition: color .2s;
}
.prime-button.prime-button--sm > span {
    font-size: 14px;
}
.prime-button > .loader div {
    background: #fff;
}
.prime-button:hover > .loader div {
    background: #fff;
}
.prime-button .spinner-border {
    width: 23px;
    height: 23px;
    margin-right: 10px;
    display: none;
}

@media (max-width: 992px) {
    .prime-button.prime-button--bright,
    .prime-button.prime-button--bright:hover {
        box-shadow: none;
    }
    .prime-button.prime-button--cursor:before {
        content: '';
        display: none;
    }
}

/* modal
----------------------------------------------------------------------------------------------------------------------*/
.modal.modal--video .modal-content {
    overflow: hidden;
}
.modal.modal--video .modal-content .modal-body {
    padding: 0;
}

@media (max-width: 992px) {
}

/* header
----------------------------------------------------------------------------------------------------------------------*/
header {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 30px 20px;
}
header .header-content {
    width: auto;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
header .header-content button.menu-button {
    display: none;
}
header .header-content a.logo {
    width: auto;
    height: auto;
    margin-right: auto;
    display: block;
    text-decoration: none;
}
body.body-main header .header-content a.logo {
    height: 132px;
}
body:not(.body-main) header .header-content a.logo {
    height: 55px;
}
body.body-main header .header-content a.logo.logo--horizontal {
    display: none;
}
body:not(.body-main) header .header-content a.logo.logo--vertical {
    display: none;
}
header .header-content a.logo img {
    width: auto;
    height: 100%;
}
header .header-content .menu {
    width: auto;
    height: auto;
    margin: 0 20px;
    padding: 0 30px;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    border-radius: 100px;
    z-index: 99;
}
header .header-content .menu .items {
    width: auto;
    height: 55px;
    margin: 0 -10px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}
header .header-content .menu .items .item {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 10px;
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
}
header .header-content .menu .items .item .link {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    text-decoration: none;
    position: relative;
}
header .header-content .menu .items .item .link.tablet--disabled {
    pointer-events: none;
}
header .header-content .menu .items .item .link span {
    font-weight: 500;
    font-size: 14px;
    color: var(--sColor3);
    text-transform: uppercase;
    position: relative;
    transition: color .2s;
}
header .header-content .menu .items .item:hover .link span,
header .header-content .menu .items .item.active .link span {
    color: var(--mColor1);
}
header .header-content .menu .items .item .link i {
    margin-left: 4px;
    font-size: 10px;
    color: var(--sColor3);
    transition: transform .2s;
}
header .header-content .menu .items .item:hover .link i {
    transform: rotate(180deg);
}
header .header-content .menu .items .item .subs {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    left: 0;
    top: 67%;
    display: block !important;
    position: absolute;
    /*opacity: 1;*/
    /*visibility: visible;*/
    /*transform: translateY(0);*/
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: all .2s;
}
header .header-content .menu .items .item:hover .subs {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
}
header .header-content .menu .items .item .subs .subs-content {
    width: auto;
    height: auto;
    margin: 30px 0 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
header .header-content .menu .items .item .subs .subs-content ul {
    width: auto;
    height: auto;
    margin: 0;
    padding: 20px;
    list-style: none;
}
header .header-content .menu .items .item .subs .subs-content ul li a {
    width: auto;
    height: auto;
    margin: 10px 0 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
header .header-content .menu .items .item .subs .subs-content ul li:first-child a {
    margin-top: 0;
}
header .header-content .menu .items .item .subs .subs-content ul li a span {
    padding: 3px 0;
    display: block;
    position: relative;
    overflow: hidden;
    font-weight: 500;
    font-size: 16px;
    color: var(--sColor3);
    line-height: 1;
    white-space: nowrap;
    transition: color .2s, padding-left .2s;
}
header .header-content .menu .items .item .subs .subs-content ul li a:hover span,
header .header-content .menu .items .item .subs .subs-content ul li.active a span {
    padding-left: 12px;
    color: var(--mColor1) !important;
}
header .header-content .menu .items .item .subs .subs-content ul li a span:before {
    content: '\f054';
    left: -10px;
    top: 50%;
    display: block;
    position: absolute;
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    font-size: 10px;
    color: var(--mColor1);
    transition: all .2s;
    transform: translateY(-50%);
}
header .header-content .menu .items .item .subs .subs-content ul li a:hover span:before,
header .header-content .menu .items .item .subs .subs-content ul li.active a span:before {
    left: 0;
}
header .header-content .user-points-widget {
    width: 55px;
    height: 55px;
    margin: 0 10px 0 20px;
    padding: 0;
    background: var(--mColor2);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-decoration: none !important;
    overflow: hidden;
    border: none;
    box-shadow: 0 10px 25px 0 rgba(34, 79, 158, 0.4);
}
header .header-content .user-points-widget > span {
    display: block;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    line-height: 1.2;
    z-index: 1;
    pointer-events: none;
}
header .header-content .user-points-widget > span span {
    font-size: 10px;
}
header .header-content .auth-button i.icon-desktop {
    display: block;
}
header .header-content .auth-button i.icon-mobile {
    display: none;
}

@media (max-width: 992px) {
    header {
        padding-top: 15px;
        padding-bottom: 15px;
        left: 0;
        top: 0;
        background: #fff !important;
    }
    header.header--app {
        padding-top: 65px;
    }
    header.lg-header {
        position: static;
        margin-bottom: -85px;
    }
    header .header-content {
        align-items: center;
    }
    header .header-content button.menu-button {
        width: 50px;
        height: 45px;
        margin: 0 20px 0 0;
        padding: 0;
        background: none;
        display: block;
        font-size: 0;
        text-indent: -9999px;
        position: relative;
        overflow: hidden;
        border: none;
    }
    header .header-content button.menu-button:focus {
        outline: none;
    }
    header .header-content button.menu-button span {
        width: auto;
        height: 6px;
        margin-top: -3px;
        left: 0;
        top: 50%;
        right: 0;
        background: var(--mColor1);
        display: block;
        position: absolute;
        transition: background 0s .2s;
    }
    header .header-content button.menu-button.on span {
        background: none;
    }
    header .header-content button.menu-button span::before,
    header .header-content button.menu-button span::after {
        content: '';
        width: 100%;
        height: 6px;
        left: 0;
        background: var(--mColor1);
        display: block;
        position: absolute;
        transition-duration: 0.2s, 0.2s;
        transition-delay: 0.2s, 0s;
    }
    header .header-content button.menu-button.on span::before,
    header .header-content button.menu-button.on span::after {
        transition-delay: 0s, .2s;
    }
    header .header-content button.menu-button span::before {
        top: -15px;
        transition-property: top, transform;
    }
    header .header-content button.menu-button.on span::before {
        top: 0;
        transform: rotate(45deg);
    }
    header .header-content button.menu-button span::after {
        bottom: -15px;
        transition-property: bottom, transform;
    }
    header .header-content button.menu-button.on span::after {
        bottom: 0;
        transform: rotate(-45deg);
    }
    header .header-content a.logo {
        height: 45px !important;
    }
    header .header-content a.logo.logo--vertical {
        display: none !important;
    }
    header .header-content a.logo.logo--horizontal {
        display: block !important;
    }
    header .header-content .menu {
        display: none;
    }
    header .header-content .user-points-widget {
        width: 45px;
        height: 45px;
        box-shadow: none;
    }
    header .header-content .user-points-widget > span {
        font-size: 13px;
    }
    header .header-content .user-points-widget > span span {
        font-size: 8px;
    }
    header .header-content .auth-button {
        width: 45px;
        height: 45px;
        padding: 0;
    }
    header .header-content .auth-button span {
        display: none;
    }
    header .header-content .auth-button i {
        margin: 0;
        display: block;
        font-size: 21px;
    }
    header .header-content .auth-button i.icon-desktop {
        display: none;
    }
    header .header-content .auth-button i.icon-mobile {
        display: block;
    }
}
@media (max-width: 720px) {
    header {
        width: 100%;
        top: 0;
        position: sticky;
        box-shadow: 0 1px 10px 0 rgba(37, 37, 48, .2) !important;
        z-index: 1030;
    }
    header .header-content .auth-button.logout-button {
        position: relative;
        overflow: visible;
    }
    header .header-content .auth-button.logout-button span {
        /*display: block;*/
        /*position: absolute;*/
        /*color: #0c0303;*/
        /*transform: translateX(-100%);*/
    }
}
@media (max-width: 378px) {
    header .header-content a.logo {
        height: 30px !important;
    }
}

/* main
----------------------------------------------------------------------------------------------------------------------*/
main {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
main .page {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 20px;
}
main .page .breadcrumb-container {
    margin: 0 -20px;
    padding: 15px 20px;
    background: var(--sColor4);
}
main .page .breadcrumb-container .breadcrumb {
    max-width: 1200px;
    margin: 0 auto;
    --bs-breadcrumb-divider: '>';
}
main .page .breadcrumb-container .breadcrumb a {
    text-decoration: none;
    color: var(--mColor1);
}
main .page > section {
    width: auto;
    max-width: 1200px;
    height: auto;
    margin: 80px auto;
    padding: 0;
    position: relative;
}
main .page > section.section--gray {
    max-width: none;
    margin-left: -20px;
    margin-right: -20px;
    padding: 120px 20px;
    background: var(--sColor4);
}
main .page > section.section--triangle:before {
    content: ' ';
    width: 0;
    height: 0;
    margin-left: -15px;
    left: 50%;
    top: -30px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid var(--sColor4);
    display: block;
    position: absolute;
}
main .page > section .section-inner {
    width: auto;
    max-width: 1200px;
    height: auto;
    margin: 60px auto 0;
    padding: 0;
}
main .page > section .section-heading {
    margin: 0;
    font-family: var(--font2);
    font-weight: 700;
    font-size: 75px;
    color: var(--sColor2);
}
main .page > section .section-title {
    margin: 0;
    font-family: var(--font2);
    font-weight: 700;
    font-size: 38px;
    color: var(--sColor2);
}
main .page > section .section-subtitle {
    margin: 8px 0 0;
    font-size: 21px;
    color: var(--sColor3);
}
main .page > section .text-standard {
    font-size: 21px;
    color: var(--sColor3);
}
main .page > section .text-standard:last-child {
    margin-bottom: 0;
}

@media (max-width: 992px) {
    main .page > section {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    main .page > section.section--gray {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    main .page > section .section-heading {
        font-size: 44px;
    }
    main .page > section .section-title {
        font-size: 30px;
    }
}
@media (max-width: 720px) {
    main {
        /*padding-top: 75px;*/
    }
}

/* main section.app-download
---------------------------------------------------------------------------*/
main section.app-download {
    height: 100%;
    padding: 0 5rem;
}
main section.app-download .section-body {
    height: 100%;
}
main section.app-download .section-body a.close {
    width: 50px;
    height: 50px;
    top: 1.5rem;
    right: 1.5rem;
    background: var(--mColor1);
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: absolute;
    color: #fff;
    border-radius: 50%;
}
main section.app-download .section-body .app-download-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
main section.app-download .section-body .app-download-container > * {
    margin: 0 2rem;
}
main section.app-download .section-body .app-download-container .description {
    flex-shrink: 2;
}
main section.app-download .section-body .app-download-container .description h1 {
    margin-bottom: 1.5rem;
    font-weight: 700;
}
main section.app-download .section-body .app-download-container .description p {
    margin-bottom: 2.5rem;
    font-size: 16px;
}
main section.app-download .section-body .app-download-container .img-container {
    width: 35%;
    flex-shrink: 0;
}
main section.app-download .section-body .app-download-container .img-container .img {
    position: relative;
}
main section.app-download .section-body .app-download-container .img-container .img img {
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}
main section.app-download .section-body .app-download-container .img-container .img img:first-child {
    position: relative;
    z-index: 2;
}

@media (max-width: 576px) {
    main section.app-download .section-body a.close {
        width: 40px;
        height: 40px;
    }
    main section.app-download .section-body .app-download-container {
        flex-direction: column;
    }
    main section.app-download .section-body .app-download-container > * {
        margin: 0;
    }
    main section.app-download .section-body .app-download-container .description h1 {
        text-align: center;
    }
    main section.app-download .section-body .app-download-container .description p {
        text-align: center;
    }
    main section.app-download .section-body .app-download-container .description .app-badges {
        justify-content: center;
    }
    main section.app-download .section-body .app-download-container .img-container {
        width: 70%;
        margin-top: 2.5rem;
    }
}

/* main - seminars
-------------------------------------------------------------------------------------*/
main .page section.seminars {
    margin-top: 0;
    margin-bottom: 0;
}
main .page section.seminars .section-inner {
    margin-top: 0;
}
main .page .seminars .seminars--content {
    margin: 0 -60px;
    padding: 60px 0 120px;
    border: 10px solid #fff;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
main .page .seminars .seminars--content > .left {
    width: 62%;
    height: auto;
    margin: 0;
    padding: 60px 60px 0;
}
main .page .seminars .seminars--content .events {
    width: auto;
    height: auto;
    margin: -60px -30px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
main .page .seminars .seminars--content .events > .box {
    width: 50%;
    height: auto;
    margin: 0;
    padding: 60px 30px 0;
}
main .page .seminars .seminars--content .events > .box:first-child {
    width: 100%;
}
main .page .seminars .seminars--content .events .headline {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
main .page .seminars .seminars--content .events .headline .section-title {
}
main .page .seminars .seminars--content .events .headline .link-more {
}
main .page .seminars .seminars--content .events .headline .link-more i.arrow-right {
    width: 60px;
}
main .page .seminars .seminars--content .events article {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
main .page .seminars .seminars--content .events article .img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    position: relative;
    border: none;
}
main .page .seminars .seminars--content .events article .img .img--container {
    overflow: hidden;
    border-radius: 200px 200px 200px 0;
    /*transition: border-radius .2s;*/
}
main .page .seminars .seminars--content .events article .img:hover .img--container {
    /*border-radius: 0;*/
}
main .page .seminars .seminars--content .events article .img .img--container:after {
    content: ' ';
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    background: var(--sColor5);
    display: block;
    position: absolute;
    opacity: .6;
}
main .page .seminars .seminars--content .events article .img .img--container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main .page .seminars .seminars--content .events article .img .lead {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: 0;
}
main .page .seminars .seminars--content .events article .img .lead p {
    margin: 0 0 30px;
    font-family: var(--font2);
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    text-align: center;
}
main .page .seminars .seminars--content .events article .img .lead h3 {
    margin: 0 0 30px;
    font-family: var(--font2);
    font-weight: 900;
    font-size: 38px;
    color: #fff;
    text-align: center;
}
main .page .seminars .seminars--content .events article .img .lead .prime-button {
    height: 45px;
}
main .page .seminars .seminars--content .events article .pill {
    margin: 30px 0 0;
    font-size: 19px;
}
main .page .seminars .seminars--content .events article h3.subject {
    margin: 25px 0 0;
    font-family: var(--font2);
    font-weight: 700;
    font-size: 26px;
    color: var(--sColor2);
}
main .page .seminars .seminars--content .events article .link-more {
    margin-top: 30px;
}
main .page .seminars .seminars--content > .right {
    width: 38%;
    height: auto;
    margin: 0;
    padding: 60px 60px 0;
}
main .page .seminars .seminars--content .ig {
    width: auto;
    height: 100%;
    margin: 0 -30px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}
main .page .seminars .seminars--content .ig > .box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 30px;
}
main .page .seminars .seminars--content .ig > .box:not(:first-child) {
    padding-top: 60px;
}
main .page .seminars .seminars--content .ig .headline {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
main .page .seminars .seminars--content .ig .headline .section-title {
}
main .page .seminars .seminars--content .ig .headline .section-subtitle {
}
main .page .seminars .seminars--content .ig article {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
main .page .seminars .seminars--content .ig article .img {
    width: 100%;
}
main .page .seminars .seminars--content .ig article .img .img--container {
    border-radius: 200px 200px 200px 0;
    overflow: hidden;
}
main .page .seminars .seminars--content .ig article .img .img--container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main .page .seminars .seminars--content .ig article h3.subject {
    margin: 30px 0 0;
    font-family: var(--font2);
    font-weight: 700;
    font-size: 26px;
    color: var(--sColor2);
}
main .page .seminars .seminars--content .ig article .link-more {
    margin-top: 30px;
}

@media (max-width: 1024px) {
    main .page .seminars .seminars--content .events article h3.subject {
        font-size: 24px;
    }
    main .page .seminars .seminars--content .ig article h3.subject {
        font-size: 24px;
    }
}
@media (max-width: 992px) {
    main .page .seminars .seminars--content {
        margin: 0;
        padding: 0 0 60px;
        flex-direction: column;
    }
    main .page .seminars .seminars--content > .left {
        width: 100%;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    main .page .seminars .seminars--content .events {
        margin: -30px 0 0;
        flex-direction: column;
    }
    main .page .seminars .seminars--content .events > .box {
        width: 100%;
        padding: 30px 0 0;
    }
    main .page .seminars .seminars--content .events .headline {
        flex-direction: column;
    }
    main .page .seminars .seminars--content .events .headline .section-title {
        text-align: center;
    }
    main .page .seminars .seminars--content .events .headline .section-title br {
        display: none;
    }
    main .page .seminars .seminars--content .events .headline .link-more {
        margin-top: 30px;
    }
    main .page .seminars .seminars--content .events .headline .link-more i.arrow-right {
        width: 120px;
    }
    main .page .seminars .seminars--content .events article {
        text-align: center;
    }
    main .page .seminars .seminars--content .events article h3.subject {
        font-size: 26px;
        text-align: center;
    }
    main .page .seminars .seminars--content > .right {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    main .page .seminars .seminars--content .ig {
        margin: -30px 0 0;
        flex-direction: column;
    }
    main .page .seminars .seminars--content .ig > .box {
        width: 100%;
        padding: 30px 0 0;
    }
    main .page .seminars .seminars--content .ig .headline .section-title {
        text-align: center;
    }
    main .page .seminars .seminars--content .ig .headline .section-title br {
        display: none;
    }
    main .page .seminars .seminars--content .ig .headline .section-subtitle {
        text-align: center;
    }
    main .page .seminars .seminars--content .ig .headline .section-subtitle br {
        display: none;
    }
    main .page .seminars .seminars--content .ig article {
        text-align: center;
    }
    main .page .seminars .seminars--content .ig article h3.subject {
        font-size: 26px;
        text-align: center;
    }
}
@media (max-width: 360px) {
    main .page .seminars .seminars--content .events article .img .img--container {
        border-radius: 100px 100px 100px 0;
    }
    main .page .seminars .seminars--content .events article .img .lead p {
        margin-bottom: 20px;
        font-size: 20px;
    }
    main .page .seminars .seminars--content .events article .img .lead h3 {
        margin-bottom: 20px;
    }
}
@media (max-width: 320px) {
    main .page .seminars .seminars--content .events article .img .img--container {
        border-radius: 60px 60px 60px 0;
    }
    main .page .seminars .seminars--content .events article .img .lead p {
        margin-bottom: 20px;
        font-size: 16px;
    }
    main .page .seminars .seminars--content .events article .img .lead h3 {
        margin-bottom: 20px;
        font-size: 32px;
    }
    main .page .seminars .seminars--content .events .headline .link-more i.arrow-right {
        width: 60px;
    }
}

/* main - instagram
-------------------------------------------------------------------------------------*/
main .page section.instagram {
    margin-top: 0;
    margin-bottom: 0;
}
main .page section.instagram .section-title a {
    color: var(--igColor4);
}
main .page .instagram .instagram--content {
    margin: -30px -15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
main .page .instagram .instagram--content > .box {
    width: 25%;
    padding: 30px 15px 0;
}
main .page .instagram .instagram--content article {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 15%;
}
main .page .instagram .instagram--content article .img {
}
main .page .instagram .instagram--content article .img .img--container {
    background: var(--igColor9);
    background: linear-gradient(45deg, var(--igColor9) 0%, var(--igColor8) 25%, var(--igColor7) 50%, var(--igColor5) 75%, var(--igColor3) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-decoration: none;
}
main .page .instagram .instagram--content article .img .img--container img {
    width: 100%;
    height: auto;
}

@media (max-width: 992px) {
    main .page .instagram .instagram--content > .box {
        width: 50%;
    }
}

/* main - page--home
----------------------------------------------------------------------------------------------------------------------*/
main .page--home {
}

@media (max-width: 992px) {
}

/* main - page--home - top-content
-------------------------------------------------------------------------------------*/
main .page--home section.top-content {
    margin-top: 60px;
}
main .page--home section.top-content .section-inner {
    margin-top: 0;
}
main .page--home .top-content .top-content--slider {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
main .page--home .top-content .top-content--slider .slide {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
main .page--home .top-content .top-content--slider .slide h1.slide-headline {
    margin: 0;
    font-family: var(--font2);
    font-weight: 700;
    font-size: 70px;
    color: var(--sColor2);
}
main .page--home .top-content .top-content--slider .slide p.slide-text {
    margin: 50px 0 0;
    font-weight: 500;
    font-size: 21px;
    color: var(--sColor3);
}
p.s-text {
    margin: 50px 0 0;
    font-weight: 500;
    font-size: 21px;
    color: var(--sColor3);
}
main .page--home .top-content .top-content--slider .slide .slide-button {
    margin-top: 50px;
}

@media (max-width: 992px) {
    main .page--home .top-content .top-content--slider .slide {
        text-align: center;
    }
    main .page--home .top-content .top-content--slider .slide h1.slide-headline {
        font-weight: 800;
        font-size: 38px;
    }
    main .page--home .top-content .top-content--slider .slide h1.slide-headline br {
        display: none;
    }
    main .page--home .top-content .top-content--slider .slide p.slide-text {
        margin-top: 30px;
        font-size: 21px;
    }
    main .page--home .top-content .top-content--slider .slide p.slide-text br {
        display: none;
    }
    main .page--home .top-content .top-content--slider .slide .slide-button {
        margin-top: 30px;
    }
}

/* main - page--home - faculties
-------------------------------------------------------------------------------------*/
main .page--home section.faculties {
    margin-top: 240px;
}
main .page--home section.faculties .section-inner {
    margin-top: 0;
}
main .page--home .faculties .faculties--content {
    margin-top: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}
main .page--home .faculties .faculties--content .items {
    position: relative;
    text-align: center;
}
main .page--home .faculties .faculties--content .items img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    display: inline-block;
}
main .page--home .faculties .faculties--content .items a.item {
    width: 216px;
    height: 216px;
    padding: 10px;
    margin: 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    text-decoration: none;
    border: 2px solid var(--sColor2);
    border-radius: 50%;
    transition: background .2s, border-color .2s;
}
main .page--home .faculties .faculties--content .items a.item:hover {
    background: var(--mColor1);
    border-color: var(--mColor1);
}
main .page--home .faculties .faculties--content .items a.item.rotate-0 {
    margin-left: -108px;
    top: 0;
    left: 50%;
}
main .page--home .faculties .faculties--content .items a.item.rotate-45 {
    margin-top: -108px;
    top: 31.5%;
    right: 25px;
}
main .page--home .faculties .faculties--content .items a.item.rotate-135 {
    margin-bottom: -108px;
    right: 25px;
    bottom: 31.5%;
}
main .page--home .faculties .faculties--content .items a.item.rotate-180 {
    margin-left: -108px;
    bottom: 0;
    left: 50%;
}
main .page--home .faculties .faculties--content .items a.item.rotate-225 {
    margin-bottom: -108px;
    bottom: 31.5%;
    left: 25px;
}
main .page--home .faculties .faculties--content .items a.item.rotate-315 {
    margin-top: -108px;
    top: 31.5%;
    left: 25px;
}
main .page--home .faculties .faculties--content .items a.item h3 {
    margin: 0;
    font-family: var(--font2);
    font-weight: 700;
    font-size: 24px;
    color: var(--sColor2);
    text-align: center;
    transition: color .2s;
}
main .page--home .faculties .faculties--content .items a.item:hover h3 {
    color: #fff;
}

@media (max-width: 992px) {
    main .page--home section.faculties {
        margin-top: 60px;
    }
    main .page--home .faculties .section-title br {
        display: none;
    }
    main .page--home .faculties .faculties--content {
        margin-top: 40px;
        display: block;
    }
    main .page--home .faculties .faculties--content .items img {
        display: none;
    }
    main .page--home .faculties .faculties--content .items a.item {
        width: 100%;
        height: auto;
        padding: 20px 15px;
        margin: 0 !important;
        background: var(--mColor1);
        position: static;
        border-color: var(--mColor1);
        border-radius: 100px;
    }

    main .page--home .faculties .faculties--content .items a.item:not(:first-child) {
        margin-top: 30px !important;
    }
    main .page--home .faculties .faculties--content .items a.item h3 {
        font-size: 19px;
        color: #fff;
    }
    main .page--home .faculties .faculties--content .items a.item h3 br {
        display: none;
    }
}

/* main - page - quality
-------------------------------------------------------------------------------------*/
main .page section.quality {
}
main .page section.quality .section-inner {
    margin-top: 0;
}
main .page .quality .quality--content {
}
main .page .quality .quality--content article {
    width: auto;
    height: auto;
    margin: 120px 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
main .page .quality .quality--content article.left-side {
    flex-direction: row;
}
main .page .quality .quality--content article.right-side {
    flex-direction: row-reverse;
}
main .page .quality .quality--content article .img {
    width: 50%;
    padding: 0 60px;
}
main .page .quality .quality--content article .img .img--container {
    border-radius: 200px;
    overflow: hidden;
}
main .page .quality .quality--content article .img .img--container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main .page .quality .quality--content article .desc {
    width: 50%;
    padding: 0 60px;
}
main .page .quality .quality--content article .desc .section-title {
    margin-bottom: 30px;
}
main .page .quality .quality--content article .desc p {
    margin: 0;
    font-size: 21px;
    color: var(--sColor3);
}
main .page .quality .quality--content article .desc p:not(:last-child) {
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    main .page .quality .quality--content article {
        margin-top: 60px;
        display: block;
    }
    main .page .quality .quality--content article .img {
        width: 100%;
        padding: 0;
    }
    main .page .quality .quality--content article .desc {
        width: 100%;
        margin-top: 40px;
        padding: 0;
    }
    main .page .quality .quality--content article .desc .section-title {
        text-align: center;
    }
    main .page .quality .quality--content article .desc .section-title br {
        display: none;
    }
    main .page .quality .quality--content article .desc p {
        font-size: 21px;
        text-align: center;
    }
}

/* main - page - promo-code
-------------------------------------------------------------------------------------*/
main .page section.promo-code {
}
main .page section.promo-code .section-inner {
    margin-top: 0;
}
main .page .promo-code .promo-code--content {
}


@media (max-width: 992px) {
}

/* main - page--home - join
-------------------------------------------------------------------------------------*/
main .page--home section.join {
    margin-bottom: 0;
}
main .page--home section.join .section-title a {
    color: var(--youtubeColor1);
}
main .page--home section.join .section-inner {
    margin-top: 0;
}
main .page--home .join .join--content {
    margin: -30px -15px 0;
    padding: 60px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
main .page--home .join .join--content > .box {
    width: 33.33%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
main .page--home .join .join--content > .box:last-child {
    width: 100%;
    padding-top: 60px;
}
main .page--home .join .join--content article {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
main .page--home .join .join--content article .img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    position: relative;
    border: none;
}
main .page--home .join .join--content article .img .img--container {
    overflow: hidden;
    transition: border-radius .2s;
}
main .page--home .join .join--content article.left-side .img .img--container {
    border-radius: 0 0 50% 0;
}
main .page--home .join .join--content article.left-side .img:hover .img--container {
    border-radius: 0;
}
main .page--home .join .join--content article.center-side .img .img--container {
    border-radius: 50%;
}
main .page--home .join .join--content article.center-side .img:hover .img--container {
    border-radius: 0;
}
main .page--home .join .join--content article.right-side .img .img--container {
    border-radius: 50% 0 0 0;
}
main .page--home .join .join--content article.right-side .img:hover .img--container {
    border-radius: 0;
}
main .page--home .join .join--content article .img .img--container:after {
    content: ' ';
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    background: var(--mColor1);
    display: block;
    position: absolute;
    opacity: .6;
}
main .page--home .join .join--content article .img .img--container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main .page--home .join .join--content article .img .play {
    width: 110px;
    height: 110px;
    margin: -55px 0 0 -55px;
    padding: 0;
    left: 50%;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: 6px solid #fff;
    border-radius: 36px;
}
main .page--home .join .join--content article .img .play i {
    font-size: 50px;
    color: #fff;
}
main .page--home .join .join--content article .pill {
    margin: 30px 0 0;
    font-size: 19px;
}
main .page--home .join .join--content article h3.subject {
    margin: 25px 0 0;
    font-family: var(--font2);
    font-weight: 700;
    font-size: 26px;
    color: var(--sColor2);
}
main .page--home .join .join--content .buttons {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
main .page--home .join .join--content .buttons .prime-button {
    margin: 0 30px;
}
main .page--home .join .join--content .buttons .link-more {
    margin: 0 30px;
}

@media (max-width: 992px) {
    main .page--home .join .join--content {
        padding-top: 40px;
        flex-direction: column;
    }
    main .page--home .join .join--content > .box {
        width: 100%;
    }
    main .page--home .join .join--content article {
        text-align: center;
    }
    main .page--home .join .join--content article .img .img--container {
        border-radius: 50% !important;
    }
    main .page--home .join .join--content article h3.subject {
        text-align: center;
    }
    main .page--home .join .join--content .buttons {
        flex-direction: column;
    }
    main .page--home .join .join--content .buttons .prime-button {
        margin: 0;
    }
    main .page--home .join .join--content .buttons .link-more {
        margin: 30px 0 0;
    }
}

/* main - page--content
----------------------------------------------------------------------------------------------------------------------*/
main .page--content {
}

@media (max-width: 992px) {
}

/* main - page--content - text-block
-------------------------------------------------------------------------------------*/
main .page--content section.text-block {
}
main .page--content .text-block .text-block--content {
}
main .page--content .text-block .text-block--content .alert ul:last-child,
main .page--content .text-block .text-block--content .alert p:last-child {
    margin-bottom: 0;
}

@media (max-width: 992px) {
}

/* main - page--content - courses
-------------------------------------------------------------------------------------*/
main .page--content section.courses {
}
main .page--content .courses .courses--content {
}
main .page--content .courses .courses--content .accordion {
    margin-top: 50px;
}
main .page--content .courses .courses--content .accordion .accordion-button span {
    font-size: 21px;
}
main .page--content .courses .courses--content .accordion .accordion-button.collapsed span {
    color: var(--sColor3);
}
main .page--content .courses .courses--content .buttons {
    margin: 50px 0 0;
    text-align: center;
}

@media (max-width: 992px) {
    main .page--content .courses .courses--content .accordion {
        margin-top: 30px;
    }
    main .page--content .courses .courses--content .buttons {
        margin-top: 30px;
    }
}

/* main - page--content - steps
-------------------------------------------------------------------------------------*/
main .page--content section.steps {
    margin-bottom: 0;
}
main .page--content .steps .steps--content {
}
main .page--content .steps .steps--content article {
    width: auto;
    height: auto;
    margin: 120px 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
main .page--content .steps .steps--content article.left-side {
    flex-direction: row;
    justify-content: flex-end;
}
main .page--content .steps .steps--content article.right-side {
    flex-direction: row-reverse;
    justify-content: flex-start;

}
main .page--content .steps .steps--content article .img {
    width: 45%;
    padding: 0 60px;
    position: relative;
}
main .page--content .steps .steps--content article .img .img--container {
    border-radius: 50%;
    overflow: hidden;
}
main .page--content .steps .steps--content article .img .img--container:after {
    content: ' ';
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    background: var(--mColor1);
    display: block;
    position: absolute;
    opacity: .6;
}
main .page--content .steps .steps--content article .img .img--container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main .page--content .steps .steps--content article .img .dig {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
}
main .page--content .steps .steps--content article .img .dig span {
    font-weight: 600;
    font-size: 229px;
    color: #fff;
}
main .page--content .steps .steps--content article .desc {
    width: 50%;
    padding: 0 60px;
}
main .page--content .steps .steps--content article .desc .section-title {
    margin-bottom: 30px;
}
main .page--content .steps .steps--content article .desc p {
    margin: 0;
    font-size: 21px;
    color: var(--sColor3);
}
main .page--content .steps .steps--content article .desc p:not(:last-child) {
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    main .page--content .steps .steps--content article {
        margin-top: 60px;
        display: block;
    }
    main .page--content .steps .steps--content article .img {
        width: 100%;
        padding: 0;
    }
    main .page--content .steps .steps--content article .desc {
        width: 100%;
        margin-top: 40px;
        padding: 0;
        text-align: center;
    }
    main .page--content .steps .steps--content article .desc .section-title {
        text-align: center;
    }
    main .page--content .steps .steps--content article .desc .section-title br {
        display: none;
    }
    main .page--content .steps .steps--content article .desc .section-subtitle br {
        display: none;
    }
    main .page--content .steps .steps--content article .desc p {
        font-size: 21px;
        text-align: center;
    }
}

/* main - page--content - video
-------------------------------------------------------------------------------------*/
main .page--content section.video {
}
main .page--content .video .video--content {
}
main .page--content .video .video--content .text-standard {
    margin-top: 30px;
}
main .page--content .video .video--content .buttons {
    width: auto;
    height: auto;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
main .page--content .video .video--content .buttons .prime-button {
    margin: 30px 15px 0;
}

@media (max-width: 992px) {
    main .page--content .video .video--content .buttons {
        flex-direction: column;
    }
}

/* main - page--content - graduates
-------------------------------------------------------------------------------------*/
main .page--content section.graduates {
}
main .page--content .graduates .graduates--content {
    margin: -30px -15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
main .page--content .graduates .graduates--content > .box {
    width: 50%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
main .page--content .graduates .graduates--content article {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
main .page--content .graduates .graduates--content article .img {
    width: 100%;
}
main .page--content .graduates .graduates--content article .img .img--container {
    border-radius: 200px 200px 200px 0;
    overflow: hidden;
}
main .page--content .graduates .graduates--content article .img .img--container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main .page--content .graduates .graduates--content article .desc {
    width: 100%;
    padding-top: 30px;
}
main .page--content .graduates .graduates--content article .desc h3.subject {
    margin: 0 0 20px;
    font-family: var(--font2);
    font-weight: 700;
    font-size: 26px;
    color: var(--sColor2);
}
main .page--content .graduates .graduates--content article .desc p {
    margin: 0;
    font-size: 18px;
    color: var(--sColor3);
}
main .page--content .graduates .graduates--content article .desc .links {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
main .page--content .graduates .graduates--content article .desc .links a {
    margin: 20px 10px 0;
}

@media (max-width: 992px) {
    main .page--content .graduates .graduates--content {
        flex-direction: column;
    }
    main .page--content .graduates .graduates--content > .box {
        width: 100%;
    }
    main .page--content .graduates .graduates--content article .desc h3.subject {
        text-align: center;
    }
    main .page--content .graduates .graduates--content article .desc h3.subject br {
        display: none;
    }
    main .page--content .graduates .graduates--content article .desc p {
        text-align: center;
    }
    main .page--content .graduates .graduates--content article .desc .links {
        flex-direction: column;
        align-items: center;
    }
}

/* main - page--content - account
-------------------------------------------------------------------------------------*/
main .page--content section.account {
}
main .page--content section.account.section--gray:last-child {
    margin-bottom: 0;
}
main .page--content .account .unit-navigation {
}
main .page--content .account .alert {
    font-size: 15px;
}
main .page--content .account .alert .alert-heading {
    margin-bottom: 1rem;
}
main .page--content .account .alert p {
    margin-bottom: .5rem;
}
main .page--content .account .alert p:last-child,
main .page--content .account .alert ul:last-child {
    margin-bottom: 0;
}

@media (max-width: 992px) {
}
@media (max-width: 378px) {
    main .page--content .account .unit-navigation a {
        font-size: 13px;
    }
}

/* main - page--content - account - my-promo
-------------------------------------------------------------------------------------*/
main .page--content .account .my-promo--content {
}
main .page--content .account .my-promo--content .codes {
    margin: -30px -15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
main .page--content .account .my-promo--content .codes > .box {
    width: 50%;
    padding: 30px 15px 0;
}

@media (max-width: 992px) {
    main .page--content .account .my-promo--content .codes > .box {
        width: 100%;
    }
}

/* main - page--content - account - courses
-------------------------------------------------------------------------------------*/
main .page--content .account .courses--content {
    margin: -30px -15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}
main .page--content .account .courses--content > .box {
    width: 33.33%;
    padding: 30px 15px 0;
}
main .page--content .account .courses--content article {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
}
main .page--content .account .courses--content article .img {
    width: auto;
}
main .page--content .account .courses--content article .img .img--container {
    border-radius: 1rem;
    overflow: hidden;
}
main .page--content .account .courses--content article .img .img--container a {
    display: block;
    text-decoration: none;
}
main .page--content .account .courses--content article .img .img--container img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
main .page--content .account .courses--content article .img .badges {
    width: auto;
    height: auto;
    top: -15px;
    right: -15px;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}
main .page--content .account .courses--content article .img .badges .badge {
    padding: .7em 1em;
    font-weight: 600;
    transform: translate(0) !important;
}
main .page--content .account .courses--content article .img .badges .badge:not(:first-child) {
    margin-top: 3px;
}
main .page--content .account .courses--content article .desc {
    margin: 20px 0 0;
}
main .page--content .account .courses--content article .desc .section-title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
}
main .page--content .account .courses--content article .desc .alert {
    padding: 10px;
    margin-top: 15px;
    font-size: 14px;
}
main .page--content .account .courses--content article .desc .alert .alert-heading {
    font-size: 18px;
    margin-bottom: .5rem;
}
main .page--content .account .courses--content article .desc .description {
    margin: 0 0 15px;
    font-size: 14px;
    color: var(--sColor3);
}
main .page--content .account .courses--content article .desc .description ul {
    padding-left: 12px;
}
main .page--content .account .courses--content article .desc .description ul:last-child {
    margin-bottom: 0;
}

@media (max-width: 992px) {
    main .page--content .account .courses--content {
        flex-direction: column;
    }
    main .page--content .account .courses--content > .box {
        width: 100%;
    }
    main .page--content .account .courses--content article .img .badges {
        right: 0;
    }
    main .page--content .account .courses--content article .desc {
        text-align: center;
    }
    main .page--content .account .courses--content article .desc .section-title br {
        display: none;
    }
    main .page--content .account .courses--content article .desc .description ul {
        text-align: left;
    }
}

/* main - page--content - account - course
-------------------------------------------------------------------------------------*/
main .page--content .account .course--content {
}
main .page--content .account .course--content .accordion .accordion-item:first-child .accordion-header .accordion-button {
    font-weight: 500;
    color: var(--mColor1);
}
main .page--content .account .course--content .accordion .accordion-item .accordion-header a.accordion-button {
    text-decoration: none;
}
main .page--content .account .course--content .accordion .accordion-item .accordion-header a.accordion-button:after {
    display: none;
}
main .page--content .account .course--content .accordion .accordion-item .accordion-header .accordion-button .badge {
    margin-left: 5px;
}

@media (max-width: 992px) {
}

/* main - page--content - account - unit
-------------------------------------------------------------------------------------*/
main .page--content .account .unit--content {
}
main .page--content .account .unit--content .additional .buttons button:not(:first-child) {
    margin-left: 10px;
}
main .page--content .account .unit--content .additional .card .video {
    overflow: hidden;
    border-radius: .25rem;
}
main .page--content .account .unit--content .additional .card .video:not(:first-child) {
    margin-top: 1rem;
}
main .page--content .account .unit--content .additional .card img {
    width: auto;
    margin-top: 1rem;
    max-width: 20%;
    display: block;
}
main .page--content .account .unit--content .questionnaires {
}
main .page--content .account .unit--content .questionnaires article {
}
main .page--content .account .unit--content .questionnaires article .badges {
    width: auto;
    height: auto;
    top: -15px;
    right: -15px;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}
main .page--content .account .unit--content .questionnaires article .badges .badge {
    padding: .7em 1em;
    font-weight: 600;
    transform: translate(0) !important;
}
main .page--content .account .unit--content .questionnaires article .badges .badge:not(:first-child) {
    margin-top: 3px;
}
main .page--content .account .unit--content .questionnaires article > .prime-button {
    width: auto;
    margin-top: auto;
    align-self: flex-start;
}
main .page--content .account .unit--content .questionnaires article .collapse .video {
    overflow: hidden;
    border-radius: .25rem;
}
main .page--content .account .unit--content .questionnaires article .collapse .text {
    font-size: 14px;
}

main .page--content .account .unit--content .questionnaire {
}
main .page--content .account .unit--content .questionnaire .media .video {
    overflow: hidden;
    border-radius: .25rem;
}
main .page--content .account .unit--content .questionnaire .media .text {
    font-size: 14px;
}
main .page--content .account .unit--content .questionnaire .materials {
    width: 50%;
}
main .page--content .account .unit--content .questionnaire .result-container .result {
}
main .page--content .account .unit--content .questionnaire .viewed-indicator-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
main .page--content .account .unit--content .questionnaire .viewed-indicator-container .viewed-indicator {
    width: 5em;
    height: 2.5em;
    cursor: pointer;
}
main .page--content .account .unit--content .questionnaire .viewed-indicator-container .viewed-indicator:checked {
    background-color: #198754;
}

@media (max-width: 992px) {
    main .page--content .account .unit--content .additional .buttons button {
        width: 100%;
    }
    main .page--content .account .unit--content .additional .buttons button:not(:first-child) {
        margin: 10px 0 0;
    }
    main .page--content .account .unit--content .additional .card img {
        width: 100%;
        max-width: 100%;
    }
    main .page--content .account .unit--content .questionnaires article .badges {
        right: 0;
    }
    main .page--content .account .unit--content .questionnaires article {
        text-align: center;
    }
    main .page--content .account .unit--content .questionnaires article > .prime-button {
        align-self: center;
    }

    main .page--content .account .unit--content .questionnaire .materials {
        width: 100%;
    }
}

/* main - page--content - account - messages
-------------------------------------------------------------------------------------*/
main .page--content .account .messages--content {
}
main .page--content .account .messages {
}
main .page--content .account .messages .chat {
}
main .page--content .account .messages .chat article {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
main .page--content .account .messages .chat article.right-side {
    flex-direction: row-reverse;
}
main .page--content .account .messages .chat article:not(:first-child) {
    margin-top: 2rem;
}
main .page--content .account .messages .chat article .avatar {
    width: 60px;
    flex-shrink: 0;
}
main .page--content .account .messages .chat article .avatar .img {
    overflow: hidden;
    border-radius: 50%;
}
main .page--content .account .messages .chat article .avatar .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main .page--content .account .messages .chat article .avatar i {
    font-size: 60px;
    color: var(--sColor3);
}
main .page--content .account .messages .chat article.left-side .avatar span {
    top: 0;
    right: 0;
}
main .page--content .account .messages .chat article.right-side .avatar span {
    top: 0;
    left: 0;
}
main .page--content .account .messages .chat article .text-container {
    width: auto;
    max-width: 80%;
    min-width: 40%;
    margin: 0 1rem;
    flex-shrink: 2;
    position: relative;
}
main .page--content .account .messages .chat article .text-container p.name {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    color: var(--sColor3);
}
main .page--content .account .messages .chat article.right-side .text-container p.name {
    text-align: right;
}
main .page--content .account .messages .chat article .text-container .text {
    width: auto;
    margin-top: .25rem;
    padding: 1rem;
    background: var(--sColor4);
    position: relative;
    color: var(--sColor3);
    border-radius: .5rem;
}
main .page--content .account .messages .chat article.right-side .text-container .text {
    text-align: right;
    background: var(--bs-purple);
    color: #fff;
}
main .page--content .account .messages .chat article.left-side .text-container .text:after {
    content: ' ';
    width: 0;
    height: 0;
    left: -12px;
    bottom: 0;
    display: block;
    position: absolute;
    border-bottom: 44px solid var(--sColor4);
    border-left: 24px solid transparent;
}
main .page--content .account .messages .chat article.right-side .text-container .text:after {
    content: ' ';
    width: 0;
    height: 0;
    right: -12px;
    bottom: 0;
    display: block;
    position: absolute;
    border-bottom: 44px solid var(--bs-purple);
    border-right: 24px solid transparent;
}
main .page--content .account .messages .chat article .text-container .text h5 {
    font-size: 16px;
}
main .page--content .account .messages .chat article .text-container .text p {
    margin: 0;
    font-size: 14px;
}
main .page--content .account .messages .chat article .text-container .bottom {
    width: 100%;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    transform: translateY(100%);
}
main .page--content .account .messages .chat article.right-side .text-container .bottom {
    flex-direction: row-reverse;
}
main .page--content .account .messages .chat article .text-container .bottom p {
    margin: 0 1rem;
    font-weight: 500;
    font-size: 14px;
    color: var(--sColor3);
}

@media (max-width: 992px) {
    main .page--content .account .messages .chat article .avatar {
        width: 40px;
        flex-shrink: 0;
    }
    main .page--content .account .messages .chat article .avatar i {
        font-size: 40px;
    }
    main .page--content .account .messages .chat article.left-side .avatar span {
        top: -3px;
        right: -3px;
    }
    main .page--content .account .messages .chat article.right-side .avatar span {
        top: -3px;
        left: -3px;
    }
    main .page--content .account .messages .chat article .text-container {
        width: 100%;
        max-width: 100%;
    }
    main .page--content .account .messages .chat article .text-container p.name {
        font-size: 12px;
    }
    main .page--content .account .messages .chat article .text-container .text h5 {
        font-size: 14px;
    }
    main .page--content .account .messages .chat article .text-container .text p {
        font-size: 12px;
    }
    main .page--content .account .messages .chat article .text-container .bottom p {
        font-size: 12px;
    }
}

/* main - page--content - account - testing-form
-------------------------------------------------------------------------------------*/
main .page--content .account .testing-form {
}
main .page--content .account .testing-form > *:last-child {
    margin-bottom: 0 !important;
}
main .page--content .account .testing-form .form-group > label.form-label {
    font-weight: 500;
}
main .page--content .account .testing-form .form-group input[type='text'] {
    height: auto;
}
main .page--content .account .testing-form .form-group input[type='hidden'] {
    height: auto;
}
main .page--content .account .testing-form .form-group input[type='password'] {
    height: auto;
}
main .page--content .account .testing-form .form-group input[type='tel'] {
    height: auto;
}
main .page--content .account .testing-form .form-group textarea {
    height: auto;
}
main .page--content .account .testing-form .form-group .radio-container,
main .page--content .account .testing-form .form-group .checkbox-container {
    margin-top: -.4rem;
}
main .page--content .account .testing-form .form-group .radio-container > label,
main .page--content .account .testing-form .form-group .checkbox-container > label {
    margin-top: .4rem;
    margin-right: .25rem;
}

/* main - page--content - account - partner
-------------------------------------------------------------------------------------*/
main .page--content .account .partner--content {
}

@media (max-width: 992px) {
}

/* main - page--content - partner
-------------------------------------------------------------------------------------*/
main .page--content section.partner {
}
main .page--content .partner .partner--content {
}
main .page--content .partner .partner--content .courses {
    margin: -30px -15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}
main .page--content .partner .partner--content .courses > .box {
    width: 33.33%;
    padding: 30px 15px 0;
}
main .page--content .partner .partner--content .courses .course {
    height: 100%;
}
main .page--content .partner .partner--content .courses .course .card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
main .page--content .partner .partner--content .courses .course .card-body .card-title {
    width: 100%;
}
main .page--content .partner .partner--content .courses .course .card-body .card-text {
    width: 100%;
    font-size: 14px;
}
main .page--content .partner .partner--content .courses .course .card-body .go-to-course {
    margin-top: auto;
}
main .page--content .partner .partner--content .selected .card-body .card-text {
    font-size: 14px;
}
main .page--content .partner .partner--content #course-select-form .iti {
    width: 100%;
}

@media (max-width: 992px) {
    main .page--content .partner .partner--content .courses > .box {
        width: 100%;
    }
}

/* main - page--content - auth
-------------------------------------------------------------------------------------*/
main .page--content section.auth {
}
main .page--content .auth .auth--content {
}
main .page--content .auth .auth--content form {
    max-width: 600px;
    margin: 0 auto;
}
main .page--content .auth .auth--content form .buttons {
    text-align: center;
}
main .page--content .auth .auth--content form .buttons button {
    min-width: 250px;
}

@media (max-width: 992px) {
}

/* footer
----------------------------------------------------------------------------------------------------------------------*/
footer {
    width: 100%;
    height: auto;
    margin: auto 0 0;
    padding: 60px 20px;
}
footer .footer-content {
    width: auto;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

@media (max-width: 992px) {
    footer {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    footer.footer--app {
        padding-bottom: 65px;
    }
}

/* footer - top
-------------------------------------------------------------------------------------*/
footer .footer-content .footer-top {
    width: auto;
    height: auto;
    margin: 0 -30px;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
footer .footer-content .footer-top article {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 30px;
    flex-shrink: 0;
}
footer .footer-content .footer-top article.text-container {
    flex-shrink: 2;
}
footer .footer-content .footer-top article.widget {
    width: 400px;
    margin-left: auto;
}
footer .footer-content .footer-top article .inner {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
footer .footer-content .footer-top article .inner a.logo {
    width: auto;
    height: 132px;
    display: block;
    text-decoration: none;
}
footer .footer-content .footer-top article .inner a.logo img {
    width: auto;
    height: 100%;
}
footer .footer-content .footer-top article .inner a.email {
    margin-top: 20px;
    display: block;
    font-size: 20px;
    color: var(--mColor1);
    text-decoration: underline;
}
footer .footer-content .footer-top article .inner a.phone {
    margin-top: 5px;
    display: block;
    font-weight: 600;
    font-size: 22px;
    color: var(--sColor3);
    text-decoration: none;
}
footer .footer-content .footer-top article .inner .links {
    width: auto;
    height: auto;
    margin: 15px -10px 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
footer .footer-content .footer-top article .inner .links a {
    margin: 0 10px;
    display: block;
    font-size: 26px;
    color: var(--sColor2);
    text-decoration: none;
    transition: color .2s;
}
footer .footer-content .footer-top article .inner .links a.fb:hover {
    color: var(--fbColor1);
}
footer .footer-content .footer-top article .inner .links a.ig:hover {
    color: var(--igColor4);
}
footer .footer-content .footer-top article .inner .links a.vk:hover {
    color: var(--vkColor1);
}
footer .footer-content .footer-top article .inner .links a.yt:hover {
    color: var(--youtubeColor1);
}
footer .footer-content .footer-top article .inner p.footer-text {
    font-size: 20px;
    color: var(--sColor3);
}
footer .footer-content .footer-top article .inner > p:last-child {
    margin-bottom: 0;
}
footer .footer-content .footer-top article .inner h2.footer-title {
    font-family: var(--font2);
    font-weight: 700;
    font-size: 26px;
    color: var(--sColor2);
}

@media (max-width: 992px) {
    footer .footer-content .footer-top {
        margin: 0;
        flex-direction: column-reverse;
    }
    footer .footer-content .footer-top article {
        width: 100%;
        padding: 0;
    }
    footer .footer-content .footer-top article.widget {
        width: 100%;
        margin: 0 0 30px;
    }
    footer .footer-content .footer-top article .inner a.logo {
        margin-top: 30px;
        height: 170px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    footer .footer-content .footer-top article .inner a.email {
        margin-top: 30px;
        font-size: 30px;
        text-align: center;
    }
    footer .footer-content .footer-top article .inner a.phone {
        margin-top: 20px;
        font-size: 36px;
        text-align: center;
    }
    footer .footer-content .footer-top article .inner .links {
        margin: 30px 0 0;
        justify-content: center;
    }
    footer .footer-content .footer-top article .inner .links a {
        margin: 0 20px;
        font-size: 40px;
    }
    footer .footer-content .footer-top article .inner .links a:hover {
        color: var(--sColor2);
    }
    footer .footer-content .footer-top article .inner p.footer-text {
        text-align: center;
    }
    footer .footer-content .footer-top article .inner p.footer-text br {
        display: none;
    }
    footer .footer-content .footer-top article .inner h2.footer-title {
        text-align: center;
    }
}
@media (max-width: 320px) {
    footer .footer-content .footer-top article .inner a.email {
        font-size: 26px;
    }
    footer .footer-content .footer-top article .inner a.phone {
        font-size: 32px;
    }
}

/* footer - bot
-------------------------------------------------------------------------------------*/
footer .footer-content .footer-bot {
    width: auto;
    height: auto;
    margin: 30px -15px 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
footer .footer-content .footer-bot article {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 15px;
    flex-shrink: 0;
}
footer .footer-content .footer-bot article .inner {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
footer .footer-content .footer-bot article .inner p {
    font-size: 20px;
    color: var(--sColor3);
}
footer .footer-content .footer-bot article .inner p a {
    color: var(--sColor3);
    text-decoration: none;
    transition: color .2s;
}
footer .footer-content .footer-bot article .inner p a:hover {
    color: var(--mColor1);
}
footer .footer-content .footer-bot article .inner p:last-child {
    margin-bottom: 0;
}
footer .footer-content .footer-bot article .inner .social ul li.ya-share2__item .ya-share2__badge .ya-share2__icon {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

@media (max-width: 992px) {
    footer .footer-content .footer-bot {
        flex-direction: column;
    }
    footer .footer-content .footer-bot article {
        width: 100%;
    }
    footer .footer-content .footer-bot article .inner p {
        text-align: center;
    }
    footer .footer-content .footer-bot article .inner .social {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    footer .footer-content .footer-bot article .inner .social ul li.ya-share2__item .ya-share2__badge .ya-share2__icon {
        width: 38px;
        height: 38px;
        background-size: 38px 38px;
    }
}
@media (max-width: 360px) {
    footer .footer-content .footer-bot article .inner .social ul li.ya-share2__item .ya-share2__badge .ya-share2__icon {
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
    }
}
@media (max-width: 320px) {
    footer .footer-content .footer-bot article .inner p {
        font-size: 18px;
    }
    footer .footer-content .footer-bot article .inner .social ul li.ya-share2__item .ya-share2__badge .ya-share2__icon {
        width: 28px;
        height: 28px;
        background-size: 28px 28px;
    }
}

/* -------------------------------------------------------------------------------------------------------------------*/