body {
    padding-top: env(safe-area-inset-top);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
}

.test {
    margin-top: 100px;
}

/*FONT*/

@font-face {
    font-family: 'Stolzl Book';
    src: url('Stolzl-Book.eot');
    src: local('Stolzl Book'), local('Stolzl-Book'),
        url('/src/fonts/Stolzl-Book.eot?#iefix') format('embedded-opentype'),
        url('/src/fonts/Stolzl-Book.woff2') format('woff2'),
        url('/src/fonts/Stolzl-Book.woff') format('woff'),
        url('/src/fonts/Stolzl-Book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
/*или
@font-face {
    font-family: 'Stolzl Regular';
    src: url('Stolzl-Regular.eot');
    src: local('Stolzl Regular'), local('Stolzl-Regular'),
        url('/src/fonts/Stolzl-Regular.eot?#iefix') format('embedded-opentype'),
        url('/src/fonts/Stolzl-Regular.woff2') format('woff2'),
        url('/src/fonts/Stolzl-Regular.woff') format('woff'),
        url('/src/fonts/Stolzl-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
*/

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

.font-1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: 'Stolzl Book';
}

.font-1_bold {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Stolzl Bold';
}

.font-2 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    font-family: 'Stolzl Book';
}

.font-3 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    font-family: 'Stolzl Bold';
}

.font_color {
    color: #00B760;
}

.font_bold {
    font-weight: bold;
}

.font_white {
    color: #fff;
}


/*BTN*/

.btn {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #00B760;
    border-radius: 10px;
    padding: 11px 20px;
    color: #fff;
    font-family: 'Stolzl Book';
    font-size: 16px;
    line-height: 24px;
}

.btn-color {
    background: #00B760;
}
.btn-color_dark {
    background: #003333;
    border-color: #003333;
}

.btn-primary {
    color: #00B760;
    background: #fff;
}

.btn:hover,
.btn:active,
.btn:focus {
    box-shadow: 0 0 8px -3px black;
}

.btn-color:hover,
.btn-color:active,
.btn-color:focus {
    background: #10d175;
    border: 2px solid #10d175;
}
.btn-color_dark:hover,
.btn-color_dark:active,
.btn-color_dark:focus {
    background: #034444;
    border-color: #034444;
}

/*INPUT*/

.input {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    padding: 13px 20px;
    border-width: 0;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
}

.input-color {
    border: 1px solid #00a154;
}
.input-color_dark {
    border: 1px solid #014c4c;
}
.input-outline {
    border: 1px solid #00b760;
}
.input-error {
    border: 1px solid #b81b1b;
}

.input:hover,
.input:active,
.input:focus {
    box-shadow: 0 0 8px -3px black;
}

.input:invalid {
    border: 1px solid #b81b1b;
}

/*SELECT*/

.select-block {
    position: relative;
}

.select-block:after {
    content: "";
    position: absolute;
    top: 21px;
    right: 13px;
    width: 15px;
    height: 9px;
    background-repeat: no-repeat;
    background-image: url(/src/svg/vector.svg);
    background-size: contain;
    transform: rotate(180deg);
    transition-property: transform;
    transition-duration: 0.5s;
}
.select-block.select-block__active:after {
    transform: rotate(0deg);
    transition-property: transform;
    transition-duration: 0.5s;
}

.select {
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    padding: 13px 35px 13px 20px;
    border-width: 0;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.select:hover,
.select:active,
.select:focus {
    box-shadow: 0 0 8px -3px black;
}

.select:invalid {
    border: 1px solid #b81b1b;
}

/*DATE*/

.date {
    background-repeat: no-repeat;
    background-image: url(/src/svg/date.svg);
    background-size: 22px;
    background-position: 92% 50%;
}
.date::-webkit-inner-spin-button {
  display: none;
}
.date::-webkit-calendar-picker-indicator {
  opacity: 0;
}

/*.date {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    box-sizing: border-box;
}
.date::-webkit-calendar-picker-indicator {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
}*/

/*<div class="date-block">

.date-block {
    position: relative;
}
.date-block:after {
    content: "";
    position: absolute;
    top: 28px;
    right: 22px;
    width: 20px;
    height: 22px;
    background-repeat: no-repeat;
    background-image: url(/src/svg/date.svg);
    background-size: contain;
}*/

/*TEXTAREA*/

.textarea {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    padding: 13px 20px;
    border-width: 0;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
}

.textarea-color {
    border: 1px solid #00a154;
}
.textarea-color_dark {
    border: 1px solid #014c4c;
}

.textarea:hover,
.textarea:active,
.textarea:focus {
    box-shadow: 0 0 8px -3px black;
}

.textarea:invalid {
    border: 1px solid #b81b1b;
}

/*CHECKBOX*/

.checkbox {
    
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 1em;
    height: 1em;
    top: 5px;
    left: 1px;
}
.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}
.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 2px solid #ffffff;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox:checked+label::before {
    border-color: #0b76ef;
    background-color: #0b76ef;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/*NOWRAP*/

.nowrap {
    white-space: nowrap;
}

/*STANDART LIST*/

ul {
    list-style: none;
}

ul li {
    position: relative;
}
ul li:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #00b760;
    border-radius: 50%;
    left: -18px;
    top: 8px;
}

.main-menu .main-menu-item:before,
.mobile-menu-list .mobile-menu-item:before,
.submenu-list .submenu-list__item:before,
.tabs-list .tabs-item:before,
.slick-dots li:before,
.works-list__made .works-items__made:before,
.footer-menu__list .footer-menu__item:before,
.methods-list .methods-item:before {
    content: none;
}

/*HEADER*/

.h1 {
    font-size: 44px;
    line-height: 48px;
    font-weight: 700;
    font-family: 'Stolzl Bold';
}

.h2 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    font-family: 'Stolzl Bold';
}

.h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    font-family: 'Stolzl Bold';
}

.h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: 'Stolzl Book';
}

/*PRIM*/

img {
    width: 100%;
    height: auto;
}

.wrap {
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
}

/*HEADER TOP*/

.header-top {
    
}

.header-top-container {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
}

.header-city__choose {
    margin-left: 5px;
}

.header-whatsapp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}

.header-whatsapp .fa-whatsapp {
    font-size: 22px;
    line-height: 22px;
    color: #00b760;
}

.header-whatsapp .header-whatsapp__link {
    color: #000000;
    margin-left: 8px;
}
.header-whatsapp .header-whatsapp__link:hover,
.header-whatsapp .header-whatsapp__link:active,
.header-whatsapp .header-whatsapp__link:focus {
    color: #00b760;
}

/*HEADER INFO*/

.header-info {
    
}

.header-info__bg {
    background: #003333;
}

.header-info-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}

.header-logo {
    display: flex;
}

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

.header-about__clock,
.header-about__mail,
.header-about__phone {
    display: flex;
    align-items: center;
}
.header-about__mail,
.header-about__phone {
    margin-left: 48px;
}

.header-about__icon {
    color: #fff;
    font-size: 21px;
}

.header-about__text {
    color: #fff;
    text-decoration: none;
    margin-left: 9.5px;
}

/*MENU*/

.header-menu {
    
}

.header-menu__bg {
    background: #00B760;
}

.main-menu {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-menu-item {
    position: relative;
    text-align: center;
    width: 100%;
}

.main-menu-item__link {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    padding: 20px 0;
}
.main-menu-item__link:hover,
.main-menu-item__link:active,
.main-menu-item__link:focus {
    background: #04cd6e;
}
.main-menu-item__arrow::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #fff;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
}

.main-menu__submenu {
    display: none;
}

.submenu {
    border-radius: 0 0 20px 20px;
    background: white;
    box-shadow: 2px 2px 6px -5px;
    padding: 20px 28px;
}

.submenu-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-menu-item:hover .main-menu__submenu {
    position: absolute;
    display: block;
    width: 100%;
    z-index: 10;
}

.submenu-list__item {
    text-align: left;
    margin-top: 10px;
}
.submenu-list__item:first-child {
    margin-top: 0;
}

.submenu-list__link {
    color: #000000;
    text-decoration: none;
}
.submenu-list__link:hover,
.submenu-list__link:active,
.submenu-list__link:focus {
    color: #00b760;
}

/*MENU MOBILE*/

.fas-mobile-menu {
    color: #00b760;
    font-size: 24px;
    line-height: 24px;
}

.header__mobile-menu {
    display: none;
}
.mobile-menu__wrap {
    display: none;
}

/*TITLE BLOCK*/

.title-block {
    
}

.page-title {
    font-family: 'Stolzl Book';
    color: rgba(0, 51, 51, 1);
    margin: 60px 0 0 0;
}

.breadcrumb {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 10px 0 40px 0;
}
.breadcrumb > li:before {
    content: none;
}
.breadcrumb > li + li {
    position: relative;
    padding-left: 10px;
    margin-left: 10px;
}
.breadcrumb > li + li:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #00b760;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: -3px;
}

.breadcrumb-item {
    
}

/*BANNER*/

.slider {
    position: relative;
}

.slider-heading {
    max-width: 710px;
    padding: 100px 0;
}

.slider-heading__h1 {
    color: #fff;
    margin: 0;
}

.slider-heading__desc {
    color: #fff;
    margin-top: 20px;
}

.slider-heading__link {
    display: inline-block;
    margin-top: 20px;
}

/*ADVANTEGES*/

.advantages {
    margin-top: 60px;
}

.advantages-list {
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 10px -5px black;
    border-radius: 20px;
    padding: 40px 60px;
}

.advantages-item {
    position: relative;
    flex-basis: 25%;
    padding-left: 14px;
    margin-left: 15px;
}
.advantages-item:first-child {
    margin-left: 0;
}
.advantages-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: -3px;
    height: 100%;
    width: 4px;
    background: #00b760;
    border-radius: 10px;
}

.advantages-item__title {
    font-size: 28px;
    line-height: 32px;
}

.advantages-item__desc {
    margin-top: 10px;
}

/*TEXT AREA*/

.text-area {
    margin-top: 100px;
}

.text-area-container {
    display: flex;
    justify-content: space-between;
}

.text-area__picture {
    flex-basis: 40%;
    overflow: hidden;
}
.text-area__picture-img {
    border-radius: 15px;
}

.text-area__desc {
    flex-basis: 60%;
    margin-left: 40px;
}

.text-area__h1 {
    color: #003333;
    margin-top: 0;
}

/*TEXT AREA REVERSE*/

.text-area-container--reverse {
    flex-direction: row-reverse;
}

.text-area-container--reverse .text-area__desc {
    margin-right: 40px;
    margin-left: 0;
}

/*SERVICES*/

.services {
    margin-top: 100px;
}

.services__bg {
    background: #00B760;
}

.services-container {
    padding: 60px 0;
}

.services-title {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.services-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.services-item {
    flex-basis: 25%;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px -5px black;
    padding: 28px 40px;
    margin-top: 40px;
}

.services-item__top {
    display: flex;
}

.services-item__img {
    max-height: 40px;
    width: auto;
}

.services-item__link {
    color: #003333;
    text-decoration: none;
    font-size: 20px;
    line-height: 25px;
    margin-left: 25px;
}
.services-item__link:hover,
.services-item__link:active,
.services-item__link:focus {
    text-decoration: underline;
}

.services-item__bottom {
    margin-top: 20px;
}

.services-item__price {
    display: inline-block;
}

/*PRICE TABS*/

.price {
    margin-top: 100px;
}

.price-container {
    
}

.price-title {
    text-transform: uppercase;
    text-align: center;
    color: #003333;
    margin: 0;
}

.tabs {
    margin-top: 40px;
}

.tabs-list {
    display: flex;
    padding: 0;
    margin: 0;
}

.tabs-item {
    list-style: none;
    color: #003333;
    font-size: 20px;
    line-height: 28px;
    cursor: pointer;
    padding: 9px 28px;
}
.tabs-item.active {
    color: #fff;
    background: #003333;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 5px 20px 0px rgba(0, 51, 51, 0.15);
}
.tabs-item:hover {
    color: #fff;
    background: #00b760;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 5px 20px 0px rgba(0, 51, 51, 0.15);
}

.tabs-content {
    display: none;
}
.tabs-content.active {
    display: block;
}



/*TABLE*/

.table-price {
    width: 100%;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 5px 20px 0px rgba(0, 51, 51, 0.15);
}

.tabs-content .table-price {
    border-radius: 0 0 20px 20px;
}

.table-price tr {
    
}

.table-price td {
    
}

.table-price__head {
    
}
.table-price__head td {
    color: #fff;
    background: #003333;
    padding: 20px 40px;
}

.table-price__body {
    
}
.table-price__body tr:hover {
    color: #fff;
    background: #00B760;
}
.table-price__body td {
    padding: 20px 40px;
}

/**/

/*CALC*/

.calc {
    margin-top: 40px;
    overflow: hidden;
}
.calc__bg {
    background: #003333;
    box-shadow: 0 0 5px -2px black;
}

.calc-title {
    text-transform: uppercase;
    text-align: center;
    color: #003333;
    margin: 100px 0 0 0;
}

.calc-form {
    display: flex;
}

.calc-form__block {
    position: relative;
    flex-basis: 50%;
    padding: 50px 100px 50px 0;
}
.calc-form__block_color {
    padding: 50px 0 50px 40px;
}

.calc_light {
    position: absolute;
    top: 0;
    left: 0;
    background: #00b760;
    width: 200%;
    height: 100%;
    display: block;
    z-index: 1;
}

.calc-form__line {
    display: flex;
    align-items: flex-end;
    z-index: 2;
    margin-top: 25px;
}
.calc-form__line:first-child,
.calc-form__line__nmt {
    margin-top: 0;
}

.calc-form__col {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    z-index: 2;
}
.calc-form__col_ml {
    margin-left: 40px;
}

.calc-form__text {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
}

.calc-form__text_big {
    color: #fff;
    font-size: 44px;
    line-height: 48px;
    margin-top: 10px;
}

.calc .label {
    color: #fff;
}

.calc .input,
.calc .select-block {
    margin-top: 12px;
}

/**/

/*CONSULTATION*/

.consultation {
    margin-top: 220px;
}

.consultation__bg {
    background: rgba(0, 51, 51, 1);
}

.consultation-container {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
}

.consultation-picture {
    flex-basis: 40%;
    position: relative;
}

.consultation-picture__img {
    position: absolute;
    bottom: -40px;
    left: 0;
    border-radius: 20px 20px 0 0;
}

.consultation-text {
    flex-basis: 60%;
    margin-left: 40px;
}

.consultation-text__title {
    text-transform: uppercase;
    margin: 0;
}

.consultation-text__desc {
    margin-top: 20px;
}

.consultation-form {
    display: flex;
    margin-top: 20px;
}

.consultation-form__input {
    
}

.consultation-form__button {
    margin-left: 20px;
}

/*CASHBACK*/

.cashback {
    margin-top: 220px;
}

.cashback__bg {
    background: rgba(0, 183, 96, 1);
}

.cashback-container {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
}

.cashback-picture {
    flex-basis: 40%;
    position: relative;
}

.cashback-picture__img {
    position: absolute;
    bottom: -40px;
    right: 0;
    border-radius: 20px 20px 0 0;
}

.cashback-text {
    flex-basis: 60%;
    margin-right: 40px;
}

.cashback-text__title {
    text-transform: uppercase;
    margin: 0;
}

.cashback-text__desc {
    margin-top: 20px;
}

.cashback-form {
    display: flex;
    margin-top: 20px;
}

.cashback-form__input {
    
}

.cashback-form__button {
    margin-left: 20px;
}

/**/



/**/

/*STAFF JOB*/

.staff {
    margin-top: 100px;
}

.staff-container {
    
}

.staff-title {
    text-transform: uppercase;
    text-align: center;
    color: #003333;
    margin: 0;
}

.staff-gallery {
    
}



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

.gallery-flex__item {
    flex-basis: 31%;
    margin-top: 40px;
}

.gallery-flex__img {

}

/*BEFORE and AFTER*/

.before {
    margin-top: 100px;
}

.before-title {
    text-transform: uppercase;
    text-align: center;
    color: #003333;
    margin: 0;
}

.sl-after-before {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.sl-container {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    flex-basis: 46%;
    width: 580px;
    height: 408px;
    box-sizing: border-box;
    box-shadow: 0 4px 12px rgb(0 0 0 / 20%), 0 16px 20px rgb(0 0 0 / 20%);
}
.sl-container .view {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.sl-container .view img {
    width: 580px;
    height: auto;
}
.sl-container .view-before {
    width: 100%;
    height: 100%;
    z-index: 100;
}
.sl-container .view-after {
    width: 100px;
    height: 100%;
    z-index: 200;
}
.sl-container .dragme {
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0px;
    left: 100px;
    background-color: #f2f2f2;
    cursor: pointer;
    z-index: 300;
}
.sl-container .dr-circle {
    position: absolute;
    top: calc(50% - 20px);
    left: -20px;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    text-align: center;
    background-color: #00b760;
    border: 2px solid #fff;
    cursor: pointer;
    z-index: 300;
    
    font-size: 20px;
    line-height: 36px;
    color: #fff;
}
.sl-container .dr-circle i {
    line-height: 40px;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
}


/*WORKS*/

.works {
    margin-top: 100px;
}

.works-container {
    
}

.works-title {
    text-transform: uppercase;
    text-align: center;
    color: #003333;
    margin: 0;
}

.works-list {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
}

.works-item {
    display:  flex;
    margin-top: 40px;
}
.works-item:first-child {
    margin-top: 0;
}

.works-slider {
    width: 50%;
}

.slick-work-img {
    width: 100%;
}

.works-text {
    width: 50%;
    margin-left: 40px;
}

.works-text__title {
    font-size: 26px;
    line-height: 32px;
}

.works-text__desc {
    margin: 20px 0 0 0;
}

.works-list__made {
    list-style: none;
    padding: 0;
    margin: 0;
}

.works-items__made {
    margin-top: 5px;
}
.works-items__made:first-child {
    margin-top: 0;
}

/*REVIEWS*/

.reviews {
    margin-top: 100px;
}

.reviews-container {
    
}

.reviews-title {
    text-transform: uppercase;
    text-align: center;
    color: #003333;
    margin: 0;
}


.reviews-video {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.reviews-video__items {
    border-radius: 20px;
    display: flex;
    box-shadow: 2px 2px 8px -4px black;
    overflow: hidden;
}
.reviews-video__items:last-child {
    margin-left: 20px;
}

.reviews-text {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.reviews-text__items {
    border-radius: 20px;
    box-shadow: 2px 2px 8px -4px black;
    overflow: hidden;
    padding: 28px;
    margin-left: 40px;
}
.reviews-text__items:first-child {
    margin-left: 0;
}

.reviews-text__header {
    display: flex;
}

.reviews-text__img img {
    width: 100%;
}

.reviews-text__info {
    margin-left: 20px;
}

.reviews-text__name {
    
}

.reviews-text__rating {
    margin-top: 5px;
}

.reviews-text__date {
    margin-top: 5px;
}

.reviews-text__footer {
    
}

/*REVIEW VIDEO*/

.reviews-video {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.reviews-video-item {
    flex-basis: 48%;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
}

.reviews-video-item iframe {
    width: 100%;
}

/*RATING*/

.rating {
    line-height: 13px;
}

.rating-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.44895 0.92705C7.7483 0.00573969 9.05171 0.00573993 9.35106 0.927051L10.5104 4.49524C10.6443 4.90727 11.0283 5.18623 11.4615 5.18623L15.2133 5.18623C16.182 5.18623 16.5848 6.42584 15.8011 6.99524L12.7658 9.20051C12.4153 9.45515 12.2687 9.90652 12.4025 10.3185L13.5619 13.8867C13.8613 14.808 12.8068 15.5742 12.0231 15.0048L8.98779 12.7995C8.6373 12.5449 8.16271 12.5449 7.81222 12.7995L4.77693 15.0048C3.99322 15.5742 2.93874 14.808 3.23809 13.8867L4.39747 10.3185C4.53134 9.90652 4.38468 9.45515 4.0342 9.20051L0.99891 6.99524C0.215197 6.42584 0.617972 5.18623 1.5867 5.18623L5.33852 5.18623C5.77174 5.18623 6.1557 4.90727 6.28957 4.49524L7.44895 0.92705Z' fill='%23FFE600'/%3E%3C/svg%3E%0A");
}


/*FAQ*/

.faq {
    margin-top: 100px;
}

.faq-container {
    
}

.faq-title {
    text-transform: uppercase;
    text-align: center;
    color: #003333;
    margin: 0;
}

.faq-list {
    margin-top: 40px;
}

.faq-tabs {
    box-shadow: 0 5px 20px 0 rgb(0 51 51 / 15%);
    border-radius: 20px;
    margin-top: 20px;
}

.faq-item {
    position: relative;
    cursor: pointer;
    border-radius: 20px 20px 0 0;
    padding: 20px 40px;
}
.faq-item:hover {
    border-radius: 20px;
    box-shadow: 5px 5px 12px -8px black;
}

.faq-item.active {
    color: #fff;
    background: #00B760;
    transition-property: transform;
    transition-duration: 3s;
}
.faq-item.active:hover {
    border-radius: 20px 20px 0 0;
    box-shadow: none;
}

.faq-item:after {
    content: "";
    position: absolute;
    right: 32px;
    top: 25px;
    height: 10px;
    width: 10px;
    border-top: 2px solid #00b760;
    border-left: 2px solid #00b760;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
    transition-property: transform;
    transition-duration: 0.5s;
}
.faq-item.active:after {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    transition-property: transform;
    transition-duration: 0.5s;
    
}

.faq-tabs-content {
    display: none;
}
.faq-item.active+.faq-tabs-content {
    display: block;
    padding: 28px 40px;
}

/*NEWS LIST*/

.news-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.news-item {
    flex-basis: 31%;
    margin-top: 40px;
}

.news-item__img {
    
}

.news-item__title {
    margin-top: 10px;
}

.news-item__text {
    margin-top: 10px;
}

.news-item__date {
    margin-top: 10px;
}

/*FEEDBACK*/

.feedback {
    position: relative;
    margin-top: 100px;
}
.feedback__bg {
    background: rgba(0, 183, 96, 1);
}

.feedback__img {
    position: absolute;
    background: url(/src/img/feedback.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    width: 35%;
    height: 100%;
}

.feedback-wrap {
    width: 65%;
    margin: 0 0 0 auto;
}

.feedback-container {
    max-width: 830px;
    padding: 40px 40px 60px;
}

.feedback-form__title {
    color: #fff;
}

.feedback-form {
    
}

.feedback-form__line {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    z-index: 2;
    margin-top: 25px;
}

.feedback-form__col {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    z-index: 2;
}
.feedback-form__col_ml {
    margin-left: 40px;
}

.feedback .label {
    color: #fff;
    margin-top: 22px;
}
.feedback .feedback-label_nmt {
    margin-top: 0;
}


.feedback-form__line_checkbox {
    align-items: center;
}

.feedback-checkbox {
    position: relative;
    flex-basis: 50%;
}

.feedback-checkbox .label {
    cursor: pointer;
    margin: 0;
}

.feedback .calc-form__col_ml {
    flex-basis: 50%;
}

.feedback .input,
.feedback .select-block,
.feedback .textarea {
    margin-top: 12px;
}


/**/

/*DROPDOWN*/

.dropdown {
    margin-top: 100px;
}

.dropdown-title {
    text-transform: uppercase;
    text-align: center;
    color: #003333;
    margin: 0;
}

.dropdown__block {
    margin-top: 35px;
}

.dropdown__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 78px;
    overflow: hidden;
}
.dropdown__wrapper.dropdown__wrapper-open {
    height: auto;
    overflow: inherit;
}

.dropdown__item {
    margin-top: 15px;
}
.dropdown__item:first-child {
    margin-left: 0;
}

.dropdown-list-link {
    display: block;
    border: 2px solid #00b760;
    border-radius: 10px;
    color: #00b760;
    text-decoration: none;
    padding: 10px 15px;
}
.dropdown-list-link:hover,
.dropdown-list-link:active,
.dropdown-list-link:focus {
    box-shadow: 0 0 8px -3px black;
}

.dropdown-open-link {
    display: block;
    text-align: center;
    color: #000;
    margin-top: 15px;
}
.dropdown-open-link:hover,
.dropdown-open-link:active,
.dropdown-open-link:focus {
    color: #00b760;
}


/**/

/*SUBSCRIPTION*/

.subscription {
    margin-top: 100px;
}

.subscription__bg {
    background: #00B760;
}

.subscription-container {
    display: flex;
    justify-content: space-between;
    padding: 23px 0;
}

.subscription-text {
    font-size: 20px;
    line-height: 28px;
}

.subscription-form {
    display: flex;
}

.subscription-btn {
    margin-left: 20px;
}

/*VACANCY*/

.vacancy-list {
    
}

.vacancy-item {
    margin-top: 40px;
}
.vacancy-item:first-child {
    margin-top: 0;
}

.vacancy-title {
    
}

.vacancy-responsibilities,
.vacancy-requirements,
.vacancy-schedule {
    font-weight: bold;
}

.vacancy-responsibilities {
    
}

.vacancy-requirements {
    
}

.vacancy-schedule {
    
}

/*FOOTER*/

.footer {
    color: #fff;
}

.footer__bg {
    background: #003333;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
}

.footer-col {
    margin-left: 40px;
}
.footer-col:first-child {
    margin: 0;
}

.footer-menu__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu__item {
    margin-top: 10px;
}
.footer-menu__item:first-child {
    margin-top: 0;
}

.footer-menu__link {
    color: #fff;
    text-decoration: none;
}
.footer-menu__link:hover,
.footer-menu__link:active,
.footer-menu__link:focus {
    color: #00b760;
}

.footer-item_name {
    
}

.footer-item_text {
    
}


.social-callback {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    margin-top: 10px;
}

.social-callback__item {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.social-callback__item:first-child {
    margin-top: 0;
}

.social-callback__icon {
    font-size: 25px;
    line-height: 25px;
}

.social-callback__link {
    color: #fff;
    text-decoration: none;
    margin-left: 10px;
}


.footer-info {
    display: flex;
    flex-direction: column;
}

.footer-info__item {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
.footer-info__item:first-child {
    margin-top: 0;
}

.footer-item_text {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.footer-info__link {
    color: #fff;
    text-decoration: none;
    margin-top: 10px;
}
.footer-info__link:first-child {
    margin-top: 0;
}


.social {
    display: flex;
}

.social-item {
    margin-left: 10px;
}
.social-item:first-child {
    margin-left: 0;
}

.social-link {
    background: #fff;
    border-radius: 25px;
    padding: 2px 4px;
    color: #003333;
}

.social-link .fa {
    
}

/**/

/*COPYRIGHT*/

.copyright__bg {
    background: #000;
}

.copyright-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.copyright-info {
    color: #fff;
    flex-basis: 657px;
}

.copyright-methods {
    flex-basis: 368px;
}

.methods-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.methods-item {
    color: #00b760;
    display: block;
    overflow: hidden;
    background: #fff;
    margin-left: 20px;
    border-radius: 3px;
    width: 30px;
    height: 25px;
}
.methods-item:first-child {
    margin: 0;
}

.methods-item .methods-item__icon {
    font-size: 27px;
    line-height: 24px;
    height: 25px;
}

/*KONTAKTY*/

.contact-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

contact-info {
    flex-basis: 30%;
}

.contact-map {
    flex-basis: 70%;
    display: flex;
    box-shadow: 0 0 5px -2px black;
    border-radius: 20px;
    overflow: hidden;
}

.contact-block .social-link {
    background: #00b760;
    color: #ffffff;
}

/*POPUP*/

.popup-wrap {
    max-width: 600px;
}

.popup-faq {
    display: none;
    border-radius: 20px;
    padding: 60px 40px;
}
.popup-faq__title {
    text-align: center;
}
.popup-faq__text {
    text-align: center;
    margin-top: 28px;
}
.popup-faq__footer {
    margin-top: 20px;
}
.popup-faq-line {
    display: flex;
}
.popup-faq-btn {
    margin-left: 20px;
}

.popup-order {
    display: none;
    border-radius: 20px;
    padding: 60px 40px;
}
.popup-order__title {
    text-align: center;
}
.popup-order__text {
    text-align: center;
    margin-top: 28px;
}
.popup-order__footer {
    margin-top: 20px;
}
.popup-order-line {
    display: flex;
}
.popup-order-btn {
    margin-left: 20px;
}


.popup-vacancy {
    display: none;
    border-radius: 20px;
    padding: 60px 40px;
}
.popup-vacancy__title {
    text-align: center;
}
.popup-vacancy__text {
    text-align: center;
    margin-top: 28px;
}
.popup-vacancy__footer {
    margin-top: 20px;
}
.popup-vacancy-line {
    display: flex;
}
.popup-vacancy-btn {
    margin-left: 20px;
}

/*404*/

.page-404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 100px;
}

.page-404-title {
    font-size: 80px;
    line-height: 90px;
    color: #003333;
}

.page-404-info {
    font-size: 38px;
    line-height: 44px;
    color: #003333;
    margin-top: 20px;
}

.page-404-text {
    margin-top: 20px;
}

.page-404-link {
    margin-top: 20px;
}