/*
Theme Name: menopause
Version: 3.0.1
Description:
Author: Artem3443
Author URI: https://kwork.ru/user/artem3443
*/

/* Eric Meyer's CSS Reset */

@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
    font-family: 'Montserrat Regular';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-Regular.woff') format('woff'),
    url('fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    }



@font-face {
    font-family: 'Montserrat Medium';
    src: url('fonts/Montserrat-Medium.eot');
    src: url('fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-Medium.woff') format('woff'),
    url('fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    }


@font-face {
    font-family: 'Montserrat Semibold';
    src: url('fonts/Montserrat-SemiBold.eot');
    src: url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-SemiBold.woff') format('woff'),
    url('fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    }


@font-face {
    font-family: 'Montserrat Bold';
    src: url('fonts/Montserrat-ExtraBold.eot');
    src: url('fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-ExtraBold.woff') format('woff'),
    url('fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    }














@font-face {
    font-family: 'Manrope ';
    src: local('Manrope  Regular'), local('Manrope--Regular'),
        url('fonts/Manrope-Regular.woff2') format('woff2'),
        url('fonts/Manrope-Regular.woff') format('woff'),
        url('fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

@font-face {
    font-family: 'Manrope ';
    src: local('Manrope  Medium'), local('Manrope--Medium'),
        url('fonts/Manrope-Medium.woff2') format('woff2'),
        url('fonts/Manrope-Medium.woff') format('woff'),
        url('fonts/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }

@font-face {
    font-family: 'Manrope ';
    src: local('Manrope  Semi bold'), local('Manrope--Semi-bold'),
        url('fonts/Manrope-Semibold.woff2') format('woff2'),
        url('fonts/Manrope-Semibold.woff') format('woff'),
        url('fonts/Manrope-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }


@font-face {
    font-family: 'Manrope ';
    src: local('Manrope  Bold'), local('Manrope--Bold'),
        url('fonts/Manrope-Bold.woff2') format('woff2'),
        url('fonts/Manrope-Bold.woff') format('woff'),
        url('fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }




























.wpcf7 form.sent .wpcf7-response-output {
	background: #46b450;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	background: #f00;
}




* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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,
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,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
    line-height: 1.33333;
    font-size: 16px;
    letter-spacing: 0;
    font-family: 'Montserrat', sans-serif;
    color: #262626;
    background: #F3F3F4;
}

a {
	text-decoration: none;
	outline: none;
}

a:active,
a:hover,
a:focus {
	outline: 0
}

a:focus {
	outline: none;
}


blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	text-decoration: none;
	outline: none;
	color: #161616;
}

img {
	max-width: 100%;
	height: auto;
	pointer-events: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

b,
strong {
	font-weight: 700
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal;
	padding: 5px;
	border: 1px solid #eaeaea;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

textarea {
	overflow: auto
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

body div.wpcf7-response-output {
	background: #46b450;
}

form.wpcf7-form.invalid .wpcf7-response-output {
	background: #f00;
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
	content: "\f0c9";
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa-map-marker:before {
	content: "\f041";
	color: #006337;
}

img.alignright {
	float: right;
	margin: 0 0 15px 20px;
}

img.alignleft {
	float: left;
	margin: 5px 20px 15px 0;
}

img.aligncenter {
	margin: 20px auto;
	display: block;
}

.f_center {
	text-align: center !important;
}

.w_text {
	color: #fff !important;
}


/*header*/
.logo a img,
.logo a {
	display: block;
}

.logo {
	float: left;
}

body .top_cont2 {
	text-align: right;
	padding-right: 10px;
}

.top_cont3 {
	float: right;
	margin-top: 4px;
}

nav.menu {
	display: inline-block;
	position: inherit;
	clear: both;
	vertical-align: middle;

}

nav.menu {
	position: relative;
	padding: 0 20px;
}

.menu ul {
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;

}

.menu ul li {
	display: inline-block;
	list-style: none;
	padding: 0;
}

.menu ul li a {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	padding: 13px;
	text-decoration: none;
	display: block;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.menu ul li>a:hover,
.menu ul li:hover>a {
	text-decoration: underline;
}

.menu ul .sub-menu {
	display: none;
	position: absolute;
	top: 61px;
	left: 0;
	width: 243px;
	margin: 0;
	padding: 15px;
	background-color: rgba(80, 134, 48, 0.9);
	text-align: left;
	z-index: 10;
	width: 1150px;
}

.menu ul li:hover .sub-menu {
	display: block;
}

.menu .sub-menu li a {
	color: #000;
	font-size: 16px;
	padding: 7px 5px;
}

.menu .sub-menu li {
	display: block;
}

.menu ul.sub-menu li a:after {
	display: none;
}




/*оформление контактных форм*/
span.ajax-loader,
span.wpcf7-not-valid-tip {
	display: none !important;
}

input.wpcf7-form-control {
	background-color: #fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input.wpcf7-not-valid::-webkit-input-placeholder {
	color: #f00 !important;
}

input.wpcf7-not-valid:-moz-placeholder {
	color: #f00 !important;
}

input.wpcf7-not-valid::-moz-placeholder {
	color: #f00 !important;
}

input.wpcf7-not-valid:-ms-input-placeholder {
	color: #f00 !important;
}

input.wpcf7-not-valid {
	border-color: #f00 !important;
}

body div.wpcf7-response-output {
	margin: 0;
	padding: 6px;
	position: absolute;
	background: #f00;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	border: none !important;
	left: 0;
	right: 0;
	max-width: 100%;
	margin: auto;
	text-align: center;
	padding: 10px 0 !important;
}

div.wpcf7 {
	position: relative;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
	background: #0ea431;
}







.overlay:target+.popup.top-10 {
	top: 5%;
}





/*конец оформление всплывающих окон*/

/* Колонки */
.container {
    padding: 0 15px;
    max-width: 1150px;
    margin: 0 auto;
}




input.wpcf7-form-control.name {
	background: #fff;
	text-align: center;
}

input.wpcf7-form-control {
	max-width: 100%;
	padding: 12px 16px;
	display: block;
	margin-bottom: 20px;
	border: none;
	color: inherit;
	outline: none;
	position: relative;
	text-align: left;
	font-size: 14px;
}

form input.wpcf7-form-control.wpcf7-submit {
	background: #dd9c54;
	border: none;
	margin: 0 auto 10px;
	text-transform: uppercase;
	display: block;
	padding: 12px 16px;
	width: 100%;
	text-align: center;

}

input[type=checkbox]:checked+.wpcf7-list-item-label:before {
	content: "";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
	color: #f3f3f3;
	text-align: center;
	line-height: 15px;
	background: url(images/check.png) 50% no-repeat;
}

body .wpcf7-list-item-label:before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: #fff;
	border: 1px solid #009a61;
	border-radius: 3px;
	cursor: pointer;
}

input[type=checkbox] {
	display: none;
}

span.wpcf7-form-control-wrap.checkbox-472 {
	display: inline-block;
}

a.polit {
	display: inline-block;
	margin-left: 11px;
	font-size: 11px;
	color: #52585e;
	text-decoration: underline;
}

p.f_title {
	font-size: 22px;
	line-height: 1.2;
	margin-bottom: 25px;
	font-weight: 700;
	color: #D51017;
}


h1,
h2,
h3,
h4,
h5 {
	font-size: 30px;
	line-height: 1.3;
	text-align: left;
	padding-bottom: 10px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 22px;
}









header .menu {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    border-radius: 7px;
    padding: 8px 20px;
    background: #fff;
    height: 40px;
}
header .menu li {
    padding: 0 3px;
    position: relative;
}
header .menu li a {
    color: #000;
    padding: 0px 4px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-bottom: 3px solid #fff0;
    font-size: 13px;
}
.header_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu_box li a:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 0%;
    background: #1D7ECF;
    bottom: -5px;
    left: 50%;
    -webkit-transition: width .3s, left .3s;
    -o-transition: width .3s, left .3s;
    transition: width .3s, left .3s;
}
.menu_box li a:hover:before, .menu_box li.current-menu-item a:before {
    width: 100%;
    left: 0%;
    -webkit-transition: width .3s, left .3s;
    -o-transition: width .3s, left .3s;
    transition: width .3s, left .3s;
}
.menu li a {
    display: block;
    position: relative;
}
.logo_box {
    display: block;
    width: 176px;
    height: 40px;
    background: #fff;
    border-radius: 7px;
    padding: 6px 24px 9px 24px;
}
header.header {
    padding-top: 20px;
}
.header_flex_item2 {
    display: flex;
    align-items: center;
}
.link_button {
    position: relative;
    padding: 9px 24px;
    color: #fff;
    border-radius: 7px;
    overflow: hidden;
    background: linear-gradient(95.12deg, #78C2FF -5.71%, #4B79D5 102.36%);
    height: 40px;
    font-weight: 600;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
}
.link_button::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(95.12deg, #4B79D5, #78C2FF);
    opacity:0;
    transition:opacity .3s;
}
.link_button:hover::before{
    opacity:1;
}
.link_button span{
    position:relative;
}
.link_button2 {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 9px 24px;
    color: #262626;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    height: 40px;
    background: linear-gradient(60.42deg, rgba(171,212,245,0.67) 3.39%, rgba(255,255,255,0.67) 82.1%);
    backdrop-filter: blur(4px);
}
.link_button2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(60.42deg, #ABD4F5 3.39%, #FFFFFF 82.1%);
    opacity: 0;
    transition: opacity .3s;
}

.link_button2:hover::before {
    opacity: 1;
}

.link_button2 span {
    position: relative;
    z-index: 2;
}
.link_button3 {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 9px 24px;
    color: #262626;
    border-radius: 7px;
    overflow: hidden;
    background: linear-gradient(109.36deg, #FFFFFF -9.69%, #78C2FF 116.62%);
    height: 40px;
    font-size: 13px;
    font-weight: 600;
}
.link_button3::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(109.36deg, #78C2FF -9.69%, #FFFFFF 116.62%);
    opacity:0;
    transition:opacity .3s;
}
.link_button3:hover::before{
    opacity:1;
}
.link_button3 span{
    position:relative;
}
.link_button4 {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 9px 24px;
    color: #fff;
    border-radius: 7px;
    overflow: hidden;
    background: linear-gradient(94.44deg, #72B8F9 -31.41%, #2B3AAC 59.36%);
    height: 40px;
    font-size: 13px;
    font-weight: 600;
}
.link_button4::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(94.42deg, #2B3AAC 54.58%, #72B8F9 115.27%);
    opacity:0;
    transition:opacity .3s;
}
.link_button4:hover::before{
    opacity:1;
}
.link_button4 span {
    position:relative;
}
.tekst_knopki_header {
    margin-left: 10px;
    display: flex;
    align-items: center;
}
.title_1_go_bloka span {
    color: #2B3AAB;
}
.title_1_go_bloka h1 {
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
}
.flex_bl1 {
    display: flex;
    align-items: center;
}
.bl_1 {
    padding: 80px 50px;
    background: #fff;
    border-radius: 15px;
    margin-top: 37px;
    max-width: 944px;
    position: relative;
}
.item_bl2 {
    position: absolute;
    height: 440px;
    bottom: 0;
    right: -205px;
}
.item_bl2 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.text_1_go_bloka {
    font-family: 'Manrope ';
    font-size: 20px;
    font-weight: 500;
    padding-top: 20px;
}
.box_bl_1 {
    padding-bottom: 85px;
}
.title_bl_2 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
}
.title_bl_2 span {
    font-size: 18px;
    color: #2B3AAC;
    text-transform: uppercase;
    font-family: 'Manrope ';
    font-weight: 700;
}
.flex_bl_2 {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
}
.item1_bl_2 {
    border-radius: 10px;
    overflow: hidden;
    width: 39%;
    position: relative;
}
.item2_bl_2 {
    width: 59%;
}
.item1_bl_2 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.text_bl_2 {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 25px 30px;
    margin-bottom: 10px;
    font-family: 'Manrope ';
    line-height: 1.4;
}
.text_bl_2 ul {
    list-style: none;
    padding-left: 0;
}
.text_bl_2 ul li {
    position: relative;
    padding-left: 30px;
    margin: 5px 0;
}
.text_bl_2 ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 19px;
    height: 6px;
    background: #4B79D5;
    border-radius: 10px;
}
.text_bl_2:last-child {
    margin: 0;
}
.tekst_knopki_2_go_bloka {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.box_bl_2 {
    padding-bottom: 90px;
}
.vyvod_proektov_3_go_bloka {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.vyvod_proektov_3_go_bloka_item {
    border-radius: 10px;
    padding: 30px;
    width: 49%;
    position: relative;
    height: 220px;
}
.flex_bl_3 {
    padding-top: 30px;
}
.title_vyvod_proektov_3_go_bloka {
    font-family: 'Manrope ';
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    font-size: 16px;
}
.vyvod_proektov_3_go_bloka_item_flex {
    display: flex;
    align-items: end;
    position: absolute;
    bottom: 30px;
    justify-content: space-between;
    width: 100%;
    left: 0;
    padding: 0 30px;
}
.vyvod_proektov_3_go_bloka_item:last-child .title_vyvod_proektov_3_go_bloka {
    color: #fff;
}
.vyvod_proektov_3_go_bloka_item:last-child .tekst_vyvod_proektov_3_go_bloka {
    color: #CBE2FE;
}
.box_bl_3 {
    padding-bottom: 70px;
}
.text_4_go_bloka {
    padding-top: 30px;
}
.swiper_slide {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
}
.swiper.otzyvy_bl_4_slider {
    background: linear-gradient(180deg, rgba(200, 225, 255, 0.47) 25.94%, rgba(195, 207, 255, 0.39) 100%);
    border-radius: 15px;
    padding: 30px;
    margin-top: 30px;
}
.box_bl_4 {
    overflow: hidden;
    padding-bottom: 70px;
}
.box_bl_4 .container_box{
    position: relative;
}
.otzyvy_slider_outside {
    position: relative;
    width: calc(81% + 220px);
    overflow: visible;
}
.otzyvy_bl_4_slider{
    overflow: visible !important;
    padding-top: 20px;
    padding-bottom: 20px;
}
.otzyvy_bl_4_slider .swiper-wrapper {
    align-items: flex-start;
}
.otzyvy_bl_4_slider .swiper-slide {
    height: auto;
}
.vyvod_otzyvov_4_go_bloka_item {
    height: auto;
}
.vyvod_otzyvov_4_go_bloka_item{
    height: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 28px;
    box-sizing: border-box;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
}
.title_vyvod_otzyvov_4_go_bloka {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #2B3AAC;
    text-transform: uppercase;
    line-height: 24px;
		font-family: 'Manrope ';
}
.tekst_otzyva_wrap{
    flex: 1 1 auto;
}
.tekst_vyvod_otzyvov_4_go_bloka {
    font-size: 16px;
    color: #262626;
    font-family: 'Manrope ';
}
.tekst_vyvod_otzyvov_4_go_bloka.is-collapsed {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.review_more_btn {
    margin-top: 18px;
    padding: 0;
    border: 0;
    background: none;
    color: #2B3AAC;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    font-family: 'Manrope ';
}
.review_more_btn:hover{
    opacity: .8;
}
.otzyvy_bl_4_nav {
    display: flex;
    gap: 12px;
    margin-top: 24px;
    position: absolute;
    top: -108px;
    right: 0;
    z-index: 999;
}
.otzyvy_bl_4_prev, .otzyvy_bl_4_next {
    width: 44px;
    height: 40px;
    border-radius: 7px;
    background: linear-gradient(180deg, #73BAFB 0%, #4E7ED8 100%);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    font-size: 20px;
    transition: .3s;
}
.otzyvy_bl_4_prev:hover,
.otzyvy_bl_4_next:hover{
    background: linear-gradient(180deg, #4E7ED8 0%, #BEE0FF 100%);
}
.tekst_otzyva_wrap{
    position: relative;
    flex: 1 1 auto;
}
.tekst_otzyva_wrap.is-faded::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.92) 60%, #fff 100%);
}
.vyvod_otzyvov_4_go_bloka_item{
    height: 340px;
    overflow: hidden;
    position: relative;
    transition: height .3s ease;
    display: flex;
    flex-direction: column;
}
.vyvod_otzyvov_4_go_bloka_item.is-open{
    height: auto;
}
.tekst_otzyva_wrap{
    flex: 1;
    position: relative;
}
.flex_bl_5 {
    padding: 30px 0 40px;
    text-align: center;
    border-radius: 15px;
}
.title_bl_5 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #2B3AAC;
    padding-bottom: 30px;
    text-align: center;
}
.text_5_go_bloka {
    font-family: 'Manrope ';
    padding-bottom: 20px;
}
.text_5_go_bloka span {
    font-weight: 700;
}
.vopros_akkordeon_6_go_bloka {
    position: relative;
    font-weight: 700;
    font-size: 16px;
    padding: 19px 55px 19px 30px;
    cursor: pointer;
    font-family: 'Manrope ';
}
.otvet_akkordeon_6_go_bloka {
    display: none;
    font-size: 16px;
    padding: 0px 15px 15px 30px;
    font-family: 'Manrope ';
}
.akkordeon_6_go_bloka_item.active .otvet_akkordeon_6_go_bloka {
    display: block;
}
.vopros_akkordeon_6_go_bloka:before {
    position: absolute;
    content: "";
    width: 36px;
    height: 36px;
    background: url(images/plus.svg) 0 0 no-repeat;
    display: block;
    top: 12px;
    right: 10px;
    -webkit-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.akkordeon_6_go_bloka_item.active .vopros_akkordeon_6_go_bloka:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.flex_bl_6 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box_bl_5 {
    padding-bottom: 70px;
}
.item1_bl_6 {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: 30px;
    width: 49%;
}
.title_bl_6 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
}
.item2_bl_6 {
    width: 49%;
}
.akkordeon_6_go_bloka_item {
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 10px;
}
.akkordeon_6_go_bloka_item:last-child {
    margin: 0;
}
.otvet_akkordeon_6_go_bloka p {
    margin-bottom: 20px;
}
.otvet_akkordeon_6_go_bloka p:last-child  {
    margin-bottom: 0px;
}
.otvet_akkordeon_6_go_bloka a {
    color: #2554C4;
}
.otvet_akkordeon_6_go_bloka a:hover {
    text-decoration: underline;
}
.vyvod_proektov_3_go_bloka_item:last-child a.link_button {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 9px 24px;
    color: #262626;
    border-radius: 7px;
    overflow: hidden;
    background: linear-gradient(109.36deg, #FFFFFF -9.69%, #78C2FF 116.62%);
    height: 40px;
    font-size: 13px;
    font-weight: 600;
}

.vyvod_proektov_3_go_bloka_item:last-child a.link_button::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(109.36deg, #78C2FF -9.69%, #FFFFFF 116.62%);
    opacity:0;
    transition:opacity .3s;
}
.vyvod_proektov_3_go_bloka_item:last-child a.link_button:hover::before{
    opacity:1;
}
.vyvod_proektov_3_go_bloka_item:last-child a.link_button span{
    position:relative;
}
section.box_bl_2.box_bl_2_mob, .tekst1_v_podvale.tekst1_v_podvale_mob {
    display: none;
}





.home .flex_bl1 {
    justify-content: center;
}
.home .title_1_go_bloka h1 {
    text-align: center;
}
























.text2_3_go_bloka_about, .text2_5_go_bloka_about, .tekst_vyvod_proektov_proekty, .item_singl, .text_4_go_bloka, .about .text1_1_go_bloka_about, .tekst_vyvod_proektov_3_go_bloka, .text1_3_go_bloka_about, .tekst_moya_istoriya_3_go_bloka_about, .pod_title_4_go_bloka_about, .text1_4_go_bloka_about, .text2_4_go_bloka_about, .text1_5_go_bloka_about, .tekst_moya_istoriya_3_go_bloka_about, .about .item2_bl7 {
    font-family: 'Manrope ';
}
.about .vyvod_proektov_3_go_bloka {
    width: 100%;
}
.about .bl_1 {
    background: transparent;
    padding: 0;
    max-width: none;
    border-radius: initial;
}
.about .item1_bl1 {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 30px;
    width: 59%;
    height: 100%;
    position: relative;
}
.about .flex_bl1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 489px;
}
.about .item2_bl1 {
    width: 39%;
    height: 100%;
}
.title_1_go_bloka_about {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 43px;
    padding-bottom: 15px;
}
.title_1_go_bloka_about span {
    color: #2B3AAB;
}
.text1_1_go_bloka_about ul {
    list-style: none;
    padding-left: 0;
}
.text1_1_go_bloka_about ul li {
    position: relative;
    padding-left: 30px;
    margin: 5px 0;
}
.text1_1_go_bloka_about ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 19px;
    height: 6px;
    background: #4B79D5;
    border-radius: 10px;
}
.text2_1_go_bloka_about {
    font-family: 'Manrope ';
    font-weight: 700;
    position: absolute;
    bottom: 30px;
}
.about .item2_bl1 img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 10px;
}
.about .title_vyvod_proektov_3_go_bloka {
    font-size: 18px;
    padding-bottom: 15px;
}
.about .vyvod_proektov_3_go_bloka_item {
    padding: 30px 30px 20px 30px;
}
.about .tekst_knopki_vyvod_proektov_3_go_bloka {
    text-align: end;
    padding-top: 24px;
}
.about .vyvod_proektov_3_go_bloka_item_flex {
    display: block;
    padding-top: 15px;
}
.about .vyvod_proektov_3_go_bloka_item_flex {
    position: initial;
    padding: 0;
}
.about .vyvod_proektov_3_go_bloka_item:last-child .tekst_vyvod_proektov_3_go_bloka {
    color: #fff;
}
.about .tekst_vyvod_proektov_3_go_bloka span {
    font-weight: 700;
}
.about .flex_bl3 {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.about .item1_bl3 {
    width: 41%;
    height: 410px;
}
.about .item1_bl3 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.title_3_go_bloka_about {
    color: #2B3AAC;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.about .item2_bl3 span {
    font-weight: 700;
}
.about .item2_bl3 div {
    width: 100%;
}
.about .item2_bl3 {
    height: 410px;
    width: 57%;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 15px;
}
.text2_3_go_bloka_about {
    margin-top: auto;
}
.tekst_moya_istoriya_3_go_bloka_about {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 50px 30px;
}
.about .bl_3_bott {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    --grid-column-gap: 10px;
}
.title_4_go_bloka_about {
    color: #2B3AAC;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.about .flex_bl4 {
    padding-top: 70px;
}
.pod_title_4_go_bloka_about span {
    font-weight: 700;
}
.about .flex_bl4 {
    padding-top: 70px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.about .item1_bl4 {
    width: 62%;
}
.about .item2_bl4 {
    width: 37%;
    height: 472px;
}
.text2_4_go_bloka_about {
    border-radius: 12px;
    height: 148px;
    background: #fff;
    padding: 30px;
}
.text1_4_go_bloka_about {
    height: 314px;
    margin-bottom: 10px;
    border-radius: 12px;
    padding: 30px;
    color: #fff;
}
.text1_4_go_bloka_about ul {
    list-style: none;
    padding-left: 0;
}
.text1_4_go_bloka_about ul li {
    position: relative;
    padding-left: 30px;
    margin: 5px 0;
}
.text1_4_go_bloka_about ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 19px;
    height: 6px;
    background: #fff;
    border-radius: 10px;
}
.text2_4_go_bloka_about span {
    font-weight: 700;
}
.about .item2_bl4 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}
.title_5_go_bloka_about {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.about .item1_bl5 {
    background: linear-gradient(90deg, #CBE2FE -3.51%, #FFFFFF 68.74%);
    backdrop-filter: blur(3.5px);
    border-radius: 15px;
    padding: 30px;
}
.about .item2_bl5 {
    background: linear-gradient(89.87deg, #FFFFFF 0.1%, #C8E1FF 122.8%);
    backdrop-filter: blur(3.5px);
    border-radius: 15px;
    padding: 30px;
}
.about .flex_bl5 {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    --grid-column-gap: 10px;
}
.text1_5_go_bloka_about ul, .text2_5_go_bloka_about ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.text1_5_go_bloka_about ul li, .text2_5_go_bloka_about ul li {
    position: relative;
    padding-left: 30px;
    margin: 5px 0;
}
.text1_5_go_bloka_about ul li::before , .text2_5_go_bloka_about ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 19px;
    height: 6px;
    background: #262626;
    border-radius: 10px;
}
.about .bl_6_top {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    --grid-column-gap: 10px;
    margin-bottom: 10px;
}
.bl_6_top .tekst_moya_istoriya_3_go_bloka_about span {
    font-weight: 700;
    color: #2B3AAC;
}
.about .item_bl6 {
    text-align: center;
    padding: 40px;
    border-radius: 15px;
    margin-bottom: 10px;
}
.title_6_go_bloka_about {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.text1_6_go_bloka_about {
    font-family: 'Manrope ';
    color: #fff;
    padding-bottom: 30px;
}
.about .flex_bl7 {
    display: flex;
    justify-content: space-between;
}
.item1_bl7 {
    width: 0%!important;
}
.about .item2_bl7 {
    background: #FFF;
    border-radius: 15px;
    padding: 30px;
    WIDTH: 100%;
}

.title_7_go_bloka_about {
    font-family: 'Manrope ';
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.title_7_go_bloka_about span {
    color: #2B3AAC;
}
.text_7_go_bloka_about p {
    margin-bottom: 15px;
    font-family: 'Manrope ';
}
.text_7_go_bloka_about p:last-child {
    margin-bottom: 0px;
}









.page_404_img {
    text-align: center;
    padding-top: 100px;
    max-width: 300px;
    margin: 0 auto;
}
.page_title {
    text-align: center;
    font-size: 40px;
    color: #000;
    text-transform: uppercase;
    line-height: 1.5;
    padding: 20px 0;
}
.page_404_text {
    color: #4a4544;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}
.page_404_flex {
    text-align: center;
    padding-top: 40px;
}
a.page_404_link {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    padding: 15px 30px;
    background: #535e6a;
    -webkit-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: inline-block;
}
.bl_page_404 {
    padding-bottom: 150px;
}
p.knopka_5_go_bloka_proekty_text {
    color: #2B3AAC;
    font-weight: 700;
    background: linear-gradient(178.21deg, rgba(255, 255, 255, 0.7) -22.87%, rgba(200, 225, 255, 0.48) 98.84%);
    backdrop-filter: blur(4.5px);
    padding: 40px 20px;
    border-radius: 7px;
}






.footer_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.footer_item2_item {
    background: linear-gradient(180deg, #FFFFFF 20.83%, #C8E1FF 114.42%);
    border-radius: 10px;
    padding: 20px 30px;
    margin-bottom: 10px;
}
.footer_item2_item:last-child {
    margin-right: 0px;
}
.footer_item2 {
    width: 49%;
}
.footer_item1 {
    width: 49%;
}
.title2_v_podvale, .title1_v_podvale {
    font-family: 'Manrope ';
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-size: 16px;
}
.vyvod_socz_setej_v_podvale {
    display: flex;
    padding-bottom: 30px;
}
.vyvod_socz_setej_v_podvale a {
    display: flex;
    align-items: center;
}
.ikonka_vyvod_socz_setej_v_podvale img {
    display: block;
    width: 100%;
    height: 100%;
}
.vyvod_socz_setej_v_podvale a {
    display: flex;
    align-items: center;
    color: #2B3AAC;
    text-decoration: underline;
    margin-right: 30px;
    font-family: 'Manrope ';
}
.vyvod_socz_setej_v_podvale a:hover {
    text-decoration: none;
}
.vyvod_socz_setej_v_podvale a:last-child {
    margin-right: 0px;
}
.ikonka_vyvod_socz_setej_v_podvale, .pochta_v_podvale_img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.tekst1_v_podvale {
    font-family: 'Manrope ';
    font-size: 14px;
    color: #fff;
    text-align: center;
    opacity: 0.8;
    padding: 20px 0 10px;
}
.tekst1_v_podvale span {
    font-weight: 700;
}
.pochta_v_podvale_box a {
    display: inline-flex;
    align-items: center;
    color: #2B3AAC;
    text-decoration: underline;
    font-family: 'Manrope ';
}
.pochta_v_podvale_box a:hover {
    text-decoration: none;
}
.pochta_v_podvale_box a img {
    display: block;
    width: 100%;
    height: 100%;
}
.pochta_v_podvale_box a:hover .pochta_v_podvale, .vyvod_socz_setej_v_podvale a:hover .tekst_vyvod_socz_setej_v_podvale {
    opacity: 0.7;
}
.footer_item3_item {
    padding-top: 20px;
}
nav.menu_box_footer ul {
    padding: 0;
    margin: 0;
}
nav.menu_box_footer ul li {
    list-style: none;
    display: inline-block;
}
nav.menu_box_footer {
    padding: 40px 0 0;
}
.footer_item3_item {
    text-align: right;
}
nav.menu_box_footer ul li a, .vse_prava_zashhishheny_v_podvale {
    color: #cbe2fe80;
    font-size: 13px;
    padding-bottom: 5px;
}
nav.menu_box_footer ul li a {
    padding: 0 10px 0 0;
    font-size: 14px;
    opacity: 0.5;
    color: #cbe2fe80;
}
.menu_box_footer_item3 {
    text-align: end;
}
.menu_box_footer_item2 {
    text-align: center;
}
.vse_prava_zashhishheny_v_podvale {
    padding-bottom: 0px;
    text-align: center;
}
.logo_box_footer {
    position: absolute;
    top: -157px;
    left: -40px;
}
.ikonka_vyvod_socz_setej_v_podvale img, .pochta_v_podvale_box a img {
    -webkit-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.vyvod_socz_setej_v_podvale a:hover .ikonka_vyvod_socz_setej_v_podvale img, .pochta_v_podvale_box a:hover img {
    transform: scale(1.1);
}
nav.menu_box_footer ul li a:hover {
    text-decoration: underline;
}












.flex_singl {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    --grid-column-gap: 20px;
    --grid-row-gap: 10px;
    padding-bottom: 70px;
}
.page_cat, .s3.page_pag {
    padding-top: 37px;
}
.top_box_cat {
    padding: 40px 30px 30px;
    border-radius: 15px;
    margin-bottom: 40px;
}
.title_cat {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 105px;
}
.opisanie_cat {
    font-family: 'Manrope ';
    color: #fff;
}
.item_singl {
    background: linear-gradient(180.23deg, #FFFFFF 25.41%, #A1C0FE 99.8%);
    border-radius: 15px;
    padding: 30px;
}
a.more_box {
    font-weight: 600;
    color: #262626;
}
a.more_box:hover {
    text-decoration:underline;
}
.text_singl_cat {
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 25px;
    margin-bottom: 15px;
}
.item_singl {
    background: linear-gradient(180.23deg, #FFFFFF 25.41%, #A1C0FE 99.8%);
    border-radius: 15px;
    padding: 30px;
    position: relative;
}
.link_title_cat {
    color: #2B3AAC;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 15px;
}
a.more_box {
    font-weight: 600;
    color: #262626;
}
a.more_box:hover {
    text-decoration: underline;
}
.text_singl_cat {
    position: relative;
    line-height: 1.5;
    padding-bottom: 25px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 6em;
    -webkit-mask-image: linear-gradient(
        to bottom,
        black 0%,
        black 60%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to bottom,
        black 0%,
        black 60%,
        transparent 100%
    );
}
.col_r p {
    margin-bottom: 15px;
}
.s3.page_pag {
    padding-bottom: 70px;
}







.site_main_proekty .bl_1 {
    max-width: none;
    padding: 0;
    background: transparent;
    border-radius: 0;
}
.site_main_proekty .item_bl1 {
    width: 65%;
    border-radius: 15px;
    background: #fff;
    padding: 30px;
}
.site_main_proekty .item_bl2 {
    width: 34%;
    height: auto;
    position: initial;
    border-radius: 10px;
    overflow: hidden;
}
.site_main_proekty .flex_bl1 {
    justify-content: space-between;
    align-items: stretch;
}
header.title_1_go_bloka_proekty h1 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 20px;
}
header.title_1_go_bloka_proekty h1 span {
    color: #2B3AAC;
}
.text_1_go_bloka_proekty {
    font-family: 'Manrope ';
}
.vyvod_proektov_proekty {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    --grid-column-gap: 10px;
}
.vyvod_proektov_proekty_item {
    padding: 30px;
    border-radius: 15px;
    position: relative;
    height: 455px;
}
.title_vyvod_proektov_proekty {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #2B3AAC;
    padding-bottom: 20px;
}
.vyvod_proektov_proekty_item2 .title_vyvod_proektov_proekty {
    color: #fff;
}
.vyvod_proektov_proekty_link {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translate(-50%, -50%);
}
.vyvod_proektov_proekty_item2 a.link_button {
    position: relative;
    align-items: center;
    padding: 9px 24px;
    color: #262626;
    border-radius: 7px;
    overflow: hidden;
    background: linear-gradient(109.36deg, #FFFFFF -9.69%, #78C2FF 116.62%);
    height: 40px;
}
.vyvod_proektov_proekty_item2 a.link_button::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(109.36deg, #78C2FF -9.69%, #FFFFFF 116.62%);
    opacity: 0;
    transition: opacity .3s;
}
.vyvod_proektov_proekty_item2 a.link_button:hover::before {
    opacity: 1;
}
.vyvod_proektov_proekty_item2 .tekst_vyvod_proektov_proekty {
    color: #fff;
}
.tekst_vyvod_proektov_proekty p {
    margin-bottom: 15px;
}
.vyvod_proektov_proekty_item2 .tekst_vyvod_proektov_proekty p:last-child {
    margin-bottom: 0px;
}
.vyvod_proektov_proekty_item2 .tekst_vyvod_proektov_proekty p:first-child  {
    opacity: 0.7;
}
.site_main_proekty .flex_bl_3 {
    padding: 40px 30px;
    background: #fff;
    border-radius: 15px;
}
.title_3_go_bloka_proekty {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 30px;
    color: #2B3AAC;
}
.preim_3_go_bloka_proekty {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    --grid-column-gap: 10px;
    padding-bottom: 40px;
}
.tekst_preim_3_go_bloka_proekty:first-child {
    background: #CBE2FE;
}
.tekst_preim_3_go_bloka_proekty {
    background: #F5F5F4;
    backdrop-filter: blur(4.5px);
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    padding: 11px 0;
}
.text1_3_go_bloka_proekty {
    font-family: 'Manrope ';
}
.text1_3_go_bloka_proekty p {
    margin-bottom: 15px;
}
.text1_3_go_bloka_proekty strong {
    color: #2B3AAC;
}
h2.title2_3_go_bloka_proekty {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Manrope ';
    padding-bottom: 0px;
    position: absolute;
    bottom: 10px;
}
.site_main_proekty .bl_3_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 10px;
}
.site_main_proekty .bl_3_top_item1 {
    width: 66%;
    position: relative;
}
.site_main_proekty .bl_3_top_item2 {
    width: 33%;
}
.site_main_proekty .bl_3_top_item2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.text1_3_go_bloka_proekty p:last-child {
    margin-bottom: 0px;
}
.tekst_etapy_3_go_bloka_proekty {
    background: linear-gradient(178.21deg, rgba(255, 255, 255, 0.7) -22.87%, rgba(200, 225, 255, 0.48) 98.84%);
    backdrop-filter: blur(4.5px);
    padding: 40px 20px;
    border-radius: 7px;
    font-family: 'Manrope ';
}
.etapy_3_go_bloka_proekty {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    --grid-column-gap: 10px;
    --grid-row-gap: 10px;
    padding-bottom: 40px;
}
.tekst_etapy_3_go_bloka_proekty span {
    font-weight: 700;
}
.text2_3_go_bloka_proekty {
    font-size: 18px;
    font-family: 'Manrope ';
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 30px;
}
.knopka_3_go_bloka_proekty {
    text-align: center;
}
.site_main_proekty .box_bl_2 {
    padding-bottom: 70px;
}
.site_main_proekty .bl_4_top_item1 {
    background: linear-gradient(0deg, #2B3AAC, #2B3AAC), #FFFFFF;
    border-radius: 15px;
    padding: 40px 30px;
    margin-bottom: 40px;
}
.site_main_proekty h2.title1_4_go_bloka_proekty {
    font-size: 30px;
    font-family: 'Manrope ';
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 30px;
}
section.box_bl_4 .tekst_preim_3_go_bloka_proekty:first-child {
    background: #fff;
}
section.box_bl_4 .tekst_preim_3_go_bloka_proekty {
    background: #CBE2FE;
}
section.box_bl_4 .preim_3_go_bloka_proekty {
    padding-bottom: 20px !important;
}
section.box_bl_4 .preim_3_go_bloka_proekty {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    --grid-column-gap: 10px;
    padding-bottom: 40px;
}
section.box_bl_4 .bl_4_top_item1_item1_flex {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-template-columns: repeat(3, 1fr);
    --grid-column-gap: 10px;
    grid-row-gap: var(--grid-row-gap);
}
section.box_bl_4 .bl_4_top_item1_item1 {
    grid-column: span 2;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 24px;
    font-family: 'Manrope ';
}
section.box_bl_4 .bl_4_top_item1_item2 {
    grid-column: span 1;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Manrope ';
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 27px;
}
section.box_bl_4 .bl_4_top_item1_item2 span {
    color: #2B3AAC;
}
section.box_bl_4 .bl_4_top_item1_item2 * {
    width: 100%;
    height: auto;
    margin-top: auto;
}
section.box_bl_4 .bl_4_top_item2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 40px;
}
section.box_bl_4 .bl_3_top_item2_item1 {
    width: 30%;
}
section.box_bl_4 .bl_3_top_item2_item2 {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 30px;
    font-family: 'Manrope ';
    width: 69%;
    line-height: 21px;
}
section.box_bl_4 .bl_3_top_item2_item1 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
section.box_bl_4 .bl_3_top_item2_item2 p {
    margin-bottom: 15px;
}
section.box_bl_4 .bl_3_top_item2_item2 p:last-child {
    margin-bottom: 0px;
}
section.box_bl_4 .bl_3_top_item2_item2 em {
    color: #2B3AAC;
    font-weight: 700;
    font-style: normal;
}
.bl_4_center .tekst_etapy_3_go_bloka_proekty span {
    display: contents;
}
.bl_4_center .tekst_etapy_3_go_bloka_proekty {
    background: linear-gradient(178.21deg, rgba(255, 255, 255, 0.7) -22.87%, rgba(200, 225, 255, 0.48) 98.84%);
    backdrop-filter: blur(4.5px);
    padding: 40px 30px;
    border-radius: 7px;
    font-family: 'Manrope ';
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
section.box_bl_4 .bl_4_center_item2 {
    background: #2B3AAC;
    border-radius: 12px;
    padding: 30px;
}
.title2_4_go_bloka_proekty {
    font-family: 'Manrope ';
    font-weight: 700;
    padding-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
}
.etapy2_4_go_bloka_proekty {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    --grid-column-gap: 10px;
    --grid-row-gap: 10px;
}
.tekst_etapy2_4_go_bloka_proekty {
    background: #FFF;
    backdrop-filter: blur(4.5px);
    padding: 20px;
    border-radius: 7px;
    font-family: 'Manrope ';
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 15px;
}
.tekst_etapy2_4_go_bloka_proekty span {
    font-weight: 700;
    display: contents;
}
section.box_bl_4 .bl_4_bott {
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    margin-top: 40px;
}
section.box_bl_4 .bl_4_bott_item1 {
    background: #FFF;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 40px;
    font-family: 'Manrope ';
}
section.box_bl_4 .title3_4_go_bloka_proekty {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
    text-align: center;
}
.text5_4_go_bloka_proekty p {
    margin-bottom: 15px;
}
.text5_4_go_bloka_proekty {
    font-family: 'Manrope ';
}
.text5_4_go_bloka_proekty p:last-child {
    margin-bottom: 0px;
}
.text5_4_go_bloka_proekty em {
    color: #2B3AAC;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    font-size: 18px;
}
.knopka_4_go_bloka_proekty {
    padding-top: 30px;
}
.site_main_proekty .flex_bl_5 {
    padding: 0px;
    text-align: left;
    border-radius: 0px;
}
.site_main_proekty .flex_bl_5 {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 15px;
    padding: 40px 30px;
}
.site_main_proekty h2.title1_5_go_bloka_proekty {
    color: #2B3AAC;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 30px;
}
.site_main_proekty section.box_bl_5 .preim_3_go_bloka_proekty {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: repeat(4, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    --grid-column-gap: 10px;
    padding-bottom: 30px;
}
.site_main_proekty .bl_5_top_item1 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.48) -70.69%, rgba(245, 245, 244, 0.8) 80.41%);
    border-radius: 10px;
    padding: 30px;
    width: 51.5%;
    font-family: 'Manrope ';
    font-size: 16px;
}
.site_main_proekty .bl_5_top_item_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.site_main_proekty .bl_5_top_item2 {
    width: 47.5%;
}
.site_main_proekty .bl_5_top_item1 p {
    margin-bottom: 15px;
}
.site_main_proekty .bl_5_top_item1 p:last-child {
    margin-bottom: 0px;
}
.site_main_proekty .bl_5_top_item1 h3 {
    color: #2B3AAC;
    padding: 0;
    text-transform: uppercase;
    font-size: 16px;
}
.site_main_proekty .img_5_go_bloka_proekty img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.site_main_proekty .bl_5_top_item1 ul {
    list-style: none;
    padding-left: 0;
}
.site_main_proekty .bl_5_top_item1 ul li {
    position: relative;
    padding-left: 30px;
    margin: 10px 0;
}
.site_main_proekty .bl_5_top_item1 ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 19px;
    height: 6px;
    background: #4B79D5;
    border-radius: 10px;
}
.site_main_proekty h3.title2_5_go_bloka_proekty {
    backdrop-filter: blur(4.5px);
    padding: 30px;
    border-radius: 7px;
    font-family: 'Manrope ';
    font-weight: 700;
    height: 100%;
    text-transform: uppercase;
    font-size: 16px;
}
.site_main_proekty .bl_5_bott {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.site_main_proekty .bl_5_bott_item1 {
    width: 34.5%;
}
.site_main_proekty .bl_5_bott_item2 {
    width: 64.5%;
}
section.box_bl_5 .etapy_3_go_bloka_proekty {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    --grid-column-gap: 10px;
    --grid-row-gap: 10px;
    padding-bottom: 0px;
}
.site_main_proekty .knopka_5_go_bloka_proekty {
    text-align: center;
    padding-top: 30px;
}
.site_main_proekty .text2_5_go_bloka_proekty_box {
    background: #FFF;
    border-radius: 15px;
    padding: 30px;
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    font-family: 'Manrope ';
}
.site_main_proekty .text2_5_go_bloka_proekty {
    font-size: 14px;
}
.site_main_proekty .text2_5_go_bloka_proekty p {
    margin-bottom: 15px;
}
.site_main_proekty .text2_5_go_bloka_proekty p:last-child {
    margin-bottom: 0px;
}
.site_main_proekty .box_bl_5 {
    padding-bottom: 0px;
}
.page-template-page-proekty .vyvod_proektov_proekty_item .link_button {
    position: relative;
    padding: 9px 24px;
    color: #fff;
    border-radius: 7px;
    overflow: hidden;
    background: linear-gradient(95.12deg, #78C2FF -5.71%, #4B79D5 102.36%);
    height: 40px;
    font-weight: 600;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 130px;
    width: 100%;
}

.page-template-page-proekty .knopka_3_go_bloka_proekty,
.page-template-page-proekty .knopka_4_go_bloka_proekty,
.page-template-page-proekty .knopka_5_go_bloka_proekty {
    scroll-margin-top: 0;
}

.page-template-page-proekty .link_button.project-anchor-pulse {
    animation: projectAnchorPulse .9s ease-in-out 2;
}

@keyframes projectAnchorPulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(75, 121, 213, 0);
    }
    35% {
        transform: scale(1.06);
        box-shadow: 0 0 0 12px rgba(120, 194, 255, 0.22);
    }
    70% {
        transform: scale(1.02);
        box-shadow: 0 0 0 20px rgba(120, 194, 255, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(75, 121, 213, 0);
    }
}






























main.site_main_instrukczii .bl_1 {
    max-width: none;
    padding: 40px 30px;
    height: 263px;
    position: relative;
}
.tekst_1_go_bloka_instrukczii span {
    font-weight: 700;
}
.tekst_1_go_bloka_instrukczii {
    font-family: 'Manrope ';
    position: absolute;
    bottom: 30px;
}
header.title_1_go_bloka_instrukczii h1 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 43px;
    font-weight: 600;
}
main.site_main_instrukczii .box_bl_1 {
    padding-bottom: 70px;
}
main.site_main_instrukczii .flex_bl2 {
    display: grid;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    --grid-column-gap: 10px;
    --grid-row-gap: 30px;
}
.tarify_1_go_bloka_instrukczii_item {
    padding: 30px 30px 40px 30px;
    border-radius: 15px;
    position: relative;
    height: 261px;
}
.title_tarify_1_go_bloka_instrukczii {
    font-family: 'Manrope ';
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #2B3AAC;
}
.tarify_1_go_bloka_instrukczii_item1 .title_tarify_1_go_bloka_instrukczii, .tarify_1_go_bloka_instrukczii_item2 .title_tarify_1_go_bloka_instrukczii {
    color: #fff;
}
.tarify_1_go_bloka_instrukczii_item1 .tekst_tarify_1_go_bloka_instrukczii, .tarify_1_go_bloka_instrukczii_item2 .tekst_tarify_1_go_bloka_instrukczii {
    color: #fff;
}
.tarify_1_go_bloka_instrukczii_item1 a.link_button4, .tarify_1_go_bloka_instrukczii_item2 a.link_button4 {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 9px 24px;
    color: #262626;
    border-radius: 7px;
    overflow: hidden;
    background: linear-gradient(109.36deg, #FFFFFF -9.69%, #78C2FF 116.62%);
    height: 40px;
    font-size: 13px;
}
.tarify_1_go_bloka_instrukczii_item1 a.link_button4:before, .tarify_1_go_bloka_instrukczii_item2 a.link_button4:before {
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(109.36deg, #78C2FF -9.69%, #FFFFFF 116.62%);
    transition:opacity .3s;
}
.tekst_knopki_tarify_1_go_bloka_instrukczii {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translate(-50%, -0%);
    width: 100%;
}
.tarify_1_go_bloka_instrukczii_item1, .tarify_1_go_bloka_instrukczii_item2 {
    height: 353px;
}
.site_main_instrukczii .box_bl_2 {
    padding-bottom: 40px;
}
.tekst_2_go_bloka_instrukczii {
    background: #FFF;
    border-radius: 15px;
    padding: 30px;
}
.tekst_2_go_bloka_instrukczii_flex {
    display: flex;
    justify-content: right;
    padding-top: 40px;
}
.title_tarify_1_go_bloka_instrukczii span {
    opacity: 0.7;
}
.tekst_tarify_1_go_bloka_instrukczii p {
    margin-bottom: 15px;
}
.tekst_tarify_1_go_bloka_instrukczii p:last-child {
    margin-bottom: 0px;
}
.tekst_tarify_1_go_bloka_instrukczii {
    font-family: 'Manrope ';
}
.tarify_1_go_bloka_instrukczii_item2 .tekst_tarify_1_go_bloka_instrukczii em {
    opacity: 0.7;
    font-style: normal;
}
footer {
    margin-top: 10px;
    padding-bottom: 20px;
}
.footer_box {
    background: #2B3AAC;
    border-radius: 10px;
    padding: 20px;
}
.tekst_knopki_header_mob, .text_1_go_bloka br {
    display: none;
}
#dad_mobile_btn {
    display: none;
    position: absolute;
    top: 22px;
    right: 30px;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    cursor: pointer;
    background: #FFFFFF;
    border-radius: 4px;
}
.dad_span_1, .dad_span_2, .dad_span_3 {
    position: absolute;
    width: 22px;
    height: 2px;
    transition: 0.3s;
    background: #2B3AAC;
    border-radius: 50%;
    right: 6px;
}
.dad_span_1 {
    top: 9px;
}
.dad_span_2 {
    top: 17px;
}
.dad_span_3 {
    top: 25px;
}
.mobile_btn .dad_span_1 {
    transform: rotate(45deg);
    top: 16px;
}
.mobile_btn .dad_span_2, .box_bl_1_mob {
    display: none;
}
.mobile_btn .dad_span_3 {
    top: 16px;
    transform: rotate(-45deg);
}
.footer_item1_mob {
    display: none;
}
.footer_item2_item_margin {
    margin: 0;
}
.col_r a {
    color: #2b3aac;
    text-decoration: underline;
}
.col_r a:hover {
    text-decoration: none;
}














table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
  color: #1f2933;
  font-size: 14px;
  line-height: 1.45;
  margin: 28px 0;
}

table th,
table td {
  padding: 12px 14px;
  border: 1px solid #d9dee7;
  vertical-align: top;
  overflow-wrap: anywhere;
  word-break: normal;
}

table th {
  background: #f0002f;
  color: #fff;
  font-weight: 700;
  text-align: left;
}

table tbody tr:nth-child(even) {
  background: #f7f8fb;
}

table tbody tr:hover {
  background: #fff4f6;
}



@media (max-width: 767px) {
  table {
    display: block;
    width: 100%;
    min-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    table-layout: auto;
    font-size: 13px;
  }

  table thead,
  table tbody,
  table tr {
    width: 100%;
  }

  table th,
  table td {
    min-width: 140px;
    padding: 10px 11px;
  }

  table th:first-child,
  table td:first-child {
    min-width: 52px;
  }
}


















































.paid-content-page {
	padding: 37px 0 120px;
}

.paid-content-container {
	width: 100%;
	max-width: 1230px;
	margin: 0 auto;
	padding: 0 15px;
}

.paid-content-hero {
	height: 263px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 44px 30px;
	margin-bottom: 70px;
	border-radius: 15px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #785b8c;
}

.paid-content-hero-inner {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.paid-content-title {
	margin: 0;
	color: #fff;
	font-family: 'Montserrat Semibold', 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.paid-content-lessons {
	display: flex;
	flex-direction: column;
	gap: 18px;
	width: 100%;
}

.paid-content-lesson {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 25px 28px;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(0,0,0,.08);
}

.paid-content-lesson-head {
	display: flex;
	align-items: center;
	gap: 13px;
	min-width: 0;
}

.paid-content-lesson-status {
	width: 12px;
	height: 12px;
	flex: 0 0 12px;
	border-radius: 50%;
	background: #e53935;
	box-shadow: 0 0 0 5px rgba(229,57,53,.12);
}

.paid-content-lesson.is-read .paid-content-lesson-status {
	background: #21a67a;
	box-shadow: 0 0 0 5px rgba(33,166,122,.14);
}

.paid-content-lesson-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    padding: 0;
    line-height: 1.25;
    color: #222;
}

.paid-content-lesson a.link_button {
	flex: 0 0 auto;
	margin: 0;
}

.paid-content-locked {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 54px 34px;
	border-radius: 18px;
	background: #fff;
	text-align: center;
	box-shadow: 0 12px 32px rgba(0,0,0,.08);
}

.paid-content-locked h2 {
    margin: 0 0 12px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25;
    color: #222;
    text-align: center;
}

.paid-content-locked p {
	margin: 0 auto 22px;
	max-width: 520px;
	font-family: 'Manrope ';
	font-size: 16px;
	line-height: 1.55;
	color: #444;
}

.paid-content-login-link {
	display: inline-block;
	margin-top: 4px;
	color: #2B3AAC;
	font-family: 'Manrope ';
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.paid-content-login-link:hover {
	text-decoration: underline;
}

.paid-content-bottom-box {
	margin-top: 34px;
}

.account-page {
    padding: 70px 0;
}

.account-box {
	margin: 0 auto;
}

.account-head {
	margin-bottom: 24px;
	text-align: center;
}

.account-head h1,
.account-card h1 {
	margin: 0 0 12px;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.25;
	color: #222;
    text-align: center;
}

.account-head p,
.account-card p {
	margin: 0;
	font-family: 'Manrope ';
	font-size: 16px;
	line-height: 1.55;
	color: #444;
}

.account-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.account-card {
	padding: 28px;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(0,0,0,.08);
}

.account-card-wide {
	max-width: 620px;
	margin: 0 auto;
	text-align: center;
}

.account-dashboard {
	display: grid;
	gap: 18px;
}

.account-welcome {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 30px;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(0,0,0,.08);
}

.account-welcome h1 {
	margin: 0 0 8px;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.25;
	color: #222;
}

.account-welcome p {
	margin: 0;
	font-family: 'Manrope ';
	font-size: 16px;
	line-height: 1.55;
	color: #444;
}

.account-dashboard-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.account-info-card,
.account-materials {
	padding: 26px;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(0,0,0,.08);
}

.account-info-card span {
	display: block;
	margin-bottom: 8px;
	font-family: 'Manrope ';
	font-size: 13px;
	color: #777;
}

.account-info-card strong {
	display: block;
	margin-bottom: 8px;
	font-size: 22px;
	font-weight: 600;
	color: #222;
}

.account-info-card p {
	margin: 0;
	font-family: 'Manrope ';
	font-size: 14px;
	line-height: 1.55;
	color: #555;
}

.account-tracker {
	padding: 26px;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(0,0,0,.08);
}

.account-section-head {
	margin-bottom: 18px;
}

.account-section-head h2 {
	margin: 0 0 6px;
	font-size: 26px;
	font-weight: 600;
	color: #222;
}

.account-section-head p {
	margin: 0;
	font-family: 'Manrope ';
	font-size: 15px;
	color: #555;
}

.account-tracker-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
}

.account-tracker-layout {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.account-tracker-panel {
	min-width: 0;
	padding: 18px;
	border-radius: 12px;
	background: #f7f7fb;
}

.account-daily-panel {
	grid-column: 1 / -1;
}

.account-tracker-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.account-tracker-panel-head h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: #222;
}

.account-tracker-panel-head span {
	flex: 0 0 auto;
	font-family: 'Manrope ';
	font-size: 13px;
	color: #6a7190;
}

.account-habits-list,
.account-goals-list {
	display: grid;
	gap: 9px;
	max-height: 204px;
	margin-bottom: 14px;
	overflow-y: auto;
	padding-right: 4px;
}

.account-habit-item,
.account-goal-item {
	padding: 9px 10px;
	border-radius: 9px;
	background: #fff;
	font-family: 'Manrope ';
}

.account-track-list-item {
	display: grid;
	grid-template-columns: 10px minmax(0, 1fr) auto 28px;
	align-items: center;
	gap: 9px;
	min-height: 42px;
	padding: 9px 10px;
	border-left: 3px solid transparent;
	border-radius: 9px;
	background: #fff;
	font-family: 'Manrope ';
	cursor: pointer;
}

.account-track-list-item.is-active {
	border-left-color: #2B3AAC;
	background: #eef4ff;
}

.account-track-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
}

.account-track-list-item strong {
	overflow: hidden;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.account-track-list-item em {
	color: #8a90a3;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
}

.account-track-list-item button {
	width: 28px;
	height: 28px;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #9a9a9a;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.account-goals-progress {
	--goals-progress: 0%;
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
	padding: 13px;
	border-radius: 12px;
	background: linear-gradient(135deg, #fef3dc 0%, #e9f8ef 52%, #eef4ff 100%);
}

.account-goals-progress-circle {
	position: relative;
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: conic-gradient(#75bf82 var(--goals-progress), #f6c65b var(--goals-progress), #eef0f7 0);
}

.account-goals-progress-circle:before {
	content: '';
	position: absolute;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #fff;
}

.account-goals-progress-circle strong {
	position: relative;
	z-index: 1;
	font-family: 'Manrope ';
	font-size: 15px;
	font-weight: 800;
	color: #2B3AAC;
}

.account-goals-progress-info {
	min-width: 0;
}

.account-goals-progress-info span {
	display: block;
	margin-bottom: 4px;
	font-family: 'Manrope ';
	font-size: 12px;
	color: #6a7190;
}

.account-goals-progress-info b {
	display: block;
	margin-bottom: 10px;
	font-family: 'Manrope ';
	font-size: 15px;
	color: #222;
}

.account-goals-progress-bar {
	height: 9px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(255,255,255,.8);
}

.account-goals-progress-bar i {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #e8839e 0%, #f6c65b 45%, #75bf82 100%);
	transition: width .2s ease;
}

.account-habits-progress {
	background: linear-gradient(135deg, #e9f8ef 0%, #eef4ff 55%, #fff3e3 100%);
}

.account-habits-progress .account-goals-progress-circle {
	background: conic-gradient(#75bf82 var(--goals-progress), #5d9cec var(--goals-progress), #eef0f7 0);
}

.account-habits-progress .account-goals-progress-bar i {
	background: linear-gradient(90deg, #75bf82 0%, #5d9cec 100%);
}

.account-selected-calendar {
	margin: 14px 0;
	padding: 13px;
	border-radius: 10px;
	background: #fff;
}

.account-selected-calendar-title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	font-family: 'Manrope ';
}

.account-selected-calendar-title span {
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.account-selected-calendar-title strong {
	font-size: 15px;
	color: #222;
}

.account-selected-days {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 6px;
}

.account-selected-day {
	height: 34px;
	min-width: 0;
	border: 1px solid #dfe2ed;
	border-radius: 8px;
	background: #fff;
	color: #8a90a3;
	font-family: 'Manrope ';
	font-size: 12px;
	font-weight: 800;
	cursor: pointer;
}

.account-selected-day.is-done {
	border-color: var(--track-color);
	background: #eef4ff;
	color: var(--track-color);
}

.account-selected-day.is-today,
.account-selected-day.is-selected {
	box-shadow: inset 0 0 0 2px #2B3AAC;
}

.account-selected-day.is-future {
	opacity: .35;
	cursor: default;
}

.account-inline-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
}

.account-inline-form input {
	min-width: 0;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #dfe2ed;
	border-radius: 8px;
	background: #fff;
	font-family: 'Manrope ';
	font-size: 14px;
}

.account-inline-form button {
	border: 0;
	font-family: 'Manrope ';
	cursor: pointer;
}

.account-tracker-empty {
	padding: 13px;
	border-radius: 9px;
	background: #fff;
	font-family: 'Manrope ';
	font-size: 14px;
	color: #777;
}

.account-daily-split {
	display: grid;
	grid-template-columns: 1fr;
}

.account-month-progress {
	min-width: 0;
	padding: 14px;
	border-radius: 12px;
	background: #fff;
}

.account-month-progress-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.account-month-progress-head strong {
	font-size: 24px;
	font-weight: 600;
	color: #222;
}

.account-month-progress-head span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 52px;
	height: 30px;
	border-radius: 999px;
	background: #eef4ff;
	color: #2B3AAC;
	font-family: 'Manrope ';
	font-size: 13px;
	font-weight: 800;
}

.account-month-overview {
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	margin-bottom: 18px;
	padding: 14px;
	border-radius: 12px;
	background: linear-gradient(135deg, #fef3dc 0%, #e9f8ef 52%, #eef4ff 100%);
}

.account-month-overview-circle {
	--month-overall-progress: 0%;
	position: relative;
	display: grid;
	place-items: center;
	width: 74px;
	height: 74px;
	border-radius: 50%;
	background: conic-gradient(#75bf82 var(--month-overall-progress), #f6c65b var(--month-overall-progress), #eef0f7 0);
}

.account-month-overview-circle:before {
	content: '';
	position: absolute;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #fff;
}

.account-month-overview-circle strong {
	position: relative;
	z-index: 1;
	color: #222;
	font-family: 'Manrope ';
	font-size: 16px;
	font-weight: 800;
}

.account-month-overview-info {
	min-width: 0;
	font-family: 'Manrope ';
}

.account-month-overview-info b {
	display: block;
	margin-bottom: 5px;
	color: #222;
	font-size: 16px;
}

.account-month-overview-info span {
	display: block;
	color: #6a7190;
	font-size: 13px;
	line-height: 1.35;
}

.account-month-progress-list {
	display: grid;
	gap: 10px;
	max-height: 360px;
	overflow-y: auto;
	padding-right: 4px;
}

.account-month-progress-item {
	padding: 11px 12px;
	border-radius: 10px;
	background: #fff;
}

.account-month-progress-row {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 9px;
	margin-bottom: 7px;
	font-family: 'Manrope ';
}

.account-month-progress-row span {
	padding: 3px 7px;
	border-radius: 999px;
	background: #f2f3f8;
	color: #6a7190;
	font-size: 11px;
	font-weight: 700;
}

.account-month-progress-row strong {
	overflow: hidden;
	color: #222;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.account-month-progress-row em {
	color: #6a7190;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
}

.account-month-progress-bar {
	height: 7px;
	overflow: hidden;
	border-radius: 999px;
	background: #eef0f6;
}

.account-month-progress-bar i {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	transition: width .2s ease;
}

.account-notes-list {
	display: grid;
	gap: 9px;
	max-height: 220px;
	margin-bottom: 14px;
	overflow: auto;
}

.account-note-item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 28px;
	gap: 10px;
	padding: 12px;
	border-radius: 9px;
	background: #fff;
}

.account-note-item time {
	display: flex;
	align-items: baseline;
	gap: 7px;
	margin-bottom: 6px;
	font-family: 'Manrope ';
	font-size: 12px;
	font-weight: 700;
	color: #6a7190;
}

.account-note-item small {
	display: inline;
	margin: 0;
	font-family: 'Manrope ';
	font-size: 11px;
	line-height: 1.2;
	color: #9a9fb2;
}

.account-note-item p {
	margin: 0;
	font-family: 'Manrope ';
	font-size: 14px;
	line-height: 1.45;
	color: #333;
	white-space: pre-wrap;
}

.account-note-item button {
	width: 28px;
	height: 28px;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: #9a9a9a;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.account-note-form {
	display: grid;
	gap: 8px;
}

.account-note-form textarea,
.account-cycle-note textarea {
	width: 100%;
	padding: 13px;
	border: 1px solid #dfe2ed;
	border-radius: 10px;
	background: #fff;
	resize: vertical;
	font-family: 'Manrope ';
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}

.account-note-form button {
	border: 0;
	font-family: 'Manrope ';
	justify-self: start;
	cursor: pointer;
}

.account-cycle-top {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) 38px;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
}

.account-cycle-top button {
	width: 38px;
	height: 38px;
	border: 1px solid #dfe2ed;
	border-radius: 8px;
	background: #fff;
	color: #2B3AAC;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

.account-cycle-top strong {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #222;
}

.account-cycle-caption {
	margin: -4px 0 12px;
	font-family: 'Manrope ';
	font-size: 13px;
	line-height: 1.4;
	color: #6a7190;
}

.account-cycle-weekdays,
.account-cycle-calendar {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 6px;
}

.account-cycle-weekdays {
	margin-bottom: 6px;
}

.account-cycle-weekdays span {
	text-align: center;
	font-family: 'Manrope ';
	font-size: 12px;
	color: #7b8197;
}

.account-cycle-day {
	height: 42px;
	border: 1px solid #e2e5ef;
	border-radius: 8px;
	background: #fff;
	color: #333;
	font-family: 'Manrope ';
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.account-cycle-day.is-empty {
	border: 0;
	background: transparent;
}

.account-cycle-day.is-cycle {
	border-color: #e8839e;
	background: #ffe5ec;
	color: #b53359;
}

.account-cycle-day.is-today {
	box-shadow: inset 0 0 0 2px #2B3AAC;
}

.account-cycle-day.is-selected {
	box-shadow: inset 0 0 0 2px #2B3AAC;
}

.account-cycle-day.has-note {
	position: relative;
}

.account-cycle-day.has-note:after {
	content: '';
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #2B3AAC;
}

.account-cycle-day.has-tracker {
	position: relative;
}

.account-cycle-day.has-tracker:before {
	content: '';
	position: absolute;
	left: 5px;
	bottom: 5px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #75bf82;
}

.account-cycle-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 12px;
	font-family: 'Manrope ';
	font-size: 12px;
	color: #666;
}

.account-cycle-legend span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.account-cycle-legend-hint {
	margin-top: 8px;
	font-family: 'Manrope ';
	font-size: 12px;
	line-height: 1.35;
	color: #8a90a3;
}

.account-cycle-legend i,
.account-cycle-legend b,
.account-cycle-legend em {
	width: 12px;
	height: 12px;
	border-radius: 4px;
}

.account-cycle-legend i {
	background: #ffe5ec;
	border: 1px solid #e8839e;
}

.account-cycle-legend b {
	border: 2px solid #2B3AAC;
}

.account-cycle-legend em {
	position: relative;
	border: 1px solid #e2e5ef;
	background: #fff;
}

.account-cycle-legend em:after {
	content: '';
	position: absolute;
	right: 2px;
	bottom: 2px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #2B3AAC;
}

.account-cycle-note {
	margin-top: 14px;
	padding: 13px;
	border-radius: 10px;
	background: #fff;
}

.account-cycle-note[hidden] {
	display: none;
}

.account-cycle-note-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

.account-cycle-note-head strong {
	display: inline;
	font-family: 'Manrope ';
	font-size: 14px;
	color: #222;
}

.account-cycle-note-head small {
	display: inline;
	margin: 0 0 0 7px;
	font-family: 'Manrope ';
	font-size: 11px;
	line-height: 1.2;
	color: #9a9fb2;
}

.account-cycle-note-head button {
	width: 28px;
	height: 28px;
	border: 0;
	border-radius: 7px;
	background: #f7f7fb;
	color: #777;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.account-materials-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.account-material-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px;
	border-radius: 14px;
	background: #f7f7fb;
	color: #222;
	text-decoration: none;
	transition: background .2s, transform .2s;
}

.account-material-card:hover {
	background: #eef4ff;
	transform: translateY(-2px);
}

.account-material-card strong {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
}

.account-material-card span {
	flex: 0 0 auto;
	color: #2B3AAC;
	font-size: 13px;
	font-weight: 600;
}

.account-empty {
	padding: 18px;
	border-radius: 14px;
	background: #f7f7fb;
	font-family: 'Manrope ';
	font-size: 14px;
	line-height: 1.55;
	color: #555;
}

.account-card h2 {
	margin: 0 0 18px;
	font-size: 24px;
	font-weight: 600;
	color: #222;
}

.account-card label {
	display: block;
	margin-bottom: 14px;
	font-family: 'Manrope ';
	font-size: 14px;
	color: #333;
}

.account-card label span {
	display: block;
	margin-bottom: 6px;
}

.account-card input[type="text"],
.account-card input[type="email"],
.account-card input[type="password"] {
	width: 100%;
	height: 44px;
	padding: 0 13px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font: inherit;
	background: #fff;
}

.account-check {
	display: flex !important;
	align-items: center;
	gap: 8px;
}

.account-check span {
	margin: 0 !important;
}

.account-submit {
	border: 0;
	cursor: pointer;
}

.account-message {
	margin-top: 16px;
	padding: 12px 14px;
	border-radius: 10px;
	background: #ffe8e8;
	color: #9b1c1c;
	font-family: 'Manrope ';
	font-size: 14px;
}

.account-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin-top: 24px;
}

.account-logout {
	text-decoration: none;
}

.paid-content-bottom-flex {
	display: flex;
	justify-content: space-between;
}

.paid-content-bottom-side,
.paid-content-bottom-card {
	width: 49%;
}

.paid-content-bottom-card {
	background: #fff;
	border-radius: 15px;
	padding: 30px;
}

.paid-content-bottom-text {
	font-family: 'Manrope ';
	font-size: 13px;
	line-height: 1.65;
	color: #222;
}

.paid-content-bottom-text p {
	margin-bottom: 15px;
}

.paid-content-bottom-text p:last-child {
	margin-bottom: 0;
}

.paid-content-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.paid-content-modal.is-open {
	display: flex;
}

.paid-content-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.58);
}

.paid-content-modal-box {
	position: relative;
	z-index: 1;
	width: 75vw;
	max-width: 1200px;
	min-width: 320px;
	max-height: 82vh;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 36px;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 24px 80px rgba(0,0,0,.24);
}

.paid-content-modal-box h2 {
	margin: 0 42px 18px 0;
	font-size: 30px;
	line-height: 1.25;
	color: #222;
}

.paid-content-modal-text {
	min-height: 0;
	overflow: auto;
	padding-right: 12px;
	font-size: 18px;
	line-height: 1.6;
	color: #333;
}

.paid-content-modal-text p {
	margin-bottom: 16px;
}

.paid-content-modal-text p:last-child {
	margin-bottom: 0;
}

.paid-content-video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 16px;
	background: #000;
}

.paid-content-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.paid-content-modal-close {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: #f1f1f1;
	color: #222;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
	font-family: Arial, sans-serif;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.paid-content-modal-close:hover,
.paid-content-modal-close:focus {
	background: #222;
	color: #fff;
	transform: rotate(90deg);
}

body.paid-content-modal-open {
	overflow: hidden;
}

.getcourse-payment-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.getcourse-payment-modal.is-open {
	display: flex;
}

.getcourse-payment-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.58);
}

.getcourse-payment-box {
	position: relative;
	z-index: 1;
	width: min(640px, 100%);
	max-height: 82vh;
	overflow: auto;
	padding: 42px 30px 30px;
	border-radius: 24px;
	background: #fff;
	text-align: center;
	box-shadow: 0 24px 80px rgba(0,0,0,.24);
}

.getcourse-payment-box h2 {
	margin: 0 42px 14px;
	color: #222;
	font-family: 'Montserrat';
	font-size: 30px;
	font-weight: 600;
	line-height: 1.25;
}

.getcourse-payment-box p {
	margin: 0 auto 20px;
	max-width: 500px;
	color: #333;
	font-family: 'Manrope ';
	font-size: 16px;
	line-height: 1.55;
}

.getcourse-payment-widget {
	display: flex;
	justify-content: center;
	margin: 0 auto;
}

.getcourse-payment-widget-panel {
	display: none;
	width: 100%;
}

.getcourse-payment-widget-panel.is-active {
	display: block;
}

.getcourse-payment-close {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 50%;
	background: #f1f1f1;
	color: #222;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
}

.getcourse-account-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 24px;
	border-radius: 999px;
	background: #2B3AAC;
	color: #fff;
	font-family: 'Manrope ';
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
}

body.getcourse-payment-open {
	overflow: hidden;
}
.box_bl_3_mob, .box_bl_4_mob, .title2_3_go_bloka_proekty_mob {
    display: none;
}
#toTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99999;
}
.up {
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 7px;
    border: 1px solid #fff;
    cursor: pointer;
    position: relative;
    box-shadow: 0 2px 8px 1px rgb(64 64 64 / 30%);
    background: #2b3aac;
}
.up:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    margin: -3px 0 0 10px;
    width: 12px;
    height: 12px;
    top: 23px;
    left: 5px;
    position: absolute;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    -webkit-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.up:hover:after {
    -webkit-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    top: 20px;
}




































@media (max-width: 1190px) {    
.item_bl2 {
    right: -100px; /* Уменьшаем выступ */
}

/* Обрезаем скролл у страницы */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

* {
    max-width: 100%;
    box-sizing: border-box;
}
.bl_1 {
    max-width: none;
}
.vyvod_proektov_proekty_link {
    position: initial;
    transform: none;
}
.vyvod_proektov_proekty_item {
    height: 100%;
}
.vyvod_proektov_proekty_link {
    padding-top: 30px;
}
h2.title2_3_go_bloka_proekty {
    position: initial;
    padding-top: 40px;
}
.site_main_proekty .img_5_go_bloka_proekty img {
    object-fit: cover;
}
.img_5_go_bloka_proekty {
    height: 100%;
}
.site_main_proekty .text2_5_go_bloka_proekty {
    max-width: 600px;
}

























}































@media (max-width: 991px) {
#dad_mobile_btn, .tekst_knopki_header_mob, .text_1_go_bloka br, section.box_bl_2.box_bl_2_mob {
    display: block;
}
.menu_box, .tekst_knopki_header_web, section.box_bl_2.box_bl_2_web {
    display: none;
}
.otzyvy_slider_outside{
    width: calc(100% + 120px);
}
.vyvod_otzyvov_4_go_bloka_item{
    padding: 22px;
}
.title_vyvod_otzyvov_4_go_bloka{
    font-size: 20px;
}
nav.menu_box {
    position: absolute;
    top: 79px;
    background: #fff;
    z-index: 2;
    right: 0;
    max-width: 300px;
    width: 100%;
    padding: 25px;
    box-shadow: -7px 20px 20px 3px rgb(51 51 51 / 20%);
    border-radius: 7px;
}
nav.menu_box .menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: block;
    height: auto;
}
header .menu li {
    padding: 5px 0px;
    position: relative;
}
.tekst_knopki_header {
    margin-left: 0;
    margin-top: 40px;
}
.bl_1 {
    margin-top: 20px;
}
.home .flex_bl_2 {
    flex-wrap: wrap;
}
.home .item1_bl_2 {
    width: 100%;
}
.home .item2_bl_2 {
    width: 100%;
    margin-top: 10px;
}
.home .item1_bl_2 img {
    border-radius: 10px;
}
.home .tekst_knopki_2_go_bloka {
    position: initial;
}
.home .tekst_knopki_2_go_bloka {
    position: initial;
    text-align: center;
    padding-top: 20px;
}
.home .tekst_knopki_2_go_bloka a.link_button2 {
    position: relative;
    padding: 9px 24px;
    color: #fff;
    border-radius: 7px;
    overflow: hidden;
    background: linear-gradient(95.12deg, #78C2FF -5.71%, #4B79D5 102.36%);
    height: 40px;
    font-weight: 600;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
}
.home .tekst_knopki_2_go_bloka a.link_button2::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(95.12deg, #4B79D5, #78C2FF);
    opacity:0;
    transition:opacity .3s;
}
.home .tekst_knopki_2_go_bloka a.link_button2:hover::before{
    opacity:1;
}
.home .tekst_knopki_2_go_bloka a.link_button2 span{
    position:relative;
}
.vyvod_proektov_3_go_bloka_item {
    width: 100%;
}
.vyvod_proektov_3_go_bloka_item:first-child {
    order: 1;
    margin-top: 10px;
}
main.site_main_instrukczii .flex_bl2 {
    grid-template-columns: repeat(1, 1fr);
}
.vyvod_proektov_proekty {
    grid-template-columns: repeat(1, 1fr);
    --grid-row-gap: 20px;
}
.vyvod_proektov_proekty_item {
    max-width: 500px;
    margin: 0 auto;
}
.site_main_proekty .item_bl1, .site_main_proekty .bl_3_top_item1 {
    width: 100%;
}
.site_main_proekty .flex_bl1 {
    flex-wrap: wrap;
}
.site_main_proekty .item_bl2, .site_main_proekty .bl_3_top_item2 {
    width: 100%;
    margin-top: 30px;
}
.etapy_3_go_bloka_proekty, .etapy2_4_go_bloka_proekty {
    grid-template-columns: repeat(2, 1fr);
}
section.box_bl_4 .bl_4_top_item1_item1_flex {
    grid-template-columns: repeat(1, 1fr);
}
section.box_bl_4 .bl_4_top_item1_item2 {
    margin-top: 10px;
    grid-column: span 2;
}
section.box_bl_4 .bl_3_top_item2_item1, .site_main_proekty .bl_5_top_item2, .site_main_proekty .bl_5_bott_item2 {
    width: 100%;
}
section.box_bl_4 .bl_3_top_item2_item2 {
    width: 100%;
    margin-top: 40px;
}
.site_main_proekty .bl_5_top_item1 {
    width: 100%;
    margin-bottom: 20px;
}
.site_main_proekty .bl_5_bott_item1 {
    width: 100%;
    margin-bottom: 10px;
}
.site_main_proekty .text2_5_go_bloka_proekty {
    max-width: 500px;
}































}














@media (max-width: 800px) {
.item_bl2 {
    height: 277px;
    right: 0;
}
.title_1_go_bloka h1 {
    font-size: 23px;
}
.item_bl2 {
    height: 310px;
    right: 0;
}
.home .bl_1 {
    padding: 20px;
}



















}



















@media (max-width: 770px) {
.footer_item1_mob, .box_bl_3_mob, .box_bl_4_mob {
    display: block;
}
.footer_item1_web, .box_bl_3_web, .box_bl_4_web {
    display: none;
}
.otzyvy_slider_outside{
    width: calc(100% + 40px);
}
.title_vyvod_otzyvov_4_go_bloka {
    font-size: 14px;
    margin-bottom: 10px;
}
.tekst_vyvod_otzyvov_4_go_bloka.is-collapsed{
    -webkit-line-clamp: 7;
}
.text_1_go_bloka {
    font-size: 14px;
    padding-top: 24px;
}
.item_bl2 {
    height: 240px;
    right: 0;
}
.box_bl_1 {
    padding-bottom: 55px;
}
.home .box_bl_3 {
    padding-bottom: 40px;
}
.swiper.otzyvy_bl_4_slider {
    padding: 65px 30px 30px;
    margin-top: 20px;
}
.otzyvy_bl_4_nav {
    top: 20px;
    right: 10px;
    gap: 5px;
    margin: 0;
}
.otzyvy_bl_4_prev, .otzyvy_bl_4_next {
    width: 28px;
    height: 25px;
}
.otzyvy_bl_4_prev svg, .otzyvy_bl_4_next svg {
    width: 15px;
}
.vyvod_otzyvov_4_go_bloka_item {
    padding: 20px;
    height: 255px;
}
.home .title_bl_6 {
    font-size: 23px;
}
.home .item1_bl_6 {
    padding: 16px 20px;
    width: 100%;
    margin-bottom: 10px;
}
.item2_bl_6 {
    width: 100%;
}
.vopros_akkordeon_6_go_bloka {
    font-size: 14px;
    padding: 20px 55px 20px 20px;
}
.otvet_akkordeon_6_go_bloka {
    font-size: 14px;
    padding: 0px 15px 15px 20px;
}
.vopros_akkordeon_6_go_bloka:before {
    width: 26px;
    height: 26px;
    top: 17px;
    background-size: 26px;
}
.footer_item2 {
    width: 100%;
    margin-top: 186px;
    z-index: 999;
}
.footer_box {
    margin-top: 40px;
}
.logo_box_footer {
    position: absolute;
    left: 50%;
    top: 14%;
    transform: translate(-50%, -50%);
    height: 240px;
}
.footer_item3_item {
    text-align: left;
}
.container {
    padding: 0 10px;
}
.logo_box_footer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.paid-content-page {
    padding-bottom: 70px;
}

.paid-content-hero {
    height: 263px;
    padding: 34px 20px;
}

.paid-content-title {
    font-size: 30px;
}

.paid-content-lesson {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    border-radius: 18px;
}

.paid-content-lesson-title {
    font-size: 20px;
}

.paid-content-lesson-head {
    width: 100%;
}

.paid-content-lesson a.link_button {
    width: 100%;
}

.paid-content-locked {
    padding: 24px 20px;
}

.paid-content-locked h2 {
    font-size: 22px;
}

.paid-content-bottom-flex {
    display: block;
}

.paid-content-bottom-side,
.paid-content-bottom-card {
    width: 100%;
}

.paid-content-bottom-side {
    display: none;
}

.paid-content-bottom-card {
    padding: 22px;
}

.paid-content-bottom-text {
    font-size: 16px;
}

.paid-content-modal {
    padding: 14px;
}

.paid-content-modal-box {
    width: 100%;
    min-width: 0;
    padding: 28px 20px;
    border-radius: 18px;
}

.paid-content-modal-box h2 {
    font-size: 24px;
}

.paid-content-modal-text {
    font-size: 16px;
}

.account-page {
    padding: 42px 0 70px;
}

.account-grid {
    grid-template-columns: 1fr;
}

.account-welcome {
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
}

.account-welcome h1 {
    font-size: 28px;
}

.account-dashboard-grid,
.account-tracker-layout,
.account-materials-list {
    grid-template-columns: 1fr;
}

.account-info-card,
.account-tracker,
.account-materials {
    padding: 22px;
}

.account-tracker-head {
    flex-direction: column;
}

.account-inline-form {
    grid-template-columns: 1fr;
}

.account-daily-split {
    grid-template-columns: 1fr;
}

.account-card {
    padding: 22px;
}

.account-actions {
    flex-direction: column;
}

.getcourse-payment-modal {
    padding: 14px;
}

.getcourse-payment-box {
    padding: 42px 14px 18px;
    border-radius: 18px;
}

.getcourse-payment-box h2 {
    margin: 0 40px 14px 0;
    font-size: 24px;
    text-align: left;
}

.getcourse-payment-box p {
    font-size: 15px;
    text-align: left;
}

.getcourse-account-link {
    width: 100%;
}
.about .item1_bl1 {
    width: 100%;
}
.about .flex_bl1 {
    height: auto;
    flex-wrap: wrap;
}
.about .item2_bl1 {
    width: 100%;
    margin-top: 10px;
}
.text2_1_go_bloka_about {
    position: initial;
}
.about .box_bl_2 {
    padding-bottom: 10px;
}
.about .bl_3_bott {
    grid-template-columns: repeat(1, 1fr);
    --grid-row-gap: 10px;
}
.about .item2_bl3 {
    height: auto;
    width: 100%;
    gap: 50px;
}
.about .flex_bl3 {
    padding: 0;
    margin-bottom: 40px;
}
.about .item2_bl3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.about .box_bl_3 {
    padding-bottom: 50px;
}
.about .flex_bl4 {
    padding-top: 60px;
}
.text1_4_go_bloka_about {
    height: auto;
}
.about .item1_bl4 {
    width: 100%;
}
.about .item2_bl4 {
    width: 100%;
    height: auto;
}
.item1_bl4 img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.about .box_bl_4 {
    padding-bottom: 40px;
}
.about .flex_bl5 {
    grid-template-columns: repeat(1, 1fr);
    --grid-row-gap: 10px;
}
.box_bl_5 {
    padding-bottom: 40px;
}
.about .bl_6_top {
    grid-template-columns: repeat(1, 1fr);
    --grid-row-gap: 10px;
    margin-bottom: 20px;
}
.tekst_moya_istoriya_3_go_bloka_about br {
    display: none;
}
.about .item_bl6 {
    text-align: left;
    margin-bottom: 30px;
}
.about .item2_bl7, .about .item1_bl7 {
    width: 100%;
}
.about .flex_bl7 {
    flex-wrap: wrap;
}
.tekst_knopki_6_go_bloka_about {
    text-align: center;
}
.title_6_go_bloka_about, .text1_6_go_bloka_about {
    font-size: 14px;
}
.site_main_proekty section.box_bl_5 .preim_3_go_bloka_proekty {
    grid-template-columns: repeat(2, 1fr);
    --grid-column-gap: 10px;
    --grid-row-gap: 10px;
}




















}
























@media (max-width: 700px) {
.flex_singl {
    grid-template-columns: repeat(1, 1fr);
}

















}




















@media (max-width: 550px) {
.text_4_go_bloka br, .title2_3_go_bloka_proekty_web {
    display: none;
}
.title2_3_go_bloka_proekty_mob {
    display: block;
}
.container {
    padding: 0 10px;
}
#dad_mobile_btn {
    right: 10px;
}
.logo_box {
    width: 100px;
    height: 35px;
    padding: 6px 10px 9px 10px;
}
header.header {
    padding-top: 10px;
}
#dad_mobile_btn {
    top: 10px;
}
nav.menu_box {
    top: 65px;
}
.swiper.otzyvy_bl_4_slider {
    padding: 65px 10px 30px;
}
.text_4_go_bloka {
    font-size: 14px;
    padding-top: 15px;
}
.tekst_vyvod_otzyvov_4_go_bloka, .vyvod_socz_setej_v_podvale a, .pochta_v_podvale_box a {
    font-size: 14px;
}
.title2_v_podvale, .title1_v_podvale {
    padding-bottom: 12px;
    font-size: 14px;
}
.ikonka_vyvod_socz_setej_v_podvale, .pochta_v_podvale_img {
    width: 20px;
    height: 20px;
}
.footer_item2_item {
    padding: 20px;
}
.vyvod_socz_setej_v_podvale {
    padding-bottom: 20px;
    flex-wrap: wrap;
}
.footer_item2 {
    margin-top: 180px;
}
.logo_box_footer {
    height: 240px;
    width: 280px;
}
.vyvod_socz_setej_v_podvale a {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 15px;
}
.vyvod_socz_setej_v_podvale a:last-child {
    margin-bottom: 0;
}
.home .title_bl_5 {
    font-size: 23px;
    padding-bottom: 15px;
}
.home .title_bl_2 {
    font-size: 23px;
}
.home .text_bl_2 {
    padding: 20px;
}
.home .box_bl_2 {
    padding-bottom: 50px;
}
.home .title_vyvod_proektov_3_go_bloka {
    font-size: 14px;
    padding: 0;
}
.vyvod_proektov_3_go_bloka_item_flex {
    display: block;
    position: initial;
    padding: 0;
}
.vyvod_proektov_3_go_bloka_item1 {
    padding-bottom: 25px;
    font-size: 14px;
}
h3.title_vyvod_proektov_3_go_bloka {
    padding-bottom: 25px;
}
.vyvod_proektov_3_go_bloka_item {
    padding: 20px;
    height: auto;
}
.box_bl_5 {
    padding-bottom: 40px;
}
.home .flex_bl_2 {
    padding-top: 20px;
}

.home .text_bl_2 {
    font-size: 14px;
}
a.link_button2, a.link_button, a.link_button3 {
    font-size: 12px;
    height: 29px;
}
.home .tekst_knopki_2_go_bloka a.link_button2 {
    height: 29px;
}
.review_more_btn {
    margin-top: 10px;
    font-size: 14px;
}
.text_5_go_bloka br {
    display: none;
}
.home .flex_bl_5 {
    padding: 20px;
}
.paid-content-title {
    font-size: 21px;
}
.paid-content-hero {
    margin-bottom: 40px;
}
.page-template-page-paid-content a.link_button.paid-content-lesson-button {
    text-align: center;
    justify-content: center;
    width: auto;
    margin: 0 auto;
}
.paid-content-lesson-title {
    font-size: 14px!important;
}
.paid-content-bottom-box {
    margin-top: 40px;
}
.paid-content-bottom-text {
    font-size: 13px;
}
.paid-content-page {
    padding-bottom: 40px;
}
.paid-content-lessons {
    gap: 10px;
}
.title_1_go_bloka_about {
    font-size: 23px;
    line-height: 31px;
    padding-bottom: 0px;
}
.opisanie_cat, .text1_1_go_bloka_about, .text2_1_go_bloka_about, .about .tekst_vyvod_proektov_3_go_bloka, .pod_title_4_go_bloka_about, .text1_3_go_bloka_about, .text2_3_go_bloka_about {
    font-size: 14px;
}
.about .item1_bl1 {
    padding: 30px 20px;
}
.about .box_bl_1 {
    padding-bottom: 40px;
}
.about .title_bl_2 {
    font-size: 23px;
    padding-bottom: 10px;
}
.about .flex_bl_2 {
    padding-top: 0;
}
.about .vyvod_proektov_3_go_bloka_item:last-child {
    order: 1;
    margin-top: 10px;
}
.about .vyvod_proektov_3_go_bloka_item:first-child {
    margin-top: 0;
}
.about .title_vyvod_proektov_3_go_bloka {
    font-size: 14px;
    padding-bottom: 20px;
}
.about .vyvod_proektov_3_go_bloka_item1 {
    padding: 0;
}
.about .tekst_knopki_vyvod_proektov_3_go_bloka {
    text-align: left;
}
.about .item2_bl3, .about .vyvod_proektov_3_go_bloka_item {
    padding: 30px 20px;
}
.title_4_go_bloka_about, .title_5_go_bloka_about {
    font-size: 23px;
}
.text1_4_go_bloka_about, .text2_4_go_bloka_about, .about .item1_bl5, .tekst_moya_istoriya_3_go_bloka_about, .about .item2_bl5, .about .item2_bl7 {
    padding: 30px 20px;
    font-size: 14px;
}
.text2_4_go_bloka_about {
    height: auto;
}
.about .item_bl6 {
    margin-bottom: 20px;
    padding: 30px 20px;
}
main.site_main_instrukczii .bl_1 {
    padding: 30px 20px;
    height: auto;
}
.tekst_1_go_bloka_instrukczii {
    position: initial;
    font-size: 14px;
}
header.title_1_go_bloka_instrukczii h1 {
    font-size: 23px;
    line-height: 31px;
    padding-bottom: 30px;
}
.page-template-page-instrukczii .bl_1 {
    margin-top: 55px;
}
main.site_main_instrukczii .box_bl_1 {
    padding-bottom: 40px;
}
.title_tarify_1_go_bloka_instrukczii, .tekst_tarify_1_go_bloka_instrukczii {
    font-size: 14px;
}
.title_tarify_1_go_bloka_instrukczii {
    padding-bottom: 30px;
}
main.site_main_instrukczii .flex_bl2 {
    --grid-row-gap: 20px;
}
.tarify_1_go_bloka_instrukczii_item1, .tarify_1_go_bloka_instrukczii_item2 {
    height: auto;
}
.tekst_knopki_tarify_1_go_bloka_instrukczii {
    position: initial;
    transform: none;
    padding-top: 30px;
}
.tarify_1_go_bloka_instrukczii_item {
    padding: 30px 20px;
    height: auto;
}
.tekst_2_go_bloka_instrukczii {
    padding: 30px 20px;
    max-width: none;
    font-size: 14px;
}
.title_cat {
    font-size: 23px;
    padding-bottom: 20px;
}
.top_box_cat {
    padding: 30px 20px;
}
.tekst_etapy_3_go_bloka_proekty, .link_title_cat, .text_singl_cat, .text_1_go_bloka_proekty, .text_1_go_bloka_proekty strong, .tekst_vyvod_proektov_proekty, .text1_3_go_bloka_proekty {
    font-size: 14px;
}
header.title_1_go_bloka_proekty h1 {
    font-size: 21px;
    padding-bottom: 20px;
}
.site_main_proekty .item_bl1 {
    padding: 30px 20px;
}
.page-template-page-proekty .box_bl_1 {
    padding-bottom: 40px;
}
.vyvod_proektov_proekty_item {
    max-width: none;
    padding: 30px 20px;
}
.title_vyvod_proektov_proekty {
    font-size: 14px;
    padding-bottom: 30px;
}
.title_vyvod_proektov_proekty br {
    display: none;
}
.page-template-page-proekty .vyvod_proektov_proekty_item .link_button {
    height: 29px;
    font-size: 12px;
    max-width: 114px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.vyvod_proektov_proekty_link {
    padding-top: 20px;
}
.site_main_proekty .box_bl_2 {
    padding-bottom: 40px;
}
.title_3_go_bloka_proekty {
    font-size: 23px;
    padding-bottom: 20px;
}
.site_main_proekty .flex_bl_3 {
    padding: 30px 20px;
}
.tekst_preim_3_go_bloka_proekty {
    font-size: 12px;
}
.preim_3_go_bloka_proekty {
    grid-template-columns: repeat(1, 1fr);
    --grid-row-gap: 10px;
    padding-bottom: 30px;

}
.page-template-page-proekty .bl_3_top_item2 {
    margin-bottom: 30px;
}
h2.title2_3_go_bloka_proekty {
    padding-top: 0;
    padding-bottom: 20px;
}
.etapy_3_go_bloka_proekty {
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 30px;
}
.tekst_etapy_3_go_bloka_proekty {
    padding: 20px;
}
.text2_3_go_bloka_proekty {
    font-size: 14px;
    padding-bottom: 20px;
}
.page-template-page-proekty .box_bl_3 {
    padding-bottom: 40px;
}
.site_main_proekty h2.title1_4_go_bloka_proekty {
    font-size: 23px;
}
.site_main_proekty .bl_4_top_item1 {
    padding: 30px 20px;
    margin-bottom: 45px;
}
section.box_bl_4 .preim_3_go_bloka_proekty {
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 30px !important;
}
section.box_bl_4 .bl_4_top_item1_item1 {
    padding: 30px 20px;
    font-size: 14px;
}
section.box_bl_4 .bl_4_top_item1_item2, section.box_bl_4 .bl_3_top_item2_item2 {
    padding: 30px 20px;
    font-size: 14px;
}
.bl_4_center .tekst_etapy_3_go_bloka_proekty {
    padding: 20px;
}
.bl_4_center_item1 .etapy_3_go_bloka_proekty {
    padding-bottom: 50px;
}
.title2_4_go_bloka_proekty, .tekst_etapy2_4_go_bloka_proekty, .text4_4_go_bloka_proekty, .site_main_proekty .bl_5_top_item1 {
    font-size: 14px;
}
.etapy_3_go_bloka_proekty, .etapy2_4_go_bloka_proekty {
    grid-template-columns: repeat(1, 1fr);
}
section.box_bl_4 .bl_4_center_item2 {
    padding: 30px 20px;
}
section.box_bl_4 .title3_4_go_bloka_proekty {
    font-size: 23px;
    padding-bottom: 15px;
}
section.box_bl_4 .bl_4_bott_item1 {
    margin-bottom: 20px;
    padding: 30px 20px;
}
.knopka_4_go_bloka_proekty {
    padding-top: 20px;
}
.page-template-page-proekty .box_bl_4 {
    padding-bottom: 40px;
}
.site_main_proekty h2.title1_5_go_bloka_proekty {
    font-size: 23px;
    padding-bottom: 20px;
}
.site_main_proekty .flex_bl_5 {
    padding: 30px 20px;
}
.site_main_proekty section.box_bl_5 .preim_3_go_bloka_proekty {
    grid-template-columns: repeat(1, 1fr);
}
.site_main_proekty .bl_5_top_item1 {
    padding: 30px 20px;
}
.site_main_proekty h3.title2_5_go_bloka_proekty {
    padding: 30px 20px;
    font-size: 14px;
}
section.box_bl_5 .etapy_3_go_bloka_proekty {
    grid-template-columns: repeat(1, 1fr);
}
.site_main_proekty .text2_5_go_bloka_proekty_box {
    padding: 30px 20px;
    margin-top: 40px;
}
.page_title {
    font-size: 23px;
}
.page_404_text {
    font-size: 14px;
}
#toTop {
    bottom: 20px;
    right: 20px;
}
.s3.page_pag {
    padding-bottom: 50px;
}
nav.menu_box_footer ul li a {
    font-size: 12px;
    opacity: 0.7;
}
























}






























@media (max-width: 500px) {
section.box_bl_1.box_bl_1_web {
    display: none;
}
section.box_bl_1.box_bl_1_mob {
    display: block;
}
.item_bl2 {
height: 310px;
right: -11px;
}
.vyvod_proektov_3_go_bloka_item_flex {
    display: block;
    align-items: end;
    position: initial;
    width: 100%;
    padding: 15px 0 0;
}
.vyvod_proektov_3_go_bloka_item {
    padding: 20px;
    height: auto;
}
.home .title_bl_2 {
    font-size: 23px;
}
.home .flex_bl_3 {
    padding-top: 20px;
}
.title_vyvod_proektov_3_go_bloka {
    font-size: 14px;
}
.vyvod_proektov_3_go_bloka_item:last-child a.link_button {
    height: 29px;
    font-size: 12px;
}
.vyvod_proektov_3_go_bloka_item:last-child .tekst_vyvod_proektov_3_go_bloka {
    font-size: 14px;
}
.otzyvy_bl_4_slider .swiper-slide {
    height: auto;
    width: 100% !important;
}
.home .box_bl_4 {
    padding-bottom: 40px;
}
.home .title_bl_5 {
    font-size: 23px;
    padding-bottom: 15px;
}
.home .text_5_go_bloka {
    padding-bottom: 30px;
    font-size: 14px;
}
.home .flex_bl_5 {
    padding: 20px 10px 30px;
    border-radius: 15px;
}

























}


















@media (max-width: 450px) {
header.title_1_go_bloka {
    max-width: 270px;
}






}













@media (max-width: 410px) {
.item_bl2 {
    right: -23px;
}













}
/* Paid account access fixes */
.account-message {
    margin: 16px 0 0;
}

.account-message-success {
    background: #e8f7ee;
    color: #1f6b3a;
}

.account-check-row {
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 20px;
}

.account-check-row label {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
}

.account-check-row a,
.account-secondary-link {
    color: #2B3AAC;
    font-family: 'Manrope ';
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.account-check-row a:hover,
.account-secondary-link:hover {
    text-decoration: underline;
}

.account-lost-password p {
    margin-bottom: 18px;
}

.account-lost-password .account-secondary-link {
    display: inline-block;
    margin-top: 14px;
}
/* Compact remember button in account login */
.account-remember-toggle {
    position: relative;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    cursor: pointer;
}

.account-remember-toggle input {
    position: absolute;
    opacity: 0;
    inset: 0;
    cursor: pointer;
}

.account-remember-button {
    display: block;
    width: 42px;
    height: 42px;
    border: 1px solid #2B3AAC;
    border-radius: 50%;
    background: #fff;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.account-remember-button::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 10px;
    width: 14px;
    height: 18px;
    border: 2px solid #2B3AAC;
    border-radius: 8px 8px 5px 5px;
}

.account-remember-button::after {
    content: "";
    position: absolute;
    left: 18px;
    top: 18px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #2B3AAC;
}

.account-remember-toggle input:checked + .account-remember-button {
    background: #2B3AAC;
    border-color: #2B3AAC;
}

.account-remember-toggle input:checked + .account-remember-button::before {
    border-color: #fff;
}

.account-remember-toggle input:checked + .account-remember-button::after {
    background: #fff;
}

.account-remember-toggle input:focus-visible + .account-remember-button {
    box-shadow: 0 0 0 3px rgba(43, 58, 172, .18);
}

.account-remember-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
/* Inline login button in account check row */
.account-submit-inline {
    width: auto !important;
    margin: 0 !important;
    flex: 0 0 auto;
}

.account-check-row .account-submit-inline span {
    margin: 0 !important;
}

.account-check-row > a {
    margin-left: auto;
}
/* Home first screen background layout */
.home .bl_1.home-hero-bg {
    min-height: 376px;
    padding: 52px 40px 48px;
    max-width: none !important;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home .home-hero-bg .flex_bl1 {
    justify-content: center;
    min-height: 198px;
}

.home .home-hero-bg .item_bl1 {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.home .home-hero-bg .title_1_go_bloka h1 {
    font-size: 30px;
    line-height: 1.28;
    letter-spacing: 0;
}

.home .home-hero-bg .text_1_go_bloka {
    max-width: 560px;
    margin: 0 auto;
    padding-top: 34px;
    font-size: 16px;
    line-height: 1.45;
}

@media (max-width: 770px) {
    .home .bl_1.home-hero-bg {
        min-height: 250px;
        padding: 38px 22px 34px;
        background-position: center center;
    }

    .home .home-hero-bg .flex_bl1 {
        min-height: 178px;
    }

    .home .home-hero-bg .title_1_go_bloka h1 {
        font-size: 24px;
        line-height: 1.3;
    }

    .home .home-hero-bg .text_1_go_bloka {
        padding-top: 24px;
        font-size: 14px;
    }
}

@media (max-width: 450px) {
    .home .home-hero-bg header.title_1_go_bloka {
        max-width: none;
    }

    .home .bl_1.home-hero-bg {
        min-height: 230px;
        padding: 34px 18px 30px;
    }

    .home .home-hero-bg .title_1_go_bloka h1 {
        font-size: 22px;
    }
}
/* Footer layout cleanup */

.footer_flex {
    row-gap: 20px;
}

.footer_item2 {
    order: 1;
}

.footer_item1 {
    order: 2;
}

.footer_flex > .tekst1_v_podvale {
    order: 3;
    width: 100%;
    padding: 8px 0 0;
}

nav.menu_box_footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: start;
    column-gap: 32px;
    padding-top: 48px;
}

nav.menu_box_footer ul li {
    display: block;
    margin-bottom: 10px;
}

nav.menu_box_footer ul li:last-child {
    margin-bottom: 0;
}

nav.menu_box_footer ul li a {
    display: inline-block;
    padding: 0;
    line-height: 1.35;
}

.menu_box_footer_item1 {
    text-align: left;
}

.menu_box_footer_item2 {
    text-align: center;
}

.menu_box_footer_item3 {
    text-align: right;
}

@media (max-width: 770px) {    
    #cont {
        padding-bottom: 10px;
    }

    .footer_box {
        padding: 16px 10px 60px;
    }

    .footer_flex {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .footer_item1,
    .footer_item2 {
        width: 100%;
        margin-top: 0 !important;
    }

    .footer_item1 {
        order: 1;
    }

    .footer_flex > .tekst1_v_podvale {
        order: 2;
        width: 100%;
        padding: 0 20px;
        text-align: left;
        line-height: 1.45;
    }

    .footer_item2 {
        order: 3;
    }

    .footer_item2_item {
        margin-bottom: 0;
        padding: 22px 20px;
    }

    .vyvod_socz_setej_v_podvale {
        display: flex;
        flex-direction: column;
        gap: 14px;
        padding-bottom: 0;
    }

    .vyvod_socz_setej_v_podvale a {
        width: auto;
        margin: 0;
    }

    .footer_item3_item {
        padding: 16px 0 0;
        text-align: left;
    }

    .vse_prava_zashhishheny_v_podvale {
        text-align: left;
        line-height: 1.45;
    }

    nav.menu_box_footer {
        display: block;
        padding-top: 38px;
    }

    .menu_box_footer_item1,
    .menu_box_footer_item2,
    .menu_box_footer_item3 {
        text-align: left;
    }

    nav.menu_box_footer ul li {
        display: block;
        margin-bottom: 12px;
    }

    nav.menu_box_footer ul li a {
        font-size: 14px;
        line-height: 1.35;
        opacity: .7;
    }
.tekst1_v_podvale.tekst1_v_podvale_web {
    display: none;
}
.tekst1_v_podvale.tekst1_v_podvale_mob {
    color: #000;
    text-align: left;
    display: block;
}



}
/* Footer menu exact desktop/mobile order */
nav.menu_box_footer .footer-menu-link {
    color: #cbe2fe80;
    font-family: 'Manrope ';
    font-size: 14px;
    line-height: 1.35;
    opacity: .7;
    text-decoration: none;
}

nav.menu_box_footer .footer-menu-link:hover {
    text-decoration: underline;
}

.footer-menu-link-privacy {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
}

.footer-menu-link-mailing {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
}

.footer-menu-link-offer {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
}

.footer-menu-link-personal {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    text-align: right;
}

.footer-menu-link-cookie {
    grid-column: 3;
    grid-row: 2;
    justify-self: end;
    text-align: right;
}

@media (max-width: 770px) {
    nav.menu_box_footer .footer-menu-link {
        display: block;
        margin-bottom: 12px;
        font-size: 14px;
        text-align: left;
    }

    nav.menu_box_footer .footer-menu-link:last-child {
        margin-bottom: 0;
    }

    .footer-menu-link-offer {
        order: 1;
    }

    .footer-menu-link-privacy {
        order: 2;
    }

    .footer-menu-link-personal {
        order: 3;
    }

    .footer-menu-link-cookie {
        order: 4;
    }

    .footer-menu-link-mailing {
        order: 5;
    }
}
@media (max-width: 770px) {
    nav.menu_box_footer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}