@import url("font/AcherusFeral/stylesheet.css");
@import url("font/Gilroy/stylesheet.css");


:root{
    --color1:#141752;
    --color2:#4B4FAC;
    --color3:#c9966c;
    --color4:#F3F4FF;
    --red:#D24A43;
    --bg1:rgb(163 184 228 / 20%);
}
HTML{}

BODY{line-height:1.4; font-size:15px; font-weight: 400; font-family: 'Gilroy', sans-serif; color: var(--color1)}
BODY._inner{ }

.__wrapper{   padding-top: 74px; max-width: 2000px;  box-shadow:0px 0px 150px -30px rgb(20 23 82 / 30%)  }
.__container{ max-width: 1320px; margin:0  auto; }

/***/
h1{ font-size: 28px; font-family: 'Gilroy',  sans-serif;  font-weight: 800}
h2{ font-size: 22px; line-height: 1}
h3{ font-size: 18px; line-height: 1.2}
h4{ font-size: 16px; font-weight: 600; line-height: 1.2}
h5{ font-size: 15px;font-weight: 600; line-height: 1.2}
a{ color: inherit}
p{ margin: 7px 0;}


.button{ display: flex; align-items: center; justify-content: center; min-height: 38px; font-size: 14px; font-weight: 500; letter-spacing: .5px; color: #fff; background-color: var(--color2); width: 100%; max-width: 210px; text-align: center; border-radius: 6px; box-shadow: 0px 16px 7px -11px rgb(43 65 92 / 18%);  text-decoration: none; border: none; cursor: pointer; transition: all 0.3s ease; padding: 10px; box-sizing: border-box; line-height: 1.2;    }
.button:hover{box-shadow: 0px 20px 7px -11px rgb(43 65 92 / 18%); background-color: #696dc3}

.button-calc{ background: #fff; color: #141752}
.button-calc:hover{  color: #fff}
.button-ask{ background: var(--color3); color: #fff;  border: 1px solid rgb(201 150 108 / 44%);}
.button-ask:hover{   color: #fff}

.buttons{ display: flex; padding: 15px 0}
.buttons > *:first-child{ margin-right: 20px;}

header .button:hover{ background-color: #c9966c}

/***/
header{ position: fixed; top: 0; left: 0; right:0; width: 100%; max-width: 2000px; margin: auto; z-index: 100;  background: #fff; border-bottom: 1px solid #F3F4FF   }
.header-items{ padding: 15px 0 }
.header-item-logo{ flex-grow: 1; z-index: 10}
.header-item-logo .header-logo{display: flex; align-items: center; width: 100px; height: 40px;   background-image: url(../images/logo.png); background-size: contain; background-position: left; background-repeat: no-repeat;}
.header-logo .name{  font-size: 18px; font-weight: 600}

.header-item-menu{ display: none}

.header-item-contacts{ display: flex; align-items: center;margin-right: 20px;}
.header-item-phones{ margin-right: 20px; color: var(--color1); line-height: 1}
.header-item-phones a{ display:block; background-size: 20px; background-repeat: no-repeat; background-position: 0 center; display: block; font-weight: 800; font-size: 16px; }
.header-item-phones span{ display: none; font-weight: 300; font-size: 12px;}

.header-item-social{   display: none }
.header-item-social a{ display: block; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #c9966c; margin: 0 7px;
 background-size: 20px; background-position: center; background-repeat: no-repeat}
.header-item-social a.s-wt{background-image: url(../images/sprite.svg#wt-icon);}
.header-item-social a.s-tg{background-image: url(../images/sprite.svg#tg-icon);}

.header-item-slogan{ display: none; font-weight: 300; font-size: 14px;}
.header-item-button{ display: none; padding: 0 20px}

header .nav{}
header .nav > div{ display: none; }

/***/
.menu-button{ display:block; width: 22px; height:22px; z-index: 7100;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease; right: 0; }
.menu-button .menu-icon{ display:block; width:22px;position:absolute; height:2px;  top:0; bottom:0; left:0; right:0; margin:auto;
    background: var(--color1);border-radius: 2px;}
.menu-button .menu-icon:before,
.menu-button .menu-icon:after{ display:block; content:""; position:absolute; height:2px; width:100%; left:0;
    margin:auto; background: var(--color1); -webkit-transition: all .3s ease; transition: all 0.3s ease; border-radius: 2px;}
.menu-button .menu-icon:before{ top:7px;}
.menu-button .menu-icon:after{ bottom:7px;}
.menu-button.is_open .menu-icon, .menu-button.is_open .menu-icon:before, .menu-button.is_open .menu-icon:after{  }
.menu-button.is_open { -webkit-transform: rotate(-180deg)}
.menu-button.is_open .menu-icon{ height:0; }
.menu-button.is_open .menu-icon:before{-webkit-transform: rotate(-45deg);    transform: rotate(-45deg);      width: 100%;   top: 0; bottom:0;}
.menu-button.is_open .menu-icon:after{-webkit-transform: rotate(45deg);    transform: rotate(45deg);      width: 100%;   top: 0; bottom:0;}

/***/
.page-banner{ }
.page-banner-image{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.page-banner-image img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.page-banner-content{ margin: 0 25px; background: rgb(20 23 82 / 60%); padding: 30px 20px; color: #fff}
.page-banner-content h1{ margin: 0; margin-bottom: 20px; line-height: 1.2 }
.page-banner-content h1 span{display:block; font-size: 1.1em;}
.page-banner-content .banner-text{ margin-bottom: 20px; font-weight: 300 }

/***/
.offers-wrapper{ margin: 30px 0}
.offer-item{ background: #FFFFFF; box-shadow: 0px 4px 24px -3px rgba(0, 0, 0, 0.15); border-radius: 60px 10px 10px 10px; padding: 25px 15px; margin-bottom: 20px }
.offer-item:last-child{ margin-bottom: 0}
.offer-item-title{ display: flex; align-items: center; margin-bottom: 20px}
.offer-item h2{ margin: 0}
.offer-item-icon{ flex-basis: 60px; height: 60px; border-radius: 50% 50% 50% 4px; background-color: #4B4FAC; flex-shrink: 0; flex-grow: 0; background-repeat: no-repeat; background-position: center; background-size: 35px; background-image: url(../images/sprite.svg#icon1); margin-right: 15px }
.offer-2 .offer-item-icon{ background-image: url(../images/sprite.svg#icon2)}
.offer-item-action{margin-top: 20px}
.offer-action-call{ color: var(--color2); }
.offer-action-call p{ font-size: 18px; font-weight: 600; margin: 0}
.offer-action-call a{ font-size: 26px; font-weight: 900}


/***/
.page{ }
.page h1 {  margin: 20px 0}
.page h2{ color: var(--color2)}
.page .text-block h2{ font-size: 22px;}
.page .text-block h3 { font-size: 20px;}
.page .text-block h4 { font-size: 18px;}

.page p{ margin:0; margin-bottom: 7px; text-align: justify }
.page ol li,
.page ul li,
.page .ol .li,
.page .ul .li { }
.page img{ width: 100% !important; max-width: 100%; max-height: 460px; object-fit: cover; margin: 20px 0; border-radius: 8px; }

.page .title-wrapper{margin: 20px 0}
.page .text-block:first-child{ margin-top: 20px; }
.page .text-block{ margin-bottom: 30px; }
.page .text-block:last-child{ margin-bottom: 0}
.page .people-block{ margin-top: 0}
.page .contact-block-2{ margin-bottom: 30px;}

.page .text-block .list-blocks { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.page .text-block .list-blocks li{margin: 7px 0; padding: 10px; display: flex; border-radius: 8px; background: #F0F2FA; color: #426CC6; font-weight:400;
align-items: center; justify-content: center; text-align: center; box-sizing: border-box; flex-basis: 100%}

/***/
.section-title{ padding: 25px; padding-left: 30px; margin-left: 20px }
.section-title:before{ content: ""; display: block; position: absolute; top: 0; bottom: 0;  left: 0; width: 40px; height: 100%; background-repeat: no-repeat; background-image:  url(../images/sprite.svg#marker); background-size: 20px 36px; background-position: left 19px;}
.section-title h2{ margin: 0; text-align: left; font-weight: 300}
.section-title h2 span{ font-weight: 800}

.section-text{ text-align: center;   padding: 20px; margin: auto}
.section-text::placeholder{ margin: 0; padding: 0}

/***/
.contacts-section{}
.contacts-section .text-block-side{ background: var(--color4); }
.contacts-section .text-block-side:first-child{border-radius: 10px 10px 0 0;  padding: 15px}
.contacts-section .text-block-side:last-child{border-radius: 0 0 10px 10px; overflow: hidden}

.contact-row{ display:inline-block; background-repeat: no-repeat; padding-left: 25px;  background-position: left center; background-size: 16px 16px; color: var(--color2)}
.contact-row.icon-location{ background-image:  url(../images/sprite.svg#icon4);}
.contact-row.icon-phone{ background-image:  url(../images/sprite.svg#icon5);}

/***/
.map-block{ box-shadow: 0px 4px 24px -3px rgba(0, 0, 0, 0.15);  border-radius:  10px; overflow: hidden }
.map-block-content{background: #FFFFFF;  padding: 25px;}
.map-block-content h2{ margin-top: 0}
.map-wrap { height: 340px; filter: saturate(0.7);  }
.map-wrap iframe{ display: block; width: 100%; height: 100%;}


.more-link{ display: inline-block; background-repeat: no-repeat; background-position: right center; background-size: 14px; background-image:url(../images/detale-arrow.svg); color: var(--color2); padding-right: 20px }

.block-link{ position: absolute; top: 0; left: 0; width: 100%; height: 100%}

.innerform{ margin-bottom: 30px}

/***/
.reviews-section{  }
.reviews-block{ margin: 30px 0; padding-bottom:20px; background: #F3F4FF; }
.reviews-block .swiper-wrapper{ align-items: stretch}
.reviews-block .swiper-slide{ padding-left: 15px;   box-sizing: border-box; width: 280px; height: unset}
.reviews-block .swiper-nav-buttons{ display: none}
.reviews-block .reviews-item{ height: 100%; background: var(--color1); color: #f0f2fa; padding: 15px; box-sizing: border-box; border-radius: 8px; box-shadow: 0px 6px 30px -15px rgba(0, 0, 0, 0.25)}
.reviews-block .reviews-item:before{content: ""; display: block; position: absolute; top:15px; right: 15px; width: 50%; max-width: 180px; height: 100%; background-image: url(../images/icon3.svg); background-size: contain; background-repeat: no-repeat; background-position: top }
.reviews-item-head{ display: flex;  align-items: center }
.reviews-item-title{ margin-bottom: 15px}
.reviews-item-title h4{font-size: 18px; line-height: 1.2; font-weight: 700; margin: 0;}
.reviews-item-title span{ background-image: url(../images/stars.svg); background-size: contain; background-repeat: no-repeat; display: block; height: 12px; margin-top: 10px}


/***/
.reviews-section{  }
.people-block{ margin: 30px 0; padding-bottom:20px; }
.people-block .swiper-wrapper{ align-items: stretch; padding-bottom: 20px}
.people-block .swiper-slide{ padding-left: 15px;   box-sizing: border-box; width: 280px; height: unset}
.people-block .swiper-nav-buttons{ display: none}
.people-item{ height: 100%; background:#fff;  box-sizing: border-box; border-radius: 8px; box-shadow: 0px 6px 26px -15px rgba(0, 0, 0, 0.25); overflow: hidden}
.people-item-photo{ height: 320px;}
.people-item-photo img{ width: 100%; height: 100%; object-fit: cover;}
.people-item-desc{ padding: 15px;}
.people-item-name{ font-size: 20px; margin-bottom: 15px}
.people-item-name span:first-child{  display: block; font-weight: 600;}
.people-item-name span:last-child{  display: block; font-size: 0.9em}
.people-item-exp{ margin-top: 10px; }

/***/
.posts-block .post-item{ border-radius: 10px; overflow: hidden;  box-shadow: 0px 6px 26px -15px rgba(0, 0, 0, 0.25); margin-bottom: 20px; background: #F3F4FF}
.posts-block .post-item:nth-child(even){background: #F6F0EB}
.posts-block .post-item:last-child{ margin-bottom: 0}
.posts-block .post-item-image{ height: 200px; border-radius: 10px; overflow: hidden; box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.25);  }
.posts-block .post-item-image img{  height: 100%; width: 100%; display: block; margin: 0;padding: 0; object-fit: cover;}
.posts-block .post-item-desc{ padding: 15px;}
.posts-block .post-item-title h4{ margin: 10px 0;  font-size: 20px; font-weight: 700}
.posts-block .post-item p {text-align: left}
.posts-block .post-item-title a{ color: var(--color2);  display: inline-block; height: 22px; padding: 0px 10px; line-height: 22px; border-radius: 20px; border: 1px solid #4B4FAC; padding-left: 30px; position: relative; font-size: 14px; transition: all 0.3s ease; margin-top: 15px; }
.posts-block .post-item-title a:before{ content:''; display: block; position:absolute; height: 100%; width: 22px; top:0; left: 0;   border-radius: 50%; background-color: #4B4FAC; background-repeat: no-repeat; background-size:10px; background-position: center;  background-image: url(../images/sprite.svg#icon6); transition: all 0.3s linear;}
.posts-block .post-item-title a:hover{ background-color:#4B4FAC; color: #fff}
.posts-block .post-item .overlink{ position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.posts-block .post-item:hover .post-item-desc a { background-color:#4B4FAC; color: #fff}


/**/
footer{ padding: 15px 0; background: var(--color1); color: #fff; margin-top: 30px;}
.footer{ padding-top: 25px; padding-bottom: 15px}
.footer-item{ text-align: center; padding: 0 20px; margin-bottom: 20px }
.footer-item p{color:rgb(255 255 255 / 70%); font-size: 14px; margin:0; margin-bottom: 7px;}
.footer-item p:first-child{ color: rgb(255 255 255 / 85%); font-size: 1.3em; font-weight: 700; margin-bottom: 15px}
.footer-logo{display: flex; flex-direction: column; align-items: center; margin-bottom: 15px}
.footer-logo a{ width: 100px; height: 120px; display: inline-block; background-image: url(../images/logo-vertical.png); background-size: contain; background-position: center top; background-repeat: no-repeat;}
.footer-logo .name{ font-size: 22px;}

.footer-item-social{ display: flex; justify-content: center}
.footer-item-social a{ display: block; align-items: center; justify-content: center; width: 28px; height: 28px;    margin: 0 10px;
    background-size: 26px; background-position: center; background-repeat: no-repeat}
.footer-item-social a.s-wt{background-image: url(../images/sprite.svg#wt-icon-w);}
.footer-item-social a.s-tg{background-image: url(../images/sprite.svg#tg-icon-w);}


.footer-copyright{ padding: 10px 0; text-align: center; font-weight: 300}
.footer-text{font-size: 12px; font-weight: 300; opacity: .8; border-top: 1px solid rgb(255 255 255 / 10%); }
.footer-text a{ text-decoration: underline}


.footer-item-copyright{border-top: 1px solid rgb(255 255 255 / 10%);padding-top: 20px; margin-top: 20px}
.footer-copyright{ padding: 10px 0; text-align: center; font-weight: 300; order: 2}

.footer-low-menu{ display: flex; justify-content: center; flex-wrap: wrap;   }
.footer-low-menu a{ font-size: 13px; text-decoration: underline; display: block; opacity: .8; line-height: 2; margin: 0 15px;  }

.footer-notice{border-top: 1px solid rgb(255 255 255 / 10%);padding-top: 20px; margin-top: 20px; font-size: 13px; color:rgb(255 255 255 / 70%);}


.checkbox label:before, .checkbox label:after{ cursor: pointer}

.acms_popup_wrapper{ border-radius: 8px}
/***/
.popup-form .form-side-text{ font-size: 16px; font-weight: 500; color: #fff}
.popup-form .form-side-text.bold{ font-size: 22px; font-weight: 800; line-height: 1.2; margin-bottom: 10px}

/***/
.popup-form{ max-width: 500px; margin: auto  }
.popup-form form{ margin: auto}
.popup-form > div{ padding: 20px;}
.popup-form label{ font-weight: 600}
.popup-form *::placeholder{ }
.popup-form .form-title{ font-size: 22px; font-weight: bold; line-height: 1.2; margin-bottom: 30px; color: #fff}
.popup-form .form-row{ padding-bottom: 20px;  }
.popup-form .form-row.checkbox{ padding-bottom: 40px}
.popup-form .form-row.text input{ display: block; width: 100%; box-sizing: border-box; border-radius: 10px; padding: 5px 0; border: 1px solid var(--color2) !important; background-color: #fff; box-shadow: 0 2px 10px -3px   rgb(0 0 0 / 20%); padding: 15px }
.popup-form .form-row.text textarea{ display: block; width: 100%; box-sizing: border-box; padding: 5px 0; border: 1px solid var(--color2) !important; background-color: transparent;    box-shadow: 0 2px 10px -3px   rgb(0 0 0 / 20%); border-radius: 10px; padding: 10px;}
.popup-form .select-input input{ display: block; width: 100%; box-sizing: border-box; border-radius: 10px; padding: 5px 0; border: 1px solid var(--color2) !important; background-color: #fff; box-shadow: 0 2px 10px -3px   rgb(0 0 0 / 20%); padding: 15px }
.popup-form .button{ height: 50px; background: var(--color2); color: #fff}

.popup-form .title{ font-size: 22px; line-height: 1.2; text-align: center; font-weight: 600; color: var(--color2)}
.popup-form .title-wrap  .text{ text-align: center}

.popup-form .form-row.checkbox input{ width: 0; height: 0; opacity: 0; z-index: -1; visibility: hidden; position: absolute}
.popup-form .form-row.checkbox label{ padding-left: 40px;display: block;position: relative;font-size: 13px;line-height: 1.3; color: var(--color1)  }
.popup-form .form-row.checkbox label:before, .form-row.checkbox label:after{ content: ""; position: absolute; display: block;   transition: all 0.3s linear; opacity: 0.8;}
.popup-form .form-row.checkbox label:before{top:3px;   left: 0; width: 26px; height: 16px; border: 2px solid #bcbcbc; border-radius: 12px;}
.popup-form .form-row.checkbox label:after{top:8px; left: 7px; width: 10px; height: 10px;  border-radius: 50%;    background-color: #bcbcbc;}
.popup-form .form-row.checkbox input:checked + label:before{ border-color: var(--color2)}
.popup-form .form-row.checkbox input:checked + label:after{ left: 15px; background-color:  var(--color2)}
.popup-form .form-row.checkbox label a{text-decoration: underline;}
.popup-form .form-row.submit{ margin-top: 5px;}
.popup-form .button{  margin: auto}


.form-row .field-error{ position: absolute; font-size: 13px; color: #fff;  line-height: 1.2; right: 0; bottom: 15px; opacity: 0; transition: all 0.3s linear; background: #ff4747; border-radius: 3px; padding: 2px 5px; }
.form-row .field-error.is-show{opacity: 1}

.result-message .title{  font-size: 22px; font-weight: bold}
.result-message{ text-align: center; font-size: 18px;}

.header .over-container {top:71px;}

.over-content .header-menu{ display: flex;  height: 100%; flex-direction: column; justify-content: flex-start; padding: 40px; background: #F3F4FF;}
.over-content .header-menu nav{ width: 100%}
.over-content .menu-wrapper ul{ margin: 0; padding:0}
.over-content .menu-wrapper ul li{ margin:  0; padding: 0}

.over-content .menu-items a{ font-size: 18px; font-weight: 500; display: block; padding: 10px 0;  color: var(--color1) !important;}
.over-content .menu-items  li.level-1 > a {  border-bottom: 1px solid rgb(0 76 192 /10%);}

.over-content .menu-wrapper ul.level-2{ margin-left: 20px;}
.over-content .menu-wrapper ul.level-2 a{  font-weight: 300;}

.fixed-whatsapp{ position: fixed; width: 52px; height: 52px; bottom: 30px; right: 15px; z-index: 1000; cursor: pointer;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0}
.fixed-whatsapp.is-show{ opacity: 1;}
.fixed-whatsapp svg{ width:48px; height: 48px}
.fixed-whatsapp svg g g:first-child g:nth-child(1) path{ fill:#0ccb6e}
.fixed-whatsapp svg g g:first-child g:nth-child(5) path{ fill:#0ccb6e}
.fixed-whatsapp:hover{ transform: scale(1.1, 1.1)}

.images-block{ margin: 20px 0}
.images-wrapper{ padding-bottom: 25px;}
.images-wrapper .image-item{ width: 140px; height: 100px; }
.images-wrapper .image-item a{ display: block; width: 100%; height: 100%}
.images-wrapper .image-item a img{ display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; padding: 0}

@media only screen and (min-width: 480px) {

    .reviews-block .__line-block-wrap{   flex-basis: calc(100% - 120px)}
    .reviews-block .__line-block-item { padding: 25px}

    .page .text-block .list-blocks li{ flex-basis: calc(50% - 10px)}

    .posts-block .post-item{ display: flex;}

    .posts-block .post-item-image { min-width: 150px; max-width: 150px;   box-shadow: 4px 0px 15px -5px rgba(0, 0, 0, 0.25);}
    .posts-block .post-item-desc{ padding-left: 25px}

}


@media only screen and (min-width: 768px) {
    BODY{ font-size:15px;}

    h1{ font-size: 32px; line-height: 1.2;}
    h2{ font-size: 24px; line-height: 1.2}
    h3{ font-size: 20px; line-height: 1.2}

    /**/
    .header-item-logo .header-logo { width: 110px; height: 44px;}

    .header-item-phones{ line-height: 1.2; }
    .header-item-phones a{font-size: 18px;}
    .header-item-phones span{font-size: 13px; display: block}
    .header-item-phone{ text-align: right}
    .header-menu-button{ margin-left: 20px}
    .header-item-button{display: block}
    .header-item-social{ display: flex; align-items: center; justify-content: center; flex-grow: 1;  }


    /***/
    .page-banner{display: flex; flex-direction: row}
    .page-banner .banner-content{ order: 0; display: flex; flex-direction: column; justify-content: center;}
    .page-banner .banner-image{ padding-left: 20px;}
    .page-banner .banner-image img{ height: 100%;object-fit: contain; max-height: 380px; }
    .page-banner .page-banner-content{ flex-basis: 560px; box-sizing: border-box;}

    .page-item section{ max-width: 800px; margin: 0 auto;  }
    .page-banner-content{  display: flex; flex-direction: column; justify-content: center; padding: 40px; margin-left: 60px}
    .page-banner-content h1{ font-size: 34px}
    .page-banner-content h1 span { font-size: 1.2em}
    .page-banner-content p{ margin: 0}
    .page-banner-content .banner-text{ font-size: 18px; }
    .page-item .innerform-page-form{ display: flex; margin: 30px 0;}
    .page-item .innerform-page-form > div { flex-basis: 50%}

    /***/
    .reviews-block .swiper-slide{ padding-left: 25px;    width: calc(50% - 80px); height: unset}

    /***/
    .people-block .swiper-slide{ padding-left: 15px;   box-sizing: border-box; width: 304px; height: unset}
    .people-item-photo{ height: 350px;}

    /***/
    .offers-wrapper{ display: flex; justify-content: space-between}
    .offer-item{flex-basis: calc(50% - 10px); box-sizing: border-box; margin-bottom: 0;}
    .offer-item .offer-inner{ display: flex; flex-direction: column; justify-content: space-between; height: 100%}
    .offer-item .offer-item-text{flex-grow: 1}
    .offer-item-action{display: flex; flex-direction: column; justify-content: center}

    /**/
    article .innerform-side-desc{ background: rgb(227 235 243); }
    article .innerform-side-desc * {color: var(--color1) !important}

    .images-wrapper{ margin-top: 20px;  }
    .images-wrapper .image-item a{ height: 100%; display: block; transition: all 0.3s linear; }
    .images-wrapper .image-item a:hover{ transform: scale(1.03, 1.03)}
    .images-wrapper .image-item img{ display: block;width: 100%; height: 100%; object-fit: cover; border-radius: 4px;    box-shadow: 0px 5px 8px -2px rgba(0, 0, 0, 0.3); margin: 0}
    .images-wrapper.swiper-wrapper{ padding-bottom: 30px; }

    .page h1 {  margin: 30px 0;  text-align: center}
    .page h2 { font-size: 28px;}

    .page .text-block .list-blocks{ justify-content: flex-start}
    .page .text-block .list-blocks li{   flex-basis:20%; padding: 10px 25px;     flex-grow: 1; flex-shrink: 1; margin-right: 20px;}
    .page .contact-block-2{ margin-top: 40px;}

    .posts-block { display: flex; justify-content: space-between; flex-wrap: wrap}
    .posts-block .post-item { width: calc(50% - 10px); flex-direction: column}
    .posts-block .post-item-image{ max-width: none}

    .posts .post-wrap{ flex-basis: calc(50% - 15px); flex-grow: 0; }
    .posts .post-item {  height: 100%  }

    .reviews-block .__line-block-wrap{ flex-basis: 43%;  }

    .images-wrapper .image-item{ width: 200px; height: 160px; }

}

@media only screen and (min-width: 1024px) {


    .__wrapper{  padding-top: 123px;}
    header{ border: none}
    .header-items{ padding: 12px 0}
    .header-item-logo{ flex-grow: 0}
    .header-item-logo .header-logo{height: 60px; padding-left: 65px; width: 180px }
    .header-logo .name{ font-size: 28px;}
    .header-item-button{ padding: 0 }
    .header-item-button .button{ margin: auto; max-width: 160px}
    .header-item-slogan{ display: block;}
    .header-item-phones { margin-right: 30px}


    header .nav{ display: block; height: auto}
    header .nav >div{ display: block;}
    .header-menu{ background: #F3F4FF; border-radius: 10px 10px 0 0}
    .header-menu ul{display: flex; margin: 0; padding: 0; list-style: none;  }
    .header-menu li{ margin-right: 20px;}
    .header-menu li:last-child{ margin-right: 0px;}
    .header-menu a{ color: var(--color1); line-height: 38px; }


    .menu-wrapper{ max-width:1360px; margin:auto}
    .menu-wrapper ul{ margin:0; padding:0; list-style:none; margin:0 5px; justify-content: space-around}
    .menu-wrapper li{ margin:0; padding:0;}
    .menu-wrapper ul.level-1 > li{ display:block; float:left; }
    .menu-wrapper ul.level-1 > li a{  display:block; font-size: 14px; font-weight: 500;  padding:0 10px; line-height:54px; text-decoration:none;}
    .menu-wrapper ul.level-1 > li:hover > a{ background:rgb(75 79 172 / 14%)}

    .menu-wrapper ul.level-2{ display:none}
    .menu-wrapper li.level-2 a{}
    .menu-wrapper li.level-1:hover ul.level-2{ position:absolute; z-index:4500; display:block; background:#dadbf0; box-shadow: 0px 3px 9px -2px #4b4b4b; margin: 0; border-radius: 0 0 10px 10px}
    .menu-wrapper li.level-2{border-bottom: 1px solid rgb(20 23 82 / 16%);}
    .menu-wrapper li.level-2:last-child{border-bottom:  none}
    .menu-wrapper li.level-2 a:hover{ text-decoration: underline  }

    .button { min-height: 42px;}

    .section-title{font-size: 26px;margin: auto;text-align: center;font-weight: 600;opacity: .8; }

    /***/
    .offer-item{flex-basis: calc(50% - 20px);    padding: 25px; }
    .offer-item-icon{flex-basis: 80px; height: 80px; margin-right: 25px}
    .offer-item .offer-inner{ }
    .offer-item .offer-item-text{}

    .page-banner h1{font-size: 42px}
    .page-item{ display: flex; flex-direction: row}
    .page-item aside{ flex-basis: 240px; order: 0; flex-grow: 0}
    .page-item section{ max-width: none; margin-left: 20px;}

    .page h1 {font-size: 42px; margin: 40px 0}
    .page p{ font-size: 16px;}
    .page .text-block{ padding: 30px 40px; border-radius: 8px;  box-shadow: 0px 6px 30px -15px rgba(0, 0, 0, 0.25);  margin-bottom: 40px;}

    .page .text-block h2{ margin-top: 40px; font-size: 26px;}
    .page .text-block h2:first-child{ margin-top: 0}
    .page .text-block h3 { font-size: 22px;}
    .page .text-block h4 { font-size: 20px;}
    .page .contact-block-2{ margin-bottom: 40px;}

    .posts-block { }
    .posts-block .post-item { flex-basis: calc(50% - 10px); flex-direction: row}
    .posts-block .post-item-image{ max-width: 150px}

    .posts .post-wrap{ flex-basis: calc(33.33% - 20px);  }
    .posts .post-item-desc{ padding: 20px}

    /***/
    .map-block-content{position: absolute; z-index: 10; top: 50px; left: 50px; width: 290px; box-shadow: 0px 4px 24px -3px rgba(0, 0, 0, 0.15); border-radius:  10px;}
    .map-wrap{ height: 400px}

    .footer-items{   align-items: flex-start; justify-content: space-between}
    .footer-item{ text-align: left; margin-bottom: 0px; margin-right: 40px;  padding: 0; min-width: 180px }
    .footer-item.footer-logo{ min-width: unset}
    .footer-item:last-child{ margin-right: 0px; }
    .footer-item p:first-child{ height: 80px; }

    .footer-menu ul{ justify-content: left; flex-direction: column }
    .footer-menu ul li{  margin: 0; margin-bottom: 5px; min-width: 200px}
    .footer-low-menu{ align-items: center;}
    .footer-item-copyright{ align-items: center}
    .footer-copyright{ order: 0}
    .fixed-whatsapp{  width: 64px; height: 64px; bottom: 60px; right: 40px}

    .images-wrapper{ }
    .images-wrapper .image-item{ width: calc(25% - 14px); margin: 0 7px; height: 160px }

}

@media only screen and (min-width: 1280px) {
    .__wrapper{  padding-top: 154px;}

    .header-items { padding: 17px 0}
    .header-item-logo .header-logo{width: 220px; height: 70px; padding-left: 70px }
    .header-logo .name{ font-size: 32px;}
    .header-item-slogan{ font-size: 15px;}
    .header-item-phones a{font-size: 22px; line-height: 1.3}
    .header-item-phones span{ text-align: right; display: block}
    .header-item-menu{ font-size: 15px}
    .header-menu a{ line-height: 42px; font-size: 16px}

    .menu-wrapper ul.level-1 > li a{ font-size: 16px }
    /***/
    .page-banner{ margin: auto; max-width: 1260px}
    .page-banner h1{font-size: 42px}
    .page-banner .page-banner-content { flex-basis: 680px; margin-left: 120px; padding: 80px 60px;}
    .page-banner .banner-text{ font-size: 20px; max-width: 560px; margin-bottom: 30px; }

    .section-title{  margin-left: 40px }

    /***/
    .offer-item-title{ margin-bottom: 10px}
    .offer-item h2 { font-size: 30px;}
    .offer-item .offer-item-text, .offer-item .offer-item-action { margin-left: 105px}

    /***/
    .reviews-section{ max-width: 1260px; margin: auto; padding: 0 30px}
    .reviews-block .swiper-slide{ padding-left: 30px; padding-right: 30px; }
    .reviews-block{  border-radius: 10px}
    .reviews-block .swiper-slide .reviews-item{ opacity: 1; transition: opacity 0.3s ease;}
    .reviews-block .swiper-slide.swiper-slide-prev .reviews-item{ opacity: 0 }

    .reviews-block .swiper-nav-buttons{ display: block;position: absolute;top: 50%;transform: translateY(-50%);         left: -30px;
        right: -30px; margin: auto; z-index: 100}
    .swiper-nav-buttons .swiper-nav-button{ color: #fff; background: #b18d75; width: 40px; border-radius: 50% }
    .swiper-nav-buttons .swiper-nav-button:after{ font-size: 13px}
    .swiper-nav-buttons .swiper-button-prev{ border-radius: 50% 4px 4px 50%; }
    .swiper-nav-buttons .swiper-button-next{ border-radius:  4px 50% 50% 4px;}

    /***/
    .people-block { padding: 0 15px; position: relative}
    .people-block .swiper-slide{ padding-left: 15px; padding-right: 15px; }
    .people-block .swiper-nav-buttons{  display: block;position: absolute;top: 50%;transform: translateY(-50%);         left: -30px;
        right: -30px; margin: auto; z-index: 100}
    .people-block .swiper-nav-buttons .swiper-nav-button{ background: var(--color1); }

    .posts-block{ margin: 0 -15px}
    .posts-block .post-item { flex-basis: calc(33.33% - 30px); margin: 0 15px 30px 15px; flex-grow: 1}
    .posts-block .post-item-image{ max-width: 150px; height: 100%}
    .posts-block .post-item:last-child { margin-bottom:30px;}


    /***/
    .footer-company{width: 400px }
     .footer-contacts{width: 300px }
     .footer-item p:first-child{ height:60px; }

    .images-wrapper .image-item{ width: calc(20% - 14px); margin: 0 7px; height:180px }

}