@font-face
{
font-family: 'EconoSans Reduced';
font-weight: normal;
font-style: normal;
font-display: swap;
src: url(//bsh.studio/wp-content/themes/raten/fonts/econosansreduced-book.woff2) format('woff2'),
url(//bsh.studio/wp-content/themes/raten/fonts/econosansreduced-book.woff) format('woff'),
url(//bsh.studio/wp-content/themes/raten/fonts/econosansreduced-book.ttf) format('truetype');
}
@font-face
{
font-family: 'EconoSans Reduced';
font-weight: 500;
font-style: normal;
font-display: swap;
src: url(//bsh.studio/wp-content/themes/raten/fonts/econosansreduced-medium.woff2) format('woff2'),
url(//bsh.studio/wp-content/themes/raten/fonts/econosansreduced-medium.woff) format('woff'),
url(//bsh.studio/wp-content/themes/raten/fonts/econosansreduced-medium.ttf) format('truetype');
}
@font-face
{
font-family: 'EconoSans Reduced';
font-weight: 700;
font-style: normal;
font-display: swap;
src: url(//bsh.studio/wp-content/themes/raten/fonts/econosansreduced-bold.woff2) format('woff2'),
url(//bsh.studio/wp-content/themes/raten/fonts/econosansreduced-bold.woff) format('woff'),
url(//bsh.studio/wp-content/themes/raten/fonts/econosansreduced-bold.ttf) format('truetype');
}
@font-face
{
font-family: 'EconoSans Reduced';
font-weight: 900;
font-style: normal;
font-display: swap;
src: url(//bsh.studio/wp-content/themes/raten/fonts/econosansreduced-black.woff2) format('woff2'),
url(//bsh.studio/wp-content/themes/raten/fonts/econosansreduced-black.woff) format('woff'),
url(//bsh.studio/wp-content/themes/raten/fonts/econosansreduced-black.ttf) format('truetype');
} *
{
box-sizing: border-box;
margin: 0;
padding: 0;
scroll-margin-top: 24px;
}
*:before,
*:after
{
box-sizing: border-box;
}
html
{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body
{
margin: 0;
overscroll-behavior: none;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
text-rendering: optimizeLegibility;
text-decoration-skip: objects;
}
img
{
border-style: none;
}
textarea
{
overflow: auto;
}
input,
textarea,
input:active,
textarea:active,
button
{
margin: 0;
-webkit-border-radius: 0;
border-radius: 0;
outline: none transparent !important;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
-moz-outline: none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
margin: 0;
-webkit-appearance: none;
}
input[type=number]
{
-moz-appearance: textfield;
}
:focus
{
outline: 0;
}
:hover,
:active
{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
::-ms-clear
{
display: none;
} :root
{
--bg: #fff;
--scroll_width: 17px;
--text_color: #181914;
--font_size: 16px;
--font_size_title: 42px;
--font_family: 'EconoSans Reduced', 'Arial', sans-serif;
}
::selection
{
color: #fff;
background: #9ea18e;
}
::-moz-selection
{
color: #fff;
background: #9ea18e;
}
.clear
{
clear: both;
}
.left
{
float: left;
}
.right
{
float: right;
}
html
{
height: 100%;
min-height: -moz-available;
min-height: -webkit-fill-available;
min-height:         fill-available;
}
html.custom_scroll ::-webkit-scrollbar
{
width: 10px;
height: 10px;
background-color: var(--bg);
}
html.custom_scroll ::-webkit-scrollbar-thumb
{
background-color: #9ea18e;
}
html.custom_scroll
{
scrollbar-color: #9ea18e var(--bg);
scrollbar-width: thin;
}
body
{
font: var(--font_size) var(--font_family);
height: 100%;
min-height: -moz-available;
min-height: -webkit-fill-available;
min-height:         fill-available;
color: var(--text_color);
}
body.menu_open
{
overflow: hidden;
}
button
{
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
display: inline-block;
cursor: pointer;
vertical-align: top;
color: inherit;
border: none;
background: none;
}
.wrap
{
position: relative;
z-index: 9;
display: flex;
overflow: clip;
flex-direction: column;
min-width: 375px;
min-height: 100%;
background: var(--bg);
}
.main
{
display: flex;
flex: 1 0 auto;
flex-direction: column;
}
.cont
{
width: 100%;
max-width: 1600px;
margin: 0 auto;
padding: 0 40px;
}
.row
{
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: flex-start;
} .animate
{
visibility: hidden;
transition: .9s ease;
opacity: 0;
}
.animate.fadeInUp
{
transform: translateY(100px);
}
.animate.delay, .animate.delay1
{
transition-delay: .2s;
}
.animate.delay2
{
transition-delay: .4s;
}
.animate.delay3
{
transition-delay: .6s;
}
.animated
{
visibility: visible;
opacity: 1;
}
.fadeInUp.animated
{
transform: translateY(0);
} .accordion_item
{
border-radius: 8px;
background: #fff;
}
.accordion_item + .accordion_item
{
margin-top: 16px;
}
.accordion_item .head
{
position: relative;
padding: 14px 16px 14px 77px;
cursor: pointer;
}
.accordion_item .head .title
{
font-weight: 500;
color: #36372f;
}
.accordion_item .head .icon
{
position: absolute;
top: 0;
bottom: 0;
left: 34px;
display: block;
width: 11px;
height: 11px;
margin: auto 0;
transition: transform .2s linear;
color: #797c6d;
}
.accordion_item .data
{
display: none;
padding: 12px 16px 12px 77px;
}
.accordion_item.active .head .icon
{
transform: rotate(180deg);
} .tabs
{
display: flex;
align-content: stretch;
align-items: stretch;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 59px;
border-bottom: 1px solid #dbdcd5;
}
.tabs .btn
{
font-size: 15px;
line-height: 16px;
position: relative;
display: block;
margin-bottom: -1px;
padding: 16px 24px;
transition: .2s linear;
color: #797c6d;
border: 1px solid transparent;
border-right-color: #dbdcd5;
border-bottom-color: #dbdcd5;
background: #eaece3;
}
.tabs .btn:hover
{
color: var(--text_color);
background: #dee0d3;
}
.tabs .btn.active
{
color: var(--text_color);
border-color: #9ea18e;
border-bottom-color: var(--bg);
background: var(--bg);
}
.tab_content
{
position: relative;
visibility: hidden;
overflow: hidden;
height: 0;
pointer-events: none;
opacity: 0;
}
.tab_content.active
{
visibility: visible;
overflow: visible;
height: auto;
transition: opacity .5s linear;
pointer-events: auto;
opacity: 1;
} .pagination
{
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: center;
margin-top: 64px;
}
.pagination a,
.pagination .sep, .pagination span
{
font-size: 14px;
line-height: 20px;
display: inline-block;
padding: 6px 8px;
transition: color .2s linear;
text-align: center;
vertical-align: top;
text-decoration: none;
color: #36372f;
}
.pagination a.disable
{
pointer-events: none;
color: #c6c7c1;
}
.pagination .current
{
color: #9ea18e;
}
.pagination .sep
{
width: 20px;
padding: 6px 0;
text-align: center;
}
.pagination .prev,
.pagination .next,
.pagination .first,
.pagination .last
{
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: center;
padding: 8px;
}
.pagination .prev .icon,
.pagination .next .icon,
.pagination .first .icon,
.pagination .last .icon
{
display: block;
width: 16px;
height: 16px;
}
.pagination .next .icon,
.pagination .last .icon
{
transform: rotate(180deg);
} header
{
position: relative;
z-index: 9;
top: 0;
left: 0;
width: 100%;
background: var(--bg);
box-shadow: 0 1px 8px 0 rgba(158, 161, 142, .40);
}
header .mob_close_btn
{
position: absolute;
top: 0;
left: 100%;
display: none;
width: 50px;
height: 50px;
cursor: pointer;
border: none;
background: none;
}
header .mob_close_btn:before,
header .mob_close_btn:after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 50%;
height: 2px;
margin: auto;
content: '';
transform: rotate(45deg);
background: #fff;
}
header .mob_close_btn:after
{
transform: rotate(-45deg);
}
header.show .mob_close_btn
{
display: block;
}
header .top
{
padding: 8px 0;
color: #797c6d;
background: #eaece3;
}
header .cont
{
align-content: center;
align-items: center;
justify-content: space-between;
}
header .phone
{
font-size: 14px;
font-weight: 700;
line-height: 16px;
}
header .phone a
{
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
text-decoration: none;
color: currentColor;
}
header .phone .icon
{
display: block;
width: 16px;
height: 16px;
margin-right: 8px;
}
header .email
{
font-size: 14px;
line-height: 16px;
margin-left: 39px;
}
header .email a
{
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
text-decoration: none;
color: currentColor;
}
header .email .icon
{
display: block;
width: 16px;
height: 16px;
margin-right: 8px;
}
header .location
{
font-size: 14px;
line-height: 16px;
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: auto;
color: #797c6d;
text-decoration: none;
}
header .location .icon
{
display: block;
width: 16px;
height: 16px;
margin-right: 8px;
}
header .logo
{
display: block;
text-decoration: none;
color: currentColor;
}
header .logo img
{
display: block;
}
header .menu
{
margin-left: auto;
list-style: none;
}
header .menu_item
{
position: relative;
}
header .menu_item + .menu_item
{
margin-left: 24px;
}
header .menu_item > a
{
font-size: 15px;
line-height: 16px;
position: relative;
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: center;
padding: 40px 0;
transition: .2s linear;
text-align: center;
text-decoration: none;
color: var(--text_color);
}
header .menu_item > a .icon
{
display: block;
width: 11px;
height: 11px;
margin-left: 8px;
color: #797c6d;
}
header .menu_item > a:after
{
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 0;
height: 6px;
margin: auto;
content: '';
transition: width .3s linear;
background: #9ea18e;
}
header .menu_item:hover > a:after,
header .menu_item.current-menu-item > a:after
{
width: 100%;
}
header .sub_menu
{
position: absolute;
z-index: 9;
top: 100%;
left: -32px;
visibility: hidden;
width: 280px;
padding: 19px 0;
transition: .2s linear;
pointer-events: none;
opacity: 0;
border: 0 solid #181918;
border-radius: 8px;
background: var(--bg);
box-shadow: 0 1px 8px 0 rgba(158, 161, 142, .40);
list-style: none;
}
header .menu_item:hover > a.touch_link + .sub_menu
{
visibility: hidden;
pointer-events: none;
opacity: 0;
}
header .menu_item:hover .sub_menu,
header .menu_item > a.touch_link + .sub_menu.show
{
visibility: visible;
pointer-events: auto;
opacity: 1;
}
header .sub_menu a
{
font-size: 14px;
line-height: 16px;
display: block;
padding: 8px 29px 8px 32px;
transition: background .2s linear;
text-decoration: none;
color: currentColor;
}
header .sub_menu a:hover,
header .sub_menu a.active
{
background: #eaece3;
}
header .socials
{
display: none;
padding: 40px 32px 32px;
}
header .socials .title
{
font-size: 20px;
font-weight: 700;
margin-bottom: 16px;
letter-spacing: -.232px;
color: #9ea18e;
}
header .socials .items > *
{
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: flex-start;
}
header .socials .items > * + *
{
margin-top: 17px;
}
header .socials a
{
font-size: 15px;
font-weight: 500;
line-height: 160%;
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
text-decoration: none;
color: rgba(24, 25, 20, .8);
}
header .socials a .icon
{
display: block;
width: 24px;
height: 24px;
margin-right: 8px;
color: #9ea18e;
}
header .socials a span
{
max-width: calc(100% - 32px);
}
header .privacy_policy_link
{
font-size: 15px;
font-weight: 500;
display: none;
width: 100%;
padding: 32px;
color: #9ea18e;
}
header .privacy_policy_link a
{
text-decoration: none;
opacity: .8;
color: currentColor;
}
header.fixed
{
position: fixed;
animation: moveDown .5s;
}
header.fixed .top
{
display: none;
}
@keyframes moveDown
{
0%
{
transform: translateY(-100%);
}
} .mob_header
{
position: fixed;
z-index: 90;
top: 0;
left: 0;
display: none;
width: 100%;
padding: 21px 0;
background: var(--bg);
box-shadow: 0 1px 8px 0 rgba(158, 161, 142, .40);
}
.mob_header .cont
{
align-content: center;
align-items: center;
justify-content: space-between;
}
.mob_header .logo
{
display: block;
margin-right: auto;
text-decoration: none;
color: currentColor;
}
.mob_header .logo img
{
display: block;
}
.mob_header .mob_menu_btn
{
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: center;
width: 24px;
height: 24px;
margin-left: auto;
color: #9ea18e;
}
.mob_header .mob_menu_btn .icon
{
display: block;
width: 100%;
height: 100%;
}
.mob_header .mob_menu_btn .icon + .icon,
.mob_header .mob_menu_btn.active .icon
{
display: none;
}
.mob_header .mob_menu_btn.active .icon + .icon
{
display: block;
} .page_head
{
margin-bottom: 32px;
padding-top: 48px;
}
.breadcrumbs
{
font-size: 12px;
font-weight: 500;
line-height: 16px;
letter-spacing: 2.16px;
text-transform: uppercase;
color: #9ea18e;
}
.breadcrumbs a
{
color: currentColor;
}
.page_title
{
font-size: var(--font_size_title);
font-weight: 700;
line-height: calc(100% + 8px);
display: block;
margin-top: 32px;
} .block_head
{
margin-bottom: 48px;
}
.block_head .pre_title
{
font-size: 18px;
font-weight: 500;
line-height: calc(100% + 4px);
margin-bottom: 24px;
letter-spacing: 3.15px;
text-transform: uppercase;
color: #9ea18e;
}
.block_head .title
{
font-size: var(--font_size_title);
font-weight: 700;
line-height: calc(100% + 8px);
display: block;
}
.block_head .desc
{
width: 1389px;
max-width: 100%;
margin-top: 24px;
opacity: .8;
}
.block_head .link
{
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 24px;
}
.block_head .link a
{
font-size: 14px;
font-weight: 700;
line-height: 185%;
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
transition: color .2s linear;
text-decoration: none;
color: #9ea18e;
}
.block_head .link a .arr
{
display: block;
width: 48px;
height: 24px;
margin-left: 15px;
}
.block_head .link a:hover
{
color: #797c6d;
}
.block_head.center
{
text-align: center;
} .form
{
--form_border_color: #c4c8b1;
--form_focus_color: #797c6d;
--form_error_color: #db5353;
--form_border_radius: 8px;
--form_bg_color: #fff;
--form_placeholder_color: #7a7b77;
}
.form ::-webkit-input-placeholder
{
color: var(--form_placeholder_color);
}
.form :-moz-placeholder
{
color: var(--form_placeholder_color);
}
.form ::-moz-placeholder
{
opacity: 1;
color: var(--form_placeholder_color);
}
.form :-ms-input-placeholder
{
color: var(--form_placeholder_color);
}
.form .line
{
margin-bottom: 24px;
}
.form .label
{
font-size: 18px;
font-weight: 500;
line-height: 31.5px;
margin-bottom: 7px;
color: #7a7b77;
}
.form .field
{
position: relative;
}
.form .input
{
font-family: var(--font_family);
font-size: var(--font_size);
display: block;
width: 100%;
height: 40px;
padding: 0 15px;
transition: border-color .2s linear;
color: var(--text_color);
border: 1px solid var(--form_border_color);
border-radius: var(--form_border_radius);
background: var(--form_bg_color);
}
.form .input:-webkit-autofill
{
-webkit-box-shadow: inset 0 0 0 50px var(--form_bg_color) !important;
}
.form textarea
{
font-family: var(--font_family);
font-size: var(--font_size);
display: block;
width: 100%;
height: 89px;
padding: 12px 15px;
resize: none;
transition: border-color .2s linear;
color: var(--text_color);
border: 1px solid var(--form_border_color);
border-radius: var(--form_border_radius);
background: var(--form_bg_color);
}
.form textarea::-webkit-scrollbar
{
width: 5px;
height: 5px;
}
.form .input:focus,
.form textarea:focus
{
border-color: var(--form_focus_color);
}
.form .error
{
border-color: var(--form_error_color);
}
.form .submit_btn
{
font-weight: 700;
line-height: 17px;
display: block;
padding: 11px 28px;
transition: background .2s linear;
color: #fff;
border: 1px solid #9ea18e;
border-radius: var(--form_border_radius);
background: #9ea18e;
}
.form .submit_btn:hover
{
background: #797c6d;
}
.form .submit_btn:disabled{
background: gray;
cursor: not-allowed;
} .text_block
{
font-size: var(--font_size);
line-height: 150%;
}
.text_block > *
{
margin-bottom: 20px;
}
.text_block > :last-child
{
margin-bottom: 0 !important;
}
.text_block > :first-child
{
margin-top: 0 !important;
}
.text_block img
{
display: block;
max-width: 100%;
border-radius: 8px;
}
.text_block img.loaded
{
height: auto !important;
} .main_slider
{
position: relative;
margin-bottom: 57px;
background: #ddd;
}
.main_slider:after
{
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: '';
pointer-events: none;
background: linear-gradient(0deg, #fff 5.64%, rgba(255, 255, 255, .76) 10.42%, rgba(255, 255, 255, .00) 15.34%);
}
.main_slider .swiper-slide
{
position: relative;
overflow: hidden;
}
.main_slider .img
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.main_slider .cont
{
position: relative;
z-index: 3;
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
min-height: 789px;
padding-top: 60px;
padding-bottom: 129px;
}
.main_slider .data
{
position: relative;
width: 439px;
max-width: 100%;
padding: 60px 64px 95px 0;
color: #fff;
border-radius: 0 8px 8px 0;
}
.main_slider .data:before
{
position: absolute;
z-index: 1;
top: 0;
right: 0;
display: block;
width: calc(100% + (100vw - 1520px) / 2);
height: 100%;
content: '';
pointer-events: none;
border-radius: inherit;
background: rgba(54, 55, 47, .6); }
.main_slider .title
{
font-size: 42px;
font-weight: 900;
line-height: 120%;
position: relative;
z-index: 3;
display: block;
}
.main_slider .desc
{
line-height: 150%;
position: relative;
z-index: 3;
margin-top: 16px;
}
.main_slider .link
{
font-weight: 700;
line-height: 17px;
position: relative;
z-index: 3;
display: inline-block;
margin-top: 24px;
padding: 12px 29px;
transition: box-shadow .2s linear;
text-align: center;
vertical-align: top;
text-decoration: none;
color: #797c6d;
border-radius: 4px;
background: #fff;
}
.main_slider .link:hover
{
box-shadow: 0 6px 5px 0 rgba(121, 124, 109, .75);
} .about
{
margin-bottom: 96px;
}
.about .block_head
{
align-self: center;
width: 556px;
max-width: 100%;
margin-bottom: 0;
}
.about .block_head .link
{
margin-top: 40px;
padding-left: 13px;
}
.about .gallery
{
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
width: 873px;
max-width: 100%;
margin-left: auto;
}
.about .gallery .col
{
width: 228px;
max-width: 100%;
}
.about .gallery .col > * + *
{
margin-top: 48px;
}
.about .gallery .img
{
position: relative;
}
.about .gallery .img.big
{
width: calc(100% - 257px);
margin-left: auto;
}
.about .gallery img
{
position: relative;
z-index: 3;
display: block;
width: 100%;
border-radius: 8px;
}
.about .gallery img + img
{
position: absolute;
z-index: 1;
right: 0;
bottom: -22px;
left: -1px;
width: calc(100% - 48px);
margin: 0 auto;
opacity: .5;
filter: blur(25.56px);
}
.about .gallery .img.big img + img
{
bottom: -114px;
left: -19px;
width: calc(100% - 71px);
} .advantages
{
margin-bottom: 120px;
padding: 69px 0 73px;
background: #eaece3;
}
.advantages .block_head .pre_title
{
margin-bottom: 18px;
}
.advantages .row
{
justify-content: center;
margin-bottom: -30px;
margin-left: -30px;
}
.advantages .row > *
{
width: 212px;
max-width: calc(16.666% - 30px);
margin-bottom: 30px;
margin-left: 30px;
}
.advantages .item
{
text-align: center;
}
.advantages .item .name
{
font-size: 24px;
font-weight: 700;
line-height: 29px;
margin-bottom: 30px;
}
.advantages .item .desc
{
line-height: 19px;
padding: 0 10px;
}
.advantages .item .icon
{
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: center;
width: 80px;
height: 80px;
margin: 0 auto 30px;
padding: 16px;
border-radius: 50%;
background: #9ea18e;
}
.advantages .item .icon img
{
display: block;
max-width: 100%;
max-height: 100%;
}
.advantages .item .link
{
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: center;
margin-top: 30px;
}
.advantages .item .link a
{
font-size: 14px;
font-weight: 700;
line-height: 185%;
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
transition: color .2s linear;
text-decoration: none;
color: #9ea18e;
}
.advantages .item .link a .arr
{
display: block;
width: 48px;
height: 24px;
margin-left: 15px;
}
.advantages .item .link a:hover
{
color: #797c6d;
} .collections
{
margin-bottom: 99px;
}
.collections .block_head
{
width: 556px;
max-width: 100%;
margin-bottom: 0;
}
.collections .swiper
{
overflow: visible !important;
width: 704px;
max-width: 100%;
margin-top: 36px;
margin-right: 0;
margin-left: auto;
}
.collections .swiper-slide
{
position: relative;
visibility: hidden;
transition: opacity .2s linear, visibility .2s linear;
pointer-events: none;
opacity: 0;
}
.collections .swiper-slide.visible
{
visibility: visible;
pointer-events: auto;
opacity: 1;
}
.collections .item
{
display: block;
text-decoration: none;
color: currentColor;
}
.collections .item .thumb
{
position: relative;
overflow: hidden;
padding-bottom: 100%;
border-radius: 8px;
background: #ddd;
}
.collections .item .thumb img
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
} .reviews
{
margin-bottom: 160px;
}
.reviews.bg
{
margin-bottom: 69px;
padding: 76px 0 96px;
background: #eaece3;
}
.reviews .block_head
{
padding-bottom: 3px;
}
.reviews .block_head .pre_title
{
margin-bottom: 16px;
}
.reviews .swiper
{
overflow: visible !important;
width: 1108px;
max-width: 100%;
margin: 0 auto;
}
.reviews .swiper-slide
{
position: relative;
visibility: hidden;
transition: opacity .2s linear, visibility .2s linear;
pointer-events: none;
opacity: 0;
}
.reviews .swiper-slide.visible
{
visibility: visible;
pointer-events: auto;
opacity: 1;
}
.reviews .row
{
align-content: stretch;
align-items: stretch;
margin-bottom: -32px;
margin-left: -53px;
}
.reviews .row > *
{
width: calc(25% - 53px);
margin-bottom: 32px;
margin-left: 53px;
}
.reviews .review
{
position: relative;
padding: 140px 14px 25px;
border-radius: 8px;
color: var(--text_color);
text-decoration: none;
display: block;
}
.reviews .review .thumb
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
border-radius: inherit;
background: #ddd;
}
.reviews .review .thumb img
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.reviews .review .data
{
position: relative;
z-index: 1;
padding: 38px 13px 17px;
text-align: center;
border-radius: inherit;
background: rgba(255, 255, 255, .70);
-webkit-backdrop-filter: blur(5.5px);
backdrop-filter: blur(5.5px);
}
.reviews .review .photo
{
position: absolute;
top: -25px;
right: 0;
left: 0;
width: 50px;
height: 50px;
margin: 0 auto;
border-radius: 50%;
background: #ddd;
box-shadow: 0 0 0 8px #fff;
}
.reviews .review .photo img
{
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.reviews .review .author
{
font-size: 18px;
font-weight: 700;
line-height: calc(100% + 4px);
}
.reviews .review .text
{
font-size: 14px;
line-height: 17px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
margin-top: 5px;
-webkit-line-clamp: 4;
}
.reviews .review .rating
{
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: center;
margin-top: 42px;
}
.reviews .review .rating .icon
{
display: block;
width: 14px;
height: 14px;
color: #f6973f;
}
.reviews .review .rating .icon + .icon
{
margin-left: 5px;
} .steps
{
margin-bottom: 113px;
}
.steps .block_head
{
padding-bottom: 4px;
}
.steps .block_head .pre_title
{
margin-bottom: 18px;
}
.steps .row
{
justify-content: center;
margin-bottom: -30px;
margin-left: -30px;
counter-reset: number;
}
.steps .row > *
{
width: 212px;
max-width: calc(16.666% - 30px);
margin-bottom: 30px;
margin-left: 30px;
}
.steps .item
{
text-align: center;
}
.steps .item .name
{
font-size: 24px;
font-weight: 700;
line-height: 29px;
margin-bottom: 30px;
}
.steps .item .desc
{
line-height: 19px;
padding: 0 6px;
}
.steps .item .number
{
font-size: 34px;
font-weight: 700;
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: center;
width: 80px;
height: 80px;
margin: 0 auto 30px;
color: #fff;
border-radius: 50%;
background: #9ea18e;
}
.steps .item .number:before
{
content: counter(number);
counter-increment: number;
}
.steps .item .link
{
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: center;
margin-top: 30px;
}
.steps .item .link a
{
font-size: 14px;
font-weight: 700;
line-height: 185%;
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
transition: color .2s linear;
text-decoration: none;
color: #9ea18e;
}
.steps .item .link a .arr
{
display: block;
width: 48px;
height: 24px;
margin-left: 15px;
}
.steps .item .link a:hover
{
color: #797c6d;
} .brands
{
margin-bottom: 40px;
}
.brands.m2
{
margin-bottom: 82px;
}
.brands .cont
{
max-width: 1702px;
}
.brands .block_head
{
margin-bottom: 40px;
}
.brands .data
{
padding: 63px 0 64px;
background: #eaece3;
}
.brands .swiper
{
overflow: visible !important;
}
.brands .swiper-wrapper
{
transition-timing-function: linear !important;
}
.brands .swiper-slide
{
width: auto;
}
.brands .item
{
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: center;
height: 79px;
}
.brands .item img
{
display: block;
max-width: 100%;
max-height: 100%;
} .products
{
margin-bottom: 113px;
}
.products.m2
{
margin-bottom: 78px;
}
.products .swiper-button-prev
{
left: 124px;
}
.products .swiper-button-next
{
right: 124px;
}
.products .product
{
position: relative;
display: block;
text-decoration: none;
color: #fff;
}
.products .product .thumb
{
position: relative;
overflow: hidden;
min-height: 320px;
padding-bottom: 66.666%;
background: #ddd;
}
.products .product .thumb img
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.products .product .info
{
position: absolute;
z-index: 3;
bottom: 34px;
left: 0;
}
.products .product .name
{
font-size: 20px;
font-weight: 700;
padding: 12px 22px;
border-radius: 0 8px 8px 0;
background: rgba(106, 108, 96, .25);
-webkit-backdrop-filter: blur(24.1px);
backdrop-filter: blur(24.1px);
} .FAQ
{
margin-bottom: 39px;
padding: 67px 0;
background: #eaece3;
}
.FAQ .block_head
{
margin-bottom: 25px;
}
.FAQ .cols
{
justify-content: space-between;
}
.FAQ .col
{
width: calc(50% - 15px);
} .feedback
{
margin-bottom: 118px;
}
.feedback .block_head
{
margin-bottom: 40px;
}
.feedback .form
{
width: 486px;
max-width: 100%;
margin: 0 auto;
} #map
{
position: relative;
overflow: hidden;
height: 405px;
background: #ddd;
} .about_info
{
margin-bottom: 116px;
}
.about_info .data
{
width: 741px;
max-width: 100%;
}
.about_info .block_head
{
margin-bottom: 32px;
}
.about_info .image
{
width: calc(100% - 901px);
margin-left: auto;
border-radius: 8px;
}
.about_info .image img
{
display: block;
width: 100%;
border-radius: inherit;
} .team
{
margin-bottom: 147px;
}
.team .block_head .desc
{
margin-top: 32px;
}
.team .row
{
align-content: stretch;
align-items: stretch;
width: 1264px;
max-width: calc(100% + 32px);
margin-bottom: -32px;
margin-left: -32px;
}
.team .row > *
{
width: calc(50% - 32px);
margin-bottom: 32px;
margin-left: 32px;
}
.team .person
{
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
}
.team .person .photo
{
position: relative;
overflow: hidden;
width: 128px;
height: 128px;
border-radius: 50%;
background: #ddd;
}
.team .person .photo img
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.team .person .photo + *
{
width: calc(100% - 160px);
padding-top: 24px;
padding-bottom: 16px;
}
.team .person .name
{
font-size: 20px;
font-weight: 700;
line-height: 150%;
}
.team .person .post
{
font-size: 18px;
font-weight: 500;
line-height: 31.5px;
margin-top: 8px;
color: #7a7b77;
}
.team .person .desc
{
font-size: 14px;
margin-top: 8px;
opacity: .8;
} .advantages_info
{
margin-bottom: 141px;
}
.advantages_info .data
{
width: 744px;
max-width: 100%;
}
.advantages_info .title
{
font-size: var(--font_size_title);
font-weight: 700;
line-height: calc(100% + 8px);
display: block;
}
.advantages_info .item
{
font-size: 20px;
font-weight: 700;
line-height: 150%;
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 32px;
}
.advantages_info .item .icon
{
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: center;
width: 80px;
height: 80px;
padding: 16px;
border-radius: 50%;
background: #9ea18e;
}
.advantages_info .item .icon img
{
display: block;
max-width: 100%;
max-height: 100%;
}
.advantages_info .item .icon + *
{
align-self: center;
width: calc(100% - 104px);
}
.advantages_info .text_block
{
margin-top: 32px;
}
.advantages_info .image
{
width: calc(100% - 904px);
margin-left: auto;
border-radius: 8px;
}
.advantages_info .image img
{
display: block;
width: 100%;
border-radius: inherit;
} .showroom
{
margin-bottom: 128px;
}
.showroom .data
{
position: relative;
z-index: 3;
width: 615px;
max-width: 100%;
}
.showroom .title
{
font-size: var(--font_size_title);
font-weight: 700;
line-height: calc(100% + 8px);
display: block;
}
.showroom .text_block
{
margin-top: 32px;
}
.showroom .time
{
font-weight: 700;
line-height: 150%;
margin-top: 32px;
opacity: .8;
}
.showroom .location
{
margin-top: 32px;
}
.showroom .location .label
{
font-weight: 700;
line-height: 150%;
margin-bottom: 12px;
opacity: .8;
}
.showroom .location .val
{
opacity: .8;
}
.showroom .location #map2
{
height: 320px;
margin-top: 32px;
border-radius: 8px;
}
.showroom .gallery
{
width: calc(100% - 816px);
margin-left: auto;
}
.showroom .gallery .big .swiper
{
border-radius: 8px;
}
.showroom .gallery .big .image
{
position: relative;
display: block;
overflow: hidden;
padding-bottom: 59.659%;
text-decoration: none;
color: currentColor;
border-radius: 8px;
background: #ddd;
}
.showroom .gallery .big .image img
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.showroom .gallery .thumbs
{
margin-top: 50px;
}
.showroom .gallery .thumbs .swiper
{
overflow: visible !important;
}
.showroom .gallery .thumbs .swiper-slide
{
position: relative;
visibility: hidden;
transition: opacity .2s linear, visibility .2s linear;
pointer-events: none;
opacity: 0;
}
.showroom .gallery .thumbs .swiper-slide.visible
{
visibility: visible;
pointer-events: auto;
opacity: 1;
}
.showroom .gallery .thumbs .image
{
position: relative;
display: block;
overflow: hidden;
padding-bottom: 100%;
cursor: pointer;
transition: opacity .2s linear;
text-decoration: none;
opacity: .45;
color: currentColor;
border-radius: 8px;
background: #ddd;
}
.showroom .gallery .thumbs .image img
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.showroom .gallery .thumbs .swiper-slide-thumb-active .image
{
opacity: 1;
} .design_process
{
margin-bottom: 240px;
}
.design_process .row
{
align-content: stretch;
align-items: stretch;
margin-bottom: -54px;
margin-left: -54px;
counter-reset: number;
}
.design_process .row > *
{
width: calc(25% - 54px);
margin-bottom: 54px;
margin-left: 54px;
}
.design_process .item
{
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
padding: 32px 24px;
border-radius: 16px;
background: #eaece3;
}
.design_process .item .number
{
font-size: 34px;
font-weight: 700;
display: flex;
align-content: center;
align-items: center;
align-self: center;
flex-wrap: wrap;
justify-content: center;
width: 80px;
height: 80px;
color: #fff;
border-radius: 50%;
background: #9ea18e;
}
.design_process .item .number:before
{
content: counter(number);
counter-increment: number;
}
.design_process .item .name
{
font-size: 20px;
font-weight: 700;
line-height: 150%;
align-self: center;
width: calc(100% - 104px);
}
.design_process .item .exp
{
font-weight: 500;
line-height: 150%;
width: 100%;
margin-top: 32px;
opacity: .8;
}
.design_process .item .exp > *
{
position: relative;
padding-left: 24px;
}
.design_process .item .exp > * + *
{
margin-top: 16px;
}
.design_process .item .exp > *:before
{
position: absolute;
top: 10px;
left: 8px;
display: block;
width: 4px;
height: 4px;
content: '';
border-radius: 50%;
background: currentColor;
} .review_info
{
margin-bottom: 163px;
}
.review_info .photo
{
width: 88px;
height: 88px;
margin-bottom: 32px;
border-radius: 50%;
background: #ddd;
}
.review_info .photo img
{
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.review_info .rating
{
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
}
.review_info .rating .icon
{
display: block;
width: 14px;
height: 14px;
color: #f6973f;
}
.review_info .rating .icon + .icon
{
margin-left: 5px;
}
.review_info .text
{
line-height: 150%;
width: 744px;
max-width: 100%;
margin-top: 32px;
opacity: .8;
} .articles
{
margin-bottom: 71px;
}
.articles .row
{
align-content: stretch;
align-items: stretch;
margin-bottom: -32px;
margin-left: -53px;
}
.articles .row > *
{
width: calc(25% - 53px);
margin-bottom: 32px;
margin-left: 53px;
}
.articles .article
{
display: flex;
overflow: hidden;
flex-direction: column;
text-decoration: none;
color: currentColor;
border: 1px solid #9ea18e;
border-radius: 8px;
background: var(--bg);
}
.articles .article .thumb
{
position: relative;
overflow: hidden;
padding-bottom: 34.131%;
background: #ddd;
}
.articles .article .thumb img
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.articles .article .info
{
padding: 16px 23px 23px;
}
.articles .article .name
{
font-size: 18px;
font-weight: 700;
line-height: calc(100% + 4px);
}
.articles .article .date
{
font-size: 14px;
line-height: 13px;
margin-top: 16px;
opacity: .8;
color: #797c6d;
}
.articles .article .desc
{
font-size: 14px;
line-height: 18px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
margin-top: 16px;
opacity: .8;
-webkit-line-clamp: 3;
}
.articles .pagination
{
margin-top: 40px;
} .article_info
{
margin-bottom: 146px;
}
.article_info .data
{
width: 744px;
max-width: 100%;
}
.article_info .article_title
{
font-size: var(--font_size_title);
font-weight: 700;
line-height: calc(100% + 8px);
display: block;
}
.article_info .date
{
font-size: 14px;
line-height: 13px;
margin-top: 32px;
opacity: .8;
color: #797c6d;
}
.article_info .text_block
{
margin-top: 32px;
}
.article_info .image
{
width: calc(100% - 904px);
margin-left: auto;
border-radius: 8px;
}
.article_info .image img
{
display: block;
width: 100%;
border-radius: inherit;
} .projects
{
margin-bottom: 71px;
}
.projects .row
{
align-content: stretch;
align-items: stretch;
margin-bottom: -32px;
margin-left: -53px;
}
.projects .row > *
{
width: calc(25% - 53px);
margin-bottom: 32px;
margin-left: 53px;
}
.projects .project
{
display: flex;
overflow: hidden;
flex-direction: column;
text-decoration: none;
color: currentColor;
border: 1px solid #9ea18e;
border-radius: 8px;
background: var(--bg);
}
.projects .project .thumb
{
position: relative;
overflow: hidden;
padding-bottom: 34.131%;
background: #ddd;
}
.projects .project .thumb img
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.projects .project .info
{
padding: 16px 23px 23px;
}
.projects .project .location
{
font-size: 18px;
font-weight: 700;
line-height: calc(100% + 4px);
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
}
.projects .project .location .icon
{
display: block;
align-self: center;
width: 16px;
height: 16px;
color: #9ea18e;
}
.projects .project .location span
{
align-self: center;
width: calc(100% - 32px);
}
.projects .project .date
{
font-size: 14px;
line-height: 13px;
margin-top: 16px;
opacity: .8;
color: #797c6d;
}
.projects .project .desc
{
font-size: 14px;
line-height: 18px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
margin-top: 16px;
opacity: .8;
-webkit-line-clamp: 3;
}
.projects .pagination
{
margin-top: 40px;
} .project_info
{
margin-bottom: 128px;
}
.project_info .data
{
position: relative;
z-index: 3;
width: 615px;
max-width: 100%;
}
.project_info .project_title
{
font-size: var(--font_size_title);
font-weight: 700;
line-height: calc(100% + 8px);
display: block;
}
.project_info .date
{
font-size: 14px;
line-height: 17px;
margin-top: 32px;
opacity: .8;
color: #797c6d;
}
.project_info .text_block
{
margin-top: 32px;
}
.project_info .gallery
{
width: calc(100% - 813px);
margin-right: 38px;
margin-left: auto;
}
.project_info .gallery .big .swiper
{
border-radius: 8px;
}
.project_info .gallery .big .image
{
position: relative;
display: block;
overflow: hidden;
padding-bottom: 59.659%;
text-decoration: none;
color: currentColor;
border-radius: 8px;
background: #ddd;
}
.project_info .gallery .big .image img
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.project_info .gallery .thumbs
{
margin-top: 50px;
}
.project_info .gallery .thumbs .swiper
{
overflow: visible !important;
}
.project_info .gallery .thumbs .swiper-slide
{
position: relative;
visibility: hidden;
transition: opacity .2s linear, visibility .2s linear;
pointer-events: none;
opacity: 0;
}
.project_info .gallery .thumbs .swiper-slide.visible
{
visibility: visible;
pointer-events: auto;
opacity: 1;
}
.project_info .gallery .thumbs .image
{
position: relative;
display: block;
overflow: hidden;
padding-bottom: 100%;
cursor: pointer;
transition: opacity .2s linear;
text-decoration: none;
opacity: .45;
color: currentColor;
border-radius: 8px;
background: #ddd;
}
.project_info .gallery .thumbs .image img
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.project_info .gallery .thumbs .swiper-slide-thumb-active .image
{
opacity: 1;
} .product_info
{
margin-bottom: 128px;
}
.product_info .data
{
position: relative;
z-index: 3;
width: 615px;
max-width: 100%;
}
.product_info .product_title
{
font-size: var(--font_size_title);
font-weight: 700;
line-height: calc(100% + 8px);
display: block;
}
.product_info .text_block
{
margin-top: 32px;
}
.product_info .download
{
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 32px;
}
.product_info .download a
{
font-size: 14px;
line-height: 17px;
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
padding: 12px 29px;
transition: .2s linear;
text-decoration: none;
color: #797c6d;
border-radius: 4px;
background: #eaece3;
}
.product_info .download a .icon
{
display: block;
width: 16px;
height: 16px;
margin-right: 8px;
color: #9ea18e;
}
.product_info .download a:hover
{
color: #56584d;
background: #dee0d3;
}
.product_info .gallery
{
width: calc(100% - 813px);
margin-right: 38px;
margin-left: auto;
}
.product_info .gallery .big .swiper
{
border-radius: 8px;
}
.product_info .gallery .big .image
{
position: relative;
display: block;
overflow: hidden;
padding-bottom: 59.659%;
text-decoration: none;
color: currentColor;
border-radius: 8px;
background: #ddd;
}
.product_info .gallery .big .image img
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.product_info .gallery .thumbs
{
margin-top: 50px;
}
.product_info .gallery .thumbs .swiper
{
overflow: visible !important;
}
.product_info .gallery .thumbs .swiper-slide
{
position: relative;
visibility: hidden;
transition: opacity .2s linear, visibility .2s linear;
pointer-events: none;
opacity: 0;
}
.product_info .gallery .thumbs .swiper-slide.visible
{
visibility: visible;
pointer-events: auto;
opacity: 1;
}
.product_info .gallery .thumbs .image
{
position: relative;
display: block;
overflow: hidden;
padding-bottom: 100%;
cursor: pointer;
transition: opacity .2s linear;
text-decoration: none;
opacity: .45;
color: currentColor;
border-radius: 8px;
background: #ddd;
}
.product_info .gallery .thumbs .image img
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.product_info .gallery .thumbs .swiper-slide-thumb-active .image
{
opacity: 1;
} .contacts_info
{
margin-bottom: 293px;
}
.contacts_info .data
{
width: 396px;
max-width: 100%;
}
.contacts_info .block_head
{
margin-bottom: 44px;
}
.contacts_info .info
{
opacity: .8;
}
.contacts_info .info > * + *
{
line-height: 150%;
margin-top: 12px;
}
.contacts_info .info a
{
white-space: nowrap;
text-decoration: none;
color: currentColor;
}
.contacts_info .info .email a
{
margin-left: 5px;
color: #797c6d;
}
.contacts_info .info .phone a
{
margin-left: 5px;
}
.contacts_info .socials
{
margin-top: 44px;
}
.contacts_info .socials > *
{
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: flex-start;
}
.contacts_info .socials > * + *
{
margin-top: 17px;
}
.contacts_info .socials a
{
font-size: 15px;
font-weight: 500;
line-height: 160%;
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
text-decoration: none;
color: rgba(24, 25, 20, .8);
}
.contacts_info .socials a .icon
{
display: block;
width: 24px;
height: 24px;
margin-right: 8px;
color: #9ea18e;
}
.contacts_info .socials a span
{
max-width: calc(100% - 32px);
}
.contacts_info .image
{
width: calc(100% - 520px);
margin-left: auto;
}
.contacts_info .image img
{
display: block;
width: 100%;
min-height: 300px;
border-radius: 8px;
object-fit: cover;
} footer
{
padding: 58px 0;
}
footer .cont
{
justify-content: space-between;
}
footer .cont + .cont
{
margin-top: 54px;
}
footer .logo
{
margin-right: auto;
}
footer .logo img
{
display: block;
max-width: 100%;
max-height: 100%;
}
footer .title
{
font-size: 20px;
font-weight: 700;
margin-bottom: 16px;
letter-spacing: -.232px;
color: #9ea18e;
}
footer .links
{
margin-left: 124px;
}
footer .links .items
{
font-size: 15px;
line-height: 192.6%;
padding-right: 13px;
}
footer .links .items li{
list-style: none;
}
footer .links .items a
{
display: inline-block;
vertical-align: top;
text-decoration: none;
color: currentColor;
}
footer .socials
{
min-width: 102px;
margin-left: 124px;
}
footer .socials .items > *
{
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: flex-start;
}
footer .socials .items > * + *
{
margin-top: 17px;
}
footer .socials a
{
font-size: 15px;
font-weight: 500;
line-height: 160%;
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
text-decoration: none;
color: rgba(24, 25, 20, .8);
}
footer .socials a .icon
{
display: block;
width: 24px;
height: 24px;
margin-right: 8px;
color: #9ea18e;
}
footer .socials a span
{
max-width: calc(100% - 32px);
}
footer .copyright
{
font-size: 15px;
font-weight: 500;
margin-right: auto;
letter-spacing: -.205px;
color: #9ea18e;
}
footer .terms_conditions_link,
footer .privacy_policy_link
{
font-size: 15px;
font-weight: 500;
margin-left: 124px;
color: #9ea18e;
}
footer .terms_conditions_link
{
min-width: 156px;
}
footer .privacy_policy_link
{
min-width: 102px;
}
footer .terms_conditions_link a,
footer .privacy_policy_link a
{
text-decoration: none;
opacity: .8;
color: currentColor;
}
#myVideo{
min-width: 100%;
min-height: 100%;
}
#myVideo:has(+ .cont){
position: fixed;
}
.modal
{
color: var(--text_color);
display: none;
visibility: visible !important;
width: 328px;
max-width: 100%;
padding: 50px 40px;
border-radius: 8px;
background: #fff;
}
.modal  .title
{
font-size: 18px;
font-weight: 500;
line-height: calc(100% + 4px);
margin-bottom: 14px;
letter-spacing: 3.15px;
text-transform: uppercase;
color: #9ea18e;
}
.modal  .desc
{
font-size: 24px;
font-weight: 700;
line-height: 29px;
display: block;
}
.modal  .desc2{
margin-top: 14px;
font-size: var(--font_size);
line-height: 150%;
}
.wpcf7 form .wpcf7-response-output{
display: none !important;
}
.nice-select{
display: none;
width: 100%;
}
#nice{
display: none;
}
.image-caption{
margin-top: 17px;
text-align: center;
}
.image-caption-small{
margin-top: 7px;
text-align: center;
font-size: 15px;
}
.title_new{
color: #797C6D;
margin-bottom: 30px;
}
.mobile_views{
display: none;
}
.mobile_views {
padding: 8px 0;
color: #797c6d;
background: #eaece3;
padding: 15px 0;
}
.mobile_views .phone {
font-size: 16px;
font-weight: 700;
line-height: 16px;
}
.mobile_views .phone a {
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
text-decoration: none;
color: currentColor;
}
.mobile_views .phone .icon {
display: block;
width: 16px;
height: 16px;
margin-right: 8px;
}
.mobile_views .email, .mobile_views .location {
width: 100%;
margin-top: 10px;
margin-left: 0;
}
.mobile_views .email a {
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
text-decoration: none;
color: currentColor;
}
.mobile_views .location {
font-size: 14px;
line-height: 16px;
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: auto;
color: #797c6d;
text-decoration: none;
}
.mobile_views .location .icon {
display: block;
width: 16px;
height: 16px;
margin-right: 8px;
}
.mobile_views .email .icon {
display: block;
width: 16px;
height: 16px;
margin-right: 8px;
} .wp-video {
position: relative;
width: 100%;
padding-top: 100%;
overflow: hidden;
}
.wp-video video,
.wp-video .wp-video-shortcode,
.wp-video .mejs-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
}