/*reset css*/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} table {border-collapse: collapse;border-spacing: 0;}/*reset css end*/

* {
    box-sizing: border-box;
    appearance: none;
    outline: none;
}
body, html {
    height: 100%;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}
body {
    color: var(--b1);
    font-size: 16px;
    line-height: 1.6;
    font-weight: var(--fN);
    font-style: normal;
}
a, a:hover, a:visited {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a[href^="tel:"],
a[href^="tel:"]:hover {
    white-space: nowrap;
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}
.container {
    max-width: 100%;    
    position: relative;
}
.wrapper {
    position: relative;
    margin: 0 auto;
    width: 1600px;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2;
}

button {
	border: 0;
    outline: 0;
}
button.styler,
input[type=submit].styler,
input[type=reset].styler,
input[type=button].styler {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
img {
	border: none;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 30px;
    font-weight: var(--fN);
    line-height: 1.3;
    margin: 0px 0 20px 0;
    padding: 0;
}
h1 {
    font-size: 46px;
    margin-bottom: 30px;
    line-height: 1.2;
}
* + h2, * + h3, * + h4, * + h5, * + h6 {
    margin-top: 30px !important;
}
.h3, .h3.h_op, .LastPosition .h4, .uss_comments h3, .comment_form_title, .news_similar_title {
    font-weight: var(--fN);
    margin: 0 0 20px;
    padding: 0 0 0 0;
    font-size: 30px;
    line-height: 1.4;
    position: relative;
}
p {
    margin: 0;
    padding: 0;
}
td, th {
    padding: 5px 10px;
    border-color: #ddd;
}
/*cms styles reset*/
.jq-select-multiple {
    background: transparent;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    font-family: inherit;
    padding: 0;
    overflow: hidden;
}
.jq-select-multiple select {
	border: 0;
}
.uss_section_content .jq-select-multiple ul {
    margin: 0;
    display: block;
    height: auto !important;
}
.uss_section_content .jq-select-multiple ul li {
    margin: 0;
    padding: 3px 9px 4px;
    border-radius: 0;
}
.jq-select-multiple ul li:hover {
	cursor: pointer;
}
.uss_section_content .jq-select-multiple ul li:after {
    display: none;
}
/*cms styles reset end*/

/*блок про обработку кукис*/
.uss_privacy_policy_wrap {
    padding: 10px 0;
}
.uss_privacy_policy_inner {
    width: 1600px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
}
.uss_privacy_policy_text {
    margin-right: 30px;
    font-size: 15px;
    color: #000;
}
.uss_privacy_policy_button {
    position: relative;
    right: unset;
}
/*блок про обработку кукис end*/

/*блок увеличения фото*/
#uss_view_conteiner {
    padding: 0;
    border-width: 0px;
    background: none;
    overflow: hidden;
}
#uss_inside_view_conteiner {
    border-radius: 10px;
    background-color: #fff;
}
#ufnav_left {
    left: 15px;
    top: 57px;
    z-index: 10001;
}
#ufnav_right {
    right: 15px;
    top: 15px;
    z-index: 10001;
}
.uss_foto_button a {
    border-radius: 50%;
}
/*блок увеличения фото end*/

/*close btn*/
.buy_one_click_form_tml .buy_one_click_window_wrap a.close,
.catalog_orderform_tml .catalog_orderform_window_wrap a.close,
.uss_modal_window .uss_modal_content .uss_modal_close,
#uss_basket_ask_where_to_go_block .close_button,
.modal .close {
	background: none;
	width: 24px;
	height: 24px;
	right: 15px;
	top: 15px;
	transition: 0.5s;
    z-index: 2;
}
.buy_one_click_form_tml .buy_one_click_window_wrap a.close:hover,
.catalog_orderform_tml .catalog_orderform_window_wrap a.close:hover,
.uss_modal_window .uss_modal_content .uss_modal_close:hover,
#uss_basket_ask_where_to_go_block .close_button:hover,
.modal .close:hover {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: 0.6;
}
.buy_one_click_form_tml .buy_one_click_window_wrap a.close:before,
.buy_one_click_form_tml .buy_one_click_window_wrap a.close:after,
.catalog_orderform_tml .catalog_orderform_window_wrap a.close:before,
.catalog_orderform_tml .catalog_orderform_window_wrap a.close:after,
.uss_modal_window .uss_modal_content .uss_modal_close:before,
.uss_modal_window .uss_modal_content .uss_modal_close:after,
#uss_basket_ask_where_to_go_block .close_button:before,
#uss_basket_ask_where_to_go_block .close_button:after,
.modal .close:before,
.modal .close:after {
	content: '';
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 2px;
	background: #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 11px;
}
.buy_one_click_form_tml .buy_one_click_window_wrap a.close:after,
.catalog_orderform_tml .catalog_orderform_window_wrap a.close:after,
.uss_modal_window .uss_modal_content .uss_modal_close:after,
#uss_basket_ask_where_to_go_block .close_button:after,
.modal .close:after {
	content: '';
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*close btn end*/
.modal {
	z-index: 1400;
}
/*скругления элементов*/
#lpage a.add_to_cart,
#lpage a.add_to_compare,
#lpage a.add_to_wishlist,
.uss_shop_table_view .add_to_wishlist,
.uss_catalog_detail > .catalog_order_block .catalog_orderbutton,
.catalog_orderbutton.sameelement,
.catalog_orderbutton,
.slider .caption-wrap:before {
    border-radius: 30px;
}
.modal .close,
.main-slider .slides,
.section_text img,
.catalogs .uss_eshop_menu > li,
.catalogs .uss_eshop_menu > li .eshop_menu_image a img,
.catalogs .catalog_menu > li,
.catalogs .catalog_menu > li img,
.block.review,
.review .news_block_item,
.review .news_block_item .image,
.uss_catalog_category,
.uss_shop_category img,
.uss_shop_blocks_view .uss_eshop_item,
.uss_eshop_item .uss_img_holder > a,
.uss_shop_detail img,
.uss_buy_one_click_pos .uss_buy_one_click_image img,
.uss_eshop_sameproducts img,
.compare_table tr.image img,
.news_item .uss_image_holder img,
.news_exact_item .uss_img_big img,
.news_block_item .image img,
.uss_catalog_detail .uss_img_wrapper img,
.uss_catalog_cat_img img,
.block.photoalbum img,
.icons .icons-image img,
.uss_guestbook_item,
.uss_desk .group_item .cover a img,
.adv_item,
.adv_item .info,
.aside-banner,
.aside-banner .title:before,
.block.block_map iframe,
.block_map > div.h3 + ymaps > ymaps,
p > ymaps > ymaps,
p + ymaps > ymaps,
iframe[src *= "yandex.ru/map-widget"] {
	border-radius: 10px;
}
.block_map > div.h3 + ymaps > ymaps,
p + ymaps > ymaps,
p > ymaps > ymaps {
	overflow: hidden;
}
#main .section_text img,
.catalogs .eshop_menu_image > a,
.catalogs .catalog_menu > li .catalog_menu_image > a,
.uss_catalog_cat_img > a,
.news_block_item .image,
.news_block_item .image > a,
.news_item .uss_image_holder > a,
.uss_shop_category .uss_shop_cat_img > a,
.photoalbum .image > a,
.photoalbum .photoalbum_image > a,
.aside-banner .image,
.sidebar .block_form {
	border-radius: 15px;
	overflow: hidden;
	display: block;
}
.catalogs .eshop_menu_image img,
.catalogs .catalog_menu > li img,
.uss_catalog_cat_img img,
.news_block_item .image img,
.news_item .uss_image_holder img,
.uss_shop_category .uss_shop_cat_img img,
.uss_eshop_item .uss_img_holder > a > img,
.photoalbum .image > a > img,
.photoalbum .photoalbum_image > a > img,
.aside-banner .image img {
	display: block;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
.catalogs .eshop_menu_image:hover img,
.catalogs .catalog_menu > li:hover img,
.uss_catalog_cat_img:hover img,
.news_block_item .image:hover img,
.news_item .uss_image_holder:hover img,
.uss_shop_category .uss_shop_cat_img:hover img,
.uss_eshop_item .uss_img_holder:hover > a > img,
.photoalbum .image:hover > a > img,
.photoalbum .photoalbum_image:hover img,
.aside-banner:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.uss_catalog_cat_img,
.uss_eshop_sameproducts .item .image,
.uss_eshop_sameproducts.blocks .item .image,
.groups_block .image,
.groups_list .image,
.news_list .image,
.news_exact_item .uss_img_wrapper .uss_img_big,
.similar_items_block .news_item .image,
.similar_items_list .news_item .image,
.uss_shop_detail .uss_img_ico_box .uss_img_ico,
.uss_photoalbums_albums_block .uss_albums_item .uss_albums_cover,
.uss_photoalbums_foto_box .uss_img_item .uss_img_pre,
.uss_shop_list_view .uss_img_holder {
	border: 0;
}
.uss_advanced_image_list.uss_ail_points {
	bottom: 2px;
	left: 7px;
	right: 7px;
}
/*скругления элементов end*/

/*рамки для фото*/
.block.positions .uss_eshop_block_item .imagelink {
    display: block;
}
.block.positions .uss_eshop_block_item .imagelink,
.uss_shop_detail.uss_shop_detail_350_bottom .uss_img_ico_box .uss_img_ico a {
    position: relative;
}
.block.positions .uss_eshop_block_item .imagelink:before,
.uss_shop_detail.uss_shop_detail_350_bottom .uss_img_ico_box .uss_img_ico a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    box-shadow: inset 0px 0px 1px 1px rgb(0 0 0 / 10%);
}
/*рамки для фото end*/

.uss-flex-items {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}
.fc_form_tml .jq-selectbox,
.fc_form_tml .jq-selectbox select,
.fc_form_tml .jq-selectbox__select,
.fc_form_tml .fc_item.fc_files .jq-file,
.fc_form_tml .fc_item.fc_images .jq-file,
.fc_form_tml .fc_item .jq-file .jq-file__name {
    height: 50px;
}
.fc_form_tml .jq-selectbox__select-text,
.fc_form_tml .jq-file .jq-file__name,
.fc_form_tml .jq-file .jq-file__browse {
    line-height: 46px;
}
.fc_form_tml .jq-file .jq-file__name {
    font-size: inherit;
    border-width: 2px;
    border-radius: 10px;
}
.fc_form_tml .jq-file__browse {
    height: 46px;
    font-size: inherit;
    background: #f1f1f1;
    text-shadow: none;
    top: 2px;
    right: 2px;
    border-radius: 0 10px 10px 0;
}
form[action*=passrecovery] {
	margin-top: 25px;
}
form[action*=passrecovery] input[type=submit] {
	border: 0;
	cursor: pointer;
}
.uss_error_form {
    border-radius: 0px;
}
input,
select,
button {
    vertical-align: middle;
}
input[type='submit']::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.jq-selectbox__select {
	height: 40px;
	background: #F5F5F5;
	padding-left: 15px;
    border: 1px solid #e3e6ec;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	border-color: #cacacb;
	border-radius: 3px;
}
.jq-selectbox__select-text {
	height: 100%;
	line-height: 38px;
	text-shadow: none;
}
.jq-selectbox__trigger-arrow {
	top: 18px;
}
.jq-selectbox *,
.jq-selectbox__dropdown,
.jq-selectbox__dropdown * {
	font-family: inherit;
	font-size: inherit;
}

.jq-radio {
    width: 18px;
    height: 18px;
    border: 1px solid #c2c2c2;
    margin: -2px 7px 0px 0;
    background: #fff !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.jq-radio.checked .jq-radio__div {
    width: 8px;
    height: 8px;
    margin: 4px 0 0 4px;
    border-radius: 50%;
    background: #666;
}
.fc_item.fc_radio .radio_wrapper label {
	font-weight: var(--fN);
}



.fc_item.fc_files .fc_upload_wrapper,
.fc_item.fc_files .fc_upload_wrapper .jq-file,
.jq-file {
  width: 100%;
}
.jq-file,
.jq-file__browse,
.jq-file .jq-file__name {
  border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.jq-file .jq-file__name {
  border: 1px solid #e3e6ec;
}
.jq-file__browse,
.jq-file__name,
.jq-selectbox__select,
.jq-select-multiple {
  font-family: inherit;
}

.fc_captcha .captcha_item {
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.uss_form_captcha img,
.fc_captcha.styler .captcha_item img {
    border: none !important;
    width: 96px;
    height: 50px !important;
    border-radius: 10px;
}
.uss_form_captcha {
    width: auto;
    border-radius: 0px;
    padding: 0;
    background: none;
}
.uss_form_tml .uss_form_captcha label,
.uss_form_captcha label {
    min-width: 100%;
    margin-bottom: 4px;
}
.uss_form_captcha input {
    width: 258px !important;
    width: calc(100% - 96px - 10px) !important;
    margin-left: 10px;
}
.fc_form_tml .group .fc_item.fc_checkbox_one,
.uss_form_tml .group .fc_item.fc_checkbox_one {
    width: 100%;
}
button.styler:not([disabled]):active, input[type=submit].styler:not([disabled]):active, input[type=reset].styler:active, input[type=button].styler:not([disabled]):active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
input[type=text].styler, input[type=email].styler, input[type=number].styler, input[type=password].styler, input[type=search].styler, input[type=tel].styler, input[type=url].styler, textarea.styler {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: inherit;
}

form[action*=feedback] .jq-checkbox {
	margin-bottom: -3px;
}
form[action*=feedback] .jq-checkbox {
    margin-bottom: 0px;
}
/**/


.fc_form_tml .fc_item,
.uss_form_tml .fc_item {
    margin-bottom: 20px;
}

.uss_form_item.uss_form_checkbox,
.fc_form_tml .group .fc_item.fc_checkbox,
.fc_form_tml .group .fc_item.fc_checkbox > .force_position_right {
    line-height: 1;
}
.uss_form_item.uss_form_checkbox > label,
.fc_form_tml .group .fc_item.fc_checkbox > label.force_position_right,
.fc_form_tml .group .fc_item.fc_checkbox div.label_under_hint.sector_title.force_position_right label.force_position_right {
    line-height: normal !important;
}
.fc_item.fc_checkbox .elem_item,
.fc_checkbox label.sector_title {
    vertical-align: middle;
}
/**/

.jq-checkbox__div {
    display: none;
}
.jq-checkbox {
    border-radius: 5px;
    width: 20px;
    height: 20px;
    border: 0;
    background: #d8dee7;
    margin: 1px 8px 0 0;
    overflow: visible !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.jq-checkbox.checked {
    position: relative;
}
.jq-checkbox:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(/img/galka.svg) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    background-size: 14px;
}
.jq-checkbox.checked:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(/img/galka.svg) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1);
    background-size: 14px;
}
form .fc_item.fc_checkbox input[type="checkbox"] {
    display: none;
}
.fc_form_tml {
    margin-bottom: 0;
}
.uss_ok_form {
	font-size: 16px;
}
.modal .uss_ok_form {
	text-align: center;
}
.markItUpHeader,
.markItUpEditor,
#emoticons {
	width: 100% !important;
    border-radius: 0 !important;
    max-width: 100%;
}
textarea.markItUpEditor {
	font-size: 15px !important;
}


/*slick slider*/
.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;width:100%}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;min-width:100%}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}

.slick-arrow {
    background: none;
    background-color: #fff;
    border-radius: 50%;
    border: none;
    opacity: 1;
    width: 48px;
    height: 48px;
	box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
}
.slick-arrow.slick-prev:before,
.slick-arrow.slick-next:before {
	content:'';
    background: url(../img/icon-left.svg) no-repeat center center;
    background-size: 9px !important;
    width: 100%;
    height: 100%;
    display: block;
}
.slick-arrow.slick-next:before {
    background: url(../img/icon-right.svg) no-repeat center center;
}
/*slick slider end*/
.slider .slides {
    width: 162.7%; /*для слайдера ширриной 1920*/
    left: -31.4%; /*для слайдера ширриной 1920*/
    position: relative;
    overflow: hidden;
    /*white-space: nowrap;*/
}
.slick-list, .slick-slider {
    position: relative;
    display: block;
}
.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
}
.slide-link {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    display: block;
    z-index: 11;
}
a,
.top-menu a,
.call_me,
.top-cat-menu > div > ul > li > a:after,
.search_opener,
.burger,
.basket,
.form-btn,
.slick-arrow,
.slick-arrow:after,
.slider .caption-wrap:before,
.slider .slick-dots li button,
.catalog-search .uss_input_name,
.catalogs .eshop_menu_image img,
.sidebar,
.sidebar + .content,
.uss_shop_list_view .uss_shop_list_view_item,
.sidebar-catalog .uss_eshop_menu > li > a,
.uss_shop_block_cat .uss_shop_category,
.uss_shop_blocks_view .uss_eshop_item,
.uss_shop_list_cat .uss_shop_category,
.uss_shop_list_view .uss_shop_list_view_item,
.uss_eshop_sameproducts .item,
.uss_catalog_block_cat .uss_catalog_category,
.uss_eshop_block_item,
a.add_to_cart.buy_one_click:before,
a.add_to_compare:before,
a.add_to_wishlist:before,
.uss_albums_item,
.add_to_cart,
.add_to_compare,
.add_to_wishlist,
.catalog_orderbutton,
div.uss_eshop_tabs .uss_eshop_tabs_navigation span,
div.uss_catalog_tabs .uss_catalog_tabs_navigation span,
.uss_eshop_sameproducts.blocks .item,
.fc_form_tml input[type=submit],
input[type=submit].styler,
.uss_eshop_filters_block .filter_price input,
button.styler,
.jq-selectbox .jq-selectbox__select,
.jq-selectbox .jq-selectbox__trigger,
.uss_shoppos_table tr:before,
#uss_basket_ask_where_to_go_block a,
.jq-checkbox:after,
.jq-selectbox__trigger:after,
.jq-file .jq-file__name,
.aside-menu > ul > li > a:before,
.aside-menu > ul > li > .catalog_menu_item > a:before,
.positions-nav span,
.uss_faq_item,
.uss_guestbook_item,
#add_adv_link a,
.uss_desk_adv_list .adv_item {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.fc_form_tml {
    background: transparent;
}
body {
	min-width: 420px;
    min-height: 100%;
    color: var(--b1);
	font-weight: var(--fN);
}
#lpage {
	position: relative;

    display: flex;
    flex-direction: column;
    min-width: 420px;
	max-width: 100%;
    margin: auto;
    overflow: hidden;
}
.burger {
	position: relative;
	background: none;
	padding: 0;
	color: #fff;
	cursor: pointer;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
    justify-content: center;
}
.burger__icon {
	position: relative;
	width: 24px;
	min-width: 24px;
	height: 21px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-box-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.burger__icon span {
	width: 100%;
	background: #fff;
	border-radius: 2px;
	height: 3px;
}
.burger__icon span:nth-child(2) {
	width: 80%;
	transition: 0.25s;
}
.burger__icon span:nth-child(3) {
    width: 60%;
    transition: 0.25s;
}
.burger:hover .burger__icon span:nth-child(2),
.burger:hover .burger__icon span:nth-child(3) {
	width: 100%;
}
.burger.active .burger__icon span {
	display: none;
}
.burger.active .burger__icon:before,
.burger.active .burger__icon:after {
	content: '';
	position: absolute;
	display: inline-block;
	width: 22px;
	height: 2px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
}
.burger.active .burger__icon:after {
	content:'';
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menu-openned {

    /*padding-right: 16px;*/
}
.menu-openned .popup-menu {
    transform: translateY(0%);
    opacity: 1;
}
.popup-menu {
    /* overflow-y: auto; */
    min-height: 100%;
    max-height: 100vh;
    max-width: 100%;
    opacity: 0;
    transform: translateY(-100%);
    /* display: none; */
    background: #fff;
    color: #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1001;
    transition: 0.8s;
}
.popup-menu .close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 30;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.popup-menu .close:before,
.popup-menu .close:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 14px;
}
.popup-menu .close:after {
    content: '';
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mainpage h1 + .section.section_text img {
    max-width: 40%;
}
.logo .logo-row {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.logo .logo-image + .logo-text {
    text-align: left;
    margin-left: 15px;    
}
.logo a {
	display: block;
    text-decoration: none;
}
.logo a:hover {
	color: inherit;
}
.logo .logo-image img {
    display: block;
    margin: auto;
    max-width: 100px;
    height: auto;
}
.logo .companyname {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
}
.logo .slogan {
	display: block;
	margin-top: 7px;
	line-height: 1.4;
}
.mainpage h1,
.mainpage .h3 {
	position: relative;
    font-size: var(--h3Size);
    line-height: 1.1;
    margin: 0 0 60px;
    text-align: center;
}
/*вопрос-ответ на главной faq end*/

/*выпадающий список end*/
.modal {
	background: rgba(0, 0, 0, 0.65);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/*z-index: 1000;*/
	display: none;
	line-height: 1.2;
	color: inherit;
}
.modal .modal-wrap {
	max-height: 100vh;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1005;
	padding: 25px;
	max-width: calc(100vw - 30px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.modal .close {
	position: absolute;
	cursor: pointer;
	z-index: 1002;
	display: block;
	width: 24px;
	height: 24px;
}
/**/
:root {
/*Синие оттенки*/
--blue1: #0092E4;
--blue2: #3c91e6;
--blue3: #68aaeb;
--blue4: #2685e3;
--cTG: #3ba3e6;

/*Оранжевые, красные и розовые оттенки*/
--orange1: #feba3b;
--orange2: #fb8b24;
--red1: #ff5519;

/*Зеленые*/
--green1: #a4bd13;
--green2: #b2d402;
--green3: #abc90b;
--cWA: #27cd53;

/*Серые (g), белые (w) и черные (b)*/
--w1: #ffffff;
--w2: #f3f5f8;

--g1: #7d8994;
/*--g2: #828b93; - слишком светлый, делаем темнее*/
--g2: #5a5f64;
--g3: #ccd1da; 
--g4: #ebeef3;
--g5: #d9e0e6;
--g6: #8a959f;

--b1: #20272c;
--b2: #111111;
--b3: #4c5863;
--b4: #444054;

/*Filters*/
--toBlack: brightness(0);
--toWhite: brightness(0) invert(1);
--toBlue4: brightness(0) saturate(100%) invert(40%) sepia(87%) saturate(963%) hue-rotate(185deg) brightness(92%) contrast(93%);

/*Шрифты*/
--mainFont: 'Golos Text',sans-serif;

--fN: 400;
--fM: 400;
--fS: 400;

--h3Size: 50px;
--pSize: 20px;

--bs: 0px 25px 45px 0px rgba(222, 227, 235, 1);
--bs2: 0px 10px 25px 0px rgba(222, 227, 235, .5);
--BShColor: rgba(38,133,227,.75);
--desktopWidth: 1560px;
--tr-1: 0.3s;
}
@font-face {
	 font-family: 'Golos Text';
	 src: url('../fonts/golos-text_regular.woff') format('woff');
	 font-weight: 400;
	 font-style: normal;
}
@font-face {
	 font-family: 'Golos Text';
	 src: url('../fonts/golos-text_medium.woff') format('woff');
	 font-weight: 500;
	 font-style: normal;
}
@font-face {
	 font-family: 'Golos Text';
	 src: url('../fonts/golos-text_demibold.woff') format('woff');
	 font-weight: 600;
	 font-style: normal;
}
@font-face {
	 font-family: 'Europedemi';
	 src: url('../fonts/EuropeDemiNormal.woff') format('woff');
}

/*Общие элементы*/
body {
	color: var(--b1);
	font-weight: var(--fN);
	font-family: var(--mainFont);
}
.wrapper .left-container {
	position: relative;
	max-width: 707px;
}
.wrapper .left-container.narrow {
	width: 100%;
	max-width: 667px;
	flex-shrink: 1;	
}
.container {
	padding: 80px 0px;
	position: relative;
	width: 100%;
	transition: all .3s;
}
.small {
	padding: 80px 0;
	background: var(--blue2);
	color: var(--w1);
	overflow: visible;
}
.wrapper .left a:hover,
.footer-bottom .projects-container p:not(.tip) a:hover,
.not-found .site-content  li a:hover {
	color: var(--orange1);
}
.wrapper .top-container  {
	display: grid;
	grid-template-columns: 667px 1fr;
	grid-template-rows: min-content;
	grid-row-gap: 40px;
	align-content: start;
	justify-content: start;
	text-align: left;
}
.top-container .note {
	grid-column: 1/-1;
	display: block;
	font-size: 20px;
	color: var(--g1);
	line-height: 1.5;
}

.top-container .title,
.top-container .h3 {
	display: block;
	color: var(--b1);
	font-weight: var(--fM);
	font-size: var(--h3Size);
	line-height: 1.1;
	width: 100%;
	text-align: left;
}
.wrapper .top-container .h3 {
	margin: 0;
}
.wrapper .top-container.center .h3 {
	text-align: inherit;
}
.wrapper .top-container .desc {
	align-self: center;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align: right;
	color: var(--g2);
	font-size: 20px;
	line-height: 2.0;
}
.top-container .text,
.top-container>p {
	display: block;
	color: var(--g2);
	font-size: 20px;
	line-height: 2.0;
	padding-top: 10px;
	width: 100%;
}
.top-container.tabs .title {
	grid-column: 1/-1;
}
.top-container.tabs .controls {
	grid-row: -1;
	justify-self: start;
	align-self: center;
	border-radius: 35px;
	display: inline-block;
	background: var(--g4);
	vertical-align: baseline;
}
.top-container.tabs  .controls  span {
	display: inline-block;
	margin: 5px;
	font-size: 20px;
	line-height: 1.7;
	border-radius: 29px;
	padding: 10px 35px;
	background: transparent;
	cursor: pointer;
}
.top-container.tabs  .controls  span.active {
	font-weight: var(--fS);
	background: var(--w1);
}
.top-container.tabs .text {
	grid-row: -1;
	text-align: right;
	justify-self: end;
	align-self: center;
	max-width: 720px;
}
.top-container.center {
	grid-template-columns: 100%;
	grid-template-rows: min-content;
	text-align: center;
	grid-gap: 25px;
}
.button .btn-icon {
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 15px;
}
.small .button .btn-icon {
	margin: 0;
}
.btn-icon.download {
	background-image: url("../img/header-btn-download.png");
}
.btn-icon.play {
	background-image: url("../img/header-btn-play.png");
}

/*Переверстываем всё.*/
/*Навигация static_nav*/
.static-nav {
	text-align: right;
}
.static-nav li {
	display: inline-block;
	margin: 20px;
}
.static-nav li a {
	color: inherit;
	font-size: 18px;
	font-weight: var(--fN), sans-serif;
}
.static-nav li:hover a,
.popup-content .static-nav li:hover a,
.popup-content .projects-container p a:hover {
	color: var(--orange1);
}




/*Фиксируемая шапка*/
.header {
	padding: 15px 0;
	background: var(--blue4);
	color: var(--w1);	
}
.nav {
	background: var(--nav-background);
	color: var(--nav-text-color);
}
.header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;

}
#ruler {
 --rul: #000;
 display: none;
  position: fixed;
  background: var(--orange2);
  width: 5px;
  height: 70px;
  left: 80px;
  top: 30px;
  transition: all .3s;
  background-image: repeating-linear-gradient(0deg,var(--rul) 0px, var(--rul)  1px, transparent 1px, transparent 9px,var(--rul)  9px, var(--rul)  10px);
  z-index: 9999;
}
.fake-header {
	width: 100%;
	padding: 0;
}
.hidden {
	display: none;
}
.logo-container {
	justify-self: start;
	align-self: center;
}
.logo-container  a {
	display: grid;
	grid-template-areas: "logo slogan" 
						 "logo name  ";
	grid-template-columns: max-content 1fr;
	grid-template-rows: 15px 25px;
	grid-column-gap: 10px;
	grid-row-gap: 4px;

	height: 50px;
}
.logo-container .logo-image {
	width: max-content;
	max-height: 50px;
	display: inline-block;
	max-width: 200px;
	grid-area: logo;
	align-self: end;
	justify-self: start;
}
.logo-container .logo-image img {
    width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
	vertical-align: bottom;
 }
.logo-container .slogan {
	display: block;
	font-weight: var(--fN),sans-serif;
	font-size: 15px;
	line-height: 1.6;
	text-align: right;
	color: var(--w1);
	grid-area: slogan;
	justify-self: end;
	align-self: start;

}
.logo-container .companyname {
	display: block;
	font-family: 'Europedemi',sans-serif;
	font-size: 27px;
	line-height: 15px;
	text-align: right;
	color: var(--w1);
	text-transform: uppercase;
	grid-area: name;
	justify-self: end;
	align-self: end;
		vertical-align: bottom;
}

.header .wrapper {
	grid-column-gap: 50px;
	display: grid;
	grid-template-columns: 250px 1fr 50px;
}

.header .contacts-container {
	max-width: 1000px;
	width: 100%;
	justify-self: end;
	text-align: right;
	align-self: center;
	font-size: 0;
}
.header .contacts-container .text {
	font-weight: var(--fM);
	font-size: 28px;
	line-height: 0.9;
	color: var(--w1);
	margin-right: 15px;
	vertical-align: middle;
}
.contacts-container .icon {
	width: 20px;
	height: 20px;
	margin: 0 10px;
	line-height: inherit;
	display: inline-block;
	background: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	vertical-align: middle;
	background-size: contain;
	position: relative;
		cursor: pointer;
}
.contacts-container .icon::after {
	position: absolute;
	display:none;
	content: '';
	width: 0px;
	height: 35px;
	left: 50%; 
	top: 50%; 
	transform: translate(-50%,-50%);
	border-radius: 0px;
	border: solid 0px var(--w1);
	border-bottom-width: 2px;
	z-index: -1;
	opacity: 100%;
	transition: all .3s;
	
}
.contacts-container .icon:hover::after {
	opacity: 100%;
	width: 35px;
}
	.contacts-container .icon a {
		display: block;
		width: 100%; 
		height: 100%;
	}
.contacts-container .icon.phone {
	margin-right: 8px;
	
}
.header .menu-button {
	justify-self: end;
	align-self: center;
}
.menu-button {
	background: var(--green1);
	border-radius: 100%;
	width: 50px;
	height: 50px;
	text-align: center;
	transition: all .3s;
	cursor: pointer;
	position: relative;
	padding: 0;
}
.menu-button::after,.menu-button::before {
	position: absolute;
	display: block;
	content: '';
	width: 22px;
	border-radius: 4px;
	margin: 0px auto;
	height: 2px;
	background: var(--w1);
	transform-origin: center;
	border-radius: 10px;
	transition: all .3s;
	top: calc(50% + 2px);
	left: calc(50% - 11px);
}
.menu-button::before {
	top: calc(50% - 4px);
}
.menu-button:hover {
	background: var(--orange2);
}
.menu-button.active::after {
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 1px);
	margin: 0;
}
.menu-button.active::before {
	transform: rotate(-45deg);
	position: absolute;
	top: calc(50% - 1px);
	margin: 0;
}

.icon.phone {
	background-image: url("../img/phone.png");
}
.icon.telegram {
	background-image: url("../img/telegram.png");
}
.icon.whatsapp {
	background-image: url("../img/whatsapp.png");
}

.wrapper .top-container:not(.center) {
	grid-template-columns: 1fr 1fr;
	align-items: center;
	
}
/*Блок 1. Презентация*/
.present {
	background: var(--blue4);
	padding: 95px 0 0px 0;
	min-height: max-content;
	color: var(--w1);
}
.present .wrapper {
	height: 100%;
	min-height: max-content;
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	min-height: calc(100vh - 240px);
	height: max-content;
	grid-row-gap: 95px;
	grid-template-rows: auto 1fr;
}
.present .wrapper .left {
	max-width: 600px;
	width: 50%;
}
.present .wrapper .header-slider {
	flex: 1 1 auto;
	width: 50%;
}


.present .left>p {
	margin: 8px 0;
	font-size: 22px;
	line-height: 1.55;
	max-width: 600px;
}

.button-wrapper {
	margin-top: 115px;
	display: flex;
	column-gap: 20px;
	justify-content: space-evenly;
	transition: all .3s;
}
.button-wrapper .button {
	display: inline-block;
	margin: 0;
	background: transparent;
}
.button-wrapper .button a {
	display: flex;
	position: relative;
	width: max-content;
	height: 100%;
	padding: 24px 30px;
	border: solid 1px var(--w1);
	border-radius: 35px;
	background: transparent;
	color: var(--w1);
	text-align: center;
	font-weight: var(--fM);
	font-size: 20px;
	line-height: 1.1;
	transition: var(--tr-1);
	padding-left: 90px;
}

.button-wrapper .button a::before,
.button-wrapper .button a::after,
.links-container .button a::before,
.links-container .button a::after {
	content: '';
	position: absolute;
	left: 34px;
	top: 50%;
	width: 34px;
	height: 34px;
	transform: translateY(-50%);
	background: var(--w1);
	border-radius: 50%;
	transition: inherit;
	border: none;
}
.button-wrapper .button.download a::after,
.button-wrapper .button.video a::after,
.links-container .button.download a::after,
.links-container .button.video a::after {
	border-radius: 0;
	background: url('/img/download-icon.svg') center no-repeat;
	background-size: 14px;
	filter: var(--toBlue4); 
}
.button-wrapper .button.video a::after,
.links-container .button.video a::after {
	background-image: url('/img/play-icon.svg');
	background-size: 9px;	
}
.button-wrapper .button a:hover,
.links-container .button a:hover {
	background: var(--w1);
	color: var(--blue4);
}
.button-wrapper .button a:hover::before,
.links-container .button a:hover::before {
	background: var(--blue4);
	filter: none;
}
.button-wrapper .button a:hover::after,
.links-container .button a:hover::after {
	filter: var(--toWhite);
}

.header-slider {
	--titleWidth: 280px;
	grid-area: header-slider;
	justify-self: end;
	width: 100%;
	overflow: hidden;
	align-self: center;
	position: relative;
	max-width: 100%;
}
.header-slider .slide-wrapper {
	position: relative;
	transition: var(--tr-1);
}
.header-slider .slide-wrapper:not(.slick-initialized) {
	display: flex;
	opacity: 0;
}
.header-slider .slick-track {
	display: flex;
	align-items: center;
}
.header-slider .item {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	min-height: 305px;
	
}
.header-slider .item .img {
	width: auto;
	margin-right: 50px;
	height: auto;
	max-width: 420px;
	max-height: 305px;
	flex: 0 0 auto;

}
.header-slider .item .img img {
	width: auto;
	height: 100%;
	display: block;
	max-width: 420px;
	max-height: 305px;
	object-fit: contain;
	object-position: 50% 50%;
}
.header-slider .item .title {
	font-size: 26px;
	line-height: 1.5;
	width: var(--titleWidth);
	padding: 25px 0;
	
}


.header-slider .dots {
	position: absolute;
	top: 0;
	right: 0;
	width: var(--titleWidth);
}
.header-slider .dots ul {
	display: flex !important;
	counter-reset: slide;
	position: relative;
	justify-content: space-between;
	width: 90px;
}
.header-slider .dots ul::before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: calc(100% - 25px);
	height: 1px;
	transform: translateY(-50%);
	background: var(--w1);
}
.header-slider .dots ul::after {
	content: '03';
	display: inline-block;
	background: var(--blue4);
	padding: 0 0 0 7px;
	margin-left: auto;
	z-index: 2;	
}
.header-slider .dots ul li::before {
	counter-increment: slide;
	content: '0' counter(slide);
	color: var(--w1);
	font-weight: var(--fN);
	margin: 0;
	background: var(--blue4);
	transition: opacity 0.3s linear, transform 0.3s linear;
	z-index: 2;
	opacity: 0;
	font-size: 16px;
	position: absolute;
	width: 25px;
	height: 25px;
	padding: 0;
}
.header-slider .dots ul li.slick-active::before {
	opacity: 1;
	font-size: 16px;
}
.header-slider .dots ul li button {
	background: none;
	color: var(--w1);
	font-size: 0;
	display: none;
}
.header-slider .slick-prev,.header-slider .slick-next {
	display: inline-block;
	width: 100px;
	height: 10px;
	background: var(--w1);
}

.header-slider .navs {
	width: var(--titleWidth);
	height: 20px;
	position: absolute;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(3,50px);
	grid-template-areas: "left middle right";
	bottom: 0px;
	justify-content: start;
	align-content: center;
	right: 0;
}

.header-slider .slick-arrow {
	background: url("../img/hs-dot.png");
	border-radius: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	font-size: 0;
	transition: filter .3s;
	box-shadow: unset;
	filter: brightness(0) invert(1);
	position: relative;
}
.header-slider .slick-arrow.slick-disabled {
		filter: brightness(1) invert(0);
}
.header-slider .slick-arrow:hover {
	background-color: transparent;
		filter: brightness(1) invert(0);
}
.header-slider .slick-arrow.hs-prev {
	background-image: url("../img/hs-arrow-left.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	grid-area: left;
}
.header-slider .slick-arrow.hs-next {
	background-image: url("../img/hs-arrow-right.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	grid-area: right;
}

.header-slider .navs .hs-dot {
	text-align: right;
	display: block;
	width: 100%;
	position: relative;
	grid-area: middle;
	
}
.header-slider .navs .hs-dot li {
	width: 100%;
	height: 100%;
	margin: 0 0px;
	background: url("../img/hs-dot.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	font-size: 0;
	transition: filter .3s;
	filter: brightness(0) invert(1);
}
.header-slider .navs .hs-dot li:hover,
.header-slider .navs .hs-dot li.slick-active {
	filter: brightness(1) invert(0);
}
.header-slider .navs .hs-dot li:nth-of-type(1) {
	background-image: url("../img/hs-arrow-left.png");
	display: none;
}
.header-slider .navs .hs-dot li:nth-of-type(3) {
	background-image: url("../img/hs-arrow-right.png");
	display: none;
}
.header-slider .navs .hs-dot li button {
	display: none;
}
	
.header-more {
	grid-area: more;
	border-top: solid 1px var(--blue3);
	position: relative;
	min-height: 50px;
	margin: auto 0 0;
	width: 100%;
	height: 80px;
}
.header-more p {
	display: inline-block;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	font-size: 16px;
	line-height: auto;

	color: var(--w1);
	padding: 0 35px;
	cursor: pointer;
}
.header-more p .icon.arrowdown {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: calc(50% - 10px);
	background: url('../img/icon_arrowdown.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	
}


/*Декоративные слайдеры*/
.deco-slider {
	width: 100%;
	max-width: 100%;
	display: block;
	padding: 5px 0;
	background: var(--orange2);
	box-sizing: border-box;
}
.deco-slider .slide-wrapper {
	display: flex;
}
.deco-slider .wrapper {
	height: 100%;
	padding: 20px 0px;
	text-align: center;
}
.deco-slider .slide-content {
	padding: 0px 40px;
	font-size: 20px;
	color: var(--w1);
	border-right: solid 1px var(--w1);
	width: max-content;
	display: inline-block;
}
.deco-slider .slick-slide {
	width: max-content;
}
.deco-slider .slick-track {
	left: -8%;
}



/*Блок 3. Схема взаимодействия */

.workflow {
	padding-bottom: 200px;
	background: url('/img/workflow_image_1.png') no-repeat, url('/img/workflow_image_2.png') no-repeat;
	background-color: var(--w2);
	background-position: -50px calc(100% + 155px), calc(100% - 55px) calc(100% + 45px);
}


.scheme {
	display: grid;
	grid-template-columns: [text-1-start]1fr [text-2-start]1fr [text-1-end]100px [text-3-start]1fr [text-2-end]100px [text-4-start]1fr [text-3-end]100px [text-5-start]1fr [text-4-end]1fr[text-5-end];
	grid-gap: 0;
	grid-template-rows: auto 10px auto;
	justify-content: space-between;
	grid-row-gap: 95px;
	margin-top: 100px;

}
.scheme .text {
	display: block;
	width: max-content;
	max-width: 465px;
	font-size: 22px;
	font-weight: var(--fS);
	background: var(--w1);
	color: var(--b1);
	border-radius: 80px;
	padding: 28px 50px;
	box-shadow: var(--bs);
	text-align: center;
	position: relative;
	justify-self: center;	
}
.scheme .text:nth-of-type(1) {
	grid-column: text-1-start/text-1-end;
	grid-row: 1;
}
.scheme .text:nth-of-type(2) {
	grid-column: text-2-start/text-2-end;
	grid-row: 3;
}
.scheme .text:nth-of-type(3) {
	grid-column: text-3-start/text-3-end;
	grid-row: 1;
}
.scheme .text:nth-of-type(4) {
	grid-column: text-4-start/text-4-end;
	grid-row: 3;
}
.scheme .text:nth-of-type(5) {
	grid-column: text-5-start/text-5-end;
	grid-row: 1;
}
.scheme .text:nth-of-type(5) {
	/*background: var(--blue2);
	color: var(--w1);*/
}
.scheme .text::after {
	position: absolute;
	height: 130px;
	background: inherit;
	content: '';
	display: block;
	width: 6px;
	top: 100%;
	left: calc(50% - 3px);
	z-index: 1;
	box-shadow: var(--bs);
}
.scheme .text:nth-of-type(2)::after, 
.scheme .text:nth-of-type(4)::after {
	bottom: 100%;
	top: unset;
}
.scheme .text .step {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	left: calc(50% - 30px);
	bottom: -130px;
	background: inherit;
	color: inherit;
	border-radius: 100%;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: var(--fM),sans-serif;
	text-align: center;
	font-size: 28px;
	box-shadow: var(--bs);
	z-index:2;
}
.scheme .text:nth-of-type(2) .step, 
.scheme .text:nth-of-type(4) .step {
	bottom: unset;
	top: -130px;
}
.scheme .text:nth-of-type(1) .step::before {
	content:'1';
}
.scheme .text:nth-of-type(2) .step::before {
	content:'2';
}
.scheme .text:nth-of-type(3) .step::before  {
	content:'3';
}
.scheme .text:nth-of-type(4) .step::before {
	content:'4';
} 
.scheme .text:nth-of-type(5) .step::before {
	content:'5';
}
.scheme .text .step::before {
	color: inherit;
}
.scheme .decor-line {
	grid-row: 2;
	grid-column: text-2-start/text-4-end; 
	height: 10px;
	width: 100%;
	color: inherit;
	background: var(--w1);
	box-shadow: var(--bs);
}
.scheme .decor {
	width: 40px;
	height: 40px;
	align-self: center;
	justify-self: center;
}
.scheme .decor:nth-of-type(6) {
	grid-column: text-1-end/text-3-start;
	grid-row: 1;
}
.scheme .decor:nth-of-type(7) {
	grid-column: text-3-end/text-5-start;
	grid-row: 1;
}
.scheme .decor:nth-of-type(8) {
	grid-column: text-2-end/text-4-start;
	grid-row: 3;
}
.workflow .bottom-image-container {
	overflow: hidden;
	height: 240px;
	width: calc(100% + 160px);
	left: -80px;
	top: calc(100% - 40px);
	margin: 0 auto;
	margin-bottom: 0px;
	position: absolute;
	display: flex;
	justify-content: space-between;
	z-index: -1;
}
.workflow .bottom-image-container .image-wrapper {
	display: inline-block;
	width: 360px;
	position: relative;
}
.workflow .bottom-image-container .image-wrapper:first-of-type {
	top: 20px;
}
.workflow .bottom-image-container .image-wrapper img {
	width: 100%;
}


.scheme .text,
.scheme .text::after,
.scheme .text .step {
	background: var(--w1);
	color: var(--b1);
	transition: all .35s;
}
.scheme .text:hover,
.scheme .text:hover::after,
.scheme .text:hover .step {
	background: var(--blue2);
	color: var(--w1);
}
/*Cool transition*/ 
/*setup*/
/*.scheme {
	--bgDiv: linear-gradient(-90deg,var(--w1) 0, var(--w1) 50%,var(--blue2) 50%,var(--blue2) 100%);
	--bgDiv2: linear-gradient(0deg,var(--w1) 0, var(--w1) 50%,var(--blue2) 50%,var(--blue2) 100%);
	--bgDiv3: linear-gradient(-180deg,var(--w1) 0, var(--w1) 50%,var(--blue2) 50%,var(--blue2) 100%);
	--bgText: linear-gradient(-90deg,var(--b1) 0,var(--b1) 50%,var(--w1) 50%,var(--w1) 100%);
	--dur: .3s;
	--del0: 0.2s;
	--del1: 0.4s;
	--del2: 0.5s;
	--bgSize: 250%;
	--workPad1: 70px;
	--workPad2: 35px;
}
.scheme .text::after {
	background: var(--bgDiv2);
	background-position: 100% 100%;
	background-size: 250% 250%;
	transition: all var(--dur);
	transition-timing-function: linear;

}
.scheme .text:nth-of-type(even)::after {
	background: var(--bgDiv3);
	background-position: 0% 0%;
	background-size: 250% 250%;
	transition: all var(--dur);
	transition-timing-function: linear;	
	transition-delay: var(--del1);
}
.scheme .text,
.scheme .text .step {
	background: var(--bgDiv);
	background-repeat: no-repeat;
	background-size: 250% 250%;
	background-position: 100% 100%;
	transition: all var(--dur);
	transition-timing-function: linear;
}



.scheme .text p,
.scheme .text .step::before {
	color: transparent;
	background: var(--bgText);
	background-clip: text;
	background-size: calc(250% + var(--workPad1)) calc(250% + var(--workPad2));
	background-repeat: no-repeat;
	background-position: 100% 100%;
	transition-duration: inherit;	
	transition: all var(--dur);
	transition-timing-function: linear;
}

.scheme .text:hover,
.scheme .text:hover p,
.scheme .text:hover::after,
.scheme .text:hover .step,
.scheme .text:hover .step::before {
	background-position: 0% 0%;
}
.scheme .text:nth-of-type(even):hover::after {
	background-position: 100% 100%;
}
.scheme .text .step,
.scheme .text .step::before {
	transition-delay: 0s;
}
.scheme .text,
.scheme .text p {
	transition-delay: var(--del2);
}
.scheme .text::after {
	transition-delay: var(--del1);
	transition-duration: var(--dur);
}
.scheme .text:hover .step,
.scheme .text:hover .step::before {
	transition-delay: var(--del2);
}
.scheme .text:hover,
.scheme .text:hover p {
	transition-delay: var(--del0);
}*/
/*Блок 4. Выгодное сотрудничество */
.partnership { 
	background: var(--w1);
	color: var(--b1);
	width: 100%;
}

.left {
	flex: 1 1 auto;
	padding-right: 10px;
	min-height: 0;
}
.right {
	width: 900px;
	max-width: 100%;
	flex: 0 0 auto;
}
.block-desc {
	max-width: 600px;
}
.left .h3,
.block-desc .h3 {
	font-size: var(--h3Size);
	line-height: 1.1;
	margin: 0 0 10px;
	text-align: left;
	font-weight: var(--fM);
}
.block-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.block-items .item {
	width: calc((100% - 65px) / 2);
	margin-top: 50px;
}
.block-items .item .img {
	width: 55px;
	height: 55px;
	margin: 0 0 25px;
}
.block-items .item .img img {
	display: block;
	object-fit: contain;
	max-width: 100%;
	max-height: 100%;
	object-position: 50% 50%;
	transform: scale(1) rotate(0deg);
	transition: transform .3s ease-in;
}
.block-items .item .img:hover img {
	transform: scale(1.1) rotate(5deg);
	transition: transform .3s ease-in;	
	
}

.block-items .item .title {
	font-size: 22px;
	line-height: 1.3;
}

.partnership .wrapper {
	display: flex;
}
.partnership .right {
	width: 900px;
	flex: 0 0 auto;
	height: max-content;
	max-width: 100%;
}
.partnership .points-items .item .title {
	max-width: 285px;
}

.benefits {
	background: var(--w2);
	border-radius: 26px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0;
	padding: 60px 10px;
}
.benefits .item {
	position: relative;
	width: 100%;
	padding: 50px;
}
.benefits .item:first-of-type {
	border-right: dashed 1px var(--g2);
}
.benefits .item:first-of-type::after {
	content: '';
	background: url('../img/spacer_bg.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;	
	width: 50px;
	height: 50px;
	position: absolute;
	display: block;
	right: -25px;
	top: calc(50% - 25px);
}
.benefits .item .title {
	font-weight: var(--fS);
	font-size: 36px;
	line-height: 1.1;
	color: var(--b1);
	margin: 0 0 50px;
}
.benefits .item .text {
	position: relative;
	vertical-align: middle;
	margin: 20px 0px;
	padding: 5px 20px;
	font-size: 19px;
	line-height: 1.5;
	display: flex;
	align-items: flex-start;
}
.benefits .item:first-of-type .text {
	padding: 5px 25px 5px 5px;
}
.benefits .item:last-of-type .text {
	padding: 5px 5px 5px 25px;
}
.benefits .item .text::before {
	content: '';
	position: relative;
	display: inline-block;
	width: 55px;
	height: 55px;
	margin-right: 10px;
	left: 0;
	flex: 0 0 auto;
	top: 5px;
	top: -2px;
	border-radius: 100%;
	background: var(--w1) url('../img/checkmark.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/*Блок "Выгодное сотрудничество" end*/
.small.container {

}
.small.signup {
	--pbot: 40px;
	padding: 80px 0 var(--pbot) 0;
}
.form-block {
	position: relative;
}
.form-block::after {
	content: '';
	position: absolute;
	width: 100%;
	height: calc(100% + 30px);
	background: url('/img/form-agent-bg.png') no-repeat;
	background-position: calc(100% + 30px) calc(100% - 15px);
	background-size: auto calc(100% - 15px);
	transition: var(--tr-1);
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.form-block .wrapper {
	display: flex;
}
.form-block .wrapper .left {
	flex: 1 1 auto;
}
.form-block .wrapper .right {
	flex: 0 0 auto;
	width: 900px;
}
.form-block .wrapper .left .h3 {
	text-align: left;
	max-width: 600px;
	font-weight: var(--fM);
}
.form-block .wrapper .left p {
	font-size: var(--pSize);
	max-width: 600px;
}
.form-block .fc_form_tml,
.form-block .fc_form {
	position: relative;
	margin: 0;
	max-width: 600px;
}
.form-block .fc_form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
a[name=FormConstructorForm] {
	position: absolute;
}
.form-block .fc_item:not(.fc_checkbox) {
	width: 565px;
}
.form-block .fc_item:not(.fc_checkbox) .elem_item .styler {
	background: none;
	border: none;
	border-bottom: solid 1px;
	border-bottom-color: var(--w1);
	border-radius: 0;
	color: var(--w1);
	font-family: inherit;
	font-size: 20px;
	line-height: 1.4;
	padding: 15px 0;
	width: 100%;
	transition: color .1s .1s,margin-top .2s,padding-left .2s;
	box-shadow: none;
	appearance: textfield;
}

.form-block .fc_form_tml .group.end {
	position: relative;
	width: calc(100% - 220px);
	order: 10;
	margin: 20px 0 0 auto;
}
.form-block .fc_form_tml .group.end .fc_item.fc_checkbox {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0;
}
.form-block .fc_form_tml .group.end .fc_item.fc_outputOnly  {
	margin: 0;
}
.form-block .fc_form_tml .group.end .fc_item.fc_outputOnly .outputonly {
	width: 100%;
	display: block;
	position: relative;
	z-index: 1;
	text-shadow: 0 0 4px var(--blue2);
}
.form-block .fc_form_tml .group.end a {
	text-decoration: underline;
}
.form-block .fc_form_tml .buttons {
	margin: 20px auto 0 0;
}
.form-block .fc_form_tml .buttons .submit {
	background: var(--green1);
	color: var(--w1);
	border: 0;
	box-shadow: none;
	text-shadow: none;
	text-align: center;
	font-size: 21px;
	line-height: 1;
	padding: 24px 40px;
	border-radius: 35px;
}
.form-block .fc_form_tml .buttons .submit:hover {
	filter: brightness(1.09);
	background: var(--green1);
	color: var(--w1);
}




.form-container .sector_title {
	background: none;
	color: var(--w1);
	font-size: 20px;
}
.form-container .fc_item .elem_item {
	width: 100%;
	max-width: 566px;
}
.form-container  .fc_item.fc_outputOnly .outputonly {
	width: 100%;
}
.form-container .fc_item .elem_item input {
	background: none;
	border: none;
	border-bottom: solid 1px var(--w1);
	border-radius: 0;
	appearance: textfield;
	color: var(--w1);
	font-size: var(--pSize);
	line-height: 1.4;
	padding: 15px 0;
	padding-left: 0px;
	transition: color .1s .1s,margin-top .2s,padding-left .2s;
	box-shadow: none;
}
.form-container .fc_item .elem_item input::placeholder {
	opacity: 1;
	color: inherit;
}
.form-container .fc_item .elem_item input:hover {
	border-color: var(--w1);
}
.form-container ..fc_item .elem_item input:focus {
	border-bottom-width: 2px;
}
.fc_form_tml .fc_item .elem_item .error {
	border-bottom-color: var(--red1);
}	
.fc_item .elem_item {
	position: relative;
	width: 100%;
}
.fc_form_tml .hintError {
	display: none;
}
.fc_form_tml .hintError.fill {
	margin-top: 0px;
	display: block;
	position: absolute;
	width: 100%;
	transform: translateY(0);
	bottom: 0;
	line-height: 1.4;
	font-size: 20px;
	white-space: normal;
	overflow: hidden;
	padding: 15px 0;
	padding-right: 40px;
	color: var(--red1);	
	z-index: -1;
	transition: var(--tr-1);
}
.fc_form_tml .hintError.fill::after {
	position: absolute;
	content: '';
	opacity: 0;
	transition: opacity .3s;
	background: var(--red1) url('../img/error_icon.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	width: 27px;
	height: 27px;
	top: calc(50%);
	transform: translateY(-50%);
	right: 0;
	
}
.styler::placeholder {
	opacity: 1;
	color: inherit;
}
.error.styler::placeholder,
.styler:focus::placeholder {
	opacity: 0;
}
.fc_form_tml .styler:focus + .hintError.fill {
	transform: translateY(-50%);
}
.uss_ok_form {
	padding-toP: 160px;
	background: url("/img/form_success.png");
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: 120px;
	font-weight: var(--fS);
	color: var(--w1);
	border: none;
	text-align: center;
	font-size: 26px;
	margin: 0 auto;
}
.form-container .fc_label_wrap .elem_item input:focus + .hintError {
	display: none;
}
.form-container form input:not(:focus).styler.error, 
.form-container form input:not(:focus).error_field, 
.form-container form textarea:not(:focus).styler.error, 
.form-container form textarea:not(:focus).error_field {
	border-color: var(--red1);
	color: transparent;
}

form input.styler.error + .hintError::after, 
form input.error_field + .hintError::after,  
form textarea.styler.error + .hintError::after, 
form textarea.error_field + .hintError::after {
	opacity: 1;
}
.form-container .buttons {
	display: inline-block;
	margin: 30px 0 0;
}
.uss_ok_form ~ .legal-text {
	display: none;
}
.form-container p.legal-text {
	color: inherit;
	position: relative;
	margin-top: 50px;
	max-width: calc(100% - 225px);
	top: 0px;
	left: 225px;
	padding-right: 0px;
}
.form-container .legal-text a {
	text-decoration: underline;
}
.form-container .legal-text a:hover {
	color: var(--orange1);
}
.form-container .buttons input {
	background: var(--green1);
	color: var(--w1);
	padding: 18px 40px;
	line-height: 1.6;
	margin: 0;
	font-weight: var(--fM);
	font-size: 21px;
	border-radius: 45px;
	transition: filter .3s;
	border-color: transparent;
}
.form-container .buttons:hover input[type=submit] {
	filter: brightness(1.09);
	background-color: var(--green1);
	background-position: 0;
	color: var(--w1);
}
.small .img-container {
	
	position: absolute;
	right: 0px;
	bottom: 0;
	padding: 0px 0;
	max-height: 500px;
	font-size: 0;
}
.small.signup .img-container {
	bottom: calc(var(--pbot)*(-1));
	right: -16%;
	max-height: 510px;
	
	
}
.small .img-container img {
	height: 100%;
	max-height: 500px;
	position: relative;
}

/*Блок 6. Диаграмма*/
.diagram {
	background: var(--w2);
	color: var(--b1);
}
.diagram .wrapper {
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.diagram .diagram-wrapper {
	width: 100%;
	padding: 190px 60px;
	display: grid;
	align-items: center;
	justify-items: center;
	grid-template-columns: 1fr 1.5fr 1fr;
	grid-template-rows: 1fr 2fr 1fr;
	grid-auto-flow: column;
	margin: -85px 0 -80px 0;
	background: url('../img/diagram_circles.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.diagram-wrapper .item {
	text-align: center;
	font-weight: var(--fS);
	font-size: 26px;
	padding: 0 5px;
	max-width: 250px;
}
.extra-text {
	width: 100%;
}
.extra-text .diagram-wrapper .item  {
	max-width: 420px;
}
.extra-text .diagram-wrapper .item .text {
	width: 420px;
}
.diagram-wrapper .item.main {
	grid-row: 2;
	grid-column: 2;
	width: 100%;
	max-width: unset;
	background: url('../img/diagram_central_bg.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.diagram-wrapper .item:not(.main) img {
	display: block;
	height: 60px;
	margin: 0 auto;
}
.diagram-wrapper .item .label {
	font-size: 26px;
	font-weight: var(--fS);
	line-height: 1.3;
	margin-top: 25px;
}
.diagram-wrapper .item .text {
	color: var(--b3);
	font-size: 19px;
	line-height: 1.5;
	text-align: center;
	font-weight: var(--fN);
}
.diagram-wrapper .item:nth-of-type(1) {
	grid-row: 1;
	grid-column: 1;
	align-self: start;
	justify-self: end;
}
.diagram-wrapper .item:nth-of-type(2) {
	justify-self: start;
	align-self: center;
}
.diagram-wrapper .item:nth-of-type(3) {
	justify-self: end;
	align-self: end;
}
.diagram-wrapper .item:nth-of-type(4),
.diagram-wrapper .item:nth-of-type(5) {
	justify-self: center;
	align-self: center;
}
.diagram-wrapper .item:nth-of-type(6) {
	justify-self: start;
	align-self: start;
}
.diagram-wrapper .item:nth-of-type(7) {
	align-self: center;	
	justify-self: end;
}
.diagram-wrapper .item:nth-of-type(8) {
	justify-self: start;
	align-self: end;
}
.diagram .top-container {
	position: relative;
	width: 100%;
	display: block;
	text-align: center;
}
.diagram .top-container .title,
.diagram .top-container .h3 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.diagram .top-container .note {
	font-size: 20px;
	margin: 0 auto;
	text-align: center;
}

/*Блок 8. Целевая аудитория*/
.ta {
	color: var(--b1);
}
.ta .wrapper {
	display: flex;
}
.ta .wrapper .left {
	padding-right: 110px;
}
.ta .wrapper .left-container .note {
	margin: 0px 0;
	padding: 0;
}
.ta .wrapper .left {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 20px;
	line-height: 1.5;
	transition: .0s;
}
.ta .wrapper .left .h3 {
	margin-bottom: 30px;
}
.ta .wrapper .left>p {
	margin: 0 0 30px;
	flex: 0 0 auto;
	max-width: 100%;
	height: max-content;
}
.ta .wrapper .left>p:last-of-type {
	margin: auto 0 0;

}
.ta .wrapper .left-container .title {
	color: var(--b1);
	margin: 0px 0 60px 0;
}
.wrapper .left-container .note {
	margin-bottom: 20px;
}
.ta .wrapper .left-container img {
	margin-top: 250px;
	height: 400px;
	max-width: calc(100% - 50px);
}
.ta .wrapper .left-container p:not(.title,.note) {
	font-size: 20px;
	line-height: 1.5;
	color: var(--b1);
	text-align: left;
	margin: 20px 0;
}

.wrapper .points-wrapper {
	padding: 0;
	width: 50%;
	position: relative;
	margin-top: 50px;
}

.points-wrapper .item {
	display: block;
	width: 100%;
	position: relative;
	border-radius: 0;
	cursor: pointer;
	background-color: transparent;
	border: 0;
	border-bottom: solid 1px transparent;
	border-bottom-color: var(--g3);
	transition: background-color .2s, border-radius .2s, border-color .2s;
	overflow: hidden;
		
}
.points-wrapper .item:not(.active):hover {
	background-color: var(--w2);
	border-radius: 20px;
	border-color: transparent;
}
.points-wrapper .item .title {
	display: block;
	position: relative;
	font-size: 26px;
	text-align: center;
	padding: 25px;
	color: var(--b1);
	transition: background-color .2s, color .2s, border-radius .2s;
	
}
.points-wrapper .item .title::after {
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 35px;
	right: 30px;
	background: url("../img/block_target_audience_arrow_down.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	transition: transform .2s,filter .2s;
}
.points-wrapper .item .title img {
	display: block;
	position: absolute;
	left: 30px;
	top: 25px;
	width: 40px;
	height: 40px;
	text-align: center;
	object-fit: contain;
	object-position: 50% 50%;
	transition: filter .2s;
}

.points-wrapper .item .desc {
	width: 100%;
	max-height: 0;
	overflow: hidden;
	padding: 0 30px;
	text-align: center;
	font-size: 20px;
	color: var(--b1);
	transition: max-height .3s, padding .2s ease-in;
	background-color: var(--w2);
}
.points-wrapper .item.active {
	border-radius: 20px;
	border-color: transparent;
}
.points-wrapper .item:has(+ .item.active),
.points-wrapper .item:has(+ .item:hover) {
	border-color: transparent;
}
.points-wrapper .item.active .title {
	background-color: var(--blue2);
	color: var(--w1);
}
.points-wrapper .item.active .title::after {
	filter: invert(1) brightness(1.3);
	transform: rotateZ(180deg);
}
.points-wrapper .item.active .title img {
	filter: invert(1);
}
.points-wrapper .item.active .desc {
	padding: 45px 30px;
	max-height: 600px;
	
}

/*Блок 9. Калькулятор */
.calc {
	padding: 115px 0;
	background: var(--w2);
	color: var(--b1);
}
.calc .wrapper {
	display: flex;
}
.calc .wrapper .left { 
	display: flex;
	flex-direction: column;
	padding-right: 90px;
}
.calc .wrapper .left .h3 {
	max-width: 600px;
}
.calc .wrapper .left>p:last-of-type {
	margin: auto 0 0;

}
.computations-wrapper {
	width: 100%;
	background: var(--w1);
	border-radius: 26px;
	padding: 80px 55px;
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 20px;
	grid-template-columns: 0.75fr 1fr;
	grid-template-rows: min-content;
	height: min-content;
	flex-shrink: 0;
	max-width: 900px;
}
.computations-wrapper .controls {
	position: relative;
}
.computations-wrapper .controls .button-wrapper {
	border-radius: 50px;
	background: var(--g4);
	width: max-content;
	padding: 5px 0px;
	font-weight: var(--fN);
	position: relative;
	height: 70px;
	margin-top: 10px;
	font-size: 0;
}
.computations-wrapper .controls .button-wrapper>input {
	display: none;
}
.computations-wrapper .controls .button-wrapper>input:checked+label {
	background: var(--w1);
	border-radius: 50px;
}
.computations-wrapper .controls .control-title {
	margin: 25px 0 25px 0;
	font-size: 23px;
	line-height: 1.3;
	color: var(--b3);
}
.computations-wrapper .controls .button-wrapper>label {
	width: auto;
	padding: 0 15px;
	min-width: 60px;
	height: 60px;
	margin: 0 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	border-radius: 50px;
	background: transparent;
	transition: background-color .2s;
}
.computations-wrapper .controls .button-wrapper .tooltip {
	position: absolute;
	right: -60px;
	top: 5px;
	z-index: 1;
	height: 100%;
	font-size: 20px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;	
	text-align: center;
}

.computations-wrapper .title {
	grid-column: 1/-1;
	height: min-content;
	align-self: center;
	margin: 0;
	font-size: 36px;
	line-height: 1.15;
	color: var(--b1);
}
.computations-wrapper .results {
	background: var(--w2);
	border-radius: 20px;
	padding: 40px;
	height: min-content;
	position: relative;
}
.computations-wrapper .results::after {
	content: '';
	width: 75px;
	height: 75px;
	background: url('../img/block_decor_1.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	display: block;
	right: -75px;
	top: -65px;
	position: absolute;
}

.computations-wrapper .results .top {
	border-bottom: solid 1px var(--g3);
}
.computations-wrapper .results .top .title {
	font-weight: var(--fS);
	font-size: 26px;
	margin: 0;
	margin-bottom: 10px;
}
.computations-wrapper .results .top p:not(.title) {
	font-size: 18px;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	color: var(--b3);
}
.computations-wrapper .results  .calcs {
	padding: 30px 0;
	border-bottom: solid 1px var(--g3);
}
.computations-wrapper .results .calcs>p {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	width: 100%;
}
.computations-wrapper .results .calcs .desc {
	justify-self: start;
	text-align: left;
}
.computations-wrapper .results .calcs  .variable{
	font-weight: var(--fS);
	justify-self: end;
	text-align: right;
}
.computations-wrapper .results .bottom {
	padding: 20px 0 0 0;
}
.computations-wrapper .results .bottom .text {
	font-size: 22px;
	font-weight: var(--fS);
	vertical-align: baseline;
	margin-right: 15px;
}
.computations-wrapper .results .bottom .final-result {
	font-weight: var(--fS);
	font-size: 50px;
	margin: 0 5px;
}
.computations-wrapper .results .bottom .tooltip {
	display: inline-block;
	vertical-align: baseline;
	line-height: 120%;
}
.computations-wrapper .results .bottom .tooltip>span {
	display: block;
	font-size: 18px;
	margin: 0;
}

/*Блок 10. Малый блок "Заказать звонок" */
.call {
	padding: 80px 0;
	z-index: 1;
}

.call .wrapper {
	display: flex;
	justify-content: space-between;
}
.call .left .h3  {
	font-weight: var(--fM);
	line-height: 1.1;
	margin: 0 0 30px;
}
.call .wrapper .right {
	text-align: right;
	display: flex;
	flex-direction: column;
}
.wrapper .left p {
	font-size: var(--pSize);
	max-width: 600px;
}
.call .wrapper .right p {
	
	font-size: var(--pSize);
}
.call .wrapper .right .phone {
	font-size: 44px;
	font-weight: var(--fM);
	line-height: 1.5;
	color: inherit;
}
.call .wrapper .right .button {
	background: var(--green1);
	width: max-content;
	margin: auto 0 0 auto;
	font-size: 20px;
	line-height: 1;
	border-radius: 35px;
	text-align: center;
	cursor: pointer;
	padding: 20px 40px;
	transition: var(--tr-1);
}
.call .wrapper .right .button:hover {
	background: var(--orange2);
}
.call::before {
	content: '';
	width: 100%;
	position: absolute;
	background: url('/uploadedFiles/images/small_block_call_img.png') center no-repeat;
	background-size: 22% auto;
	background-position: calc(50% + 100px) 50%;
	height: calc(100% + 60px);
	top: 50%;
	transform: translateY(-50%);
}
.call .wrapper .phone .button:hover,
.solutions .wrapper .left .button:hover {
	background: var(--orange2);
	
}

/*Блок 11. Тарифы*/
.tariffs {
	color: var(--b1);
	background: var(--w1);
}
.tariffs-content {
	display: flex;
	padding: 0;
	margin: 50px 0 0;
	justify-content:space-between;
}
.tariffs-content.hidden {
	display: none;
}
.tariffs-content .item {
	width: 490px;
	border-radius: 20px; 
	background: var(--w2);
	padding: 42px;
	position: relative;
	max-width: 500px;
	margin: 0 auto;
	text-align: left;
}
.tariffs-content .item .image {
	background: var(--w1);
	border-radius: 100%;
	width: 87px;
	height: 87px;
	object-fit: contain;
	object-position: 50% 50%;
	text-align: center;
	position: relative;
	box-shadow: 0px 25px 45px 0px rgba(222, 227, 235, 1);
}
.tariffs-content .item .image::after {
	content: '-20%';
	right: -16px;
	top: -16px;
	background: url('../img/block_tariffs_discount.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	width: 46px;
	height: 46px;
	position: absolute;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--w1);
	font-size: 15px;
	text-align: center;
	
}
.tariffs-content .item .image img {
	width: 42px;
	height: 42px;
	object-fit: contain;
	object-position: 50% 50%;
	position: absolute;
	display: block;
	top: calc(50% - 21px);
	left: calc(50% - 21px);
}
.tariffs-content .item .profit-tooltip {
	position: absolute;
	background: var(--green2);
	color: var(--w1);
	right: 45px;
	top: 40px;
	border-radius: 19px;
	font-size: 18px;
	font-weight: var(--fS);
	padding: 5px 20px;
}
.tariffs-content .item .title {
	font-weight: var(--fS);
	color: var(--b1);
	margin: 25px 0 0 0;
	font-size: 26px;
	display: block;
}
.tariffs-content .item .short-desc {
	color: var(--b3);
	font-size: 19px;
	line-height: 1.5;
	margin: 0;
	padding-bottom: 30px;
}
.tariffs-content .item .price-container {
	border-top: solid 1px var(--g5);
	padding-top: 35px;
	vertical-align: top;
	display: flex;
	justify-content: space-between;
}
.tariffs-content .item .price-container .original-price {
	color: var(--b3);
	font-size: 16px;
	max-width: 250px;
	width: max-content;
	margin-top: 10px;
	line-height: 1.4;
}
.tariffs-content .item .price-container .original-price span {
	width: max-content;
	display: block;
}
.tariffs-content .item .price-container .original-price .price {
	text-decoration:line-through;
	display: block;
	font-weight: var(--fM);
}
.tariffs-content .item .price-container  .current-price {
	display: inline-block;
	width: 70%;
	align-self: end;
	color: var(--b1);
	font-size: 18px;
	text-align: right;
	line-height: 1.2;
}
.tariffs-content .item .price-container  .current-price .price {
	font-size: 50px;
	font-weight: var(--fS);
	margin: 0 15px;
}
.tariffs-content .item .price-container  .current-price p {
	width: max-content;
	display: inline-block;
	text-align: left;
}
.tariffs-content .item .price-container  .current-price .timeline{
	color: var(--g2);
	display: block;
}
.tariffs .slick-slide {
	margin: 0 25px;
	text-align: center;
}
.tariffs .slick-arrow {
	background: var(--green3);
	z-index: 20;
	transition: all .3s ease-out;
	opacity: .5;
	width: 40px;
	height: 40px;
}
.tariffs .slick-arrow.slick-disabled {
	filter: saturate(0);
}
.tariffs .slick-arrow:not(.slick-disabled):hover {
	background: var(--orange2);
	opacity: 1;
}
.tariffs .slick-arrow::before {
	filter: brightness(0) invert(1);
	background-size: 50%;
	background-position: center center;
}
.tariffs .slick-arrow.slick-prev {
	left: -10px;
}
.tariffs .slick-arrow.slick-next {
	right: -10px;
}	

/*Блок 12. Преимущества */
.upsides {
	color: var(--b1);
	background: var(--w2);
}
.upsides .wrapper {
	display: flex;

}
.upsides .left {
	position: relative;
}
.upsides .left .tooltip {
	position: absolute;
	top: 25px;
	left: calc(100% + 0px);
	color: var(--g1);
	font-size: 19px;
	line-height: 1.5;
	z-index: 2;
	width: max-content;
	max-width: unset;
}
.upsides .items-wrapper {
	display: grid;
	width: 100%;
	grid-gap: 40px;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows: repeat(3,min-content);
	padding-top: 130px;
	position: relative;
}
.upsides .items-wrapper::after {
	content: '';
	width: 75px;
	height: 75px;
	background: url('../img/block_decor_1.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	display: block;
	right: -85px;
	top: 50px;
	position: absolute;
}
.upsides .items-wrapper .item {
	border-radius: 20px;
	background: var(--w1);
	padding: 45px 25px 45px 45px;
}
.upsides .items-wrapper .item img {
	width: 80px;
	height: 80px;
	object-fit: contain;
	object-position: 50% 50%;
}
.upsides .items-wrapper .item .title {
	font-size: 26px;
	color: var(--b1);
	font-weight: var(--fS);
	margin: 30px 0 10px 0;
	line-height: 1.3;
}
.upsides .items-wrapper .item .desc {
	color: var(--b3);
	font-size: 19px;
	line-height: 1.5;
}
.upsides .left {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 20px;
	line-height: 1.5;
	transition: .0s;
	max-width: 500px;
	padding-right: 100px;
}
.upsides .left .h3 {
	margin: 0 0 30px;
}
.upsides .left > p {
	margin: 0 0 30px;
	flex: 0 0 auto;
	max-width: 100%;
	height: max-content;
}
.upsides .left > p:last-of-type {
	margin: auto 0 0;
}

/*Блок 13. Примеры наших работ*/

.examples {	
	color: var(--b1);
	background: var(--w1);
	padding-bottom: 0;
}
.examples .wrapper .top-container {
	grid-template-columns: 800px 1fr;
}
.examples .top-container .text {
	text-align: left;
	display: none;
	grid-row: unset;
	justify-self: start;
	align-self: center;
}
.examples .top-container .text.active {
	display: block;
}
.examples .slider-wrapper {
	--ext: 335px;
	min-height: 750px;
	position: relative;
	width: calc(100% + var(--ext));
	left: -60px;
	overflow: hidden;
	padding-top: 70px;
	mask: linear-gradient(90deg, transparent 0, var(--w1) 60px, var(--w1) 100%);
}
.examples .slider-wrapper::before{
	position: absolute;
	display: block;
	content: '';
	width: var(--ext);
	height: 100%;
	z-index: 200;
	top: 50%;
	right: -40px;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	transform: translateY(-50%);
	mask: linear-gradient(90deg, transparent 0, var(--w1) 15%, var(--w1) 85%,transparent);
}
.examples .slider-content {
	position: relative;
	left: 60px;
}
.examples .slider-wrapper.hidden {
	overflow: hidden;
	width: 0;
	padding: 0;
	display: none;
}
.examples  .slider-content .img-wrapper {	
	object-fit: cover;
	object-position: 50% 50%;
	border-radius: 20px;
	background: var(--orange1);
	width: 335px;
	height: 535px;
	overflow: hidden;
	box-shadow: 0px 25px 45px 0px rgba(222, 227, 235, 1);
}
.examples .slider-content .slick-list {
	overflow: visible;
}
.examples .slider-content .slide {
	
}
.examples .slider-content .slick-slide {
	width: 335px;
	margin-right: 60px;
}
.examples .slider-wrapper .next,
.examples .slider-wrapper .prev 
 {
	background: var(--green2) url('../img/block_examples_arrow_next.png');
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: 50% 50%;
	color: var(--w1);
	position: absolute;
	right: calc(var(--ext) - 60px);
	top: calc(50% - 50px);
	width: 105px;
	height: 105px;
	z-index: 1000;
	transition:  background-color .3s;
}
.examples .slider-wrapper .prev {
	background-image: url('../img/block_examples_arrow_next.png');
	left: 60px;
	right: unset;
	transform: rotate(180deg);
	z-index: 1000;
} 
.examples .slider-wrapper .slick-arrow:hover {
	background-color: var(--orange2);
}
.examples .slider-content .img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 00%;
	margin: 0 auto;
	
}
/*
.examples .slider-content .img-wrapper img {
    transition: object-position 0.5s;

} 
.examples .slider-content .img-wrapper:hover img {
    object-position: 50% 100%;
    transition: object-position 15s .5s linear;    
}*/


/*Блок 14. Нам доверяют */
.trust {
	background: var(--w2);
	color: var(--b1);
}
.note.bottom {
	font-size: 19px;
	line-height: 1.5;
	color: var(--b3);
	display: block;
	width: 100%;
	margin: 20px auto;
	text-align: center;
	margin-top: 80px;
}
.trust .slider-wrapper {
	margin: 0;
	margin-top: 65px;
	min-height: 135px;
}
.trust .slider-wrapper.pn-1 {
	transform: translateX(-115px);
	will-change: transform;
}
.trust .slider-wrapper.pn-2 {
	transform: translateX(85px);
	will-change: transform;
}
	
.trust .slider-wra1pper .slider-content {
	display: grid;
	grid-template-columns: repeat(7,1fr);
	grid-column-gap: 85px;
	grid-row-gap: 45px;
	
}
.trust .slider-wrapper .slider-content .slick-slide {
	width: 233px;
	will-change: transform;
	margin-right: 85px;
}

.trust .img-wrapper {
	background: var(--w1);
	width: 233px;
	padding: 20px 40px;
	height: 107px;
	max-height: 107px;
	border-radius: 54px;
	box-shadow: 0px 25px 45px 0px rgba(222, 227, 235,1);
	text-align: center;
	position: relative;
	max-width: 100%;
	will-change: transform;
}
.trust .img-wrapper img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	will-change: transform;
	max-height: 100%;
	width: max-content;
	position: relative;
	max-width: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.trust .slide {
	position: relative;
}
.trust .slide::after {
	content: '';
	position: absolute;
	display: block;
	width: 35px;
	height: 35px;
	right: -60px;
	top: calc(50% - 17px);
	background: url('../img/decor-star-4.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

.trust.container {
	padding-bottom: 120px;
	position: relative;
}
.trust .top-container .note.bottom {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}
.trust .wrapper {
	position: static;
}

/*
.trust .slick-slide:not(.slick-cloned):nth-of-type(1) .img-wrapper::after,
.trust .slick-slide:not(.slick-cloned):nth-of-type(4n) .img-wrapper::after {
	background-image: url('../img/decor-star-3.png');	
}
.trust .slick-slide:not(.slick-cloned):nth-of-type(2) .img-wrapper::after,
.trust .slick-slide:not(.slick-cloned):nth-of-type(4n+1) .img-wrapper::after {
	background-image: url('../img/decor-star-2.png');	
}
.trust .slick-slide:not(.slick-cloned):nth-of-type(3) .img-wrapper::after,
.trust .slick-slide:not(.slick-cloned):nth-of-type(4n+2) .img-wrapper::after {
	background-image: url('../img/decor-star-1.png');
}
*/

/*pn-1*/
.trust .pn-1 .slide[data-id="1"]::after,
.trust .pn-1 .slide[data-id="5"]::after,
.trust .pn-1 .slide[data-id="9"]::after,
.trust .pn-1 .slide[data-id="13"]::after,
.trust .pn-1 .slide[data-id="17"]::after,
.trust .pn-1 .slide[data-id="21"]::after,
.trust .pn-1 .slide[data-id="25"]::after,
.trust .pn-1 .slide[data-id="29"]::after,
.trust .pn-1 .slide[data-id="33"]::after {
	background-image: url('../img/decor-star-3.png');
	
}
.trust .pn-1 .slide[data-id="2"]::after,
.trust .pn-1 .slide[data-id="6"]::after,
.trust .pn-1 .slide[data-id="10"]::after,
.trust .pn-1 .slide[data-id="14"]::after,
.trust .pn-1 .slide[data-id="18"]::after,
.trust .pn-1 .slide[data-id="22"]::after,
.trust .pn-1 .slide[data-id="26"]::after,
.trust .pn-1 .slide[data-id="30"]::after,
.trust .pn-1 .slide[data-id="34"]::after {
	background-image: url('../img/decor-star-2.png');
	
}
.trust .pn-1 .slide[data-id="3"]::after,
.trust .pn-1 .slide[data-id="7"]::after,
.trust .pn-1 .slide[data-id="11"]::after,
.trust .pn-1 .slide[data-id="15"]::after,
.trust .pn-1 .slide[data-id="19"]::after,
.trust .pn-1 .slide[data-id="23"]::after,
.trust .pn-1 .slide[data-id="27"]::after,
.trust .pn-1 .slide[data-id="31"]::after,
.trust .pn-1 .slide[data-id="35"]::after {
	background-image: url('../img/decor-star-1.png');
	
}


/*
.trust .pn-2 .img-wrapper::after {
	background-image: url('../img/decor-star-2.png');
}
.trust .pn-2 .slick-slide:not(.slick-cloned):nth-of-type(1) .img-wrapper::after,
.trust .pn-2 .slick-slide:not(.slick-cloned):nth-of-type(4n) .img-wrapper::after {
	background-image: url('../img/decor-star-1.png');
}
.trust .pn-2 .slick-slide:not(.slick-cloned):nth-of-type(2) .img-wrapper::after,
.trust .pn-2 .slick-slide:not(.slick-cloned):nth-of-type(4n+1) .img-wrapper::after {
	background-image: url('../img/decor-star-4.png');	
}
.trust .pn-2 .slick-slide:not(.slick-cloned):nth-of-type(3) .img-wrapper::after,
.trust .pn-2 .slick-slide:not(.slick-cloned):nth-of-type(4n+2) .img-wrapper::after {
	background-image: url('../img/decor-star-3.png');
}*/
/*pn-2*/
.trust .pn-2 .slide::after {
	background-image: url('../img/decor-star-2.png');
	
}
.trust .pn-2 .slide[data-id="1"]::after,
.trust .pn-2 .slide[data-id="5"]::after,
.trust .pn-2 .slide[data-id="9"]::after,
.trust .pn-2 .slide[data-id="13"]::after,
.trust .pn-2 .slide[data-id="17"]::after,
.trust .pn-2 .slide[data-id="21"]::after,
.trust .pn-2 .slide[data-id="25"]::after,
.trust .pn-2 .slide[data-id="29"]::after,
.trust .pn-2 .slide[data-id="33"]::after {
	background-image: url('../img/decor-star-1.png');
	
}
.trust .pn-2 .slide[data-id="2"]::after,
.trust .pn-2 .slide[data-id="6"]::after,
.trust .pn-2 .slide[data-id="10"]::after,
.trust .pn-2 .slide[data-id="14"]::after,
.trust .pn-2 .slide[data-id="18"]::after,
.trust .pn-2 .slide[data-id="22"]::after,
.trust .pn-2 .slide[data-id="26"]::after,
.trust .pn-2 .slide[data-id="30"]::after,
.trust .pn-2 .slide[data-id="34"]::after {
	background-image: url('../img/decor-star-4.png');
	
}
.trust .pn-2 .slide[data-id="3"]::after,
.trust .pn-2 .slide[data-id="7"]::after,
.trust .pn-2 .slide[data-id="11"]::after,
.trust .pn-2 .slide[data-id="15"]::after,
.trust .pn-2 .slide[data-id="19"]::after,
.trust .pn-2 .slide[data-id="23"]::after,
.trust .pn-2 .slide[data-id="27"]::after,
.trust .pn-2 .slide[data-id="31"]::after,
.trust .pn-2 .slide[data-id="35"]::after {
	background-image: url('../img/decor-star-3.png');
	
}




.trust .slide:nth-of-type(n+8) {
	transform: translateX(-200px);
	
}
.trust .slick-list {
	overflow: visible;
	will-change: transform;
}


/*Блок 15. Отлаженное взаимодействие */
.timetable {
	color: var(--b1);
	background: var(--w1);
}
.timetable .top-container.tabs .title {
	grid-row: auto;
	max-width: 540px;
}
.timetable .top-container.tabs .controls {
	grid-row: 2;
}
.timetable .top-container.tabs .text {
	grid-row: auto;
	display: none;
}
.timetable .top-container.tabs .text.active {
	display: block;
}
	
.timetable .timetable-content {
	display: flex;
	justify-content: space-between;
	padding: 0px 0;
	margin: 50px 0 0;
}
.timetable-content .item {
	border-radius: 20px;
	background: var(--w2);
	padding: 35px 0 0 35px;
	width: 275px;
	height: 340px;
	overflow: hidden;
	position: relative;
}
.timetable-content .item .title {
	display: block;
	font-size: 24px;
	line-height: 1.2;
	color: var(--b1);
	padding-right: 65px;
	font-weight: var(--fS);
}
.timetable-content .item .tt-id {
	position: absolute;
	width: 33px;
	height: 33px;
	font-weight: var(--fM);
	background: var(--w1);
	color: var(--b1);
	font-size: 16px;
	line-height: 1;
	text-align: center;
	border-radius: 50%;
	right: 25px;
	top: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.timetable-content .item .img-wrapper {
	position: absolute;
	bottom: -10px;
	width: 100%;
	max-height: 230px;
	left: 40px;
	text-align: center;
}
.timetable-content .tt-item .img-wrapper img {
	
}
.timetable-content .slick-slide {
	margin-right: 1vw;
	margin-left: 1vw;
	width: 275px;
	max-width: 400px;
}
.timetable-content  .slick-arrow {
	background: var(--green2);
	transition: all .3s;
}
.timetable-content  .slick-arrow.slick-disabled,
.timetable-content  .slick-arrow.slick-disabled:hover {
	background: var(--g1);
}
.timetable-content  .slick-arrow:hover {
	background: var(--orange2);
}
.timetable-content  .slick-arrow::before {
	filter: brightness(0) invert(1);
}
.timetable-content .slick-prev {
	left: -5px;
}
.timetable-content .slick-next {
	right: -5px;
}
/*Блок 16. Малый блок презентация*/
.presentation .wrapper {
	display: flex;
}
.presentation .wrapper .left {
	max-width: 707px;
}
.presentation .wrapper .left .h3 {
	margin: 0 0 60px;
}
.presentation::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('/img/block_presentation_cover.png') no-repeat;
	background-size: auto 90%;
	background-position: 107% 50%;
}
.presentation .links-container {
	padding: 0px 0 0px 100px;
	width: 700px;
	display: flex;
	flex-direction: column;
	align-items: start;
}
.presentation .links-container .button a {
	color: var(--w1);
	text-align: left;
	padding: 23px 30px 22px 80px;
	border: solid 1px var(--w1);
	background: transparent;
	backdrop-filter: blur(10px);
	border-radius: 35px;
	font-size: 21px;
	width: max-content;
	display: block;
	margin: 11px 0;
	transition: color .2s ease-out, background-color .2s ease-in;
	font-weight: var(--fM);
	position: relative;
	line-height: 1;
}
.links-container .button a::before, 
.links-container .button a::after {
	left: 30px;
}
.presentation .links-container .button a:hover {
	background: var(--w1);
	color: var(--blue2);
}
.presentation .links-container .button .btn-icon {
	background: var(--w1);
	position: relative;
	transition: background-color .2s ease-in;
	margin-right: 15px;
}

.presentation .links-container  .button:hover .btn-icon {
	background-color: transparent;
}
.presentation .links-container .button .btn-icon.download {
	background-image: url('../img/header-btn-download.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.presentation  .links-container .button .btn-icon.play {
	background-image: url('../img/header-btn-play.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.presentation .links-container .text {
	font-size: 20px;
	color: var(--w1);
	line-height: 1.5;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 30px 0;
	height: 32px;
	padding-right: 23px;
}
.small.presentation .img-container {
	right: -17%;
	bottom: -25%;
	z-index: -1;
}
.presentation .img-container p {
	width: inherit;
	height: inherit;

}
.presentation .img-container img {
	width: 100%;
	height: 100%;
	max-height: 400px;
	object-fit: contain;
	object-position: 50% 50%;
}

/*Блок 18. Профессионалы */

.pros {
	background: var(--w1);
	color: var(--b1);
	padding-top: 100px;
}
.pros .wrapper {
	display: flex;
}
.pros .left {
	width: 100%;
	max-width: 667px;
}
.pros .left-container .note {
	margin-bottom: 35px;	
}
.pros .left-container .title {
	margin: 0 0 35px;
}
.pros .left .text {
	margin: 0px 0 35px;
	overflow: hidden;
	padding: 0px 50px 0px 0;
}
.pros .left .text p{
	margin: 25px 0;
}
.points-container {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 75px;
	vertical-align: baseline;
	margin: 0;
	margin-top: 80px;
}
.points-container .item {

}

.points-container .item img {
	display: inline;
	max-height: 60px;
	max-width: 60px;
	vertical-align: baseline;
	width: min-content;
}
.points-container .item p {
	margin-top: 20px;
	font-size: 22px;
	line-height: 1.4;
	color: var(--b1);
	padding-right: 40px;
	font-weight: var(--fS);
}
.pros-points {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(2,1fr);
	grid-template-rows: repeat(3,min-content);
	position: relative;
	margin-top: 0px;
}
.pros-points::after {
	content: '';
	width: 75px;
	height: 75px;
	background: url('../img/block_decor_2.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	display: block;
	right: -85px;
	top: -85px;
	position: absolute;
}
.pros-points .item {
	background: var(--w2);
	border-radius: 20px;
	padding: 47px 40px 47px 43px;
	position: relative;
}
.pros-points .item img {
	width: 80px;
	height: 80px;
	object-fit: contain;
	object-position: 50% 50%;
	margin-bottom: 10px;
}
.pros-points .item .title {
	font-size: 26px;
	line-height: 1.2;
	color: var(--b1);
	margin: 20px 0;
	font-weight: var(--fS);
}
.pros-points .item .desc {
	font-size: 19px;
	color: var(--b3);
	line-height: 1.5;
}

/*Блок 19 Достижения */
.achievements {
	background: var(--w2);
	color: var(--b1);
}
.achievements .top-container {
	grid-template-columns: 1fr 1fr;
}
.achievements .top-container ul {
	display: grid;
	width: max-content;
	justify-self: end;
	grid-template-columns: 1fr 1fr;
	justify-content: end;
	row-gap: 5px;
}
.achievements .top-container ul li {
	margin-right: 20px;
	font-size: 18px;
	line-height: 1.5;
	display: inline-flex;
	align-items: center;
	color: var(--g2);
}
.achievements .top-container ul li::before {
	content: '';
	width: 36px;
	height: 36px;
	display: inline-block;
	background: var(--w1) url('../img/checkmark.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 18px;
	margin: 0 25px;
	vertical-align: middle;
	border-radius: 41px;
	box-shadow: 0px 25px 45px 0px rgba(222, 227, 235,1);
}
.achievements .bot-container {
	display: grid;
	margin-top: 80px;
	grid-template-columns: 1fr max-content;
	grid-gap: 40px;
}
.rating-container {
	width: 100%;
	margin-right: 0px;
	text-align: center;
}
.rating-container .item {
	margin-right: 30px;
	width: max-content;
	max-width: 285px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	
}
.rating-container .item img {
	max-height: 180px;
	max-width: 180px;
	
}
.rating-container .item p {
	font-size: 26px;
	line-height: 1.3;
	font-weight: var(--fM);
	text-align: left;
	margin-top: 55px;
}
.rating-container .item p a {
	color: var(--blue1);
	transition: all .3s;
}
.rating-container .item p a:hover {
	color: var(--orange1);
}
.achievements .extra-container {
	align-self: start;
	justify-self: end;
	max-width: 460px;
	padding: 45px 50px;
	position: relative;
	border-radius: 20px;
	background: var(--w1);
}
.achievements .extra-container::after {
	content: '';
	width: 60px;
	height: 60px;
	background: url('../img/block_decor_3.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	display: block;
	right: 40px;
	top: -15px;
	position: absolute;
}
.achievements .extra-container .h3,
.achievements .extra-container .title {
	font-size: 26px;
	line-height: 1.3;
	color: var(--b1);
	font-weight: var(--fS);
	max-width: 330px;
	margin: 0 0 10px;
	text-align: left;
}
.achievements .extra-container p {
	font-size: 19px;
	line-height: 1.5 ;
	color: var(--b3);
}

/* Блок 20. Числа */
.numbers {
	width: 1600px;
	max-width: 100%;
	margin: 0 auto;
	display: grid;
	grid-gap: 42px;
	grid-template-columns: 1fr 0.30fr 1fr;
	grid-template-rows: repeat(2,min-content);
	font-weight: var(--fN);
	padding: 80px 20px;
	color: var(--b1);
}
.numbers .item {
	border-radius: 20px;
	padding: 40px;
	color: var(--w1);
	position: relative;
}
.numbers .item.experience {
	background: var(--blue1);
	grid-column: 1/2;
}
.numbers .item.improvement {
	background: var(--green3);
	grid-column: 2/4;
}
.numbers .item.honesty {
	background: var(--orange2);
	grid-column: 1/3;
}
.numbers .item.automation {
	background: var(--b4);
	grid-column: 3/4;
}
.numbers .item .title {
	font-size: 26px;
	font-weight: var(--fS);
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 15px;
	color: inherit;
}
.numbers .item .text-large {
	color: inherit;
	font-size: 80px;
	line-height: 1;
	display: block;
	font-weight: var(--fS);
	margin: 15px 0;
}
.numbers .item p {
	font-size: 19px;
	line-height: 1.5;
	color: inherit;
	margin: 20px 0;
}
.numbers .item img {
	float: right;
	margin-bottom: -30px;
	margin-right: -40px;

}
.numbers .item.experience {
	min-height: 500px;
}
.numbers .item.experience img {
	position: absolute;
	right: -10px;
	bottom: -10px;
	margin: 0;
}
.numbers .item.improvement>p:not(.title) {
	padding-right: 190px;
	
}
.numbers .item.honesty p:not(.title) {
	padding-right: 215px;
}
.numbers .item.honesty img {
	margin-top: unset;
}
.numbers .item .bn-item {
	display: inline-block;
	margin-right: 60px;
	margin-bottom: 30px;
}
.numbers .item .bn-item:last-of-type {
	margin-bottom: 0;
}
.numbers .item .bn-item .text-large {
	margin-top: 0;
	margin-bottom: 10px;
}
.numbers .item .bn-item p:not(.text-large) {
	margin: 0;
}

/*Блок 21. Решения*/
.solutions {
	padding: 0;
	padding-bottom: 80px;
	--gap: 30px;
	color: var(--b1);
	background: var(--w1);
}
.solutions .solutions-content {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: 640px repeat(2,1fr);
	grid-template-rows: min-content;
}
.solutions .left {
	max-width: calc(670px - var(--gap));
	width: 100%;
	margin-right: var(--gap);
	background: var(--w2);
	border-radius: 0 20px 20px 0;
	padding: 80px 0;
	position: relative;
	grid-row: 1/3;
	min-height: unset;
}
.solutions .left::before{
	content: '';
	width: 100%;
	height: 100%;
	background: inherit;
	display: block;
	position: absolute;
	left: calc(-100%);
	z-index: -1;
	top: 0;
}

.solutions .button {
	font-size: 21px;
	line-height: 1;
	font-weight: var(--fM);
	border-radius: 35px;
	padding: 24px 30px;
	color: var(--w1);
	text-align: center;
	width: max-content;
	background: var(--green3);
	margin: 20px 0;
	user-select: none;
	cursor: pointer;
	margin: 60px 0 0;
	transition: all .3s;
}

.solutions-content .item {
	border-radius: 20px;
	color: var(--w1);
	padding: 42px;
	overflow: hidden;
	position: relative;
}
.solutions-content .item:nth-of-type(2) {
	background-color: var(--green3);
}
.solutions-content .item:nth-of-type(3) {
	background-color: var(--blue1);
}
.solutions-content .item:nth-of-type(4) {
	background-color: var(--orange2);
}
.solutions-content .item:nth-of-type(5) {
	background-color: var(--b4);
}
.solutions-content .item .title {
	font-weight: var(--fS);
	font-size: 26px;
	line-height: 1.3;
	max-width: 195px;
	z-index: 1;
	position: relative;
}
.solutions-content .item .desc {
	margin-top: 30px;
	max-width: 150px;
	font-size: 19px;
	line-height: 1.5;
	position: relative;
	z-index: 1;
}
.solutions-content .item img {
	position: absolute;
	object-fit: contain;
	object-position: 50% 50%;
	height: 200px;
	z-index: 0;
}

.solutions-content .item:nth-of-type(2) img {
	right: -5%;
	bottom: -8%;
}
.solutions-content .item:nth-of-type(3) img {
	right: -5%;
	bottom: -8%;

}
.solutions-content .item:nth-of-type(4) img {
	bottom: -7%;
	right: -12%;
}
.solutions-content .item:nth-of-type(5) img {
	height: 220px;
	bottom: -11%;
	right: -12%;
}


/*Блок 22. CRM*/

.crm {
	padding: 80px 0;
	background: var(--w2);
	color: var(--b1);
}
.crm .wrapper {
	display: flex;
	background: url('/img/CRM-1.png') no-repeat;
	background-position: 0 100%;
}
.crm .wrapper .h3 {
	width: 667px;
	text-align: left;
	flex: 0 0 auto;
	font-weight: var(--fM);
	max-width: 100%;
}

.crm-content {
	border-radius: 26px;
	width: 100%;
	background: var(--w1);
	padding: 75px 5px;
	height: min-content;
	max-width: 800px;
}
.crm-content .title {
	margin: 20px 50px; 
	width: calc(100% - 100px);
	font-size: 36px;
	line-height: 1.15;
	color: var(--b1);
	font-weight: var(--fS);
}
.crm-content .img-wrapper {
	width: 100%;
	margin-left: -10px;
	margin-top: 50px;
	position: relative;
}
.crm-content .img-wrapper::after {
	content: '';
	width: 75px;
	height: 75px;
	background: url('../img/block_decor_4.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	display: block;
	right: -35px;
	top: -75px;
	position: absolute;
}
.crm-content .img-wrapper img {
	width: 100%;
}

/*Блок 24. Диаграмма*/
.diagram.container.fair {
	background: var(--w1);

}
.diagram.fair .wrapper .diagram-wrapper {
	grid-template-columns: repeat(3,1fr) 3fr repeat(3,1fr);
	grid-template-rows: 1fr 2fr 1fr;
	grid-auto-flow: column;
}
.fair .item:nth-of-type(1) {
	grid-column: 2/4;
	grid-row: 1;
	justify-self: center;
	align-self: center;

}
.fair .item:nth-of-type(2) {
	grid-column: 1/3;
	grid-row: 2;
	justify-self: center;
	align-self: center;
}
.fair .item:nth-of-type(3) {
	grid-column: 2/4;
	grid-row: 3;
	justify-self: center;
	align-self: center;
}
.fair .item:nth-of-type(4) {
	grid-column: 4/5;
	grid-row: 1;
	justify-self: center;
	align-self: center;
}
.fair .item:nth-of-type(5) {
	grid-column: 4/5;
	grid-row: 3;
	justify-self: center;
	align-self: center;
}
.fair .item:nth-of-type(6) {
	grid-column: 5/7;
	grid-row: 1;
	justify-self: center;
	align-self: center;
}
.fair .item:nth-of-type(7) {
	grid-column: 6/8;
	grid-row: 2;
	justify-self: center;
	align-self: center;
}
.fair .item:nth-of-type(8) {
	grid-column: 5/7;
	grid-row: 3;
	justify-self: center;
	align-self: center;
}
.fair .item.main {
	grid-column: 3/6;
	grid-row: 2;
	justify-self: center;
	align-self: center;
	background-size: unset;
}
.fair .item.main img {
	transform: translate(-6%,-11%);
	max-width: 260px;
}
.fair .item .label {
	max-width: 200px;
	margin: 25px auto;
}


/*Блок 25. Малый блок "Прибыль"*/
.small.money .left-container .title {
	max-width: 550px;
}

.money::before {
	content: '';
	width: 100%;
	position: absolute;
	height: calc(100% + 20px);
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: url('/img/small_block_money_img.png') no-repeat;
	background-position: calc(100% - 70px) 50%;
	background-size: auto 100%;
}
.money .wrapper {
	display: flex;
}
.money .wrapper .left {
	max-width: 667px;
	padding-right: 100px;
}
.small .contacts-container {
	max-width: 500px;
	color: var(--w1);
}
.small .contacts-container .phone {
	font-size: 44px;
	line-height: 1.5;
	font-weight: var(--fM);
	color: inherit;
	
}
.small .contacts-container .text {
	font-size: 20px;
	line-height: 1.5;
	color: inherit;
	
}

.small .contacts-container .button {
	display: inline-block;
	margin-top: 80px;
}
.small .contacts-container .button a {
	display: inline-block;
	margin-right: 22px;
	backdrop-filter: blur(10px);
	padding: 21px 30px 21px 60px;
	font-weight: var(--fN);
	font-size: 21px;
	line-height: 1;
	color: var(--w1);
	border: solid 1px var(--w1);
	border-radius: 35px;

	transition: all .3s;
	position: relative;
}
.small .contacts-container .button a:hover {
	background: var(--w1);
	color: var(--blue2);
}
.small .contacts-container .button a::before,
.small .contacts-container .button a::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 15px;
	width: 34px;
	height: 34px;
	transform: translateY(-50%);
	background-image: none;
	transition: filter 0s;
	margin-right: 20px;
	background: transparent;
	vertical-align: middle;
}
.small .contacts-container .button a::before {
	border-radius: 50%;
	background: transparent
}
.small .contacts-container .button a::after {
}
.small .contacts-container .button a:hover::after {
	filter: contrast(50%) sepia(100%) hue-rotate(180deg) brightness(0.6) saturate(500%)
}
.small .contacts-container .button.tg a::after{
	background-image: url('../img/telegram-circle.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.small .contacts-container .button.wa a::after{
	background-image: url('../img/whatsapp-circle.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/*Блок FAQ*/
.qna {
	background: var(--w2);
	padding: 80px 0 100px 0;
	color: var(--b1);
}
.qna .wrapper {
	display: flex;
}
.qna .left {
	max-width: 667px;
	padding-right: 100px;
	width: 100%;
	flex-shrink: 1;
	display: flex;
	flex-direction: column;
}
.qna .left .h3 {
	margin: 0 0 60px;
}
.qna .left p:last-of-type {
	margin-top: auto;
}
.qna .qna-content {
	width: 65%;
}
.qna-content .uss_faq_item {
	border-radius: 0;
	margin: 0;
	overflow: hidden;
	height: min-content;
	box-shadow: none;
	padding: 0;
	border: none;
	display: block;
	width: 100%;
	position: relative;
	border-radius: 0;
	cursor: pointer;
	background-color: transparent;
	border: 0;
	border-bottom: solid 1px transparent;
	border-bottom-color: var(--g3);
	transition: background-color .2s, border-radius .2s, border-color .2s;
	overflow: hidden;

}
.qna-content .uss_faq_item:not(.active):hover {
	background-color: var(--w1);
	border-radius: 20px;
	border-color: transparent;
}
.qna-content .uss_faq_item .uss_faq_question_info,.qna-content .uss_faq_item .uss_faq_reply_title {
	display: none;
}
.qna-content .uss_faq_item  .uss_faq_question {
	width: 100%;
	height: 100%;
	font-size: 26px;
	line-height: 1.3;
	font-weight: var(--fS);
	font-weight: normal;
	color: var(--b1);
	display: block;
	position: relative;
    padding: 35px 65px 35px 55px;
    text-align: left;
	transition: background-color .2s, color .2s, border-radius .2s;	
}
.qna-content .uss_faq_item  .uss_faq_question::after {
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 40px;
	right: 30px;
	background: url("../img/block_target_audience_arrow_down.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	transition: transform .2s,filter .2s;
}
.qna-content .uss_faq_item  .uss_faq_question::before {
	content: '';
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 40px;
	left: 0px;
	background-image: url("../img/decor-star-2.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .3s,transform .3s;
	opacity: 1;
}
.qna-content .uss_faq_item:nth-of-type(4n) .uss_faq_question::before {
	background-image: url("../img/decor-star-4.png");
}
.qna-content .uss_faq_item:nth-of-type(4n+1) .uss_faq_question::before {
	background-image: url("../img/decor-star-3.png");	
}
.qna-content .uss_faq_item:nth-of-type(4n+2) .uss_faq_question::before {
	background-image: url("../img/decor-star-1.png");	
}

.qna-content .uss_faq_item.active {
	border-radius: 20px !important;
	border-color: transparent;
}
.qna-content .uss_faq_item.active .uss_faq_question::before {
	opacity: 0;
}
.qna-content .uss_faq_item:hover .uss_faq_question::before {
	transform: translateX(20px);
}
.qna-content .uss_faq_item:has(+.uss_faq_item.active),.qna-content .uss_faq_item:has(+.uss_faq_item:hover) {
	border-color: transparent;
}
.qna-content .uss_faq_item.active .uss_faq_question {
	background-color: var(--blue2);
	color: var(--w1);
}
.qna-content .uss_faq_item.active  .uss_faq_question::after {
	filter: invert(1) brightness(1.3);
	transform: rotateZ(180deg);
}
.qna-content .uss_faq_item .uss_faq_reply {
	width: 100%;
	max-height: unset;
	display: none;
	height: max-content;
	overflow: hidden;
	padding: 20px 45px;
	border: 0;
	margin: 0;
	text-align: left;
	font-size: 20px;
	line-height: 1.5;
	color: var(--b1);
	transition: 0s;
	background-color: var(--w1);
}
.qna-content .uss_faq_item.active .uss_faq_reply {
	max-height: unset;
	padding: 20px 45px;
}
.qna-content .uss_faq_item strong,
.qna-content .uss_faq_item b {
	font-weight: bold;
}
.qna-content .uss_faq_item i,
.qna-content .uss_faq_item em {
	font-style: italic;
}
/*Блок 27 схема работы - 2 / Блок 29 Раскажите клиентам*/
.workflow.simple,.inform-container {
	color: var(--b1);
}
.workflow.simple {
	background: var(--w1);
	padding-bottom: 100px;
}

.bws-content,.inform-content {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-top: 50px;
}
.bws-content .item,
.inform-content .item {
	border-radius: 20px;
	flex-grow: 0;
	max-width: 490px;
	background: var(--w2);
	padding: 65px 85px 355px 43px;
	position: relative;
	overflow: hidden;
}
.bws-content .item .title, 
.inform-content .item .title {
	display: block;
	font-weight: var(--fS);
	font-size: 28px;
	line-height: 1.5;
	color: var(--b1);
	padding-right: 15px;
	margin-bottom: 15px;
}
.bws-content .item .serial {
	position: absolute;
	display: block;
	border-radius: 50px;
	height: 50px;
	width: 50px;
	background: var(--w1);
	font-weight: var(--fM);
	font-size: 22px;
	display: flex;
	line-heigth: 1;
	align-items: center;
	justify-content: center;
	right: 50px;
	top: 50px;
	text-align: center;
}

.bws-content .item .text, 
.inform-content .item .text  {
	color: var(--b3);
	font-size: 19px;
	line-height: 1.5;
}
.bws-content .item .img-container,
.inform-content .item .img-container  {
	text-align: center;
	position: absolute;
	bottom: -30px;
	left: -20px;
	width: 100%;
	max-height: 360px;
	
}
.bws-content .item:nth-of-type(3) .img-container {
	bottom: 0px;
	left: -50px;
}

/*Малый блок "Отправить заявку"*/
.small.signup {
}
.signup.dublicate .img-container img {
	max-height: 620px;
}
.signup.dublicate .img-container {
	bottom: calc(var(--pbot)*(-1));
	right: -19%;
	overflow: hidden;
	z-index: -1;
	max-height: 525px;
}
.form-partner::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% + 60px);
	background: url('/img/small_block_signup_img_2.png') no-repeat;
	background-size: auto 100%;
	background-position: 107% 100%;
	
}
.form-partner .wrapper {
	display: flex;
}
.form-partner .left {
	max-width: 667px;
	padding-right: 100px;
}
.form-partner .left .h3 {
	font-weight: var(--fM);
	margin: 0 0 60px;
}
.form-partner .form-container {
	max-width: 900px;
	width: 100%;
}
.form-partner .fc_form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 600px;
}
.form-partner .fc_form .group {
	width: 100%;
}
.form-partner .fc_form .group.end {
	width: calc(100% - 220px);
	margin: 30px 0 0 auto;
	order: 10;
}
.form-partner .fc_form_tml .group.end .fc_item.fc_checkbox {
	display: flex;
	align-items: flex-start;
	margin: 0;
	flex-wrap: wrap;
}
.fc_form_tml .group.end .fc_item.fc_checkbox {
	display: flex;
	align-items: flex-start;
	margin: 0;
	flex-wrap: wrap;
}
.form-partner .fc_item.fc_checkbox .elem_item, 
.form-partner .fc_checkbox label.sector_title {
	vertical-align: top;	
}
/*/ Блок 29 Раскажите клиентам*/
.inform .top-container .h3, 
.inform .top-container .title {
	padding-right: 60px;
}
.inform-content .item {
	padding: 65px 60px 350px 43px;
	transition: background-color .3s;
}
.inform-content .item:hover {
	background: var(--g4);
}
.inform-content .item .title {
	padding-right: 45px;

}
.inform-content .item .img-container {
	left: 0;
	bottom: -40px;
	max-height: 350px;
}

/*Футер*/
.footer {
	background: none;
}
.footer-container {
	width: 100%;
	padding-top: 60px;
	padding-bottom: 60px;
	background: var(--blue2);
	color: var(--w1);
}
.footer-container .wrapper {
	display: grid;
	grid-column-gap: 40px;
	grid-row-gap: 65px;
	grid-template-areas: "logo nav"
						 "soc  contacts";
	grid-template-columns: 250px 1fr;
	grid-template-rows: 50px min-content;
	z-index: 3;
}
.footer-container .static-nav {
	max-width: 1000px;
	width: 100%;
	grid-area: nav;
	justify-self: end;
	align-self: end;
	display: flex;
	justify-content: space-between;
}
.footer-container .static-nav li {
	width: max-content;
	margin: 0;
	
}
	
.footer-container .static-nav li a {
	font-size: 20px;
	line-height: 1.7;
	
}
.footer-container .logo-container {
	grid-area: logo;
	align-self: end;
	justify-self: start;
}
.footer-container .socials-container {
	grid-area: soc;
	align-self: start;
	justify-self: start;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.footer-container .socials-container .tip {
	font-size: 20px;
	line-height: 1.7;
	color: inherit;
}
.footer-container .socials-container p:not(.tip) {
	font-size: 22px;
	font-weight: var(--fS);
	line-height: 1.6;
	position: relative;
	padding-left: 45px;
	margin: 0px 0;
}
.footer-container .socials-container p:not(.tip) a {
	transition: all .3s;
}
.footer-container .socials-container  img {
	position: absolute;
	left: 0;
	top: calc(50% - 10px);
	height: 20px;
	max-width: 30px;
	object-fit: none;
	object-position: 50% 50%;
}
.footer-container .socials-container p:not(.tip) a img {
}
.footer-container .socials-container p:not(.tip) a:hover img {
		animation-name: YellowHover;
		animation-duration: .3s;
		animation-fill-mode: both;
		animation-direction: normal;
}	
.footer-container .socials-container  {
	
}
.footer-container a:hover {
	color: var(--orange1);
}
.footer-container .contacts-container {
	--gap: 10px;
	grid-area: contacts;
	max-width: 1000px;
	justify-self: end;
	align-self: start;
	width: 100%;
	display: grid;
	grid-template-areas: "phone email" 
						"phone buttons" 
						"phone call";
	grid-column-gap: 20px;
	grid-row-gap: var(--gap);
}
.footer-container .contacts-container .phone {
	grid-area: phone;
	align-self: start;
}

.footer-container .contacts-container .phone p {
	display: block;
	font-size: 20px;
	line-height: 1.7;
	
}
.footer-container .contacts-container .phone a {
	display: block;
	font-size: 46px;
	line-height: 1.2;
	font-weight: var(--fM);
	margin: var(--gap) 0;
	
}
.footer-container .contacts-container .email {
	display: inline-block;
	max-width: 200px;
	font-size: 20px;
	line-height: 1.7;
	grid-area: email;
	align-self: start;
	justify-self: end;
}
.footer-container .contacts-container .email p {
	width: inherit;
}
.footer-container .contacts-container .callus {
	display: inline-block;
	text-decoration: underline;
	color: var(--orange1);
	margin-left: 0px;
	padding-left: 25px;
	position: relative;
	font-size: 20px;
	line-height: 1.7;
	cursor: pointer;
	grid-area: call;
	justify-self: end;
}
.footer-container .contacts-container .callus::before {
	content: '';
	position: absolute;
	left: 0px;
	width: 20px;
	height: 20px;
	background: url("../img/phone_icon_orange.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	top: calc(50% - 10px);
	transition: filter 0s;
}
.footer-container .contacts-container .callus:hover {
	color: var(--w1);
}
.footer-container .contacts-container .callus:hover::before {
	filter: brightness(0) invert(1);
}
.footer-container .contacts-container .button-container {
	text-align: right;
	display: flex;
	justify-content: space-evenly;
	grid-area: buttons;
	justify-self: end;
	column-gap: 20px;
	flex-wrap: wrap;
}
.footer-container .contacts-container .button {
	height: auto;
	margin-right: 0px;
	font-weight: var(--fN);
	margin-top: 0px;
	transition: all .3s;
	border-radius: 35px;
}
.footer-container .button-container .button a {
	color: var(--w1);
	width: 100%;
	height: 100%;
	padding: 20px 30px;
	border: solid 1px var(--w1);
	border-radius: 35px;
	font-size: 21px;
	line-height: 1;
	font-weight: var(--fM);
	transition: var(--tr-1);
}
.footer-container .button-container .button a:hover {
	color: var(--blue1);
	background: var(--w1);
}
.footer-bottom {
	padding: 60px 0;
	background: var(--w2);
	color: var(--b1);
}
.footer-bottom .wrapper {
	display: grid;
	grid-column-gap: 30px;
	grid-row-gap: 0px;
	grid-template-areas: "info projects"
						 "forbidden projects"
						 "copyright copyright";
	grid-template-columns: 480px 1fr;
	grid-template-rows: repeat(2, min-content);

}
.footer-bottom .legal-container {
	grid-area: info;
	align-self: start;
	justify-self: start;
}
.footer-bottom .projects-container {
	grid-area: projects;
	align-self: start;
	justify-self: end;
	width: 100%;
	max-width: 1000px;
	padding-right: 360px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 50px;
}
.footer-bottom .forbidden {
	grid-area: forbidden;
	align-self: end;
	justify-self: start;
}
.footer-bottom .copyright {
	grid-area: copyright;
	align-self: end;
	justify-self: start;
	width: 100%;
	max-width: 100%;
	padding-right: 360px;
	margin-top: 20px;
}
.footer-bottom .img-wrapper {
	position: absolute;
	right: -7%;
	bottom: 0;
	max-height: 350px;
	text-align: center;
	max-width: 500px;
}
.footer-bottom .img-wrapper img {
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
	display: block;
	width: 100%;
}
.footer-bottom .tip {
	font-size: 20px;
	line-height: 1.7;
	color: var(--b1);
	width: 100%;
	margin-bottom: 20px;
}
.footer-bottom .legal-container p:not(.tip) {
	font-size: 22px;
	line-height: 1.6;
	color: var(--b1);
	font-weight: var(--fS);
	position: relative;
	padding-left: 35px;
}
.footer-bottom .legal-container p:not(.tip)::before {
	position: absolute;
	display: block;
	width: 18px;
	height: 20px;
	background: url('../img/document_icon.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 18px;
	content: '';
	left: 0px;
	top: calc(50% - 10px);
	
}
.footer-bottom p a,.footer-bottom p a[href="/privacy-policy/"]{
	color: inherit;
	text-decoration: none;
}
.footer-bottom p a:hover,.footer-bottom p a[href="/privacy-policy/"]:hover{
	text-decoration: none;
	color: var(--orange1);
}
.footer-bottom .projects-container p:not(.tip) {
	display: inline-block;
	text-align: left;
	color: var(--b3);
	font-size: 18px;
	line-height: 1.5;
}
.footer-bottom .projects-container p:not(.tip):last-of-type {
	margin-right: 0;
}
.footer-bottom .projects-container p:not(.tip) a {
	display: block;
	color: var(--b1);
	font-size: 22px;
	font-weight: var(--fS);
}
.footer-bottom .forbidden p {
	color: var(--b3);
	font-size: 18px;
	line-height: 1.5;
	margin: 0;
}
.footer-bottom .copyright p {
	font-size: 19px;
	color: var(--b1);
	line-height: 1.5;
	display: inline-block;
	margin: 0;
}

.button a {
	display: flex;
	align-items: center;
}
.button.tg a::before,
.button.wa a::before {
	content: '';
	display: inline-block;
	margin-right: 15px;
	width: 24px;
	height: 24px;
	background-image: url('/img/telegram-circle.png');
 	background-position: 50% 50%;
  	background-repeat: no-repeat;	
}
.button.wa a::before {
	background-image: url('/img/whatsapp-circle.png');
}
.button a:hover::before {
	filter: contrast(50%) sepia(100%) hue-rotate(180deg) brightness(0.6) saturate(500%);
}


/*Модальные окна*/
.modal.signup-form {
	background: var(--BShColor);
}
.modal-wrap.signup-form-wrap {
	--bOs: 40px;
	--fPad: 75px;
	display: flex;
	position: absolute;
	flex-direction: row;
	width: 1280px;
	max-width: calc(100% - 30px);
	height: min-content;
	max-height: calc(100vh - 20px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	background: var(--w1);
	box-shadow: 0 0 0px 5000px var(--BShColor);
	border-radius: 26px;
	padding: 130px 75px 75px;
	font-weight: var(--fN);
}

.modal.signup-form .h3 {
	max-width: 375px;
	text-align: left;
	font-weight: normal;
	margin: 0;
	color: var(--b1);
	font-weight: var(--fM);
}
.signup-form .modal-form-desc {
	width: 450px;
	flex: 0 0 auto;
	display: flex;
	min-width: 0;
	max-width: 100%;
	font-size: var(--pSize);
	line-height: 1.5;
	flex-direction: column;
}
.signup-form .modal-form-desc .h3 {
	margin: 0 0 auto;
}
.signup-form .modal-form-desc p {
	margin: 20px 0 0;
}
.signup-form .modal-form-desc .note {
	position: absolute;
	top: 60px;
	margin: 0;
	color: var(--g1);
	font-size: var(--pSize);
	line-height: 1.5;
}
.signup-form .modal-form-desc a.wa,
.signup-form .modal-form-desc a.tg {
	vertical-align: middle;
	font-size: 21px;
	line-height: 1.6;
	display: inline-flex;
	align-items: center;
	position: relative;
	width: max-content;
}
.signup-form .modal-form-desc a.tg {
	color: var(--cTG);
}
.signup-form .modal-form-desc a.wa {
	color: var(--cWA);
	
}
.signup-form .modal-form-desc a.wa:last-of-type,
.signup-form .modal-form-desc a.tg:last-of-type {
	margin-right: 0;
}
.signup-form .modal-form-desc a.wa::before,
.signup-form .modal-form-desc a.tg::before {
	content:'';
	background-image: var(--b3);
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 15px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 25px;
	vertical-align: middle;
}

.signup-form .modal-form-desc a.tg::before {
	background-image: url('../img/form_tg_color.png');
}
.signup-form .modal-form-desc a.wa::before {
	background-image: url('../img/form_wa_color.png');
}
.signup-form .modal-form-desc a.decor::after {
	content:'';
	background: url('../img/decor-star-4.png');
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 20px 0 20px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: .3;
	vertical-align: middle;
}
.modal.signup-form .fc_form_tml .elem_item input,
.modal.signup-form .fc_form_tml .elem_item textarea {
	position: relative;
	border-color: var(--b1);
	border-radius: 0;
	border: 0;
	border-bottom: solid 1px var(--b1);
	font-size: var(--pSize);
	font-weight: var(--fN);
	line-height: 1.3;
	color: var(--b1);
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	box-shadow: none;
	outline: none;
}
.modal.signup-form .fc_form_tml .elem_item input:focus,
.modal.signup-form .fc_form_tml .elem_item textarea:focus {
	border-bottom-width: 2px;
	border-color: #2685e3;
}

.fc_textarea.fc_item .elem_item {
	width: 100%;
}
.modal.signup-form .fc_form_tml .elem_item textarea {
	height: 115px;
	width: 100%;
		resize: none;
	box-shadow: none;
	outline: none;
}
.modal.signup-form .fc_form_tml .elem_item input::placeholder,
.modal.signup-form .fc_form_tml .elem_item textarea::placeholder {
	opacity: 1;
	color: var(--b1);
	padding: 0;
	transition: opacity .3s ease-in;
}
.modal.signup-form .fc_form_tml .elem_item input:focus::placeholder,
.modal.signup-form .fc_form_tml .elem_item textarea:focus::placeholder,
.modal.signup-form .fc_form_tml .elem_item input.error::placeholder,
.modal.signup-form .fc_form_tml .elem_item textarea.error::placeholder
 {
	opacity: 0;	
}
.fc_item input.error_field, .fc_item textarea.error_field {
	background: none;
}
.modal.signup-form .fc_form_tml .group .cleaner {
	display: none;
}
.modal.signup-form .fc_form_tml .columns_2.group {
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px;
}
.modal.signup-form .fc_form_tml .columns_2.group .fc_item {
	margin: 0;
}
.modal.signup-form .fc_form_tml .end .fc_item.fc_outputOnly .outputonly
{
	width: 100%;
}
.modal.signup-form .fc_form_tml .fc_text {
}
.modal.signup-form .fc_form_tml .fc_textarea {
	width: 100%;
} 
.signup-form .fc_form_tml .buttons {
	max-width: 220px;
	display: block;
	margin: 60px 0 0;
}
.modal.signup-form .fc_form_tml .buttons input.styler[type="submit"] {
	background: var(--green1);
	border-color: var(--green1);
	color: var(--w1);
	padding: 20px 40px;
	font-weight: var(--fM);
	font-size: 21px;
	line-height: 1;
	font-family: inherit;
	border-radius: 35px;
	transition: background-color .3s;
}
.modal.signup-form .fc_form_tml .buttons:hover input.styler[type="submit"] {
	background: var(--orange2);
	border-color: var(--orange2);
}

.modal .modal-wrap.signup-form-wrap .fc_form_tml {
	overflow: unset;
}
.modal .modal-wrap.signup-form-wrap .fc_form_tml .buttons {
	display: inline-block;
}
.modal .modal-wrap.signup-form-wrap .group .fc_item {
	max-width: 100%;
	
}
.signup-form  .cleaner {
	display: none;
}
.signup-form .fc_form_tml {
	flex: 1 1 auto;
	max-width: 100%;
	min-width: 0;
	position: relative;
}
.signup-form .fc_form {
	padding: 0;
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.signup-form .fc_form_tml .group {
	width: 100%;
}
.signup-form .fc_form_tml .group.end {
	margin: 60px 0 0 auto;
	width: calc(100% - 220px);
	order: 10;
}
.fc_item.fc_checkbox .elem_item.one {
	flex: 0 0 auto;
}
.signup-form .fc_form_tml .group.end .fc_item {
	margin: 0;
}
.signup-form .fc_form_tml .group.end .fc_item.fc_checkbox {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.fc_form_tml .group .fc_item.fc_checkbox>.sector_title {
	width: calc(100% - 30px);
}
.fc_form_tml .end .hintError.fill {
	width: 100%;
	position: relative;
	z-index: 1;
	font-size: 15px;
	line-height: 1;
	padding-left: 25px;
}
.jq-checkbox {
	top: 0;
}
.form_styler label.sector_title {
	font-size: 15px;
	font-weight: normal;
}
.fc_form_tml a {
	font-weight: bold;
	text-decoration: underline;
}
.signup-form .fc_form_tml .buttons {
	bottom: 0px;
}
.signup-form .fc_form_tml .fc_outputOnly {
	font-size: 17px;
	line-height: 1.6;
	color: var(--g1);
}
.signup-form .fc_form_tml .fc_outputOnly a {
	text-decoration: underline;
}
.modal .modal-wrap.signup-form-wrap .close {
	position: absolute;
  right: 24px;
  top: 24px;
  width: 45px;
  height: 45px;
  border-radius: 45px;
  background: var(--g3);
}
.modal .modal-wrap.signup-form-wrap .close::after,
.modal .modal-wrap.signup-form-wrap .close::before {
	background: var(--g6);
	top: 50%;
	width: calc(100% - 10px);
	height: 2px;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.modal .modal-wrap.signup-form-wrap .close::after {
	transform: translate(-50%, -50%) rotate(135deg);
}
.modal.signup-form .fc_form_tml .fc_outputOnly {
	grid-column: start-2/3;
}

/*Модальное окно. Видео*/
.video-container {
	background: none;
}
.modal .modal-wrap.video-container-wrap {
	width: auto;
	max-height: calc(100vh - 50px);
	background: transparent;
	border-radius: 26px;
	padding: 30px;
	display: block;
}
.modal .modal-wrap.video-container-wrap video {
	aspect-ratio: 16/9;
	height: 100%;
	width: calc(100% - 15px);
}
.modal .modal-wrap.video-container-wrap .close {
	border-radius: 40px;
	background: var(--green1);
	width: 40px;
	height: 40px;
	top: 0px;
	right: 0px;
	transition: all .3s ease-in-out;
	transform-origin: center;
}
.modal .modal-wrap.video-container-wrap .close:hover {
	opacity: 1;
	background: var(--orange2);
	transform: none;
}
.modal .modal-wrap.video-container-wrap .close:hover::before,
.modal .modal-wrap.video-container-wrap .close:hover::after {
}
.modal .modal-wrap.video-container-wrap .close::before,
.modal .modal-wrap.video-container-wrap .close::after {
	top: calc(50% - 1px);
	left: calc(50% - 12px);
	transition: all .3s;
	background: var(--w2);
}
.slick-arrow {
	z-index: 20;	
	cursor: pointer;
	
}
.slick-arrow.slick-prev::before {
	background: url(../img/icon-left.svg) no-repeat center center;
	color: var(--g1);
}
.button a {
	transition: unset;
}
.form-agent .fc_form_tml .hintError.fill,
.form-partner .fc_form_tml .hintError.fill{
	color: var(--orange1)
}
.form-agent .fc_form_tml .group.end .hintError.fill,
.form-agent .fc_form_tml .group.end .fc_item.fc_checkbox,
.form-partner .fc_form_tml .group.end .hintError.fill,
.form-partner .fc_form_tml .group.end .fc_item.fc_checkbox {
	backdrop-filter: blur(3px);
}
.form-agent .fc_form_tml .hintError.fill::after,
.form-partner .fc_form_tml .hintError.fill::after {
	background-color: var(--orange1);
}
.form-agent form input:not(:focus).styler.error, 
.form-agent form input:not(:focus).error_field, 
.form-agent form textarea:not(:focus).styler.error, 
.form-agent form textarea:not(:focus).error_field,
.form-partner form input:not(:focus).styler.error, 
.form-partner form input:not(:focus).error_field, 
.form-partner form textarea:not(:focus).styler.error, 
.form-partner form textarea:not(:focus).error_field,
.form-agent .fc_form_tml .fc_item .elem_item .error,
.form-partner .fc_form_tml .fc_item .elem_item .error {
	border-color: var(--orange1);
}
/*Поп ап меню*/
.popup-menu {
	height: min-content;
	max-height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 110px;
	scrollbar-width: thin; 
	scrollbar-color: var(--g1) var(--g3);
}
.popup-menu::-webkit-scrollbar {width: 4px; height:4px}
.popup-menu::-webkit-scrollbar-track {background: var(--g3);}
.popup-menu::-webkit-scrollbar-track-piece {background: var(--g3);}
.popup-menu::-webkit-scrollbar-thumb {background-color: var(--g1); border-radius: 4px;}

.popup-content {
	display: flex;
	background: var(--w1);
	color: var(--b1);
	font-weight: var(--fN);
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0;
	height: 100%;
}
.popup-content .left {
	width: 475px;
	margin: 0 125px 0 0;
}
.popup-content .right {
	width: calc(100% - 600px);
	margin: 0;
	border: 0;
	flex-direction: column;
	padding: 20px 0;
	display: flex;
}
.popup-content .popup-bottom {
	width: 100%;
	display: flex;
	margin-top: auto;
	justify-content: space-between;
	padding-bottom: 20px;
}
.popup-content .static-nav {
	text-align: left;
}
.popup-content .static-nav li,
.popup-menu ul > li:not(:last-child) {
	display: block;
	margin: 0;
}
.popup-content .static-nav li a {
	font-size: 46px;
	color: var(--b1);
	line-height: 1.7;
	display: block;
	width: 100%;
	height: 100%;
	font-weight: var(--fM);	
}
.popup-content .contacts-container {
	max-width: 100%;
	width: 100%;
	text-align: left;
}
.popup-content .contacts-container .phone {
	display: block;
}
.popup-content .contacts-container .phone .text,
.popup-content .contacts-container .email {
	font-size: 20px;
	line-height: 1.5;
	display: block;
}
.popup-content .contacts-container .phone .phone-text {
	font-size: var(--h3Size);
	font-weight: var(--fM);
	line-height: 1.1;
	
}
.popup-content .button-container,
.popup-content .contacts-container {
	margin-bottom: 55px;
}

.popup-content .button-container {
	align-self: start;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}
.popup-content .button-container .button {
	
}
.popup-content .button-container .button a {
	border-radius: 60px;
	border: solid 1px var(--b1);
	color: var(--b1);
	background: transparent;
	text-align: center;
	margin-right: 10px;
	cursor: pointer;
	padding: 15px 35px;
	font-size: 20px;
	line-height: 1;
	font-weight: var(--fM);
	transition: all .3s;
}
.popup-content .button.callus {
	border-radius: 60px;
	border: solid 1px var(--green3);
	text-align: center;
	margin-right: 10px;
	cursor: pointer;
	padding: 15px 35px;
	width: max-content;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	font-weight: var(--fM);
	vertical-align: top;
	transition: all .3s;
	background: var(--green3);
	color: var(--w1);
	font-size: 21px;
}
.popup-content .button-container .button.tg a {
	color: var(--cTG);
	border-color: var(--cTG);
}
.popup-content .button-container .button.wa a {
	color: var(--cWA);
	border-color: var(--cWA);
}
.popup-content .button-container .button.tg a:before {
	background: url('../img/form_tg_color.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.popup-content .button-container .button.wa a:before {
	background: url('../img/form_wa_color.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.popup-content .projects-container {
	align-self: end;
	max-width: 500px;
	text-align: left;
	width: max-content;
	position: relative;
}
.popup-content .button.callus:hover {
	background: var(--orange2);
	border-color: var(--orange2);

}
.popup-content .button-container .button.tg:hover a {
	background: var(--cTG);
	color: var(--w1);
}
.popup-content .button-container .button.wa:hover a {
	background: var(--cWA);
	color: var(--w1);
}
.popup-content .button:hover a::before {
	filter: brightness(0) saturate(0) invert(1);
}
.popup-content .projects-container p:not(.tip) {
	font-size: 0;
}
.popup-content .projects-container p.tip {
	font-size: 20px;
	line-height: 1.5;
	color: var(--b1);
}
.popup-content .projects-container p a {
	font-size: 22px;
	font-weight: var(--fM);
	color: var(--b1);
}
.popup-content .copyright {
	max-width: 475px;
	width:100%;
	margin-top: 0;
	font-size: 20px;
	line-height: 1.5;
	display: flex;
	align-items: flex-end;
}
.popup-menu .close {
	--psize: 50px;
	background: var(--green2);
	width: var(--psize);
	height: var(--psize);
	border-radius: 100%;
	transition: all .3s;
	right: 20px;
	top: 0px;
}
.popup-menu .close:hover {
	background: var(--orange2);
}
.popup-menu .close::before,
.popup-menu .close::after {
	--xsize: 22px;
	width: var(--xsize);
	height: 2px;
	background: var(--w2);
	top: calc(50% - 1px);
	left: calc(50% - (var(--xsize) / 2));
}


/*Не главная*/
.site-content {
	color: var(--b1);
	background: var(--w2);
	padding: 85px 0 170px 0;
}
.site-content .bread {
	color: var(--g1);
	font-size: 20px;
	line-height: 1.4;
	display: flex;
	flex-wrap: wrap;
}
.site-content .bread a {
	vertical-align: middle;
	display: flex;
	align-items: center;
}
.site-content .bread a::after {
	content: '';
	display: inline-block;
	width: 50px;
	height: 17px;
	margin: 0 20px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url('/img/small_arrow_right.png');
}
.sectionTitle {
	font-size: var(--h3Size);
	font-weight: var(--fM);
	line-height: 1.1;
	color: var(--b1);
	margin: 40px 0;

}
/*Политика конф. */
.privacy-policy {
	font-weight: var(--fN);
	font-size: var(--pSize);
	line-height: 1.5;
	color: var(--b1);
	
}
.privacy-policy .site-content ul li {
	margin-top: 35px;
}
.privacy-policy .site-content .uss_section_content>ul>li {
	margin-top: 65px;
}
.privacy-policy .site-content .uss_section_content>ul {
	padding-left: 0;
}

.privacy-policy .site-content .uss_section_content>ul>li>ul {
	padding-left: 45px;
}
.privacy-policy .site-content .uss_section_content>ul>li>ul>li>ul {
	padding-left: 65px;
}
.privacy-policy .site-content .uss_section_content ul.checkmark {

	padding-left: 65px;
	position: relative;
}
.privacy-policy .site-content .uss_section_content ul.checkmark li {
	font-size: 20px;
	line-height: 1.6;
	position: relative;
}
.privacy-policy .site-content .uss_section_content ul.checkmark li::after {
	content: '';
	display: block;
	position: absolute;
	width: 31px;
	height: 30px;
	top: 0;
	left: -65px;
	background-image: url('../img/ul_checkmark.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.privacy-policy .site-content ul li span{
	font-weight: var(--fM);
	font-size: 26px;
	line-height: 1.3;
	color: var(--b1);
}

/*404*/
.not-found {
}
.not-found .site-content .top {
 width: 100%;
 margin: 0 auto;
 text-align: center;
 margin-top: 80px;
}
.not-found .site-content .top p {
	font-weight: var(--fM);
	font-size: var(--h3Size);
	line-height: 1.1;
	color: var(--b1);
	margin-top: 50px;
}
.not-found .site-content .title {
	color: var(--b1);
	font-size: 26px;
	line-height: 1.3;
	font-weight: var(--fS);
}
.not-found .site-content .tip {
	font-size: 19px;
	color: var(--b3);
}
.not-found .site-content ul {
	padding-left: 60px;
}
.not-found .site-content li {
	font-size: 19px;
	color: var(--b3);
	position: relative;
	margin: 20px 0;
	line-height: 1;
	padding: 10px 0;
	
}
.not-found .site-content .bottom {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 145px;
}
.not-found .site-content .reasons {
	margin-left: 130px;
	max-width: 585px;
	width: 100%;
}
.not-found .site-content .recomended {
	margin-left: 130px;
}
.not-found .site-content li a {
	color: var(--blue2);
}
.not-found .site-content li::before {
	content: '';
	display: block;
	position: absolute;
	left: -60px;
	top: 0;
	width: 40px;
	height: 40px;
	background-image: url('../img/404_checkmark.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	 box-shadow: 0px 25px 45px 0px rgba(222, 227, 235, 1);
}

.modal .uss_ok_form {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  color: var(--b1);
  width: 100%;
}

@media (max-width: 1600px) {
	.header-slider .item .img {
		flex: 1 1 auto;
	}
	.header-slider .item .title {
		flex: 0 0 auto;
	}
	.form-block .wrapper .left {
		width: 600px;
	}
	.form-block .wrapper .left,
	.form-block .wrapper .right {
		flex: 0 1 auto;
		max-width: 50%;
	}
	.form-block .fc_item {
		width: 100%;
	}
	.form-block::after {
		background-size: 30vw auto;
	}
	.form-block .wrapper .right .fc_form_tml {
		max-width: 600px;
	}


	.bws-content .item, .inform-content .item {
		padding-left: 30px;
		padding-right: 60px;
		max-width: 480px;
	}
	.solutions-content .item img,
	.solutions-content .item:nth-of-type(n) img {
		height: 180px;
		width: 180px;
	}
	.tariffs-content .item .price-container .current-price .price {
		font-size: 45px;
		margin: 0 10px;
	}
	.small.signup .img-container {
		max-width: 400px;
		z-index: -1;
	}
	.small.presentation .img-container {
		max-width: 320px;
		bottom: 0%;
	}
	.privacy-policy,
	.privacy-policy .uss_section_content ul.checkmark li {
		font-size: 18px;
	}
	.privacy-policy ul li span {
		font-size: 24px;
	}
	.privacy-policy .uss_section_content > ul > li {
		margin-top: 60px;
	}
	.privacy-policy .uss_section_content > ul > li > ul {
		padding-left: 40px;
	}
	.privacy-policy ul li {
		margin-top: 30px;
	}
	.privacy-policy .uss_section_content > ul > li > ul > li > ul {
		padding-left: 60px;
	}
	.privacy-policy .uss_section_content ul.checkmark li::after {
		left: -60px;
		width: 26px;
		height: 25px;
				background-size: contain;
	}
	
	.not-found .site-content .top {
		max-width: 100%;
	}
	.not-found .site-content .top img {
		max-width: 100%;
	}
	.not-found .site-content .title {
		font-size: 22px;
	}
	.not-found .site-content li,
	.not-found .site-content .tip {
		font-size: 18px;
	}

	.present .wrapper .left {
		width: calc(50% - 40px);
		padding-right: 60px;
	}
	.present .wrapper .header-slider {
		width: 50%;
	}
	.present .wrapper .header-more {
		width: 100%;
	}
	.header-slider .item .img {
		width: 50%;
		max-width: 50%;
	}
	.header-slider .item .img img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	.left p {
		width: 100%;
	}
	.left img {
		display: block;
		max-height: 200px;
		margin: 0 auto;
		object-fit: contain;
	}
	.calc .wrapper .left {
		padding-right: 50px;
	}
	.calc .wrapper .left .h3 {
		margin: 0 auto 60px;
		width: auto;
		max-width: unset;
	}
	.calc .wrapper .left p {
		display: none;
	}
	.right {
		width: 100%;
		flex: 1 1 auto;
	}	
	
}
@media (max-width: 1500px) {
	body {
		--h3Size: 50px;	
	}
	
	.sectionTitle,
	.not-found .site-content  .top p {
		font-size: 52px;
	}
	
	.scheme .text {
		font-size: 17px;
		padding: 20px 15px;
	}
	.wrapper .grid {
		grid-column-gap: 45px;
		grid-row-gap: 45px;	
	}
	.wrapper .left.narrow {
		width: 75%;
	}
	.container .wrapper .form-container {
		width: 100%;
	}
	.wrapper .points-wrapper {
		width: 100%;
		margin-left: 30px;
	}
	.solutions .wrapper .left {
		width: 100%;
	}	
	.examples .slider-wrapper .slick-arrow {
		width: 80px;
		height: 80px;
	}
	.calc .wrapper {
		display: block;
	}
	.calc .computations-wrapper,
	.calc .wrapper .left-container
	{
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
	}
	.calc .wrapper .calc-desc {
		width: 100%;
		padding: 0;
	}
	.upsides .wrapper .upsides-desc-wrapper {
		
		max-width: 350px;
	}
	.upsides .wrapper .items-wrapper {
		grid-gap: 25px;
	}

	.achievements .wrapper .extra-container {
		justify-self: center;
	}
	
	.achievements .wrapper .top-container {
		grid-template-columns: 100%;
		grid-column-gap: 0;
		
	}
	
	.rating-container .item {
		margin: 0px 5px 30px 5px;
		max-width: 250px;
		
	}
	.rating-container .item p {
		margin-top: 30px;
		font-size: 22px;
	}
	.extra-text .diagram-wrapper .item .text {
		width: 360px;
	}
	.bws-content .item, .inform-content .item {
		padding-left: 30px;
		padding-right: 60px;
		max-width: 420px;
	}
	.footer-bottom .wrapper {
		grid-row-gap: 0px;
	}
	.footer-bottom .img-wrapper {
		max-width: 400px;
		max-height: 300px;
	}
	.footer-bottom .wrapper .projects-container {
		padding-right: 150px;
	}
	.footer-bottom .wrapper .copyright {
		padding-right: 280px;
	}

	.solutions .wrapper.solutions-content {
		grid-template-columns: 1.5fr 1fr 1fr;
		grid-gap: 25px;
	}
	.solutions .wrapper .left-container {
		max-width: 100%;
		width: 100%;
		padding-right: 30px;
		margin-right: 0;
	}
	.solutions .wrapper .left-container .title {
		max-width: 515px;
	}
	.tariffs-content .item .price-container .current-price .price {
		font-size: 37px;
		margin: 0 5px;       
		
	}
	.tariffs-content .item .price-container .original-price,
	.tariffs-content .item .price-container .current-price	{
		font-size: 15px;
	}
	.popup-content .static-nav li a {
		font-size: 44px;
	}
	.not-found .site-content  .bottom {
		margin-top: 120px;
		justify-content: center;
		grid-column-gap: 60px;
	}
	.not-found .site-content  .reasons,
	.not-found .site-content  .recomended	{
		margin: 0;
		
	}
	.container {
		padding: 60px 0;
	}
	.present .button-wrapper {
		justify-content: flex-start;
		flex-wrap: wrap;
		max-width: 100%;
		margin-top: 60px;
	}
	.present .button {
		margin: 0 0 20px;
	}
	.present .button a {
		padding: 18px 20px 18px 60px;
		font-size: 18px;
	}
	.present .button a::before, 
	.present .button a::after {
		left: 17px;
	}
	.wrapper .top-container .desc {
		font-size: 16px;
	}
	.upsides .left {
		padding-right: 50px;
	}
	.upsides .items-wrapper .item {
		padding: 25px;
	}
	.upsides .wrapper .items-wrapper .item .title {
		margin-top: 15px;
		font-size: 20px;
	}
	.upsides .wrapper .items-wrapper .item .desc {
		font-size: 16px;
	}
	.upsides .items-wrapper .item img {
		width: 70px;
		height: 70px;
	}
	.presentation .links-container {
		padding: 0;
		max-width: 50%;
		flex: 1 0 auto;
	}
	.points-container {
		margin-top: 30px;
		grid-gap: 50px;
	}
	.points-container .item p {
		font-size: 20px;
		padding-right: 0;
	}
	.pros-points {
		max-width: 50%;
	}
	.pros-points .item {
		padding: 30px;
	}
	.pros-points .item img {
		width: 60px;
		height: 60px;
		margin: 0;
	}
	.pros-points .item .title {
		font-size: 22px;
		margin: 5px 0 10px;
	}
	.pros-points .item .desc {
		font-size: 16px;
	}
	.money::before {
		background-size: 20vw auto;
		background-position: 100% 100%;
		height: 100%;
	}
	.money .wrapper .left {
		max-width: 50%;
	}
	.form-partner .wrapper .left {
		padding-right: 50px;
	}
	.form-partner::before {
		background-size: 25vw auto;
		background-position: 100% 100%;
		height: 100%;
	}
	.container .wrapper .form-container {
		max-width: 50%;
	}
	.form-container p.legal-text {
		margin-top: 0;
	}
}
@media (max-width: 1400px) {
	

	.popup-content .left {
		width: 33%;
	}
	.popup-content .right {
		width: calc(100% - 33% - 125px);
	}
	
	.partnership .wrapper {
		flex-wrap: wrap;
	}
	.partnership .left {
		margin: 0 auto;
		width: 100%;
		flex: unset;
	}
	.partnership .block-desc {
		margin: 0 auto;
		max-width: unset;
	}
	.partnership .block-desc .h3 {
		text-align: center;
	}
	.partnership .block-items {
		max-width: 900px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.partnership .block-items .item {
		margin: 25px 0 0;
	}
	.partnership .block-items .item .title {
		margin: 0 auto;
	}
	.partnership .block-items .item .img {
		margin: 0 auto 15px;
		max-width: 285px;
	}
	.partnership .benefits {
		margin: 50px auto 0;
	}

}
@media (max-width: 1350px) {
	.present {
		padding-top: 60px;
	}
	/*Font-size 42px*/
	.call .wrapper .phone .title,
	.sectionTitle,
	.not-found .site-content  .top p {
		font-size: 42px;
	}
	/*font-size 22px*/
	.scheme .text {
		font-size: 22px;
		
	}
	
	/*font-size 18px*/
	.present .wrapper .left p,
	.wrapper .top-container .note,
	.wrapper .top-container .text,
	.wrapper .top-container>p,
	.wrapper .grid .item p	{
		font-size: 20px;
	}
	
	.benefits .item .text {
		font-size: 16px;
		
	}
		
	
	.wrapper .top-container:not(.center) {
		grid-row-gap: 30px;
		grid-template-columns: 1fr 1fr;
	}
	.workflow {
		padding-bottom: 140px;
		overflow: hidden;
		background-position: -3.5% calc(120%), calc(94%) calc(105%);
		background-size: 25%, 25%;
	}
	.workflow .wrapper .top-container	{
		grid-template-columns: 100%;
		text-align: center;
		justify-content: center;
	}
	.workflow .wrapper .top-container .h3 {
		margin: 0 auto;
		text-align: inherit;
	}
	.workflow .wrapper .top-container>p {
		display: none;
	}
	
	.scheme {
		grid-template-columns: 70px 1fr;
		grid-column-gap: 110px;
		grid-row-gap: 45px;
		grid-template-rows: min-content[line] repeat(4,min-content);
		flex-shrink: 0;
		width: max-content;
		margin: 60px auto;
	}
	.scheme .text:nth-of-type(n) {
		grid-row: auto;
		grid-column: 2;
		justify-self: start;
	}
	.scheme .text {
		width: 100%;
		padding: 20px 35px;

	}
	/*
	.scheme .text, .scheme .text p {
		transition: all .4s;
		transition-delay: 0s;
		transition-timing-function:linear;
	}
	.scheme .text:hover, 
	.scheme .text:hover p {
		transition-delay: .4s;
		
	}
	.scheme .text:hover::after,
	.scheme .text:hover:nth-of-type(2n)::after	{
		background-position: 50% 50%;
	}*/
	.scheme .text::after,
	.scheme .text:nth-of-type(2n)::after	{
		width: 40px;
		height: 40px;
		top: calc(50% - 20px);
		left: -75px;
		background-color: transparent;
		background-image: url('../img/decor-star-2.png');
		background-position: 50% 50%;
		background-size: contain;
		box-shadow: 0 0 transparent;
		border-radius: 40px;
	}
	.scheme .text:hover::after {
		background-color: transparent;
		background-size: contain;
		background-position: 50% 50%;
	}
	.scheme .text:nth-of-type(3n)::after {
		background-image: url('../img/decor-star-3.png');
	}
	.scheme .text:nth-of-type(3n+1)::after {
		background-image: url('../img/decor-star-2.png');
	}
	.scheme .text:nth-of-type(3n+2)::after {
		background-image: url('../img/decor-star-1.png');
	}
	.scheme .text:nth-of-type(2)::after, 
	.scheme .text:nth-of-type(4)::after {
		bottom: unset;
		top: calc(50% - 20px);
}
	.scheme .decor {
		display: none;
	}
	.scheme .decor-line {
		grid-row: 1/-1;
		grid-column: 1;
		width: 5px;
		height: 100%;
		justify-self: center;
	}
	.scheme .text .step {
		width: 70px;
		height: 70px;
		left: -180px;
		top: calc(50% - 35px);
		bottom: unset;
		border-radius: 100%;
		z-index:2;
		
	}
	/*.scheme .text .step:not(.coin), 
	.scheme .text .step:not(.coin)::before {
		transition-delay: .4s;
		transition-duration: .2s;
	}
	.scheme .text:hover .step,
	.scheme .text:hover .step::before {
		
		transition-delay: 0s;
	}*/
	.scheme .text:nth-of-type(2) .step, 
	.scheme .text:nth-of-type(4) .step {
		bottom: unset;
		top: calc(50% - 30px);
	}
	.scheme .text:nth-of-type(1) .step::before {
		content:'1';
	}
	.scheme .text:nth-of-type(2) .step::before  {
		content:'2';
	}
	.scheme .text:nth-of-type(3) .step::before  {
		content:'3';
	}
	.scheme .text:nth-of-type(4) .step::before  {
		content:'4';
	}
	.scheme .text:nth-of-type(5) .step::before {
		content:'5';
	} 
	.scheme .step.coin::before {
		display: none;
	}
	.scheme .text .step.coin,
	.scheme .text:hover .step.coin
	 {
		width: 92px;
		height: 96px;
		background: url('../img/workflow_coin.png');
		background-position: 50% 50%;
		background-repeat: no-repeat;
		left: -190px;
		top: calc(50% - 48px);
	}
	.scheme .text:hover .step.coin {
		background-position: 50% 50%;
	}
	.partnership {
		padding: 100px 0;
	}
	.benefits .item {
		padding: 30px 40px;
	}
	.benefits .item .text {
		margin-left: 0;
		padding: 5px 15px;
	}
	.benefits .item .text::before {
		width: 36px;
		height: 36px;
		background-size: 50%;
	}
	.benefits .item:first-of-type::after {
		width: 42px;
		height: 42px;
		right: -21px;
		top: calc(50% - 20px);
	}
	.diagram-wrapper .item.main img {
		width: 65%;
	}
	.diagram-wrapper .item:not(.main) img {
		height: 55px;
	}
	.diagram-wrapper .item .label {
		font-size: 24px;
	}
	.diagram-wrapper .item .text {
		font-size: 18px;
	}
	
	
	.examples .wrapper .top-container.tabs .controls {
		max-width: 100%;
		width: max-content;
		padding: 5px;
		align-self:start;
	}
	.examples .wrapper .top-container.tabs .controls span {
		padding: 10px 10px;
		font-size: 19px;
		margin: 0;
		text-align: center;
		transition: all .3s;
		align-self:start;
	}
	.trust .top-container .title {
		margin: 0 auto;
	}
	.qna-content .uss_faq_item .uss_faq_question {
		font-size: 23px;
	}
	.bws-content .item, .inform-content .item {
		padding-left: 30px;
		padding-right: 60px;
		max-width: 390px;
		margin-right: 30px;
	}
	
	.footer-container {
		padding: 60px 0;
		
	}
	.footer-container .wrapper {
		grid-template-areas: "nav nav"
							 "logo contacts"
							 "soc  contacts";
		grid-template-rows: min-content 50px min-content;
		grid-row-gap: 20px;
	}
	.footer-container .wrapper .static-nav {
		justify-self: center;
		margin-bottom: 40px;
		
	}
	.footer-container .wrapper .contacts-container {
		margin: 0;
	}
	
	.footer-bottom .img-wrapper {
		max-width: 220px;
		bottom: -40%;
	}
	.footer-bottom .wrapper .copyright {
		 padding-right: 200px;
	 }
	.footer-bottom .wrapper .projects-container {
		padding: 0;
		margin-top: 30px;
	}
	
	
	.solutions .wrapper.solutions-content {
		grid-gap: 20px;
	}
	.solutions-content .item img, 
	.solutions-content .item:nth-of-type(n) img {
		width: 45%;
		height: 45%;
	}
	
	.tariffs-content .item {
		padding: 30px;
		
	}
	.tariffs-content .item .profit-tooltip {
		right: 25px;
		font-size: 16px;
		
	}
	.tariffs-content .item .title {
		font-size: 24px;
	}
	
	.tariffs-content .item .short-desc {
		font-size: 17px;
	}
	
	.tariffs-content .item .price-container .current-price .price {
		font-size: 30px;
		margin: 0 5px;       
		
	}
	
	.tariffs-content .item .price-container .original-price,
	.tariffs-content .item .price-container .current-price	{
		font-size: 15px;
	}
	.achievements .wrapper .bot-container {
		grid-gap: 20px;
	}
	.rating-container .item {
		max-width: 240px;
	}
	.rating-container .item img {
		max-width: 160px;
		max-height: 160px;
	}
	.rating-container .item p {
		font-size: 20px;
		margin-top: 20px;
	}
	.achievements .wrapper .extra-container {
		max-width: 360px;
		padding: 45px 40px;
		
	}
	.achievements .wrapper .extra-container .title {
		font-size: 22px;
		margin-bottom: 15px;	
	}
	.achievements .wrapper .extra-container p {
		font-size: 16px;
	}
	

}

@media (max-width: 1200px) {
	body {
		--h3Size: 40px;	
	}
	.header-slider .item .title {
		font-size: 24px;
	}
	/*padding <1200px */
	.present.container {
		padding: 60px 0 0;
	}
	.container {
		padding: 65px 0;
	}
	
	/*Big titles, font-size 37px*/
	
	.call .wrapper .phone .title,
	.small .contacts-container .phone,
	.sectionTitle	
	.not-found .site-content  .top p {
		font-size: 37px;	
	}
	
	/*font-size 18px*/
	.footer-container .button-container .button a,
	.footer-bottom .tip,
	.footer-bottom .legal-container p:not(.tip),
	.footer-bottom .projects-container p:not(.tip) a	{
		font-size: 18px;
	}
	
	/*font-size 17px*/
	.diagram-wrapper .item .text,
	.footer-container .contacts-container .phone .text,
	.footer-container .contacts-container .email,
	.footer-container .contacts-container .callus,
	.footer-container .socials-container .tip,
	.nav .static-nav li a	{
		font-size: 17px;
	}	
	
	/*font-size 16px;*/
	.small .wrapper .left-container p:not(.title),
	.diagram-wrapper .item .text,
	.small .wrapper .phone p:not(.title),
	.wrapper .left p,
	.small .contacts-container .text	{
		font-size: 16px;
	}

	.header-slider .slide-wrapper {
		width: 100%;
		left: 0;
		margin: 0 auto;
	}
	.header-slider .item {
		justify-content: center;
		max-width: 100%;
		margin: 0 auto;
		width: max-content !important;
		position: relative;
	}

	.header-slider .navs .hs-dot li {
			width: 50px;
	}

	.workflow .bottom-image-container {
		width: calc(100% + 120px);
		left: -60px;
	}
	.workflow .bottom-image-container .image-wrapper {
		width: 240px;
	}

	.partnership .wrapper {
		display: block;
	}
	
	.wrapper .left-container.grid {
		width: 100%;
		margin: 0 auto;
		justify-content: center;
	}
	
	.wrapper .left-container.grid .item {
		justify-self: center;
		text-align: center;
		
	}
	.wrapper .left-container.grid .title {
		justify-self: center;
		text-align: center;
	
	}
	.wrapper .left-container.grid .text {
		text-align: center;
	}
	.wrapper .left-container.grid .item img {
		margin: 0 auto;
	}
	.benefits .item {
		padding: 15px 40px;
	}
	.benefits .item .title {
		max-width: 280px;
		font-size: 30px;
		line-height: 1.1;
	}
	.small.container.signup {
		padding-top: 65px;
	}
	.form-block .wrapper {
		flex-wrap: wrap;
		padding-bottom: 100px;
	}
	.form-block::after {
		height: 100%;
		transform: none;
		top: 0;
		
		background-position: calc(100% + 30px) calc(100%);
	}
	.form-block .wrapper .h3 {
		margin: 0 0 30px;
	}
	.form-block .wrapper .left,
	.form-block .wrapper .right {	
		width: 100%;
		max-width: 100%;
	}
	.form-block .wrapper .right {
		margin-top: 25px;
	}

	.form-block .fc_form_tml .group.end {
		bottom: -1px;	
	}
	.form-block .fc_form_tml .group.end .fc_item.fc_outputOnly .outputonly { 
		padding-right: 0;
		font-size: 16px;
	}	
	.form-container .fc_label_wrap .elem_item input {
		font-size: 16px;
		padding: 10px 0;
	}
	.form-container p.legal-text {
		margin-top: 15px;
		font-size: 15px;
	}
	.small-container .wrapper {
		display: block;
	}
	.diagram .diagram-wrapper {
		padding: 0 0;
		margin: 0 0;
		padding: 50px 0;
		margin-top: 50px;
		background-size: 80%;
		
	}
	.diagram-wrapper .item:not(.main) img {
		height: 50px;
	}
	.extra-text .diagram-wrapper .item,
	.extra-text .diagram-wrapper .item .text	{
		max-width: 100%;
	}
	.diagram-wrapper .item .label {
		font-size: 22px;
	}

	.ta .wrapper {
		
	}
	.ta .wrapper  .left,
	.ta .wrapper  .points-wrapper {
		margin: 0;
		padding: 0;
		padding-right: 0;
	}
	.ta .wrapper  .left {
		padding-right: 50px;
	}
	.ta .wrapper  .points-wrapper {
		
	}
	
	.calc-container .calc-content-wrapper {
		grid-template-columns: 0.75fr 1fr;
		min-width: 770px;
	}
	
	.calc-container .result-wrapper .result-bottom .final-result {
		font-size: 35px;
	}


	.call {
		padding: 65px 0;
	}
	
	.call .wrapper .phone .title {
		margin-bottom: 20px;
		max-width: 100%;
	}

	.wrapper .top-container.tabs {
		grid-template-columns: 100%;
	}
	.wrapper .top-container.tabs .title {
		grid-row: 1;
	}
	.wrapper .top-container.tabs  .controls {
		grid-row: auto;
		justify-self: start;		
	}
	.wrapper .top-container.tabs .text {
		grid-row: 2;
		justify-self: start;	
		text-align: left;
	}

	.upsides .items-wrapper {
		grid-gap: 20px;
		grid-template-columns: repeat(3,1fr);
		grid-template-rows: min-content;
		padding-top: 0;
	}
	.upsides .items-wrapper .item {	
		padding: 25px 15px;
		text-align: center;
	}
	.upsides .items-wrapper .item .title {
		margin-top: 20px;
	}
	.upsides .items-wrapper .item .desc {
		font-size: 17px;
	}
	
	.examples .slider-wrapper .slick-arrow {
		width: 70px;
		height: 70px;

		top: calc(50% - 35px);
		background-size: 50%;
	}
	.examples .slider-wrapper .next {
		right: 270px;
	}
	.examples .slider-wrapper .prev {
		left: 60px
	}
	.trust .slider-wrapper {
		margin-top: 40px;
		min-height: 70px;
	}
	.trust .img-wrapper {
		width: 150px;
		height: 70px;
		padding: 15px;
	}
	.trust .slider-wrapper .slider-content .slick-slide {
		width: 150px;
		margin-right: 85px;
	}
		
	.trust .img-wrapper img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		display:block;
		object-position: 50% 50%;
	}
	
	.pros-points {
		grid-gap: 25px;
	}



	.achievements .top-container .points span {
		font-size: 16px;
	}
	.achievements .top-container .points span::before {
		width: 35px;
		height: 35px;
		margin: 0 20px;
	}
	.achievements .bot-container {
		grid-gap: 40px;
		grid-template-columns: 100%;
		justify-content: center;
	}
	.rating-container .item {
		max-width: 240px;
	}
	.rating-container .item img {
		max-width: 160px;
		max-height: 160px;
	}
	.rating-container .item p {
		font-size: 20px;
		margin-top: 20px;
	}
	.achievements .extra-container {
		max-width: 500px;
		padding: 45px 50px;
		
	}
	.achievements .extra-container .title {
		font-size: 24px;
	}
	.achievements .extra-container p {
		font-size: 18px;
	}



	.numbers {
		padding: 65px 20px;
	}
	.crm .wrapper {
		
	}
	
	.diagram.fair .diagram-wrapper {
		
	}
	.small .contacts-container .button {
		margin-top: 20px;
	}
	.qna .wrapper {
		flex-wrap: wrap;
	}
	.qna .wrapper .left, 
	.qna .wrapper .qna-content {
		margin: 0 auto;
		width: 100%;
		padding: 0;
		max-width: 800px;
	}
	.qna .wrapper .left p {
		max-width: 100%;
	}
	.bws-content .item, .inform-content .item {
		padding-left: 30px;
		padding-right: 60px;
		max-width: 490px;
		display: grid;
		width: 100%;
		grid-template-areas: "img title"
							 "img text";
		grid-template-columns: 100px 1fr;
		grid-template-rows: min-content;
		grid-gap: 10px;
		padding: 15px;
		padding-right: 60px;
		margin: 20px auto;
	}
	.bws-content,
	.inform-content {
		display: grid;
		grid-template-columns: 100%;
		margin-top: 65px;
		
	}
	.bws-content .item .title,
	.inform-content .item .title {
		grid-area: title;
		padding: 0;
		margin-bottom: 0px;
		font-size: 22px;
	}
	
	.bws-content .item .text,
	.inform-content .item .text {
		grid-area: text;
		font-size: 16px;
	}
	
	.bws-content .item .img-container,
	.bws-content .item:nth-of-type(1) .img-container,
	.bws-content .item:nth-of-type(2) .img-container,
	.bws-content .item:nth-of-type(3) .img-container,
	.inform-content .item .img-container {
		width:100%;
		height: 100%;
		position: relative;
		bottom: 0;
		left: 0;
		grid-area: img;
		max-height: 100px;
		justify-self: center;
		text-align: center;
	}
	.bws-content .item .img-container img, 
	.inform-content .item .img-container img {
		height: 100%;
		width: 100%;
		object-fit: contain;
		object-position: 50% 50%;
	}
	
	.bws-content .item .serial {
		right: 10px;
		top: 10px;
		height: 40px;
		width: 40px;
		font-size: 18px;
	}
	.inform .top-container {
		grid-template-columns: 100%;
	}
	
	
	.footer-container {
		padding: 45px 0;
	}
	.footer-container .wrapper {
		grid-template-areas: "logo logo    " 
							 "nav  nav     "  
							 "soc  contacts";
		grid-row-gap: 40px;
	}
	.footer-container .logo-container {
		justify-self: center;
		margin: 0;
	}	
	.footer-container .wrapper .static-nav {
		margin-bottom: 0;
		align-self: start;
	}
	.footer-container .socials-container p:not(.tip) {
		margin: 0;
	}
	.footer-container .contacts-container {
		 grid-template-areas: "phone email" 
							  "phone buttons" 
							  "phone call";
		grid-row-gap: 10px;
		grid-template-columns: 1fr 1fr;
		justify-content: end;
	}
	.footer-container .contacts-container .phone {
		display: flex;
		flex-direction: column; 
		justify-content: space-between;
		height: 100%;
		
	}
	.footer-container .contacts-container .phone .text {
		font-size: 20px;
	}
	.footer-container .contacts-container .phone-text {
		margin: 0;
	}
	.footer-container .contacts-container .email {
		justify-self: end;
	}
	.footer-container .contacts-container .button-container {
		justify-content: end;
		column-gap: 10px;
		width: 100%;
		row-gap: 5px;
		align-content: center;
	}
	.footer-container .contacts-container .callus {
		justify-self: end;
		height: min-content;
	}
	
	.footer-bottom {
		padding: 40px 0;
	}
	.footer-bottom .wrapper {
		grid-gap: 0px;
		grid-template-columns: 0.8fr 1fr;
	}

	.footer-bottom .wrapper .forbidden p, 
	.footer-bottom .wrapper .copyright p {
		font-size: 16px;
	}
	.footer-bottom .wrapper  .projects-container p:not(.tip) {
		font-size: 15px;
		margin-right: 20px;
	}
	.footer-bottom .wrapper  .copyright {
		padding-right: 100px;
	}
	.footer-bottom .img-wrapper {
		max-width: 180px;
		
	}
	
	
	
	.solutions-content .item {
		padding: 35px;
	}
	.solutions-content .item .title {
		font-size: 22px;
	}
	.solutions-content .item .desc {
		font-size: 18px;
		margin-top: 15px;
	}
	.popup-menu {
		padding-top: 90px;
		padding-bottom: 30px;
		
	}
	.popup-content .static-nav li a {
		font-size: 40px;
	}
	.popup-content .button-container {
		display: flex;
		flex-wrap: wrap;
		column-gap: 10px;
		row-gap: 10px;
		justify-content: start;
	}
	.popup-content .button.callus,
	.popup-content .button a {
		font-size: 18px;
	}
	.popup-content .copyright {
		font-size: 16px;
	}
	
	
	
	.privacy-policy,
	.privacy-policy .uss_section_content ul.checkmark li	{
		font-size: 16px;
	}
	.privacy-policy ul li span {
		font-size: 22px;
	}
	.privacy-policy .uss_section_content > ul > li {
		margin-top: 40px;
	}
	.privacy-policy .uss_section_content > ul > li > ul {
		padding-left: 30px;
	}
	.privacy-policy ul li {
		margin-top: 20px;
	}
	.privacy-policy .uss_section_content > ul > li > ul > li > ul {
		padding-left: 45px;
	}
	.privacy-policy .uss_section_content ul.checkmark li::after {
		left: -45px;
		width: 21px;
		height: 20px;

	}
	.site-content .nav-container {
		font-size: 18px;
	}
	.not-found .site-content  li, .not-found .tip {
		font-size: 16px;	
	}
	.not-found .site-content  li::before {
		left: -30px;
		width: 20px;
		height: 20px;
		background-size: contain;
		transition: all 1s;
	}
	.not-found .site-content  ul {
		padding-left: 30px;
	}
	.not-found .site-content  .title {
		font-size: 18px;
	}
		.modal .modal-wrap.video-container-wrap {
		width: 100%;
		max-width: 750px;
	}
	.header-slider {
		max-width: 360px;
	}
	.header-slider .item {
		flex-direction: column;
		padding: 30px 0;
		margin: 0;
		align-items: center;
	}
	.header-slider .item .img {
		margin: 10px 0;
		max-height: 200px;
	}
	.header-slider .item .title {
		text-align: center;
	}
	.header-slider .navs,
	.header-slider .dots {
		left: 50%;
		transform: translateX(-50%);
		padding: 0;
		width: max-content;
		justify-content: center;
	}
	.call::before {
		background-position: calc(100% - 20px) 50%;
	}
	.call .wrapper {
		flex-wrap: wrap;
	}
	.call .wrapper .right {
		text-align: left;
	}
	.call .wrapper .right .button {
		margin-left: 0;
		margin-top: 10px;
	}
	.call .wrapper .right .phone {
		font-size: var(--h3Size);
		margin: 10px 0;
	}
	.ta .wrapper .points-wrapper {
		width: auto;
		max-width: 50%;
	}
	.points-wrapper .item .title {
		font-size: 20px;
		padding: 15px 60px;
	}
	.points-wrapper .item .title::after {
		top: 50%;
		transform: translateY(-50%) rotateZ(180deg);
	}
	.points-wrapper .item.active .title::after {
		transform: translateY(-50%);
	}
	.points-wrapper .item .title img {
		top: 50%;
		transform: translateY(-50%);
		width: 30px;
		height: 30px;
	}
	.points-wrapper .item .desc {
		font-size: 18px;
	}
	.points-wrapper .item.active .desc {
		padding: 30px 20px;
	}
	.wrapper .top-container {
		row-gap: 20px;
	}
	.wrapper .top-container .desc {
		justify-content: flex-start;
		text-align: left;
	}
	.upsides .items-wrapper {
		grid-template-columns: repeat(2,1fr);
	}
	.upsides .items-wrapper .item:last-of-type:nth-of-type(odd) {
		grid-column: 1/-1;
	}
	.achievements .wrapper .top-container {
		grid-template-columns: 100%;
	}
	.achievements .wrapper .top-container .h3 {
		text-align: center;
	}
	.achievements .top-container ul {
		margin: 0 auto;
	}
	.crm .wrapper {
		background-size: 45% auto;
	}
	.crm .wrapper .h3 {
		max-width: 50%;
	}
	.crm .crm-content {
		max-width: 50%;
	}
	.form-container .buttons input {
		font-size: 18px;
		line-height: 1;
		padding: 17px 30px;
	}
	.footer-container .contacts-container .phone p {
		font-size: 17px;
	}
	.footer-container .contacts-container .phone a {
		font-size: 40px;
	}
	.footer-container .button-container .button a {
		padding: 12px 15px;
		line-height: 1;
	}
	.modal-wrap.signup-form-wrap {
		padding: 80px 50px 50px;
	}
	.signup-form .fc_form {
		padding: 0;
	}
	.signup-form .modal-form-desc .note {
		top: 30px;
	}
	.modal.signup-form .fc_form_tml .columns_2.group {
		justify-content: flex-start;
		flex-wrap: wrap;
		margin: 0;
	}
	.modal.signup-form .fc_form_tml .columns_2.group .fc_item {
		width: 100%;
		margin: 0px 0 20px;
	}
	.signup-form .fc_form_tml .group.end {
		margin: 20px 0 0 auto;
		padding-left: 0;
	}
	.signup-form .fc_form_tml .buttons {
		position: relative;
		bottom: unset;
		margin: 20px 0 0;
	}
	.modal.signup-form .fc_form_tml .end .fc_item.fc_outputOnly .outputonly {
		padding: 0;
	}

}

@media (max-width: 1000px) {
	.header .contacts-container .text {
		font-size: 20px;
	}
	.header-slider .navs {
		right: 45vw;
	}
	.static-nav li {
		margin: 20px 10px;
	}
	.nav .static-nav {
		font-size: 0;
	}
	.nav .static-nav li {
		margin: 20px 8px;
	}
	.static-nav li a {
		font-size: 16px;
	}
	
	.present .wrapper .left {
		width: calc(50% + 20px);
		padding-right: 0;
	}
	.present .wrapper .header-slider {
		width: calc(50% - 40px);
	}	
	
	.small.container.signup {
		padding: 35px 0;
	}
	.small .contacts-container .phone,
	.footer-container .contacts-container .phone-text
	{
		margin-bottom: 35px;
		font-size: 34px;
		padding-right: 0;
	}
	/*font-size: 32px*/
	.footer-container .contacts-container .phone-text {
		margin-bottom: 0px;
	}
	/*font-size 18px*/
	.footer-container .socials-container p:not(.tip) {
		font-size: 18px;
	}
	.form-container .fc_label_wrap .elem_item input {
		font-size: 15px;
	}
	.form-container p.legal-text {
		margin-top: 5px;
		padding-right: 0;
		max-width: calc(100% - 160px);
		left: 160px;
	}
	.form-container .buttons {
		transform: translateY(0%);
	}
	

	.form-container .fc_form_tml .hintError.fill {
		font-size: 16px;
	}
		
	.diagram-wrapper {
		background-position: 50% -50%;
	}
	.diagram-wrapper .item {
		min-width: 0;
	}
	
	.diagram-wrapper .item:not(.main) img {
		height: 50px;
	}
	.diagram-wrapper .item .label {
		font-size: 20px;
	}
	.diagram-wrapper .item .text {
		font-size: 16px;
	}
	.computations-wrapper .controls .control-title {
		font-size: 20px;
		margin: 15px 0;
	}
	.computations-wrapper .controls .button-wrapper {
		height: 50px;
	}
	.computations-wrapper .results,
	.wrapper .button-wrapper {

		column-gap: 0;
	}
	.computations-wrapper .controls .button-wrapper > label {
		min-width: 40px;
		height: 40px;
		padding: 0 10px;
		font-size: 17px;
	}
	.computations-wrapper .controls .button-wrapper .tooltip {
		right: -50px;
		font-size: 18px;
	}
	.computations-wrapper .results {
		padding: 30px;
	}
	.computations-wrapper .results .top .title {
		font-size: 24px;
	}
	.computations-wrapper .results .calcs {
		padding: 20px 0;
	}
	.computations-wrapper .results .bottom .text {
		font-size: 20px;
	}
	.computations-wrapper .results .bottom .final-result {
		font-size: 35px;
	}
	.computations-wrapper .results .bottom .tooltip {
		line-height: 100%;
	}
	.computations-wrapper .results .top p:not(.title),
	.computations-wrapper .results .calcs > p,
	.computations-wrapper .results .bottom .tooltip > span {
		font-size: 16px;
	}
	.call .wrapper .phone .title {
		margin-bottom: 15px;
		max-width: 100%;
	}
	.tariffs .slick-slide {
		margin: 0 10px;
	}
	.tariffs-content .item .profit-tooltip {
		padding: 5px 15px;
		font-size: 16px;
		right: 20px;
		top: 25px;
	}
	.tariffs-content .item .image {
		width: 60px;
		height: 60px;
	}
	.tariffs-content .item .image img {
		width: 30px;
		height: 30px;
		top: calc(50% - 15px);
		left: calc(50% - 15px);
	}
	.tariffs-content .item {
		padding: 30px;
	}
	.tariffs-content .item .price-container {
		padding-top: 10px;
	}
	.tariffs-content .item .price-container .original-price {
		font-size: 15px;
	}
	.tariffs-content .item .price-container .current-price {
		width: 60%;
		font-size: 15px;
	}
	.tariffs-content .item .price-container .current-price .price {
		font-size: 30px;
		margin: 0 5px;
	}

	.pros .wrapper {
		display: block;
		
	}
	.points-container .item p,
	.points-container .item
	{
		margin: 0 auto;
		text-align: center;
	}
	.points-container .item p:not(.title, .note) {
		padding: 0 10px;
		text-align: center;
		margin: 5px 0;
	}
	.pros-points {
		grid-gap: 25px;
	}
	.pros-points::after {
		display: none;
	}
	.pros-points .item .title {
		font-size: 22px;
	}
	.pros-points .item .desc {
		font-size: 17px;
	}


	.achievements .top-container .points span {
		font-size: 15px;
	}
	.achievements .top-container .points span::before {
		width: 25px;
		height: 25px;
		margin: 0 0px;
		background-size: 50%;
		margin-right: 10px;
	}
	
	.achievements .bot-container {
		margin-top: 45px;
	}
	
	.numbers .item,
	.numbers .item.experience	{
		min-height: auto;
	}
	.numbers .item img {
		display: none;
	}
	.numbers .item .title {
		font-size: 24px;
	}
	.numbers .item p {
		font-size: 17px;
	}
	.numbers .item.honesty p:not(.title) {
		padding-right: 0;
	}
	.numbers .item .text-large {
		font-size: 60px;
	}
	.numbers .item.improvement > p:not(.title) {
		padding-right: 0;
	}
	.crm-content {
		padding: 35px 5px;
	}
	.diagram.fair .wrapper .diagram-wrapper {
		padding: 60px 0;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(3,min-content);
		width: 100%;
		grid-column-gap: 20px;
		grid-row-gap: 60px;
		
	}
	.fair .diagram-wrapper .item:nth-of-type(n) {
		grid-row: auto;
		grid-column: auto;
	}
	.small .contacts-container {
		margin: 0 auto;
	}
	.fair .diagram-wrapper .item .label {
		max-width: 165px;
		margin-top: 15px;
	}
	.fair .diagram-wrapper .item.main, 
	.fair .diagram-wrapper .item.empty {
		display: none;
	}
	
	.small .contacts-container .phone {
		margin-bottom: 10px;
	}
	.small .contacts-container .button {
		margin-top: 20px;
	}
	
	.footer-container .wrapper {
		grid-template-columns: 250px 1fr;
		column-gap: 20px;
	}
	.footer-container .static-nav li a {
		font-size: 17px;
	}
	
	.footer-container .wrapper .contacts-container {
		display: grid;
		max-width: 100%;
		grid-template-areas: "phone email" 
							"phone  buttons" 
							"call  buttons";
		grid-template-columns: 1fr .5fr;
		grid-row-gap: 0;
	}	
	.footer-container .contacts-container .button-container {
		justify-content: end;
		margin: 0;
		margin-top: 10px;
		row-gap: 5px;
		flex-direction: column;
		justify-content: end;
		align-content: end;
	}
	.footer-container .button-container .button {
		margin-right: 0;
		max-width: 160px;
		width: 100%;
		text-align: center;
		justify-self: end;
		align-self: end;	
	}
	.footer-container .socials-container p:not(.tip) {
		margin: 0;
	}
	.footer-container .contacts-container .phone .text,
	.footer-container .contacts-container .email	{
		font-size: 16px;
	}
	.footer-container .contacts-container .phone-text {
		margin-top: 10px;
	}
	.footer-container .contacts-container .callus {
		align-self: end;
		justify-self: start;
		margin-left: 0;
		padding-left: 20px; 
		height: min-content;
	}
	.footer-container .contacts-container .callus::before {
		left: 0;
		width: 15px;
		height: 15px;
		top: calc(50%);
		transform: translateY(-50%);
	}
	
	.footer-bottom .wrapper {
		grid-gap: 0;
		grid-template-columns: 100%;
		grid-template-rows: min-content;
		grid-template-areas: "info" 
							 "forbidden" 
							 "projects " 
							 "copyright";
	}
	
	.footer-bottom .img-wrapper {
		max-width: 250px;
		bottom: calc(100% - 200px);
		right: 20px;
		width: 100%;
		left: unset;
	}
	.footer-bottom .wrapper  .copyright {
		padding-right: 60px;

	}


	.footer-bottom .tip {
		margin-bottom: 15px;
	}
	
	
	
	.site-content {
		padding: 30px 0;
	}
	
	
	.popup-menu {
		padding-top: 70px;	
	}
	.popup-content .right {
		padding: 0;
		justify-content: space-between;
	}
	.popup-content .button-container, 
	.popup-content .contacts-container {
		margin-bottom: 25px;
		
	}
	.popup-content .static-nav li a {
		font-size: 32px;
	}
	.popup-content .button.callus,
	.popup-content .button-container .button span,
	.popup-content .copyright	{
		font-size: 16px;
	}
	.popup-content .copyright	{
	}
	
	.popup-content .button.callus{
		padding: 12px 24px;
		margin: 10px 0;
		margin-right: 0px;
		height: min-content;
	}
	
	.solutions-content .item {
		padding: 30px;
	}
	.solutions-content .item .title {
		font-size: 19px;
	}
	.solutions-content .item .desc {
		font-size: 17px;
	}
	.not-found .site-content  .bottom {
		margin-top: 70px;
		justify-content: center;
		grid-column-gap: 30px;
	}
	.not-found .site-content .title {
		font-size: 15px;
	}
	.not-found .site-content li, 
	.not-found .site-content .tip {
		font-size: 15px;
	}
	.present.container {
		padding: 30px 0 0;
	}
	.upsides .wrapper .left {
		width: 100%;
		padding: 0;
		max-width: unset;
	}
	.upsides .left > p:last-of-type img {
		display: none;
	}
	.upsides .wrapper {
		flex-wrap: wrap;
	}
	.upsides .items-wrapper {
		margin-top: 20px;
		grid-template-columns: repeat(3,1fr);
	}
	.upsides .items-wrapper .item:last-of-type:nth-of-type(odd) {
		grid-column: auto;
	}
	.presentation .wrapper {
		flex-wrap: wrap;
	}
	.presentation::before {
		background-size: 35% auto;
		background-position: 107% 100%;
	}
	.presentation .wrapper .left,
	.presentation .wrapper .links-container {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}

	.presentation .wrapper .left .h3 {
		margin: 0 0 20px;
	}
	.presentation .links-container .button a {
		font-size: 18px;
	}
	.presentation .links-container {
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 20px;
		margin: 20px 0;
	}
	.presentation .links-container .text {
		margin: 10px 0 0;
		max-width: 570px;
		padding: 0;
	}
	.pros .wrapper .left.narrow {
		width: 100%;
		padding: 0;
		max-width: unset;
	}
	.pros .left .h3 {
		width: 100%;
	}
	.pros .left .text {
		margin: 0 0 10px;
		padding: 0;
	}
	.wrapper .left p {
		max-width: none;
	}
	.points-container {
		margin: 10px 0 30px;
	}
	.pros-points {
		max-width: 100%;
	}
	.solutions .wrapper.solutions-content {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}
	.solutions-content .item {
		grid-row: auto;
		flex: 1 1 auto;
		width: calc(50% - 10px);
		
	}
	.solutions .wrapper .left {
		/*!order: 10;*/
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 20px 20px 20px 0;
	}
	.solutions-content .item .title {
		max-width: 100%;
	}
	.solutions-content .item .desc {
		padding-right: 5vw;
	}
	.solutions-content .item img {
		max-width: 15vw; 
	}
	.crm .wrapper {
		flex-wrap: wrap;
		background-image: none;
	}
	.crm .wrapper .h3 {
		max-width: 100%;
		margin-bottom: 30px;
	}
	.crm .crm-content {
		max-width: 100%;
	}
	.small .contacts-container .button a {
		padding: 18px 20px 18px 50px;
		font-size: 18px;
	}
	.money .wrapper .left {
		padding-right: 50px;
	}
	.wrapper .top-container:not(.center) {
		grid-template-columns: 100%;
		grid-row-gap: 20px;
	}
	.form-partner .wrapper {
		flex-wrap: wrap;
	}
	.form-partner .left .h3 {
		margin: 0 0 20px;
	}
	.form-partner .wrapper .form-container {
		max-width: 100%;
	}
	.form-container .fc_item .elem_item input {
		font-size: 16px;
		line-height: 1;
	}
	.form-container .buttons {
		bottom: 10px;
	}	
	.modal-wrap.signup-form-wrap {
		flex-wrap: wrap;
		overflow: auto;
	}
	.signup-form .modal-form-desc {
		margin: 0 0 20px;
	}
}

@media (max-width: 768px) {
	body {
		--h3Size: 36px;
		
	}
	.block-items .item .title {
			font-size: 18px;
	}
	.nav {
		display: none;
	}
	.container,	.qna  {
		padding: 45px 0;
	}

		
	.header .wrapper {
		grid-column-gap: 10px;
		grid-template-columns: max-content 1fr 50px;
	}
	.header .wrapper .contacts-container .text {
		display: none;
	}
	.present .wrapper {
		grid-row-gap: 20px;
	}
	/*font-size 35px*/
	.popup-content .contacts-container .phone .phone-text,
	.sectionTitle,
	.not-found .site-content  .top p {
		font-size: 35px;

	}
	.benefits .item .title,
	.qna-content .uss_faq_item .uss_faq_question	{
		font-size: 17px;
	}
	/*font-size 16px*/
	.site-content .nav-container,
	.content .top-container.tabs .text		{
		font-size: 16px;
	}
	.content .left .button-wrapper {
		margin-top: 40px;
		display: block;
	}	
	.header-slider {
		min-width: 300px;
		padding-bottom: 20px;
		margin-top: 30px;
	}
	
	
	.header-slider .slide-wrapper {
		width: 100%;
		left: 0;
		margin: 0 auto;
	}
	.header-slider .slide-wrapper .image {
		display: block;
		width: 300px;
		margin: 0 auto;
		text-align: center;
	}
	.header-slider .wrapper {
		display: block;
		width: 100%;
		max-width: 400%;
		padding: 0 60px;
		text-align: center;
		margin: 20px auto;
	}
	.header-slider .item {
		min-height: 150px;
	}
	.header-slider .item .img {
		flex: 1 1 auto;
		max-width: 100%;
	}
	.header-slider .item .img img {
		max-width: 100%;
	}
	.header-slider .dots,
	.header-slider .navs {
		padding: 0;
		justify-content: flex-start;
		left: unset;
		right: 0;
		width: var(--titleWidth);
		transform: none;
	}
	.present .wrapper .header-slider {
		width: 600px;
		margin: 0 auto;
	}
	.header-slider .dots {
		top: 20px;
	}
	.header-slider .item {
		width: 100% !important;
		padding: 15px 0;
	}
	.header-slider .item .img img {
		object-position: 100% 50%;
	}
	.header-slider .item .title {
		flex: 0 0 auto;
	}
	.wrapper .top-container {
		grid-row-gap: 20px;
		 
	 }
	.deco-slider .wrapper {
		padding: 15px 0;
	}
	.deco-slider .slide-content {
		font-size: 18px;
	}
	
	.scheme {
		grid-template-columns: 60px 1fr;
		grid-column-gap: 65px;
		grid-row-gap: 30px;
		margin: 30px auto;
	}
	.scheme .text {
		padding: 15px 25px;
		font-size: 18px;
		box-shadow: var(--bs2);

	}
	.scheme .text::after,
	.scheme .text:nth-of-type(2)::after, 
	.scheme .text:nth-of-type(4)::after	{
		width: 26px;
		height: 26px;
		top: calc(50% - 13px);
		left: -45px;
		background-size: contain;
		
	}
	.scheme .text .step,
	.scheme .text:nth-of-type(2) .step, 
	.scheme .text:nth-of-type(4) .step	{
		width: 60px;
		height: 60px;
		left: -125px;
		top: calc(50% - 30px);
		box-shadow: var(--bs2);
		
	}
	.scheme .text .step.coin, 
	.scheme .text:hover .step.coin {
		width: 72px;
		height: 76px;
		left: -130px;
		top: calc(50% - 38px);
		background-size: contain;
		 
	 }
	
	.workflow .bottom-image-container {
		display: none;
	}
	.partnership .points-items .item .title {
		max-width: 230px;		
	}
	.wrapper .grid .item p {
		font-size: 16px;
	}
	.wrapper .grid .item img {
		width: 40px;
		height: 40px;
	}
	.benefits {
		padding: 30px 5px;
	}
	.benefits .item {
		margin: 0px auto;
		padding: 15px 25px;
	}
	.benefits .item:first-of-type::after {
		width: 36px;
		height: 36px;
		right: -18px;
		top: calc(50% - 18px);
	}
	.benefits .item .title {
		max-width: 200px;
		font-size: 18px;
		margin: 0 0 25px;
	}
	.benefits .item .text {
		padding: 5px 10px;
		font-size: 15px;
		margin: 10px 0;
	}
	.benefits .item .text::before {
		width: 30px;
		height: 30px;
		top: 0;
		background-size: 50%;
	 }
	

	
	.diagram .wrapper {
		width: 100%;
	}
	.diagram .wrapper .diagram-wrapper,
	.diagram.fair .wrapper .diagram-wrapper	{ 
		padding: 60px 0;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(3,min-content);
		width: 100%;
		grid-column-gap: 20px;
		grid-row-gap: 60px;

	
	}
	.diagram-wrapper .item:nth-of-type(n),
	.fair .item:nth-of-type(n)	{
		align-self: start;
		justify-self: center;
		grid-column: auto;
		grid-row: auto;
		
	}
	.diagram-wrapper .item.main,
	.diagram-wrapper .item.empty	{
		display: none;
	}
	.diagram-wrapper .item .label {
		max-width: 200px;
	}
		
	.points-wrapper .item .title {
		font-size: 20px;
		padding: 15px;
	}
	.points-wrapper .item .title::after {
		width: 15px;
		height: 15px;
		
	}
	.points-wrapper .item .title img {
		width: 30px;
		height: 30px;
	}
	.points-wrapper .item .desc {
		font-size: 16px;
	}
	
	.computations-wrapper {
		 grid-template-columns: 100%;
		 min-width: unset;
		 width: 100%;
		 padding: 15px 15px;
	}
	.calc .controls,
	.computations-wrapper>.title,
	.computations-wrapper .results::after	{
		display: none;
	}
	.call .wrapper .phone {
		text-align: left;
		max-width: 500px;
		width: 100%;
		margin: 0 auto;
	}
	.wrapper .top-container.tabs .controls {
		justify-self: center;
	}
	.wrapper .top-container.tabs .controls span {
		font-size: 16px;
		padding: 10px 25px;
	}

	.upsides .wrapper .items-wrapper {
		grid-gap: 10px;
		grid-template-columns: repeat(2,1fr);
		grid-template-rows: min-content;
		padding-top: 0;
	}
	.upsides .wrapper .items-wrapper .item {
		padding: 25px 15px;
		text-align: center;
	}
	.upsides .wrapper .items-wrapper .item .title {
		margin-top: 20px;
	}
	.upsides .wrapper .items-wrapper .item .desc {
		font-size: 16px;
	}
	.upsides .wrapper .items-wrapper .item:last-of-type:nth-of-type(odd) {
		grid-column: 1/-1;
		justify-self: center;
		width: 100%;
	}
	
	.examples .slider-wrapper .slick-arrow {
		width: 60px;
		height: 60px;
		top: calc(50% - 30px);
		background-size: 50%;
	}
	.examples .slider-wrapper .prev {
		left: -10px;
	}
	.examples .slider-wrapper .next {
		right: -10px;
	}
	
	.examples .wrapper .top-container.tabs .controls {
		max-width: 100%;
		width: max-content;
		padding: 5px;
	}
	.examples .wrapper .top-container.tabs .controls span {
		padding: 10px 10px;
		font-size: 16px;
		margin: 0;
		text-align: center;
		transition: all .3s;
	}
	.examples .slider-wrapper {
		width: 100%;
		max-width: 100%;
		left: 0;
		mask: none;
		min-height: 500px;
		overflow: visible;
	}
	.examples .slider-wrapper::before {
		display: none;
	}
	.examples .slider-content {
		left: 0;
	}
	.examples .slider-content .slick-slide {
		width: max-content;
		margin-right: 30px;
	}
	.examples .slider-content .img-wrapper {
		width: 215px;
		height: 360px;
		z-index: 1;
		
	}

	.timetable-content .item .title {
		font-size: 22px;		
	}
	.timetable .wrapper .top-container.tabs .title {
		grid-row: auto;
		grid-column: auto;
	}
	.timetable .wrapper .top-container.tabs .note {
		grid-row: auto;
		grid-column: auto;
	} 
	.timetable .wrapper .top-container.tabs .controls {
		grid-column: auto;
		grid-row: auto;
	}
	.timetable .wrapper .top-container.tabs .text {
		grid-row: 3;
		grid-column: auto;
	}
	.small .wrapper .links-container .text {
		overflow: visible;
		font-size: 16px;
		margin: 10px 0;
		height: auto;
	}
	.pros .wrapper .left {
		width: 100%;
	}
	.points-container {
		grid-gap: 30px;
		width: 100%;
		margin: 0 auto;
		margin-top: 20px;
	}
	.pros-points {
		margin-top: 30px;
	}
	.pros-points .item {
		text-align: center;
		padding: 25px;
	}
	.pros-points .item img {
		width: 50px;
		height: 50px;
	}
	.pros-points .item .title {
		margin: 10px 0;
	}
	.pros-points .item .desc {
		font-size: 15px;
	}

	.achievements .wrapper .top-container .points span {
		font-size: 18px;
		display: block;
		width: 100%;
		margin: 15px 0;
	}
	.achievements .rating-container .item {
		max-width: 250px;
		text-align: center;
	}
	.achievements .rating-container .item p {
		text-align: center;
	}

	
	
	.numbers {
		grid-gap: 15px;
		padding: 30px 10px;
		
	}
	.numbers .item,
	.numbers .item.experience	{
		min-height: auto;
		padding: 15px;
	}
	.numbers .item img {
	}
	.numbers .item .title {
		font-size: 16px;
	}
	.numbers .item p {
		font-size: 15px;
	}
	.numbers .item.honesty p:not(.title),
	.numbers .item.improvement > p:not(.title)	{
		padding-right: 0;
	}
	.numbers .item .text-large {
		font-size: 34px;
	}	
	.crm-content .title {
		 font-size: 26px;
	 }
	.crm-content {
		padding: 15px 5px;
	}
	.fair .wrapper .diagram-wrapper {
	}		
	
	.extra-text .diagram-wrapper .item {
		max-width: unset;
		min-width: 0;
		width: 100%;
	}
	.extra-text .diagram-wrapper .item .text {
		width: 100%;
	}
	.extra-text .diagram-wrapper .item .text p {
		display: inline-block;
	}

	.qna-content .uss_faq_item .uss_faq_question {
		padding-left: 55px;
		padding-right: 55px;
	}
	.qna-content .uss_faq_item .uss_faq_reply {
		height: unset;
		font-size: 16px;
		padding: 0px 25px;
		transition: padding .5s, height .5s, max-height .5s;
	}
	.qna-content .uss_faq_item.active .uss_faq_reply {
		padding: 15px 25px;
	}
	
	.solutions .wrapper.solutions-content {
		grid-template-columns: 1fr 1fr;	
	}
	.solutions-content .item .title,
	.solutions-content .item .desc {
		max-width: 100%;
		width: 100%;
	}
	
	
	
	.footer-container .wrapper {
		grid-template-areas: "logo" 
							 "nav" 
							 "soc" 
							 "contacts";
		grid-template-rows: min-content;
		grid-template-columns: 100%;
		grid-gap: 20px;
	}
	.footer-container .logo-container {
		justify-self: center;
	}
	.footer-container .wrapper .static-nav {
		margin-bottom: 0;
		justify-content: center;
		flex-wrap: wrap;
		border-top: solid 1px var(--g4);
		border-bottom: solid 1px var(--g4);
	}
	.footer-container .wrapper .static-nav {
		border-top: solid 0px var(--g4);
		border-bottom: solid 0px var(--g4);
		display: grid;
		grid-template-columns: repeat(4,1fr);
		justify-content: center;
		text-align: center;
		grid-gap: 15px;
		padding: 20px 0;
		
	}
	.footer-container .static-nav li {
		margin: 0;
		justify-self: center;
	}
	.footer-container .socials-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		flex-direction: row;
		column-gap: 25px;
	}
	
	.footer-container .socials-container  .tip {
		width: 100%;
		margin: 20px 0;
	}
	.footer-container .socials-container p:not(.tip) {
		padding-left: 20px;
		font-size: 16px;
		margin-bottom: 0;
	}
	.footer-container .socials-container p:not(.tip) a img {
		top: calc(50% - 8px);
		height: 16px;
		max-width: 16px;
		object-fit: contain;
		object-position: 50% 50%;
	}

	.footer-container .wrapper .contacts-container {
		justify-self: start;
		grid-row-gap: 10px;
	}
	.footer-container .contacts-container .phone .text, 
	.footer-container .contacts-container .email {
		font-size: 15px;
	}
	.footer-bottom .wrapper {
		grid-template-areas: "info"
							 "forbidden" 
							 "projects"
							 "copyright";
		grid-template-columns: 100%;
		max-width: 500px;
		grid-row-gap: 00px;
		grid-column-gap: 20px;
		
	}
	.footer-bottom .wrapper .projects-container {
		margin-top: 20px;
	}
	.footer-bottom .wrapper .forbidden {
		align-self: end;
	}
	.footer-bottom .tip, 
	.footer-bottom .legal-container p:not(.tip) {
		font-size: 16px;
		margin: 10px 0;
	}

	.footer-bottom .wrapper .projects-container p:not(.tip) {
		width: 100%;
		margin-top: 0px;
	}
	
	
	.footer-bottom .wrapper .copyright p {
		 font-size: 15px;
	 }
	.footer-bottom .wrapper   .copyright {
		margin-top: 20px;
		padding-right: 80px;
		 
	 }
	.footer-bottom .img-wrapper {
		max-width: 300px;
		bottom: unset;
		right: unset;
		top: 50%;
		width: 40vw;
		left: 350px;
		transform: translateY(-50%);
	}


	
	.fc_form_tml .hintError.fill {
		font-size: 15px;
	}
	.fc_form_tml .hintError.fill::after {
		width: 15px;
		height: 15px;
		background-size: 3px;
	}
	
	.popup-menu {
		padding-top: 25px;
		padding: 20px;
		max-width: 100vw;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.popup-content {
		height: 100%;
		max-height: 100%;
	}
	.popup-content .left,
	.popup-content .right {
		margin: 0;
		width: 100%;
	}
	.popup-content .copyright {
		flex: 0 0 auto;
		max-width: unset;
		width: max-content;
		margin: 0;
	}
	.popup-content .static-nav {
		width: 100%;
		max-width: 100%;
		text-align: left;
		display: block;
		padding-right: 50px;
	}
	
	.popup-content .static-nav li,
	.popup-menu ul > li:not(:last-child)	{
		margin: 20px 0;
	}	
	.popup-content .static-nav li a {
		font-size: 24px;
	}
	.popup-menu .close {
		position: fixed;
		--psize: 40px;
		right: 30px;
		top: 30px;
	}

	.popup-content .contacts-container .phone .text, .popup-content .contacts-container .email {
		font-size: 18px;
	}
	.popup-content .button-container {
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
		justify-self: start;
		column-gap: 10px;
		justify-content: start;
	}
	.popup-content .button-container .button {
		width: max-content;
	}
	.popup-content .button-container .button .btn-icon {
		width: 15px;
		height: 15px;
		margin-right: 8px;
	}
	.popup-content .button-container .button .btn-icon.telegram,
	.popup-content .button-container .button .btn-icon.whatsapp {
		background-size: 100%;
	}

	
	.popup-content .projects-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		flex-direction: column;
		align-self: start;
		text-align: left;
		max-width: 100%;
	}
	.popup-content .projects-container p.tip {
		width: 100%;
		font-size: 18px;
	}
	.popup-content .projects-container p:not(.tip) {
		margin-right: 45px;
	}
	.popup-content .projects-container p a {
		font-size: 20px;
	}
	.popup-content .copyright {
		font-size: 18px;
	}

	.privacy-policy,
	.privacy-policy .uss_section_content ul.checkmark li	{
		font-size: 15px;
	}
	.privacy-policy ul li span {
		font-size: 16px;
	}
	.privacy-policy .uss_section_content > ul > li {
		margin-top: 20px;
	}
	.privacy-policy .uss_section_content > ul > li > ul {
		padding-left: 10px;
	}
	.privacy-policy ul li {
		margin-top: 15px;
	}
	.privacy-policy .uss_section_content > ul > li > ul > li > ul {
		padding-left: 25px;
	}
	.privacy-policy .uss_section_content ul.checkmark {
		padding-left: 25px;
	}
		
	.privacy-policy .uss_section_content ul.checkmark li::after {
		left: -25px;
		width: 16px;
		height: 15px;

	}	
	
	
	.site-content .wrapper {
	}
	.privacy-policy .site-content .uss_section_content ul.checkmark {
		padding-left: 35px;
	}
	.privacy-policy .site-content .uss_section_content ul.checkmark li {
		font-size: var(--pSize);
	}
	.privacy-policy .site-content .uss_section_content ul.checkmark li::after {
		width: 24px;
		height: 24px;
		top: 1px;
		left: -35px;
	}
	.site-content .nav-container a:not(:last-of-type)::after {
		width: 25px;
		background-size: contain;
	}
	.not-found .site-content  .bottom {
		grid-template-columns: 100%;
		grid-column-gap: 0;
		grid-row-gap: 40px;
		margin-top: 40px;
	}
	.logo-container .slogan {
		font-size: 15px;
	}
	.logo-container .companyname {
		font-size: 24px;
	}
	.present .wrapper {
		flex-direction: column;
		gap: 0;
	}
	.present .wrapper .left {
		width: 100%;
		padding: 0;
	}
	.present .wrapper .header-slider {
		width: auto;
		max-width: 100%;
		padding: 20px 0;
	}
	.header-slider .item .img {
		margin-right: 30px;
		height: 150px;
	}
	.header-slider .item .img img {
		max-height: 100%;
		max-width: 100%;
		display: block;
		object-fit: contain;
		object-position: 50% 50%;
	}
	.header-slider .item {
		flex-direction: row;
		margin: 0 auto;	
	}
	.header-slider .item .title {
		text-align: left;
	}
	.header-slider .navs {
		bottom: 20px;
	}
	.call::before {
		height: 100%;
		background-position: calc(100% - 20px) calc(100% - 20px);
	}
	.call .wrapper .right .button {
		font-size: 18px;
		padding: 16px 30px;
	}
	.diagram .wrapper .diagram-wrapper {
		padding: 0px 0;
	}
	.ta .wrapper {
		flex-wrap: wrap;
	}
	.ta .wrapper .left {
		padding: 0;
	}
	.ta .wrapper .points-wrapper {
		max-width: 100%;
		margin-top: 20px;
	}
	.container .left {
		padding-right: 0;
	}
	.points-container .item p {
		font-size: 15px;
		max-width: 180px;
	}
	.pros-points .item .title {
		font-size: 18px;
	}
	.pros-points .item {
		padding: 20px 10px;
	}
	.pros-points .item .desc {
		font-size: 15px;
	}
	.achievements .top-container ul {
		max-width: 100%;
		margin: 0 auto;
		grid-gap: 10px;
		width: 100%;
	}
	.achievements .top-container ul li {
		font-size: 16px;
		margin: 0 0px;
		width: 100%;
	}
	.achievements .top-container ul li::before {
		width: 24px;
		height: 24px;
		margin: 0 10px 0 0;
		flex: 0 0 auto;
		align-self: start;
		top: 1px;
		position: relative;
		background-size: 50%;
	}
	.numbers.container {
		grid-template-columns: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.numbers .item:nth-of-type(n) {
		z-index: 1;
		grid-column: auto;
		padding-right: 20%;
		
	}
	.numbers .item img {
		display: block;
		position: absolute;
		bottom: -5px;
		right: -5px;
		width: 20vw;
		max-width: 150px;
		margin: 0;
		z-index: -1;
	}
	.solutions .button {
		margin: 20px 0 0;
		font-size: 18px;
		line-height: 1;
		padding: 12px 20px;
	}
	.small.container .wrapper {
		flex-wrap: wrap;
	}
	.small .contacts-container {
		width: 100%;
		max-width: 100%;
		margin: 20px 0 0;
	}
	.money .wrapper .left {
		max-width: 100%;
		padding-right: 0;
	}
	.money::before {
		background-size: 30vw auto; 
	}
	.qna .left .h3 {
		margin: 0 0 20px;
	}
	.bws-content, .inform-content {
		margin-top: 20px;
	}
	.bws-content .item, .inform-content .item {
		margin: 5px auto;
	}
	body {
		--pSize: 18px;
	}
	.modal-wrap.signup-form-wrap {
		padding: 30px;
	}
	.signup-form .modal-form-desc {
		padding-right: 50px;
		width: 100%;
		font-size: 18px;
	}
	.signup-form .modal-form-desc .note {
		font-size: 18px;
		margin: 10px 0 0;
		top: unset;
		position: relative;
		display: none;
	}
	.signup-form .modal-form-desc p {
		margin: 10px 0 0;
	}
	.signup-form .modal-form-desc a.wa, 
	.signup-form .modal-form-desc a.tg {
		font-size: 18px;
	}
	.modal.signup-form .fc_form_tml .elem_item textarea {
		height: 80px;
	}
	.signup-form .fc_form_tml .fc_outputOnly {
		font-size: 16px;
	}
	.modal.signup-form .fc_form_tml .buttons input.styler[type="submit"] {
		font-size: 18px;
		padding: 15px 20px;
	}
	.signup-form .fc_form_tml .group.end,
	.form-agent .fc_form_tml .group.end,
	.form-partner .fc_form_tml .group.end {
		width: calc(100% - 160px);
		margin: 20px 0 0 auto;
	}
}

@media (max-width: 600px) {
	body {
			--h3Size: 30px;
			--pSize: 16px;
		}
	.wrapper .left.narrow {
		width: 100%; 
	}
	.header-slider .item {
	--titleWidth: 300px;
	flex-direction: column;
	padding: 35px 0 0;
	}
	.header-slider .item .img {
	max-width: 300px;
	max-height: 205px;
	margin: 0px auto;
	}
	.header-slider .item .img img {
	max-height: 100%;
	}
	.header-slider .item .title {
	text-align: center;
	font-size: 20px;
	}
	.header-slider .dots,
	.header-slider .navs {
	justify-content: center;
	left: 50%;
	transform: translateX(-50%);

	}
	.workflow {
		background-position: 0% calc(109%), calc(94%) calc(105%);
		background-size: 25%, 25%;
	}
	
	.block-items .item {
		width: calc((100% - 10px) / 2);
	}
	.block-items .item .img {
		width: 40px;
		height: 40px;
		margin: 0 auto 5px;
	}
	.block-items .item .title {
		font-size: 16px;
	}
	.partnership .benefits {
		grid-template-columns: 100%;
		padding: 20px;
	}
	.benefits .item {
		padding: 0;
	}
	.benefits .item:first-of-type {
		border: 0;
		border-bottom: dashed 1px var(--g2);
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.benefits .item:first-of-type::after {
		left: 50%;
		right: auto;
		top: 100%;
		transform: translate(-50%, -50%);
	}
	.benefits .item .title {
		font-size: 18px;
		max-width: 100%;
		margin: 0 0 10px;
	}
	.benefits .item .text {
		font-size: 15px;
		margin: 20px 0 0;
		padding: 0;
	}
	.benefits .item .text::before {
		background-size: 50%;
		width: 24px;
		height: 24px;
		position: relative;
	}
	
	.calc .wrapper .left {
		padding: 0;
	}
	.calc .wrapper .left .h3 {
		margin: 0 0 20px;
		text-align: center;
	}
	.form-block::after {
		background-size: auto 150px;
	}
	.form-block .wrapper {
		flex-wrap: wrap;
		padding-bottom: 50px;
	}
	.form-block .wrapper .left .h3 {
		margin-bottom: 15px;	
	}

	.form-block .wrapper .right {
		margin-top: 10px;
	}
	.form-block .fc_item .elem_item .styler {
		font-size: 18px;	
	}
	.form-block .fc_form_tml .group.end {
		position: relative;
		width: 100%;
		order: unset;
		margin: 10px 0 0px;
	}
	.form-block .fc_form_tml .group.end .fc_item.fc_outputOnly .outputonly { 
		padding-right: 0;
		font-size: 15px;
	}
	.form-block .fc_form_tml .buttons .submit {
		padding: 17px 30px;
		font-size: 18px;
	}
	.ta .wrapper .left .h3 {
		margin-bottom: 20px;
		
	}
	.present .button-wrapper {
		margin-top: 20px;
		width: 100%;
		column-gap: 5px;
		justify-content: center;
	}
	.present .button a {
		font-size: 16px;
		padding: 15px 25px 15px 50px;
	}
	.present .button a::before,
	.present .button a::after { 
		width: 25px;
		height: 25px;
		left: 15px;
		
	}
	.button-wrapper .button.download a::after {
		background-size: 10px;
	}
	.button-wrapper .button.video a::after { 
		background-size: 7px;
	}
	.header-slider .item {
		flex-direction: column;	
	}
	.header-slider .item .img {
		display: flex;
		margin: 0px 0;
		height: 150px;
		width: 100%;
		max-width: 100%;
	}
	.header-slider .item .title {
		text-align: center;
	}
	
	.header-slider .item .img img {
		object-position: 50% 50%;
	}
	.header-slider .dots {
		top: 0px;
		display: flex;

	}
	.header-slider .dots,
	.header-slider .navs {
		left: 50%;
		transform: translateX(-50%);
		right: unset;
		justify-content: center;

	}
	
	.benefits .item:first-of-type .text,
	.benefits .item:last-of-type .text {
		padding: 5px;
	}
	.wrapper .top-container .desc {
		font-size: 15px;
		display: none;
	}
	.wrapper .top-container.tabs .controls {
		justify-self: start;
	}
	.container {
		padding: 30px 0;
	}
	.upsides .wrapper .items-wrapper .item .desc {
		font-size: 15px;
	}
	.presentation .links-container .button a {
		padding: 16px 16px 16px 42px;
		font-size: 16px;
		margin: 5px 0;
	}
	.links-container .button a::before, 
	.links-container .button a::after {
		width: 20px;
		height: 20px;
		left: 16px;
		background-size: 10px;
	}
	.links-container .button.download a::after, 
	.links-container .button.video a::after {
		background-size: 10px;
	}
	.links-container .button.video a::after {
		background-size: 7px;
		background-position: 55% 50%;
	}
	.pros-points {
		padding: 0;
	}
	.points-container {
		grid-gap: 15px;
	}
	.solutions .wrapper.solutions-content {
		gap: 10px;
	}
	.solutions-content .item {
		padding: 15px;
	}
	.diagram.fair .wrapper .diagram-wrapper {
		padding: 0px 0;
		grid-gap: 20px;
	}
	.fair .diagram-wrapper .item:not(.main) img {
		margin: 0 auto;
	}
	.fair .diagram-wrapper .item .label {
		margin: 5px auto;
	}
	.diagram-wrapper .item .text {
		font-size: 15px;
	}
	.form-partner .fc_form .group.end {
		width: 100%;
		order: unset;
		margin: 10px 0 0;
	}	
	.footer-container .contacts-container .phone p {
		font-size: 15px;
	}
	.footer-container .contacts-container .phone a {
		font-size: 26px;
	}
	.footer-container .button-container .button a {
		padding: 12px 15px;
		font-size: 15px;
	}
	.footer-container .contacts-container .button-container {
		justify-content: center;
	}
	.footer-container .button-container .button a::before {
		width: 18px;
		height: 18px;
		background-size: contain;
	}
	.popup-content .button-container .button a {
		font-size: 16px;
		padding: 10px 20px;
	}
	.modal .modal-wrap.signup-form-wrap .close {
		width: 30px;
		height: 30px;
		right: 12px;
		top: 12px;
	}
	.signup-form .modal-form-desc {
		padding: 0;
		font-size: 15px;
	}
	.signup-form .modal-form-desc a.wa, 
	.signup-form .modal-form-desc a.tg {
		font-size: 15px;
	}
	.signup-form .modal-form-desc a.wa::before, 
	.signup-form .modal-form-desc a.tg::before {
		width: 20px;
		height: 20px;
		background-size: 100%;
	}
	.signup-form .fc_form_tml .fc_outputOnly {
		font-size: 15px;
	}
	.modal .modal-wrap.signup-form-wrap .group .fc_item {
		margin: 0 0 10px;
	}
	.signup-form .fc_form_tml .group.end {
		margin: 10px 0 0;
		width: 100%;
		order: unset;
	}
	.form-container p.legal-text {
		position: relative;
		left: unset;
		max-width: 100%;
	}
	.form-container .buttons {
		position: relative;
		bottom: unset;
	}
	.header {
		padding: 5px 0;
	}
	
	.header .wrapper {
		grid-template-columns: max-content 1fr 40px;
	}
	
	.logo-container .logo-image img {
		width: 25px;
		height: 25px;
	}
	.logo-container .companyname {
		font-size: 20px;
		text-rendering: geometricPrecision;
		-webkit-font-smooth: antialiased;
	}
	.logo-container a {
		height: 40px;
		grid-template-rows: 13px 22px;
		grid-row-gap: 2px;
	}
	.logo-container .slogan {
		font-size: 15px;
	}
	.contacts-container .icon {
		vertical-align: middle;

	}

	.menu-button {
		width: 40px;
		height: 40px;
	}
	.present.container {
		padding: 20px 0 0;
	}
	.wrapper .left-container .button-wrapper .button {
		padding: 10px 15px;
		margin-right: 10px;
	}
	
	.present .wrapper .button-wrapper .button a {
		font-size: 16px;	
	}
	
	.present .wrapper .button-wrapper .button  .btn-icon {
		width: 18px;
		height: 18px;
		background-size: contain;
		margin-right: 8px;
	}
	.present .wrapper .button-wrapper .button  .btn-icon.download {
		background-size: 50%;
	}
	/*font-size 33px*/
	.sectionTitle,
	.not-found .site-content  .top p {
		font-size: 33px;
	}
	/*font-size 16px*/
	.wrapper .top-container .note {
		font-size: 16px;
	}
	.wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
		

	.deco-slider .slide-content {
		font-size: 16px;
		padding: 0 20px;
	}
	.deco-slider .wrapper {
		padding: 10px 0;
	}
	
	.scheme {
		grid-template-columns: 100%;
		grid-column-gap: 0;
		grid-row-gap: 30px;
		margin: 30px 0;
		width: 100%;
	}
	.scheme .text {
		padding: 15px 25px;
		font-size: 18px;
		box-shadow: var(--bs2);
	}
	.scheme .text:nth-of-type(n) {
		grid-row: unset;
		grid-column: unset;
		justify-self: center;
	}
	.scheme .text::after,
	.scheme .text:nth-of-type(3n)::after,
	.scheme .text:nth-of-type(3n+1)::after,
	.scheme .text:nth-of-type(3n+2)::after {
		display: block;
		width: 10px;
		height: 45px;
		left: calc(50% - 5px);
		top: -45px;
		background-color: inherit;
		background-image: none;
		z-index: -1;
		border-radius: 0;
	}	
	.scheme .text:first-of-type::after,
	.scheme .text .step,
	.scheme .decor-line {
		display: none;	
	}
	.workflow-container,.small-container {
		padding: 60px 0;
		
	}

	.wrapper .left.grid	{
		
	}
	.wrapper .left.grid .item img {
		width: 35px;
		height: 35px;
	}
	.wrapper .left.grid .item .text {
		font-size: 15px;
	}

	.diagram .wrapper .diagram-wrapper {
		margin: 25px 0;
		padding: 0;
		background-size: cover;
		grid-gap: 20px;
	}
	.diagram-wrapper .item:not(.main) img {
		height: 35px;
		margin-bottom: 10px;
	}
	.diagram-wrapper .item .label {
		font-size: 16px;
		margin-top: 10px;
	}
	.points-wrapper .item .title {
		font-size: 18px;
	}

	.wrapper .top-container.tabs .text {

		font-size: 16px;
		
	}
	

	.wrapper .top-container.tabs  .controls span {
		font-size: 15px;
		padding: 10px 15px;		
	}


	.upsides .wrapper .items-wrapper .item {
		padding: 15px 10px;
		text-align: center;
	}
	.upsides .wrapper .items-wrapper .item img {
		width: 40px;
		height: 40px;
	}
	.upsides .wrapper .items-wrapper .item .title {
		font-size: 16px;
		margin: 10px 0;
	}
	.examples .slider-wrapper::before {
		display: none;
	}
	.examples .wrapper .top-container.tabs .controls {
		max-width: 100%;
		width: max-content;
		padding: 5px;
	}
	.examples .slider-wrapper {
		width: 100%;
		max-width: 100%;
		left: 0;
		mask: none;
		min-height: 500px;
		overflow: visible;
		
	}
	.examples .slider-content {
		left: 0;
	}
	.examples .slider-content .slick-slide {
		width: max-content;
		margin-right: 10px;
	}
	.examples .slider-content .img-wrapper {
		width: 195px;
		height: 360px;
		z-index: 1;
		
	}
	.examples .slider-content .img-wrapper img {
		transition: all 1s;
		will-change: transform;
		z-index: 2;
	}
	.examples .slider-content .img-wrapper:hover img {
		transform: scale(1.1);
	}
	.examples .slider-wrapper .slick-arrow {
		width: 40px;
		height: 40px;
		
		top: calc(50% - 20px);
		background-size: 50%;
	}
	.examples .slider-wrapper .prev {
		left: 10px;
	}
	.examples .slider-wrapper .next {
		right: 10px;
	}
	.trust .top-container .title {
		margin-bottom: 20px;
	}
	.trust .img-wrapper {
		width: 100px;
		height: 50px;
	}
	.trust .slide::after {
		width: 24px;
		height: 24px;
		right: -45px;
		top: calc(50% - 12px);
	}
	.trust .slider-wrapper .slider-content .slick-slide {
		width: 100px;
		margin-right: 65px;
	}
	.trust .slider-wrapper {
		margin-top: 30px;
		min-height: 50px;
	}
	
	
	.pros-points {
		grid-gap: 10px;
	}
	.pros-points .item .title {
		font-size: 17px;
	}
	
	.achievements .wrapper .top-container {
		grid-template-columns: 100%;
		grid-template-rows: min-content;
		
	}
	.achievements .wrapper .top-container .points {
		grid-column: 1;
		grid-row: auto;
	}
	.achievements .wrapper .top-container .points span {
		display: block;
		width: 100%;
		margin: 15px 0;
	}
	.achievements .wrapper .bot-container {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.achievements .wrapper .extra-container .title {
		font-size: 20px;
		max-width: 250px;
		
	}
	.achievements .wrapper .extra-container p {
		font-size: 16px;
	}
	
	.rating-container .item img {
		max-width: 120px;
		max-height: 120px;
	}
	.rating-container .item {
		text-align: center;
		margin: 20px 0;
	}
	.rating-container .item p {
		font-size: 20px;
		text-align: center;
		margin-top: 15px;
	}
	.achievements .wrapper .extra-container {
		justify-self: center;
	}
	
	
	
	.bws-content,.inform-content {
		display: grid;
		grid-template-columns: 100%;

		margin-top: 65px;
		
	}
	.bws-content .item,
	.inform-content {
		grid-gap: 5px;
	}
	.bws-content .item .title,
	.inform-content .item .title {
		font-size: 18px;
	}
	.bws-content .item .text,
	.inform-content .item .text {
		font-size: 15px;
	}
	 
	.timetable-content .item .title {
		font-size: 16px;
		
	}
	.timetable-content .item .tt-id {
		width: 26px;
		height: 26px;
		font-size: 15px;
		right: 15px;
		top: 15px;
	}
	.timetable-content .item {
		border-radius: 20px;
		background: var(--w2);
		padding: 15px 0 0 15px;
		width: 275px;
		height: 290px;
		overflow: hidden;
		position: relative;
	}
	
	.pros-points .item {
		padding: 15px 10px;
	}
	.pros-points .item .desc {
		font-size: 15px;
	}
	.solutions-content .item .title {
		font-size: 17px;
	}
	.solutions-content .item .desc {
		font-size: 15px;
		padding-right: 10vw;
	}
	.inform-content .item {
		padding: 15px;
	}

	 
	.footer-container {
		padding: 30px 0;
		
	}
	.footer-container .wrapper {
		grid-template-areas: "logo" "nav" "soc" "contacts";
		grid-template-columns: 100%;
		grid-template-rows: min-content;
		max-width: 100%;
		min-width: 0;
		grid-column-gap: 0px;	
	}
	.footer-container .logo-container {
		justify-self: center;
	}
	.footer-container .wrapper .static-nav {
		justify-self: center;
		margin-bottom: 0;
		display: block;
		border-top: solid 1px var(--g4);
		border-bottom: solid 1px var(--g4);
		padding: 10px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;

	}
	.footer-container .static-nav li {
		width: max-content;
		margin: 0;
		display: block;
		margin: 0px;
		font-size: 22px;
	}
	.footer-container .static-nav li a {
		font-size: 17px;
	}
		
	.footer-container .socials-container {
		justify-self: start;
		width: 100%;
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		column-gap: 15px;
	}
	.footer-container .socials-container .tip {
		width: 100%;
		margin-bottom: 10px;
	}
	.footer-container .socials-container p:not(.tip) {
		font-size: 16px;
		padding: 0;
		display: inline-block;
		padding-left: 0px;
		margin: 0;
		
	}
	.footer-container .socials-container p:not(.tip) img {
		top: calc(50% - 8px);
		height: 16px;
		display: none;
		object-fit: cover;
	}
	.footer-container .wrapper .contacts-container {
		max-width: 100%;
		min-width: 0;
		text-align: left;
	}

	.footer-container .contacts-container .phone .text,
	.footer-container .contacts-container .email	{
		font-size: 15px;
	}
	.footer-container .contacts-container .phone-text {
		 font-size: 30px;
		 margin-top: 10px;
		 margin-bottom: 10px;

	}
	.footer-container .contacts-container .email {
	}
	.footer-container .contacts-container .callus {
		width: max-content;
		margin: 0;
	}
	.footer-container .contacts-container .button-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		margin-top: 0;
		row-gap: 5px;
	}
	.footer-container .contacts-container .button-container .button {
		margin: 0;
	}
	.footer-container .button-container .button .btn-icon {
		width: 20px;
		height: 20px;
	}
	
	.footer-bottom .wrapper {
		grid-row-gap: 10px;
		grid-template-areas: "info" "projects" "forbidden" "copyright";
		grid-template-columns: 100%;
		grid-column-gap: 0px;
	}
	.footer-bottom .wrapper .legal-container {
		width: 100%;
	}
	.footer-bottom .wrapper .forbidden {
		align-self: start;
	}
	.footer-bottom .tip, 
	.footer-bottom .legal-container p:not(.tip) {
		font-size: 15px;
		padding: 0;
		width: 100%;
		margin: 5px 0;
	}
	.footer-bottom .legal-container p:not(.tip)::before {
		display: none;	
	}

	.footer-bottom .forbidden p, .footer-bottom .copyright p {
		 font-size: 15px;
	 }
	.footer-bottom .img-wrapper {
		width: 40vw;
		bottom: -10%;
		top: unset;
		transform: none;
		height: max-content;
		z-index: -1;
		left: 300px;
	}
	.footer-bottom .wrapper .projects-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		height: max-content;
		padding: 0;
		margin: 0;
	}
	.footer-bottom .wrapper .projects-container p:not(.tip) {
		font-size: 15px;
		margin-right: 0px;
	}
	.footer-bottom .tip, .footer-bottom .legal-container p:not(.tip), 
	.footer-bottom .projects-container p:not(.tip) a {
		font-size: 15px;
	}
	.footer-bottom .wrapper .forbidden p, 
	.footer-bottom .wrapper .copyright p {
		font-size: 15px;
	}

	
	
	.popup-menu {
		max-width: 100%;
	}
	.popup-content .static-nav li, .popup-menu ul > li:not(:last-child) {
		margin: 10px 0;
	}
	.popup-content .static-nav li a {
		font-size: 20px;
	}
	.popup-menu .close {
	}
	.popup-content .contacts-container .phone .text, 
	.popup-content .contacts-container .email {
		font-size: 16px;
	}
	.popup-content .button-container {
		
	}

	.popup-content .button-container .button .btn-icon {
		width: 15px;
		height: 15px;
		margin-right: 5px;
	}
	.popup-content .button-container .button .btn-icon.telegram,
	.popup-content .button-container .button .btn-icon.whatsapp {
		background-size: 100%;
	}
	
	.popup-content .button-container, 
	.popup-content .contacts-container {
		margin-bottom: 10px;
	}
	.popup-content .popup-bottom {
		flex-wrap: wrap;
		margin-top: 15px;
		
	}
	.popup-content .projects-container {
		justify-content: space-between;
		width: 100%;
		margin-bottom: 10px;
	}
	.popup-content .projects-container p.tip {
		width: 100%;
		font-size: 16px;
	}
	.popup-content .projects-container p:not(.tip) {
		margin-right: 10px;
	}
	.popup-content .projects-container p a {
		font-size: 16px;
	}
	.popup-content .copyright {
		font-size: 16px;
		order: 10;
		width: 100%;
		
	}

}




.anim:not(.numbers) .item,
.solutions-content.anim .left-container,
.anim:not(.timetable-content) .img-wrapper,
.anim .extra-container,
.anim .uss_faq_item,
.anim.popup-content .static-nav li {
	visibility: hidden;
}
.anim.numbers {
	mask: radial-gradient(circle,black 0,black 40%,transparent 50%,transparent 100%);
	mask-repeat: no-repeat;
	mask-position: 50% 50%;
	mask-size: 0% 0%;
	--webkit-mask-size: 0% 0%;
	
}
.diagram-wrapper .item.fadeInLeft {

}
/*animation-setup*/

.fadeInLeft {
	animation-name: fadeLeft;
}
.fadeInRight {
	animation-name: fadeRight;	
}

.fadeInTop {
	animation-name:  fadeTop;
	
}
.fadeInBottom {
	animation-name:  fadeBottom;	
}
.fadeInScale {
	animation-name:  fadeScale;
}

.fadeOutLeft {
	animation-name:  fadeLeft;
}
.fadeInLR {
	animation-name: fadeLeftRotate;
	
}
.fadeInLeft, .fadeInRight,.fadeInTop,.fadeInBottom,.fadeInScale,.clipInDiag,.fadeInLR {
	animation-fill-mode: forwards;
	animation-direction: reverse;
	animation-delay: 0s;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	visibility: visible !important; 
	
}
.fadeInLR {
	animation-duration: 0.5s;
	transform-origin: top left;
	
}
.clipInDiag {
	animation-name:  clipDiag;
	animation-timing-function: ease-in-out;
}
.anim.numbers.maskIn {

	animation-name:  maskIn;
	animation-fill-mode: forwards;
	animation-delay: 0s;
	animation-duration: 1.5s;
	animation-timing-function: linear;	
	
}
@keyframes maskIn {
	100% {
		mask-size: 300% 500%;
		
	}
	
	
}
@keyframes fadeLeft {
	50% {
		opacity: 30%;
	}
	100% {
		transform: translateX(-50%);
		opacity: 0%;
		visibility: visible;
	}	
}
@keyframes fadeRight {
	50% {
		opacity: 30%;
	}
	100% {
		transform: translateX(50%);
		opacity: 0%;
		visibility: visible;
	}	
}
@keyframes fadeBottom {
	50% {
		opacity: 30%;
	}
	100% {
		transform: translateY(50%);
		opacity: 0%;
		visibility: visible;
	}		
}
@keyframes fadeTop {
	50% {
		opacity: 30%;
	}
	100% {
		transform: translateY(-50%);
		opacity: 0%;
		visibility: visible;
	}	
}
@keyframes fadeScale {
	50% {
		opacity: 30%;
	}
	100% {
		transform: Scale(50%);
		opacity: 0%;
		visibility: visible;
	}		
	
}
@keyframes fadeLeftRotate {
	25% {
	}
	50% {
		opacity: 30%;
	}
	100% {
		transform: translateX(-50%) RotateX(90deg);
		opacity: 0%;
		visibility: visible;
	}
}
@keyframes clipDiag {
	100% {
		clip-path: polygon(-100% -100%,-100% -100%,200% 200%,-100% -100%,200% 200%,200% 200%);
	}
	
	0% {
		clip-path: polygon(-100% -100%,200% -100%,200% 200%,-100% -100%,-100% -200%,200% 200%);
		
	}
}
@keyframes YellowHover {
	0% {
		filter: invert(0%) sepia(0%) saturate(1728%) hue-rotate(325deg) brightness(99%) contrast(104%);
		
	}
	50% {
		/*filter: invert(13%) sepia(15%) saturate(1728%) hue-rotate(325deg) brightness(99%) contrast(104%);	*/
		
	}
	100% {
		filter: invert(13%) sepia(31%) saturate(1728%) hue-rotate(325deg) brightness(99%) contrast(104%);
	}
	
}

.top-container .note,
.wrapper .left>.note,
.upsides .wrapper .left .tooltip{
	display: none;
}


:root {
	/*Фон у меню в шапке. Можно изменить var(--w2) на любой удобный цвет, например на red, rgba(255,0,0) или #ff0000 */
	--nav-background: var(--w2);
	
	/*Цвет текста у меню в шапке. Изменить var(--b1) на любой удобный цвет*/
	--nav-text-color: var(--b1);
	
}