html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}

body {line-height: 1}

ol, ul {list-style: none}

blockquote, q {quotes: none}

blockquote:before, blockquote:after, q:before, q:after {content: "";content: none}

table {border-collapse: collapse;border-spacing: 0}

.nav-icon {width: 30px;height: 20px;position: relative;transform: rotate(0);transition: .5s ease-in-out;cursor: pointer;display: none}

.nav-icon span {display: block;position: absolute;height: 2px;width: 100%;background: #333;opacity: 1;left: 0;transform: rotate(0);transition: .25s ease-in-out}

.nav-icon span:nth-child(1) {top: 0}

.nav-icon span:nth-child(2) {top: 9px}

.nav-icon span:nth-child(3) {top: 18px}

.nav-icon.open span:nth-child(1) {top: 9px;transform: rotate(135deg)}

.nav-icon.open span:nth-child(2) {opacity: 0;left: -60px}

.nav-icon.open span:nth-child(3) {top: 9px;transform: rotate(-135deg)}

@media (max-width: 1200px) {
    .nav-icon {display: flex}
}

:root {--space: calc((100vw - 1400px) / 2)}

body {font-family: "Jost", sans-serif;background-color: #f5f5f5}

body.overflow-hidden {overflow: hidden}

.container {max-width: 1400px;margin: 0 auto;padding: 0 15px}

.container-pull-right {margin-left: var(--space);margin-right: auto}

@media (max-width: 1400px) {
    .container-pull-right {margin-left: 0;padding-left: 15px}
}

.header {margin-bottom: 40px}

.header__top {display: flex;height: 55px;align-items: center;justify-content: space-between;background-color: #333;margin-bottom: 20px}

.header__top > a {color: #fff;text-decoration: none;font-size: 22px;padding-left: 30px}

.header__top-links {display: flex;height: 100%}

.header__top-links a {display: flex;align-items: center;justify-content: center;height: 100%;color: #fff;font-size: 17px;font-weight: 500;text-decoration: none;padding: 0 20px}

.header__top-links a:first-child {background-color: #ff6f00}

.header__bottom {position: relative;display: flex;align-items: center;justify-content: space-between}

@media (max-width: 767px) {
    .header {margin-bottom: 20px}

    .header__top > a {font-size: 14px;padding-left: 10px}

    .header__top-links a {font-size: 14px;padding: 0 10px}
}

.nav {display: flex;gap: 50px;padding-bottom: 10px;border-bottom: 1px solid #333;transition: all .3s ease-in-out}

.nav a {color: #333;font-size: 17px;text-decoration: none;transition: all .3s ease-in-out}

.nav a:hover {opacity: .8}

@media (max-width: 1200px) {
    .nav {position: absolute;top: 70px;left: -200%;display: flex;flex-direction: column;width: 100%;gap: 0;box-shadow: 0px 10px 18px -1px rgba(0, 0, 0, .5);-webkit-box-shadow: 0px 10px 18px -1px rgba(0, 0, 0, .5);-moz-box-shadow: 0px 10px 18px -1px rgba(0, 0, 0, .5);z-index: 3;background: #fff}

    .nav a {padding: 10px}

    .nav.js-open {left: 0}
}

.main-slider {position: relative}

.main-slider__slider {overflow: hidden}

.main-slider__img img {width: 100%;height: 100%;object-fit: cover;display: flex}

.main-slider__content {position: absolute;top: 50%;left: 150px;transform: translateY(-50%);max-width: 480px}

.main-slider__content a {display: inline-block; max-width: 300px; padding: 16px 0;text-align: center;background-color: #ff6f00;color: #fff;text-decoration: none;font-size: 24px;font-weight: 700;width: 100%;transition: all .3s ease-in-out}

.main-slider__content a:hover {opacity: .8}

.main-slider__title {margin-bottom: 15px;color: #333;font-size: 54px; line-height: 1.2; }

.main-slider__title strong {font-weight: 900}

.main-slider__arrow {display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;width: 65px;height: 65px;border-radius: 100%;background-color: #ff6f00;box-shadow: 7px 7px 18px -5px rgba(0, 0, 0, .75);-webkit-box-shadow: 7px 7px 18px -5px rgba(0, 0, 0, .75);-moz-box-shadow: 7px 7px 18px -5px rgba(0, 0, 0, .75);z-index: 2;cursor: pointer}

.main-slider__prev {left: -32.5px}

.main-slider__next {right: -32.5px}

.main-slider__next img {transform: rotate(180deg)}

.main-slider__pagination {display: none}

@media (max-width: 1600px) {
    .main-slider__prev {left: 5px}

    .main-slider__next {right: 5px}

    .main-slider__next img {transform: rotate(180deg)}
}

@media (max-width: 1170px) {
    .main-slider__content {left: 50px}

    .main-slider__title {font-size: 46px}

    .main-slider__arrow {display: none}

    .main-slider__pagination {display: flex}

    .main-slider__pagination .swiper-pagination-bullet {background-color: #ff6f00}
}

@media (max-width: 991px) {
    .main-slider__content {left: 20px;max-width: 300px}

    .main-slider__content a {padding: 12px 0;font-size: 18px}

    .main-slider__title {font-size: 32px}
}

@media (max-width: 767px) {
    .main-slider {height: 320px}

    .main-slider__slider, .main-slider__item, .main-slider__img {height: 100%}
}

.campaigns {padding: 50px 0;background: #333}

.campaigns__inner {display: flex;align-items: center;gap: 120px}

.campaigns__title {font-size: 54px;color: #fff}

@media (max-width: 1440px) {
    .campaigns__inner {gap: 80px}

    .campaigns__title {font-size: 40px}
}

@media (max-width: 991px) {
    .campaigns__inner {flex-direction: column;gap: 20px}
}

.campaigns-slider {position: relative;width: 100%;overflow: hidden}

.campaigns-slider__slider {width: 100%;overflow: hidden}

.campaigns-slider__slider .swiper-slide {height: auto}

.campaigns-slider__item {border-radius: 12px;height: 100%;overflow: hidden;background: #fff}

.campaigns-slider__img {height: 250px}

.campaigns-slider__img img {display: flex;width: 100%;height: 100%;object-fit: cover}

.campaigns-slider__content {padding: 30px 70px 60px 40px}

.campaigns-slider__content p {margin-bottom: 35px;font-size: 20px;line-height: 150%;color: #333;min-height: 120px}

.campaigns-slider__content a {font-size: 20px;font-weight: 700;text-decoration: none;border-radius: 20px;padding: 8px 16px;color: #fff;background-color: #ff6f00;border: 1px solid #ff6f00;transition: all .3s ease-in-out}

.campaigns-slider__content a:hover {color: #ff6f00;background-color: #fff}

.campaigns-slider__title {font-size: 20px;font-weight: 600;color: #333;margin-bottom: 15px}

.campaigns-slider__arrow {display: flex;align-items: center;justify-content: center;position: absolute;top: 40%;width: 65px;height: 65px;border-radius: 100%;background-color: #ff6f00;box-shadow: 7px 7px 18px -5px rgba(0, 0, 0, .75);-webkit-box-shadow: 7px 7px 18px -5px rgba(0, 0, 0, .75);-moz-box-shadow: 7px 7px 18px -5px rgba(0, 0, 0, .75);z-index: 2;cursor: pointer}

.campaigns-slider__prev {left: 5px}

.campaigns-slider__next {right: 5px}

.campaigns-slider__next img {transform: rotate(180deg)}

.campaigns-slider__pagination {display: none}

@media (max-width: 1170px) {
    .campaigns-slider__content {padding: 30px}

    .campaigns-slider__arrow {display: none}

    .campaigns-slider__pagination {position: relative;display: flex;bottom: -30px}

    .campaigns-slider__pagination .swiper-pagination-bullet {background-color: #ff6f00}
}

.institutions {padding: 74px 0;overflow: hidden}

.institutions__title {position: relative;color: #333;font-size: 54px;border-bottom: 1px solid #ff6f00;margin-bottom: 30px}

.institutions__list {max-width: 1000px;padding-left: 35px;display: flex;flex-direction: column;gap: 16px}

.institutions__item {display: flex;align-items: center;justify-content: space-between;background-color: #fff;border-radius: 40px;gap: 40px;padding-right: 20px}

.institutions__item h3 {background-color: #333;color: #fff;font-size: 20px;font-weight: 600;min-width: 340px;border-radius: 40px;padding: 28px 40px}

.institutions__content {display: flex;align-items: center;gap: 26px}

.institutions__content p {font-size: 20px;color: #333}

.institutions__content a {padding: 6px 16px;font-size: 20px;color: #fff;background-color: #ff6f00;text-decoration: none;font-weight: 700;border-radius: 20px;border: 1px solid #ff6f00;transition: all .3s ease-in-out}

.institutions__content a:hover {color: #ff6f00;background-color: #fff}

@media (max-width: 1024px) {
    .institutions {padding: 40px 0}

    .institutions__title {font-size: 40px}

    .institutions__list {padding-left: 0}

    .institutions__item {gap: 20px}

    .institutions__item h3 {padding: 20px;min-width: 300px}

    .institutions__content {gap: 10px}
}

@media (max-width: 767px) {
    .institutions__title {font-size: 32px}

    .institutions__list {padding-left: 0}

    .institutions__item {flex-direction: column;align-items: flex-start;gap: 10px;padding: 0}

    .institutions__item h3 {width: 100%;text-align: center;padding: 20px 0;min-width: unset}

    .institutions__content {flex-direction: column;align-items: center;gap: 10px;padding: 10px}

    .institutions__content p {text-align: center}
}

.sss__title {position: relative;color: #333;font-size: 54px;border-bottom: 1px solid #ff6f00;margin-bottom: 30px}

@media (max-width: 1024px) {
    .sss__title {font-size: 40px}
}

@media (max-width: 767px) {
    .sss__title {font-size: 32px}
}

.accordion__item {margin-bottom: 30px}

.accordion__header {display: flex;background-color: #fff;cursor: pointer;gap: 30px;border-radius: 40px}

.accordion__header.open {background-color: #ff6f00}

.accordion__header.open .accordion__icon {background-color: #333}

.accordion__header.open .accordion__title {color: #fff}

.accordion__header.open .accordion__title::before, .accordion__header.open .accordion__title::after {background-color: #fff}

.accordion__header.open .accordion__title::before {transform: rotate(0)}

.accordion__icon {min-width: 70px;min-height: 70px;display: flex;align-items: center;justify-content: center;border-radius: 100%;background-color: #ff6f00;transition: all .3s ease-in-out}

.accordion__title {display: flex;width: 100%;justify-content: space-between;align-items: center;position: relative;width: calc(100% - 70px);font-size: 22px;color: #333;transition: all .3s ease-in-out}

.accordion__title::before, .accordion__title::after {content: "";position: absolute;right: 22px;top: 50%;width: 22px;height: 2px;background-color: #ff6f00;transition: all .3s ease-in-out}

.accordion__title::before {transform: rotate(90deg)}

.accordion__content {display: none;background-color: #fff;padding: 40px;width: 90%;margin: 0 auto;box-shadow: -1px 12px 24px -16px rgba(0, 0, 0, .21);-webkit-box-shadow: -1px 12px 24px -16px rgba(0, 0, 0, .21);-moz-box-shadow: -1px 12px 24px -16px rgba(0, 0, 0, .21)}

.accordion__content h3 {font-size: 22px;color: #ff6f00;margin-bottom: 16px}

.accordion__content p {font-size: 22px;color: #333;line-height: 150%;margin-bottom: 30px}

@media (max-width: 991px) {
    .accordion__content {padding: 20px}
}

@media (max-width: 767px) {
    .accordion__header {gap: 10px}

    .accordion__title {font-size: 18px}

    .accordion__content h3 {font-size: 18px}

    .accordion__content p {font-size: 18px}
}

.footer {background-color: #e0e0e0;padding-top: 60px;padding-bottom: 30px}

.footer__inner {display: flex;flex-direction: column;gap: 40px}

.footer__top {display: flex;justify-content: space-between}

.footer__phone {display: flex;align-items: center}

.footer__phone a {color: #333;text-decoration: none;font-size: 24px;font-weight: 500}

.footer__bottom {text-align: center}

.footer__bottom p {font-size: 14px;color: #333}

@media (max-width: 767px) {
    .footer {padding-top: 30px}

    .footer__top {flex-direction: column;align-items: center;gap: 20px}

    .footer__phone a {font-size: 18px}
}

.social {display: flex;gap: 5px;align-items: center}

.social a {display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;text-decoration: none;border: 1px solid #ff6f00;border-radius: 4px;transition: all .3s ease-in-out}

.social a:hover {opacity: .8}

.side-area {position: fixed;top: 50%;right: 0;transform: translateY(-50%);z-index: 1000;display: flex;flex-direction: column;gap: 20px}

.side-area button {display: flex;align-items: center;flex-direction: column;padding: 10px;transform: rotate(180deg);background: #ff6f00;border: none;cursor: pointer;gap: 10px;font-size: 18px;font-weight: 900;color: #fff}

.side-area button span {writing-mode: vertical-rl;text-orientation: mixed}

.side-area button img {transform: rotate(180deg)}

.form {position: fixed;top: 50%;right: -110%;transform: translateY(-50%);z-index: 1000;display: flex;flex-direction: column;gap: 10px;background-color: #333;padding: 22px 30px;min-width: 280px;max-width: 320px;transition: all .3s ease}

.form.open {right: 0}

.form__close {display: flex;align-items: center;justify-content: center;position: absolute;width: 31px;height: 31px;border-radius: 100%;top: -10px;left: -10px;background-color: #ff6f00;color: #fff;font-size: 22px;cursor: pointer}

.form__row {display: flex;width: 100%}

.form__row input {font-family: "Jost", sans-serif;width: 100%;padding: 0 14px;height: 40px;border: 1px solid #ff6f00;font-size: 20px;color: #000;color: #333;outline: none}

.form__row input::placeholder {font-family: "Jost", sans-serif}

.form__row button {width: 100%;background-color: #ff6f00;color: #fff;font-size: 22px;cursor: pointer;border: none;transition: all .3s ease-in-out;padding: 14px 0;font-weight: 600}

.form__privacy {display: flex;align-items: flex-start;gap: 10px}

.form__privacy input[type=checkbox] {opacity: 0;left: 0;position: absolute}

.form__privacy label {font-size: 16px;line-height: 140%;color: #fff;position: relative;padding-left: 35px;cursor: pointer}

.form__privacy label.form-error {color: #df2228}
.form__privacy .form-error + label,.form__privacy .form-error + label a {color: #df2228}

.form__privacy label::before {content: "";display: inline-block;width: 14px;height: 14px;border-radius: 2px;border: 1px solid #ff6f00;background-color: rgba(0, 0, 0, 0);position: absolute;left: 0;top: 13px;transform: translateY(-50%)}

.form__privacy label a {color: #fff;font-size: 16px;text-decoration: underline}

.form__privacy input[type=checkbox]:checked + label::after {content: "";display: block;width: 15px;height: 10px;border-radius: 50%;position: absolute;left: 5px;top: 13px;transform: translateY(-50%)}

.form__privacy input[type=checkbox]:checked + label::before {border-color: #ff6f00;background-color: #ff6f00}

.iti {width: 100%}

.choices {width: 100%;overflow: initial !important}

.choices__inner {padding: 0 !important;border-color: #ff6f00 !important;min-height: auto !important;height: 40px;font-size: 20px !important}

.choices__item {display: flex;align-items: center;height: 100%;padding: 0 14px}

.choices__list--single {padding: 0 !important;height: 100%}

.form-error {border-color: red !important;color: red !important}

.form-error::placeholder {color: red !important}

.page {margin-bottom: 85px}

.page__title {position: relative;color: #333;font-size: 54px;border-bottom: 1px solid #ff6f00;margin-bottom: 30px;padding-bottom: 10px;margin-bottom: 40px}

.page__content {display: flex;gap: 70px}

.page__text {flex: 1}
.page__text h2 {font-size: 32px;color: #333;margin-bottom: 20px; font-weight: bold;}
.page__text h3 {font-size: 24px;color: #333;margin-bottom: 20px; font-weight: bold;}
.page__text h4 {font-size: 22px;color: #333;margin-bottom: 20px; font-weight: bold;}
.page__text h5 {font-size: 20px;color: #333;margin-bottom: 20px; font-weight: bold;}
.page__text h6 {font-size: 18px;color: #333;margin-bottom: 20px; font-weight: bold;}

.page__text p,.page__text li {font-size: 20px;line-height: 150%;color: #333;margin-bottom: 20px}
.page__text p strong, .page__text li strong{ font-weight: bold;}
.page__text li{ margin-bottom: 5px; }
.page__text ul{
    list-style: disc;
    padding-left: 40px;
    margin-bottom: 20px;
}
.page__img {flex: 1}

.page__img img {width: 100%;height: auto;object-fit: cover;display: flex}

@media (max-width: 1024px) {
    .page__title {font-size: 40px}
}

@media (max-width: 991px) {
    .page {margin-bottom: 50px}

    .page__content {flex-direction: column;gap: 20px}

    .page__text p {font-size: 20px;margin-bottom: 10px}
}

@media (max-width: 767px) {
    .page__title {font-size: 32px}
}

.products {padding: 80px 0;overflow: hidden}

.products__title {font-size: 54px;color: #282828}

.products__top {position: relative;display: flex;justify-content: space-between;align-items: center;gap: 80px;width: 100%}

.products__item {display: flex;flex-direction: column;align-items: center;justify-content: space-between;background-color: #fff;padding: 25px 30px;transition: all .3s ease-in-out;border-radius: 12px;width: 170px;height: 140px;margin-bottom: 50px;z-index: 2;text-decoration: none}

.products__item:hover {background-color: #ff6f00}

.products__item:hover .products__item-title {color: #fff}

.products__item:hover svg path {fill: #f5f5f5}

.products__item-title {font-size: 18px;color: #333;font-weight: 500;text-align: center}

.products__top-row {position: relative;display: flex;gap: 150px;justify-content: flex-start;width: 100%}

.products__top-row:before {position: absolute;left: 0;top: 50%;left: 0;background-color: #ff6f00;width: 100%;height: 2px;content: ""}

.products__bottom-row {position: relative;display: flex;gap: 100px;justify-content: flex-end;width: 100%}

.products__bottom-row:before {position: absolute;left: 0;top: 50%;left: 0;background-color: #ff6f00;width: 100%;height: 2px;content: ""}

@media (max-width: 1366px) {
    .products__top-row {gap: 80px}

    .products__bottom-row {gap: 80px}
}

@media (max-width: 1024px) {
    .products__top {flex-direction: column}

    .products__top-row {gap: 50px;justify-content: space-around}

    .products__bottom-row {justify-content: space-around;gap: 50px}
}

@media (max-width: 991px) {
    .products {padding: 40px 0}

    .products__top {gap: 30px}

    .products__top-row, .products__bottom-row {display: grid;grid-template-columns:1fr;gap: 0}

    .products__top-row::before, .products__bottom-row::before {display: none}

    .products__item {width: auto;height: auto;padding: 20px;gap: 20px;margin-bottom: 15px}
}
.popup_page{ max-width: 600px; }
.popup_page p,.popup_page li{ font-size: 14px; line-height: 1.4; margin-bottom: 15px;}
.popup_page li{ margin-bottom: 7px; }
.popup_page ul{ padding-left: 40px; list-style: disc; margin-bottom: 15px; }
.popup_page b,.popup_page strong{ font-weight: bold; }
.popup_page h2{ font-size: 18px; margin-bottom: 15px; font-weight: bold; }
.popup_page h3{ font-size: 16px; margin-bottom: 10px; font-weight: bold; }
.popup_page a{ color: inherit; text-decoration:underline; font-weight: bold; }
.swiper-button-disabled{ opacity: .4; }
.footer__phone{
    flex-wrap: wrap;
    max-width: 300px;
    gap: 20px;
    justify-content: center;
}
.head_title{ color: #FFF; background: #8e8e8e; text-transform: uppercase; font-weight: bold; display: inline-block; margin-bottom: 10px; font-size: 14px; padding: 10px;}
/*# sourceMappingURL=main.css.map */