@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope/Manrope-Regular.woff2') format('woff2'), 
		url('fonts/Manrope/Manrope-Regular.woff') format('woff'); 
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope/Manrope-SemiBold.woff2') format('woff2'), 
		url('fonts/Manrope/Manrope-SemiBold.woff') format('woff'); 
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope/Manrope-Bold.woff2') format('woff2'), 
		url('fonts/Manrope/Manrope-Bold.woff') format('woff'); 
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('fonts/Manrope/Manrope-ExtraBold.woff2') format('woff2'), 
		url('fonts/Manrope/Manrope-ExtraBold.woff') format('woff'); 
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway/Raleway-Bold.woff2') format('woff2'), 
		url('fonts/Raleway/Raleway-Bold.woff') format('woff'); 
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
:root {
    --color-green: #005C32;
    --color-txt: #262726;
    --color-border: #c8c8c8;
    --height-field: 57px;
	--pd_mg:60px
}
@media screen and (min-width: 992px) {
:root {
	--pd_mg:150px
}
}

html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
body {
    min-width:360px;
    font-size:16px;
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    color:#000;
    background-color: #ffffff;
}
@media screen and (min-width: 768px) {
body {
    font-size:20px;
}
}
body * {
    font-family: inherit;
    box-sizing: border-box;
    outline: 0;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
    width: auto\9;
}

ul {
    list-style: none
}

p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
body {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: #000;
}
a:hover,
a:active {
    text-decoration: none
}

.wrap {
    max-width: 1200px;
    margin: auto;
    position: relative;
}
@media screen and (min-width: 360px) {
.wrap {
    padding-left: 16px;
    padding-right: 16px;
}
}
@media screen and (min-width: 1200px) {
.wrap {
	padding-left: 0;
	padding-right: 0;
}
}
.block {
	display: flex;
	flex-direction: column;
	width:100%;
	position: relative;
}

.pd {
    padding-top: var(--pd_mg);
    padding-bottom: var(--pd_mg);
}
.mg {
    margin-top: var(--pd_mg);
    margin-bottom: var(--pd_mg);
}
.mgt {
    margin-top: var(--pd_mg);
}
.mgb {
    margin-bottom: var(--pd_mg);
}
.pdt {
    padding-top: var(--pd_mg);
}
.pdb {
    padding-bottom: var(--pd_mg);
}

.block_shadow {
	background: #fff;
	border-radius: 7px;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.center {
    text-align:center;
}

._btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: var(--height-field);
	max-width: 164px;
    line-height: 1;
    margin: auto;
    padding: 0 10px;
	font-weight: 600;
    font-size: 20px;
    color: var(--color-green);
    background: #fff;
    border-radius: 12px;
	border: 1px solid var(--color-green);
    cursor: hand;
    cursor: pointer;
    outline: none;
  
	transition-property: background-color, color, box-shadow;
	transition-duration: 0.3s;
	transition-timing-function:ease-out;
}
._btn:hover {
	background: var(--color-green);
	color: #fff;
}
._btn:active {
	background: var(--color-green);
	color: #fff;
}
._btn.cancel {
	max-width: 131px;
}

.sect_title {
    margin-bottom: 20px;
	font-weight: 800;
    font-size: 24px;
    line-height: 1.3;
    color: #000;
	text-align:center;
}
.sect_subtitle {
    margin-bottom: 20px;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	text-align:center;
}
@media screen and (min-width: 768px) {
.sect_title {
    margin-bottom: 50px;
    font-size: 36px;
}
.sect_subtitle {
    margin-bottom: 50px;
    font-size: 22px;
}
.sect_title + .sect_subtitle {
	margin-top: -30px;
}
}

/*формы*/
.data_block {
	display:block;
	width: 100%;
	float:left;
	margin:0 0 24px 0;
	position: relative;
}
.data_block:last-child {
	margin-bottom:0;
}
.data_block .field {
	position: relative;
	display:block;
	float:left;
	width:100%;
	padding:0;
}
.err_msg {
    margin: 3px 0 0 15px;
	font-size: 12px;
	color: #ff0000;
	text-align: left;
}
._error {
	border: 1px solid #ff0000 !important;
}
textarea,
input[type=tel],
input[type=text] {
	display:block;
	width: 100%;
	height: var(--height-field);
	margin:0;
	padding-left:24px;
	color:var(--color-txt);
	font-weight: 400;
	font-size: 14px;
	background-color:#ffffff;
	border: 1px solid var(--color-border);
	border-radius: 10px;
}
textarea {
	height: 322px;
	line-height: 1.25;
    padding: 10px 24px;
	resize: none;
}
textarea::placeholder,
input::placeholder {
	color: var(--color-border);
}
textarea:active,
input[type=tel]:active,
input[type=text]:active,
input[type=tel]:focus,
input[type=text]:focus {
	border-color:var(--color-green);
	outline: none;
}
/*END формы*/

.header {
	background: #FFF;
	border-bottom: 1px solid var(--color-border);
	z-index: 1;
}
.header > .wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}
@media screen and (max-width: 767px) {
.header {
	padding:60px 0 0;
	height:154px;
}
}
@media screen and (min-width: 768px) {
.header {
	height:130px;
}
}
@media screen and (min-width: 1200px) {
.header {
	height:83px;
}
}

._logo {
	width: 102px;
	height: 31px;
	background: url('../../images/311263/logo.svg') 50% 50% no-repeat transparent;
	background-size: contain;
}
@media screen and (min-width: 1200px) {
._logo {
	width: 124px;
	height: 37px;
}
}

.contacts {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width:222px;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
}
.contacts > a {
	color: #000;
}
.contacts > a:nth-child(3) {
	color: var(--color-green);
}
@media screen and (min-width: 1200px) {
.contacts {
	flex-direction: row;
	flex-wrap: wrap;
	width:316px;
}
.contacts > a:nth-child(1) {
	margin-right: 15px;
	padding-right: 15px;
	border-right: 2px solid #000;
}
.contacts > a:nth-child(3) {
	width: 100%;
}
}

.footer {
	border-top: 1px solid var(--color-border);
	padding:20px 0 50px;
}
.footer > .wrap {
	display: flex;
	flex-direction: column;
	gap:20px;
	width: 100%;
}
@media screen and (max-width: 1199px) {
.footer > .wrap {
	flex-direction: column;
	row-gap:20px;
}
}
@media screen and (min-width: 1200px) {
.footer {
	padding:50px 0;
}
.footer > .wrap {
	flex-direction: row;
	justify-content: space-between;
	column-gap: 130px;
}
.footer ._logo {
	width: 124px;
	min-width: 125px;
	height: 37px;
	order: 1;
}
}	

.cookie_msg {
	font-weight: 400;
    font-size: 14px;
    color: #000;
    line-height: 22px;
}
.cookie_msg span {
    color: var(--color-green);
    cursor: pointer;
}

.top {
	margin: 20px 0 60px;
}
.top > .wrap {
	display: flex;
	width: 100%;
}
.top > .wrap > div:nth-child(1) {
	display: flex;
	row-gap: 20px;
	flex-direction: column;
	font-weight: 800;
	font-size:20px;
	color: var(--color-txt);
	line-height: 1.2;
}
.top > .wrap ._btn {
	margin: 0;
}
@media screen and (max-width: 767px) {
.top > .wrap {
	flex-direction: column;
	row-gap: 13px;
}
.top > .wrap > img {
	max-width: 320px;
	height: 255px;
	margin: 0 auto;
}
}
@media screen and (min-width: 768px) {
.top > .wrap {
	flex-direction: row;
	justify-content: space-between;
	column-gap: 20px;
}
.top > .wrap > div:nth-child(1) {
	row-gap: 40px;
	font-size:36px;
	line-height: 1.3;
	color: #000;
}
.top > .wrap > img {
	max-width: 428px;
	height: 342px;
}
}
@media screen and (min-width: 1200px) {
.top {
	margin: 150px 0;
}
.top > .wrap {
	column-gap: 50px;
}
.top > .wrap > div:nth-child(1) {
	max-width: 824px;
}
}

/*sect_ks*/
.sect_ks ._txt {
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 20px;
	color: #000;
	line-height: 30px;
	text-align: center;
}
@media screen and (min-width: 1200px) {
.sect_ks .sect_title {
	margin-bottom: 12px;
}
.sect_ks ._txt {
	margin-bottom: 60px;
	font-size: 22px;
}
}
.sect_ks ._list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap:20px;
	width: 100%;
	margin: 0 auto;
}
.sect_ks ._list .item {
	width: 100%;
	padding: 20px 15px;
	font-weight: 700;
	font-size: 20px;
	color: #111;
	line-height: 1.2;
	text-align: center;
	border: 1px solid var(--color-border);
	border-radius: 10px;
}
@media screen and (min-width: 768px) {
.sect_ks ._list {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap:30px;
}
.sect_ks ._list .item {
	display: flex;
	align-items: center;
	width: max-content;
	padding: 20px 46px;
	font-size: 24px;
}
}

/*sect_prices*/
@media screen and (max-width: 767px) {
.sect_prices .sect_subtitle {
	max-width: 220px;
	margin-right: auto;
	margin-left: auto;
}
}

.sect_prices ._list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap:20px;
	width: 100%;
	margin: 0 auto;
}
.sect_prices ._list .item {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	width: 100%;
	padding: 30px 5px;
	color: #fff;
	text-align: center;
	background-color: var(--color-green);
	border-radius: 10px;
}
.sect_prices ._list .item ._name {
	font-weight: 700;
	font-size: 20px;
	line-height: 38px;
	position: relative;
}
.sect_prices ._list .item ._price {
	font-weight: 700;
	font-size: 36px;
	line-height: 38px;
}
@media screen and (min-width: 768px) {
.sect_prices ._list {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}
.sect_prices ._list .item {
	width: 167px;
}
}
@media screen and (min-width: 1200px) {
.sect_prices ._list {
	column-gap: 50px;
}
.sect_prices ._list .item {
	width: 262px;
	padding: 40px 30px;
}
}

/*sect_links*/
.sect_links ._list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap:20px;
	width: 100%;
	margin: 0 auto;
}
.sect_links ._list .item {
	width: 100%;
	padding: 3px 20px 6px;
	font-weight: 700;
	font-size: 24px;
	color: var(--color-green);
	line-height: 1.2;
	text-align: center;
	border: 1px dashed var(--color-green);
	border-radius: 10px;
}
@media screen and (min-width: 768px) {
.sect_links ._list .item {
	width: max-content;
	font-size: 28px;
}
}

/*z_form*/
.z_form {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
}
.z_form ._btn {
	max-width: 100%;
}
.sect_form ._bottom {
    width: 100%;
	margin-top: 20px;
    padding: 10px 25px;
    font-weight: 400;
    font-size: 16px;
    color: var(--color-txt);
    line-height: 1.375;
    text-align: center;
    border: 1px dashed var(--color-green);
    border-radius: 10px;
}
.sect_form ._bottom > a {
	color: var(--color-green);
}
@media screen and (max-width: 767px) {
.sect_form ._bottom > a {
	display: block;
}
}
@media screen and (min-width: 768px) {
.sect_form ._bottom {
	margin-top: 60px;
    padding: 10px 16px;
}	
}