@import "normalize.css";

@import "fonts.css";

@import "components.css";



*,

*::before,

*::after {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}



html {

    font-size: 16px;

}



body {

    font-family: 'SF UI Text', sans-serif;

    font-size: 16px;

    font-weight: normal;

}



img,

picture {

    max-width: 100%;

}



a {

    text-decoration: none;

    cursor: pointer;

}



button,

input,

select,

textarea {

    font-weight: inherit;

    border: none;

    outline: none;

}



button,

select {

    cursor: pointer;

}



textarea {

    resize: none;

}



label {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    cursor: pointer;

}



.container {

    width: 1300px;

    padding: 0 20px;

    margin: 0 auto;

}



.small-container {

    width: 1140px;

    padding: 0 20px;

    margin: 0 auto;

}



.half-container {

    width: 50%;

}



.add-bg-skew {

    position: relative;

}



    .add-bg-skew::before {

        content: '';

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        background: #E7C36B;

        border-radius: 10px;

        z-index: -1;

        transform: skewX(4deg) rotate(-4deg);

    }



.mobile-item {

    display: none;

}



.main-top-block {

    min-height: 100vh;

    background: url("/img/bg-1.jpg") no-repeat center / cover;

    color: #fff;



    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    position: relative;

}



    .header {

        position: absolute;

        width: 100%;

        top: 0;

        left: 0;



        z-index: 2;

    }





        .header-main {

            display: flex;

            justify-content: space-between;

            align-items: center;

            padding: 26px 2.69% 26px 3.56%;

        }



            .header-info {

                display: flex;

                justify-content: space-between;

                align-items: center;

            }



                .header-info__item {

                    display: flex;

                    align-items: center;

                }



                .header-info__item:not(:last-child) {

                    margin-right: 20px;

                }



                    .header-info__item a {

                        line-height: 105.5%;

                        text-decoration: none;

                        font-family: 'Gilroy';

                        font-weight: 500;

                        letter-spacing: 0.05em;

                        color: #F9D374;

                    }



                    .header-info__item a[href^='mailto:'] {

                        text-decoration-line: underline;

                        font-size: 15px;

                    }



                    .header-info__item a[href^='tel:'] {

                        font-size: 20px;

                    }



                    .header-info__item img {

                        margin-right: 10px;

                    }





            .header-nav {

                display: flex;

            }



                .header-nav a {

                    font-family: 'Gilroy';

                    font-weight: 500;

                    font-size: 1rem;

                    line-height: 120%;

                    letter-spacing: 0.05em;

                    text-transform: uppercase;

                    color: #FFF3D6;

                }



                .header-nav a:not(:last-child) {

                    margin-right: 20px;

                }



            .lang-change-buttons {

                display: flex;

            }



                .lang-change-buttons a {

                    font-family: 'Gilroy';

                    font-style: normal;

                    font-weight: 500;

                    font-size: 16px;

                    line-height: 100%;

                    letter-spacing: 0.05em;

                    text-transform: uppercase;

                    color: rgba(231, 196, 108, 0.6);



                    display: flex;

                    align-items: center;

                    justify-content: center;

                }



                .lang-change-buttons a.active {

                    width: 37px;

                    height: 35px;

                    background: #E7C46C;

                    border-radius: 10px;

                    color: #030303;

                }



                .lang-change-buttons a:not(:first-child) {

                    margin-left: 13px;

                }



.logo {

    display: flex;

    align-items: flex-end;

}



    .logo__image {

        margin-right: 15px;

        flex-shrink: 0;

    }



        .logo__image img {

            display: block;

        }



.main-top-text {

    text-align: center;



    font-weight: 500;

    font-size: 18px;

    line-height: 120%;



    padding: 0 20px;



    color: #fff;

}



    .page-main-title {

        font-family: 'Gotham Pro Narrow';

        font-weight: 700;

        font-size: 70px;

        line-height: 100%;

        letter-spacing: -0.02em;

    }



    .main-top-text p {

        margin-top: 3px;

    }



.strips-2-container {

}



.about-container {

    padding: 100px 0;

    text-align: center;

}



.license-container {

    text-align: center;

    padding: 120px 0;

}



.page-card-block {

    padding: 120px 0;

    display: flex;

}



    .page-card__image {

        width: 43%;

        padding-right: 20px;

    }



    .page-card__text {

        width: 57%;

    }



        .page-card__text .arrow-btn {

            margin-top: 40px;

        }



.page-modern-card-container {

    padding: 120px 0;

    text-align: center;

}



    .page-modern-card-row {

        text-align: left;

        margin-top: 37px;



        display: flex;

        flex-wrap: wrap;

    }



        .page-modern-card {

            width: calc((100% / 3) - 32px);

            height: 204px;

            padding: 20px 25px;

            display: flex;

            align-items: center;

            background: #FFFFFF;

            border: 2px solid #2B2C2F;

            border-radius: 10px;



            font-weight: 800;

            font-size: 22px;

            line-height: 110%;

            color: #2B2C2F;

        }



            .page-modern-card:not(:nth-child(3n+1)) {

                margin-left: 48px;

            }



            .page-modern-card img {

                width: 92px;

                flex-shrink: 0;

                margin-right: 25px;

            }



.advantages-container {

    padding: 110px 0;

    background: url("/img/bg-3.jpg") no-repeat center / cover;

    text-align: center;

}



    .adv-card-list {

        display: flex;

        flex-wrap: wrap;

        margin-top: 60px;

        text-align: left;

    }



        .adv-card {

            display: flex;

            align-items: center;



            width: calc((100% / 3) - 34px);

        }



        .adv-card:not(:nth-child(3n+1)) {

            margin-left: 51px;

        }



            .adv-card__image {

                width: 120px;

                height: 120px;

                margin-right: 40px;

                flex-shrink: 0;

                position: relative;



                display: flex;

                align-items: center;

                justify-content: center;

            }



            .adv-card__image.add-bg-skew::before {

                border-radius: 18px;

                transform: skewX(0deg) rotate(-32deg);

            }



            .adv-card__image_bg {

                width: 100%;

                height: 100%;

                top: 0;

                left: 0;

                z-index: 2;

                background: #FFFFFF;

                border: 2px solid #2B2C2F;

                border-radius: 18px;

                transform: rotate(-45deg);

                position: absolute;

            }



                .adv-card__image img {

                    position: relative;

                    z-index: 3;

                    /*-webkit-transform: rotate(45deg);*/

                    /*-moz-transform: rotate(45deg);*/

                    /*-ms-transform: rotate(45deg);*/

                    /*-o-transform: rotate(45deg);*/

                    /*transform: rotate(45deg);*/

                }



            .adv-card__text {

                line-height: 150%;

                color: #5A5A5A;

            }



                .adv-card__text h3 {

                    font-weight: 800;

                    font-size: 22px;

                    line-height: 120%;

                    color: #2B2C2F;

                    margin-bottom: 12px;

                }



.contact-block {

    padding: 120px 0;

}



.contact-info-wrap {

    display: flex;

}



.contact-map-block {

    width: 60.5%;

}

.contact-map-block.add-bg-skew::before {

    border-radius: 18px;

    -webkit-transform: skewX(-2deg) rotate(-2deg);

    -moz-transform: skewX(-2deg) rotate(-2deg);

    -ms-transform: skewX(-2deg) rotate(-2deg);

    -o-transform: skewX(-2deg) rotate(-2deg);

    transform: skewX(-2deg) rotate(-2deg);

}



    .contact-map {

        border: 2px solid #2B2C2F;

        border-radius: 18px;

        overflow: hidden;

        width: 100%;

        height: 100%;
        object-fit: cover;
    }



.contact-info-list {

    width: calc(39.5% - 20px);

    margin-right: 20px;



    padding: 60px 65px 75px;



    background: #FFFFFF;

    border: 2px solid #2B2C2F;

    border-radius: 18px;

}



.contact-info-list.add-bg-skew::before {

    border-radius: 18px;

    -webkit-transform: skewX(-2deg) rotate(-4deg);

    -moz-transform: skewX(-2deg) rotate(-4deg);

    -ms-transform: skewX(-2deg) rotate(-4deg);

    -o-transform: skewX(-2deg) rotate(-4deg);

    transform: skewX(-2deg) rotate(-4deg);

}



    .contact-info-list .arrow-btn {

        margin-top: 35px;

    }



    .contact-block-info {

        margin-top: 20px;

    }



    .contact-block-info .header-info__item:not(:first-child) {

        margin-top: 30px;

    }



    .contact-block-info .header-info__item a[href^='mailto:'] {

        font-family: 'SF UI Text';

        font-weight: 400;

        font-size: 16px;

        color: #5A5A5A;

    }



    .contact-block-info .header-info__item a[href^='tel:'] {

        font-family: 'SF UI Text';

        color: #5A5A5A;

    }



    .header-info-address {

        font-family: 'SF UI Text';

        line-height: 120%;

        letter-spacing: 0.05em;

        color: #1D1C1C;

    }



.footer {

    background: #F8F8F8;

}



    .footer-main {

        padding-top: 47px;

        padding-bottom: 61px;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



        .footer-info-links {



        }



    .footer-info {

        padding: 17px 0 20px;



        border-top: 1px solid rgba(0, 0, 0, 0.2);

    }



        .footer-copyright {

            font-family: 'Rubik';

            font-weight: 300;

            font-size: 15px;

            line-height: 120%;



            text-align: center;

            letter-spacing: 0.05em;



            color: #5A5A5A;

        }



.page-card-container,

.advantages-container,

.page-card-wrap,

.license-container,

.about-container {

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}



.footer,

.advantages-container {

    border-top: 1px solid rgba(0, 0, 0, 0.2);

}



.contact-block,

.page-card-container,

.advantages-container,

.page-modern-card-wrap,

.page-card-wrap,

.license-container,

.about-container {

    position: relative;

}



.strip-borders {



}



.strip-border-right,

.strip-border-left {

    position: absolute;

    height: 100%;

    width: 1px;

    background-color: rgba(0, 0, 0, 0.2);

    top: 0;



    z-index: -1;

}



.advantages-container .adv-card-list {

    z-index: 2;

    position: relative;

}



.advantages-container .strip-border-right,

.advantages-container .strip-border-left{

    z-index: 1;

}



.strip-border-right {

    right: calc((100% - 1100px) / 2);

}



.strip-border-left {

    left: calc((100% - 1100px) / 2);

}



.rect-top::before,

.rect-bottom::after {

    content: '';

    position: absolute;

    width: 17px;

    height: 15px;

    background-image: url('/img/rectangle.svg');

    left: 50%;

    margin-left: -8.5px;

}



.rect-top::before {

    top: 0;

}



.rect-bottom::after {

    bottom: 0;

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}



.main-borders-center,

.main-borders-bottom,

.main-borders-top {

    width: 100%;

    position: relative;

}



.main-borders-center {

    height: 60vh;



    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;



    border-top: 1px solid rgba(255, 255, 255, 0.2);

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.main-borders-bottom,

.main-borders-top {

    height: 20vh;

}



.main-top-block .strip-border-right,

.main-top-block .strip-border-left {

    background-color: rgba(255, 255, 255, 0.2);

    z-index: 1;

}



/* ====================================== */



.text-block,

.adv-card-list,

.page-modern-card,

.contact-info-list,

.popup_container_inner,

.page-card__text,

.header-nav,

.header-info__item {

    direction: rtl;

}



.header-info__item img {

    margin-right: 0;

    margin-left: 10px;

}



.header-nav a:not(:last-child) {

    margin-right: 0;

    margin-left: 20px;

}



.page-modern-card img {

    margin-left: 25px;

}



.adv-card__image,

.page-modern-card img,

.contact-block-info .header-info__item:not(:last-child) {

    margin-right: 0;

}



.adv-card:not(:nth-child(3n+1)) {

    margin-left: 0;

    margin-right: 51px;

}



.adv-card__image {

    margin-left: 40px;

}



.popup-title,

.advantages-container,

.adv-card-list,

.page-modern-card-row,

.page-modern-card-container,

.license-container,

.about-container,

.main-top-text {

    text-align: right;

}

.ymaps-2-1-79-gotoymaps {
    display: none !important;
}



/* ======================================= */



@media all and (max-width: 1300px) {

    .container {

        width: 100%;

    }



    .license-slider-container {

        width: 80%;

    }



    .swiper-button-next, .swiper-rtl .swiper-button-prev {

        right: 0;

    }



    .swiper-button-prev, .swiper-rtl .swiper-button-next {

        left: 0;

    }

}



@media all and (max-width: 1140px) {

    .small-container {

        width: 100%;

    }



    .strip-border-left {

        left: 10px;

    }



    .strip-border-right {

        right: 10px;

    }

}



@media all and (max-width: 960px) {



    .mobile-item {

        display: block;

    }



    .mobile-menu-btn {

        display: block;

        /*margin-left: auto;*/

    }



    .header-nav a:not(:last-child) {

        margin-right: 0;

        margin-left: 0;

    }



    .header-nav a {

        margin-bottom: 50px;

        font-size: 1.375rem;

    }



    .header-nav {

        display: none;

        position: fixed;

        padding-top: 136px;

        width: 100%;

        height: 100%;

        overflow-y: auto;

        top: 0;

        left: 0;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        align-items: center;

        padding-left: 0;

        background: url("/img/bg-1.jpg") no-repeat center / cover;

        z-index: 10;

    }



    .menu-open .header-nav {

        display: flex;

    }



    .menu-open .header-main {

        position: fixed;

        width: 100%;

        left: 0;

        top: 0;

        padding-left: 20px;

        padding-right: 20px;

    }



    .menu-open .main-top-block {

        z-index: 999;

        position: relative;

    }



    .menu-open .header-main .logo {

        /*position: fixed;*/

        z-index: 11;

    }



    .menu-open .mobile-menu-btn {

        /*position: fixed;*/

    }



    .menu-open .main-top-block .arrow-btn {

        position: fixed;

        width: 100%;

        bottom: 0;

        left: 0;

    }



    .header-info {

        flex-direction: column;

    }



    .header-info__item:not(:last-child) {

        margin-right: 0;

        margin-bottom: 5px;

    }

}



@media all and (max-width: 640px) {



    .footer-main,

    .contact-block,

    .advantages-container,

    .page-modern-card-container,

    .page-card-block,

    .license-container,

    .about-container {

        padding: 40px 0;

    }



    .contact-info-list {

        padding: 40px 20px;

        margin-bottom: 20px;

    }



    .popup_container_inner {

        padding: 40px;

    }



    .footer-main,

    .contact-info-wrap,

    .page-card-block {

        flex-direction: column;

    }



    .header-main .header-info {

        display: none;

    }



    .contact-info-list,

    .contact-map-block,

    .adv-card,

    .page-modern-card,

    .page-card__text,

    .page-card__image {

        width: 100%;

    }



    .page-card__image {

        padding-right: 0;

        margin-bottom: 40px;

    }



    .adv-card:not(:nth-child(3n+1)),

    .page-modern-card:not(:nth-child(3n+1)) {

        margin-left: 0;

        margin-top: 20px;

    }



    .footer-main .header-info__item:not(:last-child) {

        margin-bottom: 0;

    }



    .footer-main .header-info__item {

        margin-top: 15px;

    }



    .license-slider-container {

        padding: 0;

    }



    .page-main-title {

        font-size: 36px;

    }



    .page-title {

        font-size: 32px;

    }



    .page-modern-card {

        font-size: 18px;

        height: auto;

    }



    .page-modern-card img {

        width: 25%;

    }



    .adv-card__image {

        width: 90px;

        height: 90px;

        /*margin-right: 25px;*/

        margin-left: 25px;

    }



    .contact-map {

        height: 380px;

    }



    .footer-main {

        align-items: flex-end;

    }



    .adv-card:not(:nth-child(3n+1)) {

        margin-right: 0;

    }

}