/**
***************
FONT-FACE
***************
**/

@font-face {
    font-family: 'Optima Cyr';
    src: url(fonts/optima-cyr.eot);
    src: url(fonts/optima-cyr.eot?#iefix) format('embedded-opentype'),
    url(fonts/optima-cyr.otf) format('opentype'),
    url(fonts/optima-cyr.svg) format('svg'),
    url(fonts/optima-cyr.ttf) format('truetype'),
    url(fonts/optima-cyr.woff) format('woff'),
    url(fonts/optima-cyr.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

/**
***************
Vars
***************
**/

:root {
    --vm-global-color-grey-light: #EEEEEC;
    --vm-global-color-grey: #BDBDBD;
    --vm-global-color-grey-dark: #605C62;
    --vm-global-color-lime: #C5DE3D;
    --vm-global-color-pink: #E91482;
    --vm-global-color-pink-light: #FFCEE7;
    --vm-global-color-orange: #FF9518;
    --vm-global-color-red: #DC0808;
    --vm-global-color-turquoise: #63C5D2;
    --vm-global-color-violet: #400A9A;
    --vm-global-color-violet-dark: #270538;

    --vm-global-text-family2: 'Optima Cyr', sans-serif;

    --vm-global-color-green: #2EE988;
    --vm-global-color-yellow: #E9E52E;
}

.text-pink {
    color: var(--vm-global-color-pink);
}

.text-violet {
    color: var(--vm-global-color-violet);
}

.text-violet-dark {
    color: var(--vm-global-color-violet-dark);
}

/**
***************
Reset styles
***************
**/

/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
    padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
figure,
blockquote,
dl,
dd {
    margin: 0;
}

/* Set core root defaults */
html {
    scroll-behavior: smooth;
}

/* Set core body defaults */
body {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    min-height: 100vh;
    /*text-rendering: optimizeSpeed;
    text-size-adjust: none;*/
    font-size: 16px;
    line-height: 1.33;
    color: var(--vm-global-color-grey-dark);
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
    list-style: none;
}
ul.border-dark li {margin-bottom:15px;}
a {
    color: var(--vm-global-color-pink);
    text-decoration: none;
    outline: none !important;
}

a:hover {
    color: var(--vm-global-color-violet);
}

/* A elements that don't have a class get default styles */
a:not([class]) {
    text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
    max-width: 100%;
    height: auto;
    display: block;
}

p {
    margin: 0;
}

p:not(:last-child) {
    margin-bottom: 24px;
}

p + p {
    margin-top: 24px;
    margin-bottom: 0;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
    font: inherit;
}

/* Blur images when they have no alt attribute
img:not([alt]) {
    filter: blur(10px);
} */

iframe, embed {
    border: 0;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

a,
.btn,
.input-text,
.swiper-button-prev, .swiper-button-next,
.special-box::before,
.special-box > *,
.entry-cover::before,
.entry-cover .vm-play,
.select2-container .select2-selection,
.pagination > * {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}


b {
    font-weight: bold;
}

h1, h2, h3, h4,
.vm-title-h1, .vm-title-h2,
.vm-title-h3, .vm-title-h4 {
    font-family: 'Optima Cyr', sans-serif;
    font-weight: normal;
    text-transform: none;
    color: var(--vm-global-color-violet);
}

h1, .vm-title-h1 {
    font-size: 64px;
    line-height: 64px;
    letter-spacing: 0.02em;
}

h2, .vm-title-h2 {
    font-size: 39px;
    line-height: 42px;
}

@media (max-width: 1023px) {

    h1, .vm-title-h1 {
        font-size: 39px;
        line-height: 42px;
    }

    h2, .vm-title-h2 {
        font-size: 28px;
        line-height: 28px;
    }
}

h2 {
    margin-bottom: 40px;
}

h3, .vm-title-h3 {
    font-size: 24px;
    line-height: 112%;
	margin-bottom:20px;
}


p + h3 {
    margin-top: 20px;
}

h4, .vm-title-h4 {
    font-size: 18px;
    line-height: 24px;
}

.vm-text-vres {
    color: var(--vm-global-color-violet);
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 27px;
}

.vm-text-vres-accent::before {
    background-color: var(--vm-global-color-violet);
    width: 80px;
    height: 6px;
    content: '';
    display: block;
    margin-bottom: 23px;
}

.m-0 {
    margin: 0 !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.p-0 {
    padding: 0 !important;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-size-tiny {
    font-size: 12px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.d-none {
    display: none;
}

.d-flex {
    display: flex;
}

.align-items {
    align-items: center;
}

.align-baseline {
    align-items: baseline;
}

.flex-end {
    justify-content: flex-end;
}

.space-around {
    justify-content: space-around;
}

.space-between {
    justify-content: space-between;
}

.list-inline li {
    display: inline-block;
    position: relative;
}

.list-inline-flex li {
    display: inline-flex;
    position: relative;
}

.list-inline li + li, .list-inline-flex li + li {
    margin-left: 15px;
}

.list-inline-large li + li {
    margin-left: 35px;
}

.list-normal li {
    display: block;
    position: relative;
}

.list-normal li + li {
    margin-top: 13px;
}

.list-normal-large li + li {
    margin-top: 26px;
}

/**
***************
Grid
***************
**/

.container {
    max-width: 1186px;
    width: 100%;
    margin: 0 auto;
}

.row-grid {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-auto-flow: row;
    /*grid-template-columns: repeat(auto-fill, 65.83px);*/
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 36px;
    grid-template-rows: [row] auto;
    grid-row-gap: 36px;
}

.row-flex {
    width: 100%;
    margin: 0 auto;
    display: flex;
}

@media (max-width: 576px) {
    .container {
        max-width: 100%;
        padding: 0 25px;
    }

    .row-grid {
        grid-template-columns: repeat(4, minmax(21px, 1fr));
        grid-column-gap: 21px;
    }
}

@media (min-width: 1024px) and (max-width: 1172px) {
    .container {
        max-width: 100%;
        padding: 0 80px;
    }

    .row-grid {
        grid-template-columns: repeat(8, minmax(80px, 1fr));
        grid-column-gap: 36px;
    }
}


/*@media (min-width: 1024px) and (max-width: 1172px) {
    .container {
        max-width: 100%;
        padding: 0 64px;
    }

    .row-grid {
        grid-template-columns: repeat(auto-fit, minmax(22px, 1fr));
        grid-column-gap: 24px;
    }

    .container:not(.side-divider) .main-content {
        grid-column: span 16 !important;
    }
}

@media (min-width: 577px) and (max-width: 1023px) {
    .container {
        max-width: 100%;
        padding: 0 64px;
    }

    .row-grid {
        grid-template-columns: repeat(4, minmax(61px, 1fr));
        grid-column-gap: 27px;
    }

    .features-list .grid-6, .categories-list .grid-6, .categories-list .grid-4, #editors-choice .grid-4, .block-also .grid-4 {
        grid-column: span 2 !important;
    }
}


.content {
    margin: 40px auto;
    position: relative;
}

@media (max-width: 1023px) {
    .content {
        margin: 15px auto 40px auto;
    }
}

@media (min-width: 1024px) {
    .side-divider > .row-grid {
        position: relative;
    }

    .side-divider > .row-grid::before, .side-divider > .row-grid::after {
        background-color: #000000;
        height: 100%;
        width: 1px;
        content: '';
        grid-column: 5 / 5;
        position: absolute;
        margin-left: -14px;
    }

    .side-divider > .row-grid::after {
        grid-column: 17 / 17;
    }
}*/

.row-grid .grid-2 {
    grid-column: span 2;
}

.row-grid .grid-3 {
    grid-column: span 3;
}

.row-grid .grid-4 {
    grid-column: span 4;
}

.row-grid .grid-5 {
    grid-column: span 5;
}

.row-grid .grid-6 {
    grid-column: span 6;
}

.row-grid .grid-7 {
    grid-column: span 7;
}

.row-grid .grid-8 {
    grid-column: span 8;
}

.row-grid .grid-10 {
    grid-column: span 10;
}

.row-grid .grid-11 {
    grid-column: span 11;
}

.row-grid .grid-12 {
    grid-column: span 12;
}

.grid-8.grid-offset-2 {
    grid-column: 3 / span 8 !important;
}

@media (max-width: 1023px) {
    .row-grid .grid-3, .row-grid .grid-4, .row-grid .grid-5, .row-grid .grid-6, .row-grid .grid-7, .row-grid .grid-8, .row-grid .grid-10, .row-grid .grid-11, .row-grid .grid-12, .row-grid .grid-16, .row-grid .grid-20 {
        grid-column: span 4;
    }

    .grid-8.grid-offset-2 {
        grid-column: 1 / span 4 !important;
    }

    .row-grid > div:empty {
        display: none;
    }
}


@media (min-width: 1172px) {
    .row-divider > div {
        position: relative;
        padding-left: 18px;
    }

    .row-divider > div::before,
    .row-divider > div::after {
        background-color: var(--vm-global-color-pink);
        content: '';
        display: block;
        position: absolute;
    }

    .row-divider > div::before {
        height: 100%;
        width: 1px;
        top: 0;
        left: 4px;
    }

    .row-divider > div::after {
        height: 9px;
        width: 9px;
        bottom: 0;
        left: 0;
        border-radius: 50%;
    }
}

@media (max-width: 1023px) {
    .row-divider {
        grid-row-gap: 24px;
    }
}

/* Text Styles */

.btn-arrow, .main-slider .swiper-slide-desc, .swiper-slide-badge, .special-box-desc {
    font-size: 18px;
    font-weight: 400;
}

/*  */

.btn {
    color: #FFFFFF;
    font-size: 22px;
    font-family: 'Optima Cyr', sans-serif;
    text-align: center;
    padding: 0 23px;
    height: 40px;
    line-height: 1;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-style: solid;
    border-width: 2px;
    border-radius: 23px;
    display: inline-flex;
}

input.btn {
    cursor: pointer;
}

.btn-small {
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.btn-large, .btn-circle {
    height: 46px;
    border-radius: 23px;
}
.btn-primary.next, 
.btn-primary, .btn-secondary:hover, .btn-violet:hover {
    background-color: var(--vm-global-color-pink);
    border-color: var(--vm-global-color-pink);
    color: #FFFFFF;
}

.border-dark {border:0 none !important;}

.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {color: var(--vm-global-color-orange);}

.btn-primary.focus, .btn-primary:focus, .card-footer .btn-primary.next:hover,.btn-violet, .btn-primary:hover, .btn-orange:hover {
    background-color: var(--vm-global-color-violet) !important;
    border-color: var(--vm-global-color-violet) !important;
    color: #FFFFFF;
}

.btn-secondary {
    background-color: transparent;
    border-color: var(--vm-global-color-pink);
    color: var(--vm-global-color-pink);
}

.btn-orange {
    background-color: var(--vm-global-color-orange);
    border-color: var(--vm-global-color-orange);
    color: #FFFFFF;
}

.btn-grey, .btn-grey:hover, .btn:disabled {
    background-color: var(--vm-global-color-grey);
    border-color: var(--vm-global-color-grey);
    color: #FFFFFF;
}

.btn-simple, .btn-circle, .btn-circle-small, .btn-circle-large, .btn-circle-extralarge {
    padding: 0;
}

.btn-simple {
    background: transparent;
    border-color: transparent;
    color: var(--vm-global-color-pink);
}

.btn-simple:hover {
    color: var(--vm-global-color-violet);
}

.btn-small.btn-simple {
    font-size: 16px;
    font-weight: 300;
}

.btn-circle,.btn-circle-large, .btn-circle-extralarge {
    border-radius: 50%;
}

.btn-circle {
    width: 46px;
}

.btn-circle-small {
    height: 36px;
    width: 36px;
}

.btn-circle-large {
    height: 58px;
    width: 58px;
}

.btn-circle-extralarge {
    height: 108px;
    width: 108px;
}

.btn-circle i {
    font-size: 18px;
}

.btn-circle-small i {
    font-size: 16px;
}

.btn-circle-large i {
    font-size: 28px;
}

.btn-circle-extralarge i {
    font-size: 50px;
}

.btn-arrow::after {
    margin-left: 15px;
    font-family: "vmeste-icons";
    font-style: normal;
    font-weight: normal;
    content: '\e801';
    vertical-align: middle;
    display: inline-block;
}

.btn-outline-dark,.stories-section .btn-primary:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: var(--vm-global-color-violet);
}

.btn-outline-dark:hover {
	background-color: var(--vm-global-color-violet);
    border-color: var(--vm-global-color-violet);
    color: #FFFFFF;
	}

@media (max-width: 1023px) {
    .main-slider .btn.btn-primary:hover {
        background-color: #FFFFFF;
        border-color: #FFFFFF;
        color: var(--vm-global-color-violet);
    }
}

@media (min-width: 1024px) {
    .special-box .btn.btn-primary:hover {
        background-color: #FFFFFF;
        border-color: #FFFFFF;
        color: var(--vm-global-color-violet);
    }
}

/* Form Element Styles */

.input-row, .input-group {
    line-height: 1;
    position: relative;
}

.input-row + .input-row {
    margin-top: 19px;
}

.input-group + .input-group {
    margin-top: 46px;
}

.input-group-title {
    color: var(--vm-global-color-violet);
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 27px;
    font-weight: 400;
}

.input-row-number.btn-circle-small {
    font-size: 16px;
}

.input-row-number {
    display: flex;
    line-height: 22px;
    align-items: center;
    margin-bottom: 30px;
}

.input-row-number .btn {
    flex: 0 0 auto;
    margin-right: 10px;
}

.input-row-number p {
    flex: 1 0 0;
    width: 100%;
    max-width: 100%;
}

.input-row-submit {
    margin-top: 38px !important;
}

label {
    display: block;
    font-weight: 400;
    text-align: left;
    margin-bottom: 5px;
}

.input-text {
    background-color: #FFFFFF !important;
    color: var(--vm-global-color-grey-dark);
    border: 1px solid var(--vm-global-color-grey);
    border-radius: 4px;
    padding: 10px 12px;
    text-align: left;
    outline: none !important;
    display: inline-block;
}

.input-text:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-container--open .select2-selection {
    border-color: var(--vm-global-color-violet) !important;
}

.input-text.error {
    border-color: var(--vm-global-color-orange);
    padding-right: 48px;
}

.input-text.error + label.error {
    position: absolute;
    top: 8px;
    right: 12px;
}

.input-range + label.error {
    margin: 10px 0 0 0;
    text-align: center;
    color: var(--vm-global-color-orange);
}

.input-range + label.error i {
    margin-right: 12px;
}

label.error i, .testing-title-controls i:not(.vm-chevron-down) {
    background-color: var(--vm-global-color-orange);
    color: #FFFFFF;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    font-size: 13px;
}

.input-row .input-text {
    width: 100%;
}

.input-text::-webkit-input-placeholder {
    color: var(--vm-global-color-grey-dark);
}

.input-text::-moz-placeholder {
    color: var(--vm-global-color-grey-dark);
    opacity: 1;
}

.input-text:-moz-placeholder {
    color: var(--vm-global-color-grey-dark);
    opacity: 1;
}

.input-text:-ms-input-placeholder {
    color: var(--vm-global-color-grey-dark);
}

textarea.input-text {
    line-height: 20px;
    padding-bottom: 8px;
}

.input-desc {
    margin-top: 8px;
}

select {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3828 1.41406C10.5078 1.55469 10.5078 1.6875 10.3828 1.8125L5.46094 6.73438C5.33594 6.85938 5.21094 6.85938 5.08594 6.73438L0.164062 1.8125C0.0390625 1.6875 0.0390625 1.55469 0.164062 1.41406L0.632812 0.96875C0.757812 0.828125 0.890625 0.828125 1.03125 0.96875L5.27344 5.1875L9.51562 0.96875C9.65625 0.828125 9.78906 0.828125 9.91406 0.96875L10.3828 1.41406Z' fill='%237A7A7A'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 30px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

input[type="checkbox"], input[type="radio"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

input[type="checkbox"] + label, input[type="radio"] + label {
    display: inline-flex;
    align-items: start;
    user-select: none;
    line-height: 18px;
    margin-bottom: 0;
    cursor: pointer;
}

input[type="checkbox"] + label::before, input[type="radio"] + label::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 2px solid var(--vm-global-color-pink);
    border-radius: 3px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    top: 0;
}

input[type="checkbox"].input-checkbox-circle + label::before {
    width: 20px;
    height: 20px;
}

input[type="checkbox"].input-checkbox-circle + label::before, input[type="radio"] + label::before {
    border-radius: 50%;
}

/*input[type="radio"] + label::before {
    background-size: 80% 80%;
}*/

input[type="checkbox"]:not(:disabled):active + label::before, input[type="radio"]:not(:disabled):active + label::before {
    background-color: var(--vm-global-color-grey);
    border-color: var(--vm-global-color-grey);
}

input[type="checkbox"]:checked + label::before, input[type="radio"]:checked + label::before {
    border-color: var(--vm-global-color-pink);
    background-color: var(--vm-global-color-pink);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2188 0.445312C10.3438 0.320313 10.4766 0.320313 10.6172 0.445312L11.2734 1.125C11.4141 1.25 11.4141 1.38281 11.2734 1.52344L4.24219 8.55469C4.11719 8.67969 3.98438 8.67969 3.84375 8.55469L0.726562 5.41406C0.585938 5.28906 0.585938 5.15625 0.726562 5.01562L1.38281 4.35938C1.52344 4.21875 1.65625 4.21875 1.78125 4.35938L4.05469 6.63281L10.2188 0.445312Z' fill='%23E5E5E5'/%3E%3C/svg%3E ");}

input[type="radio"]:checked + label::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

input[type="checkbox"]:disabled + label::before, input[type="radio"]:disabled + label::before {
    background-color: var(--vm-global-color-grey);
}

input[type="checkbox"] ~ label.error, input[type="radio"] ~ label.error {
    display: inline-block;
    margin: 0 0 0 10px;
    top: -4px;
    position: absolute;
}

/*.input-row-img-upload input[type="file"] {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}*/

.input-calendar {
    position: relative;
}

.input-calendar .input-text {
    padding-right: 45px;
}

.input-calendar > i {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 18px;
    color: var(--vm-global-color-pink);
    cursor: pointer;
}

.input-calendar .input-date.error .input-text {
    padding-right: 81px;
}

.input-calendar .input-date.error + label.error {
    right: 45px;
}

.input-calendar .input-date.error ~ i {
    color: var(--vm-global-color-orange);
}

.input-row .select2, .input-row .select2-container {
    width: 100% !important;
}

.select2-container .select2-selection {
    height: 40px;
}

.select2-container--default .select2-selection {
    background-color: #fff;
    border: 1px solid var(--vm-global-color-grey);
    border-radius: 4px !important;
}

.select2-container--open .select2-selection {
    /*background-color: var(--vm-global-color-grey-light);*/
}

.select2-container--default .select2-selection .select2-selection__rendered {
    color: var(--vm-global-color-grey-dark);
    line-height: 40px;
}

.select2-container .select2-selection .select2-selection__rendered {
    padding-left: 12px;
    padding-right: 37px;
}

.select2-selection__rendered:empty {
    display: none;
}

.select2-container--default .select2-selection .select2-selection__placeholder {
    color: var(--vm-global-color-grey-dark);
}

.select2-container--default .select2-selection .select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 0;
    right: 12px;
    width: 13px;
}

.select2-container--default .select2-selection .select2-selection__arrow::before {
    font-family: "vmeste-icons";
    font-size: 8px;
    content: '\e808';
    color: var(--vm-global-color-pink);
    line-height: 40px;
}

.select2-container--open .select2-selection .select2-selection__arrow::before {
    content: '\e80d';
    color: var(--vm-global-color-violet);
}

.select2-container--default .select2-selection .select2-selection__arrow b {
    display: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid var(--vm-global-color-grey-light) !important;
    /*width: calc(100% - 20px) !important;*/
    border-radius: 4px !important;
    margin-top: 4px;
}

.select2-search--dropdown {
    display: block;
    padding: 8px 12px;
    border-bottom: 1px solid var(--vm-global-color-grey-light);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--vm-global-color-grey);
    border-radius: 4px;
    outline: none !important;
    padding: 4px 12px;
}

.select2-container--default .select2-results__option--selected {
    background-color: transparent !important;
    color: var(--vm-global-color-violet);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent !important;
    color: var(--vm-global-color-pink);
}

.select2-results__option {
    padding: 8px 12px;
}


.select2-container.error .select2-selection,
.select2-container--open.error .select2-dropdown {
    border-color: var(--vm-global-color-orange) !important;
}

.select2-container.error .select2-selection .select2-selection__arrow::before {
    color: var(--vm-global-color-orange);
}

.select2-container.error .select2-selection .select2-selection__rendered {
    padding-right: 76px;
}

.select2-container.error .select2-selection label.error {
    position: absolute;
    top: 8px;
    right: 37px;
}

/* Alerts */

.alert {
    margin-bottom: 20px;
    padding: 15px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    position: relative;
}

.alert a {
    text-decoration: underline;
    color: inherit;
}

.alert-large {
    background-color: #EEEEEE !important;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 40px;
    padding: 18px;
    text-align: center;
    border-radius: 6px;
}

.bxe-alert-title {
    padding-bottom: 5px;
    font-weight: bold;
}

.alert-success {
    background-color: #eeffe8;
    color: var(--vm-global-color-green);
}

.alert-warning {
    background-color: #fcf8e3;
    color: var(--vm-global-color-orange);
}

.alert-danger {
    background-color: var(--vm-global-color-pink-light);
    color: var(--vm-global-color-pink);
}

.alert-info {
    background-color: #EAF3F9;
    color: var(--vm-global-color-turquoise);
}

.alert-gray {
    background-color: #E8E8E8;
}

/* Accordion Nav */

.accordion-nav {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.accordion-nav .nav-item + .nav-item {
    margin-top: 45px;
}

@media (max-width: 1023px) {
    .accordion-nav .nav-item + .nav-item {
        margin-top: 24px;
    }
}

.accordion-nav .nav-item > a, .primary-nav .nav-item > a, footer .event-link {
    font-size: 18px;
    color: var(--vm-global-color-pink);
    font-weight: 400;
}

.accordion-nav .nav-item a.selected {
    color: var(--vm-global-color-violet);
}

.accordion-nav .sub-menu {
    margin-top: 17px;
}

@media (min-width: 1024px) {
    .accordion-nav .sub-menu {
        display: block !important;
    }
}

@media (max-width: 1023px) {

    .accordion-nav .nav-item > a, .primary-nav .nav-item > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .accordion-nav .submenu-toggle::after {
        font-family: "vmeste-icons";
        font-size: 8px;
        content: '\e808';
        color: var(--vm-global-color-pink);
    }

    .accordion-nav .submenu-toggle[aria-expanded="true"]::after {
        content: '\e80d';
    }

    .accordion-nav .sub-menu {
        display: none;
    }
}

.accordion-nav .sub-menu a {
    color: var(--vm-global-color-violet-dark);
}

.accordion-nav .sub-menu a:hover {
    color: var(--vm-global-color-pink);
}

.userbar-mobile,
.userbar-mobile .nav-item > a,
.userbar-mobile .sub-menu a {
    color: var(--vm-global-color-violet);
}

.userbar-mobile i {
    margin-right: 11px;
}

/* Left Navigation */

.left-nav a {
    color: var(--vm-global-color-violet-dark);
}

.left-nav a:hover, .left-nav a.active {
    color: var(--vm-global-color-pink);
}

.left-nav a.active {
    font-weight: 500;
}

/* Horizontal Navigation */

@media (min-width: 1172px) {
    .horizontal-nav .btn {
        padding-left: 49px;
        padding-right: 49px;
    }
}

@media (max-width: 1023px) {

    .horizontal-nav ul {
        display: flex;
        flex-direction: column;
    }

    .horizontal-nav ul li + li {
        margin: 20px 0 0 0;
        display: block;
    }

    .horizontal-nav .btn {
        width: 100%;
    }
}

/* Header */

header > div {
    position: relative;
    z-index: 1;
}

.header-top {
    height: 45px;
    align-content: center;
}


@media (max-width: 1023px) {
    .header-top, .header-content .list-inline-flex {
        display: none;
    }
}

.header-top a, .primary-top a, .primary-bottom a {
    color: var(--vm-global-color-violet);
}

.header-top a:hover, .primary-top a:hover, .primary-bottom a:hover {
    color: var(--vm-global-color-pink);
}

.header-top i {
    font-size: 19px;
}

.header-email {
    font-size: 15px;
}

.header-phone {
    font-family: 'Optima Cyr', sans-serif;
    font-size: 20px;
    line-height: 22px;
}

header .user-bar button {
    background: transparent;
    color: var(--vm-global-color-violet);
    border: 0;
    padding: 0;
    margin: 0;
}

.header-content {
    padding: 28px 0 20px;
    align-content: center;
}

header .logo {
    display: inline-block;
}

@media (max-width: 1023px) {
    .logo img {
        height: 70px;
    }
}

.header-content .list-inline-flex li {
    align-content: center;
    align-items: center;
}

.header-content .list-inline-flex li + li {
    margin-left: 50px;
}

#mobile-primary-toggle {
    display: none;
}

@media (max-width: 1023px) {
    #mobile-primary-toggle {
        display: block;
    }
}

.primary-nav-toggle {
    font-size: 21px;
    font-family: 'Optima Cyr', sans-serif;
    color: var(--vm-global-color-pink);
}

.primary-nav-toggle:hover, .primary-nav-toggle.active {
    color: var(--vm-global-color-violet);
}

.primary-nav-toggle:hover span, .primary-nav-toggle.active span {
    background-color: var(--vm-global-color-violet);
    border-color: var(--vm-global-color-violet);
}

.primary-nav-toggle .btn {
    margin-left: 15px;
    flex-direction: column;
    position: relative;
}

.primary-nav-toggle .btn span, .primary-nav-toggle .btn::before, .primary-nav-toggle .btn::after {
    display: block;
    background-color: #FFFFFF;
    height: 2px;
    width: 18px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    left: 0;
    opacity: 1;
    content: '';
    border-radius: 3px;
}

.primary-nav-toggle .btn::before, .primary-nav-toggle .btn::after {
    -webkit-transition: transform .35s ease-in-out;
    -moz-transition: transform .35s ease-in-out;
    -o-transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
}

.primary-nav-toggle.active .btn::before, .primary-nav-toggle.active .btn::after {
    position: absolute;
    left: 11px;
    top: 18px;
    opacity: 1;
    height: 0.12em;
    width: 20px;
    border-radius: 0.7em;
}

.primary-nav-toggle.active .btn::before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.primary-nav-toggle.active .btn span {
    height: 18px;
    visibility: hidden;
    background-color: transparent;
}

.primary-nav-toggle.active .btn::after {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

header .primary-nav {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
}

header.open .header-body, header.open .primary-nav {
    background: #fff;
}

header.open .primary-nav {
    display: block;
}

@media (max-width: 1023px) {
    .header-bar.open {
        position: fixed;
        height: 100vh;
        width: 100vw;
        top: 0;
        left: 0;
        overflow-y: auto;
        z-index: 9999;
    }

    .header-bar.open .header-body {
        background: #fff;
        overflow-y: scroll;
        height: 100%;
    }

    .header-bar.open .main-slider-wrap {
        display: none;
    }

    .header-bar.open .header-content {
        padding: 10px 0 40px;
    }
}

header.open .primary-nav .row-flex {
    display: none;
}

@media (max-width: 1023px) {

    header.open .primary-nav .container > div {
        margin-bottom: 50px;
    }

    header.open .primary-nav .container > div:first-child {
        margin-bottom: 40px;
    }

    header.open .primary-nav .row-flex {
        display: flex;
    }

    header.open .primary-nav .row-flex .list-normal {
        width: 100%;
    }

    header.open .primary-nav .row-flex:not(.primary-bottom) .list-normal li + li {
        margin-top: 20px;
    }

    header.open .primary-nav .row-flex .list-normal .btn {
        display: flex;
    }
}

@media (min-width: 1172px) {
    header.open .primary-nav .row-grid {
        padding-bottom: 40px;
    }

    header.open .primary-nav .row-divider > div {
        padding-bottom: 9px;
    }
}

header.open .primary-nav .event-link img {
    margin: 24px 0 20px;
    border-radius: 6px;
}

@media (max-width: 1023px) {
    header.open .primary-nav .event-link img, header.open .primary-nav .event-link .btn-arrow {
        display: none;
    }
}

.swiper-container {
    overflow: hidden;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 25px !important;
    right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 25px !important;
    left: auto;
}

@media (max-width: 1023px) {
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 0 !important;
        right: auto;
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0 !important;
        left: auto;
    }
}

.swiper-button-prev::after, .swiper-button-next::after {
    font-family: "vmeste-icons" !important;
    font-size: 42px !important;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

@media (max-width: 1023px) {
    .swiper-button-prev::after, .swiper-button-next::after {
        font-size: 20px !important;
    }
}

.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
    content: '\e809' !important;
}

.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {
    content: '\e80a' !important;
}

.swiper-button-prev, .swiper-button-next {
    color: var(--vm-global-color-pink) !important;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
    color: var(--vm-global-color-violet) !important;
}

.stories-slider-controls .swiper-button-prev, .stories-slider-controls .swiper-button-next {
    color: #FFFFFF !important;
}

.stories-slider-controls .swiper-button-prev:hover, .stories-slider-controls .swiper-button-next:hover {
    color: var(--vm-global-color-pink) !important;
}

.main-slider-wrap {
    margin-top: -135px;
    z-index: 0;
    width: 100%;
}

.main-slider-wrap, .stories-slider-wrap {
    position: relative;
}

@media (min-width: 1172px) {
    .main-slider {
        height: 645px;
    }

    .stories-slider {
        height: 600px;
    }

    .main-slider .swiper-slide .container {
        padding-top: 115px;
    }
}

.main-slider .swiper-slide .container,
.stories-slider .swiper-slide .container,
.inner-page-banner .container {
    display: flex;
    flex-direction: column;
    align-content: start;
    align-items: start;
    justify-content: center;
    justify-items: center;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 2;
}

@media (max-width: 1023px) {
    .swiper-slide {
        display: flex;
        flex-direction: column;
    }

    .main-slider .swiper-slide .container,
    .stories-slider .swiper-slide .container,
    .inner-page-banner .container {
        background-color: var(--vm-global-color-violet);
    }

    .main-slider .swiper-slide .container {
        padding-top: 42px;
        padding-bottom: 60px;
    }

    .stories-slider .swiper-slide .container {
        padding-top: 46px;
        padding-bottom: 23px;
    }

    .inner-page-banner .container {
        height: 115px;
    }

    .swiper-slide [class^="swiper-slide"], .main-slider .swiper-slide-title *, .main-slider .swiper-slide-desc * {
        color: #FFFFFF !important;
    }
}

.swiper-slide-cover, .section-cover {
    position: absolute !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0 !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;
}

.stories-slider .swiper-slide .section-cover, .inner-page-banner .section-cover {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto;
}

@media (max-width: 1023px) {
    .swiper-slide-cover, .section-cover {
        position: relative !important;
        height: 240px;
        background-position: center top;
        background-size: cover;
    }

    .main-slider .swiper-slide-cover {
        height: 357px;
    }

    .main-button-prev.swiper-button-prev, .main-button-next.swiper-button-next {
        top: 200px !important;
    }

    .stories-button-prev.swiper-button-prev, .stories-button-next.swiper-button-next {
        top: 122px !important;
    }

    .stories-slider .swiper-slide .section-cover, .inner-page-banner .section-cover {
        background-size: cover;
    }

    .inner-page-banner .section-cover {
        height: 155px;
    }
}


.main-slider .swiper-slide-title {
    color: var(--vm-global-color-violet);
}

.swiper-slide-title, .page-banner-title {
    font-family: 'Optima Cyr', sans-serif;
    font-size: 64px;
    line-height: 1;
}

.swiper-slide-title {
    margin-bottom: 27px;
}

.swiper-slide-desc {
    margin-bottom: 46px !important;
}

@media (max-width: 1023px) {
    .swiper-slide-title, .page-banner-title {
        font-size: 39px;
        line-height: 42px;
        hyphens: auto;
    }

    .swiper-slide-title {
        margin-bottom: 16px;
    }

    .swiper-slide-desc {
        margin-bottom: 30px !important;
    }

    .main-slider .swiper-slide-desc, .swiper-slide-badge, .special-box-desc {
        font-size: 13px;
        font-weight: 500;
    }
}

@media (min-width: 1172px) {
    .swiper-slide-ellipse::before, .inner-page-banner::before {
        background: transparent url(img/ellipse-bg.svg) no-repeat right center;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        display: block;
        width: 60%;
        height: 100%;
        z-index: 1;
    }
}

/*.swiper-slide-ellipse [class^="swiper-slide"] {
    position: relative;
    z-index: 2;
}*/

.swiper-slide-light [class^="swiper-slide"] {
    color: #FFFFFF !important;
}

.swiper-slide-badge {
    background-color: var(--vm-global-color-pink);
    position: absolute !important;
    top: 0;
    color: #FFFFFF;
    border-radius: 0 0 6px 6px;
    padding: 0 15px;
    height: 34px;
    line-height: 34px;
}


.swiper-slide-btn {
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.swiper-slide-btn .btn-circle {
    display: none;
}

@media (min-width: 1172px) {
    .swiper-slide-btn .btn-circle {
        margin: 66px auto 0;
        display: inline-flex;
    }
}

.partners-slider .swiper-slide {
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 100px;
}

.partners-slider .swiper-slide img {
    min-width: 50%;
    max-width: 70%;
    max-height: 80%;
    display: inline-block;
}

/*@media (max-width: 576px) {
    .partners-slider .swiper-slide a,
    .partners-slider .swiper-slide img {
        display: inline-block;
    }
}*/

/* Page Banner */

.inner-page-banner {
    position: relative;
    color: #FFFFFF;
    z-index: 0;
}

@media (min-width: 1172px) {
    .inner-page-banner {
        height: 300px;
    }
}

/* Footer */

footer {
    background-color: var(--vm-global-color-grey-light);
    padding: 51px 0 34px;
}

footer .footer-info > div + div {
    margin-top: 65px;
}


@media (max-width: 1023px) {
    footer {
        padding: 24px 0;
    }

    footer .row-divider > div {
        order: -1;
    }

    footer .row-divider > .footer-info {
        order: 1;
        margin-top: 36px;
    }

    footer .footer-info > div + div {
        margin-top: 48px;
    }
}

.footer-phones a {
    color: var(--vm-global-color-violet-dark);
}

.footer-phones a:hover {
    color: var(--vm-global-color-pink);
}

footer .copyright {
    font-size: 12px;
    color: var(--vm-global-color-grey-dark);
    font-weight: 400;
}

footer .row-grid > div:first-child {
    padding-left: 0;
}

footer .row-grid > div:first-child::before,
footer .row-grid > div:first-child::after {
    display: none;
}

footer .event-link {
    display: inline-flex;
}

@media (min-width: 1024px) {

    footer .event-link {
        margin-top: 61px;
        padding: 0 10px;
        text-align: center;
        line-height: 24px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    footer .event-link:hover {
        color: var(--vm-global-color-violet);
    }

    footer .event-link:hover span {
        background-color: var(--vm-global-color-violet);
        border-color: var(--vm-global-color-violet);
    }

    footer .event-link .btn {
        margin: 0 auto 5px;
    }

}

@media (max-width: 1023px) {

    footer .event-link {
        margin-top: 24px;
    }

    footer .event-link span, footer .event-link br {
        display: none;
    }
}

footer .social-links {
    font-size: 45px;
}

/* Sections */

.vm-section, .vm-section-page {
    position: relative;
    z-index: 0;
}

.vm-section {
    padding: 60px 0 70px;
}

.vm-section-page {
    padding: 90px 0;
}

@media (max-width: 1023px) {
    .vm-section-page {
        padding: 50px 0;
    }
}

.vm-section-inner + .vm-section-inner {
    margin-top: 72px;
}

.vm-section .container {
    position: relative;
    z-index: 1;
}

.section-title:not(.vm-title-h3), .special-box-title {
    font-family: 'Optima Cyr', sans-serif;
    font-size: 39px;
    line-height: 42px;
}

.section-title {
    color: var(--vm-global-color-violet);
    margin-bottom: 42px;
}

.page-title {
    margin-bottom: 70px;
}

@media (max-width: 1023px) {

    .vm-section > .container > .align-baseline {
        align-items: start;
    }

    .section-title, .special-box-title {
        font-size: 28px;
        line-height: 28px;
    }

    .section-title {
        margin-bottom: 30px;
    }

    .section-title + .btn-arrow {
        font-size: 0;
        line-height: 28px;
    }

    .btn-arrow::after {
        font-size: 16px !important;
    }
}

.section-cover > .container {
    display: none;
}

.section-slider {
    position: relative;
}

.section-slider .swiper-button-prev, .section-slider .swiper-container-rtl .swiper-button-next {
    left: -50px;
    right: auto;
}

.section-slider .swiper-button-next, .section-slider .swiper-container-rtl .swiper-button-prev {
    right: -50px;
    left: auto;
}

.subscribe-section {
    background-color: #EEEEEE;
    min-height: 640px;
}

@media (max-width: 1023px) {
    .subscribe-section {
        padding-top: 0;
        padding-bottom: 44px;
    }

    .subscribe-section .container {
        display: block;
    }

    .subscribe-section .section-cover .section-title {
        margin-bottom: 0 !important;
    }

    .subscribe-section .row-grid {
        padding-top: 30px;
    }

    .subscribe-section .row-grid .section-title {
        display: none;
    }

    .subscribe-section #user_agree + label {
        font-size: 12px;
    }
}

.partners-section .section-title {
    margin-bottom: 67px;
}

/* Main Links Box */

.special-box {
    position: relative;
}

.special-box, .special-box-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 6px;
    width: 100%;

}

.special-box-cover {
    height: 220px;
}

@media (min-width: 1024px) {
    .special-box, .special-box-cover {
        height: 320px;
    }

    .special-box-cover {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.special-box::before, .entry-cover::before {
    background-color: var(--vm-global-color-violet);
    width: 100%;
    height: 100%;
    border-radius: 6px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    z-index: 1;
}

.special-box::before {
    height: 320px;
}

.special-box .btn:not(.special-box-btn) {
    display: none;
}

@media (max-width: 1023px) {
    .special-box-title, .special-box-btn {
        margin-top: 20px;
    }

    .special-box-title {
        color: var(--vm-global-color-violet);
        margin-bottom: 6px;
    }
}

@media (min-width: 1024px) {

    .special-box:hover::before, .entry-block:hover .entry-cover::before {
        opacity: 0.85;
    }

    .special-box .special-box-body {
        position: relative;
        padding: 30px;
        color: #FFFFFF;
        opacity: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
    }

    .special-box:hover .special-box-body {
        opacity: 1;
    }

    .special-box .special-box-title {
        margin-bottom: 22px;
    }

    .special-box .btn {
        position: absolute !important;
        bottom: 30px;
    }

    .special-box .btn:not(.special-box-btn) {
        left: 30px;
    }

    .special-box .btn:not(.special-box-btn) {
        display: inline-flex;
    }

    .special-box:hover .btn:not(.special-box-btn) {
        opacity: 0;
    }

}

/* Entry Block */

.entries-list {
    grid-row-gap: 48px;
}

@media (max-width: 1023px) {
    .entries-list.events-list {
        grid-row-gap: 25px;
    }
}

.entry-cover {
    background-color: var(--vm-global-color-grey-light);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    position: relative;
}

.entry-cover .vm-play {
    background-color: var(--vm-global-color-pink);
    font-size: 23px;
    color: #FFFFFF;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    padding: 0;
}

.entry-block:hover .entry-cover .vm-play {
    background-color: #FFFFFF;
    color: var(--vm-global-color-violet);
}

.entry-block .entry-cover .vm-play:before { top: -1px; left: 2px; position: relative; }

/*.entry-block:hover .entry-cover .vm-play:before { content: '\e81a'; font-size: 62px; top: 0; left: 0; }*/

@media (max-width: 1023px) {
    .entry-cover {
        height: 220px;
    }
}

.entry-time, .entry-category, .entry-info {
    color: var(--vm-global-color-violet);
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    display: block;
}

.entry-title, .entry-title a, .entry-info  {
    color: var(--vm-global-color-violet-dark);
}

.entry-block:hover .entry-title, .entry-block:hover .entry-title a {
    color: var(--vm-global-color-pink) !important;
}

/*.entry-block:hover .btn-arrow {
    color: var(--vm-global-color-violet);
}*/

.news-list .entry-cover, .news-list .entry-content,
.videos-list .entry-cover {
    margin-bottom: 36px;
}

.news-list .entry-time, .news-list .entry-info {
    margin-bottom: 14px;
}

.news-list .entry-title {
    margin-bottom: 10px;
}

.section-list .entry-cover {
    margin-bottom: 14px;
}

@media (max-width: 1023px) {
    .news-list .entry-cover, .news-list .entry-content {
        margin-bottom: 20px;
    }
}

.videos-list .entry-cover {
    margin-bottom: 12px;
}

.events-list .entry-block {
    padding: 48px 28px 28px;
    min-height: 428px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}

.events-list .entry-block .entry-title {
    margin-top: 50px;
}

.events-list .entry-block .entry-title a,
.events-list .entry-block .entry-content {
    color: var(--vm-global-color-violet);
}

.events-list .entry-block .entry-content {
    margin-top: 18px;
    font-size: 18px;
    line-height: 120%;
}

.events-list .entry-block .btn.btn-primary {
    margin-top: 36px;
    /*position: absolute;
    bottom: 28px;*/
}

@media (max-width: 1023px) {
    .events-list .entry-block {
        padding: 23px 15px 20px;
    }

    .events-list .entry-block .entry-title {
        margin-top: 15px;
    }
    .events-list .entry-block .btn.btn-primary {
        margin-top: 27px;
    }
}


.entries-vertical-list.entries-list {
    grid-row-gap: 30px;
}

.entries-vertical-list .entry-block + .entry-block {
    border-top: 1px solid var(--vm-global-color-grey-light);
    padding-top: 30px;
}

.entries-vertical-list .entry-block > .d-flex .btn-circle-large {
    margin-right: 37px;
    flex: 0 0 auto;
    width: 66px;
    height: 66px;
}

.entries-vertical-list .entry-block > .d-flex .btn-circle-large i { font-size: 32px; }

.events-vertical-list .entry-block .entry-title.vm-title-h2 {
    margin-top: 25px;
    margin-bottom: 15px;
}

.events-vertical-list .entry-block .vm-text-vres {
    margin-top: 20px;
    margin-bottom: 0
}
.events-vertical-list .entry-block .btn-arrow {
    margin-top: 27px;
    display: block;
}

.docs-list .entry-block .entry-info .vm-title-h3 {
    margin-top: 15px;
}

.docs-list .entry-block .entry-info .vm-title-h3 + .vm-title-h3 {
    margin-top: 10px;
}

.docs-list .entry-block .entry-info .vm-title-h3 a {
    color: var(--vm-global-color-violet-dark);
}

.docs-list .entry-block .entry-info .vm-title-h3 a:hover {
    color: var(--vm-global-color-pink);
}

.docs-list .entry-block .entry-info a.d-flex {
    margin-top: 28px;
    align-items: center;
    font-size: 18px;
    font-weight: normal;
}

.docs-list .entry-block .entry-info a.d-flex span {
    color: var(--vm-global-color-grey-dark);
    font-size: 14px;
    margin-top: 2px;
    margin-left: 10px;
    display: inline-block;
}

.docs-list .entry-block .vm-download-cloud {
    font-size: 30px;
    margin-right: 10px;
}

/* Entry Details & Page Content */

.entry-body.event-body .vm-text-vres {
    color: var(--vm-global-color-violet-dark);
}

.entry-body .entry-title.vm-title-h1,
.entry-body .entry-title.vm-title-h2 {
    color: var(--vm-global-color-violet);
    margin-bottom: 30px;
    /*hyphens: auto;*/
}

.entry-body .entry-time, .entry-body .entry-info {
    margin-bottom: 60px;
}

.entry-body iframe, .entry-body embed {
    width: 100%;
    height: auto;
    min-height: 430px;
    margin-bottom: 50px;
}

.entry-body img {
    border-radius: 6px;
}

.entry-body .entry-detail {
    margin-bottom: 50px;
}

blockquote {
    color: var(--vm-global-color-violet);
    font-size: 18px;
    line-height: 22px;
    margin: 30px 0;
    font-weight: 400;
}

blockquote::before {
    font-family: "vmeste-icons";
    content: '\e812';
    font-size: 56px;
    line-height: 1;
    height: 56px;
    display: block;
    margin-bottom: 30px;
}

.info-block {
    background: #EEEEEE;
    border-radius: 6px;
    padding: 31px 42px 31px 51px;
    border-left: 12px solid var(--vm-global-color-pink);
}

/* Event Block */

.event-block, .reviews-block {
    background-color: var(--vm-global-color-grey-light);
    border-radius: 6px;
    border-width: 12px 0 0 0;
    border-style: solid;
    position: relative;
}

.event-block-body {
    max-width: 100%;
}

.event-date-header {
    flex-direction: column;
}

.event-date-header .btn-circle-large {
    margin-right: 23px;
}

.event-date-header .entry-category {
    margin: 21px 0 0 0;
}

@media (min-width: 1172px) {
    .event-date-header {
        flex-direction: row;
    }

    .grid-6 .event-date-header {
        flex-direction: column;
    }

    .event-date-header .d-flex {
        align-items: center;
    }

    .event-date-header .entry-category {
        margin: 0 0 0 64px;
    }

    .grid-6 .event-date-header .entry-category  {
        margin: 21px 0 0 0;
    }
}

.event-date-header time {
    display: block;
}

.event-date-header .entry-time {
    font-weight: 700;
    font-size: 14px;
}

/* Reviews Block */

.reviews-block {
    border-color: var(--vm-global-color-violet);
    padding: 25px 21px;
}

/* Event Sidebar */

.event-sidebar.event-block, .event-requirements {
    padding: 37px 19px 31px;
    width: 320px;
}

.event-sidebar.event-block .event-date-header .btn-circle-large {
    margin-right: 17px;
}

.event-sidebar.event-block .event-date-header .entry-time {
    font-weight: normal;
    font-size: 14px;
    color: var(--vm-global-color-grey-dark);
    text-transform: lowercase;
}

.event-sidebar.event-block .list-normal {
    margin-top: 60px;
    font-size: 18px;
    line-height: 120%;
}

.event-sidebar.event-block .btn:not(.btn-circle-large) {
    margin-top: 48px;
}

.event-sidebar .alert {
    margin-top: 24px;
}

.event-requirements {
    background-color: var(--vm-global-color-pink-light);
    color: var(--vm-global-color-pink);
    padding-top: 16px;
    padding-bottom: 16px;
    margin: 30px -19px -31px;
    border-radius: 0 0 6px 6px;
    display: flex;
}

.event-requirements .vm-exclamation {
    border: 1px solid var(--vm-global-color-pink);
    margin-right: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    text-align: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 13px;
}

.event-sidebar.event-block .event-requirements a.btn:not(.btn-circle-large) {
    margin-top: 0;
}

.event-requirements-body {
    flex: 1 0 0;
}

.event-requirements-body a {
    text-decoration: underline;
}

.event-sidebar .list-normal {
    font-weight: 400;
}

.event-sidebar .list-normal .event-category {
    margin-top: 26px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
}

.event-sidebar .list-normal .event-category span {
    color: var(--vm-global-color-pink);
}


/* Events Color */

.event-color-violet {
    border-color: #3d1087;
}

.event-color-pink {
    border-color: #e91382;
}

.event-color-lime {
    border-color: #c5dd3d;
}

.event-color-blue {
    border-color: #63c5d2
}

.event-color-orange {
    border-color: #ff9619;
}

.event-color-gray {
    border-color: #bdbdbd;
}

.event-color-yellow {
    border-color: #f6bf00;
}

.event-color-green {
    border-color: #a3cc88;
}

.btn.event-color-violet {
    background-color: #3d1087;
}

.btn.event-color-pink {
    background-color: #e91382;
}

.btn.event-color-lime {
    background-color: #c5dd3d;
}

.btn.event-color-blue {
    background-color: #63c5d2
}

.btn.event-color-orange {
    background-color: #ff9619;
}

.btn.event-color-gray {
    background-color: #bdbdbd;
}

.btn.event-color-yellow {
    background-color: #f6bf00;
}

.btn.event-color-green {
    background-color: #a3cc88;
}

/* Testing */

.testing-box {
    background-color: #FFFFFF;
    padding: 33px 18px;
}

.testing-box + .testing-box {
    margin-top: 2px;
}

.testing-box h3 {
    color: var(--vm-global-color-violet-dark);
}

.testing-box h4 {
    color: #000000;
    margin-top: 26px;
    margin-bottom: 13px;
}

.testing-box a.btn {
    margin-top: 33px !important;
}

.testing-title {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.testing-title[aria-expanded="true"], .testing-progress {
    padding-bottom: 31px;
    border-bottom: 1px solid var(--vm-global-color-grey-light);
}

.testing-title-controls {
    display: flex;
    align-items: center;
}

.testing-title-controls i {
    margin-left: 18px;
}

.testing-title-controls i.vm-check {
    background-color: var(--vm-global-color-lime);
    font-size: 10px;
}

.testing-title-controls .vm-chevron-down {
    color: var(--vm-global-color-pink);
    font-size: 10px;
}

.testing-title[aria-expanded="true"]  .vm-chevron-down::before {
    content: '\e80d';
}

.testing-title[aria-expanded="true"] .testing-count {
    display: none;
}

.testing-count, .testing-progress .btn {
    font-family: 'Ubuntu', sans-serif;
}

.testing-progress {
    padding-top: 31px;
    display: flex;
    align-items: center;
}

.testing-progress * + * {
    margin-left: 15px;
}

.testing-progress .btn {
    margin-top: 0 !important;
    padding: 0;
    height: 30px;
    width: 30px;
    font-size: 16px;
}

.testing-body .input-group {
    display: none;
}

.testing-body .input-group.active {
    display: block;
    margin-top: 0;
}

.testing-done {
    padding-top: 31px;
}

.testing-done.active + .btn {
    display: none;
}

/* User List */

.entry-body .user-list {
    margin-bottom: 30px;
}

.user-block.grid-12 {
    display: flex;
}

.user-block .user-photo {
    border-radius: 4px;
    height: 190px;
    width: 167px;
    margin-bottom: 20px;
    flex: 0 0 auto;
}

.user-block.grid-12 .user-photo {
    margin-right: 40px;
    margin-bottom: 0;
}

.user-block-info > * {
    color: var(--vm-global-color-violet-dark);
}

.user-block-title {
    margin: 20px 0;
}

.user-block-info .user-block-group {
    font-size: 18px;
    font-weight: 400;
}

.event-visitlog, .event-visitlog .vm-title-h2, .event-zoom .vm-title-h2 {
    margin-bottom: 30px;
}

.event-zoom {
    margin-bottom: 70px;
}

.event-visitlog .users-list-vertical {
    margin-bottom: 30px;
}

.event-visitlog .users-list-vertical li {
    padding: 13px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--vm-global-color-grey-light);
}

.event-visitlog span {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: var(--vm-global-color-violet);
    display: inline-block;
}

.event-visitlog li span {
    color: #000000;
}

.event-visitlog li span span {
    margin-right: 30px;
}

.visitUser_add {
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Filter */

.filter-inline {
    margin-top: 25px;
}

.filter-inline .filter-items {
    display: flex;
    align-items: center;
}

.filter-items li {
    display: inline-block;
}

.filter-items li + li, .filter-control .btn:last-child {
    margin-left: 35px;
}

@media (max-width: 1023px) {

    .filter-inline {
        padding-top: 14px;
        border-top: 1px solid var(--vm-global-color-grey-light);
    }

    .filter-inline .filter-items {
        flex-direction: column;
    }

    .filter-items li {
        display: block;
        width: 100%;
    }

    .filter-items li + li {
        margin: 8px 0 0;
    }

    .filter-control .btn:last-child {
        margin-left: 0;
    }

    .filter-items li.filter-control {
        margin-top: 26px;
        display: flex;
        justify-content: space-around;
    }
}

.filter-inline .select2-container--default:hover .select2-selection,
.filter-inline .select2-container--open .select2-selection {
    background-color: var(--vm-global-color-grey-light) !important;
}

.filter-inline .select2-container--default .select2-selection {
    border-color: transparent !important;
}

.filter-inline .select2-container--open .select2-selection .select2-selection__arrow::before {
    color: var(--vm-global-color-pink);
}

/* Events Month */

#fullcalendar {
    margin-top: 37px;
}

.fc .fc-button {
    display: inline-block;
    font-weight: 400;
    text-align: left;
    background-color: transparent;
    border: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    box-shadow: none !important;
}

@media (min-width: 1172px) {
    .fc-button + .fc-button {
        margin-left: 75px !important;
    }
}

.fc .fc-button-primary {
    color: var(--vm-global-color-violet-dark) !important;
    background-color: transparent !important;
}

.fc .fc-toolbar {
    margin-bottom: 0 !important;
    padding: 30px 0;
    border-top: 1px solid var(--vm-global-color-grey-light);
    border-bottom: 1px solid var(--vm-global-color-grey-light);
}

.fc .fc-toolbar.fc-header-toolbar {
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 100;
}

.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 101px;
    padding-top: 11px;
}

.fc .fc-toolbar .fc-button::before,
.fc .fc-toolbar .fc-button::after {
    font-family: "vmeste-icons";
    font-style: normal;
    font-weight: normal;
    color: var(--vm-global-color-pink);
    font-size: 12px;

    vertical-align: middle;
    display: inline-block;
}


@media (max-width: 1023px) {
    .fc .fc-button {
        font-size: 0 !important;
    }

    .fc .fc-toolbar .fc-button::before,
    .fc .fc-toolbar .fc-button::after {
        font-size: 12px !important;
    }
}

.fc .fc-toolbar .fc-button::before {
    margin-right: 15px;
}

.fc .fc-toolbar .fc-button::after {
    margin-left: 15px;
}

.fc .fc-toolbar .fc-button.fc-prev-button::before,
.fc .fc-toolbar .fc-button.fc-prevYear-button::before {
    content: '\e80b';
}

.fc .fc-toolbar .fc-button.fc-next-button::after,
.fc .fc-toolbar .fc-button.fc-nextYear-button::after {
    content: '\e80c';
}

.fc .fc-toolbar-title {
    text-transform: capitalize;
}

.fc-theme-standard .fc-scrollgrid {
    border: 0;
}

.fc table {
    border-collapse: collapse;
}

.fc-theme-standard td, .fc-theme-standard th {
    border: 0;
}

.fc-scrollgrid-sync-table tbody {
    background-color: var(--vm-global-color-grey-light);
}

.fc-scrollgrid-sync-table td, .fc-col-header th {
    border: 2px solid #FFFFFF !important;
}

.fc-scrollgrid-sync-table tr td:first-child, .fc-col-header th:first-child {
    border-left: 0;
}

.fc-scrollgrid-sync-table tr td:last-child, .fc-col-header th:last-child {
    border-right: 0;
}

.fc-theme-standard th {
    text-align: left;
}

.fc-theme-standard tr:first-child td {
    border-top: 0 !important;
}

th .fc-scrollgrid-sync-inner {
    border-bottom: 5px solid var(--vm-global-color-grey-light);
}

.fc .fc-col-header-cell-cushion {
    display: inline-block;
    padding: 7px 4px;
    font-weight: normal;
    font-size: 12px;
    color: inherit;
}

.fc .fc-daygrid-day, .fc .fc-cell-shaded, .fc .fc-day-disabled {
    background-color: transparent;
}

.fc .fc-cell-shaded, .fc .fc-day-disabled > div {
    opacity: 0.5;
}

.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row;
}

.fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 12px 10px 0;
}

.fc .fc-daygrid-day-number, .events-day-title span {
    font-family: var(--vm-global-text-family2);
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 112%;
    color: var(--vm-global-color-violet-dark);
}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    color: var(--vm-global-color-violet);
}

.fc .fc-day-sat .fc-daygrid-day-number, .fc .fc-day-sun .fc-daygrid-day-number {
    color: var(--vm-global-color-pink);
}

.fc .fc-daygrid-day-top + div {
    margin: 14px 0 60px !important;
}

.fc-daygrid-event-harness + .fc-daygrid-event-harness {
    margin-top: 50px;
}

.fc-daygrid-event {
    display: block;
    align-items: start;
    padding: 0 10px;
    margin: 0 !important;
    flex-direction: column;
    position: relative;
    white-space: normal !important;
}

.fc .fc-daygrid-day {
    position: relative;
}

.fc-daygrid-dot-event:hover,
.fc-daygrid-dot-event.fc-event-mirror {
    background: transparent !important;
}

.fc .fc-daygrid-day.fc-day-today, .events-day-today {
    background: #fff !important;
}

.fc .fc-daygrid-day.fc-day-today::before, .events-day-today::before {
    background: var(--vm-global-color-violet) !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: '';
    opacity: 0.1;
    z-index: 0;
}

.events-day-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: inherit;
    font-weight: 300;
}

.event-time {
    color: var(--vm-global-color-violet-dark);
    font-weight: 700;
    font-size: 12px;
    border-width: 0 0 5px 0;
    border-style: solid;
    display: inline-block;
    padding: 0 0 8px;
}

/*.event-title, .event-desc {
    width: 100%;
    hyphens: auto;
}*/

.event-title, .event-title a {
    color: var(--vm-global-color-violet-dark);
    font-weight: normal;
    font-size: 18px;
    line-height: 120%;

    hyphens: auto;
}

.event-desc {
    font-size: 12px;
    line-height: 14px;
    color: var(--vm-global-color-grey-dark);
}

.fc-daygrid-event .event-time, .event-row .event-time,
.fc-daygrid-event .event-title, .event-row .event-title {
    margin-bottom: 20px;
}

.events-day {
    background: var(--vm-global-color-grey-light);
    padding: 14px 8px 0;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

.events-day-title {
    margin-bottom: 24px;
}

.event-row {
    margin-bottom: 50px;
    display: block;
    position: relative;
    z-index: 5;
}

/* Registration */

.registration-page > .container > .row-grid {
    grid-row-gap: 54px;
}

.registration-header {
    border-bottom: 1px solid var(--vm-global-color-grey-light);
    padding-bottom: 68px;
}

.registration-header > nav {
    margin-top: 40px;
}

.screening-container {
    margin: 70px 0;
}

.screening-container .input-group-title {
    color: var(--vm-global-color-violet-dark);
    margin-bottom: 15px;
}

input[type=range] {
    -webkit-appearance: none;
    margin: 18px 0;
    width: 100%;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 18px;
    cursor: pointer;
    box-shadow: none;
    background: var(--vm-global-color-grey-light);
    border-radius: 9px;
    border: 0;
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: none;
    border: 12px solid var(--vm-global-color-pink);
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -9px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: var(--vm-global-color-grey-light);
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 18px;
    cursor: pointer;
    box-shadow: none;
    background: var(--vm-global-color-grey-light);
    border-radius: 9px;
    border: 0;
}

input[type=range]::-moz-range-thumb {
    box-shadow: none;
    border: 12px solid var(--vm-global-color-pink);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 18px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 18px 0;
    color: transparent;
    border-radius: 9px;
}

input[type=range]::-ms-fill-lower {
    background: #EEEEEC;
    border: 0;
    border-radius: 9px;
    box-shadow: none;
}

input[type=range]::-ms-fill-upper {
    background: #EEEEEC;
    border: 0;
    border-radius: 9px;
    box-shadow: none;
}

input[type=range]::-ms-thumb {
    box-shadow: none;
    border: 12px solid #E91482;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
    background: #EEEEEC;
}

input[type=range]:focus::-ms-fill-upper {
    background: #EEEEEC;
}

/* */

.vm-thermometer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.vm-thermometer span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
}

.vm-thermometer > div.vm-thermometer-label {
    flex: 1 0 0;
    width: 100%;
    max-width: 100%;
    padding: 15px 0;
}

.vm-thermometer > div.vm-thermometer-label span {
    background-color: var(--vm-global-color-grey-light);
    color: var(--vm-global-color-violet-dark);
    font-size: 12px;
    line-height: 14px;
}

.vm-thermometer > div.vm-thermometer-label:first-child span {
    border-radius: 17px 0 0 17px;
    padding: 0 10px 0 25px;
}

.vm-thermometer > div.vm-thermometer-label:last-child span {
    border-radius: 0 17px 17px 0;
    padding: 0 25px 0 10px;
}

.vm-thermometer > div.vm-thermometer-body {
    flex: 0 0 auto;
}

.vm-thermometer-scores {
    display: flex;
}

.vm-thermometer-scores li {
    display: inline-block;
    margin: 0;
    padding: 15px 0;
}

.vm-thermometer-scores li.active {
    background-color: var(--vm-global-color-grey-light);
    border-radius: 6px;

    animation: animate_pulse2 0.5s;
}

@keyframes animate_pulse2 {
    0% {
        background-color: transparent;
    }
    70% {
        background-color: var(--vm-global-color-grey-light);
    }
    100% {
        background-color: transparent;
    }
}

.vm-thermometer-scores li span {
    width: 46px;
    color: #FFFFFF;
}

.vm-thermometer-scores li[data-score="0"]  span{
    background-color: #63C5D2;
}

.vm-thermometer-scores li[data-score="1"] span {
    background-color: #2EB5BD;
}

.vm-thermometer-scores li[data-score="2"] span {
    background-color: #71C29C;
}

.vm-thermometer-scores li[data-score="3"] span {
    background-color: #A2CC88;
}

.vm-thermometer-scores li[data-score="4"] span {
    background-color: #C5DE3D;
}

.vm-thermometer-scores li[data-score="5"] span {
    background-color: #F7C000;
}

.vm-thermometer-scores li[data-score="6"] span {
    background-color: #FF9518;
}

.vm-thermometer-scores li[data-score="7"] span {
    background-color: #FF7A14;
}

.vm-thermometer-scores li[data-score="8"] span {
    background-color: #F34900;
}

.vm-thermometer-scores li[data-score="9"] span {
    background-color: #DC0808;
}

.vm-thermometer-scores li[data-score="10"] span {
    background-color: #820017;
}

.vm-thermometer-input {
    padding: 0 5px;
}


@media (max-width: 1023px) {
    .vm-thermometer, .vm-thermometer-scores {
        flex-direction: column;
    }

    .vm-thermometer > div.vm-thermometer-label {
        text-align: center;
        display: flex;
        justify-content: center;
        padding: 0 !important;
    }

    .vm-thermometer > div.vm-thermometer-label {
        height: 45px;
    }

    .vm-thermometer > div.vm-thermometer-label:first-child span {
        border-radius: 20px 20px 0 0;
        padding: 0 10px;
    }

    .vm-thermometer > div.vm-thermometer-label:last-child span {
        border-radius: 0 0 20px 20px;
        padding: 0 10px;
    }

    .vm-thermometer > div.vm-thermometer-body {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
        justify-content: center;
    }

    .vm-thermometer-scores li {
        padding: 0 15px;
    }

    .vm-thermometer > div.vm-thermometer-label span,
    .vm-thermometer-scores li span {
        width: 111px;
    }

    .vm-thermometer-input-wrap {
        flex: 0 0 auto;
    }

    .vm-thermometer-input {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: auto;
        transform: rotate(90deg);
        padding: 0;
        width: 374px;
    }
}

/* Auth Popup */

.authPopup-wrapper, .eventPopup-wrapper {
    height: 100vh;
    width: 100vw;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 99999;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    overflow-y: scroll;
}

.authPopup-wrapper .container, .eventPopup-wrapper .container  {
    max-height: 100%;
}

.eventPopup-wrapper .event-sidebar {
    width: 100%;
    margin-bottom: 100px;
}

.eventPopup-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
}


.authPopup-wrapper .container {
    background-color: #fff;
    position: relative;
}

@media (min-width: 1172px) {

    .authPopup-wrapper .container {
        max-width: 700px;
    }

    .authPopup-wrapper .container .row-grid {
        grid-template-columns: repeat(7, 1fr);
        grid-column-gap: 40px;
    }

}

@media (max-width: 1023px) {
    .authPopup-wrapper .container {
        padding: 0;
        height: 100%;
    }

    .authPopup-wrapper .container .row-grid > div {
        padding: 0 24px !important;
    }
}

.authPopup-wrapper .container .row-grid > div:first-child {
    background-color: var(--vm-global-color-grey-light);
    display: grid;
    align-items: center;
    justify-content: center;
    min-height: 402px;
}

@media (max-width: 1023px) {
    .authPopup-wrapper .container .row-grid > div:first-child {
        min-height: 124px;
        justify-content: start;
    }
}

.authPopup-wrapper .container .row-grid > div:last-child {
    padding: 46px 31px 36px 0;
}

.authPopup-body {
    display: flex;
    flex-direction: column;
}

.authPopup-wrapper .btn-close, .eventPopup-wrapper .btn-close {
    top: 20px;
    right: 31px;
    position: absolute;
    margin-top: 0 !important;
}

@media (max-width: 1023px) {
    .authPopup-wrapper .btn-close {
        top: 50px !important;
        right: 24px;
    }
}

.authPopup-wrapper .vm-title-h3 {
    margin-bottom: 30px;
}

/*.authPopup-reg-nav .list-normal-large li + li {
    margin-top: 25px;
}*/

.authPopup-reg-nav .btn {
    width: 100%;
}

/* Personal */

.user-photo {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 102px;
    width: 102px;
    border-radius: 50%;
    align-items: flex-end;
    justify-content: center;
    display: flex;
}

.user-photo.no-photo {
    font-size: 102px;
    line-height: 1;
    color: var(--vm-global-color-grey);
}

.personal-header .row-grid {
    margin-bottom: 40px;
    padding: 60px 0 45px 0;
    border-bottom: 1px solid var(--vm-global-color-grey-light);
}

.personal-header i {
    color: var(--vm-global-color-violet);
}

.personal-header-info, .input-row-photo {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.personal-header-info .user-photo, .input-row-photo .user-photo {
    margin-right: 28px;
    flex: 0 0 auto;
}

.personal-header .text-size-tiny {
    margin-bottom: 14px;
    font-weight: 500;
}

.personal-header .personal-header-user i {
    margin-left: 10px;
}

/* Pagination */

.pagination {
    display: flex;
    justify-content: center;
}

.pagination a, .pagination span {
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: var(--vm-global-color-pink);
    border: 2px solid var(--vm-global-color-pink);
    border-radius: 50%;
}

.pagination span.paginationCurrent, .pagination > *:hover {
    background: var(--vm-global-color-pink);
    color: #fff;
}

.pagination > * + * {
    margin-left: 10px;
}

.pagination .paginationPrev {
    margin-right: 30px;
}

.pagination .paginationNext {
    margin-left: 40px !important;
}