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

:root{
    --color1:#535353;
    --color2:#426CC6;
    --color3:#D24A43;
    --red:#D24A43;
    --bg1:rgb(163 184 228 / 20%);
}
HTML{}

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

.__wrapper{   padding-top: 74px }
.__container{ max-width: 1320px; margin:0  auto; }

/***/
h1{ font-weight: 800}
h2{ font-size: 22px; line-height: 1.2}
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}


.button{ display: flex; align-items: center; justify-content: center; min-height: 38px; font-size: 14px; font-weight: 500; letter-spacing: .5px; color: var(--color2); background-color: var(--bg1); 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: #d4e1ff}
.button-calc{ background: var(--color3); color: #fff}
.button-calc:hover{ background: #ad3731; color: #fff}
.button-ask{ background: var(--color2); color: #fff}
.button-ask:hover{ background: #284c99; color: #fff}

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

/***/
header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 100;  background: #fff   }
.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: 120px; height: 36px; padding-left: 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(--color2); 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{ font-weight: 300; font-size: 12px;}


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

header .nav{background-image: url(../images/menu-bg.png); height: 8px}
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-section{ background: #F0F2FA; min-height: 200px;}
.page-banner{display: flex; flex-direction: column; padding: 20px 0}
.page-banner .banner-content{ order: 2; }
.page-banner h1{ margin: 0; padding: 0; font-size: 32px; line-height: 1}
.page-banner .banner-text{ padding-top: 20px; font-size: 16px; font-weight: 300}
.page-banner .buttons{ padding-top: 25px;}

.page-banner.inner img{ border-radius: 8px; margin-bottom: 20px; }

/***/
.page{ }
.page h2{ color: var(--color2)}
.page p{ }
.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{ }

.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%}

.posts .post-wrap{  box-shadow:  0px 6px 34px -13px rgba(0, 0, 0, 0.25); border-radius: 8px; background: #fff; margin-bottom: 25px; }
.posts .post-item-image{ height: 200px;}
.posts .post-item-image img{ height: 100%; width: 100%; object-fit: cover; margin: 0}
.posts .post-item-desc{ padding: 15px;}
.posts .post-item h2{ margin: 10px 0 15px 0; font-size: 20px;}
.posts .post-item-text{font-size: 14px;}
.section-title{font-size: 32px; margin: auto; text-align: center}
.section-text{ text-align: center;   padding: 20px; margin: auto}
.section-text::placeholder{ margin: 0; padding: 0}

/**/
.double-block{ margin-bottom: 30px }
.double-block-content{ background-color: #fff; z-index: 10;  box-shadow:  0px 6px 34px -13px rgba(0, 0, 0, 0.25); border-radius: 8px; padding: 20px 15px}
.double-block h2{ color: #426CC6; margin: 0; margin-bottom: 15px }
.double-block-image img{height: 100%; width: 100%; object-fit: cover;  border-radius: 8px}
.double-block-buttons{display: flex; justify-content: space-between; align-items: center; padding: 10px 0}

.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%}

/***/
/**/
.benefits-block{ margin: 10px 0;  }
.benefits-block .embla__viewport{ box-sizing: border-box;}
.benefits-block .embla__slide{ padding-top: 25px; padding-bottom: 25px; padding-left: 15px;  box-sizing: border-box}
.benefits-block .__line-block-wrap{ flex-basis: calc(100% - 120px)}
.benefits-block .__line-block-item{ background:#fff; padding: 15px; box-sizing: border-box;   display: flex; flex-direction: column; height: 100%;   border-radius: 8px; box-shadow:  0px 6px 34px -13px rgba(0, 0, 0, 0.25);}
.benefits-block h3{padding-bottom: 15px; margin: 0; margin-bottom: 15px; position: relative; padding-top: 40px; font-size: 16px}
.benefits-block h3:before{ content: ''; display: block; position: absolute; top:0; left: 0; bottom: 0; width: 32px; height: 32px; background-repeat: no-repeat;background-position: center; background-size: contain}
.benefits-block h3.icon1:before{background-image: url(/images/icon1.svg)}
.benefits-block h3.icon2:before{background-image: url(/images/icon2.svg)}
.benefits-block h3.icon3:before{background-image: url(/images/icon3.svg)}
.benefits-block h3:after{ content: ''; display: block; position: absolute; left:0px; bottom: 0; width: 30%; height: 3px; background: var(--color3);  }
.benefits-block  p{ font-size: 14px; margin: 0; padding-bottom: 8px; font-weight: 300}

.banner-benefits{ padding-bottom: 100px;}
.overbanner{ margin-top: -100px}



/**/
.embla__viewport { overflow: hidden; width: 100%;}
.embla__viewport.is-draggable {cursor: move;cursor: grab;}
.embla__viewport.is-dragging {cursor: grabbing;}
.embla__container {display: flex; user-select: none;-webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: transparent;}
.embla__slide { position: relative; flex: 0 0 100%;  min-width: 0; }
.embla__slide img{ width: 100%; max-width: 100%}

.innerform{ margin-bottom: 30px}

/**/
.reviews{background: #F0F2FA; padding: 30px 0}
.reviews-block{ margin: 30px 0}
.reviews-block .embla__viewport{ padding-left: 5px; box-sizing: border-box}
.reviews-block .__line-block-wrap{flex-basis: calc(100% - 80px); padding: 20px 10px}
.reviews-block .__line-block-item{ background: #fff; padding: 15px; box-sizing: border-box; border-radius: 8px; box-shadow: 0px 6px 30px -15px rgba(0, 0, 0, 0.25)   }
.reviews-item-head{ display: flex;  align-items: center }
.reviews-item-title{     padding-left: 10px}
.reviews-item-title h4{font-size: 16px; line-height: 1.2; font-weight: 500; 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}
.embla__slide img.reviews-item-image{width: 80px;border-radius: 8px; }



/**/
footer{ padding: 15px 0; background-image: url(../images/menu-bg.png); color: #fff}
.footer{ padding-top: 25px; padding-bottom: 15px}
.footer-item{ text-align: center; }
.footer-logo{display: flex; flex-direction: column; align-items: center; margin-bottom: 15px}
.footer-logo a{ width: 150px; height: 80px; display: inline-block; background-image: url(../images/logo-w.png); background-size: contain; background-position: center top; background-repeat: no-repeat;}
.footer-logo .name{ font-size: 22px;}

.footer-company p{ padding: 0; margin: 0}
.footer-phone{ display:block; padding: 10px 0;  font-weight: 400;font-size: 16px; font-weight: 600 }

.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-items:last-child{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: 12px; text-decoration: underline; display: block; opacity: .8; line-height: 2; margin: 0 15px;  }

.footer-item-menu .menu-items { list-style: none; margin-top: 20px; padding: 0}
.footer-item-menu .menu-items a{ text-decoration: underline}

.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: var(--color3); border-radius: 3px; padding: 2px 5px; }
.form-row .field-error.is-show{opacity: 1}

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

.over-content .header-menu{ display: flex;  height: 100%; flex-direction: column; justify-content: flex-start; padding: 40px}
.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-size: 14px; font-weight: 400;}

.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)}

@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)}

    .footer-item-menu .menu-items { display: flex; flex-wrap: wrap; justify-content: space-around}
    .footer-item-menu .menu-items li{ margin: 0 15px;}

}


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

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

    /**/
    .header-item-phones{ line-height: 1.2; }
    .header-item-phones a{font-size: 16px;}
    .header-item-phones span{font-size: 13px;}
    .header-menu-button{ margin-left: 20px}
    .header-item-button{display: block}

    .price-block{ max-width: none; display: flex; }
    .price-block{ margin: 0 -10px; }
    .price-block .price-item-wrap{ flex-basis: 33.33%; margin: 0 10px; padding: 15px;  }


    /***/
    .page-banner{ 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{ display: flex;}
    .page-banner > div{ flex-basis: 50%; box-sizing: border-box;}
    .page-banner-image{ order: 2}
    .page-banner-image img{ height: 100%; width: 100%; object-fit: cover;}

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

    .benefits-block .embla__slide{  padding-left: 25px; }


    .double-block-content{ padding: 25px 35px}
    .double-block h2{ font-size: 28px}

    /**/
    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: 120px; 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 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;}

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

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


}

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

    .__wrapper{  padding-top: 123px;}
    .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{ flex-grow: 1; }
    .header-item-button .button{ margin: auto; max-width: 160px}
    .header-item-slogan{ display: block;}
    .header-item-phones a { font-size: 18px;}

    header .nav{ height: auto}
    header .nav >div{ display: block;}
    .header-menu{ border-bottom: 1px solid rgb(0 0 0 / 10%)}
    .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: #fff; line-height: 38px; }


    .menu-wrapper{ max-width:1360px; margin:auto}
    .menu-wrapper ul{ margin:0; padding:0; list-style:none;}
    .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; color:#FFFFFF; padding:0 15px; font-size:14px; line-height:40px; text-decoration:none;}
    .menu-wrapper ul.level-1 > li:hover > a{ background:rgba(11, 35, 87, 0.35)}

    .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:#4069c3; box-shadow: 0px 3px 9px -2px #4b4b4b;}
    .menu-wrapper li.level-2{    border-bottom: 1px solid #5c83d9;    border-top: 1px solid #355191;}
    .menu-wrapper li.level-2 a:hover{ background:#5482e5}

    .footer-item-menu .menu-items { margin-left: 40px; justify-content: flex-start; flex-direction: column;}
    .footer-item-menu .menu-items li{ margin:15 0px;}

    .button { min-height: 42px;}

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

    .double-block{  }
    .double-block-content{ padding-left: calc(50% + 20px) }
    .double-block-image{position: absolute;top: 0; right: auto; left: 0; width: 50%; bottom:  0}

    .double-reverse .double-block-content{ padding-right: calc(50% + 20px); padding-left: 20px }
    .double-reverse .double-block-image{right: 0; left: auto;}

    .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 .text-block{ padding: 30px; border-radius: 8px;  box-shadow: 0px 6px 30px -15px rgba(0, 0, 0, 0.25)}
    .page .text-block h2{ margin-top: 40px}
    .page .text-block h2:first-child{ margin-top: 0}

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

    /***/
    .benefits-block .embla__viewport{ }
    .benefits-block .embla__container{ justify-content: center}
    .benefits-block .embla__slide{  padding-left:15px; padding-right: 15px }
    .benefits-block .__line-block-wrap{ flex-basis: calc(33.33% - 5px); }
    .benefits-block h3{ font-size: 20px; }

    .reviews-block .embla__viewport {padding-left: 0px;}
    .reviews-block .__line-block-wrap{   flex-basis: calc(33.33% - 33px); padding: 20px 15px}


    .footer-items{  }
    .footer-items:first-child{ align-items: center}
    .footer-items:last-child{ justify-content: space-between}
    .footer-item{ text-align: left; margin-bottom: 0px; margin-right: 40px; }
    .footer-item:last-child{ margin-right: 0px; }
    .footer-item-title{ display: block; font-weight: 600; margin-bottom: 15px}
    .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-copyright{ order: 0}
    .fixed-whatsapp{  width: 64px; height: 64px; bottom: 60px; right: 40px}

}

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

    .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}

    /***/
    .page-banner{ padding: 30px 0}
    .page-banner h1{font-size: 50px}
    .page-banner .banner-text{ font-size: 16px; max-width: 560px; }
    .page-banner .buttons{ margin-top: 30px;}
    .banner-benefits{ padding-bottom: 100px}
    /***/
    .benefits-block .embla__viewport{  }
    .benefits-block .embla__container{ justify-content: center}
    .benefits-block .embla__slide{  padding-left:20px; padding-right: 20px }
    .benefits-block .__line-block-wrap{ flex-basis: calc(33.33% - 7px); }

    .benefits-block h3{ font-size: 20px; padding-left: 55px; padding-top: 12px}
    .benefits-block h3:before{  width: 42px; height: 42px; }
    .benefits-block h3:after{ content: ''; display: block; position: absolute; left:55px; bottom: 0; width: 30%; height: 3px; background: var(--color3);  }
    .benefits-block .anons{ padding-left: 55px}

    .double-block{ margin-bottom: 40px }
    .double-block-content{ padding-left: calc(50% + 50px); padding-top: 30px; padding-bottom: 30px }

    .double-reverse .double-block-content{ padding-right: calc(50% + 30px); padding-left: 50px }

    .reviews-block{ max-width: 1300px; margin: auto}
    .reviews-block .embla__viewport{}
    .reviews-block .__line-block-wrap{ flex-basis: calc(33.33% - 40px); padding: 20px ; }

    .page h2 { font-size: 32px;}

    .page .text-block{ padding: 40px;}
    .images-wrapper .image-item a{ height: 150px; }


    /**/
    .page-item section{ margin-left: 40px;}

    aside .sticky{position: sticky; top: 130px}

}

@media only screen and (max-width: 767px) {


    .images-wrapper{ display: flex; flex-wrap: wrap; justify-content: space-between;}
    .image-item a{ display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: calc(100% - 10px);
        height: calc(100% - 10px); margin: auto }
    .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-block .image-item{flex-basis: calc(33.33% - 10px); padding-top: 22%; flex-shrink: 0; flex-grow: 1;margin: 0 !important; width:auto!important;
        max-width: 150px;}


}