@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;600;700;800&display=swap");
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focuse,
:active {
  outline: none;
}

a:focuse,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

:active,
:hover,
:focus {
  outline: 0;
  outline-offset: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
}

/*------------Fonts---------*/
@font-face {
  font-family: 'Lifehack';
  src: url("../fonts/DearType - Lifehack Sans Medium.eot");
  src: local("☺"), url("../fonts/DearType - Lifehack Sans Medium.woff") format("woff"), url("../fonts/DearType - Lifehack Sans Medium.ttf") format("truetype"), url("../fonts/DearType - Lifehack Sans Medium.svg") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Lifehack';
  src: url("../fonts/DearType - Lifehack Sans Bold.eot");
  src: local("☺"), url("../fonts/DearType - Lifehack Sans Bold.woff") format("woff"), url("../fonts/DearType - Lifehack Sans Bold.ttf") format("truetype"), url("../fonts/DearType - Lifehack Sans Bold.svg") format("svg");
  font-weight: 800;
  font-style: normal;
}

body {
  font-family: Dosis;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container {
  max-width: 1320px;
  margin: 0px auto;
  padding: 0px 30px;
}

.page {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.menu-link {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
}

.menu-link:hover {
  text-decoration: underline;
}

@media (max-width: 590px) {
  .menu-link {
    font-size: 15px;
    padding-left: 5px;
  }
}

.menu-icon {
  display: none;
}

@media (max-width: 590px) {
  .menu-icon {
    display: block;
    position: relative;
    z-index: 4;
    width: 16px;
    height: 12px;
    cursor: pointer;
  }
  .menu-icon span, .menu-icon::before, .menu-icon::after {
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #fff;
    border-radius: 1px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
  }
  .menu-icon::before, .menu-icon::after {
    content: "";
  }
  .menu-icon::before {
    top: 0;
  }
  .menu-icon::after {
    bottom: 0;
  }
  .menu-icon span {
    top: 50%;
    -webkit-transform: translate(0px, -50%);
            transform: translate(0px, -50%);
  }
  .menu-icon:hover span {
    display: none;
  }
  .menu-icon:hover::before {
    top: 50%;
    -webkit-transform: translate(0px, -50%) rotate(-45deg);
            transform: translate(0px, -50%) rotate(-45deg);
  }
  .menu-icon:hover::after {
    bottom: 50%;
    -webkit-transform: translate(0px, 50%) rotate(45deg);
            transform: translate(0px, 50%) rotate(45deg);
  }
}

.title {
  font-family: Lifehack;
  font-style: normal;
  font-size: 120px;
  line-height: 100%;
  text-transform: uppercase;
}

.text {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 155%;
}

.text p:not(:last-child) {
  margin-bottom: 25px;
}

/*--------------Button--------------*/
.button {
  width: 340px;
  height: 72px;
  border-radius: 36px;
  background: linear-gradient(97.95deg, #1F5DEA 14.71%, #5C16CE 90.23%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 9px 9px 47px;
}

@media (max-width: 1441px) {
  .button {
    padding: 9px 9px 9px 40px;
    width: 236px;
    height: 66px;
  }
}

@media (max-width: 769px) {
  .button {
    padding: 9px 9px 9px 40px;
    width: 210px;
    height: 56px;
  }
}

@media (max-width: 710px) {
  .button {
    padding: 9px 9px 9px 30px;
    width: 182px;
    height: 48px;
  }
}

.button:hover {
  background: linear-gradient(97.95deg, #1746b3 14.71%, #47119e 90.23%);
}

.button-text {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: #FFFFFF;
}

@media (max-width: 1441px) {
  .button-text {
    font-size: 18px;
  }
}

@media (max-width: 769px) {
  .button-text {
    font-size: 16px;
  }
}

@media (max-width: 710px) {
  .button-text {
    font-size: 15px;
  }
}

.button-arrow {
  width: 54px;
  height: 54px;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1441px) {
  .button-arrow {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 769px) {
  .button-arrow {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 710px) {
  .button-arrow {
    width: 38px;
    height: 38px;
  }
}

._ibg {
  position: relative;
}

._ibj img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*-----------------Card-------------*/
.card-body-same {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 34px;
  width: 286px;
  height: 286px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 6px 20px rgba(61, 70, 118, 0.08);
          box-shadow: 0px 6px 20px rgba(61, 70, 118, 0.08);
  border-radius: 28px;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.card-body-same:hover {
  -webkit-box-shadow: 0px 20px 30px rgba(47, 54, 92, 0.185);
          box-shadow: 0px 20px 30px rgba(47, 54, 92, 0.185);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*---------------Decor--------------*/
.small-decor {
  position: absolute;
  z-index: 10;
  -webkit-animation-name: small;
          animation-name: small;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

@-webkit-keyframes small {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes small {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.middle-decor {
  position: absolute;
  z-index: 10;
  -webkit-animation-name: middle;
          animation-name: middle;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

@-webkit-keyframes middle {
  0% {
    -webkit-transform: rotate(0deg) scale(1) translate(0px, 0px);
            transform: rotate(0deg) scale(1) translate(0px, 0px);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  100% {
    -webkit-transform: rotate(180deg) scale(1.2) translate(10px, 10px);
            transform: rotate(180deg) scale(1.2) translate(10px, 10px);
  }
}

@keyframes middle {
  0% {
    -webkit-transform: rotate(0deg) scale(1) translate(0px, 0px);
            transform: rotate(0deg) scale(1) translate(0px, 0px);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  100% {
    -webkit-transform: rotate(180deg) scale(1.2) translate(10px, 10px);
            transform: rotate(180deg) scale(1.2) translate(10px, 10px);
  }
}

.big-decor {
  position: absolute;
  z-index: 10;
  -webkit-animation-name: big;
          animation-name: big;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

@-webkit-keyframes big {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5);
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: rotate(180deg) scale(1.2);
            transform: rotate(180deg) scale(1.2);
  }
}

@keyframes big {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5);
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: rotate(180deg) scale(1.2);
            transform: rotate(180deg) scale(1.2);
  }
}

.huge-decor {
  position: absolute;
  z-index: 10;
  -webkit-animation-name: huge;
          animation-name: huge;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes huge {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
  }
  100% {
    -webkit-transform: rotate(-90deg) scale(1.5);
            transform: rotate(-90deg) scale(1.5);
  }
}

@keyframes huge {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
  }
  100% {
    -webkit-transform: rotate(-90deg) scale(1.5);
            transform: rotate(-90deg) scale(1.5);
  }
}

/*-----------Head----------*/
.header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 40;
  width: 100%;
}

.header__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 120px;
  position: relative;
  z-index: 10;
}

@media (max-width: 769px) {
  .header__body {
    height: 100px;
  }
}

@media (max-width: 769px) {
  .header__body {
    height: 75px;
  }
}

.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 500ms;
  transition: 500ms;
}

@media (max-width: 1440px) {
  .header__logo img {
    width: 95px;
    height: 95px;
  }
}

@media (max-width: 769px) {
  .header__logo img {
    width: 64px;
    height: 64px;
  }
}

@media (max-width: 590px) {
  .header__logo img {
    width: 42px;
    height: 56px;
  }
}

.header__logo:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__item:not(:last-child) {
  margin: 0px 104px 0px 0px;
}

@media (max-width: 1151px) {
  .header__item:not(:last-child) {
    margin: 0px 52px 0px 0px;
  }
}

@media (max-width: 851px) {
  .header__item:not(:last-child) {
    margin: 0px 40px 0px 0px;
  }
}

@media (max-width: 690px) {
  .header__item:not(:last-child) {
    margin: 0px 20px 0px 0px;
  }
}

@media (max-width: 590px) {
  .header__item {
    display: none;
  }
  .header__item:not(:last-child) {
    margin: 0px 38px 0px 0px;
  }
}

.header__item-hide {
  display: none;
}

@media (max-width: 590px) {
  .header__item-hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0px 38px 0px 0px;
  }
}

.header__link {
  color: #E8E6F8;
}

@media (max-width: 810px) {
  .header__link {
    font-size: 13px;
  }
}

.header__logo-media {
  display: none;
}

@media (max-width: 590px) {
  .header__logo-media {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.header__logo-link {
  -webkit-transition: 500ms;
  transition: 500ms;
}

@media (max-width: 590px) {
  .header__logo-link {
    width: 28px;
  }
  .header__logo-link:not(:last-child) {
    margin: 0px 16px 0px 0px;
  }
}

.header__logo-link:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/*-------------Main--------------*/
/*-------------Space--------------*/
.page__space {
  position: relative;
}

.space__container {
  position: relative;
}

.space__body {
  position: relative;
  z-index: 2;
  padding: 207px 0px 367px 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px 0px 10px 0px;
}

@media (max-width: 1441px) {
  .space__body {
    padding: 177px 0px 246px 130px;
  }
}

@media (max-width: 1000px) {
  .space__body {
    padding: 177px 0px 246px 70px;
  }
}

@media (max-width: 769px) {
  .space__body {
    padding: 183px 0px 206px 0px;
  }
}

@media (max-width: 660px) {
  .space__body {
    padding: 140px 0px 150px 0px;
  }
}

@media (max-width: 560px) {
  .space__body {
    padding: 114px 0px 131px 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.space__article {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.space__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 70px 0px 0px;
}

@media (max-width: 1441px) {
  .space__items {
    padding: 0px 10px 0px 0px;
  }
}

.space__title {
  font-weight: 600;
  font-size: 120px;
  color: #FCFDFF;
  margin: 0px 0px 40px 0px;
  white-space: nowrap;
}

@media (max-width: 1441px) {
  .space__title {
    font-size: 100px;
  }
}

@media (max-width: 1000px) {
  .space__title {
    font-size: 90px;
  }
}

@media (max-width: 769px) {
  .space__title {
    font-size: 80px;
  }
}

@media (max-width: 660px) {
  .space__title {
    font-size: 56px;
  }
}

@media (max-width: 560px) {
  .space__title {
    font-size: 56px;
  }
}

.space__sub-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  color: #FFFFFF;
  margin: 0px 0px 100px 0px;
}

@media (max-width: 1441px) {
  .space__sub-title {
    font-size: 22px;
    margin: 0px 0px 60px 0px;
  }
}

@media (max-width: 769px) {
  .space__sub-title {
    font-size: 20px;
  }
}

@media (max-width: 376px) {
  .space__sub-title {
    font-size: 18px;
  }
}

@media (max-width: 560px) {
  .space__sub-title {
    font-size: 16px;
    margin: 0px 0px 207px 0px;
  }
}

.space__but {
  background: linear-gradient(92.57deg, #2F8FFF 0%, #2F73F6 100%);
  -webkit-box-shadow: 0px 10px 36px rgba(47, 230, 255, 0.2);
          box-shadow: 0px 10px 36px rgba(47, 230, 255, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 9px 0px 52px;
  -webkit-transition: 1s;
  transition: 1s;
}

@media (max-width: 1441px) {
  .space__but {
    padding: 0px 9px 0px 40px;
    width: 299px;
    height: 66px;
  }
}

@media (max-width: 560px) {
  .space__but {
    padding: 0px 9px 0px 36px;
    width: 251px;
    height: 58px;
    margin: 0px 0px 0px 0px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    z-index: 11;
  }
}

.space__but:hover {
  -webkit-box-shadow: 0px 10px 36px rgba(255, 0, 0, 0.2);
          box-shadow: 0px 10px 36px rgba(255, 0, 0, 0.2);
  background: linear-gradient(92.57deg, #0d7eff 0%, #1753c2 100%);
}

.space__image {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin: 0px -58px 0px 0px;
}

.space__image img {
  width: 100%;
}

@media (max-width: 1441px) {
  .space__image {
    margin: 0px 0px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}

@media (max-width: 560px) {
  .space__image {
    margin: -250px 0px 0px 0px;
    z-index: 10;
  }
}

.space__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 325px;
  left: -72px;
}

.space__social a:not(:last-child) {
  margin: 0px 0px 30px 0px;
}

@media (max-width: 769px) {
  .space__social a:not(:last-child) {
    margin: 0px 30px 0px 0px;
  }
}

@media (max-width: 1441px) {
  .space__social {
    bottom: 220px;
    left: 0px;
  }
}

@media (max-width: 769px) {
  .space__social {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    bottom: 90px;
    left: 40px;
  }
}

@media (max-width: 590px) {
  .space__social {
    display: none;
  }
}

.space__logo-link {
  display: block;
  width: 100%;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.space__logo-link img {
  width: 45px;
}

.space__logo-link:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.space__back-lay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.space__back-lay img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1000px) {
  .space__back-lay {
    right: 0;
    width: 1000px;
  }
}

.space__small-decor {
  left: 700px;
  top: 200px;
}

.space__middle-decor {
  left: 650px;
  top: 400px;
}

.space__huge-decor {
  right: -150px;
  bottom: 500px;
}

.but__text {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: #FFFFFF;
}

@media (max-width: 1441px) {
  .but__text {
    font-size: 18px;
  }
}

@media (max-width: 560px) {
  .but__text {
    font-size: 15px;
  }
}

.but__img {
  width: 54px;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 27px;
  background-color: #fff;
  padding: 0px 12px;
}

.but__img img {
  width: 100%;
}

@media (max-width: 1441px) {
  .but__img {
    width: 50px;
    height: 50px;
  }
}

/*--------------Advantage-----------*/
.advantage__body {
  position: relative;
  z-index: 13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 18px;
  top: 18px;
  margin: 0px 0px 61px 0px;
}

@media (max-width: 600px) {
  .advantage__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 769px) {
  .advantage__body {
    margin: 0px 0px 130px 0px;
  }
}

.advantage__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px 77px 0px 80px;
}

@media (max-width: 1441px) {
  .advantage__article {
    padding: 0px 77px 0px 40px;
  }
}

@media (max-width: 769px) {
  .advantage__article {
    padding: 0px 80px 0px 20px;
  }
}

@media (max-width: 600px) {
  .advantage__article {
    margin: 0px 0px 30px 0px;
    padding: 0px 20px 0px 20px;
  }
}

.advantage__title {
  font-weight: 800;
  font-size: 104px;
  color: #2A2FA3;
  margin: 0px 0px 40px 0px;
}

@media (max-width: 1441px) {
  .advantage__title {
    font-size: 90px;
  }
}

@media (max-width: 769px) {
  .advantage__title {
    margin: 0px 0px 30px 0px;
    font-weight: 700;
    font-size: 72px;
  }
}

@media (max-width: 600px) {
  .advantage__title {
    font-weight: 800;
    font-size: 48px;
  }
}

.advantage__sub-title {
  color: #222A3F;
}

.advantage__sub-title span {
  font-weight: 600;
}

@media (max-width: 769px) {
  .advantage__sub-title {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  .advantage__sub-title {
    font-size: 16px;
  }
}

.advantage__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1441px) {
  .advantage__cards {
    padding: 0px 100px 0px 0px;
  }
}

@media (max-width: 981px) {
  .advantage__cards {
    padding: 0px 0px 0px 0px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.advantage__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.advantage__columns:nth-child(2) {
  margin: 120px 0px 0px 0px;
}

@media (max-width: 981px) {
  .advantage__columns {
    display: none;
  }
}

.advantage__card-body {
  position: relative;
}

.advantage__card-body:first-child {
  margin: 0px 0px 80px 80px;
}

@media (max-width: 1441px) {
  .advantage__card-body:first-child {
    margin: 0px 0px 60px 60px;
  }
}

@media (max-width: 1130px) {
  .advantage__card-body {
    width: 260px;
    height: 260px;
  }
  .advantage__card-body:first-child {
    margin: 0px 0px 40px 40px;
  }
}

@media (max-width: 1030px) {
  .advantage__card-body {
    width: 220px;
    height: 220px;
  }
}

@media (max-width: 980px) {
  .advantage__card-body {
    width: 260px;
    height: 260px;
  }
  .advantage__card-body:first-child {
    margin: 0px 0px 40px 0px;
  }
}

@media (max-width: 650px) {
  .advantage__card-body {
    width: 220px;
    height: 220px;
  }
}

.advantage__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.advantage__slider {
  display: none;
}

@media (max-width: 981px) {
  .advantage__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.advantage__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.advantage__arrow-left img {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.advantage__counter {
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  color: #222A3F;
  margin: 0px 35px 0px 35px;
}

.arrow {
  width: 46px;
  height: 46px;
  background-color: #fff;
  -webkit-box-shadow: 0px 6px 20px rgba(61, 70, 118, 0.08);
          box-shadow: 0px 6px 20px rgba(61, 70, 118, 0.08);
  border-radius: 23px;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.arrow:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-box-shadow: 0px 10px 20px rgba(47, 54, 92, 0.185);
          box-shadow: 0px 10px 20px rgba(47, 54, 92, 0.185);
}

.card__image {
  margin: 0px 0px 14px 0px;
  text-align: center;
}

.card__image img {
  width: 80%;
  height: 80%;
}

.card__text {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #222A3F;
  text-align: center;
}

@media (max-width: 1130px) {
  .card__text {
    font-size: 15px;
  }
}

.card__icon {
  position: absolute;
  right: 18px;
  top: 18px;
  font-size: 36px;
  color: #9594AA;
  opacity: 0.8;
}

@media (max-width: 1030px) {
  .card__icon {
    right: 15px;
    top: 15px;
  }
}

/*-------------Games---------------*/
.page__games {
  position: relative;
}

.games__container {
  position: relative;
}

@media (max-width: 660px) {
  .games__container {
    padding: 0px 10px;
  }
}

.games__body {
  position: relative;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 90px;
  margin: 0px 0px 200px 0px;
}

@media (max-width: 1441px) {
  .games__body {
    margin: 0px 0px 180px 0px;
    padding: 0px 10px;
  }
}

@media (max-width: 660px) {
  .games__body {
    margin: 0px 0px 130px 0px;
    padding: 0px 0px;
  }
}

.games__article {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0px 0px 230px 0px;
}

@media (max-width: 660px) {
  .games__article {
    margin: 0px 0px 210px 0px;
  }
}

@media (max-width: 660px) {
  .games__article {
    margin: 0px 0px 210px 0px;
  }
}

@media (max-width: 660px) {
  .games__article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.games__info {
  padding: 0px 60px 0px 0px;
}

.games__title {
  max-width: 211px;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  font-weight: 600;
  font-size: 200px;
  line-height: 90%;
  color: #FFFFFF;
  margin: 0px 0px 40px 0px;
}

.games__title p {
  font-size: 104px;
  line-height: 100%;
}

@media (max-width: 1441px) {
  .games__title {
    font-size: 170px;
  }
  .games__title p {
    font-size: 104px;
  }
}

@media (max-width: 769px) {
  .games__title {
    margin: 0px 0px 23px 0px;
    font-size: 140px;
  }
  .games__title p {
    font-size: 72px;
  }
}

.games__sub-title {
  max-width: 503px;
  font-weight: 500;
  color: #FFFFFF;
}

@media (max-width: 769px) {
  .games__sub-title {
    font-size: 18px;
  }
}

@media (max-width: 660px) {
  .games__sub-title {
    margin: 0px 0px 38px 0px;
  }
}

.games__buttons {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

@media (max-width: 660px) {
  .games__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.games__arrows {
  display: none;
}

@media (max-width: 660px) {
  .games__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0px 35px 0px 0px;
  }
}

@media (max-width: 376px) {
  .games__arrows {
    margin: 0px 10px 0px 0px;
  }
}

.games__arrow-left {
  display: none;
}

@media (max-width: 660px) {
  .games__arrow-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0px 14px 0px 0px;
  }
  .games__arrow-left img {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
}

.games__arrow-right {
  display: none;
}

@media (max-width: 660px) {
  .games__arrow-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.games__button-all {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  color: #363078;
  text-transform: uppercase;
  width: 267px;
  height: 72px;
  background-color: #fff;
  border-radius: 36px;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.games__button-all::before {
  padding-right: 20px;
}

@media (max-width: 1441px) {
  .games__button-all {
    width: 253px;
    height: 66px;
    font-size: 18px;
  }
}

@media (max-width: 769px) {
  .games__button-all {
    width: 226px;
    height: 56px;
    font-size: 16px;
  }
}

@media (max-width: 660px) {
  .games__button-all {
    width: 197px;
    height: 48px;
    font-size: 15px;
  }
  .games__button-all::before {
    padding-right: 15px;
  }
}

.games__button-all:hover {
  color: #2011c0;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0px 10px 20px rgba(47, 54, 92, 0.185);
          box-shadow: 0px 10px 20px rgba(47, 54, 92, 0.185);
}

.games__collection {
  width: 100%;
}

.games__columns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0px 0px 90px 0px;
}

@media (max-width: 1441px) {
  .games__columns {
    margin: 0px 0px 70px 0px;
  }
}

@media (max-width: 769px) {
  .games__columns {
    margin: 0px 0px 48px 0px;
  }
}

@media (max-width: 660px) {
  .games__columns {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.games__game-item {
  padding: 0px 34px 0px 34px;
  -webkit-box-shadow: 0px 6px 20px rgba(61, 70, 118, 0.08);
          box-shadow: 0px 6px 20px rgba(61, 70, 118, 0.08);
  border-radius: 30px;
  background-color: #fff;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.games__game-item:not(:last-child) {
  margin: 0px 50px 0px 0px;
}

@media (max-width: 1230px) {
  .games__game-item:not(:last-child) {
    margin: 0px 25px 0px 0px;
  }
}

@media (max-width: 910px) {
  .games__game-item:last-child {
    display: none;
  }
}

@media (max-width: 660px) {
  .games__game-item:not(:last-child) {
    margin: 0px 0px 0px 0px;
  }
  .games__game-item:first-child {
    display: none;
  }
}

.games__game-item:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0px 10px 20px rgba(47, 54, 92, 0.185);
          box-shadow: 0px 10px 20px rgba(47, 54, 92, 0.185);
}

.games__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin: 0px 0px 0px 140px;
}

@media (max-width: 769px) {
  .games__slider {
    margin: 0px 0px 0px 70px;
  }
}

@media (max-width: 660px) {
  .games__slider {
    display: none;
  }
}

.games__oval-left {
  padding: 23px 45px 23px 23px;
  margin: 0px 40px 0px 0px;
}

.games__oval-left img {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.games__oval-right {
  padding: 23px 23px 23px 45px;
}

.games__back-image {
  position: absolute;
  left: 0;
  top: -450px;
  width: 100%;
  height: 125%;
}

.games__back-image img {
  width: 100%;
  height: 125%;
}

@media (max-width: 1200px) {
  .games__back-image {
    top: -380px;
  }
}

@media (max-width: 1001px) {
  .games__back-image {
    left: -100px;
    top: -300px;
    width: 100%;
    height: 120%;
  }
  .games__back-image img {
    width: 1920px;
    height: 120%;
  }
}

.games__small-decor-1 {
  left: 600px;
  top: 150px;
}

.games__small-decor-2 {
  left: 1100px;
  top: 100px;
}

.games__middle-decor {
  left: 0px;
  top: 500px;
}

.games__big-decor {
  left: 50px;
  top: 50px;
}

.games__huge-decor {
  right: -50px;
  bottom: 400px;
}

.oval-arrow {
  width: 100px;
  height: 64px;
  border-radius: 32px;
  background-color: #fff;
  -webkit-box-shadow: 0px 6px 20px rgba(61, 70, 118, 0.08);
          box-shadow: 0px 6px 20px rgba(61, 70, 118, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.oval-arrow img {
  width: 100%;
}

@media (max-width: 1441px) {
  .oval-arrow {
    width: 94px;
    height: 50px;
  }
}

.oval-arrow:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-box-shadow: 0px 10px 20px rgba(47, 54, 92, 0.185);
          box-shadow: 0px 10px 20px rgba(47, 54, 92, 0.185);
}

._icon-icon_eyes {
  color: #2F73F6;
  padding: 0px 20px 0px 0px;
}

.game-item__lable {
  margin: -150px 0px 36px 0px;
  position: relative;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.game-item__lable img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.game-item__lable:hover {
  -webkit-animation-name: game;
          animation-name: game;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}

@-webkit-keyframes game {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes game {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

.game-item__age {
  position: absolute;
  top: 16px;
  left: 16px;
  font-weight: 700;
  font-size: 22px;
  line-height: 100%;
  color: #FFFFFF;
  width: 60px;
  height: 45px;
  background-color: #363078;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.game-item__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.game-item__variant {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  padding: 10px;
  border: 2px solid #F2F4F9;
  border-radius: 10px;
  color: #9594AA;
  margin: 0px 0px 36px 0px;
}

.game-item__variant:not(:last-child) {
  margin: 0px 12px 36px 0px;
}

@media (max-width: 1230px) {
  .game-item__variant {
    font-size: 15px;
  }
}

.game-item__variant:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  border: 2px solid #4177ff;
  color: #4177ff;
}

/*-------------Floors-------------*/
.page__floors {
  position: relative;
}

@media (max-width: 650px) {
  .floors__container {
    padding: 0px 10px;
  }
}

.floors__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 18;
  padding: 0px 10px;
  margin: 0px 0px 300px 0px;
}

@media (max-width: 1441px) {
  .floors__body {
    margin: 0px 0px 300px 0px;
  }
}

@media (max-width: 900px) {
  .floors__body {
    margin: 0px 0px 150px 0px;
  }
}

@media (max-width: 769px) {
  .floors__body {
    margin: 0px 0px 140px 0px;
  }
}

@media (max-width: 376px) {
  .floors__body {
    margin: 0px 0px 130px 0px;
  }
}

.floors__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.floors__title {
  font-weight: 800;
  font-size: 104px;
  line-height: 100%;
  color: #2A2FA3;
  margin: 0px 0px 40px 0px;
}

@media (max-width: 1441px) {
  .floors__title {
    font-size: 90px;
    margin: 0px 0px 38px 0px;
  }
}

@media (max-width: 769px) {
  .floors__title {
    font-size: 72px;
    margin: 0px 0px 30px 0px;
  }
}

@media (max-width: 376px) {
  .floors__title {
    font-size: 48px;
    margin: 0px 0px 20px 0px;
  }
}

.floors__sub-title {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 155%;
  color: #222A3F;
  margin: 0px 0px 60px 0px;
  text-align: center;
}

@media (max-width: 1441px) {
  .floors__sub-title {
    margin: 0px 0px 50px 0px;
  }
}

@media (max-width: 769px) {
  .floors__sub-title {
    font-size: 18px;
    margin: 0px 0px 40px 0px;
  }
}

@media (max-width: 376px) {
  .floors__sub-title {
    font-size: 16px;
    margin: 0px 0px 36px 0px;
  }
}

.floors__version {
  margin: 0px 0px 80px 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 650px) {
  .floors__version {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.floors__option:not(:last-child) {
  margin: 0px 20px 0px 0px;
}

.floors__option button {
  padding: 24px 50px;
  background-color: #fff;
  border: 2.5px solid #F2F4F9;
  border-radius: 40px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  color: #9A98AF;
  -webkit-transition: 500ms;
  transition: 500ms;
}

@media (max-width: 1441px) {
  .floors__option button {
    font-size: 16px;
    padding: 22px 44px;
  }
}

@media (max-width: 769px) {
  .floors__option button {
    padding: 18px 38px;
  }
}

.floors__option button:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  border: 2px solid #4177ff;
  color: #4177ff;
}

@media (max-width: 650px) {
  .floors__option:not(:last-child) {
    margin: 0px 0px 20px 0px;
  }
}

.floors__information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 910px) {
  .floors__information {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.floors__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0px 84px 0px 0px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

@media (max-width: 1441px) {
  .floors__images {
    margin: 0px 50px 0px 0px;
  }
}

@media (max-width: 910px) {
  .floors__images {
    margin: 0px 0px 0px 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (max-width: 650px) {
  .floors__images {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.floors__explanation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

@media (max-width: 910px) {
  .floors__explanation {
    margin: 0px 0px 60px 0px;
  }
}

.floors__back-lay {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.floors__back-lay img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1441px) {
  .floors__back-lay {
    right: -70px;
    height: 80%;
  }
}

@media (max-width: 1160px) {
  .floors__back-lay {
    height: 50%;
    top: 600px;
  }
}

@media (max-width: 660px) {
  .floors__back-lay {
    height: 50%;
    top: 800px;
  }
}

@media (max-width: 520px) {
  .floors__back-lay {
    top: 1000px;
  }
}

.floors__big-decor {
  right: 50px;
  top: 340px;
}

@media (max-width: 1441px) {
  .floors__big-decor {
    display: none;
  }
}

.photo__main-image {
  position: relative;
  margin: 0px 0px 50px 0px;
  width: 100%;
}

.photo__main-image img {
  border-radius: 35px;
  width: 100%;
}

@media (max-width: 910px) {
  .photo__main-image img {
    border-radius: 30px;
  }
}

@media (max-width: 910px) {
  .photo__main-image {
    margin: 0px 42px 0px 0px;
  }
}

@media (max-width: 650px) {
  .photo__main-image {
    margin: 0px 0px 20px 0px;
  }
}

.photo__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 30px;
  bottom: 30px;
}

@media (max-width: 650px) {
  .photo__arrows {
    left: 20px;
    bottom: -70px;
  }
}

.photo__arrow-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 15px 0px 0px;
  padding: 10px;
}

.photo__arrow-left img {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.photo__arrow-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}

.photo__galary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 910px) {
  .photo__galary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

@media (max-width: 650px) {
  .photo__galary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.photo__item {
  position: relative;
  margin: 0px 30px 0px 0px;
}

.photo__item img {
  border-radius: 15px;
  width: 100%;
}

@media (max-width: 910px) {
  .photo__item img {
    border-radius: 5px;
  }
}

.photo__item p {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  white-space: nowrap;
  text-transform: uppercase;
  color: #FFFFFF;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}

@media (max-width: 910px) {
  .photo__item {
    margin: 0px 0px 0px 0px;
  }
  .photo__item p {
    font-size: 16px;
  }
  .photo__item:not(:last-child) {
    margin: 0px 0px 30px 0px;
  }
}

@media (max-width: 650px) {
  .photo__item {
    margin: 0px 0px 0px 0px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
  }
  .photo__item:not(:last-child) {
    margin: 0px 10px 0px 0px;
  }
  .photo__item p {
    font-size: 14px;
  }
}

.photo__buttons {
  display: none;
}

@media (max-width: 650px) {
  .photo__buttons {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
  }
}

.floors-text__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0px 0px 48px 0px;
}

@media (max-width: 650px) {
  .floors-text__info {
    margin: 0px 0px 40px 0px;
  }
}

.floors-text__title {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 120%;
  color: #222A3F;
  margin: 0px 0px 28px 0px;
}

.floors-text__details {
  font-weight: 500;
  color: #222A3F;
}

@media (max-width: 1441px) {
  .floors-text__details p:not(:last-child) {
    margin: 0px 0px 15px 0px;
  }
}

.floors-text__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.floors-text__list-item:not(:last-child) {
  margin: 0px 60px 0px 0px;
}

@media (max-width: 1441px) {
  .floors-text__list-item:not(:last-child) {
    margin: 0px 30px 0px 0px;
  }
}

@media (max-width: 450px) {
  .floors-text__list-item:not(:last-child) {
    margin: 0px 10px 0px 0px;
  }
}

.floors-text__item {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 155%;
  color: #222A3F;
  margin: 0px 0px 16px 0px;
}

.floors-text__item::before {
  color: #2F8FFF;
  padding: 0px 16px 0px 0px;
}

@media (max-width: 1441px) {
  .floors-text__item {
    font-size: 16px;
  }
}

@media (max-width: 450px) {
  .floors-text__item {
    font-size: 14px;
  }
  .floors-text__item::before {
    padding: 0px 10px 0px 0px;
  }
}

.floors-text__item:hover::before {
  color: #222A3F;
}

/*---------------Price--------------*/
.page__price {
  position: relative;
}

.price__container {
  position: relative;
}

.price__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 10px;
  position: relative;
  z-index: 19;
  margin: 0px 0px 220px 0px;
}

@media (max-width: 1441px) {
  .price__body {
    margin: 0px 0px 160px 0px;
  }
}

@media (max-width: 769px) {
  .price__body {
    margin: 0px 0px 130px 0px;
  }
}

@media (max-width: 376px) {
  .price__body {
    margin: 0px 0px 90px 0px;
  }
}

.price__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.price__title {
  font-weight: 800;
  font-size: 104px;
  line-height: 100%;
  color: #FFFFFF;
  margin: 0px 0px 40px 0px;
}

@media (max-width: 1441px) {
  .price__title {
    font-size: 90px;
  }
}

.price__sub-title {
  font-weight: 500;
  color: #FFFFFF;
  margin: 0px 0px 80px 0px;
  max-width: 496px;
  text-align: center;
}

@media (max-width: 769px) {
  .price__sub-title {
    margin: 0px 0px 30px 0px;
  }
}

.price__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px -40px;
}

@media (max-width: 860px) {
  .price__columns {
    margin: 0px -15px;
  }
}

@media (max-width: 550px) {
  .price__columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.price__items {
  padding: 0px 40px;
}

@media (max-width: 860px) {
  .price__items {
    padding: 0px 15px;
  }
}

@media (max-width: 550px) {
  .price__items:not(:last-child) {
    margin: 0px 0px 50px 0px;
  }
}

.price__back-lay {
  position: absolute;
  top: -400px;
  left: 0;
  width: 100%;
  height: 110%;
}

.price__back-lay img {
  width: 100%;
  height: 110%;
}

@media (max-width: 1441px) {
  .price__back-lay {
    top: -400px;
  }
}

@media (max-width: 769px) {
  .price__back-lay {
    top: -250px;
    left: -400px;
  }
  .price__back-lay img {
    width: 1440px;
    height: 110%;
  }
}

@media (max-width: 550px) {
  .price__back-lay {
    top: -440px;
    left: -600px;
  }
}

.price__small-decor-1 {
  left: 600px;
  top: 150px;
}

.price__small-decor-2 {
  left: 1100px;
  top: 100px;
}

.price__middle-decor {
  left: 0px;
  top: 300px;
}

.price__big-decor {
  left: 250px;
  top: 20px;
}

.price__huge-decor {
  right: -80px;
  bottom: 500px;
}

.item-lable__card {
  padding: 50px 50px 0px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 460px;
  max-height: 804px;
  background-color: #fff;
  border-radius: 30px;
  -webkit-box-shadow: 0px 18px 60px rgba(61, 70, 118, 0.1);
          box-shadow: 0px 18px 60px rgba(61, 70, 118, 0.1);
  -webkit-transition: 500ms;
  transition: 500ms;
}

@media (max-width: 710px) {
  .item-lable__card {
    font-size: 40px;
    padding: 16px 16px 0px 16px;
  }
}

.item-lable__card:hover {
  -webkit-box-shadow: 0px 20px 30px rgba(47, 54, 92, 0.185);
          box-shadow: 0px 20px 30px rgba(47, 54, 92, 0.185);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.item-lable__photo {
  width: 100%;
  margin: 0px 0px 48px 0px;
}

.item-lable__photo img {
  width: 100%;
  border-radius: 24px;
}

@media (max-width: 1441px) {
  .item-lable__photo {
    margin: 0px 0px 0px 0px;
  }
}

.item-lable__name {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 120%;
  color: #222A3F;
  margin: 0px 0px 38px 0px;
}

@media (max-width: 769px) {
  .item-lable__name {
    font-size: 26px;
  }
}

@media (max-width: 710px) {
  .item-lable__name {
    font-size: 22px;
  }
}

.item-lable__price {
  font-style: normal;
  font-weight: 800;
  font-size: 72px;
  line-height: 120%;
  color: #311F65;
  margin: 0px 0px 53px 0px;
}

@media (max-width: 1441px) {
  .item-lable__price {
    font-size: 60px;
  }
}

@media (max-width: 769px) {
  .item-lable__price {
    font-size: 40px;
  }
}

@media (max-width: 710px) {
  .item-lable__price {
    font-size: 32px;
  }
}

.item-lable__buy {
  margin: 0px 0px 80px 0px;
}

@media (max-width: 1441px) {
  .item-lable__buy {
    margin: 0px 0px 70px 0px;
  }
}

@media (max-width: 769px) {
  .item-lable__buy {
    margin: 0px 0px 50px 0px;
  }
}

@media (max-width: 710px) {
  .item-lable__buy {
    margin: 0px 0px 18px 0px;
  }
}

/*---------------Warrently------------*/
.page__warranty {
  position: relative;
}

.warranty__body {
  position: relative;
  z-index: 19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0px 0px 200px 0px;
}

@media (max-width: 1441px) {
  .warranty__body {
    margin: 0px 0px 160px 0px;
  }
}

@media (max-width: 769px) {
  .warranty__body {
    margin: 0px 0px 130px 0px;
  }
}

@media (max-width: 376px) {
  .warranty__body {
    margin: 0px 0px 90px 0px;
  }
}

.warranty__information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 660px) {
  .warranty__information {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}

.warranty__title {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  font-style: normal;
  font-weight: 800;
  font-size: 200px;
  line-height: 90%;
  color: #2F73F6;
  margin: 0px 20px 0px 0px;
}

.warranty__title p {
  font-size: 100px;
  line-height: 100%;
}

@media (max-width: 1441px) {
  .warranty__title {
    font-size: 170px;
  }
  .warranty__title p {
    font-size: 90px;
  }
}

@media (max-width: 1160px) {
  .warranty__title {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    font-size: 160px;
  }
}

@media (max-width: 769px) {
  .warranty__title {
    margin: 0px 52px 0px 0px;
    font-size: 140px;
  }
  .warranty__title p {
    font-size: 72px;
  }
}

@media (max-width: 705px) {
  .warranty__title {
    margin: 0px 30px 0px 0px;
    font-size: 120px;
  }
  .warranty__title p {
    font-size: 60px;
  }
}

@media (max-width: 660px) {
  .warranty__title {
    margin: 0px 30px 36px 0px;
  }
}

@media (max-width: 376px) {
  .warranty__title {
    font-size: 96px;
  }
  .warranty__title p {
    font-size: 48px;
  }
}

.warranty__main-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
  padding: 180px 0px;
}

@media (max-width: 1160px) {
  .warranty__main-text {
    padding: 0px 0px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
}

@media (max-width: 660px) {
  .warranty__main-text {
    margin: 0px 0px 30px 0px;
  }
}

.warranty__title-text {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 120%;
  color: #222A3F;
  margin: 0px 0px 25px 0px;
}

.warranty__text {
  font-weight: 500;
  color: #222A3F;
}

@media (max-width: 1160px) {
  .warranty__text {
    font-size: 18px;
  }
}

.warranty__labels {
  margin: -370px 0px 0px 0px;
}

@media (max-width: 1441px) {
  .warranty__labels {
    margin: -380px 0px 0px 0px;
  }
}

@media (max-width: 1160px) {
  .warranty__labels {
    margin: -60px 0px 0px 0px;
  }
}

@media (max-width: 660px) {
  .warranty__labels {
    margin: 0px 0px 0px 0px;
  }
}

.warranty__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 520px) {
  .warranty__columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.warranty__card-body {
  position: relative;
}

.warranty__card-body:not(:last-child) {
  margin: 0px 60px 0px 0px;
}

.warranty__card-body:last-child {
  margin: 80px 0px 0px 0px;
}

@media (max-width: 1441px) {
  .warranty__card-body:not(:last-child) {
    margin: 0px 40px 0px 0px;
  }
}

@media (max-width: 1160px) {
  .warranty__card-body:last-child {
    margin: 170px 0px 0px 0px;
  }
  .warranty__card-body:not(:last-child) {
    margin: 0px 62px 0px 0px;
  }
}

@media (max-width: 660px) {
  .warranty__card-body:last-child {
    margin: 0px 0px 0px 0px;
  }
  .warranty__card-body:not(:last-child) {
    margin: 0px 20px 0px 0px;
  }
}

@media (max-width: 520px) {
  .warranty__card-body:last-child {
    margin: 0px 0px 0px 0px;
  }
  .warranty__card-body:not(:last-child) {
    margin: 0px 0px 20px 0px;
  }
}

.warranty__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.warranty__back-lay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.warranty__back-lay img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1441px) {
  .warranty__back-lay {
    left: -200px;
    height: 80%;
  }
}

@media (max-width: 1160px) {
  .warranty__back-lay {
    left: -200px;
    height: 80%;
    top: 300px;
  }
}

@media (max-width: 660px) {
  .warranty__back-lay {
    left: -200px;
    height: 60%;
    top: 600px;
  }
}

@media (max-width: 520px) {
  .warranty__back-lay {
    top: 800px;
  }
}

/*-------------Package-------------*/
.package__body {
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 0px 50px;
  margin: 0px 0px 340px 0px;
}

@media (max-width: 1441px) {
  .package__body {
    margin: 0px 0px 250px 0px;
  }
}

@media (max-width: 1100px) {
  .package__body {
    margin: 0px 0px 350px 0px;
  }
}

@media (max-width: 769px) {
  .package__body {
    padding: 0px 10px;
  }
}

@media (max-width: 660px) {
  .package__body {
    margin: 0px 0px 190px 0px;
  }
}

@media (max-width: 376px) {
  .package__body {
    margin: 0px 0px 160px 0px;
  }
}

.package__title {
  font-weight: 800;
  font-size: 104px;
  line-height: 100%;
  text-transform: uppercase;
  color: #2A2FA3;
  margin: 0px 0px 40px 0px;
}

@media (max-width: 1441px) {
  .package__title {
    font-size: 90px;
  }
}

@media (max-width: 769px) {
  .package__title {
    font-size: 72px;
    margin: 0px 0px 40px 0px;
    text-align: center;
  }
}

@media (max-width: 376px) {
  .package__title {
    font-size: 48px;
    margin: 0px 0px 20px 0px;
  }
}

.package__sub-title {
  font-weight: 500;
  color: #222A3F;
  margin: 0px 0px 48px 0px;
  max-width: 760px;
}

@media (max-width: 769px) {
  .package__sub-title {
    font-size: 18px;
    margin: 0px 0px 40px 0px;
  }
}

@media (max-width: 376px) {
  .package__sub-title {
    font-size: 16px;
    margin: 0px 0px 30px 0px;
  }
}

.package__includes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.package__items {
  margin: 0px 20px 0px 0px;
}

@media (max-width: 769px) {
  .package__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 520px) {
  .package__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.package__list:not(:last-child) {
  margin: 0px 0px 20px 0px;
}

@media (max-width: 769px) {
  .package__list:not(:last-child) {
    margin: 0px 20px 20px 0px;
  }
}

.package__item {
  font-weight: 500;
  color: #222A3F;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.package__item:not(:last-child) {
  margin: 0px 0px 20px 0px;
}

.package__item::before {
  color: #9594AA;
  padding: 0px 20px 0px 0px;
}

@media (max-width: 769px) {
  .package__item {
    font-size: 18px;
  }
}

@media (max-width: 376px) {
  .package__item {
    font-size: 16px;
  }
}

.package__item:hover::before {
  color: #2F73F6;
}

.package__image img {
  width: 100%;
  height: 100%;
}

@media (max-width: 769px) {
  .package__image {
    display: none;
  }
}

/*------------You Get-------------*/
.page__youget {
  position: relative;
}

.youget__container {
  position: relative;
}

.youget__body {
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0px 0px 220px 0px;
}

@media (max-width: 1441px) {
  .youget__body {
    margin: 0px 0px 160px 0px;
  }
}

@media (max-width: 769px) {
  .youget__body {
    margin: 0px 0px 130px 0px;
  }
}

@media (max-width: 376px) {
  .youget__body {
    margin: 0px 0px 90px 0px;
  }
}

.youget__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.youget__title {
  font-weight: 800;
  font-size: 104px;
  line-height: 100%;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0px 0px 40px 0px;
}

@media (max-width: 1441px) {
  .youget__title {
    font-size: 90px;
  }
}

@media (max-width: 769px) {
  .youget__title {
    font-size: 72px;
    margin: 0px 0px 30px 0px;
  }
}

@media (max-width: 376px) {
  .youget__title {
    font-size: 48px;
    margin: 0px 0px 20px 0px;
  }
}

.youget__sub-title {
  text-align: center;
  font-weight: 500;
  color: #FFFFFF;
  margin: 0px 0px 80px 0px;
}

@media (max-width: 769px) {
  .youget__sub-title {
    margin: 0px 0px 70px 0px;
  }
}

@media (max-width: 769px) {
  .youget__sub-title {
    font-size: 18px;
    margin: 0px 0px 50px 0px;
  }
}

@media (max-width: 376px) {
  .youget__sub-title {
    font-size: 16px;
    margin: 0px 0px 36px 0px;
  }
}

@media (max-width: 1380px) {
  .youget__labels {
    margin: 0px 0px 40px 0px;
  }
}

.youget__slider {
  display: none;
}

@media (max-width: 1380px) {
  .youget__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.youget__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px -30px;
}

@media (max-width: 769px) {
  .youget__columns {
    margin: 0px -15px;
  }
}

.youget__column-item {
  padding: 0px 30px;
}

@media (max-width: 1380px) {
  .youget__column-item:nth-child(3) {
    display: none;
  }
}

@media (max-width: 1025px) {
  .youget__column-item:nth-child(2) {
    display: none;
  }
}

@media (max-width: 769px) {
  .youget__column-item {
    padding: 0px 15px;
  }
}

@media (max-width: 645px) {
  .youget__column-item:nth-child(1) {
    display: none;
  }
}

.youget__card-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #222A3F;
}

.youget__back-lay {
  position: absolute;
  top: -500px;
  left: 0;
  width: 100%;
  height: 200%;
}

.youget__back-lay img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1500px) {
  .youget__back-lay {
    top: -450px;
  }
}

@media (max-width: 1160px) {
  .youget__back-lay {
    height: 150%;
    top: -550px;
  }
  .youget__back-lay img {
    width: 1920px;
    height: 150%;
  }
}

@media (max-width: 660px) {
  .youget__back-lay {
    left: -400px;
  }
}

@media (max-width: 376px) {
  .youget__back-lay {
    top: -500px;
  }
}

.youget__small-decor-1 {
  right: -100px;
  bottom: 150px;
}

.youget__small-decor-2 {
  left: 600px;
  top: -100px;
}

.youget__middle-decor {
  left: 200px;
  top: -100px;
}

.youget__big-decor {
  left: 50px;
  top: 50px;
}

.youget__huge-decor {
  right: 50px;
  bottom: 600px;
}

@media (max-width: 1025px) {
  .youget__huge-decor {
    display: none;
  }
}

/*--------------Free Test-------------*/
.freetest__body {
  position: relative;
  z-index: 22;
  padding: 0px 80px;
  margin: 0px 0px 240px 0px;
}

@media (max-width: 1441px) {
  .freetest__body {
    padding: 0px 40px;
    margin: 0px 0px 160px 0px;
  }
}

@media (max-width: 769px) {
  .freetest__body {
    margin: 0px 0px 130px 0px;
  }
}

@media (max-width: 660px) {
  .freetest__body {
    padding: 0px 10px;
  }
}

@media (max-width: 376px) {
  .freetest__body {
    margin: 0px 0px 90px 0px;
  }
}

.freetest__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px 0px 130px 0px;
}

@media (max-width: 1060px) {
  .freetest__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.freetest__article {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin: 0px 107px 0px 0px;
}

@media (max-width: 1060px) {
  .freetest__article {
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
    margin: 0px 0px 20px 0px;
  }
}

.freetest__title {
  padding: 0px 10px;
  font-size: 170px;
  line-height: 90%;
  color: #2F73F6;
  text-align: center;
  white-space: nowrap;
}

.freetest__title p {
  font-size: 90px;
}

@media (max-width: 1441px) {
  .freetest__title {
    font-size: 170px;
  }
  .freetest__title p {
    font-size: 90px;
  }
}

@media (max-width: 1160px) {
  .freetest__title {
    font-size: 160px;
  }
}

@media (max-width: 769px) {
  .freetest__title {
    font-size: 140px;
  }
  .freetest__title p {
    font-size: 72px;
  }
}

@media (max-width: 705px) {
  .freetest__title {
    font-size: 120px;
  }
  .freetest__title p {
    font-size: 60px;
  }
}

@media (max-width: 376px) {
  .freetest__title {
    font-size: 96px;
  }
  .freetest__title p {
    font-size: 48px;
  }
}

.freetest__detail {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.freetest__main-text {
  padding: 140px 10px 0px 10px;
  font-weight: 500;
  color: #222A3F;
  margin: 0px 0px 63px 0px;
}

@media (max-width: 1060px) {
  .freetest__main-text {
    padding: 0px 10px 0px 10px;
  }
}

@media (max-width: 1060px) {
  .freetest__check-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0px 10px;
  }
}

.freetest__view {
  width: 448px;
  height: 72px;
  border-radius: 40px;
  background-color: #fff;
  -webkit-box-shadow: 0px 6px 20px rgba(61, 70, 118, 0.08);
          box-shadow: 0px 6px 20px rgba(61, 70, 118, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.freetest__view::before {
  padding: 0px 20px 0px 0px;
}

@media (max-width: 560px) {
  .freetest__view {
    width: 320px;
    height: 48px;
  }
}

@media (max-width: 769px) {
  .freetest__view {
    font-size: 16px;
  }
}

@media (max-width: 376px) {
  .freetest__view {
    width: 300px;
    height: 38px;
  }
}

.freetest__view:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0px 10px 20px rgba(47, 54, 92, 0.185);
          box-shadow: 0px 10px 20px rgba(47, 54, 92, 0.185);
}

.freetest__name {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: #363078;
}

.freetest__name::before {
  color: #2F73F6;
  padding: 0px 20px 0px 0px;
}

@media (max-width: 769px) {
  .freetest__name {
    font-size: 16px;
  }
}

@media (max-width: 560px) {
  .freetest__name {
    font-size: 15px;
  }
}

@media (max-width: 376px) {
  .freetest__name {
    font-size: 12px;
  }
}

.freetest__bonus {
  background-color: #fff;
  -webkit-box-shadow: 0px 60px 100px rgba(33, 49, 133, 0.1);
          box-shadow: 0px 60px 100px rgba(33, 49, 133, 0.1);
  border-radius: 30px;
  padding: 80px 120px;
  margin: 0px -200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-transition: 500ms;
  transition: 500ms;
}

@media (max-width: 1510px) {
  .freetest__bonus {
    padding: 70px;
    margin: 0px -110px;
  }
}

@media (max-width: 1441px) {
  .freetest__bonus {
    padding: 70px;
    margin: 0px 0px;
  }
}

@media (max-width: 1060px) {
  .freetest__bonus {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 48px;
  }
}

@media (max-width: 675px) {
  .freetest__bonus {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px;
  }
}

.freetest__bonus:hover {
  -webkit-box-shadow: 0px 20px 30px rgba(47, 54, 92, 0.185);
          box-shadow: 0px 20px 30px rgba(47, 54, 92, 0.185);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.bonus-test__information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin: 0px 0px 36px 0px;
}

@media (max-width: 1060px) {
  .bonus-test__information {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin: 0px 58px 0px 0px;
  }
}

@media (max-width: 720px) {
  .bonus-test__information {
    margin: 0px 25px 0px 0px;
  }
}

@media (max-width: 675px) {
  .bonus-test__information {
    margin: 0px 0px 50px 0px;
  }
}

.bonus-test__titel-test {
  font-weight: 800;
  font-size: 90px;
  line-height: 100%;
  text-transform: uppercase;
  color: #2A2FA3;
  margin: 0px 70px 0px 0px;
}

@media (max-width: 769px) {
  .bonus-test__titel-test {
    font-size: 72px;
  }
}

@media (max-width: 376px) {
  .bonus-test__titel-test {
    font-size: 48px;
  }
}

.bonus-test__subtitle-test {
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  color: #222A3F;
  margin: 0px 0px 7px 0px;
}

@media (max-width: 1441px) {
  .bonus-test__subtitle-test {
    font-size: 30px;
  }
}

@media (max-width: 769px) {
  .bonus-test__subtitle-test {
    font-size: 26px;
  }
}

@media (max-width: 376px) {
  .bonus-test__subtitle-test {
    font-size: 22px;
  }
}

.bonus-test__connect {
  -ms-flex-item-align: end;
      align-self: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

@media (max-width: 1060px) {
  .bonus-test__connect {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}

@media (max-width: 675px) {
  .bonus-test__connect {
    width: 100%;
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
}

.bonus-test__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin: 0px 50px 0px 0px;
}

@media (max-width: 1060px) {
  .bonus-test__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0px 0px 36px 0px;
  }
}

@media (max-width: 675px) {
  .bonus-test__form {
    width: 100%;
  }
}

.bonus-test__input {
  width: 335px;
  height: 37px;
  border-bottom: 2px solid #F2F4F9;
}

@media (max-width: 1250px) {
  .bonus-test__input {
    width: 255px;
  }
}

@media (max-width: 675px) {
  .bonus-test__input {
    width: 100%;
  }
}

.bonus-test__buy {
  width: 269px;
  height: 72px;
}

@media (max-width: 1441px) {
  .bonus-test__buy {
    width: 235px;
    height: 66px;
  }
}

@media (max-width: 769px) {
  .bonus-test__buy {
    width: 205px;
    height: 56px;
    padding: 9px 9px 9px 30px;
  }
}

@media (max-width: 675px) {
  .bonus-test__buy {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}

@media (max-width: 376px) {
  .bonus-test__buy {
    width: 161px;
    height: 48px;
    padding: 9px 9px 9px 20px;
  }
}

@media (max-width: 1441px) {
  .bonus-test__text {
    font-size: 18px;
  }
}

@media (max-width: 769px) {
  .bonus-test__text {
    font-size: 16px;
  }
}

@media (max-width: 376px) {
  .bonus-test__text {
    font-size: 14px;
  }
}

.bonus-test__img-arrow {
  padding: 5px;
}

.bonus-test__img-arrow img {
  width: 100%;
  height: 100%;
}

@media (max-width: 769px) {
  .bonus-test__img-arrow {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 376px) {
  .bonus-test__img-arrow {
    width: 38px;
    height: 38px;
  }
}

/*------------Debelopments-------------*/
.page__developments {
  position: relative;
}

.developments__container {
  position: relative;
}

.developments__body {
  position: relative;
  z-index: 21;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 0px 240px 0px;
}

@media (max-width: 1441px) {
  .developments__body {
    margin: 0px 0px 160px 0px;
  }
}

@media (max-width: 769px) {
  .developments__body {
    margin: 0px 0px 130px 0px;
  }
}

@media (max-width: 660px) {
  .developments__body {
    padding: 0px 10px;
  }
}

@media (max-width: 376px) {
  .developments__body {
    margin: 0px 0px 90px 0px;
  }
}

.developments__article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 600px) {
  .developments__article {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.developments__title {
  font-weight: 800;
  font-size: 104px;
  line-height: 100%;
  color: #FFFFFF;
  margin: 0px 0px 30px 0px;
  text-align: center;
}

@media (max-width: 1441px) {
  .developments__title {
    margin: 0px 0px 40px 0px;
    font-size: 90px;
  }
}

@media (max-width: 769px) {
  .developments__title {
    font-size: 72px;
    margin: 0px 0px 30px 0px;
  }
}

@media (max-width: 376px) {
  .developments__title {
    font-size: 48px;
    margin: 0px 0px 20px 0px;
  }
}

.developments__sub-title {
  font-weight: 500;
  color: #FFFFFF;
  margin: 0px 0px 60px 0px;
}

@media (max-width: 769px) {
  .developments__sub-title {
    font-size: 18px;
    margin: 0px 0px 40px 0px;
  }
}

@media (max-width: 376px) {
  .developments__sub-title {
    font-size: 16px;
    margin: 0px 0px 20px 0px;
  }
}

.developments__box {
  margin: 0px 0px 50px 0px;
  padding: 70px;
  background-color: #fff;
  -webkit-box-shadow: 0px 18px 60px rgba(61, 70, 118, 0.1);
          box-shadow: 0px 18px 60px rgba(61, 70, 118, 0.1);
  border-radius: 60px;
  -webkit-transition: 1s;
  transition: 1s;
}

@media (max-width: 1001px) {
  .developments__box {
    border-radius: 40px;
    padding: 40px;
  }
}

@media (max-width: 1001px) {
  .developments__box {
    border-radius: 24px;
    padding: 20px;
  }
}

@media (max-width: 600px) {
  .developments__box {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.developments__box:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0px 10px 20px rgba(47, 54, 92, 0.185);
          box-shadow: 0px 10px 20px rgba(47, 54, 92, 0.185);
}

.developments__box-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "photo text"
 "photo icons";
  row-gap: 40px;
  -webkit-column-gap: 70px;
          column-gap: 70px;
}

@media (max-width: 1001px) {
  .developments__box-items {
    -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
        grid-template-areas: "text photo"
 "icons icons";
    row-gap: 29px;
    -webkit-column-gap: 50px;
            column-gap: 50px;
  }
}

@media (max-width: 600px) {
  .developments__box-items {
    -ms-grid-columns: auto;
        grid-template-columns: auto;
        grid-template-areas: "text"
 "photo" 
 "icons";
    row-gap: 20px;
  }
}

@media (max-width: 600px) {
  .developments__slider {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 0px 0px 30px 0px;
  }
}

.developments__back-lay {
  position: absolute;
  top: -700px;
  left: 0;
  width: 100%;
  height: 170%;
}

.developments__back-lay img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1441px) {
  .developments__back-lay {
    height: 200%;
  }
  .developments__back-lay img {
    width: 1920px;
  }
}

@media (max-width: 1160px) {
  .developments__back-lay {
    left: -200px;
  }
}

@media (max-width: 600px) {
  .developments__back-lay {
    height: 130%;
    left: -400px;
  }
}

.developments__small-decor-1 {
  left: 600px;
  top: -150px;
}

.developments__small-decor-2 {
  left: 1100px;
  top: 100px;
}

.developments__middle-decor {
  left: 0px;
  top: 100px;
}

.developments__big-decor {
  left: 150px;
  top: -100px;
}

.developments__huge-decor {
  right: -50px;
  bottom: 800px;
}

@media (max-width: 1441px) {
  .developments__huge-decor {
    display: none;
  }
}

.item-box__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: photo;
  width: 100%;
  border-radius: 60px;
}

.item-box__image img {
  width: 100%;
  min-width: 188px;
  min-height: 160px;
}

@media (max-width: 1001px) {
  .item-box__image {
    padding-top: 60px;
  }
}

@media (max-width: 600px) {
  .item-box__image {
    padding-top: 0px;
  }
  .item-box__image img {
    width: 100%;
    min-width: none;
    min-height: none;
  }
}

.item-box__info {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: text;
  width: 100%;
}

.item-box__title-box {
  font-weight: 600;
  font-size: 32px;
  line-height: 120%;
  color: #222A3F;
  margin: 0px 0px 36px 0px;
}

@media (max-width: 1001px) {
  .item-box__title-box {
    font-size: 26px;
    margin: 0px 0px 24px 0px;
  }
}

@media (max-width: 1001px) {
  .item-box__subtitle-box {
    font-size: 18px;
  }
}

.item-box__icons {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: icons;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.item-box__icons img {
  width: 100%;
}

@media (max-width: 600px) {
  .item-box__icons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.item-box__columns:not(:last-child) {
  margin: 0px 60px 0px 0px;
}

@media (max-width: 600px) {
  .item-box__columns:not(:last-child):not(:last-child) {
    margin: 0px 0px 0px 0px;
  }
}

.icon-box__description {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #222A3F;
  text-align: center;
}

/*----------------FAQ---------------*/
.faq__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 80px;
  margin: 0px 0px 240px 0px;
}

@media (max-width: 1441px) {
  .faq__body {
    margin: 0px 0px 160px 0px;
  }
}

@media (max-width: 769px) {
  .faq__body {
    margin: 0px 0px 130px 0px;
  }
}

@media (max-width: 660px) {
  .faq__body {
    padding: 0px 10px;
  }
}

@media (max-width: 376px) {
  .faq__body {
    margin: 0px 0px 90px 0px;
  }
}

.faq__article {
  -ms-flex-item-align: start;
      align-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.faq__title {
  font-weight: 800;
  font-size: 104px;
  line-height: 100%;
  color: #2A2FA3;
  margin: 0px 0px 30px 0px;
}

@media (max-width: 1441px) {
  .faq__title {
    margin: 0px 0px 40px 0px;
    font-size: 90px;
  }
}

@media (max-width: 769px) {
  .faq__title {
    font-size: 72px;
    margin: 0px 0px 30px 0px;
  }
}

@media (max-width: 376px) {
  .faq__title {
    font-size: 48px;
    margin: 0px 0px 20px 0px;
  }
}

.faq__sub-title {
  font-style: normal;
  color: #222A3F;
  margin: 0px 0px 60px 0px;
}

@media (max-width: 769px) {
  .faq__sub-title {
    font-size: 18px;
    margin: 0px 0px 40px 0px;
  }
}

@media (max-width: 376px) {
  .faq__sub-title {
    font-size: 16px;
    margin: 0px 0px 20px 0px;
  }
}

.faq__points {
  margin: 0px 0px 60px 0px;
  width: 100%;
}

.faq__rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.faq__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 23px 40px;
  background-color: #F2F4F9;
  border-radius: 30px;
}

.faq__row:not(:last-child) {
  margin: 0px 0px 30px 0px;
}

@media (max-width: 769px) {
  .faq__row {
    padding: 15px 20px;
  }
}

@media (max-width: 376px) {
  .faq__row {
    padding: 23px 40px;
  }
}

@media (max-width: 1441px) {
  .faq__readmore {
    margin: 0px 0px 70px 0px;
  }
}

@media (max-width: 769px) {
  .faq__readmore {
    margin: 0px 0px 50px 0px;
  }
}

@media (max-width: 710px) {
  .faq__readmore {
    margin: 0px 0px 18px 0px;
  }
}

.row-item__description {
  font-weight: 600;
  font-size: 26px;
  line-height: 120%;
  color: #222A3F;
  margin: 0px 10px 0px 0px;
}

@media (max-width: 769px) {
  .row-item__description {
    font-size: 24px;
  }
}

@media (max-width: 376px) {
  .row-item__description {
    font-size: 20px;
  }
}

.row-item__arrow {
  color: #2F73F6;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.row-item__arrow:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*-------------Contact--------------*/
.page__contact {
  position: relative;
}

.contact__container {
  padding: 0px;
}

.contact__body {
  position: relative;
  z-index: 23;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1441px) {
  .contact__body {
    margin: 0px 0px 160px 0px;
  }
}

@media (max-width: 1025px) {
  .contact__body {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (max-width: 769px) {
  .contact__body {
    margin: 0px 0px 130px 0px;
  }
}

@media (max-width: 660px) {
  .contact__body {
    padding: 0px 10px;
  }
}

@media (max-width: 376px) {
  .contact__body {
    margin: 0px 0px 90px 0px;
  }
}

.contact__card-back {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  background-color: #fff;
  -webkit-box-shadow: 0px 18px 60px rgba(61, 70, 118, 0.1);
          box-shadow: 0px 18px 60px rgba(61, 70, 118, 0.1);
  border-radius: 60px;
  padding: 70px 100px;
  -webkit-transition: 500ms;
  transition: 500ms;
}

@media (max-width: 769px) {
  .contact__card-back {
    padding: 50px 40px;
  }
}

.contact__card-back:hover {
  -webkit-box-shadow: 0px 20px 30px rgba(47, 54, 92, 0.185);
          box-shadow: 0px 20px 30px rgba(47, 54, 92, 0.185);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.contact__forms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact__inform {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

@media (max-width: 1025px) {
  .contact__inform {
    margin: 0px 0px 50px 0px;
  }
}

.contact__inform-box {
  padding: 70px 80px;
}

@media (max-width: 1025px) {
  .contact__inform-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 0px;
  }
}

@media (max-width: 660px) {
  .contact__inform-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}

.contact__article {
  margin: 0px 0px 60px 0px;
}

@media (max-width: 1025px) {
  .contact__article {
    margin: 0px 30px 0px 0px;
  }
}

.contact__support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

@media (max-width: 1025px) {
  .contact__support {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}

.contact__back-lay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.contact__back-lay img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1441px) {
  .contact__back-lay {
    left: -200px;
    height: 80%;
  }
}

@media (max-width: 1160px) {
  .contact__back-lay {
    left: -200px;
    height: 80%;
    top: 300px;
  }
}

@media (max-width: 660px) {
  .contact__back-lay {
    left: -200px;
    height: 60%;
    top: 600px;
  }
}

.style {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #9594AA;
  border-bottom: 1px solid #F2F4F9;
}

.form-contact__question {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 120%;
  color: #222A3F;
  margin: 0px 0px 76px 0px;
  text-align: center;
}

@media (max-width: 1025px) {
  .form-contact__question {
    font-size: 26px;
  }
}

@media (max-width: 660px) {
  .form-contact__question {
    font-size: 22px;
  }
}

.form-contact__fields {
  width: 100%;
  margin: 0px 0px 60px 0px;
}

.form-contact__item {
  max-width: 460px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -ms-grid-rows: 37px 37px 149px;
      grid-template-rows: 37px 37px 149px;
      grid-template-areas: "your-name" 
 "number"
 "message";
  row-gap: 48px;
}

.form-contact__your-name {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: your-name;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #9594AA;
}

.form-contact__number {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: number;
}

.form-contact__message {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: message;
}

.form-contact__send {
  width: 302px;
}

@media (max-width: 1441px) {
  .form-contact__send {
    width: 274px;
  }
}

@media (max-width: 769px) {
  .form-contact__send {
    width: 255px;
  }
}

@media (max-width: 710px) {
  .form-contact__send {
    width: 210px;
  }
}

.contact-item__title {
  font-weight: 800;
  font-size: 104px;
  line-height: 100%;
  color: #2A2FA3;
  margin: 0px 0px 30px 0px;
}

@media (max-width: 1441px) {
  .contact-item__title {
    margin: 0px 0px 40px 0px;
    font-size: 90px;
  }
}

@media (max-width: 769px) {
  .contact-item__title {
    font-size: 72px;
    margin: 0px 0px 30px 0px;
  }
}

@media (max-width: 376px) {
  .contact-item__title {
    font-size: 48px;
    margin: 0px 0px 20px 0px;
  }
}

.contact-item__sub-text {
  font-weight: 500;
  color: #222A3F;
}

@media (max-width: 769px) {
  .contact-item__sub-text {
    font-size: 18px;
    margin: 0px 0px 40px 0px;
  }
}

@media (max-width: 376px) {
  .contact-item__sub-text {
    font-size: 16px;
    margin: 0px 0px 20px 0px;
  }
}

.support-item__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.support-item__image {
  margin: 0px 14px 0px 0px;
}

.support-item__image img {
  width: 90px;
  height: 90px;
}

@media (max-width: 1025px) {
  .support-item__image img {
    width: 72px;
    height: 72px;
  }
}

.support-item__link {
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 120%;
  color: #363078;
}

@media (max-width: 1025px) {
  .support-item__link {
    font-size: 24px;
  }
}

/*------------Footer-------------*/
.footer {
  position: relative;
}

.footer__container {
  position: relative;
  z-index: 2;
}

.footer__body {
  position: relative;
  z-index: 4;
  padding: 300px 0px 50px 60px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      grid-template-areas: "menu"
 "logos"
 "rights";
}

@media (max-width: 768px) {
  .footer__body {
    padding-left: 0px;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "menu menu"
 "rights logos";
  }
}

@media (max-width: 590px) {
  .footer__body {
    padding-left: 0px;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "menu logos"
 "rights rights";
    row-gap: 24px;
  }
}

.footer__menu {
  margin: 0px 0px 58px 95px;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: menu;
}

@media (max-width: 1000px) {
  .footer__menu {
    margin-left: 0px;
  }
}

@media (max-width: 768px) {
  .footer__menu {
    margin-bottom: 38px;
  }
}

@media (max-width: 590px) {
  .footer__menu {
    margin-bottom: 0px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -ms-grid-column-align: start;
        justify-self: start;
  }
}

.footer__menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footer__item:not(:last-child) {
  margin: 0px 80px 0px 0px;
}

@media (max-width: 1000px) {
  .footer__item:not(:last-child) {
    margin: 0px 50px 0px 0px;
  }
}

@media (max-width: 768px) {
  .footer__item:not(:last-child) {
    margin: 0px 40px 0px 0px;
  }
}

@media (max-width: 590px) {
  .footer__item {
    display: none;
  }
}

.footer__item-hide {
  display: none;
}

@media (max-width: 590px) {
  .footer__item-hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.footer__link {
  color: #FFFFFF;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .footer__link {
    font-size: 13px;
  }
}

.footer__logo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: logos;
}

.footer__logo-link {
  -webkit-transition: 500ms;
  transition: 500ms;
}

.footer__logo-link img {
  width: 100%;
}

.footer__logo-link:not(:last-child) {
  margin: 0px 30px 0px 0px;
}

@media (max-width: 400px) {
  .footer__logo-link {
    width: 28px;
  }
  .footer__logo-link:not(:last-child) {
    margin: 0px 16px 0px 0px;
  }
}

.footer__logo-link:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.footer__copyrights a {
  font-weight: 500;
  font-size: 20px;
  line-height: 155%;
  color: #FFFFFF;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: rights;
  margin-right: 10px;
}

@media (max-width: 768px) {
  .footer__copyrights a {
    font-size: 18px;
    -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
  }
}

@media (max-width: 590px) {
  .footer__copyrights a {
    -ms-grid-column-align: center;
        justify-self: center;
    font-size: 15px;
  }
}

.footer__back-img {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
}

.footer__back-img img {
  width: 100%;
  max-height: 600px;
  min-height: 470px;
}

@media (max-width: 1550px) {
  .footer__back-img {
    height: 150%;
    left: -250px;
    top: 0px;
  }
  .footer__back-img img {
    width: 1920px;
  }
}

@media (max-width: 1160px) {
  .footer__back-img {
    left: -400px;
  }
}

@media (max-width: 769px) {
  .footer__back-img {
    left: -600px;
  }
}

.footer__small-decor-1 {
  right: 70px;
  bottom: 50px;
}

.footer__small-decor-2 {
  left: 70px;
  bottom: 100px;
}

.footer__middle-decor {
  right: 200px;
  bottom: 50px;
}

@media (max-width: 560px) {
  .footer__middle-decor {
    display: none;
  }
}