/* todo remove, duplicate SPA styles */

* {
    box-sizing: border-box;
}

body {
    font-family: Montserrat, sans-serif !important;
    color: #000 !important;
    min-width: 0;
}

input, select, textarea, button {
    font-family: Montserrat, sans-serif !important;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Regular.woff') format('woff'), url('/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Medium.woff') format('woff'), url('/fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-SemiBold.woff') format('woff'), url('/fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Bold.woff') format('woff'), url('/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.input-default {
    border: 1px solid #d8d8ff;
    border-radius: 6px;
    height: 34px;
    padding: 7px 14px;
    box-sizing: border-box;
}

textarea.input-default {
    resize: none;
}

.input-default:focus {
    border-color: #6e49ff;
}

.input-default.error,
.error > .input-default {
    border: 1px solid #ff6363;
}

.input-default::-moz-placeholder {
    color: #afb6c6;
}

.input-default::-webkit-input-placeholder {
    color: #afb6c6;
}

.input-default:-ms-input-placeholder {
    color: #afb6c6;
}

.input-default::-ms-input-placeholder {
    color: #afb6c6;
}

.input-default::placeholder {
    color: #afb6c6;
}

.select-default {
    border: 1px solid #d8d8ff;
    border-radius: 6px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 6px 32px 7px 14px;
    height: 36px;
}

.select-default option {
    height: 36px;
}

.checkbox-default {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #d8d8ff;
    background: #fff;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.checkbox-default:checked {
    border-color: #6e49ff;
    background: #6e49ff;
    box-shadow: inset 0 0 0 2.66px #fff;
}

.button {
    box-sizing: border-box;
    display: block;
    border-radius: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: #f9f8fc;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out, border-color 0.3s;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
}

.button_green {
    background: linear-gradient(185.78deg, #33d460 9.02%, #21927d 100%);
}

.button_green:hover {
    background: linear-gradient(218.54deg, #33d460 9.02%, #21927d 100%);
}

.button_green:active {
    background: linear-gradient(185.78deg, #21927d 9.02%, #33d460 100%);
}

.button_green[disabled] {
    background: #afb6c6;
}

.button_purple {
    background: linear-gradient(187.24deg, #d570f9 0.18%, #5127f5 100%);
}

.button_purple:hover {
    background: linear-gradient(225deg, #d570f9 0.18%, #5127f5 100%);
}

.button_purple:active {
    background: linear-gradient(187.24deg, #5127f5 0.18%, #d570f9 100%);
}

.button_purple[disabled],
[disabled] .button_purple {
    background: #afb6c6;
}

.button_purple-monotone {
    background: #6e49ff;
}

.button_green-2 {
    background: #78bf20;
    border-radius: 28px;
    color: #fff;
    text-decoration: none;
}

.button_green-2:hover {
    background: #99d94c;
}

.button_green-2:active {
    background: #6eb01d;
}

.button_light-purple {
    background: #e3ceee;
    border-radius: 28px;
    color: #b57ed1;
    font-weight: 600;
}

.button_purple-2 {
    background: #b57ed1;
    color: #fff;
}

.button_purple-2:hover {
    background: #c79ddc;
}

.button_purple-2:active {
    background: #ad6fcb;
}

.button_purple-2[disabled] {
    background: #afb6c6;
}

.button_small {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    padding: 0 12px;
}

.button_medium {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    padding: 0 16px;
}

.button_big {
    height: 56px;
    line-height: 56px;
    font-size: 18px;
    padding: 0 24px;
}

.button_inline {
    display: inline-block;
}

.button_transparent {
    border: 1px solid #6e49ff;
    color: #6e49ff;
    background: transparent;
}

.button_transparent:hover {
    border: 1px solid #d049ff;
    color: #d049ff;
}

.button_transparent[disabled] {
    border: 1px solid #afb6c6;
    color: #afb6c6;
}

.breadcrumbs {
    margin-bottom: 40px;
    font-size: 0;
}

a.breadcrumbs-item,
div.breadcrumbs-item {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 18px;
    color: #afb6c6;
    text-decoration: none;
}

a.breadcrumbs-item:hover,
div.breadcrumbs-item:hover {
    color: #4a5b60;
}

.breadcrumbs-item_separator {
    margin: 0 10px;
}

div.breadcrumbs-item_active {
    color: #000;
}

.teamo-tabs {
    font-size: 18px;
    font-weight: 600;
}

.teamo-tabs__item {
    display: inline-block;
    vertical-align: top;
    margin-right: 27px;
    padding-bottom: 5px;
}

.teamo-tabs__item:last-child {
    margin-right: 0;
}

a.teamo-tabs__item {
    color: #000;
    text-decoration: none;
}

a.teamo-tabs__item:hover {
    color: #000;
}

div.teamo-tabs__item {
    color: #8d75eb;
    border-bottom: 2px solid #8d75eb;
    text-decoration: none;
}

.title {
    font-size: 36px;
    margin-bottom: 15px;
    font-weight: 600;
}

.design_v3 .title {
    color: #484743;
    font-size: 32px;
    letter-spacing: -0.015em;
    line-height: 40px;
    margin: 0;
}

.list-item {
    padding-left: 20px;
}

body.scroll-locked {
    overflow: hidden;
}

/* language selector component - START */

.lang-switcher {
    position: relative;
    display: inline-block;
}

.lang-switcher .g-tooltip:after{
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background: white;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 50%;
    top: -6px;
    margin-left: -5px;
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
}

.lang-switcher .g-el_select__item {
    color: #333333!important;
    padding: 5px 15px;
}

.lang-switcher .g-el_select__item:hover {
    background-color: #f2f2f2;
    text-decoration: none;
}

.lang-switcher .g-el_select__item.selected {
    color: #999999!important;
    background: inherit;
}

.lang-switcher_checked {
    padding: 3px 5px 3px 5px;
    cursor: pointer;
    color: #FFF!important;
    border-bottom: 3px solid transparent;
}

.design_v3 .lang-switcher_checked {
    border: none;
    padding: 0;
}

.lang-switcher__options,
.g-tooltip.lang-switcher__options {
    min-width: 144px;
    top: 100%;
    left: -68px;
    transform: translateY(10px);
}

.lang-switcher .lang-switcher_checked,
.lang-switcher .lang-switcher__selector {
    display: inline-block;
}

.lang-switcher .lang-switcher__selector {
    position: relative;
}

.lang-switcher .lang-switcher__selector:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 1px;
    width: 8px;
    height: 5px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCA4IDUiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCA1bDQtNUgweiIvPgo8L3N2Zz4K');
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.lang-switcher .lang-switcher__options {
    display: none;
}

.lang-switcher:hover .lang-switcher__options {
    display: block;
}

.g-tooltip {
    display: block;
    position: absolute;
    z-index: 1;
    padding: 30px;
    font-size: 14px;
    line-height: 1.3;
    color: #333333;
    background-color: #fff;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    top: 0;
    left: 0;
    border-radius: 5px;
}

.g-tooltip-wrapper {
    position: relative;
}

.g-tooltip:after {
    content: '';
    position: absolute;
    top: -12px;
    left: 50%;
    width: 18px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJFQjVDMjNCQzI4MTFFNDk1NDBCNERBOEVDQUNCODQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJFQjVDMjRCQzI4MTFFNDk1NDBCNERBOEVDQUNCODQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQkVCNUMyMUJDMjgxMUU0OTU0MEI0REE4RUNBQ0I4NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQkVCNUMyMkJDMjgxMUU0OTU0MEI0REE4RUNBQ0I4NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuvOLb4AAADDSURBVHjahI+9CsJAEIR3k0AaQRE5BCvLgCnO4ho7XyBPYil5CEvfI106BRstUmhjL4h/pBNsUiTrbHpxqtnZ7+buOMu3pBISj4l9EfGZ26gm4hp5o2OABWEBiELgXfgOAAU/gN44XCFvAmQetRAbBOOZswul9sVpDegCW6KrCnBnKESGWSI3jZdm0J8rCN8rjueVPoqZSw+NgDhyNk5HQ9NCKvXOTlK0RRgNZfkmuT1eO/kh3eHDCV3vz4P8kTJfAQYAwPl7pIJM508AAAAASUVORK5CYII=) no-repeat;
    background-size: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.g-tooltip_with_list {
    padding: 15px 0;
}

.g-el_select__list {
    display: block;
    top: 27px;
    left: -1px;
    right: -1px;
    background-color: #fff;
    z-index: 20;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}

.g-el_select__list_dropdown {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    position: absolute;
}

.g-el_select__list_big .g-el_select__item {
    height: 54px;
    font-size: 25px;
    line-height: 49px;
    padding: 0 30px;
}

.g-el_select__item {
    display: block;
    line-height: 17px;
    padding: 6px 10px;
    color: #263352;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
}

.g-el_select__item:hover {
    background-color: #edf0f5;
}

.g-el_select__item.selected {
    background-color: #dbe1ea;
}
/* language selector component - END */

#content > .wrap {
    margin: 30px auto;
    width: 1200px;
}

.design_v3 #content > .wrap {
    margin: 0 auto;
    width: 1440px;
}

.webview-logo {
    margin-bottom: 40px;
    max-width: 200px;
    width: 100%;
}

.landing-search__header-actions .landing-search__signin {
    background: #FFF;
    border: 1px solid #E9E9DD;
    color: #302F2D;
}

.landing-search__header-actions .landing-search__signin,
.landing-search__header-actions .landing-search__register {
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    height: auto;
    line-height: 24px;
    padding: 11px 20px;
}

.landing-search__header-actions .landing-search__register {
    background: #B57ED1;
    transition: background 0.5s ease;
}

.landing-search__header-actions .landing-search__register:hover {
    background: #C79DDC;
}

.landing-search__header-actions .landing-search__register:active {
    background: #B57ED1;
}

.block-attention {
    background: #ecece4;
    border-radius: 16px;
    margin: 0 auto 40px auto;
    max-width: 670px;
    padding: 15px 15px 15px 50px;
    position: relative;
}

.block-attention::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z' fill='black'/%3e%3cpath d='M12 13.75C11.59 13.75 11.25 13.41 11.25 13V8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V13C12.75 13.41 12.41 13.75 12 13.75Z' fill='black'/%3e%3cpath d='M12 16.9999C11.87 16.9999 11.74 16.9699 11.62 16.9199C11.5 16.8699 11.39 16.7999 11.29 16.7099C11.2 16.6099 11.13 16.5099 11.08 16.3799C11.03 16.2599 11 16.1299 11 15.9999C11 15.8699 11.03 15.7399 11.08 15.6199C11.13 15.4999 11.2 15.3899 11.29 15.2899C11.39 15.1999 11.5 15.1299 11.62 15.0799C11.86 14.9799 12.14 14.9799 12.38 15.0799C12.5 15.1299 12.61 15.1999 12.71 15.2899C12.8 15.3899 12.87 15.4999 12.92 15.6199C12.97 15.7399 13 15.8699 13 15.9999C13 16.1299 12.97 16.2599 12.92 16.3799C12.87 16.5099 12.8 16.6099 12.71 16.7099C12.61 16.7999 12.5 16.8699 12.38 16.9199C12.26 16.9699 12.13 16.9999 12 16.9999Z' fill='black'/%3e%3c/svg%3e");
    bottom: auto;
    content: "";
    height: 24px;
    left: 15px;
    position: absolute;
    right: auto;
    top: 15px;
    width: 24px;
}

.block-attention p {
    color: #484743;
    font-size: 14px;
    margin: 0;
}

.block-attention p:first-child {
    font-size: 16px;
}

.block-links {
    margin: auto;
    max-width: 670px;
    padding: 15px;
}

.block-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.block-links ul li {
    margin-bottom: 15px;
}

.block-links a {
    color: #b57ed1;
    font-size: 14px;
    text-decoration: none;
}