/*---------- MAIN ----------*/
html,
body{
overflow-x: hidden;
}
*{
margin: 0;
padding: 0;
box-sizing: border-box !important;
-webkit-tap-highlight-color: transparent;
font-family: "Montserrat", sans-serif;
line-height: 22px;
}
.container{
width: 100%;
max-width: 1200px;
padding: 0 10px;
margin: 0 auto;
}
ul,
li,
img,
a,
button,
label,
input,
textarea{
display: block;
}
a{
text-decoration: none;
}
a,
button,
input,
textarea,
select,
.slick-slide{
outline: none;
border: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
-webkit-box-shadow: 0 0 0 40px white inset !important;
-webkit-text-fill-color: #000 !important;
}
input{
width: 100%;
height: 48px;
border: 1px solid #E8E8E9;
border-radius: 5px;
padding: 10px;
font-size: 16px;
color: #000;
margin-top: 5px;
}
input::placeholder{
font-size: 14px;
color: #8D8D8D;
}
.search-form .search-field{
margin-top: 0;
}
form span{
display: block;
font-weight: 700;
margin-top: 15px;
}
textarea{
resize: none;
}
label.error{
font-size: 12px;
color: rgb(234, 65, 44);
}
input.error{
border: 1px solid rgb(234, 65, 44) !important;
color: rgb(234, 65, 44);
}
input.error::placeholder{
color: background: rgb(234, 65, 44);
}
input[type="text"].valid,
input[type="tel"].valid,
input[type="email"].valid{
border: 1px solid rgba(0, 146, 69, .5) !important;
}
/*select drop down*/
.custom_select{
cursor: pointer;
width: 100%;
position: relative;
}
.select_trigger{
width: 100%;
height: 48px;
border: 1px solid #E8E8E9;
border-radius: 5px;
padding: 10px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
color: #000;
margin-top: 5px;
}
.select_trigger span{
margin-top: 0;
}
.select_trigger svg{
transition: .3s;
}
.select_trigger.active svg{
transform: rotate(180deg);
}
.custom_options{
visibility: hidden;
opacity: 0;
overflow-y: auto;
width: 100%;
max-height: 200px;
background: #fff;
border: 1px solid #E8E8E9;
border-radius: 5px;
transition: .3s;
position: absolute;
z-index: 1;
top: 100%;
left: 0;
}
.custom_select.active .custom_options{
opacity: 1;
visibility: visible;
}
.custom_option{
cursor: pointer;
padding: 10px;
transition: .3s;
}
.custom_option:hover{
background: #f0f0f0;
}
.custom_option.selected{
background: #009245;
color: #fff;
}
/*form dropdown select*/
.custom_dropdown{
position: relative;
}
.dropdown{
cursor: pointer;
width: 100%;
height: 48px;
padding: 10px;
background: #fff;
border-radius: 5px;
border: 1px solid #E8E8E9;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 5px;
position: relative;
}
.dropdown_selected{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
color: #909090;
}
.dropdown_selected.active{
font-size: 16px;
color: #000;
}
.dropdown svg{
margin-left: 10px;
transform: rotate(0deg);
transition: .3s;
}
.dropdown.open svg{
transform: rotate(180deg);
}
.dropdown_options{
width: 100%;
max-height: 0;
background: #fff;
border-radius: 5px;
border-top: none;
overflow: hidden;
position: absolute;
z-index: 9;
top: 100%;
left: 0;
transition: .3s;
display: none;
}
.dropdown.open .dropdown_options{
display: block;
max-height: 300px;
}
.dropdown_options li{
cursor: pointer;
padding: 10px;
}
.dropdown_options li:hover{
background: #F2F2F2;
}
.dropdown input[type="hidden"]{
display: none;
}
/*btn*/
.btn_yellow{
cursor: pointer;
border-radius: 25px;
border: 2px solid rgb(255, 199, 32);
background: rgb(255, 199, 32);
padding: 13px 26px;
color: rgb(37, 37, 37);
font-size: 14px;
font-weight: 700;
text-align: center;
white-space: nowrap;
transition: .3s;
}
.btn_yellow:hover{
box-shadow: 0 4px 4px 0 #00000040;
}
.btn_green{
cursor: pointer;
border-radius: 25px;
border: 2px solid rgb(0, 146, 69);
background: rgb(0, 146, 69);
padding: 13px 26px;
color: rgb(255, 255, 255);
font-weight: 700;
text-align: center;
white-space: nowrap;
transition: .3s;
}
.btn_green:hover{
box-shadow: 0 4px 4px 0 #00000040;
}
.btn_green_icon{
cursor: pointer;
border-radius: 25px;
border: 2px solid rgb(0, 146, 69);
background: rgb(0, 146, 69);
padding: 13px 26px 13px 70px;
color: rgb(255, 255, 255);
font-weight: 700;
white-space: nowrap;
position: relative;
transition: .3s;
}
.btn_green_icon:after{
content: url('data:image/svg+xml;utf8,');
display: block;
width: 11px;
height: 18px;
position: absolute;
left: 25px;
top: calc(50% - 15px);
transition: .3s;
}
.btn_green_icon:hover{
box-shadow: 0 4px 4px 0 #00000040;
}
.btn_transparent{
cursor: pointer;
background: transparent;
border: 2px solid rgb(0, 146, 69);
border-radius: 25px;
padding: 13px 50px 13px 26px;
color: rgb(0, 146, 69);
font-weight: 700;
text-align: center;
white-space: nowrap;
position: relative;
transition: .3s;
}
.btn_transparent:after{
content: url('data:image/svg+xml;utf8,');
display: block;
width: 11px;
height: 18px;
position: absolute;
right: 15px;
top: calc(50% - 9px);
transition: .3s;
}
.btn_transparent:hover{
box-shadow: 0 4px 4px 0 #00000040;
}
/*h1 - h6*/
h1{
font-size: 32px;
line-height: 44px;
font-weight: 700;
}
h1 span{
font-size: 32px;
line-height: 44px;
font-weight: 700;
color: rgb(0, 146, 69);
}
.title_h2{
display: flex;
justify-content: flex-start;
position: relative;
}
.title_h2:before{
content: '';
display: block;
width: 1180px;
height: 100%;
background: #009245;
position: absolute;
top: 0;
left: -1180px;
}
.title_h2 div{
display: table;
padding: 10px 10px 5px 0;
background: #009245;
}
.title_h2 h2{
display: table-cell;
vertical-align: middle;
font-size: 24px;
line-height: 26px;
font-weight: 700;
color: #fff;
}
/*arrows*/
.arrows div{
cursor: pointer;
position: absolute;
top: calc(50% - 25px);
}
.prev{
left: -70px;
}
.next{
right: -70px;
}
/*pagination*/
.slider_pagination{
display: flex;
justify-content: center;
}
.slider_pagination span{
width: 15px;
height: 15px;
background: #616161;
border-radius: 8px;
transition: .3s;
}
.slider_pagination span.swiper-pagination-bullet-active{
width: 75px;
background: #009245;
}
/*breadcrumbs*/
.breadcrumbs{
display: flex;
align-items: center;
margin-top: 50px;
}
.breadcrumbs a{
font-size: 12px;
color: #252525;
}
.breadcrumbs span{
font-size: 12px;
/* color: #252525;*/
margin: 0 10px;
}
.breadcrumbs p{
font-size: 12px;
color: #009245;
}
/*---------- BRAND PAGE ----------*/
/*---------- BRAND SECTION 1 ----------*/
.brand_section_1{
padding: 100px 0;
border-bottom: 1px solid #009245;
position: relative;
}
.brand_section_1:before{
content: '';
display: block;
width: 368px;
height: 328px;
background: url(../img/before_1.png) no-repeat;
position: absolute;
top: 0;
left: 0;
}
.brand_section_1:after{
content: '';
display: block;
width: 368px;
height: 329px;
background: url(../img/after_1.png) no-repeat;
position: absolute;
right: 0;
bottom: 0;
}
.brand_section_1_block{
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 1;
}
.brand_section_1_text{
width: 50%;
position: relative;
}
.brand_section_1_text h1{
font-size: 22px;
line-height: 30px;
padding-bottom: 10px;
position: relative;
}
.brand_section_1_text h1:before{
content: '';
display: block;
width: 100%;
height: 1px;
background: #000;
position: absolute;
left: 0;
bottom: 0;
}
.brand_section_1_text p{
font-size: 18px;
line-height: 25px;
margin-top: 20px;
}
.brand_section_1_image{
width: 45%;
}
.brand_section_1_image img{
width: 100%;
height: auto;
}
/*---------- BRAND SECTION 2 ----------*/
.brand_section_2{
padding: 70px 0 50px;
}
.brand_section_2_block{
margin-top: 70px;
position: relative;
}
.brand_section_2_block:before{
content: '';
display: block;
width: 100%;
height: 80%;
background: #009245;
margin: auto 0;
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.brand_section_2_list{
padding: 15px;
background: #F2F2F2;
border: 1px solid #009245;
border-radius: 10px;
display: grid;
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-columns: repeat(auto-fill,minmax(225px, 1fr));
}
.brand_section_2_item{
box-shadow: 0px 0px 4px 0px #00000026;
position: relative;
z-index: 0;
}
.brand_section_2_item:before{
content: '';
display: block;
width: 100%;
height: 100%;
background: #009245;
border-radius: 5px;
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: .3s;
}
.brand_section_2_item:hover:before{
transform: translateY(3px);
}
.brand_section_2_item > div{
padding: 5px;
background: #fff;
border-radius: 5px;
display: flex;
align-items: center;
}
.brand_section_2_item p{
font-size: 18px;
font-weight: 600;
color: #000;
margin-left: 10px;
}
.brand_section_2_item img{
max-width: 100px;
}
/*---------- BRAND SECTION 3 ----------*/
.brand_section_3{
padding: 70px 0 50px;
position: relative;
}
.brand_section_3:after{
content: '';
display: block;
width: 370px;
height: 213px;
background: url(../img/after_2.png) no-repeat;
position: absolute;
right: 0;
bottom: 0;
}
.brand_section_3_list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 70px;
}
.brand_section_3_item{
width: 23%;
box-shadow: 0px 0px 4px 0px #00000026;
border-radius: 5px;
display: flex;
flex-direction: column;
position: relative;
z-index: 0;
}
.brand_section_3_item:before{
content: '';
display: block;
width: 100%;
height: 100%;
background: #009245;
border-radius: 5px;
position: absolute;
z-index: -1;
top: 2px;
left: 0;
right: 0;
bottom: 0;
}
.brand_section_3_item div:first-child{
overflow: hidden;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #fff;
}
.brand_section_3_item img{
width: 100%;
height: 250px;
object-fit: cover;
}
.brand_section_3_item div:last-child{
height: auto;
padding: 10px;
background: #fff;
flex-grow: 1;
display: flex;
align-items: center;
}
.brand_section_3_item p{
font-size: 15px;
line-height: 21px;
text-align: center;
}
.brand_section_3_block{
box-shadow: 0px 0px 4px 0px #00000026;
margin-top: 30px;
position: relative;
z-index: 0;
}
.brand_section_3_block:before{
content: '';
display: block;
width: 100%;
height: 100%;
background: #009245;
border-radius: 5px;
position: absolute;
z-index: -1;
top: 2px;
left: 0;
right: 0;
bottom: 0;
}
.brand_section_3_block_contain{
padding: 30px;
background: #fff;
}
.brand_section_3_block_contain p{
font-size: 18px;
line-height: 16px;
font-weight: 700;
}
.brand_section_3_block_contain div{
display: flex;
justify-content: space-between;
}
.brand_section_3_block_contain ul{
width: 47%;
margin-top: 15px;
}
.brand_section_3_block_contain li{
font-size: 16px;
margin-top: 10px;
margin-left: 25px;
position: relative;
}
.brand_section_3_block_contain li:before{
content: '';
display: block;
width: 14px;
height: 13px;
background: url(../img/check.svg) no-repeat;
position: absolute;
top: 4px;
left: -25px;
}
/*---------- BRAND SECTION 4 ----------*/
.brand_section_4{
padding: 50px 0;
background: #252525;
position: relative;
}
.brand_section_4:before{
content: '';
display: block;
width: 368px;
height: 328px;
background: url(../img/before_2.png) no-repeat;
position: absolute;
top: 0;
left: 0;
}
.brand_section_4_block{
overflow: hidden;
border-radius: 5px;
display: flex;
}
.brand_section_4_text{
width: 50%;
padding: 40px 30px;
background: #fff;
}
.brand_section_4_text div{
max-width: 200px;
display: flex;
align-items: center;
}
.brand_section_4_text div p{
font-size: 18px;
line-height: 16px;
font-weight: 700;
margin-left: 10px;
}
.brand_section_4_text > p{
margin-top: 20px;
}
.brand_section_4_text .btn_green{
margin-top: 30px;
}
.brand_section_4_image{
width: 50%;
position: relative;
}
.brand_section_4_image:before{
content: '';
display: block;
width: 40%;
height: 100%;
background: #fff;
clip-path: polygon(0 0, 100% 0, 0 100%);
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.brand_section_4_image img{
width: 100%;
height: 100%;
object-fit: cover;
}
/*---------- BRAND SECTION 5 ----------*/
.brand_section_5{
padding: 70px 0 50px;
position: relative;
}
.brand_section_5:after{
content: '';
display: block;
width: 370px;
height: 213px;
background: url(../img/after_2.png) no-repeat;
position: absolute;
right: 0;
bottom: 0;
}
.brand_section_5_block{
display: flex;
margin-top: 70px;
}
.brand_section_5_item{
width: 100%;
position: relative;
z-index: 0;
}
.brand_section_5_item:before{
content: '';
display: block;
width: 100%;
height: 100%;
background: #009245;
border-radius: 5px;
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
}
.brand_section_5_item:nth-child(1):before{
top: -3px;
}
.brand_section_5_item:nth-child(3):before{
top: 2px;
}
.brand_section_5_item:nth-child(5):before{
top: -3px;
}
.brand_section_5_item:nth-child(7):before{
top: 2px;
}
.brand_section_5_item:nth-child(9):before{
top: -3px;
}
.brand_section_5_item > div{
height: 100%;
background: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 4px 0px #00000026;
}
.brand_section_5_item > div div{
display: flex;
justify-content: space-between;
align-items: center;
}
.brand_section_5_item span{
font-size: 48px;
font-weight: 700;
color: #009245;
}
.brand_section_5_item p{
font-size: 15px;
line-height: 21px;
margin-top: 10px;
}
.brand_section_5_item p:nth-child(2){
font-weight: 700;
margin-top: 20px;
}
.brand_section_5_line_1,
.brand_section_5_line_2{
margin: auto 0;
}
.brand_section_5_line_1 svg:last-child,
.brand_section_5_line_2 svg:last-child{
display: none;
}
/*---------- BRAND SECTION 6 ----------*/
.brand_section_6{
padding: 70px 0 50px;
background: #F2F2F2;
}
/*---------- BRAND SECTION 7 ----------*/
.brand_section_7{
padding: 70px 0 50px;
}
/*---------- BRAND SECTION 8 ----------*/
.brand_section_8{
padding: 70px 0 50px;
position: relative;
}
.brand_section_8:before{
content: '';
display: block;
width: 368px;
height: 328px;
background: url(../img/before_3.png) no-repeat;
position: absolute;
left: 0;
bottom: -50px;
}
.brand_section_8 .container{
display: flex;
flex-direction: column;
}
.brand_section_8_title{
display: flex;
justify-content: space-between;
align-items: center;
}
.brand_section_8_rating{
display: flex;
align-items: center;
}
.brand_section_8_rating_number{
width: 92px;
height: 65px;
border-radius: 5px;
box-shadow: 0px 0px 4px 0px #00000026;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.brand_section_8_rating_number span{
font-size: 32px;
font-weight: 700;
color: #0B0B0B;
}
.brand_section_8_rating_number svg{
position: absolute;
top: -20px;
right: -20px;
}
.brand_section_8_rating_block{
margin-left: 25px;
}
.brand_section_8_rating_block div{
margin-top: 5px;
}
.brand_section_8_rating_block p{
font-size: 14px;
}
.brand_section_8_rating_block p:first-child{
font-weight: 700;
}
.brand_section_8_list{
margin-top: 70px;
}
.brand_section_8_list .swiper-wrapper{
display: grid;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: repeat(auto-fill,minmax(285px, 1fr));
}
.brand_section_8_item{
width: 100%;
position: relative;
z-index: 0;
}
.brand_section_8_item:before{
content: '';
display: block;
width: 100%;
height: 100%;
background: #009245;
border-radius: 5px;
position: absolute;
z-index: -1;
top: 2px;
left: 0;
right: 0;
bottom: 0;
}
.brand_section_8_item_content{
height: 100%;
padding: 20px;
background: #fff;
border-radius: 5px;
display: flex;
flex-direction: column;
}
.brand_section_8_item_title{
display: flex;
}
.brand_section_8_item_photo{
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
}
.brand_section_8_item_photo img{
width: 100%;
height: 100%;
object-fit: cover;
}
.brand_section_8_item_name{
margin: auto 0 auto 10px;
}
.brand_section_8_item_name p{
font-size: 18px;
font-weight: 700;
color: #252525;
}
.brand_section_8_item_name span{
font-size: 12px;
line-height: 15px;
color: #252525;
}
.brand_section_8_item_source{
margin-left: auto;
}
.brand_section_8_item_stars{
margin-top: 10px;
}
.brand_section_8_item_text{
color: #252525;
margin: 20px 0;
}
.brand_section_8_item_read{
font-size: 14px;
color: #009245;
text-decoration: underline;
margin-top: auto;
}
.brand_section_8_pagination{
display: none;
}
.brand_section_8 .btn_green{
margin: 30px auto 0;
}
/*---------- BRAND SECTION 9 ----------*/
.brand_section_9{
padding: 50px 0;
background: #F2F2F2;
position: relative;
z-index: 1;
}
.brand_section_9_block{
background: #fff;
padding: 30px;
border-radius: 5px;
display: flex;
flex-direction: column;
}
.brand_section_9_block h2{
margin: 20px 0 40px;
}
.brand_section_9_block p{
font-size: 15px;
line-height: 18px;
margin-top: 15px;
}
.brand_section_9_block .btn_green{
margin: 20px auto 0;
}
/*---------- PRICE PAGE ----------*/
/*---------- PRICE SECTION 1 ----------*/
.price_section_1_slider{
overflow-x: hidden;
}
.price_section_1_text h1{
font-size: 32px;
line-height: 44px;
}
.price_section_1_text ul{
margin-top: 30px;
}
.price_section_1_text li{
font-size: 16px;
margin-top: 10px;
margin-left: 25px;
position: relative;
}
.price_section_1_text li:before{
content: '';
display: block;
width: 14px;
height: 13px;
background: url(../img/check.svg) no-repeat;
position: absolute;
top: 4px;
left: -25px;
}
.price_section_1_text .btn_transparent{
margin-top: 30px;
}
.price_section_1_pagination{
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
/*---------- PRICE SECTION 2 ----------*/
.price_section_2{
padding: 70px 0 50px;
}
.price_section_2 .title-green{
margin-bottom: 20px;
}
.price_section_2 .home-services__btn{
display: none;
}
.price_section_2_undertext{
display: flex;
justify-content: center;
align-items: center;
margin-top: 30px;
}
.price_section_2_undertext div{
height: 39px;
}
.price_section_2_undertext p{
font-weight: 500;
margin-left: 10px;
}
/*---------- PRICE SECTION 3 ----------*/
.price_section_3_text{
position: relative;
z-index: 1;
}
.price_section_3_text p:first-child{
font-size: 18px;
white-space: nowrap;
}
.price_section_3_text p span{
color: #FFC720;
}
/*---------- PRICE SECTION 4 ----------*/
.price_section_4{
padding: 70px 0 50px;
background: #FBFBFB;
position: relative;
}
.price_section_4:after{
content: '';
display: block;
width: 370px;
height: 213px;
background: url(../img/after_2.png) no-repeat;
position: absolute;
right: 0;
bottom: 0;
}
.price_section_4_text{
margin-top: 50px;
}
.price_section_4_text p{
margin-top: 20px;
}
.price_section_4_text p:first-child{
font-size: 18px;
line-height: 25px;
font-weight: 700;
}
.price_section_4_list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 30px;
position: relative;
z-index: 1;
}
.price_section_3_item{
width: 24%;
position: relative;
z-index: 0;
}
.price_section_3_item:before{
content: '';
display: block;
width: 100%;
height: 100%;
background: #009245;
border-radius: 5px;
position: absolute;
z-index: -1;
top: 2px;
left: 0;
right: 0;
bottom: 0;
}
.price_section_3_item div{
height: 100%;
background: #fff;
box-shadow: 0px 0px 4px 0px #00000026;
border-radius: 5px;
padding: 40px 20px;
}
.price_section_3_item svg{
display: block;
width: 120px;
height: 120px;
margin: 0 auto;
}
.price_section_3_item p{
padding-top: 20px;
font-size: 16px;
line-height: 22px;
font-weight: 700;
text-align: center;
color: #252525;
margin-top: 20px;
position: relative;
}
.price_section_3_item p:before{
content: '';
display: block;
width: 75%;
height: 1px;
background: #252525;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
}
/*---------- PRICE SECTION 5 ----------*/
.price_section_5{
padding: 70px 0 50px;
}
.price_section_5_block{
margin-top: 50px;
}
.price_section_5_block form{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.price_section_5_block form > div{
width: 49%;
}
.price_section_5_block form .btn_green{
margin: 20px auto 0;
}
.price_section_5_socials{
margin-top: 50px;
}
.price_section_5_socials p{
text-align: center;
}
.price_section_5_socials div{
display: flex;
justify-content: center;
margin-top: 20px;
}
.price_section_5_socials a{
margin: 0 5px;
}
/*---------- ABOUT PAGE ----------*/
/*---------- ABOUT SECTION 1 ----------*/
.about_section_1_block{
padding-bottom: 5px;
align-items: flex-start;
}
.about_section_1_title{
padding-bottom: 20px;
display: flex;
align-items: center;
position: relative;
}
.about_section_1_title:before{
content: '';
display: block;
width: 100%;
height: 1px;
background: #000;
position: absolute;
left: 0;
bottom: 0;
}
.about_section_1_title h1{
text-transform: uppercase;
margin-left: 10px;
}
.about_section_1_title h1:before{
display: none;
}
.about_section_1_image{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.about_section_1_button{
padding-right: 60px;
border-radius: 40px;
box-shadow: 0px 4px 10px 0px #00000040;
display: flex;
align-items: center;
}
.about_section_1_button p{
color: #000;
}
/*---------- ABOUT SECTION 2 ----------*/
.about_section_2{
background: #252525;
padding: 50px 0;
}
.about_section_2_block{
display: grid;
gap: 20px;
grid-template-columns: repeat(2, 1fr) 1fr;
margin-top: 50px;
position: relative;
}
.about_section_2_item{
overflow: hidden;
background: #fff;
padding: 30px;
border-radius: 5px;
}
.about_section_2_item:nth-child(1){
grid-column: 3 / 4;
grid-row: 1 / 4;
background: transparent;
padding: 0;
}
.about_section_2_item img{
width: 100%;
height: 100%;
object-fit: cover;
}
.about_section_2_item p:first-child{
font-size: 48px;
line-height: 58px;
font-weight: 700;
padding-bottom: 20px;
position: relative;
}
.about_section_2_item p:first-child:before{
content: '';
display: block;
width: 100px;
height: 1px;
background: #333;
position: absolute;
left: 0;
bottom: 0;
}
.about_section_2_item p:first-child strong{
color: #009245;
}
.about_section_2_item p:first-child span{
font-size: 30px;
line-height: 38px;
}
.about_section_2_item p:last-child{
font-weight: 600;
margin-top: 20px;
}
/*---------- ABOUT SECTION 3 ----------*/
.about_section_3{
padding: 50px 0;
position: relative;
}
.about_section_3:after{
content: '';
display: block;
width: 370px;
height: 213px;
background: url(../img/after_2.png) no-repeat;
position: absolute;
right: 0;
bottom: 0;
}
.about_section_3_block{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 30px;
}
.about_section_3_item{
width: 32%;
padding: 20px;
background: #fff;
border-radius: 5px;
box-shadow: 0px 0px 4px 0px #00000026;
margin-top: 20px;
}
.about_section_3_item:nth-child(4),
.about_section_3_item:nth-child(5){
width: 49%;
}
.about_section_3_item div{
display: flex;
align-items: center;
}
.about_section_3_item div p{
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #009245;
margin-left: 10px;
}
.about_section_3_item > p{
font-size: 18px;
font-weight: 500;
margin-top: 20px;
}
/*---------- ABOUT SECTION 3 ----------*/
.about_section_4_first_block{
padding: 50px 0;
background: #F2F2F2;
position: relative;
}
.about_section_4_first_block:before{
content: '';
display: block;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #252525 0%, #252525 80%, #F2F2F2 80%, #F2F2F2 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.about_section_4_title{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 50px;
position: relative;
}
.about_section_4_title div{
width: 49%;
}
.about_section_4_title div:first-child{
border-left: 3px solid #009245;
padding-left: 20px;
display: flex;
align-items: center;
}
.about_section_4_title div:last-child p{
margin-top: 15px;
}
.about_section_4_title p{
font-size: 24px;
line-height: 30px;
color: #fff;
}
.about_section_4_image{
overflow: hidden;
border-radius: 5px;
margin-top: 50px;
position: relative;
}
.about_section_4_image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.about_section_4_last_block{
padding: 50px 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.about_section_4_text{
width: 31%;
}
.about_section_4_text p:first-child{
font-size: 64px;
line-height: 64px;
font-weight: 700;
}
.about_section_4_text p:last-child{
font-size: 18px;
margin-top: 20px;
}
.about_section_4_item{
width: 32%;
padding: 20px;
background: #fff;
border-radius: 5px;
box-shadow: 0px 0px 4px 0px #00000026;
}
.about_section_4_item div{
display: flex;
align-items: center;
}
.about_section_4_item div p{
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #009245;
margin-left: 10px;
}
.about_section_4_item > p{
font-size: 18px;
font-weight: 500;
margin-top: 20px;
}
.about_section_4_item .btn_green{
margin-top: 20px;
}
/*---------- POST PAGE ----------*/
.custom_breadcrumbs{
padding: 70px 0 20px;
}
.breadcrumbs__current{
text-decoration: underline;
margin-top: 0;
}
.breadcrumbs__separator{
margin: 1px 10px;
}
.post_breadcrumbs{
background: #252525;
}
.post_breadcrumbs a,
.post_breadcrumbs .breadcrumbs__separator{
color: #fff;
}
/*---------- POST SECTION 1 ----------*/
.post_section_1{
padding: 50px 0;
}
.post_section_1_block{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.post_section_1_post{
width: 75%;
}
.post_section_1_post hr{
border-top: 1px solid rgba(0, 0, 0, .1);
opacity: .1;
margin: 20px 0;
}
.post_section_1_post h1{
font-size: 36px;
line-height: 43px;
}
.post_section_1_post h2{
font-size: 32px;
line-height: 39px;
font-weight: 700;
margin-top: 15px;
}
.post_section_1_post h3{
font-size: 24px;
line-height: 29px;
font-weight: 700;
margin-top: 15px;
}
.post_section_1_post h4{
font-size: 20px;
line-height: 24px;
font-weight: 700;
margin-top: 15px;
}
.post_section_1_post h5{
font-size: 18px;
line-height: 22px;
font-weight: 700;
text-transform: none;
color: #000 !important;
margin-top: 15px;
}
.post_section_1_post p{
font-size: 14px;
line-height: 16px;
margin-top: 10px;
}
.post_section_1_post ul{
padding: 0 0 0 20px;
list-style: disc;
}
.post_section_1_post ol{
padding: 0 0 0 20px;
}
.post_section_1_post ol li{
padding: 0;
}
.post_section_1_post li{
display: list-item;
font-size: 14px;
line-height: 17px;
margin-top: 10px;
}
.post_section_1_post li::marker{
font-size: 18px;
font-weight: 700;
color: #009245;
}
.post_section_1_post blockquote{
padding-left: 20px;
border-left: 2px solid #009245;
font-size: 16px;
line-height: 19px;
}
.post_section_1_post a{
display: inline;
color: #009245;
text-decoration: underline;
}
.post_section_1_post table{
width: 100%;
border-collapse: collapse;
margin-top: 15px;
}
.post_section_1_post th,
.post_section_1_post td{
border: 1px solid rgba(0, 0, 0, .1);
padding: 10px;
font-size: 16px;
line-height: 22px;
text-align: left;
}
.post_section_1_post figure{
overflow: hidden;
border-radius: 10px;
margin-top: 10px;
}
.post_section_1_post img{
width: 100%;
height: 100%;
object-fit: cover;
}
.post_section_1_post > div{
display: flex;
justify-content: space-between;
flex-wrap: nowrap !important;
}
.post_section_1_posts{
width: 23%;
background: #F9F9F9;
border-radius: 5px;
}
.post_section_1_posts_top{
padding: 20px 15px;
}
.post_section_1_posts_top p{
font-size: 18px;
line-height: 25px;
font-weight: 700;
color: #252525;
}
.post_section_1_posts_top a{
font-size: 14px;
line-height: 16px;
color: #000;
background: #fff;
padding: 5px 10px;
margin-top: 10px;
}
.post_section_1_posts_image{
overflow: hidden;
border-radius: 5px;
}
.post_section_1_posts_image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.post_section_1_posts_form{
padding: 15px 15px 20px;
}
.post_section_1_posts_form p:nth-child(1){
font-size: 16px;
line-height: 16px;
font-weight: 700;
}
.post_section_1_posts_form p:nth-child(2){
font-size: 14px;
line-height: 16px;
margin-top: 15px;
}
.post_section_1_posts_form .btn_green{
margin: 20px auto 0;
}
/*---------- POST SECTION 2 ----------*/
.post_section_2{
background: #FBFBFB;
padding: 50px 0;
position: relative;
}
.post_section_2:after{
content: '';
display: block;
width: 370px;
height: 213px;
background: url(../img/after_2.png) no-repeat;
position: absolute;
right: 0;
bottom: 0;
}
.post_section_2_list{
display: grid;
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-columns: repeat(3, 1fr);
margin-top: 50px;
}
/*---------- POST SECTION 3 ----------*/
.post_section_3{
background: #252525;
padding: 50px 0;
position: relative;
}
.post_section_3:before{
content: '';
display: block;
width: 368px;
height: 328px;
background: url(../img/before_2.png) no-repeat;
position: absolute;
top: 0;
left: 0;
}
.post_section_3_form{
padding: 20px;
background: #fff;
border-radius: 5px;
position: relative;
}
.post_section_3_form > p{
font-size: 24px;
font-weight: 700;
}
.post_section_3_form form{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.post_section_3_form form > div{
width: 24%;
}
.post_section_3_form form > div:nth-last-child(2){
margin-top: 30px;
}
.post_section_3_form form > div:last-child{
width: 48%;
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 30px;
}
.post_section_3_form form > div:last-child p{
font-size: 16px;
line-height: 22px;
color: #252525;
text-align: right;
}
.post_section_3_form form > div:last-child a{
margin-left: 15px;
}
/*---------- POST SECTION 4 ----------*/
.post_section_4{
padding: 50px 0;
}
.post_section_4 .container{
display: flex;
flex-direction: column;
}
.post_section_4_block{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.post_section_4_item{
width: 24%;
display: flex;
flex-direction: column;
margin-top: 30px;
position: relative;
}
.post_section_4_item > a{
color: #000;
font-weight: 700;
}
.post_section_4_item_image{
padding: 0 15px;
margin-top: 20px;
position: relative;
}
.post_section_4_item_image img{
width: 100%;
height: 230px;
object-fit: cover;
}
.post_section_4_item_action{
padding: 3px 12px;
background: #FFC720;
font-size: 15px;
position: absolute;
top: 0;
left: 15px;
}
.post_section_4_item_title{
font-size: 16px;
line-height: 19px;
margin: 10px 20px 20px;
}
.post_section_4_item_block{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: auto;
}
.post_section_4_item_block > div:first-child{
margin-left: 20px;
}
.post_section_4_item_old_price{
display: block;
font-size: 16px;
color: #909090;
text-decoration: line-through;
}
.post_section_4_item_price{
display: block;
font-size: 18px;
font-weight: 700;
}
.post_section_4_item_block > div:last-child{
display: flex;
margin-right: 20px;
}
.post_section_4_item_heart{
cursor: pointer;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #252525;
display: flex;
justify-content: center;
align-items: center;
}
.yith-wcwl-add-to-wishlist-button:is(button){
gap: 0;
padding: 0;
background: transparent;
}
.yith-wcwl-add-to-wishlist-button:is(button) svg,
.yith-wcwl-add-to-wishlist-button:is(button) img{
width: 16px;
height: 16px;
}
.post_section_4_item_cart{
cursor: pointer;
width: 30px;
height: 30px;
border-radius: 50%;
background: #009245;
display: flex;
justify-content: center;
align-items: center;
margin-left: 10px;
}
.post_section_4 .btn_green{
margin: 50px auto 0;
}
/*---------- POST SECTION 5 ----------*/
.post_section_5{
padding: 50px 0;
}
.post_section_5 .container{
display: flex;
flex-direction: column;
}
.post_section_5_block{
margin-top: 50px;
position: relative;
}
.post_section_5_slider{
overflow-x: hidden;
}
.post_section_5_slide{
height: auto;
display: flex;
flex-direction: column;
}
.post_section_5_slide_image img{
width: 100%;
height: 250px;
object-fit: cover;
}
.post_section_5_slide_block{
display: flex;
justify-content: space-between;
margin: 20px 15px 0;
}
.post_section_5_slide_block div{
display: flex;
align-items: center;
}
.post_section_5_slide_block div span{
font-size: 14px;
margin-left: 5px;
}
.post_section_5_slide_title{
font-size: 18px;
line-height: 22px;
font-weight: 700;
margin: 10px 15px 0;
}
.post_section_5_slide_text{
margin: 10px 15px;
}
.post_section_5_slide_text p{
font-size: 16px;
line-height: 19px;
}
.post_section_5_slide a{
font-size: 16px;
color: #000;
text-decoration: underline;
margin-top: auto;
margin-left: auto;
}
.post_section_5_pagination{
display: none;
margin-top: 30px;
}
.post_section_5 .btn_transparent{
color: #000;
margin: 50px auto 0;
}
/*---------- BLOG PAGE ----------*/
/*---------- BLOG SECTION 1 ----------*/
.blog_section_1{
padding: 30px 0 50px;
}
.blog_section_1_block{
display: flex;
margin-top: 40px;
}
.blog_section_1_products{
display: grid;
grid-column-gap: 20px;
grid-row-gap: 40px;
grid-template-columns: repeat(3, 1fr);
}
.blog_section_1_list{
min-width: 280px;
max-width: 280px;
height: 100%;
padding: 20px 15px;
background: #FBFBFB;
margin-left: 20px;
}
.blog_section_1_list p{
font-size: 18px;
font-weight: 700;
}
.blog_section_1_list ul{
margin-top: 20px;
}
.blog_section_1_list li{
cursor: pointer;
font-size: 14px;
padding: 6px 10px 5px;
background: #fff;
border-radius: 5px;
margin-top: 10px;
transition: .2s;
}
.blog_section_1_list li.active{
font-weight: 700;
color: #fff;
background: #009245;
}
.blog_section_1_list_btn{
font-size: 14px;
font-weight: 700;
color: #009245;
background: transparent;
padding: 6px 10px 5px;
margin: 10px auto 0;
display: none;
}
.blog_pagination{
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
margin-right: 300px;
}
.blog_pagination > a,
.blog_pagination > span{
display: block;
font-size: 18px;
color: #252525;
text-decoration: none;
padding: 6px 14px;
background: #fff;
border-radius: 5px;
border: none;
margin: 0 10px;
transition: .2s;
}
.blog_pagination > span.current{
font-weight: 700;
color: #fff;
background: #009245;
}
.blog_pagination div{
cursor: pointer;
padding: 10px 12px;
border-radius: 5px;
border: 1px solid transparent;
display: flex;
justify-content: center;
align-items: center;
transition: .2s;
}
.blog_pagination div.active{
border: 1px solid #252525;
}
.blog_pagination div:first-child{
margin-right: 20px;
}
.blog_pagination div:last-child{
margin-left: 20px;
}
/*---------- BLOG SECTION 2 ----------*/
.blog_section_2{
padding: 50px 0;
background: #252525;
}
/*---------- SERVICE PAGE ----------*/
/*---------- SERVICE SECTION 1 ----------*/
.service_section_1{
padding: 20px 0 30px;
position: relative;
}
.service_section_1:before{
content: '';
display: block;
width: 368px;
height: 328px;
background: url(../img/before_1.png) no-repeat;
position: absolute;
top: -65px;
left: 0;
}
.service_section_1:after{
content: '';
display: block;
width: 368px;
height: 329px;
background: url(../img/after_1.png) no-repeat;
position: absolute;
right: 0;
bottom: 0;
}
.service_section_1_block{
display: flex;
justify-content: space-between;
}
.service_section_1_text{
width: 49%;
position: relative;
}
.service_section_1_title{
padding-bottom: 20px;
border-bottom: 1px solid #000;
}
.service_section_1_title div{
display: flex;
align-items: center;
}
.service_section_1_title p{
font-size: 24px;
line-height: 33px;
font-weight: 700;
color: #0B0B0B;
margin-left: 10px;
}
.service_section_1_address{
margin-top: 20px;
}
.service_section_1_address div{
display: flex;
align-items: center;
margin-top: 10px;
}
.service_section_1_address p{
font-size: 18px;
line-height: 25px;
margin-left: 10px;
}
.service_section_1_address p span{
font-weight: 700;
}
.service_section_1_address div:last-child p span{
font-size: 15px;
color: #009245;
}
.service_section_1_info{
padding: 25px 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 8px;
}
.service_section_1_info div{
display: flex;
align-items: center;
}
.service_section_1_info > p:nth-child(odd){
font-size: 15px;
font-weight: 700;
}
.service_section_1_info > p:nth-child(even){
margin-left: -40%;
}
.service_section_1_info > p:nth-child(4){
font-weight: 600;
}
.service_section_1_info > p:last-child,
.service_section_1_info > p:nth-last-child(3){
font-size: 12px;
}
.service_section_1_info div p{
font-size: 12px;
font-weight: 600;
margin-left: 10px;
}
.service_section_1 .btn_green{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.service_section_1 .btn_green svg{
margin-right: 10px;
}
.service_section_1_map{
width: 49%;
position: relative;
z-index: 1;
}
.service_section_1_map iframe{
width: 100%;
height: 425px;
}
.service_section_1_buttons{
display: flex;
justify-content: space-between;
margin-top: 30px;
position: relative;
z-index: 1;
}
.service_section_1_buttons a{
color: #39312E;
cursor: pointer;
width: 23%;
padding: 15px;
background: #F2F2F2;
border-radius: 25px;
display: flex;
justify-content: center;
align-items: center;
}
.service_section_1_buttons span{
font-size: 14px;
font-weight: 700;
white-space: nowrap;
margin-left: 5px;
}
/*---------- SERVICE SECTION 2 ----------*/
.service_section_2{
padding: 50px 0;
background: #252525;
position: relative;
}
.service_section_2:before{
content: '';
display: block;
width: 370px;
height: 325px;
background: url(../img/before_4.png) no-repeat;
position: absolute;
left: 0;
bottom: -100px;
}
.service_section_2_block{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 50px;
}
.service_section_2_block img{
width: 100%;
height: 230px;
object-fit: cover;
}
.service_section_2 .btn_green{
max-width: 220px;
margin: 50px auto 0;
}