@font-face {
    font-family: 'Play';
    src: url('/assets/fonts/Play-Bold.eot');
    src: local('Play-Bold'),
        url('/assets/fonts/Play-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Play-Bold.woff') format('woff'),
        url('/assets/fonts/Play-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Play';
    src: url('/assets/fonts/Play.eot');
    src: local('Play'),
        url('/assets/fonts/Play.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Play.woff') format('woff'),
        url('/assets/fonts/Play.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('/assets/fonts/Raleway-Light.eot');
    src: local('Raleway Light'), local('Raleway-Light'),
        url('/assets/fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Raleway-Light.woff') format('woff'),
        url('/assets/fonts/Raleway-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('/assets/fonts/Raleway-Regular.eot');
    src: local('Raleway'), local('Raleway-Regular'),
        url('/assets/fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Raleway-Regular.woff') format('woff'),
        url('/assets/fonts/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('/assets/fonts/Raleway-Medium.eot');
    src: local('Raleway Medium'), local('Raleway-Medium'),
        url('/assets/fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Raleway-Medium.woff') format('woff'),
        url('/assets/fonts/Raleway-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('/assets/fonts/Raleway-Bold.eot');
    src: local('Raleway Bold'), local('Raleway-Bold'),
        url('/assets/fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Raleway-Bold.woff') format('woff'),
        url('/assets/fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Tektur';
    src: url('/assets/fonts/Tektur-Bold.eot');
    src: local('Tektur Bold'), local('Tektur-Bold'),
        url('/assets/fonts/Tektur-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Tektur-Bold.woff2') format('woff2'),
        url('/assets/fonts/Tektur-Bold.woff') format('woff'),
        url('/assets/fonts/Tektur-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Tektur';
    src: url('/assets/fonts/Tektur-Regular.eot');
    src: local('Tektur Regular'), local('Tektur-Regular'),
        url('/assets/fonts/Tektur-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Tektur-Regular.woff2') format('woff2'),
        url('/assets/fonts/Tektur-Regular.woff') format('woff'),
        url('/assets/fonts/Tektur-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*, *:after, *:before {
    box-sizing: border-box;
}
html {
    font-size: 100%;
    margin: 0 !important;
}
body {
    position: relative;
    background: #fff;
    min-width: 320px;
    margin: 0;
    font-family: 'Raleway';
    font-weight: normal;
    color: #000000;
}
*::selection{
    background: #ff8500;
    color: #000;
}
*::-moz-selection {
    background: #ff8500;
    color: #000;
}
img::selection {
    background: transparent;
}
img::-moz-selection {
    background: transparent;
}
.overflowed {
    overflow: hidden !important;
}
.wrapper {
    /* max-width: 1920px; */
    margin: 0 auto;
    overflow: hidden;
}
.wrapper.blurred {
    filter: blur(10px);
    overflow: hidden;
}
.hidden {
    background: rgba(255,255,255,1);
    opacity: 0;
    transform: scale(0);
    transition: .7s ease-out;
}
.section {
    position: relative;
}
.section__wrap {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.section__title {
    position: relative;
    margin-bottom: 5rem;
    font-family: 'Play';
    font-size: 2.5em;
    color: #000;
    text-transform: uppercase;
}
.section__title span {
    color: #AFAFAF;
}
.section__text {
    font-size: 1.125em;
    text-align: center;
    margin-bottom: 3rem;
}
.section__image {
    margin-bottom: 1rem;
}
.section__image img {
    width: 100%;
}
.container {
    position: relative;
    width: 100%;
    /* max-width: 1200px; */
    max-width: calc(1366px + 9.375em);
    /* max-width: 1440px; */
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 4.6875rem;
}
.row {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    /* height: 100%; */
}
.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}
.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}
.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}
.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}
.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}
.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}
.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}
.col {
    position: relative;
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}
.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}
.col-6 {
    flex: 0 0 auto;
    width: 50%;
}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}
.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}
.col-9 {
    flex: 0 0 auto;
    width: 75%;
}
.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}
.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.flex-box {
    display: flex;
}
.flex-box__right {
    justify-content: flex-end;
}
.flex-box__center {
    align-items: center;
}
.vertical-center {
    flex-direction: column;
    justify-content: center;
}
.vertical-bottom {
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
.horizontal-center {
    align-items: center;
}
.horizontal-end {
    align-items: flex-end;
}
.hidden_on_display {
    display: none;
}
.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
}
.marked {
    font-weight: 700;
}
.nav-toggle {
    display: none;
}
.aside {
    position: fixed;
    top: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.aside_left {
    left: 0;
}
.aside_right {
    display: none;
    right: -100%;
}
.aside_left .container {
    padding: 3rem 1rem 1rem 2rem;
}
.aside_right .container {
    padding: 2rem 2rem;
}
.aside__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
}
.aside__menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 2rem;
    list-style: none;
    font-size: 1.25em;
    text-transform: uppercase;
}
.aside__menu .menu__item {
    margin-bottom: 1rem;
}
..aside__menu .menu__item:last-child,
..aside__menu .menu .menu-item:last-child {
    margin-bottom: 0;
}
.aside__contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}
.aside__contacts .button {
    width: 100%;
}
.aside__link {
    margin-bottom: 1rem;
    font-size: 1.75em;
    text-transform: uppercase;
    color: #196366;
    transition: .3s;
    text-align: center;
}
.aside__link:hover {
    color: #589cb7;
}
.aside__contacts__address {
    font-size: .7em;
    color: #76828c;
}
.button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #31CE58;
    background: linear-gradient(90deg, rgba(49, 206, 88, 1) 0%, rgba(2, 175, 61, 1) 100%);
    width: 100%;
    height: 2.625rem;
    margin: 0 auto 1rem;
    padding: 0 1.375rem;
    font-size: .93em;
    font-weight: 600;
    border-radius: .625rem;
    text-transform: uppercase;
    color: #fff;
    border: none;
    cursor: pointer;
}

/*  _____  _____   ___  ______  _____  */
/* /  ___||_   _| / _ \ | ___ \|_   _| */
/* \ `--.   | |  / /_\ \| |_/ /  | |   */
/*  `--. \  | |  |  _  ||    /   | |   */
/* /\__/ /  | |  | | | || |\ \   | |   */
/* \____/   \_/  \_| |_/\_| \_|  \_/   */

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 3;
}
.header .container {
    /* padding-top: 1rem;
    padding-bottom: 1rem; */
}
.header__wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
}
.header__logo {
    display: block;
    background: url(/assets/img/logo.svg) no-repeat center center / contain;
    min-width: 23.1875em;
    width: 46%;
    height: 2.75em;
}
.header__border {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 54%;
    height: 100%;
}
.header__border span {
    width: 90%;
    height: 1px;
    background: #fff;
    opacity: .5;
}
.header__menu {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 100%;
    font-family: 'Play';
    font-size: 1.25em;
}
.header__menu .menu__item {
    margin-right: 1rem;
}
.header__menu .menu__item:last-child {
    margin-right: 0;
}
.start {
    color: #fff;
    overflow: hidden;
}
.start__background {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.start__background video {
    position: relative;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    pointer-events: none;
}
.start .container {
    z-index: 2;
}
.start__text_left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
}
.start__text_right {
    height: 100%;
}
.start__title {
    margin-bottom: 1rem;
    font-family: 'Tektur';
    font-size: 6.75em;
    line-height: 1;
}
.start__text_left .start__title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: right;
}
.start__title span {
    display: block;
    font-family: 'Raleway';
    font-size: 1.25rem;
}
.start__text_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}
.start__years {
    display: inline-block;
    background: rgba(196, 196, 196, .1);
    padding: 1.25rem 1.875rem;
    border: 1px solid rgba(217, 217, 217, .2);
}
.start__years__text {
    font-size: 1.25em;
    font-weight: 500;
}
.start__years__date {
    font-family: 'Tektur';
    font-size: 6.75em;
    line-height: 1;
}
.nedavno {
    position: relative;
    width: 21.875em;
    transform: translateY(3.5rem);
}
.nedavno__image {
    width: 100%;
    margin-bottom: .5rem;
}
.nedavno__title {
    width: 100%;
    font-size: 1.25em;
    font-weight: 500;
    text-align: right;
}
.nedavno__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.start__slider {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    margin-top: 2rem;
}
.start__slider__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 2rem;
}
.start__slider__head__title {
    font-size: 1.25em;
}
.start__slider__head__border {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
.start__slider__head__border span {
    background: #fff;
    width: 95%;
    margin-bottom: 1px;
    height: 1px;
    opacity: .5;
}
.start__slider__head__controls {
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-arrow {
    background: url(/assets/img/icon-arrow_l.svg) no-repeat center center / contain;
    width: 2.125em;
    height: 1.125em;
    cursor: pointer;
}
.slick-prev {
    margin-right: 2rem;
}
.slick-next {
    transform: rotate(180deg);
}
.start__slider__body {
    width: 100%;
}
.start__slider__body__item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.projects .section__title {
    padding-right: 2rem;
}
.projects {
    background: #EFEFF1 url(/assets/img/background-portfolio.jpg) no-repeat center center / contain;
}
.projects__text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 5rem;
    padding-right: 2rem;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.5;
}
.projects__text p:first-child a {
    text-decoration: underline;
}
.projects__text__link a {
    position: relative;
    display: inline-block;
    font-weight: bold;
}
.projects__text__link a::after {
    content: '';
    position: absolute;
    bottom: -.25rem;
    left: 0;
    background: #FD4CE5;
    height: 2px;
    width: 100%;
}
.projects__list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
}
.projects__list__item {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 24%;
    margin-bottom: 1.3%;
    margin-right: 1.3%;
    padding: 1rem;
    border: 1px solid #D9D9D9;
}
.projects__list__item:last-child {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.projects__list__item:first-child {
    width: 49.3%;
}
.projects__list__item:nth-child(3) {
    margin-right: 0;
}
.projects__list__item:last-child {
    margin-right: 0;
}
.projects__list__item__title {
    font-size: 1.25em;
    color: #fff;
}
.projects__list__item:last-child .projects__list__item__title {
    margin-bottom: 3rem;
    color: #000;
}
.projects__list__item__text {
    position: relative;
    display: inline-block;
    font-weight: bold;
    text-transform: lowercase;
}
.projects__list__item__text::after {
    content: '';
    position: absolute;
    bottom: -.25rem;
    left: 0;
    background: #FD4CE5;
    height: 2px;
    width: 100%;
}
.projects__list__item__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.skills {
    background: #EFEFF1;
}
.skills .container {
    padding-top: 0;
}
.skills__image p {
    margin-bottom: .5rem;
    font-size: 1em;
    font-weight: 500;
}
.skills__image img {
    width: 100%;
    transform: translateX(-5rem);
}
.skills__list {
    display: flex;
    flex-wrap: wrap;
}
.skills__list__item {
    width: 46%;
    margin-bottom: 8%;
    margin-right: 8%;
    font-weight: 500;
}
.skills__list__item:nth-child(2n) {
    margin-right: 0;
}
.skills__list__item__title {
    position: relative;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-left: 3rem;
    font-size: 1.625em;
    border-bottom: 1px solid #D9D9D9;
}
.skills__list__item__title::before {
    content: '';
    position: absolute;
    top: .3rem;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
}
.skills__list__item:nth-child(1) .skills__list__item__title::before {
    background: url(/assets/img/icon-pc.svg) no-repeat center center / contain;
}
.skills__list__item:nth-child(2) .skills__list__item__title::before {
    background: url(/assets/img/icon-rocket.svg) no-repeat center center / contain;
}
.skills__list__item:nth-child(3) .skills__list__item__title::before {
    background: url(/assets/img/icon-diamond.svg) no-repeat center center / contain;
}
.skills__list__item:nth-child(4) .skills__list__item__title::before {
    background: url(/assets/img/icon-gear.svg) no-repeat center center / contain;
}
.skills__list__item__links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 1em;
    color: #4A4A4A;
}
.skills__list__item__links span {
    margin-bottom: 1rem;
}
.skills__list__item__links a:last-child {
    margin-bottom: 0;
}
.reviews {
    background: #EFEFF1 url(/assets/img/background-reviews.png) no-repeat center bottom;
}
.reviews .container {
    padding-top: 0;
    padding-bottom: 24rem;
}
.reviews__slider {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.reviews__slider__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23.5%;
}
.reviews__slider__item img {
    display: block;
    width: 100%;
    border: 1px solid #D9D9D9;
    border-top: 2px solid #FD4CE5;
    transition: .25s ease transform;
}
.reviews__slider__item:hover {
    z-index: 2;
}
.reviews__slider__item:hover img {
    transform: scale(1.3);
}
.reviews__bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.reviews__bottom a:last-child {
    position: relative;
    display: inline-block;
    font-weight: bold;
    text-transform: lowercase;
}
.reviews__bottom a:last-child::after {
    content: '';
    position: absolute;
    bottom: -.25rem;
    left: 0;
    background: #FD4CE5;
    height: 2px;
    width: 100%;
}
.news {

}
.news__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news__head a {
    margin-bottom: 5rem;
}
.news__head a:last-child {
    position: relative;
    display: inline-block;
    font-weight: bold;
    text-transform: lowercase;
}
.news__head a:last-child::after {
    content: '';
    position: absolute;
    bottom: -.25rem;
    left: 0;
    background: #FD4CE5;
    height: 2px;
    width: 100%;
}
.news__list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-items: flex-end;
}
.news__list__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 32%;
    height: 25em;
    margin-bottom: 2%;
    margin-right: 2%;
    padding: 2rem;
    border: 1px solid #D9D9D9;
    color: #fff;
}
.news__list__item:first-child {
    width: 66%;
}
.news__list__item:nth-child(2) {
    margin-right: 0;
}
.news__list__item:last-child {
    margin-right: 0;
}
.news__list__item__date {
    font-family: 'Play';
    font-size: 2.5em;
    text-align: right;
}
.news__list__item__title {
    font-size: 1em;
    line-height: 1.5;
}
.news__list__item:first-child .news__list__item__title {
    width: 45%;
}
.contact_us .container {
    background: url(/assets/img/background-contacts.png) no-repeat center bottom / contain;
    padding-bottom: 15rem;
}
.contact_us__text p {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}
p.contact_us__text__phone {
    font-family: 'Play';
    font-size: 2.5rem;
}
.contact_us__text p:last-child a:first-child {
    color: #6EC06A;
    text-decoration: underline;
}
.contact_us__text p:last-child a:last-child {
    color: #E05086;
    text-decoration: underline;
}
.footer {
    background: url(/assets/img/background-footer.jpg) no-repeat center center / cover;
    color: #fff;
    padding-bottom: 5rem;
}
.footer__menu {
    margin-bottom: 5.625rem;
    font-family: 'Play';
    font-size: 1.25em;
}
.footer__menu__item {
    margin-bottom: .5rem;
}
.footer__wrap {

}
.footer__contacts {

}
.footer__contacts__phone {
    font-family: 'Play';
    font-size: 2.5em;
}
.footer__contacts a:last-child {
    position: relative;
    display: inline-block;
    font-weight: bold;
    text-transform: lowercase;
}
.footer__contacts a:last-child::after {
    content: '';
    position: absolute;
    bottom: -.25rem;
    left: 0;
    background: #FD4CE5;
    height: 2px;
    width: 100%;
}
.footer__contacts__call {

}
.footer__address {

}
.footer__logo {
    display: block;
    background: url(/assets/img/logo.svg) no-repeat center center / contain;
    min-width: 23.1875em;
    width: 46%;
    height: 2.75em;
}
.footer__wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
}
.footer__wrap_middle {
    align-items: center;
}
.copyright {

}
.footer__border {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.footer__border span {
    background: #fff;
    width: 85%;
    margin-bottom: 1px;
    height: 1px;
    opacity: .5;
}
.policy {

}

/*  _____  _   _ ______  */
/* |  ___|| \ | ||  _  \ */
/* | |__  |  \| || | | | */
/* |  __| | . ` || | | | */
/* | |___ | |\  || |/ /  */
/* \____/ \_| \_/|___/   */

.modal-window {
    display: none;
    position: fixed;
    left: 50%;
    z-index: 5;
}
.modal-window_form {
    width: 100%;
    max-width: 26em;
}
.modal-window img {
    width: 100%;
    margin-top: -1em;
    display: block;
}
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.feedback_footer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.feedback_window {
    position: relative;
    width: 100%;
    max-width: 26em;
    margin-right: 5%;
    padding: 3.125rem;
    background: #EFEFF1;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: .9375rem;
    color: #000;
    overflow: hidden;
}
.form__title {
    margin-bottom: 2.5rem;
    font-family: 'Ermilov';
    font-size: 1.75em;
    font-weight: bold;
    color: #029B33;
    text-transform: uppercase;
}

.form__title span {
    color: #029B33;
}
.form__text {
    margin-bottom: 3.125rem;
}
.form__row {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-bottom: 2.5rem;
}
.form__input {
    position: relative;
    width: 100%;
    margin-bottom: 2.5rem;
}
.form__input input {
    background: #fff;
    width: 100%;
    height: 2.625rem;
    padding: .5rem 1rem;
    font-size: 1.25em;
    border: none;
    border-bottom: 1px solid #02AF3D;
    color: #59595C;
}
.feedback_window .form__input input {
    border-color: #F6F6F6;
}
.form__row .form__input {
    width: 30%;
    margin-right: 3%;
    margin-bottom: 0;
}
.form__input__label {
    display: block;
    margin-bottom: .25rem;
    font-size: .8125rem;
}
.form__textarea {
    width: 100%;
    margin-bottom: 1rem;
}
.form__textarea textarea {
    background: rgba(187, 187, 187, 0.58);
    width: 100%;
    height: 8.8125rem;
    padding: .5rem;
    font-size: 1.25em;
    border: none;
    border-radius: .5rem;
    color: #fff;
    resize: none;
}
.form__checkbox-wrap {
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
    /* padding: 0 1rem; */
}
.feedback_footer .form__checkbox-wrap {
    margin-bottom: 0;
}
.form__checkbox-wrap [type="checkbox"] {
    visibility: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
}
.form__checkbox-wrap .form__checkbox-wrap__label {
    position: relative;
    display: block;
    width: 100%;
    padding-left: 2.5em;
    font-size: 1em;
    cursor: pointer;
    user-select: none;
}
.form__checkbox-wrap .form__checkbox-wrap__label a {
    text-decoration: underline;
    color: #02AF3D;
}
.form__checkbox-wrap .form__checkbox-wrap__label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #02AF3D;
}
.feedback_window .form__checkbox-wrap .form__checkbox-wrap__label::before {
    top: .25rem;
}
.form__checkbox-wrap [type="checkbox"]:checked + .form__checkbox-wrap__label::after {
    content: '\2713';
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: bold;
    color: red;
}
.feedback_window .form__checkbox-wrap [type="checkbox"]:checked + .form__checkbox-wrap__label::after {
    top: .25rem;
}
.form__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #31CE58;
    background: linear-gradient(90deg, rgba(49, 206, 88, 1) 0%, rgba(2, 175, 61, 1) 100%);
    width: 100%;
    height: 2.625rem;
    margin: 0 auto 1rem;
    padding: 0 1.375rem;
    font-size: .93em;
    font-weight: 600;
    border-radius: .625rem;
    text-transform: uppercase;
    color: #fff;
    border: none;
    cursor: pointer;
}
.feedback_footer .form__button {
    width: 11.875rem;
}
.form__button:hover {
    background: #196366;
}
.form__button > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 1rem;
}
.form__row .form__button {
    margin: 0;
}
/*.form__button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90.88deg, #7A4ACB 13.42%, #813091 90.09%);
    width: 14rem;
    height: 2.8125rem;
    font-size: 1.5rem;
    margin: 0 auto;
    border: none;
    border-radius: .68rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    transition: .5s ease box-shadow, .2s linear transform;
    color: #fff;
    cursor: pointer;
}
.form__button:hover {
    box-shadow: 5px 5px 1px 1px rgba(0, 0, 0, .5);
}
.form__button:active {
    transform: scale(.95);
}*/
label.form-control-warning {
    color: red;
    position: absolute;
    bottom: -.95rem;
    left: 0;
    width: 100%;
    font-size: .65rem;
    text-align: center;
    user-select: none;
}
div.form-control-warning {
    color: red;
    position: absolute;
    bottom: -.95rem;
    left: 0;
    width: 100%;
    font-size: .65rem;
    text-align: center;
    user-select: none;
}
.success-message {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #4f81c7;
    width: 100%;
    height: 100%;
    color: #fff;
}
.success-message__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.success-message__text span {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}
.success-message__text span:nth-child(1) {
    font-size: 6em;
    margin-bottom: -.6rem;
}
.success-message__text span:nth-child(2) {
    font-size: 4.5em;
}
.success-message__text span:nth-child(3) {
    font-size: 2.6em;
}
.close {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.close__icon {
    position: relative;
    width: 2rem;
    height: 2rem;
    transform: rotate(45deg);
}
.modal-window__close {
    position: absolute;
    top: 2.5%;
    right: 2.5%;
    /* top: -3rem;
    right: -3rem; */
    /* background: rgba(0,0,0,.5); */
    padding: .5rem .5rem;
    z-index: 2;
}
.close__icon::before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    background: #FF440F;
    width: 100%;
    height: 2px;
}
.close__icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    background: #FF440F;
    width: 2px;
    height: 100%;
}
.success-message__close {
    position: absolute;
    top: 2.5%;
    right: 2.5%;
}
.close__text {
    margin-left: 1rem;
    font-size: 2em;
}
.cookie-agreement {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1rem;
    background: #e5e5e5;
    color: #fff;
    flex-direction: column;
    align-items: flex-start;
    z-index: 10000;
    color: #000;
}
.cookie-agreement p {
    font-size: .9rem;
    margin-bottom: .5rem;
}
.cookie-agreement .button {
    width: auto;
    height: 2.5rem;
    margin: 0;
    padding: 0 1rem;
    font-size: 1.2rem;
    border-radius: .5rem;
}