@charset "UTF-8";
/* line 1, app/assets/stylesheets/new_application.scss */
body {
  overflow: overlay;
}

/* line 4, app/assets/stylesheets/new_application.scss */
html, body {
  height: 100%;
  background: var(--background-body);
  box-sizing: border-box;
  margin: 0;
  font-family: 'Nunito Sans', 'Arial Nova', 'Open Sans', 'Montserrat';
  font-size: 15px;
  font-weight: 300;
  color: var(--black);
  letter-spacing: 0.02rem;
  line-height: 20px;
}

/* line 16, app/assets/stylesheets/new_application.scss */
h2, .article h3, th, caption {
  font-weight: 600;
}

/* line 19, app/assets/stylesheets/new_application.scss */
*, *:before, *:after {
  box-sizing: border-box;
}

/* line 22, app/assets/stylesheets/new_application.scss */
a {
  text-decoration: none;
}

/* line 25, app/assets/stylesheets/new_application.scss */
b {
  font-weight: 800;
}

/* line 28, app/assets/stylesheets/new_application.scss */
::-webkit-scrollbar {
  width: auto;
}

/* line 31, app/assets/stylesheets/new_application.scss */
::-webkit-scrollbar-track {
  background: transparent;
}

/* line 34, app/assets/stylesheets/new_application.scss */
::-webkit-scrollbar-thumb {
  background: var(--chocolate);
}

/* line 37, app/assets/stylesheets/new_application.scss */
::-webkit-scrollbar-thumb:hover {
  background: var(--gray);
}

@media (prefers-color-scheme: light), (prefers-color-scheme: dark) {
  /* line 41, app/assets/stylesheets/new_application.scss */
  :root {
    --black: rgb(4,2,0);
    /* 12,8,6 20 20 20 rgb(14,5,0); */
    --gray: rgb(41,39,36);
    /* 36 32 30  42 42 42 rgb(37,38,39); 22,13,8 rgb(62,62,63); rgb(50,51,52); rgb(50,52,54); 61,59,58 62,61,59 rgb(66,65,63); */
    --chocolate: #6a452f;
    /*-- #4a3c33 774d34 rgb(120 82 61); 734436 754131 7e4939 #844d36 #8f492e #9b4f31 #ff7f50 #a55534 #7e4939 */
    --white: rgb(255,253,252);
    --green: #587f6b;
    /*-- #385345 #53786c #587f6b rgba(100, 163, 133, 0.7) #1b4e3e   */
    --brown: #817564;
    /*-- #4a3c33 #726755 #7e725f  #887b68 rgb(181,159,138) rgba(161, 129, 108, 0.7);  rgb(181,159,138) */
    --box-shadow: 0px 3px 8px #8b7e6a;
    /*--0px 3px 8px #3e3b35    rgb(139, 133, 128); rgb(181,159,138); 0px 0px 5px 2px rgba(0, 0, 0, 0.25); */
    --background-white: rgb(255,253,250);
    --background-body: #b59f7d;
    /* rgb(156, 139, 113)  #b59f7d; #c2af90; #c0ad8d;  #b59f7d; */
    --border-radius: 4px;
  }
}

/* line 55, app/assets/stylesheets/new_application.scss */
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/* line 60, app/assets/stylesheets/new_application.scss */
main {
  flex: 1 1 auto;
}

/* line 64, app/assets/stylesheets/new_application.scss */
.container {
  margin: 0 auto;
}

@media screen and (min-width: 1600px) {
  /* line 68, app/assets/stylesheets/new_application.scss */
  .container {
    max-width: 1400px;
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media screen and (min-width: 1360px) and (max-width: 1599px) {
  /* line 73, app/assets/stylesheets/new_application.scss */
  .container {
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1359px) {
  /* line 78, app/assets/stylesheets/new_application.scss */
  .container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (min-width: 768px) {
  /* line 86, app/assets/stylesheets/new_application.scss */
  .mob {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  /* line 91, app/assets/stylesheets/new_application.scss */
  .container {
    max-width: 767px;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 94, app/assets/stylesheets/new_application.scss */
  .pc {
    display: none !important;
  }
}

/* line 114, app/assets/stylesheets/new_application.scss */
.header {
  width: 100%;
  z-index: 50;
  /*background: linear-gradient(90deg, rgb(62,61,59) 0%, rgb(67,64,62) 30%, rgb(67,64,62) 70%, rgb(62,61,59) 100%);*/
  background-color: var(--gray);
}

/* line 119, app/assets/stylesheets/new_application.scss */
.header__body {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 80px;
  align-items: center;
}

/* line 126, app/assets/stylesheets/new_application.scss */
.header__logo {
  flex: 0;
  position: relative;
  z-index: 3;
  margin-right: 30px;
}

/* line 132, app/assets/stylesheets/new_application.scss */
.header__logo img {
  max-height: 40px;
  display: block;
}

/* line 136, app/assets/stylesheets/new_application.scss */
.header__logo-name {
  display: none;
}

/* line 139, app/assets/stylesheets/new_application.scss */
.header__burger {
  display: none;
}

/* line 142, app/assets/stylesheets/new_application.scss */
.header__list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

/* line 148, app/assets/stylesheets/new_application.scss */
.header__list li {
  list-style: none;
  margin: 2px  0px 2px 25px;
  border-bottom: 1px solid transparent;
}

/* line 153, app/assets/stylesheets/new_application.scss */
.header__link, .header label {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 500;
}

/* line 158, app/assets/stylesheets/new_application.scss */
.header__list ul {
  display: none;
  position: relative;
  z-index: 2;
}

/* line 163, app/assets/stylesheets/new_application.scss */
.header__contacts {
  display: none;
  z-index: 3;
  justify-content: flex-end;
  flex: 0 0 123px;
  margin-left: 8px;
}

/* line 170, app/assets/stylesheets/new_application.scss */
.header__contacts-icon {
  margin: 5px;
  flex: 0 0 35px;
}

/* line 174, app/assets/stylesheets/new_application.scss */
.header__contacts-icon img {
  max-width: 100%;
  display: block;
  padding: 3px;
  opacity: 0.95;
}

/* line 180, app/assets/stylesheets/new_application.scss */
.header .arrow {
  width: 12px !important;
  position: relative;
  left: 5px;
}

/* line 185, app/assets/stylesheets/new_application.scss */
.header__menu ul ul > li {
  margin: 0px;
  border: none;
}

/* line 189, app/assets/stylesheets/new_application.scss */
.header__menu ul ul > li a {
  display: block;
  padding: 12px 20px;
  color: var(--black);
  border-bottom: 1px solid var(--gray);
}

/* line 195, app/assets/stylesheets/new_application.scss */
.header .arrow ul li > a {
  color: var(--white);
}

/* line 198, app/assets/stylesheets/new_application.scss */
.header__menu ul {
  position: relative;
  margin: 0px;
  padding: 0px;
}

/* line 203, app/assets/stylesheets/new_application.scss */
.header__menu ul ul {
  display: none;
  position: absolute;
  top: 30px;
  margin-left: -26px;
  background-color: var(--white);
  box-shadow: 0px 4px 5px rgba(65, 65, 65, 0.7);
  text-align: center;
  color: var(--gray);
}

/* line 213, app/assets/stylesheets/new_application.scss */
.header__menu li a, .header label {
  padding: 10px;
  color: var(--white);
  letter-spacing: 0.06em;
  font-size: 12px;
  line-height: 20px;
}

/* line 220, app/assets/stylesheets/new_application.scss */
.header .menu {
  display: none;
  padding-left: 40px;
  color: var(--white);
  padding-left: 40px;
  font-size: 24px;
  font-weight: 800;
}

/* line 228, app/assets/stylesheets/new_application.scss */
.header__locales {
  display: flex;
  z-index: 3;
  justify-content: flex-end;
  flex: 1;
  color: var(--white);
  letter-spacing: 0.06em;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  margin: 0px 8px;
}

/* line 240, app/assets/stylesheets/new_application.scss */
.header__locale_link {
  margin: 2px 0px;
}

/* line 243, app/assets/stylesheets/new_application.scss */
.header__locale_link a {
  padding: 10px 6px;
  color: var(--white);
  border-bottom: 1px solid transparent;
}

@media screen and (max-width: 767px), (orientation: landscape) and (max-width: 1023px) {
  /* line 250, app/assets/stylesheets/new_application.scss */
  .header {
    position: fixed;
    box-shadow: 0px 2px 3px rgba(65, 65, 65, 0.7);
  }
  /* line 253, app/assets/stylesheets/new_application.scss */
  .header__body {
    height: 50px;
    padding-left: 7px;
    padding-right: 7px;
  }
  /* line 258, app/assets/stylesheets/new_application.scss */
  .header .header__logo img {
    max-height: 30px;
  }
  /* line 261, app/assets/stylesheets/new_application.scss */
  .header__burger {
    display: block;
    position: relative;
    width: 30px;
    height: 20px;
    z-index: 5;
  }
  /* line 268, app/assets/stylesheets/new_application.scss */
  .header__burger span {
    position: absolute;
    background-color: var(--white);
    left: 0;
    width: 100%;
    height: 2px;
    top: 9px;
    transition: all 0.3s ease 0s;
  }
  /* line 277, app/assets/stylesheets/new_application.scss */
  .header__burger:before, .header__burger:after {
    content: '';
    background-color: var(--white);
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all 0.3s ease 0s;
  }
  /* line 286, app/assets/stylesheets/new_application.scss */
  .header__burger:before {
    top: 0;
  }
  /* line 289, app/assets/stylesheets/new_application.scss */
  .header__burger:after {
    bottom: 0;
  }
  /* line 292, app/assets/stylesheets/new_application.scss */
  .header input#burger:checked ~ .header__burger:before {
    transform: rotate(45deg);
    top: 9px;
  }
  /* line 296, app/assets/stylesheets/new_application.scss */
  .header input#burger:checked ~ .header__burger:after {
    transform: rotate(-45deg);
    bottom: 9px;
  }
  /* line 300, app/assets/stylesheets/new_application.scss */
  .header input#burger:checked ~ .header__burger span {
    transform: scale(0);
  }
  /* line 303, app/assets/stylesheets/new_application.scss */
  .header__menu {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 10px 0px 20px 0px;
    background: rgba(42, 42, 42, 0.95);
    border: 1px solid #3D3D3D;
    -webkit-backdrop-filter: blur(1.5vw);
            backdrop-filter: blur(1.5vw);
    transform: translateY(-150%);
    transition: transform 0.4s;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 4;
  }
  /* line 318, app/assets/stylesheets/new_application.scss */
  .header .header__locales {
    display: none;
  }
  /* line 321, app/assets/stylesheets/new_application.scss */
  .header__menu.active {
    top: 0;
  }
  /* line 324, app/assets/stylesheets/new_application.scss */
  .header__list {
    display: block;
  }
  /* line 327, app/assets/stylesheets/new_application.scss */
  .header__list li, .header #consultation label, .header #products label, .header #localization label {
    margin: 0px;
    border-bottom: 1px solid rgba(236, 236, 236, 0.1);
  }
  /* line 331, app/assets/stylesheets/new_application.scss */
  .header__link, .header__locale_link, .header__locale_link a {
    font-size: 18px !important;
  }
  /* line 334, app/assets/stylesheets/new_application.scss */
  .header .arrow {
    width: 15px !important;
  }
  /* line 337, app/assets/stylesheets/new_application.scss */
  .header .header__menu li a, .header .header__menu label {
    padding: 18px 40px;
    color: var(--white);
    width: 100%;
    display: block;
  }
  /* line 343, app/assets/stylesheets/new_application.scss */
  .header .header__menu ul ul {
    position: relative;
    top: 0px;
    box-shadow: none;
    text-align: left;
    background: transparent;
    transition: transform 0.4s;
  }
  /* line 351, app/assets/stylesheets/new_application.scss */
  .header .header__menu ul ul > li a, .header .header__menu label {
    display: block;
    width: 100%;
    padding: 18px 0px 18px 40px;
    color: var(--white);
    font-size: 18px;
  }
  /* line 358, app/assets/stylesheets/new_application.scss */
  .header #consultation label, .header .menu, .header #products label, .header #localization label {
    display: block !important;
  }
  /* line 361, app/assets/stylesheets/new_application.scss */
  .header #consultation ul li, .header #products ul li, .header #localization ul li {
    border: none;
  }
  /* line 364, app/assets/stylesheets/new_application.scss */
  .header .consultation, .header .header__products {
    display: none !important;
  }
  /* line 367, app/assets/stylesheets/new_application.scss */
  .header #consultation, .header #products, .header #localization {
    border-bottom: none;
  }
  /* line 370, app/assets/stylesheets/new_application.scss */
  .header input#burger:checked ~ .header__menu {
    transform: translateY(0%);
  }
  /* line 373, app/assets/stylesheets/new_application.scss */
  .header input#burger:checked ~ .header__locales {
    transform: translateY(608%);
    left: -50%;
  }
  /* line 377, app/assets/stylesheets/new_application.scss */
  .header #consultation li a, .header #products li a, .header #localization li a {
    font-size: 0vw;
    padding: 0vw;
    transition: 0.4s;
  }
  /* line 382, app/assets/stylesheets/new_application.scss */
  .header input#inp_cons:checked ~ ul li > a, .header input#inp_products:checked ~ ul li > a, .header input#inp_loc:checked ~ ul li > a {
    font-size: 14px !important;
    padding: 18px 30px 18px 95px !important;
  }
  /* line 386, app/assets/stylesheets/new_application.scss */
  .header input#inp_cons:checked ~ ul li, .header input#inp_products:checked ~ ul li, .header input#inp_loc:checked ~ ul li {
    border-bottom: 1px solid rgba(236, 236, 236, 0.1) !important;
  }
  /* line 389, app/assets/stylesheets/new_application.scss */
  .header input#inp_cons:checked + label, .header input#inp_products:checked + label, .header input#inp_loc:checked + label {
    background: rgba(200, 200, 200, 0.1);
    box-shadow: inset 0px 4px 15px rgba(0, 0, 0, 0.15);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1359px) {
  /* line 396, app/assets/stylesheets/new_application.scss */
  .header__body {
    justify-content: flex-start;
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1023px) {
  /* line 403, app/assets/stylesheets/new_application.scss */
  .header__body {
    padding-left: 20px;
    padding-right: 20px;
    justify-content: flex-start;
  }
  /* line 408, app/assets/stylesheets/new_application.scss */
  .header__logo {
    margin-right: 10px;
  }
  /* line 411, app/assets/stylesheets/new_application.scss */
  .header__list li {
    margin: 0px 0px 0px 10px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 416, app/assets/stylesheets/new_application.scss */
  .header__logo-name {
    display: block !important;
  }
  /* line 419, app/assets/stylesheets/new_application.scss */
  .header__contacts {
    display: flex;
  }
  /* line 422, app/assets/stylesheets/new_application.scss */
  #localization {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  /* line 427, app/assets/stylesheets/new_application.scss */
  #consultation:hover .arrow, #products:hover .arrow, #localization:hover .arrow {
    transform: rotate(180deg);
  }
  /* line 430, app/assets/stylesheets/new_application.scss */
  #consultation:hover, #products:hover {
    border-bottom: none;
  }
  /* line 433, app/assets/stylesheets/new_application.scss */
  .header__list .consultation:hover .header__list .consultation ul, .header__list .header__products:hover .header__list .header__products ul, .header__list .localization:hover .header__list .localization ul {
    display: flex;
    position: relative;
    z-index: 2;
  }
  /* line 438, app/assets/stylesheets/new_application.scss */
  .header__list > li:hover, .header__locale_link:hover {
    border-bottom: 1px solid #ebe1dc;
  }
  /* line 441, app/assets/stylesheets/new_application.scss */
  .header__menu ul ul > li:hover {
    background-color: var(--gray);
  }
  /* line 444, app/assets/stylesheets/new_application.scss */
  .header__menu ul ul > li a:hover {
    color: var(--white);
  }
  /* line 447, app/assets/stylesheets/new_application.scss */
  .header__contacts-icon img:hover, .header__logo:hover, .contacts__row img:hover {
    opacity: 0.75;
  }
  /* line 450, app/assets/stylesheets/new_application.scss */
  .header__menu li:hover ul, .header__menu li:hover li {
    display: block;
  }
}

@media screen and (max-width: 1023px) {
  /* line 455, app/assets/stylesheets/new_application.scss */
  input#inp_cons:checked ~ ul, input#inp_products:checked ~ ul, input#inp_loc:checked ~ ul {
    display: block;
  }
  /* line 458, app/assets/stylesheets/new_application.scss */
  input#inp_cons:checked + label img, input#inp_products:checked + label img, input#inp_loc:checked + label img {
    transform-origin: center;
    transform: rotate(180deg);
  }
}

@media screen and (min-width: 768px) {
  /* line 464, app/assets/stylesheets/new_application.scss */
  .header__menu #products ul {
    margin-left: -65px !important;
  }
}

/* line 491, app/assets/stylesheets/new_application.scss */
.footer {
  z-index: 49;
  /*background: linear-gradient(90deg, rgb(62,61,59) 0%, rgb(66,65,63) 30%, rgb(66,65,63) 70%, rgb(62,61,59) 100%);*/
  background: var(--gray);
}

/* line 495, app/assets/stylesheets/new_application.scss */
.footer__body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px 25px 10px 25px;
}

/* line 502, app/assets/stylesheets/new_application.scss */
.footer__menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex: 1 0 100%;
  max-width: 900px;
  order: 1;
}

/* line 510, app/assets/stylesheets/new_application.scss */
.footer__menu-item {
  display: inline-block;
  width: 220px;
  margin: 7px 14px 7px 0px;
}

/* line 515, app/assets/stylesheets/new_application.scss */
.footer__link {
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--white);
  padding: 4px;
  border-bottom: 1px solid transparent;
}

/* line 522, app/assets/stylesheets/new_application.scss */
.footer__link:hover {
  border-bottom: 1px solid #ebe1dc;
}

/* line 525, app/assets/stylesheets/new_application.scss */
.footer__contacts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex: 1 0 100%;
  margin: 0px 0px 0px 5px;
  order: 0;
}

/* line 533, app/assets/stylesheets/new_application.scss */
.footer__contacts_link {
  margin: 5px;
  flex: 0 0 42px;
}

/* line 537, app/assets/stylesheets/new_application.scss */
.footer__contacts_link img {
  max-width: 100%;
  display: block;
  padding: 3px;
}

/* line 542, app/assets/stylesheets/new_application.scss */
.footer__contacts_link img:hover {
  opacity: 0.8;
}

/* line 545, app/assets/stylesheets/new_application.scss */
.footer__property {
  font-size: 13px;
  color: var(--white);
  text-align: center;
  flex: 1 0 100%;
  order: 3;
  margin-top: 35px;
}

@media screen and (min-width: 1360px) {
  /* line 555, app/assets/stylesheets/new_application.scss */
  .footer__body {
    padding: 40px 0px 10px 0px;
    justify-content: space-between;
  }
  /* line 559, app/assets/stylesheets/new_application.scss */
  .footer__menu {
    flex: 0 0 75%;
    max-width: 890px;
  }
  /* line 563, app/assets/stylesheets/new_application.scss */
  .footer__contacts_link {
    margin: 5px;
  }
  /* line 566, app/assets/stylesheets/new_application.scss */
  .footer__contacts {
    justify-content: flex-end;
    flex: 0 0 265px;
    margin-left: 10px;
    order: 2;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 574, app/assets/stylesheets/new_application.scss */
  .footer__body {
    padding: 15px 35px 10px 35px;
  }
}

/* line 590, app/assets/stylesheets/new_application.scss */
.faq-block__item {
  background-color: var(--gray);
  padding: 35px;
  box-shadow: var(--box-shadow);
  text-align: center;
  color: var(--white);
  border-radius: var(--border-radius);
}

@media screen and (min-width: 768px) {
  /* line 600, app/assets/stylesheets/new_application.scss */
  .faq-block__body {
    padding-top: 20px;
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  /* line 606, app/assets/stylesheets/new_application.scss */
  .faq-block__body {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}

/* line 627, app/assets/stylesheets/new_application.scss */
.btn {
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  border-radius: var(--border-radius);
}

/* line 633, app/assets/stylesheets/new_application.scss */
.btn_contact {
  font-size: 16px;
  font-weight: 600;
  background: var(--chocolate);
  border: 2px solid transparent;
  margin: 10px 30px;
}

/* line 640, app/assets/stylesheets/new_application.scss */
.btn_faq {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.05em;
  background: var(--chocolate);
  border: 2px solid transparent;
  padding: 15px 20px;
  margin-top: 10px;
}

/* line 650, app/assets/stylesheets/new_application.scss */
.btn_contact:after {
  content: '➤';
  /* ➤ ⟶ ▶ → ➔ ➜ ➡ ➞ 🠖*/
  width: 15px;
  height: 15px;
  margin-left: 20px;
  font-weight: 900;
  letter-spacing: 0.03em;
}

/* line 658, app/assets/stylesheets/new_application.scss */
.btn_sign-up, .btn_about, .btn_problem {
  background: var(--chocolate);
  border: 2px solid transparent;
}

/* line 662, app/assets/stylesheets/new_application.scss */
.btn_problem {
  display: inline-block;
  color: var(--white);
  text-transform: uppercase;
}

/* line 667, app/assets/stylesheets/new_application.scss */
.btn_sign-up, .btn_contact {
  color: #FFFFFF;
  text-align: center;
}

/* line 671, app/assets/stylesheets/new_application.scss */
.btn_contact:hover, .btn_faq:hover {
  color: var(--black) !important;
  background: var(--background-white) !important;
  border: 2px solid var(--background-white) !important;
}

/* line 676, app/assets/stylesheets/new_application.scss */
.btn:hover {
  background: transparent;
  color: var(--text);
  border: 2px solid var(--gray);
}

/* line 681, app/assets/stylesheets/new_application.scss */
.btn_about {
  background: transparent;
  border: 2px solid var(--black);
  color: var(--black);
}

/* line 686, app/assets/stylesheets/new_application.scss */
.btn_about:hover {
  background: var(--gray);
  border: 2px solid transparent;
}

/* line 690, app/assets/stylesheets/new_application.scss */
.btn_about:hover {
  color: var(--white);
}

/* line 693, app/assets/stylesheets/new_application.scss */
.btn #button_faq:hover {
  border: 2px solid var(--chocolate) !important;
  background-color: transparent !important;
  cursor: pointer;
}

/* line 698, app/assets/stylesheets/new_application.scss */
.btn #button_faq:hover {
  color: var(--chocolate) !important;
}

/* line 701, app/assets/stylesheets/new_application.scss */
.btn #button_form, .btn #mob_button_form {
  display: block;
  background: var(--chocolate);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  /* box-shadow: 3px 3px 10px rgb(184 202 226 / 40%)*/
  border: 2px solid transparent;
  font-weight: 900;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  text-decoration: none;
  padding: 1em 4em 1em 4em;
}

/* line 712, app/assets/stylesheets/new_application.scss */
.btn #mob_button_form {
  height: 14vw;
  width: 50vw;
  font-size: 3vw;
  margin: 5vw 18vw;
}

/* line 718, app/assets/stylesheets/new_application.scss */
.btn #button_form:hover, .btn #mob_button_form:hover {
  border: 2px solid var(--gray);
  background-color: transparent;
  color: var(--gray);
  cursor: pointer;
}

@media screen and (min-width: 1360px) {
  /* line 726, app/assets/stylesheets/new_application.scss */
  .btn_sign-up, .btn_problem {
    padding: 12px 22px;
  }
  /* line 729, app/assets/stylesheets/new_application.scss */
  .btn_contact {
    padding: 15px 0px;
    width: 200px;
  }
  /* line 733, app/assets/stylesheets/new_application.scss */
  #button_faq {
    padding: 1.1em 1.2em;
  }
  /* line 736, app/assets/stylesheets/new_application.scss */
  .btn_about, #button_form {
    padding: 12px 33px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1359px) {
  /* line 741, app/assets/stylesheets/new_application.scss */
  .btn_sign-up, .btn_problem {
    padding: 12px 20px;
    margin-bottom: 5px;
    display: inline-block;
  }
  /* line 746, app/assets/stylesheets/new_application.scss */
  .btn_contact {
    padding: 15px 0px;
    width: 200px;
  }
  /* line 750, app/assets/stylesheets/new_application.scss */
  #button_faq {
    padding: 1.1em 1.2em;
  }
  /* line 753, app/assets/stylesheets/new_application.scss */
  .btn_about, #button_form {
    padding: 12px 44px;
    display: inline-block;
  }
  /* line 757, app/assets/stylesheets/new_application.scss */
  .main__column .btn_about {
    padding: 12px 36px;
  }
}

@media screen and (max-width: 1359px) {
  /* line 762, app/assets/stylesheets/new_application.scss */
  .button a, .button_about a, #button_form a, #button_faq a {
    padding: 0.9em 1em;
  }
}

@media screen and (min-width: 768px) and (max-width: 1359px) {
  /* line 767, app/assets/stylesheets/new_application.scss */
  .button_about {
    margin: 1rem 0px;
  }
}

@media screen and (max-width: 767px) {
  /* line 772, app/assets/stylesheets/new_application.scss */
  .btn_sign-up, .btn_problem {
    padding: 15px 20px;
    box-shadow: 1px 2px 5px var(--gray);
  }
  /* line 776, app/assets/stylesheets/new_application.scss */
  .btn_contact {
    padding: 10px 12px;
    width: 200px;
  }
}

@media screen and (min-width: 1360px) and (max-width: 1599px) {
  /* line 782, app/assets/stylesheets/new_application.scss */
  .main__column .btn_about {
    padding: 12px 28px;
  }
}

/* line 808, app/assets/stylesheets/new_application.scss */
.main {
  width: 100%;
  height: 46vw;
  background-repeat: round;
  background-size: cover;
  position: relative;
}

/* line 814, app/assets/stylesheets/new_application.scss */
.main:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 8vw;
  background: linear-gradient(180deg, rgba(221, 199, 178, 0), #b59f8a 41%, #b59f8a 50%, rgba(181, 159, 138, 0) 100%, #ded5cc);
  background: linear-gradient(180deg, rgba(209, 197, 185, 0), #a89d92 41%, #a79c91 50%, rgba(209, 197, 185, 0) 100%, #d1c5b9);
  background: linear-gradient(180deg, rgba(181, 159, 125, 0), #b59f7d 100%);
  /*top: calc(46vw + 80px - 8vw);*/
  bottom: 0px;
}

/* line 825, app/assets/stylesheets/new_application.scss */
.main__item {
  position: absolute;
  top: 6vw;
}

/* line 829, app/assets/stylesheets/new_application.scss */
.main__name {
  font-weight: 300;
}

/* line 832, app/assets/stylesheets/new_application.scss */
.main__title {
  font-weight: 900;
  letter-spacing: 0.01em;
  -moz-text-align-last: justify;
       text-align-last: justify;
  margin: 2vw 0px 0px 0px;
  color: var(--gray);
}

/* line 839, app/assets/stylesheets/new_application.scss */
.main__row {
  display: flex;
  justify-content: space-between;
}

/* line 843, app/assets/stylesheets/new_application.scss */
.main__text {
  font-weight: 300;
  letter-spacing: 0.025em;
  text-align: justify;
}

@media screen and (min-width: 1024px) {
  /* line 850, app/assets/stylesheets/new_application.scss */
  .main__name {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 855, app/assets/stylesheets/new_application.scss */
  .main__item {
    top: 50px;
    padding-left: 30px;
  }
  /* line 859, app/assets/stylesheets/new_application.scss */
  .main__name {
    font-size: 14px;
    margin-top: 0px;
  }
  /* line 863, app/assets/stylesheets/new_application.scss */
  .main__title {
    font-size: 33px;
    line-height: 35px;
    -moz-text-align-last: left !important;
         text-align-last: left !important;
  }
  /* line 868, app/assets/stylesheets/new_application.scss */
  .main__text {
    font-size: 14px;
    text-align: left !important;
    margin-bottom: 1.2em;
  }
  /* line 873, app/assets/stylesheets/new_application.scss */
  .main__row {
    display: block !important;
  }
  /* line 876, app/assets/stylesheets/new_application.scss */
  .main__column .btn_about {
    display: none;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1359px) {
  /* line 881, app/assets/stylesheets/new_application.scss */
  .main__item {
    width: 61%;
    top: 50px;
    padding-left: 30px;
  }
  /* line 886, app/assets/stylesheets/new_application.scss */
  .main__name {
    font-size: 18px;
    margin-top: 0px;
  }
  /* line 890, app/assets/stylesheets/new_application.scss */
  .main__title {
    font-size: 50px;
    line-height: 50px;
    -moz-text-align-last: left !important;
         text-align-last: left !important;
  }
  /* line 895, app/assets/stylesheets/new_application.scss */
  .main__text {
    font-size: 19px;
    margin-bottom: 1.2em;
  }
  /* line 899, app/assets/stylesheets/new_application.scss */
  .main__row {
    display: inline-flex !important;
  }
  /* line 902, app/assets/stylesheets/new_application.scss */
  .main__column:nth-child(1) {
    margin-right: 7px;
  }
}

@media screen and (min-width: 1360px) and (max-width: 1599px) {
  /* line 907, app/assets/stylesheets/new_application.scss */
  .main__title {
    font-size: 57px;
    line-height: 63px;
  }
  /* line 911, app/assets/stylesheets/new_application.scss */
  .main__text {
    font-size: 18px;
    margin-bottom: 1.2em;
  }
}

@media screen and (min-width: 1600px) {
  /* line 917, app/assets/stylesheets/new_application.scss */
  .main__title {
    font-size: 58px;
    line-height: 63px;
  }
  /* line 921, app/assets/stylesheets/new_application.scss */
  .main__text {
    font-size: 20px;
    margin-bottom: 1.2em;
  }
}

@media screen and (max-width: 767px) {
  /* line 927, app/assets/stylesheets/new_application.scss */
  .main {
    height: calc(100vw * 1.45);
  }
  /* line 930, app/assets/stylesheets/new_application.scss */
  .main:after {
    display: none;
  }
  /* line 933, app/assets/stylesheets/new_application.scss */
  .main__item {
    top: calc(100vw / 1.6);
    width: calc(100vw - 20px);
  }
  /* line 937, app/assets/stylesheets/new_application.scss */
  .main__name {
    font-size: 4vw;
    font-weight: 500;
    margin: 0 0 0 48vw;
  }
  /* line 942, app/assets/stylesheets/new_application.scss */
  .main__title {
    font-size: 7.7vw;
    line-height: 1.2em;
    color: var(--white);
    text-align: center;
    padding: 5vw 7vw;
    background: var(--gray);
    -moz-text-align-last: auto;
    text-align-last: auto;
    border-radius: var(--border-radius);
  }
  /* line 953, app/assets/stylesheets/new_application.scss */
  .main__text {
    background-color: #727171;
    font-weight: normal;
    font-size: 4.5vw;
    line-height: 1.3em;
    color: var(--white);
    text-align: center;
    padding: 4vw 8vw;
    margin: 2vw 0px;
    border-radius: var(--border-radius);
  }
  /* line 964, app/assets/stylesheets/new_application.scss */
  .main__column {
    margin: 3px auto;
  }
  /* line 967, app/assets/stylesheets/new_application.scss */
  .main__column a {
    padding: 4vw 4vw;
    box-shadow: 1px 2px 5px var(--gray);
    font-size: 3.5vw;
  }
}

/* line 993, app/assets/stylesheets/new_application.scss */
.problem__body {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 997, app/assets/stylesheets/new_application.scss */
.problem__header {
  margin: 50px 0px 7px 0px;
}

/* line 1000, app/assets/stylesheets/new_application.scss */
.problem__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0px -7px;
}

/* line 1006, app/assets/stylesheets/new_application.scss */
.problem__column {
  padding: 20px 20px;
  margin: 7px;
  background: var(--background-white);
  box-shadow: var(--box-shadow);
  transition: .3s;
  border-radius: var(--border-radius);
}

/* line 1014, app/assets/stylesheets/new_application.scss */
.problem__img {
  overflow: hidden;
}

/* line 1017, app/assets/stylesheets/new_application.scss */
.problem img {
  width: 100%;
  height: 10vw;
  display: block;
  transition: 0.2s;
}

/* line 1023, app/assets/stylesheets/new_application.scss */
.problem__column:hover img {
  transform: scale(1.1);
}

/* line 1026, app/assets/stylesheets/new_application.scss */
.problem__name {
  font-weight: 700;
  padding: 15px;
  margin: 0px;
  text-align: center;
  transition: 0.2s;
  background: var(--gray);
  color: var(--white);
  z-index: 2;
  border-radius: var(--border-radius);
}

/* line 1037, app/assets/stylesheets/new_application.scss */
.problem__info {
  font-size: 1.2rem;
  color: var(--black);
  text-align: center;
  padding: 13px;
  margin: 0;
  border-bottom: 1px solid var(--black);
}

/* line 1045, app/assets/stylesheets/new_application.scss */
.problem__text {
  height: 100%;
  color: var(--black);
  margin: 15px 10px 0px 10px;
}

/* line 1050, app/assets/stylesheets/new_application.scss */
.problem__link:hover {
  box-shadow: 0px 3px 12px #3e3e3e;
}

/* line 1053, app/assets/stylesheets/new_application.scss */
.problem__link:hover .problem__name {
  color: white;
  background-color: var(--chocolate);
}

@media screen and (min-width: 1600px) {
  /* line 1059, app/assets/stylesheets/new_application.scss */
  .problem__text {
    text-align: justify;
  }
}

@media screen and (min-width: 1360px) {
  /* line 1064, app/assets/stylesheets/new_application.scss */
  .problem__column {
    flex: 1 0 30%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1359px) {
  /* line 1069, app/assets/stylesheets/new_application.scss */
  .problem__column {
    flex: 1 0 40%;
  }
}

@media screen and (min-width: 768px) {
  /* line 1074, app/assets/stylesheets/new_application.scss */
  .problem__column {
    min-width: 360px;
  }
}

@media screen and (max-width: 767px) {
  /* line 1079, app/assets/stylesheets/new_application.scss */
  .problem__body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 1083, app/assets/stylesheets/new_application.scss */
  .problem__column {
    padding: 0px;
    margin-bottom: 2px;
  }
  /* line 1087, app/assets/stylesheets/new_application.scss */
  .problem__item {
    padding: 10px;
  }
  /* line 1090, app/assets/stylesheets/new_application.scss */
  .problem__name {
    font-size: 1rem;
    padding: 9px;
  }
  /* line 1094, app/assets/stylesheets/new_application.scss */
  .problem__info {
    font-size: 1.15rem;
  }
  /* line 1097, app/assets/stylesheets/new_application.scss */
  .problem__text {
    margin: 10px 0px 0px 0px;
  }
}

/* line 1124, app/assets/stylesheets/new_application.scss */
.introduce__body {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 1128, app/assets/stylesheets/new_application.scss */
.introduce__title {
  color: var(--white);
  background: var(--gray);
  padding: 13px 30px;
  font-weight: 800;
}

/* line 1134, app/assets/stylesheets/new_application.scss */
.introduce__row {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 1142, app/assets/stylesheets/new_application.scss */
.introduce__column_2 {
  background: var(--background-white);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}

/* line 1147, app/assets/stylesheets/new_application.scss */
.introduce__item {
  height: 100%;
}

/* line 1150, app/assets/stylesheets/new_application.scss */
.introduce__foto {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}

/* line 1158, app/assets/stylesheets/new_application.scss */
.introduce__subtitle {
  text-align: left;
  font-weight: 800;
  margin-bottom: -0.7rem;
}

/* line 1163, app/assets/stylesheets/new_application.scss */
.introduce__text {
  text-align: justify;
}

/* line 1166, app/assets/stylesheets/new_application.scss */
.introduce__button {
  text-align: left;
  margin: 2vw 0px 0px 0px;
}

@media screen and (min-width: 1920px) {
  /* line 1172, app/assets/stylesheets/new_application.scss */
  .introduce__button {
    margin: 38.4px 0px 0px 0px;
  }
}

@media screen and (min-width: 1600px) {
  /* line 1177, app/assets/stylesheets/new_application.scss */
  .introduce__column_1 {
    flex: 0 0 38%;
  }
  /* line 1180, app/assets/stylesheets/new_application.scss */
  .introduce__column_2 {
    flex: 0 0 59%;
    padding: 40px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1599px) {
  /* line 1186, app/assets/stylesheets/new_application.scss */
  .introduce__column_1 {
    flex: 0 0 37%;
  }
  /* line 1189, app/assets/stylesheets/new_application.scss */
  .introduce__column_2 {
    flex: 0 0 60%;
    padding: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 1195, app/assets/stylesheets/new_application.scss */
  .introduce__body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 1199, app/assets/stylesheets/new_application.scss */
  .introduce__column_1 {
    flex: 0 0 100%;
  }
  /* line 1202, app/assets/stylesheets/new_application.scss */
  .introduce__column_2 {
    position: absolute;
    left: 29px;
    right: 29px;
    bottom: 30px;
    background: rgba(252, 255, 252, 0.95);
    padding: 30px;
  }
}

@media screen and (max-width: 767px) {
  /* line 1212, app/assets/stylesheets/new_application.scss */
  .introduce__body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 1216, app/assets/stylesheets/new_application.scss */
  .introduce__column_1 {
    flex: 0 0 100%;
  }
  /* line 1219, app/assets/stylesheets/new_application.scss */
  .introduce__column_2 {
    margin-top: -280px;
    background: rgba(252, 255, 252, 0.95);
    padding: 10px 10px 15px 10px;
  }
  /* line 1224, app/assets/stylesheets/new_application.scss */
  .introduce__button {
    text-align: center;
  }
}

/* line 1255, app/assets/stylesheets/new_application.scss */
.books__body {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 1259, app/assets/stylesheets/new_application.scss */
.books__title {
  color: var(--white);
  background: var(--gray);
  font-weight: 800;
}

/* line 1264, app/assets/stylesheets/new_application.scss */
.books__list {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 1271, app/assets/stylesheets/new_application.scss */
.book {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 1278, app/assets/stylesheets/new_application.scss */
.book__column:nth-child(2) {
  background: var(--background-white);
  box-shadow: var(--box-shadow);
}

/* line 1284, app/assets/stylesheets/new_application.scss */
.book__foto {
  display: block;
  width: 100%;
  box-shadow: var(--box-shadow);
}

/* line 1289, app/assets/stylesheets/new_application.scss */
.book__title {
  color: var(--white);
  background: var(--gray);
  padding: 13px 30px;
  font-weight: 800;
}

/* line 1295, app/assets/stylesheets/new_application.scss */
.book__subtitle {
  text-align: left;
  font-weight: 800;
  margin-bottom: -0.7rem;
}

/* line 1300, app/assets/stylesheets/new_application.scss */
.book__text {
  text-align: justify;
}

/* line 1303, app/assets/stylesheets/new_application.scss */
.book__button {
  text-align: left;
  margin: 2vw 0px 0px 0px;
}

@media screen and (min-width: 1600px) {
  /* line 1309, app/assets/stylesheets/new_application.scss */
  .book__column:nth-child(1) {
    flex: 0 0 33%;
  }
  /* line 1312, app/assets/stylesheets/new_application.scss */
  .book__column:nth-child(2) {
    flex: 0 0 65%;
    padding: 40px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
  /* line 1318, app/assets/stylesheets/new_application.scss */
  .book__column:nth-child(1) {
    flex: 0 0 37%;
  }
  /* line 1321, app/assets/stylesheets/new_application.scss */
  .book__column:nth-child(2) {
    flex: 0 0 60%;
    padding: 30px;
  }
}

@media screen and (max-width: 767px) {
  /* line 1327, app/assets/stylesheets/new_application.scss */
  .books__body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 1331, app/assets/stylesheets/new_application.scss */
  .book__column:nth-child(1) {
    flex: 0 0 100%;
  }
  /* line 1334, app/assets/stylesheets/new_application.scss */
  .book__column:nth-child(2) {
    padding: 10px 10px 15px 10px;
  }
  /* line 1337, app/assets/stylesheets/new_application.scss */
  .book__button {
    text-align: center;
  }
}

/* line 1368, app/assets/stylesheets/new_application.scss */
.about-me__body {
  padding-top: 50px;
  padding-bottom: 30px;
}

/* line 1372, app/assets/stylesheets/new_application.scss */
.about-me__title {
  color: var(--white);
  background: var(--gray);
  font-weight: 800;
}

/* line 1377, app/assets/stylesheets/new_application.scss */
.about-me__row {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0px;
}

/* line 1386, app/assets/stylesheets/new_application.scss */
.about-me__column_2 {
  background: var(--background-white);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}

/* line 1393, app/assets/stylesheets/new_application.scss */
.about-me__foto {
  display: block;
  width: 100%;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}

/* line 1399, app/assets/stylesheets/new_application.scss */
.about-me__name {
  text-align: left;
  font-weight: 800;
  margin: 0;
}

/* line 1404, app/assets/stylesheets/new_application.scss */
.about-me__subtitle {
  text-align: left;
  font-weight: 800;
  margin-bottom: -0.7rem;
}

/* line 1409, app/assets/stylesheets/new_application.scss */
.about-me__text {
  text-align: justify;
}

@media screen and (min-width: 1600px) {
  /* line 1414, app/assets/stylesheets/new_application.scss */
  .about-me__column_1 {
    flex: 0 0 48%;
  }
  /* line 1417, app/assets/stylesheets/new_application.scss */
  .about-me__column_2 {
    flex: 0 0 50%;
    padding: 30px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1599px) {
  /* line 1423, app/assets/stylesheets/new_application.scss */
  .about-me__column_1 {
    flex: 0 0 43%;
  }
  /* line 1426, app/assets/stylesheets/new_application.scss */
  .about-me__column_2 {
    flex: 0 0 56%;
    padding: 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 1432, app/assets/stylesheets/new_application.scss */
  .about-me__body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 1436, app/assets/stylesheets/new_application.scss */
  .about-me__column_1 {
    flex: 0 0 100%;
  }
  /* line 1439, app/assets/stylesheets/new_application.scss */
  .about-me__column_2 {
    padding: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1444, app/assets/stylesheets/new_application.scss */
  .about-me__column_1 .about-me__item {
    height: 27.5rem;
  }
  /* line 1447, app/assets/stylesheets/new_application.scss */
  .about-me__foto {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media screen and (max-width: 767px) {
  /* line 1453, app/assets/stylesheets/new_application.scss */
  .about-me__body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 1457, app/assets/stylesheets/new_application.scss */
  .about-me__column_1 {
    flex: 0 0 100%;
  }
  /* line 1460, app/assets/stylesheets/new_application.scss */
  .about-me__column_2 {
    margin-top: -280px;
    background: rgba(252, 255, 252, 0.95);
    padding: 10px 10px 15px 10px;
  }
  /* line 1465, app/assets/stylesheets/new_application.scss */
  .about-me__button {
    text-align: center;
  }
}

/* line 1490, app/assets/stylesheets/new_application.scss */
.education__body {
  padding-top: 30px;
  padding-bottom: 40px;
}

/* line 1494, app/assets/stylesheets/new_application.scss */
.education__gallery {
  -moz-column-gap: 0;
       column-gap: 0;
  margin: 15px -10px;
}

/* line 1498, app/assets/stylesheets/new_application.scss */
.education__gallery a {
  display: inline-block;
  padding: 5px;
  margin: 5px;
}

/* line 1503, app/assets/stylesheets/new_application.scss */
.education__gallery img {
  width: 100%;
  transition: 0.3s;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}

@media screen and (min-width: 768px) {
  /* line 1511, app/assets/stylesheets/new_application.scss */
  .education__gallery {
    -moz-column-count: 4;
         column-count: 4;
  }
  /* line 1514, app/assets/stylesheets/new_application.scss */
  .education__gallery img:hover {
    transform: scale(1.05);
    cursor: zoom-in;
  }
}

@media screen and (max-width: 767px) {
  /* line 1520, app/assets/stylesheets/new_application.scss */
  .education__gallery {
    -moz-column-count: 2;
         column-count: 2;
  }
}

/* line 1535, app/assets/stylesheets/new_application.scss */
.services__title {
  text-align: center;
  margin: 0px 0px 30px 0px;
}

/* line 1539, app/assets/stylesheets/new_application.scss */
.services__body {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 1543, app/assets/stylesheets/new_application.scss */
.services__row {
  display: flex;
  flex-wrap: wrap;
  margin: 7px -5px;
}

/* line 1548, app/assets/stylesheets/new_application.scss */
.services__column {
  flex: 1 0 30%;
  min-width: 360px;
  padding: 5px;
  display: flex;
}

/* line 1554, app/assets/stylesheets/new_application.scss */
.services__item {
  flex: 1;
  padding: 20px;
  background: var(--background-white);
  color: var(--text);
  box-shadow: var(--box-shadow);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: var(--border-radius);
}

/* line 1565, app/assets/stylesheets/new_application.scss */
.services__name {
  font-weight: 500;
  background-color: var(--gray);
  color: var(--white);
  text-align: center;
  padding: 15px 10px;
  margin: 0;
  border-radius: var(--border-radius);
}

/* line 1574, app/assets/stylesheets/new_application.scss */
.services__info {
  font-size: 1.2rem;
  color: var(--black);
  text-align: center;
  padding: 13px;
  margin: 0;
  border-bottom: 1px solid var(--black);
}

/* line 1582, app/assets/stylesheets/new_application.scss */
.services__text {
  flex: 1 1 auto;
  padding: 15px 10px;
  margin: 0px;
}

/* line 1587, app/assets/stylesheets/new_application.scss */
.services__text li {
  list-style-type: '\25FC';
  padding-left: 15px;
  margin-left: 10px;
}

/* line 1592, app/assets/stylesheets/new_application.scss */
.services__price {
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: 500;
  color: var(--white);
  padding: 13px;
  margin: 0px;
  text-align: center;
  justify-content: end;
  background: var(--green);
  border-radius: var(--border-radius);
}

@media screen and (max-width: 767px) {
  /* line 1606, app/assets/stylesheets/new_application.scss */
  .services__body {
    padding-top: 50px;
    padding-bottom: 0px;
  }
  /* line 1610, app/assets/stylesheets/new_application.scss */
  .services__column {
    flex: 0 0 100%;
    min-width: 300px;
    padding: 7px;
    width: 100%;
  }
}

/* line 1645, app/assets/stylesheets/new_application.scss */
.experience__title {
  text-align: center;
  margin: 0px 0px 30px 0px;
}

/* line 1649, app/assets/stylesheets/new_application.scss */
.experience__body {
  padding-top: 40px;
  padding-bottom: 50px;
}

/* line 1653, app/assets/stylesheets/new_application.scss */
.experience__row {
  display: flex;
  flex-wrap: wrap;
  margin: 7px -5px;
}

/* line 1658, app/assets/stylesheets/new_application.scss */
.experience__column {
  flex: 1 0 25%;
  min-width: 290px;
  padding: 5px;
  display: flex;
}

/* line 1664, app/assets/stylesheets/new_application.scss */
.experience__item {
  flex: 1;
  padding: 15px;
  background: var(--background-white);
  color: var(--text);
  box-shadow: var(--box-shadow);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: var(--border-radius);
}

/* line 1675, app/assets/stylesheets/new_application.scss */
.experience__name {
  font-weight: 500;
  background-color: var(--gray);
  color: var(--white);
  text-align: center;
  padding: 15px;
  margin: 0;
  border-radius: var(--border-radius);
}

/* line 1684, app/assets/stylesheets/new_application.scss */
.experience__info {
  font-size: 1.1rem;
  color: var(--black);
  text-align: center;
  padding: 13px;
  margin: 0;
  border-bottom: 1px solid var(--black);
}

/* line 1692, app/assets/stylesheets/new_application.scss */
.experience__text {
  flex: 1 1 auto;
  padding: 15px 10px;
  margin: 0px;
  text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  /* line 1700, app/assets/stylesheets/new_application.scss */
  .experience__column {
    flex: 1 0 50%;
    min-width: 250px;
    padding: 5px;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  /* line 1708, app/assets/stylesheets/new_application.scss */
  .experience__body {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  /* line 1712, app/assets/stylesheets/new_application.scss */
  .experience__column {
    flex: 0 0 100%;
    min-width: 300px;
    padding: 7px;
    width: 100%;
  }
}

/* line 1749, app/assets/stylesheets/new_application.scss */
.sign-up__body {
  padding-top: 50px;
  padding-bottom: 100px;
}

/* line 1753, app/assets/stylesheets/new_application.scss */
.sign-up__item {
  color: var(--white);
  background-color: var(--gray);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}

/* line 1759, app/assets/stylesheets/new_application.scss */
.sign-up__title {
  text-align: center;
  margin: 0px;
  font-weight: 700;
}

/* line 1764, app/assets/stylesheets/new_application.scss */
.sign-up__text {
  font-weight: 400;
  text-align: center;
}

/* line 1768, app/assets/stylesheets/new_application.scss */
.sign-up__btn-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 1774, app/assets/stylesheets/new_application.scss */
.home-page .sign-up__body {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (min-width: 1024px) {
  /* line 1779, app/assets/stylesheets/new_application.scss */
  .sign-up__item {
    padding: 35px 35px 20px 35px;
  }
  /* line 1782, app/assets/stylesheets/new_application.scss */
  .sign-up__text {
    width: 73%;
  }
  /* line 1785, app/assets/stylesheets/new_application.scss */
  .sign-up__btn-row {
    margin: 30px auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 1790, app/assets/stylesheets/new_application.scss */
  .sign-up__item {
    padding: 30px 35px 10px 35px;
  }
  /* line 1793, app/assets/stylesheets/new_application.scss */
  .sign-up__text {
    width: 100%;
  }
  /* line 1796, app/assets/stylesheets/new_application.scss */
  .sign-up__btn-row {
    margin: 20px auto;
  }
}

@media screen and (min-width: 768px) {
  /* line 1801, app/assets/stylesheets/new_application.scss */
  .sign-up__text {
    margin: 25px auto;
  }
}

@media screen and (max-width: 767px) {
  /* line 1806, app/assets/stylesheets/new_application.scss */
  .sign-up__body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 1810, app/assets/stylesheets/new_application.scss */
  .sign-up__item {
    padding: 20px 15px 20px 15px;
  }
  /* line 1813, app/assets/stylesheets/new_application.scss */
  .sign-up__text {
    font-size: 14px;
    padding: 12px 0;
  }
}

/* line 1835, app/assets/stylesheets/new_application.scss */
.courses__body {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 1839, app/assets/stylesheets/new_application.scss */
.courses__header {
  margin: 0px 0px 30px 0px;
}

/* line 1842, app/assets/stylesheets/new_application.scss */
.courses__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (min-width: 1360px) {
  /* line 1849, app/assets/stylesheets/new_application.scss */
  .webinars iframe {
    flex: 0 0 31%;
    margin: 10px;
    width: 100%;
    height: 233px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1359px) {
  /* line 1857, app/assets/stylesheets/new_application.scss */
  .webinars iframe {
    flex: 0 0 31%;
    margin: 10px;
    width: 100%;
    height: 233px;
  }
}

@media screen and (min-width: 768px) {
  /* line 1865, app/assets/stylesheets/new_application.scss */
  .webinars iframe {
    flex: 0 0 32%;
    margin: 10px 0px;
    width: 100%;
    height: 226px;
  }
}

@media screen and (max-width: 767px) {
  /* line 1873, app/assets/stylesheets/new_application.scss */
  .webinars iframe {
    flex: 0 0 31%;
    margin: 10px;
    width: 100%;
    height: 233px;
  }
}

/* line 1895, app/assets/stylesheets/new_application.scss */
.webinars__body {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 1899, app/assets/stylesheets/new_application.scss */
.webinars__header {
  margin: 0px 0px 10px 0px;
}

/* line 1902, app/assets/stylesheets/new_application.scss */
.webinars__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (min-width: 1360px) {
  /* line 1909, app/assets/stylesheets/new_application.scss */
  .webinars iframe {
    flex: 0 0 31%;
    margin: 10px;
    width: 100%;
    height: 233px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1359px) {
  /* line 1917, app/assets/stylesheets/new_application.scss */
  .webinars iframe {
    flex: 0 0 31%;
    margin: 10px;
    width: 100%;
    height: 233px;
  }
}

@media screen and (max-width: 767px) {
  /* line 1925, app/assets/stylesheets/new_application.scss */
  .webinars iframe {
    flex: 0 0 31%;
    margin: 10px;
    width: 100%;
    height: 233px;
  }
}

@media screen and (min-width: 768px) {
  /* line 1933, app/assets/stylesheets/new_application.scss */
  .webinars iframe {
    flex: 0 0 32%;
    margin: 10px 0px;
    width: 100%;
    height: 226px;
  }
}

/* line 1955, app/assets/stylesheets/new_application.scss */
.books__body {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 1959, app/assets/stylesheets/new_application.scss */
.books__header {
  margin: 0px 0px 30px 0px;
}

/* line 1962, app/assets/stylesheets/new_application.scss */
.books__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (min-width: 1360px) {
  /* line 1969, app/assets/stylesheets/new_application.scss */
  .webinars iframe {
    flex: 0 0 31%;
    margin: 10px;
    width: 100%;
    height: 233px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1359px) {
  /* line 1977, app/assets/stylesheets/new_application.scss */
  .webinars iframe {
    flex: 0 0 31%;
    margin: 10px;
    width: 100%;
    height: 233px;
  }
}

@media screen and (max-width: 767px) {
  /* line 1985, app/assets/stylesheets/new_application.scss */
  .webinars iframe {
    flex: 0 0 31%;
    margin: 10px;
    width: 100%;
    height: 233px;
  }
}

@media screen and (min-width: 768px) {
  /* line 1993, app/assets/stylesheets/new_application.scss */
  .webinars iframe {
    flex: 0 0 32%;
    margin: 10px 0px;
    width: 100%;
    height: 226px;
  }
}

/* line 2019, app/assets/stylesheets/new_application.scss */
.reviews__body {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 2023, app/assets/stylesheets/new_application.scss */
.review__icon {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background-blend-mode: normal;
  box-shadow: 0px 1px 3px var(--gray);
}

/* line 2030, app/assets/stylesheets/new_application.scss */
.review__name {
  font-size: 1em;
  font-weight: 700;
}

/* line 2034, app/assets/stylesheets/new_application.scss */
.review__text {
  text-align: left;
  margin: 0px;
}

/* line 2038, app/assets/stylesheets/new_application.scss */
.text-reviews, .video-reviews {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}

/* line 2043, app/assets/stylesheets/new_application.scss */
.slider {
  position: relative;
  overflow: hidden;
}

/* line 2047, app/assets/stylesheets/new_application.scss */
.slider__wrapper {
  display: flex;
  transition: transform 0.6s ease;
}

/* line 2051, app/assets/stylesheets/new_application.scss */
.slider__column {
  justify-content: center;
  display: flex;
}

/* line 2055, app/assets/stylesheets/new_application.scss */
.slider__item {
  padding: 20px 10px 10px 10px;
  display: flex;
}

/* line 2059, app/assets/stylesheets/new_application.scss */
.slider__content {
  text-align: center;
  box-shadow: var(--box-shadow);
  background: var(--background-white);
  padding: 22px 25px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: var(--border-radius);
}

/* line 2070, app/assets/stylesheets/new_application.scss */
.results .slider__content {
  justify-content: flex-start;
}

/* line 2073, app/assets/stylesheets/new_application.scss */
.review__text a {
  font-weight: 800;
  color: var(--gray) !important;
  text-decoration: none;
  border-bottom: 1px solid var(--gray) !important;
}

/* line 2082, app/assets/stylesheets/new_application.scss */
.slider__item-video {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  justify-content: center;
}

/* line 2087, app/assets/stylesheets/new_application.scss */
.slider__video {
  width: 100%;
  margin: 0px auto;
}

/* line 2091, app/assets/stylesheets/new_application.scss */
iframe {
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}

/* line 2095, app/assets/stylesheets/new_application.scss */
.slider__control {
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  opacity: .8;
}

/* line 2104, app/assets/stylesheets/new_application.scss */
.slider__control:hover, .slider__control:focus {
  color: var(--gray);
  text-decoration: none;
  outline: 0;
  opacity: 1;
}

/* line 2110, app/assets/stylesheets/new_application.scss */
.slider__control_left {
  left: 0px;
  background-image: url(/assets/ll-9d868b5c4e17b36f3f61140d71446c490b55ad21650a17df0469e7b030f8765f.svg);
  display: inline-block;
  width: 40px;
  height: 40px;
}

/* line 2117, app/assets/stylesheets/new_application.scss */
.slider__control_right {
  right: 0px;
  background-image: url(/assets/lr-54acbe1dcd523d3b7493be839f5d77a9876b9c0b688bde50eb89df47a2192877.svg);
  display: inline-block;
  width: 40px;
  height: 40px;
}

@media screen and (min-width: 1024px) {
  /* line 2125, app/assets/stylesheets/new_application.scss */
  .slider__column {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 2131, app/assets/stylesheets/new_application.scss */
  .slider__column {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 2135, app/assets/stylesheets/new_application.scss */
  .slider__item {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
  }
  /* line 2140, app/assets/stylesheets/new_application.scss */
  .review__icon {
    width: 50px;
    height: 50px;
  }
}

@media screen and (min-width: 1600px) {
  /* line 2146, app/assets/stylesheets/new_application.scss */
  .slider__video {
    height: 210px;
  }
  /* line 2149, app/assets/stylesheets/new_application.scss */
  .review__text {
    text-align: justify;
  }
}

@media screen and (min-width: 1360px) and (max-width: 1599px) {
  /* line 2154, app/assets/stylesheets/new_application.scss */
  .slider__video {
    height: 194px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1359px) {
  /* line 2159, app/assets/stylesheets/new_application.scss */
  .slider__video {
    height: 168px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 2164, app/assets/stylesheets/new_application.scss */
  .slider__item-video {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 2168, app/assets/stylesheets/new_application.scss */
  .slider__video {
    height: calc(100vw / 4.2);
  }
}

@media screen and (max-width: 767px) {
  /* line 2173, app/assets/stylesheets/new_application.scss */
  .reviews__body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 2177, app/assets/stylesheets/new_application.scss */
  .slider__column {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /* line 2181, app/assets/stylesheets/new_application.scss */
  .slider__item {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
  }
  /* line 2186, app/assets/stylesheets/new_application.scss */
  .review__icon {
    width: 50px;
    height: 50px;
  }
  /* line 2190, app/assets/stylesheets/new_application.scss */
  .slider__video {
    height: calc(100vw / 2.15 - 20px);
  }
}

/* line 2215, app/assets/stylesheets/new_application.scss */
.cathegory {
  background: var(--white);
  width: 275px;
}

/* line 2219, app/assets/stylesheets/new_application.scss */
.cathegory label {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center;
  justify-content: center;
}

/* line 2226, app/assets/stylesheets/new_application.scss */
.cathegory a {
  text-decoration: none;
  display: block;
  z-index: 2;
  padding: 15px 5px;
}

/* line 2232, app/assets/stylesheets/new_application.scss */
.cathegory__link:hover {
  background-color: var(--gray);
  color: var(--white);
}

/* line 2236, app/assets/stylesheets/new_application.scss */
.sub-cathegory__link:hover {
  background-color: var(--background-white);
  color: var(--black);
}

/* line 2240, app/assets/stylesheets/new_application.scss */
.cathegory li {
  list-style: none;
  display: flex;
  min-height: 51px;
}

/* line 2245, app/assets/stylesheets/new_application.scss */
.cathegory__list {
  display: none;
  position: absolute;
  z-index: 2;
  top: 49px;
  left: 0;
  margin: 0px;
  padding: 0px;
  width: 275px;
}

/* line 2255, app/assets/stylesheets/new_application.scss */
.cathegory__link {
  color: var(--black);
  background-color: var(--background-white);
  display: block;
  width: 275px;
  border-bottom: 1px solid black;
}

/* line 2262, app/assets/stylesheets/new_application.scss */
.sub-cathegory__list {
  display: none;
  position: absolute;
  left: 100%;
  top: 52px;
  width: 265px;
  padding: 0px;
}

/* line 2270, app/assets/stylesheets/new_application.scss */
.cathegory__list > li:hover .sub-cathegory__list {
  display: block;
}

/* line 2273, app/assets/stylesheets/new_application.scss */
.cathegory__problem:hover ~ .for_profi, .cathegory__problem:hover ~ .for_profi a {
  border-radius: 0px 0px 0px 4px !important;
}

/* line 2276, app/assets/stylesheets/new_application.scss */
.sub-cathegory__list > li a {
  background-color: var(--gray);
  border-bottom: 1px solid var(--background-white);
}

/* line 2280, app/assets/stylesheets/new_application.scss */
.sub-cathegory__link {
  color: var(--white);
  width: 100%;
}

@media screen and (min-width: 1024px) {
  /* line 2285, app/assets/stylesheets/new_application.scss */
  .cathegory label:hover > .cathegory__list {
    display: block;
  }
  /* line 2288, app/assets/stylesheets/new_application.scss */
  .cathegory label:hover img {
    transform: rotate(180deg);
  }
  /* line 2291, app/assets/stylesheets/new_application.scss */
  .cathegory__problem, .cathegory__mous {
    display: block !important;
  }
  /* line 2294, app/assets/stylesheets/new_application.scss */
  .cathegory__mob, .cathegory__touch {
    display: none !important;
  }
  /* line 2297, app/assets/stylesheets/new_application.scss */
  .cathegory, .sorting {
    border-radius: 0px 4px 4px 0px;
    font-weight: 400;
  }
}

@media screen and (max-width: 1023px) {
  /* line 2303, app/assets/stylesheets/new_application.scss */
  .cathegory, .cathegory__list, .cathegory__link, .sub-cathegory__list {
    width: 100%;
  }
  /* line 2306, app/assets/stylesheets/new_application.scss */
  .cathegory label {
    display: block;
  }
  /* line 2309, app/assets/stylesheets/new_application.scss */
  .cathegory, .sorting, .cathegory label, .sorting label, .cathegory label h3, .sorting label h3 {
    border-radius: 4px 4px 0px 0px;
  }
  /* line 2312, app/assets/stylesheets/new_application.scss */
  input#cathegory:checked ~ label .cathegory__list, input#sorting:checked ~ label .cathegory__list {
    display: block;
  }
  /* line 2315, app/assets/stylesheets/new_application.scss */
  .cathegory__problem, .cathegory__mous {
    display: none !important;
  }
  /* line 2318, app/assets/stylesheets/new_application.scss */
  .cathegory__mob, .cathegory__touch {
    display: flex !important;
  }
  /* line 2321, app/assets/stylesheets/new_application.scss */
  .cathegory a {
    padding: 6px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* line 2336, app/assets/stylesheets/new_application.scss */
.articles__body {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 2343, app/assets/stylesheets/new_application.scss */
.articles__row_menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 2348, app/assets/stylesheets/new_application.scss */
.articles__column {
  text-align: center;
  transition: 0.3s;
  flex: 0 0 290px;
  margin: 25px 0px 10px 0px;
  display: flex;
  box-shadow: var(--box-shadow);
}

/* line 2356, app/assets/stylesheets/new_application.scss */
.articles__title-cathegory, .articles__title-sorting {
  background-color: var(--gray);
  color: var(--white);
  padding: 15px;
  margin: 0px;
  width: 224px;
}

/* line 2363, app/assets/stylesheets/new_application.scss */
.articles__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0px -15px;
}

/* line 2369, app/assets/stylesheets/new_application.scss */
.articles__card {
  position: relative;
  flex: 0 0 635px;
  height: 357px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 15px;
  display: flex;
  padding: 30px 35px;
  border-radius: var(--border-radius);
}

/* line 2380, app/assets/stylesheets/new_application.scss */
.articles__card:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 33%, rgba(255, 255, 255, 0) 99%);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}

/* line 2391, app/assets/stylesheets/new_application.scss */
.articles__card_link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 2399, app/assets/stylesheets/new_application.scss */
.articles__card_content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: var(--white);
}

/* line 2405, app/assets/stylesheets/new_application.scss */
.articles__card_info {
  display: flex;
  z-index: 1;
  width: -moz-fit-content;
  width: fit-content;
}

/* line 2410, app/assets/stylesheets/new_application.scss */
.articles__card_views, .articles__card_time_read {
  display: flex;
  margin-right: 25px;
  align-items: center;
}

/* line 2415, app/assets/stylesheets/new_application.scss */
.articles__card_views p, .articles__card_time_read p {
  font-size: 14px;
  line-height: 1em;
  padding-left: 8px;
  margin: 0px;
}

/* line 2421, app/assets/stylesheets/new_application.scss */
.articles__card_info img {
  width: 15px;
  height: 15px;
}

/* line 2425, app/assets/stylesheets/new_application.scss */
.articles__card_category, .articles__card_tags a {
  font-size: 12px;
  line-height: 1em;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 9px 15px;
  color: var(--white);
  border: none;
  width: -moz-fit-content;
  width: fit-content;
}

/* line 2436, app/assets/stylesheets/new_application.scss */
.articles__card_category {
  background: var(--green);
  margin: 10px 0px 10px 0px;
  z-index: 1;
  border-radius: var(--border-radius);
}

/* line 2442, app/assets/stylesheets/new_application.scss */
.articles__card_name {
  display: block;
  z-index: 1;
  font-size: 20px;
  line-height: 25px;
  margin: 0vw 0vw 10px 0vw;
  font-weight: 800;
  width: 100%;
  color: var(--white);
}

/* line 2452, app/assets/stylesheets/new_application.scss */
.articles__card_tags {
  z-index: 1;
  overflow: hidden;
  height: 30px;
}

/* line 2457, app/assets/stylesheets/new_application.scss */
.articles__card_tags a {
  z-index: 1;
  display: inline-block;
  background: var(--brown);
  margin: 0px 8px 0px 0px;
  border-radius: var(--border-radius);
}

/* line 2464, app/assets/stylesheets/new_application.scss */
.articles__hover:hover {
  box-shadow: 0px 3px 12px #3e3e3e;
}

/* line 2467, app/assets/stylesheets/new_application.scss */
.articles__link:hover .problem__icon {
  transform: scale(1.1);
}

/* line 2470, app/assets/stylesheets/new_application.scss */
.articles__link:hover .problem__name {
  color: white;
  background-color: var(--chocolate);
}

/* line 2475, app/assets/stylesheets/new_application.scss */
.pagination {
  margin: 15px 0px 15px 0px;
  width: 100%;
  text-align: center;
}

/* line 2480, app/assets/stylesheets/new_application.scss */
.pagination a, .pagination .current {
  padding: 4px 12px;
  margin: 5px;
  display: inline-block;
  border-radius: 3px;
}

/* line 2486, app/assets/stylesheets/new_application.scss */
.pagination a {
  color: var(--black);
  background: var(--white);
}

/* line 2490, app/assets/stylesheets/new_application.scss */
.pagination .current, .pagination a:hover {
  color: var(--white);
  background: var(--gray);
}

@media screen and (min-width: 1360px) and (max-width: 1599px) {
  /* line 2495, app/assets/stylesheets/new_application.scss */
  .articles__card {
    flex: 0 0 47%;
    height: 23vw;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1359px) {
  /* line 2501, app/assets/stylesheets/new_application.scss */
  .articles__row {
    margin: 0px;
  }
  /* line 2504, app/assets/stylesheets/new_application.scss */
  .articles__card {
    flex: 0 0 47%;
    height: 28vw;
  }
}

@media screen and (max-width: 1023px) {
  /* line 2510, app/assets/stylesheets/new_application.scss */
  .articles__title-cathegory, .articles__title-sorting {
    display: none;
  }
  /* line 2513, app/assets/stylesheets/new_application.scss */
  .articles__column {
    flex: 0 0 48%;
    margin: 10px 0px;
    font-size: 14px;
    border-radius: 4px 4px 0px 0px;
  }
  /* line 2519, app/assets/stylesheets/new_application.scss */
  .articles__row {
    margin: 0px;
  }
  /* line 2522, app/assets/stylesheets/new_application.scss */
  .articles__card {
    flex: 1 0 95%;
    height: 55vw;
    margin: 10px 0px;
  }
}

@media screen and (max-width: 767px) {
  /* line 2529, app/assets/stylesheets/new_application.scss */
  .articles__body {
    padding-top: 30px !important;
    padding-bottom: 10px !important;
  }
  /* line 2533, app/assets/stylesheets/new_application.scss */
  .articles__card {
    padding: 15px;
  }
  /* line 2536, app/assets/stylesheets/new_application.scss */
  .articles__card_views p, .articles__card_time_read p {
    font-size: 10px;
  }
  /* line 2539, app/assets/stylesheets/new_application.scss */
  .articles__card_info img {
    width: 11px;
    height: 11px;
  }
  /* line 2543, app/assets/stylesheets/new_application.scss */
  .articles__card_views, .articles__card_time_read {
    margin-right: 10px;
  }
  /* line 2546, app/assets/stylesheets/new_application.scss */
  .articles__card_tags {
    height: 24px;
  }
  /* line 2549, app/assets/stylesheets/new_application.scss */
  .articles__card_name {
    font-size: 16px;
    line-height: 19px;
    margin: 0vw 0vw 5px 0vw;
  }
  /* line 2554, app/assets/stylesheets/new_application.scss */
  .articles__card_category, .articles__card_tags a, .article__category, .tags_all a {
    font-size: 10px;
    line-height: 14px;
    padding: 5px 10px;
  }
  /* line 2559, app/assets/stylesheets/new_application.scss */
  .pagination a, .pagination .current {
    padding: 3px 10px;
    margin: 5px;
  }
}

/*   СТАТЬЯ  */
/* line 2596, app/assets/stylesheets/new_application.scss */
.fullscreen_content {
  position: relative;
  height: calc(100vw / 1.777777 - 80px);
  display: flex;
  padding-bottom: calc(100vw / 8);
  flex-direction: column;
  justify-content: flex-end;
}

/* line 2604, app/assets/stylesheets/new_application.scss */
.fullscreen__image {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: calc(100vw / 1.777777);
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 2613, app/assets/stylesheets/new_application.scss */
.fullscreen__shadow {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0.18deg, rgba(0, 0, 0, 0.6) 35%, rgba(255, 255, 255, 0) 100%);
}

/* line 2622, app/assets/stylesheets/new_application.scss */
.individual_consultation .fullscreen__shadow, .group_consultations .fullscreen__shadow {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 35%, rgba(255, 255, 255, 0) 100%);
}

/* line 2625, app/assets/stylesheets/new_application.scss */
.article__body {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 2629, app/assets/stylesheets/new_application.scss */
.article .article-main {
  display: flex;
  align-content: flex-end;
  flex-wrap: wrap;
  height: 51vw;
  padding-bottom: 7%;
}

/* line 2636, app/assets/stylesheets/new_application.scss */
.article__views, .article__time-read, .article__date {
  display: flex;
  margin-right: 25px;
  align-items: center;
}

/* line 2641, app/assets/stylesheets/new_application.scss */
.article__views svg, .article__time-read svg, .article__date svg {
  height: 14px;
  fill: var(--background-white);
}

/* line 2645, app/assets/stylesheets/new_application.scss */
.article__views p, .article__time-read p, .article__date p {
  font-size: 14px;
  line-height: 1em;
  padding-left: 8px;
  margin: 0px;
}

/* line 2651, app/assets/stylesheets/new_application.scss */
.article .article__category {
  background: var(--green);
  margin: 25px 0px 20px 0px;
  z-index: 1;
}

/* line 2656, app/assets/stylesheets/new_application.scss */
.article a, .article__views, .article__time-read, .article__date, .article__name {
  color: var(--white);
  text-decoration: none;
}

/* line 2660, app/assets/stylesheets/new_application.scss */
.article .article__name {
  font-weight: 800;
  width: 100%;
  z-index: 1;
}

/* line 2665, app/assets/stylesheets/new_application.scss */
.article .article__tags a, .tags_all a {
  display: inline-block;
  background: var(--brown);
  margin: 0px 7px 7px 0px;
}

/* line 2670, app/assets/stylesheets/new_application.scss */
.tags_all {
  padding: 50px 35px;
  box-shadow: 0px 5px 3px rgba(139, 126, 106, 0.5);
  margin-top: -20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  background: var(--white);
  border-radius: 0px 0px 4px 4px;
}

/* line 2681, app/assets/stylesheets/new_application.scss */
.article .article__tags a, .article .article__category, .tags_all .article__tag, .tags_all a {
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 10px 20px;
  color: var(--white);
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--border-radius);
}

/* line 2693, app/assets/stylesheets/new_application.scss */
.article__description {
  font-size: 1.17rem;
  font-weight: 400;
  padding: 25px;
  margin: 5px 0;
  color: var(--white);
  background: var(--green);
  border-radius: var(--border-radius);
  z-index: 1;
}

@media screen and (min-width: 768px) and (max-width: 1359px) {
  /* line 2704, app/assets/stylesheets/new_application.scss */
  .fullscreen_content {
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: calc(100vw / 25);
  }
}

@media screen and (max-width: 767px), (orientation: landscape) and (max-width: 1023px) {
  /* line 2711, app/assets/stylesheets/new_application.scss */
  body.lock {
    overflow: hidden;
  }
  /* line 2714, app/assets/stylesheets/new_application.scss */
  .article__fullscreen {
    background: var(--background-white);
  }
  /* line 2717, app/assets/stylesheets/new_application.scss */
  .fullscreen_content {
    height: 100%;
    padding: 0px;
  }
  /* line 2721, app/assets/stylesheets/new_application.scss */
  .fullscreen__image {
    position: relative;
    top: 0px;
    order: 3;
  }
  /* line 2726, app/assets/stylesheets/new_application.scss */
  .fullscreen__shadow {
    height: 0%;
  }
  /* line 2729, app/assets/stylesheets/new_application.scss */
  .content {
    margin-top: 50px;
  }
  /* line 2732, app/assets/stylesheets/new_application.scss */
  .article .article__name {
    font-size: 1.4rem;
    line-height: 22px;
    font-weight: 600;
    padding: 10px;
    margin: 0px;
    color: var(--black);
    text-align: center;
    border-top: 1px solid var(--black);
    order: 2;
  }
  /* line 2743, app/assets/stylesheets/new_application.scss */
  .article__fullscreen .article__info {
    display: flex !important;
    justify-content: center;
    width: 100%;
    padding: 12px;
    border-bottom: 1px solid var(--black);
    z-index: 1;
    order: 4;
  }
  /* line 2752, app/assets/stylesheets/new_application.scss */
  .article__fullscreen .article__info p {
    color: var(--black);
  }
  /* line 2755, app/assets/stylesheets/new_application.scss */
  .article__views svg, .article__time-read svg, .article__date svg {
    fill: var(--black);
  }
  /* line 2758, app/assets/stylesheets/new_application.scss */
  .article__fullscreen .article__tags, .article__fullscreen .article__description {
    display: none !important;
  }
  /* line 2761, app/assets/stylesheets/new_application.scss */
  .article .article__category {
    margin: 7px auto 0px;
    background: transparent;
    color: var(--black);
    order: 1;
  }
  /* line 2767, app/assets/stylesheets/new_application.scss */
  .article__date {
    margin: 0;
  }
  /* line 2770, app/assets/stylesheets/new_application.scss */
  .tags_all {
    padding: 20px 10px;
    box-shadow: none;
  }
  /* line 2774, app/assets/stylesheets/new_application.scss */
  .tags_all a {
    padding: 5px 10px;
    margin: 8px 8px 0px 0px;
  }
  /* line 2778, app/assets/stylesheets/new_application.scss */
  .article__content {
    background: var(--background-white);
  }
  /* line 2782, app/assets/stylesheets/new_application.scss */
  article .article__body {
    padding: 1px 0px 10px 0px !important;
  }
  /* line 2785, app/assets/stylesheets/new_application.scss */
  article section {
    padding-bottom: 5px;
    box-shadow: none !important;
  }
  /* line 2789, app/assets/stylesheets/new_application.scss */
  article h2, article caption {
    font-size: 1.25em !important;
    font-weight: 700;
    line-height: 24px;
    padding: 0px 10px;
    color: var(--black) !important;
    background: transparent !important;
  }
  /* line 2797, app/assets/stylesheets/new_application.scss */
  article section p {
    padding: 10px 10px 0px 10px;
  }
  /* line 2800, app/assets/stylesheets/new_application.scss */
  article h2 + p, article h2 + ul {
    padding-top: 0px;
  }
  /* line 2803, app/assets/stylesheets/new_application.scss */
  article ul {
    padding-left: 25px;
    padding-right: 15px;
  }
  /* line 2807, app/assets/stylesheets/new_application.scss */
  article svg, article img {
    padding: 0px 15px 0px 15px;
  }
  /* line 2810, app/assets/stylesheets/new_application.scss */
  article b {
    font-weight: 700;
  }
}

@media screen and (orientation: portrait) and (min-width: 768px), screen and (min-width: 1024px) {
  /* line 2816, app/assets/stylesheets/new_application.scss */
  .fullscreen_content {
    position: fixed;
    height: calc(100vw / 1.777777);
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
  }
  /* line 2824, app/assets/stylesheets/new_application.scss */
  article {
    margin-top: calc(100vw / 1.777777 - 80px);
  }
  /* line 2827, app/assets/stylesheets/new_application.scss */
  .article .article__name {
    font-size: 36px;
    line-height: 38px;
    margin: 0vw 0vw 20px 0vw;
  }
  /* line 2832, app/assets/stylesheets/new_application.scss */
  .article-main, article h2, article p, article svg, article img, caption {
    padding-left: 35px;
    padding-right: 35px;
  }
  /* line 2837, app/assets/stylesheets/new_application.scss */
  article section {
    padding-bottom: 15px;
  }
  /* line 2840, app/assets/stylesheets/new_application.scss */
  article h2 {
    box-shadow: var(--box-shadow);
  }
  /* line 2843, app/assets/stylesheets/new_application.scss */
  article h2, article caption {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 2847, app/assets/stylesheets/new_application.scss */
  article section p {
    padding-bottom: 0px;
  }
  /* line 2850, app/assets/stylesheets/new_application.scss */
  article h2 + p, article h2 + ul {
    padding-top: 15px;
  }
  /* line 2853, app/assets/stylesheets/new_application.scss */
  article section ul {
    padding-left: 50px;
    padding-right: 35px;
  }
  /* line 2857, app/assets/stylesheets/new_application.scss */
  article svg, article img {
    padding: 0px 35px 0px 35px;
  }
  /* line 2860, app/assets/stylesheets/new_application.scss */
  article h3, article h4, article h5 {
    margin-left: 35px;
    margin-right: 35px;
    border-radius: var(--border-radius);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1359px) {
  /* line 2880, app/assets/stylesheets/new_application.scss */
  .display_none {
    display: none;
  }
  /* line 2883, app/assets/stylesheets/new_application.scss */
  .article .article-main {
    padding-bottom: 30px !important;
  }
  /* line 2886, app/assets/stylesheets/new_application.scss */
  .form_img {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 2891, app/assets/stylesheets/new_application.scss */
  .display_none, .article_info {
    display: none !important;
  }
  /* line 2894, app/assets/stylesheets/new_application.scss */
  .article .article-main {
    padding-bottom: 10px !important;
  }
}

/* line 2910, app/assets/stylesheets/new_application.scss */
.results__body {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  /* line 2917, app/assets/stylesheets/new_application.scss */
  .results__body {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* line 2930, app/assets/stylesheets/new_application.scss */
.faq__body, .contract__body, .contacts__body {
  padding-top: 50px;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  /* line 2937, app/assets/stylesheets/new_application.scss */
  .faq__body, .contract__body, .contacts__body {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* line 2967, app/assets/stylesheets/new_application.scss */
article {
  position: relative;
  height: auto !important;
  z-index: 10;
  background: var(--background-body);
}

/* line 2972, app/assets/stylesheets/new_application.scss */
article .article__body {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 2976, app/assets/stylesheets/new_application.scss */
article .article__header {
  background: var(--gray);
  margin: 50px 0px 10px 0px;
  padding: 20px;
  color: var(--white);
}

/* line 2982, app/assets/stylesheets/new_application.scss */
article .title {
  font-size: 36px;
}

/* line 2985, app/assets/stylesheets/new_application.scss */
article .heading {
  background: var(--gray);
  padding: 25px 50px;
  box-shadow: var(--box-shadow);
  color: var(--white);
  margin-bottom: 10px;
}

/* line 2992, app/assets/stylesheets/new_application.scss */
article section {
  text-align: justify;
  color: var(--black);
  background: var(--white);
  box-shadow: var(--box-shadow);
  margin: 25px 0px 0px 0px;
  border-radius: var(--border-radius);
}

/* line 3000, app/assets/stylesheets/new_application.scss */
article section p + p, article section ul + p, article section svg + p, article section img + p {
  padding-top: 0px;
}

/* line 3003, app/assets/stylesheets/new_application.scss */
article h2 {
  font-size: 1.26rem;
  margin: 25px 0px 15px 0px;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}

/* line 3009, app/assets/stylesheets/new_application.scss */
article section h2 {
  margin: 0px;
  text-align: left;
  box-shadow: none;
}

/* line 3014, app/assets/stylesheets/new_application.scss */
article h2, article section h3, article section h4, article section h5 {
  color: var(--white);
  background: var(--gray);
}

/* line 3018, app/assets/stylesheets/new_application.scss */
article section h3, article section h4, article section h5 {
  display: inline-block;
  padding: 1rem 2rem;
  margin-top: 25px;
  margin-bottom: 0px;
}

/* line 3024, app/assets/stylesheets/new_application.scss */
article h3 + p, article h3 + ul, article h4 + p, article h4 + ul {
  padding-top: 0px !important;
}

/* line 3027, app/assets/stylesheets/new_application.scss */
article section p + ul {
  margin-top: 20px;
}

/* line 3030, app/assets/stylesheets/new_application.scss */
article section ul li {
  padding-left: 15px;
  list-style-type: '\25FC';
  margin-bottom: 15px;
}

/* line 3035, app/assets/stylesheets/new_application.scss */
article section ul ul {
  padding-left: 2rem;
  padding-right: 0px;
}

/* line 3039, app/assets/stylesheets/new_application.scss */
article section ul ul li {
  list-style-type: '\2B16';
}

/* line 3042, app/assets/stylesheets/new_application.scss */
article section a, article table a {
  font-weight: 800;
  color: var(--gray) !important;
  text-decoration: none;
  border-bottom: 1px solid var(--gray) !important;
}

/* line 3048, app/assets/stylesheets/new_application.scss */
article svg, article img {
  display: block;
  margin: 2rem auto;
}

/* line 3052, app/assets/stylesheets/new_application.scss */
article .article__accordion_title {
  text-align: left;
  margin-bottom: 0px;
}

@media screen and (max-width: 767px), screen and (orientation: landscape) and (max-width: 1023px) {
  /* line 3058, app/assets/stylesheets/new_application.scss */
  article section h3 {
    font-weight: 800 !important;
    background: transparent;
    color: var(--black);
    padding: 0px 10px;
    margin-top: 20px;
    margin-bottom: 0px;
  }
}

/* line 3076, app/assets/stylesheets/new_application.scss */
.accordion {
  background: var(--background-white);
  border-radius: 0px 0px 4px 4px;
}

/* line 3079, app/assets/stylesheets/new_application.scss */
.accordion__item {
  border-bottom: 1px solid var(--gray);
}

/* line 3082, app/assets/stylesheets/new_application.scss */
.accordion__item:last-child {
  border-bottom: none;
}

/* line 3085, app/assets/stylesheets/new_application.scss */
.accordion__item:last-child label:hover {
  border-radius: 0px 0px 4px 4px;
}

/* line 3088, app/assets/stylesheets/new_application.scss */
.accordion__item:last-child input:checked ~ label {
  border-radius: 0px;
}

/* line 3091, app/assets/stylesheets/new_application.scss */
.accordion label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em 35px;
  font-size: 1.17rem;
  transition: .3s;
}

/* line 3099, app/assets/stylesheets/new_application.scss */
.accordion label::after {
  content: '+';
  padding-left: 5px;
}

/* line 3103, app/assets/stylesheets/new_application.scss */
.accordion input, .accordion section {
  display: none;
}

/* line 3106, app/assets/stylesheets/new_application.scss */
.accordion input:checked ~ label {
  color: var(--white);
  background: var(--gray);
}

/* line 3110, app/assets/stylesheets/new_application.scss */
.accordion input:checked ~ label::after {
  content: '–';
}

/* line 3113, app/assets/stylesheets/new_application.scss */
.accordion input:checked ~ section {
  display: block;
}

/* line 3116, app/assets/stylesheets/new_application.scss */
.accordion input:checked ~ section p {
  font-size: 1rem;
  margin: 1rem auto;
  height: auto;
}

/* line 3121, app/assets/stylesheets/new_application.scss */
.accordion a {
  font-weight: 800;
  color: var(--gray) !important;
  text-decoration: none;
  border-bottom: 1px solid var(--gray) !important;
}

/* line 3127, app/assets/stylesheets/new_application.scss */
.accordion section {
  margin: 0;
  box-shadow: none;
}

@media screen and (orientation: portrait) and (min-width: 768px), screen and (orientation: landscape) and (min-width: 1023px) {
  /* line 3133, app/assets/stylesheets/new_application.scss */
  .accordion {
    box-shadow: 0px 4px 3px #8b7e6a;
  }
  /* line 3136, app/assets/stylesheets/new_application.scss */
  .accordion label:hover {
    cursor: pointer;
    padding: 1em 4rem;
    color: var(--white);
    background: var(--gray);
  }
  /* line 3142, app/assets/stylesheets/new_application.scss */
  .accordion input:checked ~ label {
    padding: 1em 4rem;
  }
  /* line 3145, app/assets/stylesheets/new_application.scss */
  .accordion input:checked ~ section {
    padding: 1em 35px;
  }
}

@media screen and (max-width: 767px), screen and (orientation: landscape) and (max-width: 1023px) {
  /* line 3150, app/assets/stylesheets/new_application.scss */
  .accordion__item:first-of-type {
    border-top: 1px solid var(--gray);
  }
  /* line 3153, app/assets/stylesheets/new_application.scss */
  .accordion__item:last-child {
    border-bottom: 1px solid var(--gray);
  }
  /* line 3156, app/assets/stylesheets/new_application.scss */
  .accordion label {
    font-size: 1.1rem;
    padding: 12px 15px;
  }
  /* line 3160, app/assets/stylesheets/new_application.scss */
  .accordion input:checked ~ section {
    padding: 0px 15px;
  }
}

/* line 3186, app/assets/stylesheets/new_application.scss */
.header_box {
  text-align: center;
  color: var(--white);
  background: var(--gray);
  box-shadow: var(--box-shadow);
  padding: 1.5em 50px;
  border-radius: var(--border-radius);
}

@media screen and (max-width: 767px) {
  /* line 3195, app/assets/stylesheets/new_application.scss */
  .header_box {
    padding: 15px 5px;
  }
}

/* line 3201, app/assets/stylesheets/new_application.scss */
.title {
  font-weight: 800;
  margin: 0px;
  border-radius: var(--border-radius);
}

/* line 3206, app/assets/stylesheets/new_application.scss */
.subtitle {
  font-weight: 500;
  margin-bottom: 0px;
  padding: 0 7px;
}

/* line 3211, app/assets/stylesheets/new_application.scss */
.subtitle a {
  color: var(--white) !important;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid var(--white) !important;
}

@media screen and (min-width: 768px) {
  /* line 3218, app/assets/stylesheets/new_application.scss */
  .title {
    font-size: 25px;
    line-height: 28px;
  }
}

@media screen and (max-width: 767px) {
  /* line 3224, app/assets/stylesheets/new_application.scss */
  .title {
    font-size: 19px;
    line-height: 23px;
  }
}

/* line 3252, app/assets/stylesheets/new_application.scss */
input#video:checked ~ div {
  display: none;
}

/*      МОБИЛЬНАЯ ВЕРСИЯ     */
/* line 3262, app/assets/stylesheets/new_application.scss */
.mob {
  width: 100%;
}

/* line 3266, app/assets/stylesheets/new_application.scss */
#mob_form input::-moz-placeholder, #mob_form textarea::-moz-placeholder {
  font-size: 4vw;
}
#mob_form input::placeholder, #mob_form textarea::placeholder {
  font-size: 4vw;
}

/*     КОНЕЦ МОБИЛЬНОЙ ВЕРСИИ     */
/* line 3279, app/assets/stylesheets/new_application.scss */
body.lb-disable-scrolling {
  overflow: hidden;
}

/* line 3283, app/assets/stylesheets/new_application.scss */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 3294, app/assets/stylesheets/new_application.scss */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

/* line 3305, app/assets/stylesheets/new_application.scss */
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid white;
}

/* line 3314, app/assets/stylesheets/new_application.scss */
.lightbox a img {
  border: none;
}

/* line 3318, app/assets/stylesheets/new_application.scss */
.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: white;
}

/* line 3328, app/assets/stylesheets/new_application.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 3334, app/assets/stylesheets/new_application.scss */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 3344, app/assets/stylesheets/new_application.scss */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/assets/loading-5b6fe8ac518d60f5001532f17de369c31f512608ffcff32702a2c594dc5d919a.gif) no-repeat;
}

/* line 3352, app/assets/stylesheets/new_application.scss */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 3361, app/assets/stylesheets/new_application.scss */
.lb-container > .nav {
  left: 0;
}

/* line 3365, app/assets/stylesheets/new_application.scss */
.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

/* line 3370, app/assets/stylesheets/new_application.scss */
.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

/* line 3376, app/assets/stylesheets/new_application.scss */
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/assets/prev-7fd9273f20fdb1229c224341271a119020a5eee74ccf6b4605730917c864caf2.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

/* line 3389, app/assets/stylesheets/new_application.scss */
.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 3394, app/assets/stylesheets/new_application.scss */
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/assets/next-15b869b02c6fbaa8c6c26445a2dd2d9bad80fd27b1409f8179e5dd89dc89d90a.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

/* line 3407, app/assets/stylesheets/new_application.scss */
.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 3412, app/assets/stylesheets/new_application.scss */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 3421, app/assets/stylesheets/new_application.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 3427, app/assets/stylesheets/new_application.scss */
.lb-data {
  padding: 0 4px;
  color: #ccc;
}

/* line 3432, app/assets/stylesheets/new_application.scss */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

/* line 3439, app/assets/stylesheets/new_application.scss */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

/* line 3445, app/assets/stylesheets/new_application.scss */
.lb-data .lb-caption a {
  color: #4ae;
}

/* line 3449, app/assets/stylesheets/new_application.scss */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

/* line 3457, app/assets/stylesheets/new_application.scss */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/assets/close-5d62e6c90005bfb71f6abb440f9e4753681cb23bbd5e60477ab6f442d2f0e69c.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

/* line 3473, app/assets/stylesheets/new_application.scss */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 3494, app/assets/stylesheets/new_application.scss */
.mob .methods-name {
  padding: 9vw 0vw 0vw 0vw;
  text-align: center;
  font-weight: 800;
  font-size: 5vw;
  line-height: 6vw;
  margin: 0px;
}

/* line 3503, app/assets/stylesheets/new_application.scss */
.mob .methods-description {
  text-align: center;
  font-size: 3vw;
  line-height: 3.7vw;
  letter-spacing: 0.01em;
  margin: 5vw 0vw 7vw 0vw;
}

/* line 3511, app/assets/stylesheets/new_application.scss */
.mob .methods-img {
  width: 86vw;
}

/* line 3515, app/assets/stylesheets/new_application.scss */
.mob .questions #client_form_mob,
.mob .questions #no-questions {
  display: none;
}

/* line 3529, app/assets/stylesheets/new_application.scss */
.reviews__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px -7px 30px -7px;
}

/* line 3535, app/assets/stylesheets/new_application.scss */
.reviews__column {
  flex: 1 0 48%;
  background-color: var(--white);
  margin: 7px;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}

/* line 3545, app/assets/stylesheets/new_application.scss */
.reviews__client-info {
  display: flex;
  text-align: center;
}

/* line 3549, app/assets/stylesheets/new_application.scss */
.reviews__client-foto {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  box-shadow: 0px 1px 3px var(--gray);
  margin-right: 20px;
}

/* line 3559, app/assets/stylesheets/new_application.scss */
.reviews__client-text p {
  text-align: justify;
  margin-bottom: 0px;
}

/* line 3563, app/assets/stylesheets/new_application.scss */
.reviews .video-reviews__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (min-width: 1600px) {
  /* line 3570, app/assets/stylesheets/new_application.scss */
  .video-reviews__row iframe {
    width: 416px;
    height: 234px;
    margin: 8px 7px;
  }
}

@media screen and (min-width: 1360px) and (max-width: 1599px) {
  /* line 3577, app/assets/stylesheets/new_application.scss */
  .video-reviews__row {
    margin: 0 -7px;
  }
  /* line 3580, app/assets/stylesheets/new_application.scss */
  .video-reviews__row iframe {
    width: 375px;
    height: 210px;
    margin: 7px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1359px) {
  /* line 3587, app/assets/stylesheets/new_application.scss */
  .video-reviews__row iframe {
    width: 48%;
    height: 26.5vw;
    margin: 7px;
  }
}

@media screen and (min-width: 768px) {
  /* line 3594, app/assets/stylesheets/new_application.scss */
  .reviews__column {
    padding: 25px 30px 25px 30px;
  }
}

@media screen and (max-width: 767px) {
  /* line 3599, app/assets/stylesheets/new_application.scss */
  .video-reviews__row iframe {
    width: 100%;
    height: calc(100vw / 1.93);
    margin: 10px 7px;
  }
  /* line 3604, app/assets/stylesheets/new_application.scss */
  .reviews__column {
    padding: 15px 20px;
  }
}

@font-face {
  font-family: 'MM sans-serif';
  src: url(/micross.ttf) format("ttf");
}

@font-face {
  font-family: 'Microsoft Sans';
  src: local("Microsoft Sans Serif"), local("MicrosoftSansSerif"), url("micross.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'WWW';
  src: url("fonts/Arial-ItalicMT.eot");
  src: local("Arial Italic"), local("Arial-ItalicMT"), url("fonts/Arial-ItalicMT.eot?#iefix") format("embedded-opentype"), url("fonts/Arial-ItalicMT.woff2") format("woff2"), url("fonts/Arial-ItalicMT.woff") format("woff"), url("fonts/Arial-ItalicMT.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'WWW';
  src: url("fonts/ArialMT.eot");
  src: local("Arial"), local("ArialMT"), url("fonts/ArialMT.eot?#iefix") format("embedded-opentype"), url("fonts/ArialMT.woff2") format("woff2"), url("fonts/ArialMT.woff") format("woff"), url("fonts/ArialMT.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'WWW';
  src: url("fonts/Arial-BoldItalicMT.eot");
  src: local("Arial Bold Italic"), local("Arial-BoldItalicMT"), url("fonts/Arial-BoldItalicMT.eot?#iefix") format("embedded-opentype"), url("fonts/Arial-BoldItalicMT.woff2") format("woff2"), url("fonts/Arial-BoldItalicMT.woff") format("woff"), url("fonts/Arial-BoldItalicMT.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'WWW';
  src: url("fonts/ArialNarrow-BoldItalic.eot");
  src: local("Arial Narrow Bold Italic"), local("ArialNarrow-BoldItalic"), url("fonts/ArialNarrow-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNarrow-BoldItalic.woff2") format("woff2"), url("fonts/ArialNarrow-BoldItalic.woff") format("woff"), url("fonts/ArialNarrow-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'WWW';
  src: url("fonts/ArialNarrow-Bold.eot");
  src: local("Arial Narrow Bold"), local("ArialNarrow-Bold"), url("fonts/ArialNarrow-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNarrow-Bold.woff2") format("woff2"), url("fonts/ArialNarrow-Bold.woff") format("woff"), url("fonts/ArialNarrow-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'WWW';
  src: url("fonts/ArialNarrow-Italic.eot");
  src: local("Arial Narrow Italic"), local("ArialNarrow-Italic"), url("fonts/ArialNarrow-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNarrow-Italic.woff2") format("woff2"), url("fonts/ArialNarrow-Italic.woff") format("woff"), url("fonts/ArialNarrow-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'WWW';
  src: url("fonts/ArialNarrow.eot");
  src: local("Arial Narrow"), local("ArialNarrow"), url("fonts/ArialNarrow.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNarrow.woff2") format("woff2"), url("fonts/ArialNarrow.woff") format("woff"), url("fonts/ArialNarrow.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'WWW';
  src: url("fonts/Arial-BoldMT.eot");
  src: local("Arial Bold"), local("Arial-BoldMT"), url("fonts/Arial-BoldMT.eot?#iefix") format("embedded-opentype"), url("fonts/Arial-BoldMT.woff2") format("woff2"), url("fonts/Arial-BoldMT.woff") format("woff"), url("fonts/Arial-BoldMT.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Arial Nova';
  src: url("fonts/ArialNova-Bold.eot");
  src: local("Arial Nova Bold"), local("ArialNova-Bold"), url("fonts/ArialNova-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNova-Bold.woff2") format("woff2"), url("fonts/ArialNova-Bold.woff") format("woff"), url("fonts/ArialNova-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Arial Nova';
  src: url("fonts/ArialNova-Light.eot");
  src: local("Arial Nova Light"), local("ArialNova-Light"), url("fonts/ArialNova-Light.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNova-Light.woff2") format("woff2"), url("fonts/ArialNova-Light.woff") format("woff"), url("fonts/ArialNova-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Arial Nova Cond';
  src: url("fonts/ArialNovaCond-Italic.eot");
  src: local("Arial Nova Cond Italic"), local("ArialNovaCond-Italic"), url("fonts/ArialNovaCond-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNovaCond-Italic.woff2") format("woff2"), url("fonts/ArialNovaCond-Italic.woff") format("woff"), url("fonts/ArialNovaCond-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Arial Nova';
  src: url("fonts/ArialNova.eot");
  src: local("Arial Nova"), local("ArialNova"), url("fonts/ArialNova.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNova.woff2") format("woff2"), url("fonts/ArialNova.woff") format("woff"), url("fonts/ArialNova.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Arial Nova';
  src: url("fonts/ArialNova-LightItalic.eot");
  src: local("Arial Nova Light Italic"), local("ArialNova-LightItalic"), url("fonts/ArialNova-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNova-LightItalic.woff2") format("woff2"), url("fonts/ArialNova-LightItalic.woff") format("woff"), url("fonts/ArialNova-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Arial Nova Cond';
  src: url("fonts/ArialNovaCond-LightItalic.eot");
  src: local("Arial Nova Cond Light Italic"), local("ArialNovaCond-LightItalic"), url("fonts/ArialNovaCond-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNovaCond-LightItalic.woff2") format("woff2"), url("fonts/ArialNovaCond-LightItalic.woff") format("woff"), url("fonts/ArialNovaCond-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Arial Nova Cond';
  src: url("fonts/ArialNovaCond.eot");
  src: local("Arial Nova Cond"), local("ArialNovaCond"), url("fonts/ArialNovaCond.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNovaCond.woff2") format("woff2"), url("fonts/ArialNovaCond.woff") format("woff"), url("fonts/ArialNovaCond.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Arial Nova';
  src: url("fonts/ArialNova-Italic.eot");
  src: local("Arial Nova Italic"), local("ArialNova-Italic"), url("fonts/ArialNova-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNova-Italic.woff2") format("woff2"), url("fonts/ArialNova-Italic.woff") format("woff"), url("fonts/ArialNova-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Arial Nova Cond';
  src: url("fonts/ArialNovaCond-Bold.eot");
  src: local("Arial Nova Cond Bold"), local("ArialNovaCond-Bold"), url("fonts/ArialNovaCond-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNovaCond-Bold.woff2") format("woff2"), url("fonts/ArialNovaCond-Bold.woff") format("woff"), url("fonts/ArialNovaCond-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Arial Nova Cond';
  src: url("fonts/ArialNovaCond-Light.eot");
  src: local("Arial Nova Cond Light"), local("ArialNovaCond-Light"), url("fonts/ArialNovaCond-Light.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNovaCond-Light.woff2") format("woff2"), url("fonts/ArialNovaCond-Light.woff") format("woff"), url("fonts/ArialNovaCond-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Arial Nova Cond';
  src: url("fonts/ArialNovaCond-BoldItalic.eot");
  src: local("Arial Nova Cond Bold Italic"), local("ArialNovaCond-BoldItalic"), url("fonts/ArialNovaCond-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNovaCond-BoldItalic.woff2") format("woff2"), url("fonts/ArialNovaCond-BoldItalic.woff") format("woff"), url("fonts/ArialNovaCond-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Arial Nova';
  src: url("fonts/ArialNova-BoldItalic.eot");
  src: local("Arial Nova Bold Italic"), local("ArialNova-BoldItalic"), url("fonts/ArialNova-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/ArialNova-BoldItalic.woff2") format("woff2"), url("fonts/ArialNova-BoldItalic.woff") format("woff"), url("fonts/ArialNova-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

/* line 3911, app/assets/stylesheets/new_application.scss */
.panel {
  display: flex;
  justify-content: center;
  margin-bottom: 3vw;
}

/* line 3916, app/assets/stylesheets/new_application.scss */
.panel a {
  text-decoration: none;
}

/* line 3919, app/assets/stylesheets/new_application.scss */
.panel_item {
  display: flex;
  width: 1.6vw;
  height: 1.6vw;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin: 0.2vw;
  font-size: 1vw;
  color: #4b4b4b;
  text-decoration: none;
}

/* line 3931, app/assets/stylesheets/new_application.scss */
.panel_item:hover {
  color: white;
  background-color: rgba(161, 129, 108, 0.8);
}

/* line 3946, app/assets/stylesheets/new_application.scss */
table {
  border-collapse: collapse;
  padding: 0;
  margin: 30px auto;
  width: 100%;
  table-layout: fixed;
  box-shadow: var(--box-shadow);
}

/* line 3954, app/assets/stylesheets/new_application.scss */
table caption {
  font-size: 1.26rem;
  background: var(--gray);
  color: var(--white);
  margin-bottom: 1px;
  border-radius: 4px 4px 0px 0px;
}

/* line 3961, app/assets/stylesheets/new_application.scss */
table tr {
  background-color: var(--background-white);
  padding: .35em;
  border-bottom: 1px solid var(--gray);
  /* #d1d1d1 */
}

/* line 3966, app/assets/stylesheets/new_application.scss */
table th, table td {
  padding: 1rem 35px;
}

/* line 3969, app/assets/stylesheets/new_application.scss */
table th {
  font-size: .85em;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: center;
  background: var(--gray);
  color: var(--white);
}

/* line 3977, app/assets/stylesheets/new_application.scss */
table td {
  text-align: left;
}

/* line 3980, app/assets/stylesheets/new_application.scss */
table tr:last-child {
  border-bottom: 0;
}

/* line 3983, app/assets/stylesheets/new_application.scss */
table th:first-child {
  border-top-left-radius: 4px;
}

/* line 3986, app/assets/stylesheets/new_application.scss */
table th:last-child {
  border-top-right-radius: 4px;
}

/* line 3989, app/assets/stylesheets/new_application.scss */
table tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}

/* line 3992, app/assets/stylesheets/new_application.scss */
table tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

/* line 3995, app/assets/stylesheets/new_application.scss */
caption ~ thead th {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

@media screen and (max-width: 767px), screen and (orientation: landscape) and (max-width: 1023px) {
  /* line 4000, app/assets/stylesheets/new_application.scss */
  table {
    border: 0;
    width: 100%;
    margin: 10px auto;
    box-shadow: none;
    border: 1px solid #d1d1d1;
  }
  /* line 4007, app/assets/stylesheets/new_application.scss */
  table caption {
    font-size: 1em;
    background: transparent;
    color: var(--black);
    padding: 10px;
  }
  /* line 4013, app/assets/stylesheets/new_application.scss */
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  /* line 4023, app/assets/stylesheets/new_application.scss */
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  /* line 4028, app/assets/stylesheets/new_application.scss */
  table td {
    border-bottom: 1px solid #ddd;
    display: flex;
    font-size: .8em;
    line-height: 1.3em;
    text-align: right;
    padding: 1em 10px;
    justify-content: space-between;
  }
  /* line 4037, app/assets/stylesheets/new_application.scss */
  table td::before {
    content: attr(data-label);
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px;
    text-align: left;
  }
  /* line 4044, app/assets/stylesheets/new_application.scss */
  table td:last-child {
    border-bottom: 0;
  }
}

/*   @media screen and (max-width: 767px), screen and (orientation: landscape) and (max-width: 1023px) {  */