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


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

@font-face {
    font-family: 'Inter';
    src: url('../Inter-Black.eot');
    src: local('Inter Black'), local('Inter-Black'),
        url('../Inter-Black.eot?#iefix') format('embedded-opentype'),
        url('../Inter-Black.woff2') format('woff2'),
        url('../Inter-Black.woff') format('woff'),
        url('../Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

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

@font-face {
    font-family: 'Inter';
    src: url('../Inter-Bold.eot');
    src: local('Inter Bold'), local('Inter-Bold'),
        url('../Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('../Inter-Bold.woff2') format('woff2'),
        url('../Inter-Bold.woff') format('woff'),
        url('../Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

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

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



html {
    min-height: 100%;
    overflow-x: hidden;
}
body { font-family: 'Inter', Arial, sans-serif; 
background: #FFF;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #525D6A;
    font-weight: normal; 
    font-style: normal;
    overflow-x: hidden;
     }

a {
    color: #625129; text-decoration: underline;
    transition: all 0.1s ease-in-out;
}
a:hover, a:focus, .red { color: #748858; }
a.decoration { text-decoration: underline; }
img { border: none; vertical-align: middle; max-width: 100%; }    

p { margin: 0 0 25px; }
.nowrap { white-space: nowrap; } 

input,select,textarea { color: #384354; 
    font: 400 16px 'Inter', Arial, sans-serif;
    font-weight: normal; font-style: normal; }
    
a:focus,a:active,a:visited { outline: none; }
textarea { resize:none; outline: none; }

input:focus, 
select { outline: none; }
textarea { resize:none; outline: none; }  

.tel { 
    text-decoration: none !important; 
    /*white-space: nowrap;    */ 
}
.email { text-decoration: none; color: #625129; }
.email:hover { text-decoration: underline; }

.flex_valign {
display: -webkit-flex;
-webkit-align-items: center;
display: flex;
align-items: center;
}
.flex_valign_all {
display: -webkit-flex;
-webkit-align-items: center;
display: flex;
align-items: center;
}
.flex_align {
display: -webkit-flex;
-webkit-justify-content: center;
display: flex;
justify-content: center;
}
.flex_align_between {
display: -webkit-flex;
-webkit-justify-content: space-between;
display: flex;
justify-content: space-between;
}
.flex {
display: -webkit-flex;
display: flex;
}

div.cache, div.cache div { 
    position: absolute; 
    left: -1000px; top: -1000px; 
    background-position: -1000px -1000px; 
    background-repeat: no-repeat; 
}

.container-fluid {
max-width: 1240px;
box-sizing: border-box;
text-align: left;
position: relative;
}

form.form input[type="text"], form.form input[type="email"], form.form input[type="date"], form.form textarea, form.form select {
/*background: #FFF;
border: 1px solid #25506E;
box-sizing: border-box;
border-radius: 4px;
height: 59px;
font-size: 16px;
color: #151F29;
width: 100%;
box-sizing: border-box;
background: transparent;
padding: 0 15px;
background: #FFFFFF;
border: 1px solid #86A5AE;*/

}
form.form textarea {
    height: 100px;
    padding-top: 10px;
}
form.form input::-moz-placeholder { color: #625129; }
form.form input::-webkit-input-placeholder { color: #625129; } 
form.form textarea::-moz-placeholder { color: #625129; }
form.form textarea::-webkit-input-placeholder { color: #625129; } 
form.form button, a.button {
/*font-size: 22px;
line-height: 25px;
letter-spacing: 0.105em;
text-transform: uppercase;
color: #232323;
background: linear-gradient(180deg, #FEED01 0%, #FE9901 100%);
border: 1px solid #F9F9F9;
box-sizing: border-box;
border-radius: 8px;
text-decoration: none;
display: block;
width: 100%;
text-align: center;
white-space: nowrap;
transition: all 0.2s ease-in-out;
height: 68px;
line-height: 68px;
font-weight: normal;
padding: 0 15px;
box-shadow: 0 5px 10px rgba(254,153,1,0.5);*/
}
form.form button {
    /*display: block;
    width: 100%;*/
}
form.form button:hover, a.button:hover {    
    /*text-decoration: none;  
    transform: scale(1.05);
    background: linear-gradient(180deg, #FE9901 0%, #FE9901 100%);*/
}
form.form button {
    
}
.field {
    margin-bottom: 40px;
}
.field_checkbox {
    margin-bottom: 5px;
}
.field input[type="text"],
.field input[type="tel"],
.field input[type="email"],
.field input[type="number"] {
background: transparent;
border: none;
border-bottom: 1px solid #A29D9D;
box-sizing: border-box;
width: 100%;
height: 46px;
font-weight: normal;
line-height: 130%;
padding: 0;
color: #384354;
}



.modal form.form button {
/*display: block;
background: #217580;
height: 48px;
line-height: 44px;
padding: 0 30px;
width: 100%;*/
}
.modal form.form input[type="text"], 
.modal form.form input[type="email"], 
.modal form.form input[type="date"], 
.modal form.form textarea {
/*text-align: center;*/
}

a.button_white {
display: block;
text-decoration: none;
border: 1px solid #FFFDF9;
box-sizing: border-box;
border-radius: 8px;
height: 46px;
font-weight: 600;
font-size: 17px;
line-height: 46px;
text-transform: uppercase;
text-align: center;
transition: all 0.2s ease-in-out;
background: transparent;
}
a.button_white:hover {
color: #FFFDF9;
background: #A0B187;
box-shadow: inset 0px 0px 20px #748858;
}
.button_green {
display: block;
text-decoration: none;
box-sizing: border-box;
border-radius: 8px;
height: 46px;
font-weight: 600;
font-size: 17px;
line-height: 46px;
text-transform: uppercase;
text-align: center;
transition: all 0.2s ease-in-out;
background: #748858;
box-shadow: inset 0px 0px 20px rgba(48, 62, 28, 0.5);
color: #FFFDF9;
border: none;
}
.button_green:hover {
background: #A0B187;
box-shadow: inset 0px 0px 20px #748858;
text-decoration: none;
color: #FFFDF9;
}
button.button_green {
width: 100%;
}

.slick-prev, .slick-next,
.slick-prev:hover, .slick-next:hover,
.slick-prev:focus, .slick-next:focus {
    top: 50%;
    width: 30px;
    height: 30px;
    background: #8DC640;
    border-radius: 50%;
    z-index: 100;
}
.slick-prev {
left: -45px;
}
.slick-next {
right: -45px;
}
.slick-prev:before, .slick-next:before {
width: 30px;
height: 30px;
content: '';
position: absolute;
left: 0;
top: 0;
opacity: 1;
}
.slick-prev:before {
    background: url(../../../img/arrow_white/left.svg) no-repeat 42% center;
}
.slick-next:before {
    background: url(../../../img/arrow_white/right.svg) no-repeat 50% center;
}
.slick-slide img {
    display: inline-block;
}

.slider_def .slick-prev {
left: 2%;
}
.slider_def .slick-next {
right: 2%;
}
.slider_center .slick-prev {
left: 3%;
}
.slider_center .slick-next {
right: 3%;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slick-dots {
    bottom: -40px;
}

.slider_def .slick-dots {
    bottom: 25px;
}

.slick-dots li {
    width: 18px;
    height: 18px;
    margin: 0 10px;
}
.slick-dots li button {
    width: 18px;
    height: 18px;
    padding: 5px;
}
.slick-dots li button:before {
    font-size: 8px;
    line-height: 20px;
    width: 18px;
    height: 18px;
    content: '•';
    opacity: 1;
    color: #8DC640;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #8DC640;
    font-size: 18px;
}
.slider_def .slick-dots li button:before,
.slider_def .slick-dots li.slick-active button:before {    
    color: #FFFDF9;
}

.control_white .slick-prev, .control_white .slick-next,
.control_white .slick-prev:hover, .control_white .slick-next:hover,
.control_white .slick-prev:focus, .control_white .slick-next:focus {
    background: #FFFDF9;
}
.control_white  .slick-prev:before {
    background: url(../../../img/arrow_brown/left.svg) no-repeat 42% center;
}
.control_white  .slick-next:before {
    background: url(../../../img/arrow_brown/right.svg) no-repeat 50% center;
}

.scale {
transition: all 0.2s ease-in-out;
}
.scale:hover { 
transform: scale(1.05);     
}

.plashka {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
transition: all 0.2s ease-in-out;
padding-bottom: 5px;
}
.plashka a {
color: #FFFDF9;
text-decoration: none;
}
.plashka .top {
padding: 35px 0;
position: relative;
z-index: 2;
transition: all 0.2s ease-in-out;
}
.tel {
font-weight: bold;
font-size: 16px;
line-height: 18px;
color: #2B3445 !important;
text-decoration: none;
position: relative;
}
.tel img {
position: relative;
left: -5px;
top: -2px;
}
.link_pop {
position: absolute;
top: 20px;
right: 15px;
}
.link_pop a {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #669921;
text-decoration: none;
border-bottom: 1px dashed #669921;
}
/*.plashka .logo {
font-weight: 700;
font-size: 35px;
line-height: 42px;
color: #669921;
}
.plashka .text {
font-weight: 400;
font-size: 15px;
line-height: 16px;
color: #000000;
}*/

.plashka nav ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
display: flex;
justify-content: space-between;
}
.plashka nav li {
display: inline-block;
}
.plashka nav a {
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #313549;
}



.plashka_on {
transition: all 0.2s ease-in-out;
box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.34);
background: #F3F3F2;
}
.plashka_on .top {
padding: 5px 0 10px;
}
.plashka_on nav a:hover {

}


header {
height: 1000px;
margin-bottom: 115px;
background: #F3F3F2;
position: relative;
}
header .top {
padding: 315px 0 120px;
color: #313549;
}
h1 {
font-family: 'Sreda';
font-weight: 400;
font-size: 70px;
line-height: 115.9%;
margin: 0 0 7px;
}
h2 {
font-family: 'Sreda';
font-weight: 400;
font-size: 46px;
line-height: 115.9%;
color: #313549;
margin: 0 0 12px;
}
h3 {
font-family: 'Sreda';
font-weight: 400;
font-size: 33px;
line-height: 115.9%;
color: #313549;
margin: 0 0 25px;
}
h4 {
font-family: 'Sreda';
font-weight: 400;
font-size: 22px;
line-height: 115.9%;
color: #313549;
margin: 0 0 12px;  
}
h4 a {
color: #313549;
text-decoration: none;
}
h5 {
font-family: 'Sreda';
font-weight: 400;
font-size: 18px;
line-height: 115.9%;
color: #313549;
margin: 0 0 25px;  
}
header .top .text {
font-family: 'Sreda';
font-weight: 400;
font-size: 40px;
line-height: 115.4%;
margin-bottom: 20px;
}
header .top p {
font-size: 26px;
line-height: 161.9%;
margin-bottom: 30px;
}
.button_def {
display: inline-block;
width: 280px;
height: 56px;
background: url(../../../images/button.png);
text-align: center;
line-height: 56px;
font-weight: 500;
font-size: 22px;
color: #40682F;
text-decoration: none;
border: none;
cursor: pointer;
}
.button_def:hover {
color: #40682F;
text-decoration: none;
}


header .bot a.img {
display: block;
text-decoration: none;
height: 113px;
border-radius: 12px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-bottom: 18px;
}
header .bot p a {
display: inline-block;
text-decoration: none;
font-family: 'Sreda';
font-weight: 400;
font-size: 18px;
line-height: 115.9%;
color: #313549;
}
header .bot p a img {
margin-left: 10px;
}

.catalog {
padding-bottom: 100px;
}
.catalog .one {
margin-bottom: 75px;
}
.catalog .one .img {
display: block;
text-decoration: none;
height: 383px;
border-radius: 12px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-bottom: 20px;
}
.catalog .one .text {
margin-bottom: 30px;
font-size: 14px;
line-height: 24px;
color: #525D6A;
}
.catalog .one .text p {
margin-bottom: 0;
}
.row_more {
margin-top: -15px;
margin-bottom: 75px;
}
.more {
border: 1px solid #669921;
border-radius: 8px;
text-decoration: none;
display: block;
height: 56px;
font-size: 18px;
line-height: 56px;
color: #669921;
text-align: center;
transition: all 0.2s ease-in-out;
}
.more:hover {
background: #669921;
color: #FFF;
text-decoration: none;
}
.hide_cat {
display: none;
}

.form_line {
margin-bottom: 140px;
}
.bg_form {
background: #F7F2EC;
border-radius: 40px;
position: relative;
}
.modal .bg_form {
padding: 30px 60px 0;
}
.bg_form .left {
padding: 80px 0 50px;
}
.price {
position: absolute;
top: -80px;
right: -450px;
}
.man {
position: absolute;
bottom: 0;
right: -100px;
}


.services {
margin-bottom: 60px;
}
.services a.img {
display: block;
text-decoration: none;
height: 440px;
border-radius: 12px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin-bottom: 15px;
}
.services p a {
color: #333A3F;
text-decoration: none;
}

.sert {
height: 930px;
background-repeat: no-repeat;
background-position: center 0;
background-image: url(../../../img/bg_sert.png);
font-size: 16px;
}
.sert .left {
padding-top: 235px;   
}
.sert .right {
padding-top: 75px;   
}

.why {
margin-bottom: 75px;
}
.why .container-fluid {
text-align: center;
}
.why .text {
font-size: 22px;
color: #333A3F;
margin-bottom: 125px;
}
.why .img {
width: 102px;
height: 102px;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url(../../../images/why/bg.png);
background-size: cover;
margin: 0 auto 45px;
}
.why .img div {
width: 102px;
height: 102px;
background-repeat: no-repeat;
background-position: center center;
}
.why p {
font-size: 16px;
margin-bottom: 100px;
}


.partners {
margin-bottom: 260px;
}
.partners p {
margin-bottom: 0;
text-align: center;
padding-left: 15px;
padding-right: 15px;
}

.about {
margin-bottom: 100px;
font-size: 16px;
line-height: 28px;
color: #1F2326;
}
.slider_about img {
border-radius: 20px;
}

.stat {
text-align: right;
margin: 0;
padding: 0;
list-style: none;
}
.stat p {
font-family: 'Sreda';
font-weight: 400;
font-size: 66px;
line-height: 115.9%;
color: #8DC640;
margin-bottom: 50px;
}



.contacts {
font-size: 16px;
line-height: 19px;
color: #000000;
margin-bottom: 60px;
}
.contacts p {
margin-bottom: 10px;
}

footer {
background: #313549;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
padding: 30px 0 15px;
}
footer a, footer a:hover, footer .tel {
color: #FFFFFF !important;
text-decoration: none;
}
footer .logo {
font-weight: 700;
font-size: 35px;
line-height: 42px;
margin-bottom: 12px;
}
footer p {
margin-bottom: 15px;
}
footer nav ul {
margin: 0;
padding: 0;
list-style: none;
}
footer nav ul li {
margin-bottom: 10px;
font-weight: 500;
}



img.header {
position: absolute;
top: 30px;
right: -350px;
}
.left1 {
position: absolute;
left: -600px;
left: -450px;
top: -150px;
}
.left2 {
position: absolute;
left: -350px;
left: -200px;
top: 590px;
}
.left3 {
position: absolute;
left: -200px;
top: -140px;
}
.left4 {
position: absolute;
left: -550px;
top: 1600px;
}
.left5 {
position: absolute;
left: -600px;
top: 2800px;
}
.left6 {
position: absolute;
left: -400px;
top: 5300px;
}
.left7 {
position: absolute;
left: -250px;
top: 600px;
}

.left8 {
position: absolute;
left: -750px;
top: -600px;
}

.right1 {
position: absolute;
right: -500px;
right: -350px;
top: 145px;
}
.right2 {
position: absolute;
right: -550px;
right: -500px;
top: 675px;
}
.right3 {
position: absolute;
right: 100px;
top: -20px;
}
.right4 {
position: absolute;
right: -170px;
top: 80px;
}
.right5 {
position: absolute;
right: -300px;
top: 1200px;
}
.right6 {
position: absolute;
right: -220px;
top: 3400px;
}
.right7 {
position: absolute;
right: -350px;
top: 4400px;
}
.right8 {
position: absolute;
right: -200px;
top: 5800px;
}
.right9 {
position: absolute;
right: -250px;
top: 6500px;
}
.right10 {
position: absolute;
right: 500px;
top: -160px;
}
.right11 {
position: absolute;
left: 500px;
top: 500px;
}
.right12 {
position: absolute;
right: -300px;
top: 150px;
}
.right13 {
position: absolute;
right: -200px;
top: 500px;
}


.plashka nav a:hover,
header .bot p a:hover,
h4 a:hover,
.services p a:cover {
color: #669921;
text-decoration: none;
}


.is_red {
margin: auto;
}