@font-face {
  font-family: 'Century Gothic';
  src: url("../fonts/CenturyGothic-Italic.eot");
  src: local("Century Gothic Italic"), local("CenturyGothic-Italic"), url("../fonts/CenturyGothic-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic-Italic.woff") format("woff"), url("../fonts/CenturyGothic-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Century Gothic';
  src: url("../fonts/CenturyGothic.eot");
  src: local("Century Gothic"), local("CenturyGothic"), url("../fonts/CenturyGothic.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic.woff") format("woff"), url("../fonts/CenturyGothic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Century Gothic';
  src: url("../fonts/CenturyGothic-Bold.eot");
  src: local("Century Gothic Bold"), local("CenturyGothic-Bold"), url("../fonts/CenturyGothic-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic-Bold.woff") format("woff"), url("../fonts/CenturyGothic-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Century Gothic';
  src: url("../fonts/CenturyGothic-BoldItalic.eot");
  src: local("Century Gothic Bold Italic"), local("CenturyGothic-BoldItalic"), url("../fonts/CenturyGothic-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/CenturyGothic-BoldItalic.woff") format("woff"), url("../fonts/CenturyGothic-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }
/**
  *
  *   Author: Andrey Melnichenko @dev_arm923i
  *   Author URI: https://t.me/dev_arm923i
  * 
**/
@keyframes scale {
  0% {
    transform: scale(0); }
  50% {
    transform: scale(0.7); }
  100% {
    transform: scale(1); } }
@keyframes scaleX {
  0% {
    transform: scaleX(0); }
  50% {
    transform: scaleX(0.7); }
  100% {
    transform: scaleX(1); } }
@keyframes widthTo100VW {
  0% {
    width: 0; }
  50% {
    width: 70vw; }
  100% {
    width: 100vw; } }
.animation--widthTo100 {
  width: 0; }

.animate.animation--widthTo100 {
  animation-name: widthTo100;
  animation-duration: 1.1s;
  animation-fill-mode: forwards;
  animation-timing-function: linear; }

@keyframes widthTo100 {
  0% {
    width: 0; }
  50% {
    width: 70%; }
  100% {
    width: 100%; } }

.animation--widthTo100Home {
  width: 0; }

.animate.animation--widthTo100Home {
  animation-name: widthTo100Home;
  animation-duration: 1.1s;
  animation-fill-mode: forwards;
  animation-timing-function: linear; }

@keyframes widthTo100Home {
  0% {
    width: 0; }
  50% {
    width: 70%; }
  100% {
    width: 81vw; } 
}

@media screen and (max-width:1850px){
  @keyframes widthTo100Home {
    0% {
      width: 0; }
    50% {
      width: 70%; }
    100% {
      width: 82vw } 
  }
}
@media screen and (max-width:1800px){
  @keyframes widthTo100Home {
    0% {
      width: 0; }
    50% {
      width: 70%; }
    100% {
      width: 83vw } 
  }
}
@media screen and (max-width:1750px){
  @keyframes widthTo100Home {
    0% {
      width: 0; }
    50% {
      width: 70%; }
    100% {
      width: 85vw } 
  }
}
@media screen and (max-width:1700px){
  @keyframes widthTo100Home {
    0% {
      width: 0; }
    50% {
      width: 70%; }
    100% {
      width: 86vw } 
  }
}
@media screen and (max-width:1600px){
  @keyframes widthTo100Home {
    0% {
      width: 0; }
    50% {
      width: 70%; }
    100% {
      width: 87vw } 
  }
}
@media screen and (max-width:1550px){
  @keyframes widthTo100Home {
    0% {
      width: 0; }
    50% {
      width: 70%; }
    100% {
      width: 88vw } 
  }
}
@media screen and (max-width:1500px){
  @keyframes widthTo100Home {
    0% {
      width: 0; }
    50% {
      width: 70%; }
    100% {
      width: 90vw } 
  }
}
@media screen and (max-width:1450px){
  @keyframes widthTo100Home {
    0% {
      width: 0; }
    50% {
      width: 70%; }
    100% {
      width: 91vw } 
  }
}
@media screen and (max-width:1400px){
  @keyframes widthTo100Home {
    0% {
      width: 0; }
    50% {
      width: 70%; }
    100% {
      width: 100% } 
  }
}

.animation--fade {
  opacity: 0; }

.animate.animation--fade {
  animation-name: fade;
  animation-duration: 1.1s;
  animation-fill-mode: forwards;
  animation-timing-function: linear; }

@keyframes fade {
  0% {
    opacity: 0; }
  50% {
    opacity: .7; }
  100% {
    opacity: 1; } }
.animation--fadeLeft {
  opacity: 0;
  transform: translateX(-50px); }

.animate.animation--fadeLeft {
  animation-name: fadeLeft;
  animation-duration: .9s;
  animation-fill-mode: forwards;
  animation-timing-function: linear; }

@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px); }
  50% {
    opacity: .7;
    transform: translateX(-35px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.animation--fadeRight {
  opacity: 0;
  transform: translateX(50px); }

.animate.animation--fadeRight {
  animation-name: fadeRight;
  animation-duration: .9s;
  animation-fill-mode: forwards;
  animation-timing-function: linear; }

@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  50% {
    opacity: .7;
    transform: translateX(35px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.animation--fadeTop {
  opacity: 0;
  transform: translateY(-50px); }

.animate.animation--fadeTop {
  animation-name: fadeTop;
  animation-duration: .9s;
  animation-fill-mode: forwards;
  animation-timing-function: linear; }

@keyframes fadeTop {
  0% {
    opacity: 0;
    transform: translateY(-50px); }
  50% {
    opacity: .7;
    transform: translateY(-35px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.animation--fadeTopLeft {
  opacity: 0;
  transform: translate(-50px, -50px); }

.animate.animation--fadeTopLeft {
  animation-name: fadeTopLeft;
  animation-duration: .9s;
  animation-fill-mode: forwards;
  animation-timing-function: linear; }

@keyframes fadeTopLeft {
  0% {
    opacity: 0;
    transform: translate(-50px, -50px); }
  50% {
    opacity: .7;
    transform: translate(-35px, -35px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
.animation--fadeTopRight {
  opacity: 0;
  transform: translate(50px, -50px); }

.animate.animation--fadeTopRight {
  animation-name: fadeTopRight;
  animation-duration: .9s;
  animation-fill-mode: forwards;
  animation-timing-function: linear; }

@keyframes fadeTopRight {
  0% {
    opacity: 0;
    transform: translate(50px, -50px); }
  50% {
    opacity: .7;
    transform: translate(35px, -35px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
.animation--fadeBottom {
  opacity: 0;
  transform: translateY(50px); }

.animate.animation--fadeBottom {
  animation-name: fadeBottom;
  animation-duration: .9s;
  animation-fill-mode: forwards;
  animation-timing-function: linear; }

@keyframes fadeBottom {
  0% {
    opacity: 0;
    transform: translateY(50px); }
  50% {
    opacity: .7;
    transform: translateY(35px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.animation--fadeBottomLeft {
  opacity: 0;
  transform: translate(-50px, 50px); }

.animate.animation--fadeBottomLeft {
  animation-name: fadeBottomLeft;
  animation-duration: .9s;
  animation-fill-mode: forwards;
  animation-timing-function: linear; }

@keyframes fadeBottomLeft {
  0% {
    opacity: 0;
    transform: translate(-50px, 50px); }
  50% {
    opacity: .7;
    transform: translate(-35px, 35px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
.animation--fadeBottomRight {
  opacity: 0;
  transform: translate(50px, 50px); }

.animate.animation--fadeBottomRight {
  animation-name: fadeBottomRight;
  animation-duration: .9s;
  animation-fill-mode: forwards;
  animation-timing-function: linear; }

@keyframes fadeBottomRight {
  0% {
    opacity: 0;
    transform: translate(50px, 50px); }
  50% {
    opacity: .7;
    transform: translate(35px, 35px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
.animation--delay-1 {
  animation-delay: .1s; }

.animation--delay-2 {
  animation-delay: .2s; }

.animation--delay-3 {
  animation-delay: .3s; }

.animation--delay-4 {
  animation-delay: .4s; }

.animation--delay-5 {
  animation-delay: .5s; }

.animation--delay-6 {
  animation-delay: .6s; }

.animation--delay-7 {
  animation-delay: .7s; }

.animation--delay-8 {
  animation-delay: .8s; }

.animation--delay-9 {
  animation-delay: .9s; }

.animation--delay-10 {
  animation-delay: 1s; }

.animation--delay-11 {
  animation-delay: 1.1s; }

.animation--delay-12 {
  animation-delay: 1.2s; }

.animation--delay-13 {
  animation-delay: 1.3s; }

.animation--delay-14 {
  animation-delay: 1.4s; }

.animation--delay-15 {
  animation-delay: 1.5s; }

.animation--delay-16 {
  animation-delay: 1.6s; }

.animation--delay-17 {
  animation-delay: 1.7s; }

.animation--delay-18 {
  animation-delay: 1.8s; }

.animation--delay-19 {
  animation-delay: 1.9s; }

.animation--delay-20 {
  animation-delay: 2s; }

/**
  *
  *   Author: Andrey Melnichenko @dev_arm923i
  *   Author URI: https://t.me/dev_arm923i
  * 
**/
.header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #1d1464;
  padding: 22px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  z-index: 9;
  transition: .5s ease-in all; }
  .header.transparent {
    background-color: rgba(0, 0, 0, 0.12); }
    .header.transparent.sticky {
      background-color: #1d1464;
      backdrop-filter: blur(29.7px); }
  @media screen and (max-width: 600px) {
    .header {
      padding: 14px 18px; } }
  .header a {
    color: #fff; }
  .header_left .mobile_btn {
    display: none;
    align-items: center; }
  @media screen and (max-width: 1100px) {
    .header_left {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .header_left .mobile_btn {
        display: flex; } }
  .header_left .btn_phone {
    height: 30px; }
  .header_left .btn_menu {
    width: 36px;
    height: 22px;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-left: 24px; }
    .header_left .btn_menu span {
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      background: #fff;
      opacity: 1;
      left: 0;
      transform: rotate(0deg);
      transition: .25s ease-in-out; }
      .header_left .btn_menu span:nth-child(1) {
        top: 0px;
        transform-origin: left center; }
      .header_left .btn_menu span:nth-child(2) {
        top: 10px;
        transform-origin: left center; }
      .header_left .btn_menu span:nth-child(3) {
        top: 20px;
        transform-origin: left center; }
    .header_left .btn_menu.open span:nth-child(1) {
      transform: rotate(45deg);
      top: -3px;
      left: 8px; }
    .header_left .btn_menu.open span:nth-child(2) {
      width: 0%;
      opacity: 0; }
    .header_left .btn_menu.open span:nth-child(3) {
      transform: rotate(-45deg);
      top: 23px;
      left: 8px; }
  .header_right {
    display: flex;
    align-items: center; }
    .header_right .header_menu {
      list-style: none;
      display: flex;
      align-items: center; }
      .header_right .header_menu li {
        margin-right: 40px; }
        .header_right .header_menu li:last-child {
          margin-right: 0; }
        .header_right .header_menu li.current_page_item a::after {
          transform: scaleX(1); }
      .header_right .header_menu a {
        font-size: 17px;
        position: relative; }
        .header_right .header_menu a::after {
          content: '';
          display: block;
          position: absolute;
          bottom: -4px;
          left: 0;
          width: 100%;
          height: 2px;
          background: #fff;
          transition: transform .5s ease;
          transform: scaleX(0); }
        .header_right .header_menu a:hover::after {
          transform: scaleX(1); }
    .header_right .header_contacts {
      position: relative;
      margin: 0 60px; }
      .header_right .header_contacts::before {
        content: '';
        position: absolute;
        top: 5px;
        right: -20px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transition: .3s linear all;
        transform: rotate(135deg); }
      .header_right .header_contacts .phone {
        display: block;
        font-size: 20px; }
      .header_right .header_contacts .header_socials {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: max-content;
        max-width: 100%;
        padding-top: 10px;
        transition: .3s ease all;
        visibility: hidden;
        opacity: 0;
        z-index: 1; }
        .header_right .header_contacts .header_socials_wrap {
          padding: 12px 18px 18px;
          background: #fff;
          box-shadow: 0 0 12px 0 #1d1464; }
        .header_right .header_contacts .header_socials .links {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .header_right .header_contacts .header_socials .links a {
            display: block;
            transform: translateY(0); }
            .header_right .header_contacts .header_socials .links a:last-child {
              margin-right: 0; }
            .header_right .header_contacts .header_socials .links a:hover {
              transform: translateY(-5px); }
            .header_right .header_contacts .header_socials .links a svg {
              width: 20px; }
        .header_right .header_contacts .header_socials .request {
          font-size: 14px;
          margin-top: 6px;
          cursor: pointer;
          color: #1d1464;
          position: relative; }
          .header_right .header_contacts .header_socials .request::after {
            content: '';
            display: block;
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 100%;
            height: 2px;
            background: #707070;
            transition: transform .5s ease;
            transform: scaleX(0); }
          .header_right .header_contacts .header_socials .request:hover::after {
            transform: scaleX(1); }
      .header_right .header_contacts:hover::before {
        top: 10px;
        transform: rotate(315deg); }
      .header_right .header_contacts:hover .header_socials {
        visibility: visible;
        opacity: 1; }
    .header_right .btn {
      font-size: 14px;
      padding: 11px 24px;
      color: #fff;
      border-color: #fff; }
      .header_right .btn::after {
        background: #fff; }
      .header_right .btn:hover span {
        color: #1d1464; }
    @media screen and (max-width: 1400px) {
      .header_right .header_menu li {
        margin-right: 24px; }
      .header_right .header_menu a {
        font-size: 16px; }
      .header_right .header_contacts {
        margin: 0 48px; } }
    @media screen and (max-width: 1200px) {
      .header_right .header_menu li {
        margin-right: 18px; }
      .header_right .header_contacts {
        margin: 0 24px; } }
    @media screen and (max-width: 1100px) {
      .header_right {
        display: none;
        width: 100%;
        position: absolute;
        top: 78px;
        left: 0;
        z-index: 9;
        background-color: #1d1464;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        text-align: center;
        padding: 36px 18px; }
        .header_right .header_menu {
          flex-direction: column; }
          .header_right .header_menu li {
            margin-right: 0;
            margin-bottom: 24px; }
            .header_right .header_menu li a {
              font-size: 20px; }
        .header_right .header_contacts {
          width: max-content;
          margin: 36px auto; }
          .header_right .header_contacts:hover::before {
            top: 5px;
            transform: rotate(135deg); }
          .header_right .header_contacts:hover .header_socials {
            visibility: hidden;
            opacity: 0; }
          .header_right .header_contacts.open::before {
            top: 10px;
            transform: rotate(315deg); }
          .header_right .header_contacts.open .header_socials {
            visibility: visible;
            opacity: 1; }
        .header_right .btn {
          margin: 0 auto; } }

/**
  *
  *   Author: Andrey Melnichenko @dev_arm923i
  *   Author URI: https://t.me/dev_arm923i
  * 
**/
.footer {
  position: relative;
  background: #1d1464;
  padding: 76px 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #fff; }
  .footer a {
    color: #fff; }
  .footer_menu {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .footer_menu li {
      margin-right: 36px; }
      .footer_menu li:last-child {
        margin-right: 0; }
    .footer_menu a {
      font-size: 18px;
      opacity: 0.7;
      position: relative; }
      .footer_menu a::after {
        content: '';
        display: block;
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #fff;
        transition: transform .5s ease;
        transform: scaleX(0); }
      .footer_menu a:hover {
        opacity: 1; }
        .footer_menu a:hover::after {
          transform: scaleX(1); }
  .footer .logo {
    display: block;
    margin: 36px 0; }
  .footer .copyright {
    line-height: 1.4;
    opacity: 0.7; }
  .footer .dev {
    margin-top: 36px; }
    .footer .dev a {
      opacity: .7;
      position: relative; }
      .footer .dev a::after {
        content: '';
        display: block;
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #fff;
        transition: transform .5s ease;
        transform: scaleX(0); }
      .footer .dev a:hover {
        opacity: 1; }
        .footer .dev a:hover::after {
          transform: scaleX(1); }
  @media screen and (max-width: 600px) {
    .footer {
      padding: 48px 18px; }
      .footer_menu li {
        width: calc(100% / 3);
        margin-right: 0;
        margin-bottom: 24px; }
      .footer .copyright {
        margin: 24px 0 48px; } }

/**
  *
  *   Author: Andrey Melnichenko @dev_arm923i
  *   Author URI: https://t.me/dev_arm923i
  * 
**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  box-sizing: border-box;
  font-family: 'Century Gothic';
  vertical-align: baseline;
  background: none;
  font-size: 16px; }

body {
  position: relative;
  overflow-x: hidden; }
  body.fixed {
    overflow: hidden; }

@media screen and (max-width: 600px) {
  section {
    overflow: hidden; } }
::selection {
  background: #1d1464;
  color: #ffffff; }

a {
  text-decoration: none;
  transition: .3s ease all; }

img {
  max-width: 100%; }

.bg_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; }

.bg {
  background-size: cover!important;
  background-position: center;
  background-repeat: no-repeat; }

textarea {
  font-family: 'Century Gothic';
  resize: none;
  width: calc(100% - 36px);
  height: calc(100% - 36px);
  padding: 18px;
  font-size: 18px;
  border: 1px solid #d6d6d6; }

input {
  width: 100%;
  padding: 18px;
  font-size: 18px;
  border: 1px solid #d6d6d6; }

input:focus, input:active, textarea:focus, textarea:active {
  outline: 1px solid #1d1464; }

.logo {
  display: block; }
  .logo img {
    transition: .3s ease all; }
  .logo:hover img {
    transform: scale(0.9); }

.btn, input[type="submit"] {
  position: relative;
  display: block;
  font-size: 20px;
  text-transform: uppercase;
  color: #000;
  border: 1px solid #000;
  padding: 12px 36px;
  cursor: pointer;
  width: max-content;
  text-align: center; }
  .btn::after, input[type="submit"]::after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: #1d1464; }
  .btn span, input[type="submit"] span {
    position: relative;
    z-index: 1;
    transition: .3s ease all; }
  .btn:hover::after, input[type="submit"]:hover::after {
    height: 100%;
    top: 0; }
  .btn:hover span, input[type="submit"]:hover span {
    color: #fff; }

.container {
  width: 1368px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 48px; }

.container_left {
  padding-left: 108px; }

.container_right {
  padding-right: 108px; }

@media screen and (max-width: 1500px) {
  .container_left {
    padding-left: 72px; }

  .container_right {
    padding-right: 72px; } }
@media screen and (max-width: 1300px) {
  .container_left {
    padding-left: 48px; }

  .container_right {
    padding-right: 48px; } }
@media screen and (max-width: 1100px) {
  .container_left {
    padding-left: 0; }

  .container_right {
    padding-right: 0; } }
@media screen and (max-width: 600px) {
  .container {
    padding: 0 18px; } }
.title_h1 {
  font-size: 72px;
  line-height: 1.2;
  font-weight: normal; }

.title_h2 {
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 36px; }

.title_h3 {
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 24px; }

.text, p {
  font-size: 20px;
  line-height: 1.3; }

p {
  margin-bottom: 12px; }

@media screen and (max-width: 1400px) {
  .title_h1 {
    font-size: 48px; }

  .title_h2 {
    font-size: 28px; }

  .title_h3 {
    font-size: 24px; }

  .text, p {
    font-size: 18px; } }
@media screen and (max-width: 1100px) {
  .title_h1 {
    font-size: 38px; }

  .title_h2 {
    font-size: 26px; }

  .title_h3 {
    font-size: 20px; }

  .text, p {
    font-size: 16px; } }
@media screen and (max-width: 600px) {
  .title_h1 {
    font-size: 30px; }

  .title_h2 {
    font-size: 24px;
    margin-bottom: 18px; }

  .title_h3 {
    font-size: 18px; } }
/**
  *
  *   Author: Andrey Melnichenko @dev_arm923i
  *   Author URI: https://t.me/dev_arm923i
  * 
**/
.main_home {
  position: relative;
  padding: 126px 0 252px; }
  .main_home:after {
    content: '';
    position: absolute;
    top: 380px;
    left: 0;
    width: 100vw;
    height: 920px;
    background: #f0f0f0;
    animation: scaleX 1.1s linear forwards; }
  .main_home_wrap {
    position: relative;
    z-index: 1; }
    .main_home_wrap::before {
      content: '';
      position: absolute;
      top: 0;
      left: -72px;
      width: 1px;
      height: 0px;
      background: #000;
      z-index: 1;
      transition: 6s ease all; }
    .main_home_wrap.animate::before {
      height: 100%; }
  @media screen and (max-width: 1600px) {
    .main_home_wrap::before {
      left: -48px; } }
  @media screen and (max-width: 1400px) {
    .main_home::after {
      height: 800px; }
    .main_home_wrap::before {
      display: none; } }
  @media screen and (max-width: 1300px) {
    .main_home {
      padding: 116px 0 92px; }
      .main_home::after {
        height: 700px; } }
  @media screen and (max-width: 600px) {
    .main_home {
      padding: 102px 0 48px; }
      .main_home::after {
        top: 160px;
        height: 1150px; } }
  @media screen and (max-width: 600px) {
    .main_home .home_s1, .main_home .home_s2, .main_home .home_s3, .main_home .home_s4, .main_home .home_s5 {
      overflow: visible; }
      .main_home .home_s1_wrap, .main_home .home_s2_wrap, .main_home .home_s3_wrap, .main_home .home_s4_wrap, .main_home .home_s5_wrap {
        overflow: hidden; } }
  .main_home .home_s1_img {
    position: relative;
    height: 520px;
    margin-bottom: 72px; }
    .main_home .home_s1_img:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 1;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
      transition: .3s ease all; }
    .main_home .home_s1_img .s1_banner_text {
      position: absolute;
      bottom: 36px;
      left: 36px;
      color: #fff;
      z-index: 1;
      width: max-content;
      max-width: 100%; }
      .main_home .home_s1_img .s1_banner_text .home_s1_title {
        margin-bottom: 24px; }
    .main_home .home_s1_img .digits {
      display: flex;
      justify-content: flex-start; }
      .main_home .home_s1_img .digits .col:first-child {
        margin-right: 55px; }
      .main_home .home_s1_img .digits .num {
        font-size: 72px;
        line-height: 1.1; }
  .main_home .home_s1 .text_two_col {
    display: flex; }
    .main_home .home_s1 .text_two_col .col:first-child {
      margin-right: 48px; }
  @media screen and (max-width: 1500px) {
    .main_home .home_s1_img {
      height: 500px;
      margin-bottom: 48px; }
    .main_home .home_s1 .text_two_col {
      display: flex; }
      .main_home .home_s1 .text_two_col .col:first-child {
        margin-right: 36px; } }
  @media screen and (max-width: 1300px) {
    .main_home .home_s1_img {
      height: 420px;
      margin-bottom: 36px; } }
  @media screen and (max-width: 1100px) {
    .main_home .home_s1_img {
      height: 350px;
      margin-bottom: 36px; } }
  @media screen and (max-width: 600px) {
    .main_home .home_s1_img {
      height: 280px;
      margin-bottom: 36px; }
      .main_home .home_s1_img .s1_banner_text {
        bottom: 18px;
        left: 18px; }
    .main_home .home_s1 .text_two_col {
      display: block; }
      .main_home .home_s1 .text_two_col .col:first-child {
        margin-right: 0;
        margin-bottom: 12px; } }
  .main_home .home_s2 {
    margin-top: 48px; }
    .main_home .home_s2_wrap {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .main_home .home_s2_wrap .left {
        width: 54%;
        border: 1px solid #d6d6d6; }
        .main_home .home_s2_wrap .left .home_card {
          position: relative; }
          .main_home .home_s2_wrap .left .home_card img {
            height: 500px; }
          .main_home .home_s2_wrap .left .home_card .caption {
            position: absolute;
            left: 48px;
            bottom: 36px;
            background-color: rgba(255, 255, 255, 0.8);
            padding: 18px 24px; }
        .main_home .home_s2_wrap .left .block {
          padding: 36px 48px 72px; }
        .main_home .home_s2_wrap .left .text {
          margin-bottom: 36px; }
      .main_home .home_s2_wrap .right {
        width: 46%;
        display: flex;
        justify-content: space-between;
        padding: 150px 0 0 72px; }
        .main_home .home_s2_wrap .right .col {
          width: calc((100% - 48px) / 2); }
          .main_home .home_s2_wrap .right .col .title_h3 {
            padding-bottom: 24px;
            border-bottom: 1px solid #d6d6d6; }
          .main_home .home_s2_wrap .right .col .col_text {
            line-height: 1.44; }
          .main_home .home_s2_wrap .right .col .link {
            display: block;
            text-transform: uppercase;
            color: #707070;
            margin-top: 36px;
            width: max-content;
            position: relative; }
            .main_home .home_s2_wrap .right .col .link::after {
              content: '';
              display: block;
              position: absolute;
              bottom: -4px;
              left: 0;
              width: 100%;
              height: 2px;
              background: #707070;
              transition: transform .5s ease;
              transform: scaleX(0); }
            .main_home .home_s2_wrap .right .col .link:hover::after {
              transform: scaleX(1); }
    @media screen and (max-width: 1300px) {
      .main_home .home_s2 .left .home_card img {
        height: 420px; }
      .main_home .home_s2 .left .home_card .caption {
        left: 24px;
        bottom: 24px; }
      .main_home .home_s2 .left .block {
        padding: 24px 36px 48px; }
      .main_home .home_s2 .left .text {
        margin-bottom: 24px; }
      .main_home .home_s2 .right {
        padding: 100px 0 0 48px; }
        .main_home .home_s2 .right .col {
          width: calc((100% - 36px) / 2); }
          .main_home .home_s2 .right .col .title_h3 {
            padding-bottom: 18px; }
          .main_home .home_s2 .right .col .link {
            margin-top: 24px; } }
    @media screen and (max-width: 1100px) {
      .main_home .home_s2 .right {
        display: block;
        padding: 48px 0 0 36px; }
        .main_home .home_s2 .right .col {
          width: 100%;
          margin-bottom: 48px; }
          .main_home .home_s2 .right .col:last-child {
            margin-bottom: 0; }
          .main_home .home_s2 .right .col .link {
            margin-top: 24px; } }
    @media screen and (max-width: 600px) {
      .main_home .home_s2_wrap {
        display: block; }
        .main_home .home_s2_wrap .left {
          width: 100%; }
          .main_home .home_s2_wrap .left .home_card .caption {
            bottom: 18px;
            left: 12px;
            padding: 16px 24px;
            width: min-content; }
            .main_home .home_s2_wrap .left .home_card .caption .title_h2 {
              font-size: 28px; }
          .main_home .home_s2_wrap .left .block {
            padding: 18px 12px 36px; }
        .main_home .home_s2_wrap .right {
          width: 100%;
          padding: 48px 0 0; } }
  .main_home .home_s3 {
    position: relative;
    padding: 180px 0 72px; }
    .main_home .home_s3::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: -72px;
      height: 420px;
      background: #f0f0f0; }
    .main_home .home_s3.animate::after {
      animation-name: widthTo100VW;
      animation-duration: 1.3s;
      animation-fill-mode: forwards;
      animation-timing-function: linear; }
    .main_home .home_s3_wrap {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .main_home .home_s3_wrap .left {
        width: 46%;
        padding-right: 36px; }
        .main_home .home_s3_wrap .left .text {
          padding: 36px 0; }
      .main_home .home_s3_wrap .right {
        width: 54%;
        height: 500px; }
    @media screen and (max-width: 1500px) {
      .main_home .home_s3 {
        padding: 120px 0 72px; }
        .main_home .home_s3::after {
          right: -36px; } }
    @media screen and (max-width: 1300px) {
      .main_home .home_s3 {
        padding: 90px 0 48px; }
        .main_home .home_s3::after {
          height: 350px;
          right: -24px; }
        .main_home .home_s3_wrap .left .text {
          padding: 0 0 24px; }
        .main_home .home_s3_wrap .right {
          height: 400px; } }
    @media screen and (max-width: 900px) {
      .main_home .home_s3::after {
        width: 100vw;
        height: calc(100% - 200px);
        right: -48px; }
      .main_home .home_s3_wrap {
        flex-direction: column-reverse; }
        .main_home .home_s3_wrap .left {
          width: 100%;
          padding-right: 0; }
        .main_home .home_s3_wrap .right {
          width: 100%;
          margin-bottom: 36px; } }
    @media screen and (max-width: 600px) {
      .main_home .home_s3 {
        padding: 48px 0 36px; }
        .main_home .home_s3::after {
          height: calc(100% - 130px);
          right: -18px; }
        .main_home .home_s3_wrap {
          flex-direction: column-reverse; }
          .main_home .home_s3_wrap .left .text {
            padding: 0 0 20px; }
          .main_home .home_s3_wrap .right {
            height: 260px;
            margin-bottom: 24px; } }
  .main_home .home_s4 {
    padding: 180px 0; }
    .main_home .home_s4 .item {
      height: 115px;
      background: #f0f0f0; }
    @media screen and (max-width: 1500px) {
      .main_home .home_s4 {
        padding: 120px 0; } }
    @media screen and (max-width: 1300px) {
      .main_home .home_s4 {
        padding: 90px 0; } }
    @media screen and (max-width: 1100px) {
      .main_home .home_s4 {
        padding: 72px 36px; } }
    @media screen and (max-width: 600px) {
      .main_home .home_s4 {
        padding: 48px 0 0; }
        .main_home .home_s4_wrap {
          margin-right: -18px; }
        .main_home .home_s4 .item {
          height: 82px; } }
  .main_home .home_s5 {
    position: relative;
    padding: 72px 0; }
    .main_home .home_s5::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: -100%;
      height: 100%;
      background: #f0f0f0; }
    .main_home .home_s5.animate::after {
      animation-name: widthTo100VW;
      animation-duration: 1.3s;
      animation-fill-mode: forwards;
      animation-timing-function: linear; }
    .main_home .home_s5_wrap {
      position: relative;
      z-index: 1; }
    @media screen and (max-width: 1100px) {
      .main_home .home_s5 {
        padding: 48px 0 0; } }
    @media screen and (max-width: 600px) {
      .main_home .home_s5::after {
        display: none; } }

/**
  *
  *   Author: Andrey Melnichenko @dev_arm923i
  *   Author URI: https://t.me/dev_arm923i
  * 
**/
.heading {
  position: relative;
  height: 960px;
  display: flex;
  align-items: flex-end;
  padding: 72px 0;
  background-attachment: fixed; 
  -webkit-background-attachment: fixed; 
}
  .heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 360px;
    opacity: 0.7;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); }
  .heading h1 {
    color: #fff;
    font-weight: normal;
    position: relative;
    z-index: 1; }
  .heading .sub {
    color: #fff;
    font-size: 30px;
    line-height: 1.2;
    position: relative;
    z-index: 1; }
  .heading .single_back {
    display: block;
    width: max-content;
    color: #fff;
    font-size: 24px;
    position: relative;
    z-index: 1;
    margin-bottom: 24px; }
    .heading .single_back::after {
      content: '';
      display: block;
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 100%;
      height: 2px;
      background: #fff;
      transition: transform .5s ease;
      transform: scaleX(0); }
    .heading .single_back:hover::after {
      transform: scaleX(1); }
  @media screen and (max-width: 1700px) {
    .heading {
      height: 900px; } }
  @media screen and (max-width: 1500px) {
    .heading {
      height: 860px;
      padding: 60px 0; } }
  @media screen and (max-width: 1300px) {
    .heading {
      padding: 48px 0;
      height: 760px; } }
  @media screen and (max-width: 1100px) {
    .heading {
      height: 600px; } }
  @media screen and (max-width: 600px) {
    .heading {
      padding: 36px 0; 
      background-attachment: unset; 
    }
      .heading::after {
        height: 200px; } }

.arm_page {
  padding: 72px 0 120px; }
  @media screen and (max-width: 1300px) {
    .arm_page {
      padding: 48px 0 90px; } }
  @media screen and (max-width: 600px) {
    .arm_page {
      padding: 36px 0 48px; } }

.contact_form {
  padding-bottom: 120px; }
  .contact_form .form_wrap .top {
    display: flex; }
    .contact_form .form_wrap .top .left {
      width: 34%;
      padding-right: 24px; }
      .contact_form .form_wrap .top .left input {
        margin-bottom: 18px; }
        .contact_form .form_wrap .top .left input:last-child {
          margin-bottom: 0; }
    .contact_form .form_wrap .top .right {
      width: 66%; }
  .contact_form .form_wrap .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px; }
    .contact_form .form_wrap .bottom .btn {
      white-space: nowrap; }
  .contact_form .form_wrap .sub {
    color: #707070; }
    .contact_form .form_wrap .sub a {
      color: #707070;
      text-decoration: underline; }
      .contact_form .form_wrap .sub a:hover {
        color: #1d1464; }
  @media screen and (max-width: 1300px) {
    .contact_form {
      padding-bottom: 90px; } }
  @media screen and (max-width: 1000px) {
    .contact_form .form_wrap .top {
      display: block; }
      .contact_form .form_wrap .top .left {
        width: 100%;
        padding-right: 0; }
        .contact_form .form_wrap .top .left input {
          margin-bottom: 18px; }
          .contact_form .form_wrap .top .left input:last-child {
            margin-bottom: 18px; }
      .contact_form .form_wrap .top .right {
        width: 100%; }
        .contact_form .form_wrap .top .right textarea {
          height: 200px; }
    .contact_form .form_wrap .bottom {
      flex-direction: column-reverse; }
      .contact_form .form_wrap .bottom .btn {
        width: 100%;
        margin-bottom: 24px; } }
  @media screen and (max-width: 600px) {
    .contact_form .title_h2 {
      font-size: 28px; }
    .contact_form .form_wrap .top .right textarea {
      height: 180px; } }

.cards_list {
  display: flex;
  flex-wrap: wrap; }

.card {
  position: relative;
  width: 50%;
  height: 480px;
  color: #000;
  transition: .5s ease all;
  background-size: 100% 100%!important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end; 
  padding: 24px;
}
  .card:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    opacity: 0.7;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
    transition: .3s ease all; }
  .card:hover {
    background-size: 110% 110%!important; }
    .card:hover:after {
      height: 100%; }
  .card .caption {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 18px 24px;
    z-index: 1;
  }
    .card .caption .title_h2 {
      margin-bottom: 2px; }
  @media screen and (max-width: 1500px) {
    .card {
      height: 420px; } }
  @media screen and (max-width: 1300px) {
    .card {
      height: 380px; } }
  @media screen and (max-width: 1100px) {
    .card {
      height: 350px; } }
  @media screen and (max-width: 900px) {
    .card {
      height: 300px; } }
  @media screen and (max-width: 600px) {
    .card {
      width: 100%;
      height: 240px; 
      background-size: cover!important;
    }
    .card:hover{
      background-size: cover!important;
    }
      .card:after {
        height: 94px; }
      .card .caption {
        padding: 16px 24px; }
        .card .caption .title_h2 {
          font-size: 22px; }
        .card .caption .sub {
          font-size: 14px; } }

.projects {
  margin-top: 94px; }

.heading_projects {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 36px 48px; }
  .heading_projects_back {
    display: flex;
    align-items: baseline; }
    .heading_projects_back .link {
      margin-right: 24px; }
  .heading_projects .title_h2 {
    margin-bottom: 0; }
  .heading_projects .link {
    font-size: 18px;
    text-transform: uppercase;
    color: #707070;
    position: relative; }
    .heading_projects .link::after {
      content: '';
      display: block;
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 100%;
      height: 2px;
      background: #1d1464;
      transition: transform .5s ease;
      transform: scaleX(0); }
    .heading_projects .link:hover {
      color: #1d1464; }
      .heading_projects .link:hover::after {
        transform: scaleX(1); }
  @media screen and (max-width: 600px) {
    .heading_projects {
      padding: 36px 18px; }
      .heading_projects .link {
        font-size: 16px; }
        .heading_projects .link span {
          display: none; } }

.single-project .content {
  display: flex; }
  .single-project .content .left {
    flex-grow: 1;
    padding-right: 72px; }
  .single-project .content .right {
    width: 300px; }
    .single-project .content .right .row {
      width: 300px;
      margin-bottom: 36px; }
      .single-project .content .right .row .title {
        color: #707070;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 18px;
        margin-bottom: 12px; }
        .single-project .content .right .row .title span {
          font-size: 20px; }
        .single-project .content .right .row .title .ico img {
          width: 24px; }
      .single-project .content .right .row .title_h3 {
        margin-bottom: 0; }
  @media screen and (max-width: 1400px) {
    .single-project .content .left {
      padding-right: 48px; } }
  @media screen and (max-width: 1100px) {
    .single-project .content .right {
      width: 240px; }
      .single-project .content .right .row {
        width: 240px; } }
  @media screen and (max-width: 600px) {
    .single-project .content {
      display: block; }
      .single-project .content .left {
        padding-right: 0;
        margin-bottom: 24px; }
      .single-project .content .right {
        width: 100%; }
        .single-project .content .right .row {
          width: 100%;
          margin-bottom: 24px; }
          .single-project .content .right .row .title {
            padding-bottom: 12px; }
            .single-project .content .right .row .title span {
              font-size: 18px; } }
.single-project .slider {
  margin-bottom: 180px; }
  .single-project .slider_big {
    margin-bottom: 12px; }
    .single-project .slider_big .item {
      height: 720px; }
  .single-project .slider_nav .item {
    height: 180px; }
  .single-project .slider .slick-arrow {
    top: 50%;
    transform: translateY(-50%); }
    .single-project .slider .slick-arrow.slick-prev {
      left: -35px;
      transform: translateY(-50%) rotate(180deg); }
    .single-project .slider .slick-arrow.slick-next {
      right: -15px; }
  @media screen and (max-width: 1500px) {
    .single-project .slider {
      margin-bottom: 120px; }
      .single-project .slider_big .item {
        height: 600px; } }
  @media screen and (max-width: 1300px) {
    .single-project .slider {
      margin-bottom: 90px; }
      .single-project .slider_big .item {
        height: 500px; }
      .single-project .slider_nav .item {
        height: 150px; } }
  @media screen and (max-width: 600px) {
    .single-project .slider {
      margin-bottom: 48px; }
      .single-project .slider_big {
        margin-bottom: 0; }
        .single-project .slider_big .item {
          height: 180px; }
      .single-project .slider_nav {
        display: none; }
      .single-project .slider .slick-arrow {
        width: 24px;
        height: 18px;
        border-radius: 0;
        background-color: transparent;
        border: none; }
        .single-project .slider .slick-arrow.slick-prev {
          left: -11px; }
        .single-project .slider .slick-arrow.slick-next {
          right: -3px; } }

.main_contacts h1 {
  margin-bottom: 48px; }
  @media screen and (max-width: 600px) {
    .main_contacts h1 {
      margin-bottom: 36px; } }
.main_contacts .content {
  display: flex;
  flex-wrap: wrap; }
  .main_contacts .content .col {
    width: calc((100% - 120px) / 4);
    margin-right: 60px;
    flex-grow: 1; }
    .main_contacts .content .col:last-child {
      margin-right: 0; }
    .main_contacts .content .col.socials {
      width: max-content; }
    .main_contacts .content .col .head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #d6d6d6;
      padding-bottom: 24px;
      margin-bottom: 24px; }
      .main_contacts .content .col .head .title {
        font-size: 28px; }
      .main_contacts .content .col .head .ico {
        height: 34px; }
    .main_contacts .content .col .phones a {
      display: block;
      font-size: 20px;
      color: #000;
      word-break: break-all;
      margin-bottom: 10px;
      width: max-content;
      max-width: 100%;
      position: relative; }
      .main_contacts .content .col .phones a::after {
        content: '';
        display: block;
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #1d1464;
        transition: transform .5s ease;
        transform: scaleX(0); }
      .main_contacts .content .col .phones a:hover {
        color: #1d1464; }
        .main_contacts .content .col .phones a:hover::after {
          transform: scaleX(1); }
      .main_contacts .content .col .phones a:last-child {
        margin-bottom: 0; }
    .main_contacts .content .col .links {
      display: flex;
      align-items: center; }
      .main_contacts .content .col .links a {
        margin-right: 24px;
        transform: translateY(0); }
        .main_contacts .content .col .links a:last-child {
          margin-right: 0; }
        .main_contacts .content .col .links a:hover {
          transform: translateY(-5px); }
  @media screen and (max-width: 1500px) {
    .main_contacts .content .col {
      margin-right: 48px; } }
  @media screen and (max-width: 1500px) {
    .main_contacts .content .col {
      margin-right: 48px; } }
  @media screen and (max-width: 1300px) {
    .main_contacts .content .col {
      margin-right: 36px; } }
  @media screen and (max-width: 1100px) {
    .main_contacts .content .col {
      width: calc( (100% - 48px) / 2);
      margin-right: 48px;
      margin-bottom: 48px; }
      .main_contacts .content .col.socials {
        width: calc( (100% - 48px) / 2); }
      .main_contacts .content .col:nth-child(even) {
        margin-right: 0; } }
  @media screen and (max-width: 600px) {
    .main_contacts .content {
      display: block; }
      .main_contacts .content .col {
        width: 100%;
        margin-right: 0; }
        .main_contacts .content .col:last-child {
          margin-bottom: 24px; }
        .main_contacts .content .col.socials {
          width: 100%; }
        .main_contacts .content .col .head .title_h3 {
          font-size: 28px; }
        .main_contacts .content .col .text {
          font-size: 20px; } }

.team_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 72px; }
  .team_list .item {
    width: calc( (100% - 144px) / 4);
    margin-right: 48px;
    margin-bottom: 48px; }
    .team_list .item:nth-child(4n) {
      margin-right: 0; }
    .team_list .item .bg_img {
      height: 330px; }
    .team_list .item .caption {
      margin-top: 18px; }
      .team_list .item .caption .sub {
        color: #707070;
        margin-top: 12px; }
  @media screen and (max-width: 1200px) {
    .team_list .item {
      width: calc( (100% - 72px) / 4);
      margin-right: 24px; }
      .team_list .item .bg_img {
        height: 300px; } }
  @media screen and (max-width: 900px) {
    .team_list {
      margin-top: 48px; }
      .team_list .item {
        width: calc( (100% - 24px) / 2);
        margin-right: 24px; }
        .team_list .item:nth-child(2n) {
          margin-right: 0; }
        .team_list .item .bg_img {
          height: 320px; } }
  @media screen and (max-width: 600px) {
    .team_list .item {
      margin-bottom: 24px; }
      .team_list .item .bg_img {
        height: 220px; } }

.parthners_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 72px; }
  .parthners_list .item {
    width: calc( (100% - 144px) / 5);
    height: 150px;
    background-color: #f0f0f0;
    margin-right: 36px;
    margin-bottom: 36px; }
    .parthners_list .item:nth-child(5n) {
      margin-right: 0; }
  @media screen and (max-width: 1200px) {
    .parthners_list .item {
      width: calc( (100% - 72px) / 4);
      margin-right: 24px;
      margin-bottom: 24px; }
      .parthners_list .item:nth-child(5n) {
        margin-right: 24px; }
      .parthners_list .item:nth-child(4n) {
        margin-right: 0; } }
  @media screen and (max-width: 900px) {
    .parthners_list {
      margin-top: 48px; }
      .parthners_list .item {
        width: calc( (100% - 54px) / 3);
        margin-right: 18px;
        margin-bottom: 18px; }
        .parthners_list .item:nth-child(5n) {
          margin-right: 18px; }
        .parthners_list .item:nth-child(4n) {
          margin-right: 18px; }
        .parthners_list .item:nth-child(3n) {
          margin-right: 0; } }
  @media screen and (max-width: 600px) {
    .parthners_list .item {
      width: calc( (100% - 36px) / 2);
      height: 115px; }
      .parthners_list .item:nth-child(3n) {
        margin-right: 18px; }
      .parthners_list .item:nth-child(2n) {
        margin-right: 0; } }

.overlay {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  z-index: 9;
  cursor: pointer; }

.popup {
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translate(-50%, 0) scale(0);
  max-width: 100%;
  background-color: #fff;
  box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.08);
  z-index: 10;
  transition: .3s ease all;
  visibility: hidden;
  opacity: 0;
  max-width: calc(100% - 66px); }
  .popup.open {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0) scale(1); }
  .popup .popup_close {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 18px 36px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    transition: .3s ease all; }
    @media screen and (max-width: 800px) {
      .popup .popup_close {
        top: 18px;
        right: 18px; } }
    .popup .popup_close img {
      transition: .3s ease all; }
    .popup .popup_close:hover {
      background-color: #1d1464; }
      .popup .popup_close:hover img {
        filter: brightness(0) invert(1); }
  .popup .popup_wrap {
    position: relative; }
    .popup .popup_wrap .popup_body {
      max-height: calc(100vh - 150px);
      overflow: auto; }
      .popup .popup_wrap .popup_body::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 5px;
        height: 5px; }
      .popup .popup_wrap .popup_body::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #1d1464;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease; }
      .popup .popup_wrap .popup_body:hover::-webkit-scrollbar-thumb {
        opacity: 1;
        visibility: visible; }
  .popup.popup_main {
    width: 420px; }
    .popup.popup_main .content {
      position: relative;
      padding: 72px 48px;
      flex-grow: 1;
      height: max-content; }
    .popup.popup_main .form_wrap {
      display: flex;
      flex-direction: column;
      margin-top: 36px; }
      .popup.popup_main .form_wrap .input_field {
        margin-bottom: 18px;
        background-color: #fff; }
    .popup.popup_main .bg_left {
      position: absolute;
      top: 0;
      right: 0;
      width: 200px; }
  @media screen and (max-width: 800px) {
    .popup {
      top: 50px;
      max-width: 100%; }
      .popup .popup_close {
        top: 18px;
        right: 18px; }
      .popup .popup_wrap .popup_body {
        display: block;
        max-height: calc(100vh - 80px); }
      .popup.popup_main .form_wrap {
        margin-top: 24px; }
        .popup.popup_main .form_wrap .input_field:not(textarea) {
          max-width: 100%; }
      .popup.popup_main .content {
        padding: 36px 18px; }
      .popup.popup_main .bg_left {
        display: none; } }

/*# sourceMappingURL=main.css.map */

h2 { margin-bottom: 12px; }
.title_h2 h1 { font-size: 36px; line-height: 1.2; font-weight: 300; }
.title_h2 { font-weight: 300; }

.error404 main {
  margin-top: 94px;
}

.b-mobile { display: none !important; }
.b-desctop { display: block !important; }

@media screen and (max-width: 768px) {
	.b-mobile { display: block !important; }
	.b-desctop { display: none !important; }
	.header_left .btn_menu { margin-left: 0; }
}