@font-face {
  font-family: 'Magnet Trial';
  src: local('Magnet Trial'), url('/2020/fonts/advisers/home/Magnet Trial.woff2') format('woff2'), url('/2020/fonts/advisers/home/Magnet Trial.woff') format('woff'), url('/2020/fonts/advisers/home/Magnet Trial.eot');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Magnet Trial';
  src: local('Magnet Trial Light'), url('/2020/fonts/advisers/home/Magnet Trial Light.woff2') format('woff2'), url('/2020/fonts/advisers/home/Magnet Trial Light.woff') format('woff'), url('/2020/fonts/advisers/home/Magnet Trial Light.eot');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Magnet Trial';
  src: local('Magnet Trial Medium'), url('/2020/fonts/advisers/home/Magnet Trial Medium.woff2') format('woff2'), url('/2020/fonts/advisers/home/Magnet Trial Medium.woff') format('woff'), url('/2020/fonts/advisers/home/Magnet Trial Medium.eot');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Magnet Trial';
  src: local('Magnet Trial SemiBold'), url('/2020/fonts/advisers/home/Magnet Trial SemiBold.woff2') format('woff2'), url('/2020/fonts/advisers/home/Magnet Trial SemiBold.woff') format('woff'), url('/2020/fonts/advisers/home/Magnet Trial SemiBold.eot');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Magnet Trial';
  src: local('MagnetTrial-Bold'), url('/2020/fonts/advisers/home/MagnetTrial-Bold.woff2') format('woff2'), url('/2020/fonts/advisers/home/MagnetTrial-Bold.woff') format('woff'), url('/2020/fonts/advisers/home/MagnetTrial-Bold.otf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Magnet Trial';
  src: local('Magnet Trial Black'), url('/2020/fonts/advisers/home/Magnet Trial Black.woff2') format('woff2'), url('/2020/fonts/advisers/home/Magnet Trial Black.woff') format('woff'), url('/2020/fonts/advisers/home/Magnet Trial Black.eot');
  font-weight: 900;
  font-style: normal;
}

:root {
    --page-max-width: 1280px;

/*colors*/
    --color-main-value: 101 47 145; 
    --color-main: rgb(var(--color-main-value));
    --color-gray: rgb(121 121 121);
    --color-gray-light :rgb(196 196 196);
    --color-gray-lighter :rgb(225 225 225);
/*gradients*/
  --gr-v1: linear-gradient(180deg, rgb(255 255 255 / 100%) 0%,rgb(234 232 234 / 100%) 20%,rgb(234 232 234 / 100%) 80%,rgb(255 255 255 / 100%));
  --gr-v1--light: linear-gradient(180deg, rgb(255 255 255 / 100%) 0%,rgb(241 240 241 / 100%) 20%,rgb(241 240 241 / 100%) 80%,rgb(255 255 255 / 100%));
  --gr-v2: linear-gradient(180deg, rgb(241 240 241 / 100%) 00%,rgb(241 240 241 / 100%) 80%,rgb(255 255 255 / 100%));

/*tpl*/
    --section-v-padding: clamp(1.5rem,3.5vw,2.75rem);
    --section-side-padding: clamp(1.25rem,3vw,2rem);

/* fluid paddings*/
--pfe-2: clamp(1em,2.5vw,2em);

}

html {font-size: 16px;}
.font-magnet {font-family: 'Magnet Trial', "Helvetica", "Arial", sans-serif;}
.font-alt {font-family: "Helvetica", "Arial", sans-serif;}
a {cursor: pointer; transition: 0.25s;}
a:active {transition: 0.025s;}
p + p {margin-top: 0.75rem;}

/* buttons */
button {
    display: inline-flex; align-items: center; gap: 0.5rem; cursor: pointer; border-radius: 0.25em; opacity: 0.88;
    text-align: center; transition: opacity 0.25s;
    user-select:none; -webkit-user-select:none; -moz-user-select:none;
}
button:hover {opacity: 0.96;}
button:active {opacity: 1; transition: 0.025s;}
.btn-main {
  line-height: 1.25; border: 1px solid transparent; font-weight: 500;
  padding: 0.75em 1.5em; justify-content: center; background-color: var(--color-main); color: #fff; border-radius: 0.5em;
}

.btn-main--black {background-color: #000;}
.btn-main--white {background-color: #fff; color: var(--color-main); border-color: var(--color-main);}

/* custom util classes */
.page-wrapper {}
.h1 {
  margin-bottom: 1em;
}
.icon {
    display: block; width: 1.5rem; height: 1.5rem;
    background-position: 50% 50%; background-repeat: no-repeat; background-size: contain;
}
.icon--round {border-radius: 6rem;}
.icon--large {width: 2.5rem; height: 2.5rem;}
.text-color-main {color: var(--color-main)}
.bg-cover {background-size: cover;}
/* shadows */
.shadowed-md {box-shadow: 0 3px 12px rgb(0 0 0 / 20%);}
.shadowed-lg {box-shadow: 0 3px 24px rgb(0 0 0 / 20%);}
.shadowed-xl {box-shadow: 0 3px 48px rgb(0 0 0 / 20%);}
@media (min-width: 640px) {
  box-shadow: 0 3px 24px rgb(0 0 0 / 20%);
}

/*HEADER*/
.header {background-color: #fff; box-shadow: 0 2px 10px rgb(0 0 0 / 25%); position: relative; z-index: 1;}
.header__main {
    padding-block: clamp(1.5rem,3.25vh,2.25rem);
    display: flex; justify-content: space-between; align-items: center; gap: 1rem;
    max-width: var(--page-max-width); margin-inline: auto;
}
.header__logo {flex: 0 0 clamp(103px,12vw,154px);}
.header__logo a:hover {filter: drop-shadow(0 2px 2px rgb(var(--color-main-value) / 33%));}
.header__logo a:active {filter: drop-shadow(0 -1px 1px rgb(var(--color-main-value) / 33%));}
.header__nav {
    flex: 1; display: flex; justify-content: space-evenly; align-items: center; gap: 1rem;
    font-weight: 500; font-size: 0.9375rem;
}
.header__nav-item {}
.header__nav-item a {}
.header__nav-item a:hover {color: var(--color-main);}
.header__btns {display: flex; justify-content: space-between; align-items: center; gap: 0.5rem;}
.header__socials {display: flex; justify-content: space-between; align-items: center; gap: 0.5rem;}
.footer__socials .icon {background-color: #fff;}
.icon--tg {background-image: url('/2020/images/advisers/home/svg/tg.svg');}
.icon--vk {background-image: url('/2020/images/advisers/home/svg/vk.svg');}
.icon--tiktok {background-image: url('/2020/images/advisers/home/svg/tiktok.svg');}
.icon--user {background-image: url('/2020/images/advisers/home/svg/user.svg');}
.header__socials a:not(:hover) {filter: grayscale(0.85) contrast(0.25) brightness(1.5);}
.header__btns .divider {width: 2px; height: 3em; background-color: rgb(var(--color-main-value) / 10%); margin-inline: 0.5rem;}
.header__langcurr {display: flex; gap: 1rem;}
.header__btns .icon:hover {}
@media (max-width:991px){
  .header--sticky-mobile {position: sticky; top: 0; z-index: 5;}
}
/*Mobile menu*/
/*btn*/
.menu-icon {
    display: none; width:30px; height:27px; vertical-align: middle;
    transition:opacity .5s; overflow:hidden; position: relative; cursor: pointer;
    filter: drop-shadow(0 1px 1px var(--color-main-dark))
    -webkit-user-select:none; -moz-user-select:none;
}

.menu {
    position: absolute; right:-18em; top:0; bottom:0; background:#fff; z-index:3000;
    transition:right 0.25s; /*box-shadow: 0 0 10px rgba(0,0,0,0.3);*/ min-height:240px;
}
.menu.opened {right:0; transition:right 0.4s;}

.menu-icon .toggle__bar:nth-child(2),.menu-icon  .toggle__bar:nth-child(3){transition: transform .3s .1s}
.menu-icon .toggle__bar:first-child{transition: opacity .3s,transform .3s}
.menu-icon .toggle__bar:nth-child(4){transition: opacity .3s,transform .3s .2s}
.menu-toggler:hover .toggle__bar{transform: translateX(0)}
.toggle__bar {width:100%; height:3px; transform:translateX(130%); display:block}
.toggle__bar,.toggle__bar:before {background:var(--color-main); position:absolute}
.toggle__bar:before{width:100%; height:100%; top:0; right:100%; margin-right:30%;content:" "}
.toggle__bar:nth-child(2),.toggle__bar:nth-child(3) {top:12px}
.toggle__bar:first-child {top:3px}
.toggle__bar:nth-child(4) {top:21px}
.opened .toggle__bar:first-child,.opened .toggle__bar:nth-child(4){opacity:0;transform:translateX(0)}
.opened .toggle__bar:nth-child(2){transform:rotate(45deg)}
.opened .toggle__bar:nth-child(3){transform:rotate(135deg)}
@media (max-width: 1120px){
    .header__socials {display: none;}
}
@media (max-width: 992px){
    .menu-icon {display: block;}
    .header__main {padding-block: clamp(1rem, 2vw, 1.5rem);}
    .header__logo {flex: 0 0 clamp(103px,12vw,128px);}
    .header__btns {order: -1;}
    .header__btns > *, .header__nav {display: none;}
    .header__btns .link-portfolio {display: block;}
    .header__btns .icon--user {width: 1.75rem; height: 1.75rem;}
}
/*menu*/
.menu-aside-wrapper {
  position: fixed; left: 0; top: 62px; bottom: 0; z-index: 4; box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
  top: calc(clamp(103px,12vw,154px)*0.29 + clamp(1.5rem,3.25vh,2.25rem)*2); /*header ht + header paddings*/
  width: min(320px,100%); background-color: #fff; overflow-y: auto; padding-top: 1rem; padding-bottom: 2rem; padding-left: 0.5rem;
  animation: fadeInLeft 0.25s;
}
.menu-aside-wrapper:not(.active) {display: none;}
.menu-aside {font-size: 15px; max-width: 320px; margin-inline: auto; background-color: #fff;}
.menu-aside .nav {display:flex; flex-direction: column; border-radius: 0.875em;}
.menu-aside .nav-item {padding-inline: 0.5em;}
.menu-aside .nav-link {
  display: flex; justify-content: flex-start; align-items: center; gap: 0.75em;
  padding: 0.25em; margin-block: 0.25em;
}
.menu-aside .nav-link[data-toggle="collapse"]:after {
  content:''; width: 1.25em; aspect-ratio: 1 / 1; flex-shrink: 0; margin-left: auto;
  background: url('/2020/images/advisers/home/svg/arrow-down.svg') 50% 54% no-repeat; /* calc(100% - 0.5em) 50% no-repeat;*/ background-size: auto 7px;
  filter: grayscale(1); transition: 0.25s;
}
.menu-aside .nav-link[data-toggle="collapse"]:hover:after {filter: grayscale(0);}
.menu-aside .nav-link:hover {color: var(--color-main)}
.menu-aside .nav-item.opened > .nav-link[data-toggle="collapse"]:after {transform: scale(1, -1);}
.menu-aside .nav-submenu {
  padding-inline: 0.5em; animation: fadeIn 0.25s; border-radius: 0.875em;
}
.menu-aside .nav-item:not(.opened) .nav-submenu {display: none;}
.menu-aside .nav-submenu .nav { background-color: rgb(var(--color-main-value) / 1.5%); /*rgb(240 240 240 / 33%);*/}
.menu-aside .icon {width: 1.25em; height: 1.25em; margin-top: -0.125em;}
.menu-aside .nav-link:hover .icon {filter: drop-shadow(0 0 1px rgb(var(--color-main-value) / 40%));}
@media (max-width: 992px){
  .menu-aside-wrapper {top:calc(clamp(103px,12vw,154px)*0.29 + clamp(1rem, 2vw, 1.5rem)*2);}
}

/*FOOTER*/
.footer {background-color: var(--color-gray-lighter);}
.footer__main {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 2.5rem 2rem;
  padding-block: clamp(3rem,6.5vh,5rem); max-width: var(--page-max-width); margin-inline: auto;
}
.footer__logo {width: 190px; margin-bottom: 1.5rem;}
.footer__logo a:hover {filter: drop-shadow(0 2px 2px rgb(var(--color-main-value) / 33%));}
.footer__logo a:active {filter: drop-shadow(0 -1px 1px rgb(var(--color-main-value) / 33%));}
.footer__socials {display: flex; justify-content: center; align-items: center; gap: 0.75rem; margin-bottom: 1.75rem;}
.icon--youtube {background-image: url('/2020/images/advisers/home/svg/youtube.svg');}
.footer__socials a:not(:hover) {filter: grayscale(1) contrast(0.25) brightness(1.5);}
.footer__main a:hover {color: var(--color-main);}
.footer__title {font-size: 17px; font-weight: 700; margin-bottom: 1rem;}
.footer__nav {font-size: 15px; column-count: 2; column-gap: 3rem;}
.footer__nav li {margin-bottom: 0.5rem;}
.footer__grid {display: inline-grid; grid-template-columns: repeat(3,1fr); gap: 0.5rem;}
.footer__grid img {transition: 0.25s; will-change: filter;}
.footer__grid img:not(:hover) {filter: grayscale(1) contrast(0.5) brightness(1.25);}
@media (max-width: 992px){
  .footer__main {flex-wrap: wrap; justify-content: space-evenly; text-align: center;}
  .footer__main > div {min-width: 33.333%;}
  .footer__logo {margin-inline: auto;}
  .footer__nav {column-gap: 1rem; text-align: left;}
}
@media (max-width: 640px){
  .footer__main {flex-direction: column; align-items: center;}
  .footer__socials {margin-bottom: 0;}
}

/*tpl*/
section.section:not(.no-padding) {padding-block: var(--section-v-padding);}
.main > .section:not(.no-padding):last-of-type {padding-bottom: 8vh;}
.section--shadowed {filter: drop-shadow(0 0 33rem rgb(1 0 1 / 30%));}
.section-inner {max-width: var(--page-max-width); margin-inline: auto;}
.section-inner:not(.no-padding), .header__main, .footer__main {padding-inline: var(--section-side-padding);}
@media (min-width:640px){
  section.section .sm\:pt-0 {padding-top: 0;}
}

/*MAIN*/
.main {min-height: 60.5vh;}
/* first mentors section */
.section-mentors-main {
  background-image: url('/2020/images/advisers/home/bg/clouds-1.webp'),var(--gr-v2);
  background-position: 50% 10%; background-repeat: no-repeat; background-size: contain;
}
.mentors-main {}
.mentors-main__title {font-size: clamp(28px,3.645vw,46px);}
.mentors-main__subtitle {font-size: clamp(13px,4vw,18px); max-width: 10.6em; line-height: 1.125;}

@media (max-width: 767px){
  .section-mentors-main {background-position: 0% 16%; background-size: 250%;}
  .mentors-main {padding-bottom: 3rem;}
  .mentors-main__column1 button {display: none;}
  .mentors-main__column2 {display: flex; align-items: center; gap: 1em;}
  .mentors-main__column2 .bg-wrapper {
    flex-basis: 55%; aspect-ratio: 1.75 / 1;
    background-image: url('/2020/images/advisers/home/bg/students-1.webp');
    background-position: 100% 100%; background-repeat: no-repeat; background-size: contain;
  }
  .mentors-main__subtitle {margin-inline: auto; max-width: 11em; padding-bottom: 1.5em;}
  .mentors-main .btn-mob-wrapper button {display: flex; width: 100%;}
}
@media (min-width: 768px){
  .mentors-main {display: flex; justify-content: space-between; align-items: flex-start;}
  .mentors-main__column1 {
    flex-basis: 62%; padding-top: 1rem; padding-bottom: clamp(2rem,4.167vw,4rem);
    background: url('/2020/images/advisers/home/bg/students-1.webp') 100% 100% no-repeat; background-size: 42% auto, auto;
  }
  .mentors-main__column2 {flex-basis: 26%; margin-right: 2em;}
  .mentors-main__title {font-size: clamp(28px,3.645vw,46px);}
  .mentors-main__subtitle {font-size: clamp(16px,2.08vw,27px); margin-top: 3.5rem; }
  .mentors-main__column1 button {font-size: clamp(13px,1.692vw,16px);}
  .mentors-main .btn-mob-wrapper {display: none;}
}
/*sel theme*/
.sel {border: 1px solid var(--color-gray-light); border-radius: 0.5em; width: 100%;}
.sel.opened {box-shadow: 0 0 0 1px var(--clr-violet);}
.sel .selected {color: var(--color-gray);}
.sel.changed .selected {color: inherit;}
.sel:not(:hover) .selected:before {filter: grayscale(1) contrast(0.25) brightness(1.25);}
.sel.opened .list {animation: fadeInUp 0.2s; max-height: 17.75em;}
/* form find_mentors*/
.form-find_mentor {background-color: #fff; padding: 2rem 2.5rem; border-radius: 1em; box-shadow: 0 2px 8px rgb(0 0 0 / 5%);}
.form-find_mentor__controls {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem 1.5rem;
}
.form-find_mentor__controls button {font-weight: 400;}
@media (max-width: 1120px){
  .form-find_mentor {padding: 1.5rem; font-size: 15px;}
  .form-find_mentor__controls {column-gap: 0.75rem}
}
@media (max-width: 992px){
  .form-find_mentor {font-size: 16px;}
  .form-find_mentor__controls {grid-template-columns: repeat(2,1fr);}
}
@media (max-width: 767px){
  .form-find_mentor {background-color: transparent; box-shadow: none; padding: 0;}
}
@media (max-width: 640px){
  .form-find_mentor__controls {grid-template-columns: repeat(1,1fr); justify-items: center;}
  .form-find_mentor__controls .sel {max-width: 17em;}
  .form-find_mentor__controls button {justify-self: stretch;}
}
@media (min-width: 360px) and (max-width: 640px){
  .form-find_mentor .arrow-figure-parent {position: relative;}
  .form-find_mentor .arrow-figure-parent:before {
    content: ''; position: absolute; top: calc(100% - 0.25em); left: calc(20vw - 3.5em); width: 3em; aspect-ratio: 160 / 195;
    background: url('/2020/images/advisers/home/svg/arrow-figure.svg') 50% 50% no-repeat; background-size: contain;
  }
}
/* aside sticky*/
.aside-sticky-wrapper {}
.aside-sticky-wrapper .aside-sticky {position: sticky; top: 2rem;}
.nav-aside li {}
.nav-aside li + li {margin-top: 0.5em;}
.nav-aside li a {display: block; padding-block: 0.125em; padding-left: 0.75em; border-left: 4px solid transparent;}
.nav-aside li a.active {border-color: rgb(109 241 3)}
.nav-aside li a:hover {color: var(--color-main);}
.nav-aside {padding-left: var(--section-side-padding);}
.aside-sticky-wrapper .section {padding-right: var(--section-side-padding);}
@media (max-width:1023px){
  .aside-sticky-wrapper .section {padding-left: var(--section-side-padding);}
  .aside-sticky-wrapper .section--fullwidth {padding-inline: 0; overflow-x: hidden;}
}

/*mentors*/
.mentors-wrapper {
  max-width:214px; text-align: center; border: 1px solid rgb(150 150 150); border-radius: 45px;
  padding: 2rem;
}
.mentor-item {display: flex; flex-direction: column; align-items: center; gap: 0.25rem;}
.mentor-item__avatar {max-width: 121px; margin-inline: auto; margin-bottom: 0.5rem;}
.mentor-item__avatar img {}
.mentor-item__title {font-weight: 700; font-size: 14.4px;}
.mentor-item__text {font-size: 10px; font-weight: 500; max-width: 13em;}
@media (max-width: 639px){
  .mentors-wrapper {max-width: none; gap: 7vw;}
}
@media (max-width: 479px){
  .mentors-wrapper {padding: 1.5rem;}
}
/*benefits*/
.benefits-wrapper {
  flex: 0 1 64%;
  display: grid; grid-template-columns: repeat(2,1fr); align-items: center; justify-content: center; text-align: center;
}
.benefit-item {}
.benefit-item__title {
  font-size: 43px; font-weight: 900; margin-bottom: 0.5em;
  background: url('/2020/images/advisers/home/bg/cloud-single.webp') 50% 100% no-repeat; background-size: contain;
  line-height: 0.625; padding-top: 0.375em; white-space: nowrap;
}
.benefit-item__text {font-size: 14px; max-width: 12em; margin-inline: auto; font-weight: 500;}
@media (max-width: 1024px){
  .benefits-wrapper {flex-basis: auto; gap: clamp(0.5rem,4vw,3rem); grid-template-rows: repeat(2, 1fr);}
}
@media (max-width:479px){
  .section-mob-bg-color-main .benefit-item__title {background-image: url('/2020/images/advisers/home/bg/cloud-single-dark.webp');}
  .benefit-item__title {font-size: 34px;}
}
@media (max-width: 380px){
  .benefit-item__title {font-size: 34px;}
}
/* ul checked */
.ul-checked li {display: flex; gap: 0.5em;}
.ul-checked li + li {margin-top: 0.75em;}
.ul-checked li:before {
  content: ''; flex-shrink: 0; width: 1.25em; height: 1.25em;
  background: url('/2020/images/advisers/home/svg/check.svg') 50% 50% no-repeat; background-size: contain;
}
.ul-checked--check-green li:before {background-image: url('/2020/images/advisers/home/svg/check-green.svg');}
/*items Numbered*/
.items-numbered {display: flex; flex-direction: column; gap: 2rem;}
.items-numbered .item {
  display: flex; gap: 1rem 1.5em; padding: 1em; background-color: #fff; border-radius: 1.5rem;
      box-shadow: 0 2px 8px rgb(0 0 0 / 3%);
}
.items-numbered .item__number {
  color: rgb(var(--color-main-value) / 12%); font-size: 27px; font-weight: 700;
}
.items-numbered .item__text p {margin-top: 1em; line-height: 1.33;}
@media (max-width:640px){
  .items-numbered .item {
    flex-direction: column;
  }
}
/*underlay*/
html {/*overflow-x: hidden;*/}
.obj-underlay {
    position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0;
}
.obj-underlay + div:not(.obj-underlay), .obj-z-1 {position: relative; z-index: 1;}
/* CLOUDS */
.img-clouds--grow {transform: scale(1.06)}
@media (min-width:1340px){
  .img-clouds--grow {transform: scale(1.11)}
}
@media (min-width:1420px){
  .img-clouds--grow {transform: scale(1.2)}
}
@media (min-width:1500px){
  .img-clouds--grow {transform: scale(1.29)}
}


/* Slider */
.slider-wrapper {position: relative;}
.slider-wrapper--margin {margin-block: clamp(1.5rem,4vw, 3rem);}
.slider-wrapper .owl-carousel .owl-item .case__avatar img {width:auto;}
/* Slider Dots*/
.owl-carousel[data-dots="1"] {}
.owl-dots {
    display: flex; align-items: center; justify-content: center; gap: 1.25em; padding: 0.375em; margin: 0.5em;
    position: absolute; left: 0; right: 0; top: 100%; z-index: 5;
    border-radius:1em;
    /*defaults*/
    /*left*/ right: auto;
    /*relative*/ position: relative; margin-top: 1em; background-color: transparent;
}
.owl-dots.disabled {display: none;}
.owl-dots-top {top:0;}
.owl-dots-bottom {bottom:0; top: auto;}
.owl-dots-left {right: auto;}
.owl-dots-right {left: auto;}
.owl-dots-relative {position: relative; margin-top: 2em; background-color: transparent;}
.owl-dots button.owl-dot {
    display: block; background-color:rgb(229 229 229); border: 1px solid var(--dark);
    width:1em; height: 1em; border-radius: 1em; font-size: inherit; cursor: pointer;
    transition:all 0.3s;
    box-shadow: inset 0 0 0 1px var(--color-main-50);
}
.owl-dots .owl-dot + .owl-dot {margin-left: var(--p-15);}
.owl-dots .owl-dot:hover {background-color: var(--color-main);}
.owl-dots .owl-dot.active {
    background: #000; background-size: contain;
    box-shadow: 0 0 0 1px #fff; transition:all 0.1s;
}
/* Cases */
.case-slide {padding: 0.5rem clamp(0.5rem, 1.5vw, 1rem);}
.case-card {
  padding: 1rem; border-radius: 1.25rem;
  background-color: rgb(255 255 255 / 0.33); box-shadow: 0 3px 12px rgb(0 0 0 / 10%); backdrop-filter: blur(3px);
  cursor: pointer;
}
.case-card:hover {box-shadow: 0 3px 12px rgb(var(--color-main-value) / 50%); transition: 0.25s;}
.case-card:active {box-shadow: 0 0 2px rgb(var(--color-main-value) / 50%); transition: 0.025s;}
.case__title {font-size: 18px; font-weight: 700; margin-bottom: 0.5em;}
.case__description {font-size: 13px; font-weight: 500; max-width: 66%;}
.case__avatar {
  height: 1.25rem; display: flex; align-items: center; position: relative;
  max-width:33%; margin-inline: auto 5%;
}
.case__avatar img {width: auto;}
.case__img {}
.case__link-wrapper {margin-top: 1rem; padding-left: 1.5rem;}
.case__link {font-size: 12px; font-weight: 700;}
.case__link:hover {color: var(--color-main);}

/* social-cards */
.social-cards__wrapper {
  display: flex; justify-content: center; align-items: stretch; gap: 4rem; flex-wrap: wrap;
  padding-top: 37px;
}
.social-card {
  display: flex; flex-direction: column; gap: 1rem; cursor: pointer;
  background-color: rgb(37 37 37); color: #fff; width: 285px; border-radius: 1.5rem; padding: 2rem; text-align: center;
  box-shadow: 0 26px 48px rgb(0 0 0 / 16%); position: relative;
}
.social-card:hover {transform: scale(1.02); transition: 0.25s;}
.social-card_name {position: absolute; right:0; bottom: 100%; color: #000; font-size: 17px; padding: 0.5em 1em;;}
.social-card_icon {position: absolute; top:0; left:0; transform: translate(-30%, -30%); width: 50px;}
.social-card_img {}
.social-card_img img {width: 81.5px; margin-inline: auto; border-radius: 5rem;}
.social-card__title {font-weight: 700; font-size: 15px;}
.social-card__info {font-size: 12px; color: rgb(128 128 128);}
.social-card__info .icon-inline {display: inline-block; vertical-align: middle; max-height: 1.25em; margin-right: 0.5em;}
.social-card__text {font-size: 10px; color: rgb(230 230 230);}
.social-card__text a:hover {color: #7cc4f0;}
.social-card__bottom {margin-top: auto; font-size: 13px;}
.btn--vk {background-color: #E0E3E6; color: #000; font-weight: 500;}
.btn--tg {background-color: #1493E4; color: #fff; border-radius: 4rem; text-transform: uppercase;}

/* FAQ accordeon */
.faq-items-wrapper {display: flex; flex-direction: column; gap: 1rem;}
.faq-item {
  display: flex; flex-direction: column;
  background-color: rgb(245 245 245); border-radius: 0.5rem; box-shadow: 0 2px 5px rgb(0 0 0 / 2%);
}
.faq-item__header {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 1em;
  cursor: pointer; transition: 0.25s; padding: 1.5rem; font-size: 17px; font-weight: 600;
}
.faq-item__header:hover {color: var(--color-main);}
.faq-item__content {padding: 1.5rem; padding-top: 0; font-size: 15px; line-height: 1.44; display: none;}
.faq-item.active .faq-item__content {display: block; animation: fadeInUp-1em 0.25s;}
.faq-item__arrow {
  width: 1.25em; aspect-ratio:1 / 1; flex-shrink: 0;
  background: url('/2020/images/advisers/home/svg/arrow-down.svg') 50% 54% no-repeat; background-size: auto 9px;
  filter: grayscale(1); transition: 0.25s;
}
.faq-item.active .faq-item__arrow {transform: scale(1, -1);}
.faq-item__header:hover .faq-item__arrow {filter: none;}


/* section-mob-bg-color-main*/
@media (max-width:479px){
  .section-mob-bg-color-main {
    background-color: var(--color-main); color: #fff;
  }
  .section-mob-bg-color-main .text-color-main {color: #fff;}
  .mob-color-cream {color:rgb(214 173 173);}
  .section-mob-bg-color-main .ul-checked li:before {/*filter: brightness(4) saturate(3);*/}

  .section-mob-bg-cloud-dark {
    background-image: url('/2020/images/advisers/home/bg/clouds-dark-mob-1.webp'); background-repeat:  no-repeat;
    background-position: 60% -25%; background-size: 200% auto;
  }
}

/* DropDowns */
/* common */
.js-dropdown-wrapper {position: relative;}
.js-dropdown {position: absolute; left: 0; top: 100%;}
.js-dropdown-wrapper:not(.active) .js-dropdown {display: none;}
/* langcurr */
.header__langcurr-dropdown {
  left:-0.5rem; top: -0.5rem; padding: 0.5rem;
  display: flex; flex-direction: column; align-items: center; gap: 0.5rem;
  background-color: #fff; box-shadow: 0 2px 8px rgb(0 0 0 / 7%); border-radius: 0.5rem;
  animation: fadeIn 0.25s;
}
.header__langcurr-dropdown .icon {will-change: box-shadow;}
.header__langcurr-dropdown a:hover .icon {box-shadow: 0 0 2px 1px rgb(var(--color-main-value) / 100%);}
.header__langcurr-dropdown a:active .icon {box-shadow: 0 0 1px 1px rgb(var(--color-main-value) / 100%);}


/* POPUPS */
.popup-overlay {
    --padding: clamp(0.75em,2.5vw,2em);
    position: fixed; display: none; flex-direction: column; padding: var(--padding);
    background:rgba(24,24,24,0.33); align-items: center; transition: backdrop-filter 0.5s;
    left: 0; top: 0; right: 0; bottom: 0; z-index: 100; overflow-y: auto;
    backdrop-filter: blur(2px);
}
.popup-overlay--theme-large {align-items: stretch; background-color: #fff;}
.popup-overlay::before, .popup-overlay::after {content:'';flex:1;}
.popup-overlay.show {display: flex;}
.popup-wrapper {
    max-width:min(100%,1175px); background-color: rgb(255 255 255);
    animation: fadeIn 0.25s; border-radius: 0.75rem;
    box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
}
.popup-overlay--theme-large .popup-wrapper {max-width: none;}
.popup-wrapper--fullwidth {max-width: none; align-self: stretch; flex-basis: 100%;}
.popup {
    position: relative; padding: clamp(1.25em,2.5vw,2em); /*font-size: clamp(0.875rem, 0.7143rem + 0.8036vw, 1.25rem);*/ /*14-20*/
    padding-bottom: clamp(1.25em,2.5vw,2.5em);
}
.popup-overlay--theme-large .popup {padding-top: clamp(1.5em, 3vw, 3em);}
.closer-wrapper {line-height: 0; display: flex; justify-content: flex-end; position: relative; z-index: 1;}
.popup-overlay--theme-large .closer-wrapper {
    position: absolute; top: 0; left: 0; right: 0; height: 0; align-items: flex-start;
}
.popup-closer {
    cursor: pointer; margin: clamp(1em,1.5vw,1.5em); margin-bottom: calc(clamp(1em,2vw,2em) * (-1)); filter: grayscale(1) brightness(2.75); transition: filter 0.25s;
    width: 1.25rem;
}
.popup-overlay--theme-large .popup-closer {margin: clamp(1em,2vh,2em); margin-bottom: 0;}
.popup-closer:hover {filter: grayscale(0.2);}
.popup-closer:active {filter: grayscale(0); transition: filter 0.025s;}
.popup .sel.opened .list {animation: fadeIn 0.2s;}
/*theme bottom-right*/
.popup-overlay--bottom-v1 {
  height: 0; padding-block: 0; top: auto; bottom: var(--padding); overflow: visible; justify-content: flex-end;
  align-items: flex-end; right: 0;
}
.popup-overlay--bottom {align-items: flex-end; left: auto; top: auto; max-width: 100%; max-height: 100%;}
.popup-overlay--bottom:after {display: none;}
.popup-overlay--transparent {background-color: transparent; backdrop-filter: none;}

/* popup Cookies */
.popup--cookies, .popup--cookies-settings {
  background: url('/2020/images/advisers/home/bg/clouds-small.webp') 90% 25% no-repeat; background-size: 33% auto;
  padding: 1.25rem;
}
.popup--cookies-settings {background-position: 109% 90%;}
.checkbox {
  border: 1px solid var(--color-main); width: 1.25em; height: 1.25em; border-radius: 0.25em; flex-shrink: 0;
  background-image: url('/2020/images/advisers/home/svg/check-white.svg'); background-size: 160%; background-position: center;
}
.checkbox:checked {
  background-color: var(--color-main); }
.checkbox[disabled] {opacity: 0.6; cursor: default;}

/* form */
input[type="text"], input[type="number"], textarea {
  padding: 0.625em 1em; border-radius: 0.5em; border: 1px solid var(--color-gray-light);
}
.checkbox-wrapper {display: flex; align-items: center; gap: 0.75em;}
.checkbox-wrapper .label-caption {margin-bottom: 0;}
/* theme-1 */
.form-theme-1 {display: flex; flex-direction: column; gap: 1rem;}
.form-theme-1 label {}
.label-caption {font-size: 12px; margin-bottom: 0.375em; cursor: pointer;}
.label-caption a {color: var(--color-main); text-decoration: underline;}
.form-theme-1 input[type="text"], .form-theme-1 input[type="number"], .form-theme-1 textarea {
  width: 100%; padding: 0.625em 1em;
}
.form-theme-1 :focus {border-color: var(--color-main)}
.form-theme-1 .btn-wrapper {text-align: right;}
.form-steps-info {margin-top: 1em; display: flex; align-items: center; gap: 0.5em;}
/* form steps */
.js-form-steps form {animation: fadeIn 0.25s;}
.js-form-steps form:not(.active) {display: none;}
.js-form-steps-prev {cursor: pointer;}
.js-form-steps--first .js-form-steps-prev {display: none;}


/*loading*/
.loader-wrapper, .popup {position: relative;}
.loader-wrapper.loading {/*overflow:hidden*/}
.loader-wrapper.loading:before, .popup.loading:before{
    content:''; position: absolute; top:0; bottom:0; left:0; right:0; backdrop-filter: blur(3px); z-index: 6;
}
.loader-wrapper.loading:after, .popup.loading:after {
    content:''; position: absolute; z-index: 6;
    top: 50%; left: 50%; width: 48px; height: 48px; margin-top: -24px; margin-left: -24px;
    background: url('/2020/images/advisers/home/svg/loader.svg') 50% 50% no-repeat; animation: roll 1s infinite;
}

/*CUSTOM SELECTs*/ 
.sel {-webkit-user-select:none; -moz-user-select:none; display: inline-flex; align-items: center; position:relative; text-align:left;}
.sel .selected {
   width: 100%; padding: 0.75em 1em; padding-right: 2.5em; cursor: pointer; text-align: left; display:inline-block; line-height: 1.1;
}
.sel.changed .sel-reset + .selected {padding-left: 0.375em;}
.sel .selected:before, .icon-dropdown:before, .btn-dropdown:before {
    content:''; position: absolute; right: 0; top: 0; width: 2.5em; bottom: 0;
    background: url('/2020/images/advisers/home/svg/arrow-down.svg') 50% 54% no-repeat; /* calc(100% - 0.5em) 50% no-repeat;*/ background-size: auto 9px;
	transition: 0.25s;
}
.sel.opened .selected:before, .icon-dropdown.js-toggled:before, .btn-dropdown.js-toggled:before {transform: scale(1, -1);}

.sel .sel-reset {
    align-self: stretch; display: none; width: 2.5em; line-height: 0;
    background: url('/2020/images/advisers/home/svg/icon-close.svg') 92% 50% no-repeat; background-size: 1.5em auto;
    cursor: pointer; transition: opacity 0.2s;
}
.sel.changed .sel-reset {display: block; filter: hue-rotate(20deg); transition:0.2s;}
.sel.changed .sel-reset:hover {filter: hue-rotate(0deg);}
body {scrollbar-arrow-color: var(--color-main);}
.sel .list {
    display: none;
    background-color: rgb(255 255 255 / 0.88); backdrop-filter: blur(3px); border-top-width:0;
    position: absolute; min-width: 100%; line-height: 1.2;  left: 0; top: 100%; z-index: 3;
    overflow: hidden; overflow-y: auto; /*max-height: 17em;*/
    top: calc(100% + 0.5em); box-shadow: 0 2px 8px rgb(0 0 0 / 15%); border-radius: 0.5em;
}
.sel-right .list {right:0; left:auto;}
.sel.el-rounded .list {border-radius: 0.5em;}
.sel.el-shadowed .list {box-shadow: 0 4px 16px rgb(12 16 24 / 12%);}
/*.sel .list::-webkit-scrollbar { width: 0px; }*/
.sel:not(.opened) {animation: colorBoost 0.7s;}
.opened .list {display: block;}
.sel .select, .sel .select-initial {display: block; padding: 0.5em 0.75em; cursor:pointer; transition: background-color 1.5s;}

.select:hover {background-color: #dbd7ed7a; color: var(--color-main); transition: background-color 0.2s;}
.select:active, .select.active  {background-color:var(--color-main); transition: background-color 0.1s; color:#fff;}
form .sel-hidden {position: absolute; z-index: -1; padding: 0; border: 0; bottom: 0; left: 0; color: transparent;}


/* ANIMATIONS */
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp-1em {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 1em, 0);
    transform: translate3d(0, 1em, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes roll {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
@keyframes colorBoost {
  from {
    color: #000;
    opacity: 0.5;
    filter: blur(2px);
  }
  
  50% {
    color: var(--color-main);
    filter: blur(0px);
    opacity: 1;
  }

  to {
    color: #000;
  }
}

@keyframes DownBack-1em {
    from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
    
    50% {
    -webkit-transform: translate3d(0, 0.5em, 0);
    transform: translate3d(0, 1em, 0);
    }
    
    100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
}

#helpChooseModal img {
  display: inline-block;
}

.navbar-menu.navbar-nav .nav-link:hover, .sub-footer .list li a:hover {
    color: #9f54eb;
}

.sub-footer .list li a {
    color: #5f318d;
}

a:hover {
    color: #9f54eb;
}

a {
    color: #5f318d;
}

body {
  background-color:transparent;
}

.navbar-langcurrency__dropdown img {
  max-width: none;
}

.container {
    max-width: 1216px;
}
