/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0 0 0 1px;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: 'â†';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: 'â†';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
body{font-family: "Inter", sans-serif;font-style: normal;font-weight: 400;color: #3B454F;}
.color-neutral300{color:#C9CCCF;}
.color-neutral400,.color_neutral400{color:#8A9199;}
.color-neutral700{color:#29333D;}
.color-neutral600{color:#3B454F;}
.container{overflow:hidden;}
a{text-decoration:none; color:#2EBDFD;}
a:hover{text-decoration:none; color:#71D1FD;}
.blog_section a{text-decoration:underline; color:#307BB8;}
.blog_section a:hover{text-decoration:underline; color:#2EBDFD;}
.title_text_block_table a{text-decoration:underline; color:#fff;}
.title_text_block_table a:hover{text-decoration:underline; color:#71D1FD;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: 700;
color: #29333D;
font-family: "Inter", sans-serif;
margin-bottom:0px;
}
h1, .headlines_h1{
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 60px;
letter-spacing: -1.2px;
}
h2, .headlines_h2{
font-size: 45px;
font-weight: 700;
line-height: 50px;
letter-spacing: -0.01em;
}
h3,.headlines_h3{
font-size: 30px;
font-weight: 700;
line-height: 35px;
letter-spacing: -0.005em;}
h4, .headlines_h4{
font-size: 22px;
font-weight: 600;
line-height: 30px;
}
h5,.headlines_h5{
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
h6,.headlines_h6 {
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
text-transform:none;
}
.subtitle_1{
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.subtitle_2{
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
p,.body_text{
font-size: 16px;
line-height: 30px;
margin-bottom:0px;
}
.small_text{
font-size: 14px;
line-height: 20px;
}
.labels_overline{
font-size: 12px;
font-weight: 700;
line-height: 20px;
letter-spacing: 3px;
text-transform: uppercase;
}
.caption_l{
font-size: 15px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.3px;
text-transform: uppercase;
}
@media (max-width: 991px) {
h1, .headlines_h1{
font-size: 30px;
font-weight: 700;
line-height: 35px;
letter-spacing: -0.005em;
}
h2,.headlines_h2{
font-size: 30px;
font-weight: 700;
line-height: 35px;
letter-spacing: -0.005em;
}
h3,.headlines_h3{
font-size: 22px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0em;
}
h4,.headlines_h4{
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
h5,.headlines_h5{
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.subtitle_2,.subtitle_1 {
font-size: 16px;
line-height: 30px;
}
.caption_l{
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.28px;
text-transform: uppercase;
}
}
/* HEADER section */
@media (min-width: 992px) {
.main_menu{
width:100%;
justify-content: center;
}
.header_section{
z-index:10;
width:100%;
position:absolute;
top:0;
left: 50%;
transform: translateX(-50%);
max-width:1920px;
padding:0px 60px;
}
.header_top_v2{
display: flex;
height: 60px;
padding: 20px 0px;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.header_top_contacts,.header_top_contact_item{
display: flex;align-items: center;gap: 15px;
}
.header_mob_menu_2,.header_mob_contacts{
display:none;
}
.header_top_menu{display: flex;align-items: center;gap: 20px;}
.header_top_menu a{opacity:0.75;}
.header_icon_list_mobile{display:none;}
.header_bottom_v2{
display: flex;
height: 120px;
align-items: center;
justify-content: space-between;
gap:30px;
}
.main_menu_list{
display: flex;
justify-content: flex-start;
align-items: center;
}
.main_menu_list{
margin-bottom:0px;
padding-left: 0rem;
}
.main_menu_list>li{list-style:none;
padding: 0px 0px 10px 0px;
}
.main_menu_list>li>.nav-link-wrapper>a,.main_menu_list>li>a{list-style:none;
color:#FFF;
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.28px;
text-transform: uppercase;
padding: 0px 0px;
}
li.dropdown:hover>.dropdown-menu{
display:block;
}
.nav-link-wrapper{display: flex;
padding: 10px 10px 10px 15px;
align-items: center;
gap: 5px;}
.main_menu_list>li>a{display: flex;
padding: 10px 15px 10px 15px;
align-items: center;
gap: 5px;}
.main_menu li:hover>.nav-link-wrapper,.main_menu li:hover>a{
border-radius: 5px;
background: rgba(255, 255, 255, 0.10);
}
.dropdown-menu{
margin-top:10px;
position: absolute;
z-index: 1000;
display: none;
min-width: 300px;
padding: 10px;
text-align: left;
list-style: none;
border-radius: 10px;
background: rgba(71, 81, 90, 0.75);
backdrop-filter: blur(30px);
border: 0px ;
}
.dropdown-menu li>a{
color:#fff;
display: flex;
height: 40px;
padding: 10px;
align-items: center;
gap: 5px;
align-self: stretch;
border-radius: 5px;
opacity: 0.75;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-transform:none;
}
.dropdown-menu li:hover>a{opacity: 1;}
.dropdown-menu li>.nav-link-wrapper{
display: flex;
height: 40px;
padding: 10px;
align-items: center;
gap: 5px;
align-self: stretch;
border-radius: 5px;
justify-content: space-between;
}
.dropdown-menu li>.nav-link-wrapper img,.dropdown-menu li>.nav-link-wrapper .custom-icon14{transform: rotate(-90deg);}
.dropdown-menu li>.nav-link-wrapper>a{
color:#fff;
opacity: 0.75;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-transform:none;
padding:0px;
}
.dropdown-menu li:hover>a{opacity: 1;}
.dropdown-menu .dropdown-menu{top:-10px;left:290px;min-height: 100%;background: rgba(71, 81, 90, 1);}
li.menu-12:hover>.dropdown-menu{
display: grid;
grid-template-columns: repeat(3, 1fr); /* Устанавливаем 3 равные колонки */
gap: 0px 10px; /* Расстояние между элементами */
max-width: 400px;
}
a.btn_main_icon{
display: flex;
height: 45px;
padding: 0px 30px 0px 20px;
align-items: center;
gap: 10px;
min-width: max-content;
}
.mobile_menu_btn{display:none;}
.main_menu_inner{
display:flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
width:100%;
}
.header_mob_follow_us{
display: flex;
align-items: center;
justify-content: flex-end;
}
.header_mob_follow_us_item{
display: flex;
height: 50px;
width: 50px;
justify-content: center;
align-items: center;
border-radius:50%;
}
.header_mob_follow_us_item:hover{
background: #ffffff10;
}
}
@media (max-width: 1400px) {.header_mob_follow_us{
display:none;
}
}
@media (min-width: 1850px) {
.site_logo{width:207px;}
.navbar-expand-lg .navbar-collapse{justify-content: center;}
.main_menu_inner,.main_menu{
min-width:1300px;
max-width:1300px;
}
}
@media (max-width: 991px) {
.header_section{
z-index:10;
width:100%;
position:absolute;
top:0;
}
.header_mob_follow_us{
display:none;
}
.no-scroll {
overflow: hidden;
position: fixed;
width: 100%;
}
.header_top_v2{display:none;}
.main_menu_list{
margin-bottom:0px;
padding: 15px 0px;
width: 100%;
}
.main_menu_list>li{list-style:none;
padding: 0px;
width: 100%;
}
.nav-link-wrapper{display:flex;justify-content: space-between;}
.main_menu_list>li>a{display:block;}
.nav-link-wrapper .nav-link,.main_menu_list>li>a{
padding: 10px 0px;
height: 40px;
}
.main_menu_list>li>.nav-link-wrapper>a,.main_menu_list>li>a{list-style:none;
color:#FFF;
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.28px;
text-transform: uppercase;
}
.header_bottom_v2{
display: flex;
height: 60px;
padding: 10px;
justify-content: center;
align-items: center;
flex-shrink: 0;
justify-content: space-between;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.site_logo{order:2;height: 40px;}
.site_logo img{height: 100%;}
.main_menu{order:1;}
.btn_main.btn_main_icon{order:3;max-width:40px;max-height:40px;background:inherit!important;border:none;}
.btn_main_icon span.headlines_h6{display:none;}
.mobile_menu_btn{
width:40px;
height:40px;
border:0px;
background:inherit;
padding:0px;
}
.main_menu_inner{display:none;}
.main_menu.open .main_menu_inner{
position:fixed;
top:60px;
left:0px;
width:100%;
height:100%;
background:#3B454F;
display: flex;
padding: 20px 30px 130px 30px;
flex-direction: column;
align-items: flex-start;
overflow:scroll;
}
.header_mob_contacts,.header_mob_menu_2{
display: flex;
width: 100%;
padding: 15px 0px;
flex-direction: column;
align-items: flex-start;
border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.header_top_contact_item, .header_mob_menu_2 a{
display: flex;
height: 40px;
align-items: center;
gap: 15px;
}
.menu-link-4{display:none;}
.dropdown.open>.dropdown-menu{
display:flex;
flex-direction: column;
position:relative;
}
.dropdown.open>.nav-link-wrapper>img,.dropdown.open>.nav-link-wrapper>.custom-icon14{transform:rotate(-180deg);}
.dropdown-menu {
min-width: 10rem;
padding: 0px 0px 0px 15px;
margin: 0;
color: #FFF;
text-align: left;
list-style: none;
background: inherit;
background-clip: padding-box;
border: 0px;
}
.submenu>li>a, .submenu>li>.nav-link-wrapper>a{
display: flex;
height: 40px;
padding: 10px 0px;
align-items: center;
gap: 5px;
align-self: stretch;
color:#FFF;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-transform:none;
}
li.menu-12.open>.dropdown-menu{
display: grid;
grid-template-columns: repeat(2, 1fr); /* Устанавливаем 3 равные колонки */
gap: 0px 10px; /* Расстояние между элементами */
}
}
/* BANNER section */
.banner_map_wrapper{position:relative;
margin:0 auto;
max-width:1920px;
height:810px;
}
.container_banner_boby{
padding-top:240px;
display: flex;
justify-content: space-between;
}
.banner_right_block{
display: flex;
flex-direction: column;
justify-content: space-between;
max-width:360px;
}
.banner_right_address{
text-align: right;
display: flex;
padding: 30px;
flex-direction: column;
align-items: flex-end;
gap: 20px;
align-self: stretch;
background: rgba(0, 0, 0, 0.10);
min-width:320px;
}
.banner_left_block{
display: flex;
max-width: 635px;
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.banner_map_left_bg_text{
position:absolute;
top:240px;
left:0px;
}
.banner_map_right_bg_text{
position:absolute;
top:240px;
right:0px;
}
.banner_h1{
color: #FFF;
font-family: "Montserrat","Inter", sans-serif;
font-size: 64px;
font-style: normal;
font-weight: 800;
line-height: 75px;
text-transform: uppercase;
}
.banner_buttons{
display: flex;
padding-top: 15px;
align-items: flex-start;
gap: 15px;
}
.btn_main{
display: flex;
height: 50px;
padding: 10px 30px;
align-items: center;
gap: 10px;
border: 2px solid #007BC5;
border-radius: 50px;
background: #007BC5;
color: #FFF;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.3px;
text-transform: uppercase;
justify-content: center;
}
.btn_border_line{
display: flex;
height: 50px;
padding: 10px 30px;
align-items: center;
gap: 10px;
border-radius: 50px;
border: 2px solid #007BC5;
color: var(--Neutrals-White, #FFF);
text-align: center;
font-family: "Inter", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.3px;
text-transform: uppercase;
justify-content: center;
}
.btn_main:hover,.btn_border_line:hover{
background:#2EBDFD;
color:#FFF;
border: 2px solid #2EBDFD;
box-shadow: 0px 10px 30px 0px rgba(3, 169, 244, 0.33);
}
@media (max-width: 1700px) {
.banner_map_left_bg_text,.banner_map_right_bg_text{display:none;}
}
.banner_map_point_wrapper{
position:absolute;
width:64px;
height:64px;
border-radius:50px;
background-color:rgba(3, 169, 244, 0.15);
top:547px;
left:50%;
display:flex;
margin-left:-32px;z-index:1;
}
.banner_map_point{
width:16px;
height:16px;
border-radius:50px;
background-color:#03A9F4;
margin:auto;
}
.banner_map_point_line{width: 1px;
height: 400px;
background: rgba(255, 255, 255, 0.15);
position: absolute;
top: 580px;
left: 50%;
margin-left: -0.5px;}
.banner_section{
background-position: top center;
background-repeat: no-repeat;
background-color:#3B454F;
}
.benefits_car_wash_body{
position:relative;
display:flex;
justify-content: space-between;
align-items: flex-start;
padding-bottom:90px;
}
.benefits_car_wash_body_img{
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:1;
}
.benefits_car_wash_body_img img{
width: 100%;
height: 100%;
object-fit: contain;
}
.benefits_car_wash_items_left,.benefits_car_wash_items_right{
z-index:2;
display: flex;
width: 255px;
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.benefits_car_wash_item{
display: flex;
padding-bottom: 15px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.benefits_car_wash_items_right .benefits_car_wash_item{align-items: flex-end;}
.banner_right_reviews{display: flex;
height: 50px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
align-self: stretch;
}
.banner_right_reviews .google_stars_plp{background-color: #E4E6E740;}
.breadcrumb_nav {padding-left: 0rem;display: flex;margin-bottom: 0rem;}
.breadcrumb_nav li{list-style: none;display: flex;padding: 10px 5px;align-items: center;gap: 10px;}
.breadcrumb_nav li a{color: #C9CCCF; white-space: nowrap;}
.breadcrumb_nav li a:hover{color: #FFFFFF;}
.breadcrumb_nav_li:nth-last-child(2) span.custom-icon14 {
display: none;
}
.benefits_car_wash_mob_line{display:none;}
@media (max-width: 991px) {
.banner_section{
background-position: center 145px;
background-size: 1100px;
}
.banner_map_wrapper{
height:740px;
}
.banner_map_point_line{display:none;}
.banner_map_point_wrapper{top: 445px;}
.breadcrumbs{height:40px;overflow: auto;max-width: 100%;}
.container_banner_boby{
padding:0px 20px;
padding-top: 90px;
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
gap:150px;
}
.banner_left_block {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
min-height:260px;
width: 100%;
max-width: 500px;
}
.banner_h1{
text-align: center;
font-size: 30px;
font-weight: 800;
line-height: 40px;
height: 80px;
display: flex;
align-content: center;
align-items: center;
}
.banner_right_address {
display: flex;
padding: 20px;
flex-direction: column;
align-items: center;
gap: 10px;
align-self: stretch;
background: rgba(0, 0, 0, 0.10);
}
.banner_right_address .headlines_h5{font-size: 18px;}
.banner_right_block{gap:15px;max-width: 100%;width: 100%;}
.banner_buttons{gap:10px;width:100%; padding-top:0px;display: flex;flex-direction: column;}
.btn_border_line,.btn_main{font-size: 15px;letter-spacing: 0.28px;padding: 10px 30px;flex:1;width:100%;min-height: 50px;}
.benefits_car_wash_mob_line{
display:block;
width:1px;
height:170px;
background:#8A9199;
z-index:2;
margin-top:330px;
}
.benefits_car_wash_body_img{
position:absolute;
top:0px;
width:100%;
height:300px;
overflow:hidden;
z-index:1;
}
.benefits_car_wash_body_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.benefits_car_wash_body{gap:20px;padding-bottom:20px;}
.benefits_car_wash_items_left,.benefits_car_wash_items_right{
z-index:2;
margin-top:330px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.benefits_car_wash_item{
padding-bottom: 0px;
flex-direction: column;
align-items: flex-end;
gap: 0px;
align-self: stretch;
border-bottom: 0px;
}
.benefits_car_wash_items_right .benefits_car_wash_item{align-items: flex-start;}
.benefits_car_wash_item .labels_overline{
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-transform:none;
letter-spacing: 0px;
}
.benefits_car_wash_item .headlines_h3{
font-size: 18px;
}
}
@media (max-width: 600px) {
.benefits_car_wash_container{
padding:0px;
}
.benefits_car_wash_body_img{height:250px;}
.benefits_car_wash_items_left,.benefits_car_wash_items_right,.benefits_car_wash_mob_line{margin-top:280px;}
}
/* SERVICE PRICES */
.service_prices{
padding: 90px 0px 110px 0px;
background: radial-gradient(44.53% 100% at 50% 100%, #5D6771 0%, #3B454F 100%);
border-bottom:10px solid #3B454F;
display: flex;
flex-direction: column;
gap: 90px;
}
.container_service_prices{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 45px;
max-width:1110px;
align-items: center;
}
.service_prices_title, .brands_use_title{
display: flex;
flex-direction: column;
gap: 30px;
width: 100%;
max-width:930px;
}
.service_prices_body{
display: flex;
align-items: stretch;
gap: 10px;
align-self: stretch;
}
.service_prices_item{
display: flex;
flex:1;
padding: 60px 30px;
flex-direction: column;
align-items: center;
gap: 30px;
flex: 1 0 0;
background: rgba(255, 255, 255, 0.05);
}
.service_prices_item_img{
position:relative;
overflow:hidden;
}
.service_prices_item_img img, .service_prices_item_img .service_prices_item_img_bg{
position:absolute;
top:0px;
width:100%;
height:100%;
background-position: -50px center;
background-size: cover;
background-repeat: no-repeat;
}
.service_prices_head,.service_prices_title_block{
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
align-self: stretch;
}
.service_prices_text_block{
display: flex;
padding: 0px 30px;
flex-direction: column;
align-items: center;
gap: 30px;
align-self: stretch;
}
.service_prices_text ul{
margin-bottom:0px;
display: flex;
flex-direction: column;
gap: 5px;
padding-left: 20px;
}
.service_prices_btn{
color:#FFF;
display: flex;
height: 50px;
padding: 10px 30px;
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
border-radius: 50px;
background: #03A9F4;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 142.857% */
letter-spacing: 0.28px;
text-transform: uppercase;
}
.service_prices_btn:hover{background: #29B6F6;color:#FFF;}
.service_prices_head img,.service_prices_head .service_prices_head_img{
width:90px;
height:90px;
}
@media (max-width: 991px) {
.service_prices{padding: 40px 0px 40px 0px;border-bottom:0px solid #3B454F;}
.container_service_prices{padding: 0px 20px; gap:30px;}
.service_prices{gap:40px;}
.service_prices_title .headlines_h1{font-size: 30px;
font-weight: 700;
line-height: 35px;
letter-spacing: -0.15px;}
.service_prices_title .headlines_h3{
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
.service_prices_title, .brands_use_title {display: flex;gap: 20px;}
.service_prices_body{gap: 20px;}
.service_prices_item{padding: 20px;gap: 20px;}
.service_prices_head{
padding:0px;
flex-direction: row-reverse;
align-items: center;
align-self: stretch;
justify-content: space-between;
}
.service_prices_head img,.service_prices_head .service_prices_head_img{
width:60px;
height:60px;
}
.service_prices_item_img{
position:relative;
overflow:hidden;
min-height:360px;
padding:0px;
}
.service_prices_item_img img,.service_prices_item_img .service_prices_item_img_bg{
position:absolute;
height:360px;
}
.service_prices_title_block{padding:0px;gap: 0px;align-items: flex-start;}
.service_prices_text_block{padding:0px;gap: 20px;align-items: flex-start;}
.service_prices_btn{
margin:0 auto;
height: 45px;
padding: 10px 20px;
width:100%;
max-width:300px;
}
.service_prices_text ul{
margin-bottom:0px;
display: flex;
flex-direction: column;
padding-left: 20px;
}
.service_prices_text ul li,.service_prices_text p, .service_prices_text{
font-size: 14px;
line-height: 20px; /* 142.857% */
}
}
@media (max-width: 767px) {
.service_prices_body{
flex-direction: column;
}
.service_prices_item_img{
position:relative;
overflow:hidden;
min-height:360px;
padding:0px;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
}
.service_prices_item_img img, .service_prices_item_img .service_prices_item_img_bg{
position: relative;
height: 360px;
left: auto;
background-position: center;
background-size: 518px 360px;
}
}
/* Steps work */
.steps_work{
padding:90px 0px;
background-color:#F7F7F8;
}
.steps_work_body{
padding-top:20px;
display: flex;
align-items: flex-start;
gap: 30px;
align-self: stretch;
position:relative;
}
.steps_line{
position:absolute;
width:100%;
height:1px;
top:220px;
background: #03A9F4;
z-index:0;
}
.steps_work_item{
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
flex:1;
}
.steps_work_text_block{
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
align-self: stretch;
}
.steps_work_text_block .steps_work_text,.steps_work_text_block .steps_work_name{text-align:center;display:block;}
.steps_work_img img,.steps_work_img .steps_work_img_bg{
width:100%;
max-width:150px;
max-height:150px;
border-radius:100px;
aspect-ratio:1/1;
}
.steps_work_img {
display: flex;
min-height: 220px;
max-height: 220px;
width: 100%;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.steps_work_idx{
margin:0 auto;
margin-top:30px;
display: flex;
width: 40px;
height: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 32.5px;
background-color: #03A9F4;
font-size: 18px;
color:#fff;
font-weight: 600;
z-index: 2;
background-repeat: no-repeat;
background-position: center;
background-size: 14px 14px;
}
@media (max-width: 991px) {
.container_steps_work{padding:0px 20px;}
.steps_work{padding:40px 0px;}
.steps_work_body{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.steps_work_item{
display: flex;
padding-top: 10px;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
align-self: stretch;
flex-direction: row;
}
.steps_work_text_block{
align-items: flex-start;
gap: 5px;
}
.steps_work_text_block .steps_work_text,.steps_work_text_block .steps_work_name{text-align:left;display:block;}
.steps_work_text_block .steps_work_text{font-size: 14px;line-height: 20px;}
.steps_work_img img,.steps_work_img .steps_work_img_bg{
width:100%;
max-width:60px;
max-height:60px;
border-radius:100px;
}
.steps_work_img {
position:relative;
display: flex;
min-width: 60px;
max-width: 60px;
min-height:60px;
max-height:60px;
flex-direction: column;
justify-content: space-between;
}
.steps_work_idx{
position:absolute;
margin:0 auto;
top:-10px;
left:20px;
display: flex;
width: 20px;
height: 20px;
padding-top:1px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 32.5px;
background-color: #03A9F4;
font-size: 14px;
color:#fff;
font-weight: 600;
z-index: 2;
background-repeat: no-repeat;
background-position: center;
background-size: 12px 12px;
}
.steps_line{
position:absolute;
width:1px;
height:85%;
top:30px;
left:30px;
background: #03A9F4;
z-index:0;
}
}
/* Services CAROUSEL */
.service_details{
padding-bottom:60px;
padding-top:90px;
}
.service_card_layout{}
.service_card_layout a{position:relative; overflow:hidden;width:100%;display:block;background:#F7F7F8;}
.service_card_layout a .item_title{position:absolute;top:20px;left:20px;max-width:70%;}
.service_card_layout a img{
width: 100%;
height: auto;
aspect-ratio: 35 / 24;
object-fit: cover;
}
.service_details .slick-slide {
margin: 0 15px;
}
@media (max-width: 991px) {
.service_details{padding-bottom:10px;padding-top:40px;}
.container_service_details{padding:0px 20px;}
.service_card_layout a{aspect-ratio: 1/1!important;}
.service_card_layout a img{
width: 100%;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
}
.service_details .slick-slide {
margin: 0 5px;
}
.service_card_layout a .item_title{position:absolute;top:10px;left:10px;max-width:70%;font-size: 14px;font-weight: 600;line-height: 20px;}
}
/* FAQ */
.faq_wrapper{
padding-bottom:90px;
}
.qa-container{
display: flex;
flex-direction: column;
align-items: center;
gap: 45px;
align-self: stretch;
}
.faq_title{
display: flex;
flex-direction: column;
gap: 15px;
align-self: stretch;
}
.qa-items{width:100%;}
.qa-item-answer{display:none;padding-bottom:15px;}
.qa-item-question{cursor:pointer;
padding-bottom:15px;
position:relative;
}
.qa-item{
display: flex;
padding: 15px 0px 0px 60px;
flex-direction: column;
align-items: flex-start;
/*gap: 15px;*/
align-self: stretch;
}
.qa-item-question::before {
content: "";
position: absolute;
left: -60px;
top: -10px;
transform: rotate(-90deg);
width: 50px;
height: 50px;
background-image: url('data:image/svg+xml;charset=UTF-8,'); /* URL-кодированное SVG */
transition: transform 0.3s ease-in-out;
background-repeat:no-repeat;
background-position: center;
transform: rotate(0deg);
border-radius: 60px;
}
.qa-item-question.active::before {
transform: rotate(90deg);
background-color: #F7F7F8;
}
@media (max-width: 991px) {
.faq_wrapper{
padding-bottom:40px;
padding-top:40px;
border-top: 1px solid #C9CCCF;
}
.faq_wrapper .container{
padding: 0 20px;
}
.qa-item-answer p{
font-size: 14px;
line-height: 20px;
}
.qa-container{gap: 20px;}
.qa-item{
display: flex;
padding: 15px 0px 0px 30px;
flex-direction: column;
align-items: flex-start;
/*gap: 15px;*/
align-self: stretch;
}
.qa-item-question::before {
content: "";
position: absolute;
left: -30px;
top: 0px;
transform: rotate(-90deg);
width: 25px;
height: 25px;
background-image: url('data:image/svg+xml;charset=UTF-8,'); /* URL-кодированное SVG */
transition: transform 0.3s ease-in-out;
background-repeat:no-repeat;
background-position: center;
transform: rotate(0deg);
border-radius: 60px;
}
}
/* CONTENT */
.content_bottom{
display: flex;
flex-direction: column;
gap: 30px;
padding-bottom:90px;
}
.content_bottom,.content_bottom p{
font-size:18px;
}
@media (max-width: 991px) {
.content_bottom{
gap: 20px;
padding-bottom:40px;
}
.content_bottom,.content_bottom p{
font-size:16px;
}
.container_content_bottom{
padding:0px 20px;
}
}
/* SERVICES */
.container_services{padding-bottom:90px;}
.related_service_items{
display: flex;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
gap: 10px;
align-self: stretch;
flex-wrap: wrap;
}
.service_item_content{
display: flex;
padding: 10px 15px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 40px;
border: 1px solid #C9CCCF;
}
.service_item_content:hover{
background-color:#f7f7f8;
color:#29333D;
}
@media (max-width: 991px) {
.container_services{padding-bottom:40px;}
.service_item_content{padding: 5px 10px;}
}
/* CAROUSEL CARS BRANDS */
.container_cars_brands{padding-bottom:60px;}
.carousel_cars_brands_title, .section_block_title{display: flex;flex-direction: column;gap: 15px; margin-bottom:45px;}
.brands_layout {
max-width:160px;
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
white-space: nowrap;
overflow: hidden;
}
.brands_layout .item_image{
display:block;
width:90px;
height:90px;
margin: 0 auto;
}
.brands_layout .item_image img{
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
}
.brands_layout a{text-align:center;}
.brands_layout .item_title{
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 25px;
}
.slick-dots {
margin: 0;
display: flex;
position: static;
padding-top: 45px;
align-items: center;
justify-content: center;
}
.slick-dots li {
width: auto;
height: auto;
margin: 0 6px;
display: inline-block;
}
.slick-dots li button {
opacity: 1;
width: 8px;
height: 8px;
display: block;
border-radius: 6px;
padding:0px;
background-color: #E4E6E7;
}
.slick-dots li.slick-active button{
background-color: #03A9F4;
}
.slick-dots li button:before {
display:none;
}
@media (max-width: 991px) {
.container_cars_brands{padding-bottom:10px;}
.brands_layout {
max-width:106px;
display: flex;
padding:20px 10px;
gap: 10px;
}
.carousel_cars_brands_title, .section_block_title{margin-bottom:20px;}
.brands_layout .item_title{
white-space: nowrap;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.brands_layout .item_image{
display:block;
width:45px;
height:45px;
}
.slick-dots {padding-top: 20px;}
.slick-dots li {
width: auto;
height: auto;
margin: 0 2.5px;
}
.slick-dots li button {
opacity: 1;
width: 6px !important;
height: 6px!important;
display: block;
border-radius: 6px;
padding:0px;
background-color: #E4E6E7;
}
}
/* MAP */
.container_map{
display: flex;
flex-direction: column;
align-items: center;
gap: 45px;
}
@media (max-width: 991px) {
.section_map{border-top: 1px solid #C9CCCF;}
.container_map{
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.container_map{padding:40px 20px 0px 20px;}
.container_map iframe{height:240px!important;}
}
/* FOOTER */
.footer_v2{
margin-top:90px;
padding:90px 0px;
background: #3B454F;
}
.footer_v2_widget{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 30px;
padding-right: 30px;
}
.footer_v2_ul {padding-left:0px;margin-bottom:0px;}
.footer_v2_ul li{
display: flex;
padding: 10px 0px;
align-items: center;
gap: 10px;
}
.footer_v2_menu_wrapper{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.footer_v2_menu_car_brands{
display: flex;
flex-direction: row; /* Расположение элементов в ряд */
flex-wrap: wrap; /* Перенос элементов на новую строку */
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.footer_v2_menu_car_brands .footer_v2_menu_item {
width: 48%; /* Установка ширины каждого элемента, чтобы два элемента помещались в одну строку */
}
.footer_v2_menu_follow_us .footer_v2_menu_item{
display: flex;
height: 40px;
align-items: center;
gap: 10px;
text-align:right;
}
.footer_v2 a:hover{
text-decoration:underline;
}
.footer_v2_widget_follow_us{padding-right:0px;}
.footer_v2_widget_follow_us, .footer_v2_menu_follow_us{align-items: flex-end;}
.copyright{
display: flex;
justify-content: space-between;
align-items: center;
margin-top:60px;
}
.copyright_links{display: flex;align-items: flex-start;gap: 20px;}
.backtotop {
right: 15px;
z-index: 999;
bottom: 85px;
display: none;
position: fixed;
}
@media (max-width: 991px) {
.footer_v2{
margin-top:40px;
padding:40px 5px 90px 5px;
background: #3B454F;
}
.footer_v2_row{gap:30px;}
.footer_v2_widget.footer_contacts{gap: 20px;padding-right: 15px;}
.footer_v2_widget{gap: 10px;padding-right: 0px;}
.footer_v2_widget_follow_us, .footer_v2_menu_follow_us{align-items: flex-start; }
.footer_v2_menu_follow_us .footer_v2_menu_item{flex-direction: row-reverse;}
.copyright{
flex-direction: column;
gap:20px;
justify-content: space-between;
align-items: flex-start;
margin-top:30px;
}
.backtotop {
right: 15px;
z-index: 999;
bottom: 25px;
display: none;
position: fixed;
}
}
.whatsapp-button {
position: fixed;
left: 60px;
bottom: 0;
transform: translate(-50%, -50%);
background: #25D366;
border-radius: 50%;
width: 55px;
height: 55px;
color: #fff;
text-align: center;
line-height: 53px;
font-size: 35px;
z-index: 9999;
}
.whatsapp-button a {
color: #fff;
}
.whatsapp-button:before,
.whatsapp-button:after {
content: " ";
display: block;
position: absolute;
border: 50%;
border: 1px solid #25D366;
left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
border-radius: 50%;
animation: animate 1.5s linear infinite;
opacity: 0;
backface-visibility: hidden;
}
.whatsapp-button:after{
animation-delay: .5s;
}
@keyframes animate
{
0%
{
transform: scale(0.5);
opacity: 0;
}
50%
{
opacity: 1;
}
100%
{
transform: scale(1.2);
opacity: 0;
}
}
@media (max-width : 800px) {
.whatsapp-button {
bottom: 5px;
left: 40px;
}
.whatsapp-button {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 25px;
}
}
/* Back To Top - Start
================================================== */
.backtotop {
right: 15px;
z-index: 999;
bottom: 80px;
display: none;
position: fixed;
}
.backtotop .scroll {
z-index: 1;
width: 40px;
height: 40px;
display: flex;
font-size: 14px;
position: relative;
align-items: center;
border-radius: 100%;
color: #000323;
justify-content: center;
background-color: #ffffff;
box-shadow: 0px 10px 33.25px 1.75px rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
.backtotop {
right: 15px;
z-index: 999;
bottom: 25px;
display: none;
position: fixed;
}
}
/* Back To Top - End
================================================== */
/* Reviews START */
@media (min-width: 992px) {
#googleReview .col-lg-4{
padding-right:8px;
}
#googleReview .col-lg-8{
padding-left:8px;
}
}
.section_google_rveview{
padding-bottom:80px;
background-color:#F7F7F8;
}
.google_review{
display: flex;
padding: 0px 60px;
flex-direction: column;
align-items: flex-start;
gap: 30px;
align-self: stretch;
}
.google_review_text{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.btn_reviews{
display: flex;
height: 50px;
padding: 10px 30px;
align-items: center;
gap: 10px;
border-radius: 50px;
border: 2px solid #E4E5E7;
color: #3B454F;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.3px;
text-transform: uppercase;
cursor:pointer;
justify-content: center;
}
.btn_reviews:hover{
background-color:#f1f1f2;
color:#29333D;
}
.review_items .btn_reviews{
width:100%;
}
.landing_review_h{
display: flex;
align-items: center;
gap: 15px;
}
.landing_review_h p.headlines_h5{
font-size:18px;
}
.review_items{
display: flex;
padding: 0px 60px;
flex-direction: column;
align-items: flex-start;
border-left: 1px solid #E4E5E7;
}
.count-h{
margin-bottom:10px;
}
.google_stars_plp {
height: 24px;
width: 120px;
-webkit-mask: url(/images/tpl/stars-plp.svg) no-repeat center/contain;
mask: url(/images/tpl/stars-plp.svg) no-repeat center/contain;
position: relative;
background: #ebedf2;
}
.google_stars_plp .cover {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #FBBC04;
}
.total_ratings{
display: flex;
align-items: center;
gap: 10px;
}
.review_item_body{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
align-self: stretch;
padding:20px 0px;
}
.review_item_header{
display: flex;
align-items: center;
gap: 10px;
align-self: stretch;
}
.review_item_author{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
flex: 1 0 0;
}
.review_rating{
display: flex;
gap: 10px;
align-items: center;
}
.review_item_photo, .review_item_photo img{
width:60px;
height:60px;
background:#D9D9D9;
border-radius:60px;
overflow:hidden;
}
p.review_text{margin-bottom:0px;}
#googleReview .partners_head{
margin-bottom:45px;
margin-top:90px;
}
.review_item_author .headlines_h5,.count-h.headlines_h5,.landing_review_h .headlines_h5,.google_review_text .headlines_h4, .total_ratings{color:#000;}
@media (max-width: 991px) {
.google_review_text .body_text{font-size:14px;line-height: 20px;}
.google_review{margin:20px 10px;}
#googleReview{padding: 40px 20px 0px 20px;}
#googleReview .partners_head{margin-bottom:0px;margin-top:40px;}
.review_items{
padding:10px 10px 0px 10px;
}
.section_google_rveview{padding-bottom:40px;}
.section_google_rveview .container{padding:0px 20px;}
.google_review{
display: flex;
padding: 40px 15px;
flex-direction: column;
align-items: center;
gap: 20px;
align-self: stretch;
border-radius: 3px;
border: 1px solid #E4E5E7;
}
.google_review_text {align-items: center;}
.btn_reviews{min-width:300px;}
.review_items{border-left: 0px;}
}
@media (max-width: 576px) {
#googleReview .col-12{padding:0px;}
.review_items{border-radius:0px;}
}
/* Reviews FINISH */
/* window tint serves */
.top-window-tinting-page{
background-color:#3B454F;
}
.tint-shade-levels{
padding:90px 0px;
background-color:#F7F7F8;
display:flex;
flex-direction: column;
gap:90px;
margin-bottom: 90px;
}
.container_cars_brands_top_border{
margin-top:90px;
padding-top:90px;
border-top: 1px solid #C9CCCF;
}
.tint-shade-levels-img-1{
display:block;
width:100%;
}
.tint-shade-levels-img-2{
display:none;
}
.tint-shade-levels-container{
padding:0px 0px;
}
.window_tint_types-container{
padding-bottom:90px;
border-bottom:1px solid #C9CCCF;}
.window_tint_types_items{
display:grid;
grid-template-columns: 33% 33% 33%;
}
.window_tint_types_item{
display:flex;
flex-direction: column;
gap:20px;
align-items: center;
padding:45px 15px;
}
.window_tint_types_item_1,.window_tint_types_item_2,.window_tint_types_item_3{
border-bottom:1px solid #C9CCCF;
}
.window_tint_types_item_1,.window_tint_types_item_2,.window_tint_types_item_4,.window_tint_types_item_5{
border-right:1px solid #C9CCCF;
}
.window_tint_types_item img{
max-width:135px;
}
.window_tint_types_item span{
text-align:center;
}
.window-tinting-page-lambo{
display:block;
margin:0 auto;
margin-bottom:-40px;
width:100%;
height:auto;
max-width:760px;
}
@media (max-width: 991px) {
.tint-shade-levels-container{
padding:0px 20px;
}
.window-tinting-page-lambo{
margin-bottom:-15px;
}
.container_cars_brands_top_border{
margin-top:40px;
padding-top:40px;
border-top: 1px solid #C9CCCF;
}
.tint-shade-levels{
padding:40px 0px;
gap:40px;
margin-bottom: 0px;
}
.window_tint_types-container{
padding-bottom:40px;
}
.tint-shade-levels_title .headlines_h1{
font-size: 30px;
font-weight: 700;
line-height: 1.17;
letter-spacing: -0.15px;
}
.tint-shade-levels-img-1{
display:block;
width: 100%; height: auto; aspect-ratio: 1/1; object-fit:cover; object-position: left;
}
.tint-shade-levels-img-2{
display:block;
width: 100%; height: auto; aspect-ratio: 1/1; object-fit:cover; object-position: right;
}
}
@media (max-width: 768px) {
.window_tint_types_items{
display:grid;
grid-template-columns: 50% 50%;
}
.window_tint_types_item{
display:flex;
flex-direction: column;
gap:10px;
align-items: center;
padding:10px;
}
.window_tint_types_item_1,.window_tint_types_item_2,.window_tint_types_item_3{
border-bottom:0px solid #C9CCCF;
}
.window_tint_types_item_1,.window_tint_types_item_2,.window_tint_types_item_4,.window_tint_types_item_5{
border-right:0px solid #C9CCCF;
}
.window_tint_types_item img{
width:55px;
}
.window_tint_types_item span{
font-size:14px;
line-height:20px;
display:block;
height:40px;
}
}
/* -------- tinting prices ------- */
.tinting_prices_images{
width:100%;
max-width:360px;
position:relative;
}
.tinting_prices_images .tinting_prices_img_1{
width:100%;
max-width:360px;
}
.tinting_prices_images .tinting_prices_img_2{
width:100%;
max-width:360px;
position:absolute;
top:0px;
left:0px;
}
@media (min-width: 992px) {
.tinting_prices_body{
display:grid;
grid-template-columns: 1fr 1fr; /* Две колонки равной ширины */
gap: 0px; /* Расстояние между элементами */
width: 100%; /* Для примера */
}
.tinting_prices_item_1,.tinting_prices_item_3{border-right:1px solid #8A9199;}
.tinting_prices_item_1,.tinting_prices_item_2{border-bottom:1px solid #8A9199;}
.tinting_prices_item{
display: flex;
min-height: 500px;
padding: 30px 30px 30px 30px;
flex-direction: column;
align-items: center;
gap: 15px;
flex: 1 0 0;
}
.tinting_prices_title_block{
display: flex;
padding: 0px 30px;
flex-direction: column;
align-items: center;
gap: 15px;
align-self: stretch;
}
.tinting_prices_text_block {
display: flex;
padding: 0px 30px;
flex-direction: column;
align-items: center;
gap: 30px;
align-self: stretch;
}
.tinting_prices_text{text-align:center;}
.tinting_prices_btn{width:100%;max-width:240px;font-size:15px;min-height:50px; }
}
@media (max-width: 991px) {
.container_tinting_prices .service_prices_title{padding:0px 20px;}
.container_tinting_prices{
padding:0px 0px;
}
.tinting_prices_images{
width:100%;
max-width:220px;
position:relative;
}
.tinting_prices_body {
margin: auto;
padding: 0px;
width: 100%;
box-sizing: border-box;
}
.tinting_prices_body .slick-track{display: flex;align-items: stretch;}
.tinting_prices_item {
background: #47505a;
margin: 0px 5px;
position: relative;
text-align: center;
display: flex!important;
height: auto;
padding: 20px 20px 20px 20px;
flex-direction: column;
align-items: center;
gap: 10px;
}
.tinting_prices_title_block{
display: flex;
padding: 0px 30px;
flex-direction: column;
align-items: center;
gap: 10px;
align-self: stretch;
}
.tinting_prices_text_block {
display: flex;
padding: 0px 30px;
flex-direction: column;
align-items: center;
gap: 20px;
align-self: stretch;
}
.tinting_prices_text, .tinting_prices_text p{text-align:center;font-size:14px;line-height: 20px;}
.tinting_prices_btn{width:100%;max-width:190px;font-size:13px;min-height:40px; }
}
/* WA block */
.wa_block_body{
display: flex;
padding: 45px;
align-items: center;
gap: 10px;
background: rgba(255, 255, 255, 0.05);
margin-bottom:90px;
}
.wa_block_body_text{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
flex: 1 0 0;
}
.wa_block_btn{
min-width:240px;
}
@media (min-width: 992px) {.tinting-page .wa_block_container{max-width:1110px;}}
@media (max-width: 991px) {
.wa_block_container{padding:0px 20px;}
.wa_block_body{
display: flex;
flex-direction: column;
padding: 30px;
align-items: center;
gap: 20px;
margin-bottom:40px;
}
.wa_block_body_text .subtitle_2{
font-size: 16px;
line-height: 30px;
}
.wa_block_btn{
font-size: 13px;
}
}
/* tinting_brands_container */
.brands_use_container{
padding:90px 0px;
border-bottom:1px solid rgba(255, 255, 255, 0.25);
border-top:1px solid rgba(255, 255, 255, 0.25);
margin-bottom:90px;
display: flex;
flex-direction: column;
align-items: center;
gap: 45px;
}
.brands_use_items{
display: flex;
gap:15px;
width: 100%;
justify-content: center;
}
.brands_use_items .brands_use_item{
display: flex;
padding: 0px;
justify-content: center;
align-items: center;
flex:1;
background: rgba(255, 255, 255, 0.05);
aspect-ratio: 1 / 1;
max-width:300px;
}
.brands_use_items .brands_use_item img{
width:100%;
}
@media (max-width: 991px) {
.brands_use_container{padding:40px 20px;}
.top-ppf-section .brands_use_container{margin-bottom:0px;}
}
@media (max-width: 768px) {
.brands_use_container{
border-bottom:1px solid rgba(255, 255, 255, 0.25);
border-top:1px solid rgba(255, 255, 255, 0.25);
margin-bottom:40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
.brands_use_items{
display: grid;
gap:10px;
grid-template-columns: repeat(3, 1fr); /* Устанавливаем 3 равные колонки */
width: 100%;
}
}
/* photo_gallery-content */
.photo_gallery-content{
padding: 90px 0px 110px 0px;
background: radial-gradient(50% 50% at 50% 50%, #6F777F 0%, #3B454F 100%);
}
.photo_gallery_carousel_item{
max-width:540px;
margin:0px 7.5px;
}
.photo_gallery_carousel_item_img{border-radius:3px;}
.photo_gallery_carousel_item.photo_gallery_carousel_item_text_empty{margin-bottom:30px;}
.photo_gallery_carousel_item_text{padding:30px;}
/* Photo Gallery */
.photo_gallery-content{
padding: 90px 0px 60px 0px;
background: radial-gradient(50% 50% at 50% 50%, #6F777F 0%, #3B454F 100%);
}
.photo_gallery_carousel_item{
max-width:100%;
margin:0px 7.5px;
display: flex !important;
flex-direction: column;
align-content: center;
align-items: center;
}
.photo_gallery_carousel_item a, .photo_gallery_carousel_item a img{
width:100%;
}
.photo_gallery_carousel_item a{
position: relative;
}
.photo_gallery_carousel_item_text{padding:30px;}
.photo_gallery-content {max-height:2000px;overflow:hidden;}
.photo_gallery-content .slick-nav{
display:flex;
gap:30px;
align-items: center;
align-content: center;
justify-content: center;
}
.photo_gallery-content .slick-dots{width:auto; padding-top: 0px;}
.photo_gallery-content .slickCustomBtn{
background-color: transparent;
border: 0px;
padding: 0px;
width:50px;
height:50px;
}
.photo_gallery-content .slickCustomBtn:hover{
border-radius: 50px;
background: #3B454F;
}
.photo_gallery-content #slickCustomNextBtn{
transform: rotate(180deg);
}
.photo_gallery-content .slick-dotted.slick-slider {
margin-bottom: 0px;
}
.photo_gallery-content .slick-dots li button {
background-color: #8A9199;
}
.photo_gallery-content .slick-dots li.slick-active button {
background-color: #fff;
}
.popup_video_v2{
top: 50%;
left: 50%;
z-index: 1;
position: absolute;
transform: translate(-50%, -50%);
width: 106px;
height: 106px;
font-size: 20px;
align-items: center;
border-radius: 100%;
color: #fff;
display: inline-flex;
justify-content: center;
border: 0px;
}
.popup_video_v2 span{
width: 60px;
height: 60px;
display: flex;
border-radius: 100%;
align-items: center;
justify-content: center;
background-color: #00000088;
}
.popup_video_v2 i {
margin: 0px 0 0 3px;
}
@media (max-width: 992px) {
.popup_video_v2{
font-size: 16px;
}
.popup_video_v2 svg{
margin: 0px 0 0 2px;
width:20px;
height:20px;
}
.popup_video_v2 span{
width: 40px;
height: 40px;
}
.popup_video_v2 i {
margin: 1px 0 0 2px;
}
.photo_gallery-content{
padding: 40px 0px 20px 0px;
background: radial-gradient(50% 50% at 50% 50%, #6F777F 0%, #3B454F 100%);
}
.photo_gallery_carousel_item.photo_gallery_carousel_item_text_empty{margin-bottom:20px;}
.photo_gallery_carousel_item_text{
padding:0px;
padding-top:10px;
padding-bottom:20px;
}
.photo_gallery-content .slick-nav{
justify-content: space-around;
}
}
.photo_gallery-content{
display: flex;
flex-direction: column;
gap: 60px;
}
.photo_gallery-content .headlines_h2{
margin-bottom:30px;
}
@media (max-width: 992px) {
.photo_gallery-content{
display: flex;
flex-direction: column;
gap: 30px;
}
.photo_gallery-content .headlines_h2{
margin-bottom:20px;
}
}
/* banner tinting wrapper */
.banner_tinting_wrapper{
height: 1000px;
}
.banner_section_tinting{
background-repeat: no-repeat;
background-color: #3B454F;
background-position: center top;
}
.banner_buttons_mob{display:none;}
@media (max-width: 991px) {
.banner_right_address {
display: flex;
padding: 20px;
flex-direction: column;
align-items: center;
gap: 10px;
align-self: stretch;
background: rgba(0, 0, 0, 0.10);
}
.banner_section_tinting {
background-position: center 50px;
background-size: 800px;
}
.banner_tinting_wrapper{
height: 770px;
}
.banner_buttons_pc{display:none;}
.banner_buttons_mob{display:flex;}
.banner_section_tinting .banner_right_block{
width:100%;
max-width:500px;
gap:40px;
}
.banner_tinting_wrapper .btn_main, .banner_tinting_wrapper .btn_border_line{
height:40px;font-size:13px;
}
.banner_tinting_wrapper .banner_right_address{background: #29333D;}
}
/* title_text_block */
.title_text_block_container{
display:flex;
flex-direction: column;
align-items: center;
gap:45px;
}
.title_text_block_table{
display:grid;
grid-template-columns: repeat(2, 1fr);
gap:15px;
}
.title_text_block_item{
display: flex;
padding: 45px;
flex-direction: column;
align-items: flex-start;
gap: 15px;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(30px);
}
@media (max-width: 992px) {
.title_text_block_container{
padding:0px 20px;
gap:20px;
}
.title_text_block_table{
display:grid;
grid-template-columns: repeat(1, 1fr);
gap:10px;
}
.title_text_block_item{
padding: 20px;
gap: 10px;
}
.title_text_block_item_title{
font-size: 18px;
line-height: 25px; /* 142.857% */
}
.title_text_block_item_text{
font-size: 14px;
line-height: 20px; /* 142.857% */
}
}
/* ppf_prices */
.block_prices{padding-top:90px;}
.container_ppf_prices{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 45px;
align-items: center;
}
.ppf_prices_body{
display:flex;
gap:15px;
}
.ppf_prices_item{
display: flex;
padding: 60px 20px;
flex-direction: column;
align-items: center;
flex: 1 0 0;
background: #47515A;
flex-direction: column;
align-items: center;
gap: 30px;
align-self: stretch;
}
.ppf__prices_img{width:100%;}
.ppf_prices_text_block,.ppf_prices_half_text_block{
display: flex;
flex-direction: column;
gap: 10px;
}
.ppf_prices_btn{min-height:50px;font-size:15px;max-width:240px;width:100%;}
.ppf_prices_text p{font-size: 18px;}
@media (max-width: 991px) {
.ppf_prices_text p{font-size: 16px;}
.block_prices{padding-top:40px;}
.container_ppf_prices{
gap: 20px;
}
.ppf_prices_body{
display:flex;
flex-direction: column;
gap:15px;
}
.ppf_prices_item{
display: flex;
padding: 30px 20px;
flex-direction: column;
align-items: center;
flex: 1 0 0;
background: #47515A;
flex-direction: column;
align-items: center;
gap: 20px;
align-self: stretch;
}
.ppf_prices_text_block,.ppf_prices_half_text_block{
display: flex;
flex-direction: column;
gap: 5px;
}
}
/* All services */
.all-services-container{
margin-top:45px;
display: flex;
align-items: center;
flex-direction: column;
width:100%;
}
.all-services-content{width:100%;margin-bottom:45px;display:none;}
.btn-all-services, .btn-outlined{
display: flex;
min-height: 50px;
padding: 0px 15px 0px 30px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 50px;
border: 2px solid #47515A;
width:100%;
max-width:360px;
cursor:pointer;
}
.btn-all-services:hover, .btn-outlined:hover{
border: 2px solid #47515A;
background: #47515A;
}
.btn-all-services img{transform: rotate(-90deg);}
.all-services-list{
margin-top:45px;
display:flex;
gap: 30px;
}
.all-services-list ul{
flex:1;
margin-bottom:0px;
padding-left: 1.5rem;
}
.all-services-list ul li{
font-size: 16px;
line-height: 30px;
margin-bottom:10px;
}
@media (max-width: 991px) {
.all-services-container{
margin-top:20px;
padding:0px 20px;
}
.all-services-content{width:100%;margin-bottom:20px;display:none;}
.all-services-list{
margin-top:20px;
display:flex;
flex-direction: column;
gap:0px
}
}
/* protection from container */
.protection_from_container{
margin-top:60px;
display: flex;
flex-direction: column;
gap:30px;
}
.protection_from_container .protection_from_title{text-align:center;}
.protection_from_items{
display: flex;
gap:15px;
}
.protection_from_item{
display: flex;
padding: 30px;
flex-direction: column;
align-items: flex-start;
gap: 15px;
flex: 1 0 0;
align-self: stretch;
background: #47515A;
}
.protection_from_item_text{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.protection_from_item_img{
width:50px;
height:50px;
}
@media (max-width: 991px) {
.protection_from_container{
margin-top:40px;
gap:20px;
padding:0px 20px;
}
.protection_from_container .protection_from_title{
text-align:left;
font-size: 22px;
font-weight: 600;
line-height: 30px;}
.protection_from_items{
display: flex;
flex-direction: column;
gap:10px;
}
.protection_from_item{
display: flex;
padding: 15px 20px;
align-items: flex-start;
flex-direction: row-reverse;
gap: 20px;
align-self: stretch;
background: #47515A;
justify-content: space-between;
}
.protection_from_item img,.protection_from_item_img{
width:40px;
height:40px;
}
.protection_from_item_text{
gap: 5px;
}
.protection_from_item_text .subtitle_2{
font-size: 14px;
line-height: 20px;
}
}
/* Banner PPF */
.banner_section_ppf{
background-repeat: no-repeat;
background-color: #3B454F;
background-position: center top;
}
.banner_ppf-hero-car-img{
position: absolute;
top: 500px;
height: 815px;
left: 0px;
z-index: 1;
display: flex;
width:100%;
align-items: center;
overflow:hidden;
}
.banner_ppf-hero-car-img img{width:100%;}
.container_ppf_banner_boby,.banner_bottom_block{position:relative;z-index: 5;}
.banner_ppf_wrapper {
height: auto;
}
.banner_body_wrapper{display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
gap:300px;
padding-bottom:60px;
}
.banner_bottom_block{
display:flex;
gap:15px;
align-items: flex-end;
}
.banner_bottom_block_left,.banner_bottom_block_right{
width:50%;box-sizing: border-box;
}
.banner_bottom_block_left{
padding-right:40px;
}
.banner_bottom_block_right{
display: flex;
padding: 45px 45px 30px 45px;
flex-direction: column;
align-items: flex-start;
gap: 30px;
border: 1px solid rgba(255, 255, 255, 0.25);
/*backdrop-filter: blur(30px);*/
}
.ppf_hidden_text{display:none;margin-top:30px;}
.btn_ppf_read_more{
display: flex;
height: 50px;
align-items: center;
gap: 10px;
cursor:pointer;
}
.btn_ppf_read_more img{
transform: rotate(-90deg);
}
@media (max-width: 991px) {
.btn-all-services .caption_l,.btn_ppf_read_more .caption_l{font-size:15px;}
.container_ppf_prices .subtitle_2{font-size:18px;}
.banner_section_ppf{
background-position: center 50px;
background-size: 1200px;
}
.container_ppf_banner_boby {
padding: 0px 20px;
padding-top: 90px;
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
gap: 284px;
}
.banner_ppf-hero-car-img{
position: absolute;
top: 380px;
height: 304px;
z-index: 1;
display: flex;
align-items: center;
}
.container_ppf_banner_boby .banner_h1{height: 120px;}
.banner_body_wrapper{
gap:40px;
padding-bottom:20px;
}
.banner_bottom_block{
display:flex;
flex-direction: column;
gap:40px;
align-items: flex-end;
flex-direction: column-reverse;
}
.banner_bottom_block_left,.banner_bottom_block_right{
width:100%;box-sizing: border-box;
}
.container_ppf{padding:0px 0px;}
.ppf_banner_bottom_block{padding:0px 20px;}
.banner_bottom_block_right{
padding: 20px 20px 10px 20px;
gap: 10px;
/*backdrop-filter: blur(30px);*/
}
.banner_bottom_block_left .headlines_h1 {
font-size: 30px;
font-weight: 700;
line-height: 35px;
letter-spacing: -0.15px;
}
}
@media (max-width: 768px) {
.banner_ppf-hero-car-img{
position: absolute;
top: 280px;
height: 500px;
z-index: 1;
display: flex;
align-items: center;
}
.banner_ppf-hero-car-img img{
width:200vw;
margin-left:-25vw;
}
}
.fancybox-slide{padding:0px!important;}
.banner_section_v2 {
background-repeat: no-repeat;
background-color: #3B454F;
background-position: center top;
}
.top-section-v2 {
background-color: #3B454F;
}
.top-section-electrical-repair .wa_block_body{
margin-bottom: 0px;
}
.electrical-repair-page #googleReview {
margin-top: 90px;
}
@media (max-width: 991px) {
.electrical-repair-page #googleReview {margin-top: 0px;}
}
/* banner */
.banner_v2_wrapper{
position: relative;
margin: 0 auto;
max-width: 1920px;
height: auto;
}
.banner_body_v2 {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
gap: 300px;
padding-bottom: 445px;
}
.banner_electrical_repair-hero-car-img {
position: absolute;
top: 505px;
height: 555px;
z-index: 1;
display: flex;
width: 100%;
align-items: center;
overflow: hidden;
justify-content: center;
z-index:1;
}
.banner_electrical_repair-hero-car-img img{
margin-left:300px;
height:100%;
}
.container_electrical_repair_banner{
position:relative;
z-index:2;}
@media (max-width: 991px) {
.container_electrical_repair_banner{ padding:0px;}
.container_electrical_repair_banner_boby{
gap: 220px;
}
.banner_electrical_repair-hero-car-img {
position: absolute;
top: 370px;
height: 180px;
z-index: 1;
display: flex;
width: 100%;
align-items: center;
overflow: hidden;
justify-content: center;
z-index:1;
}
.banner_electrical_repair-hero-car-img img{
margin-left:0px;
height:100%;
}
.banner_body_v2 {
padding-bottom: 40px;
}
.banner_section_v2 {
background-position: center 50px;
background-size: 900px;
}
}
/* benefits */
.benefits_electrical_repair_container{
display: flex;
flex-direction: column;
gap: 60px;
}
.benefits_electrical_repair_items{
display: flex;
gap: 15px;
align-items: stretch;
margin-bottom:90px;
}
.benefits_electrical_repair_item{
display: flex;
padding: 45px;
flex-direction: column;
align-items: flex-start;
gap: 30px;
flex: 1 0 0;
align-self: stretch;
background: rgba(255, 255, 255, 0.05);
}
.benefits_electrical_repair_item img,.benefits_electrical_repair_item .benefits_electrical_repair_item_img{width:60px;height:60px;}
.benefits_electrical_repair_item_text{
display: flex;
gap: 30px;
flex-direction: column;
}
@media (max-width: 991px) {
.benefits_electrical_repair_container{
padding: 0px 20px;
gap: 40px;
}
.benefits_electrical_repair_items{
display: flex;
flex-direction: column;
gap: 15px;
align-items: stretch;
margin-bottom:40px;
}
.benefits_electrical_repair_item{
padding: 20px;
flex-direction: column;
gap: 20px;
position:relative;
}
.benefits_electrical_repair_item img,.benefits_electrical_repair_item .benefits_electrical_repair_item_img{
position:absolute;
top:15px;
right:20px;
width:40px;
height:40px;
}
.benefits_electrical_repair_item_text{
display: flex;
gap: 20px;
flex-direction: column;
}
.benefits_electrical_repair_item_text .headlines_h3 {
padding-right: 40px;
}
}
.benefits_electrical_repair_bottom_container{
padding-bottom:120px;
}
.benefits_electrical_repair_bottom_items{
margin-top:60px;
display:flex;
gap:15px;
}
.benefits_electrical_repair_bottom_items{
margin-top:60px;
display:flex;
gap:15px;
}
.benefits_electrical_repair_bottom_item{
display: flex;
flex:1;
flex-direction: column;
align-items: center;
gap: 30px;
}
.benefits_electrical_repair_bottom_item img,.benefits_electrical_repair_bottom_item .benefits_electrical_repair_bottom_item_img{width:60px;height:60px;}
.benefits_electrical_repair_bottom_item .headlines_h4{
text-align:center;
}
@media (max-width: 991px) {
.benefits_electrical_repair_bottom_container{
padding:0px 20px 40px 20px;
}
.benefits_electrical_repair_bottom_items{
margin-top:40px;
flex-direction: column;
}
.benefits_electrical_repair_bottom_item{
display: flex;
flex:1;
flex-direction: row;
align-items: center;
gap: 20px;
}
.benefits_electrical_repair_bottom_item img,.benefits_electrical_repair_bottom_item .benefits_electrical_repair_bottom_item_img{width:40px;height:40px;}
.benefits_electrical_repair_bottom_item .headlines_h4{
text-align:left;
}
.benefits_electrical_repair_bottom_container .headlines_h1{
font-size: 30px;
font-weight: 700;
line-height: 35px;
letter-spacing: -0.15px;
}
}
/* services */
.electrical_services_block{margin:90px 0px;}
.container_electrical_services_block{
padding:90px 0px;
border-top:1px solid rgba(255, 255, 255, 0.25);
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
display: flex;
flex-direction: column;
gap: 60px;
align-self: stretch;
align-items: center;
}
.electrical_services_block_title,.block_title_subtitle_v2{
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
align-self: stretch;
}
.electrical_services_block_items_wrapper{
width:100%;
}
.electrical_services_block_items{
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: flex-start;
width:100%;
}
.electrical_services_block_item{
display: flex;
flex: 1 1 calc(33% - 30px);
max-width: calc(33.333% - 20px);
min-height: 240px;
padding: 30px;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
background: rgba(255, 255, 255, 0.05);
}
.electrical_services_block_item img, .electrical_services_block_item .services_block_item_img_bg{width:50px;height:50px;}
.electrical_services_block_item:hover{background: rgba(255, 255, 255, 0.10);}
.electrical_services_block_item .headlines_h3{
width:100%;
}
.electrical_services_block_items_hidden{
margin-top:30px;
display:none;
}
.electrical_services_block_item_img{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.caret-right-white-wrapper{
display: flex;
height: 50px;
width: 50px;
justify-content: center;
align-items: center;
border-radius: 50px;
background: rgba(255, 255, 255, 0.10);
}
.caret-right-white{
width:20px!important;
height:20px!important;
transform: rotate(180deg);
opacity: 0.5;
}
.electrical_services_block_item:hover .caret-right-white{
opacity: 1;
}
@media (max-width: 991px) {
.electrical_services_block{margin:40px 0px;}
.container_electrical_services_block{
padding:40px 20px;
gap: 40px;
}
.electrical_services_block_item img, .electrical_services_block_item .services_block_item_img_bg{width:40px;height:40px;}
.electrical_services_block_title,.block_title_subtitle_v2{
gap: 20px;
}
.electrical_services_block_title .headlines_h1{
font-size: 30px;
line-height: 35px;
letter-spacing: -0.15px;
}
.electrical_services_block_item .headlines_h3{
font-size: 18px;
line-height: 25px;
}
}
@media (max-width: 767px) {
.container_electrical_services_block{
align-items: flex-start;
}
.electrical_services_block_items{
flex-direction: column;
gap: 0px;
}
.electrical_services_block_item{
display: flex;
width: 100%;
max-width:100%;
min-height: 40px;
padding: 15px 0px;
gap:20px;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
background: none;
align-content: center;
border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.electrical_services_block_item:hover{background: none;}
.electrical_services_block_items_hidden{
margin-top:10px;
display:none;
}
.electrical_services_block_item_img{width: auto;}
.caret-right-white{margin:10px;}
}
.container_questions_block{
margin-bottom:90px;
}
.questions_block_items {
display: grid; /* Включаем grid */
grid-template-columns: 1fr 1fr; /* Определяем две колонки с равной шириной */
grid-gap: 30px;
margin-top: 60px;
padding:0px 45px;
}
.questions_block_item{
display: flex;
width: 100%;
padding-right: 45px;
align-items: center;
gap: 30px;
flex: 1 0 0;
}
.questions_block_item_num{
color: #47515A;
font-family: "Montserrat","Inter", sans-serif;
font-size: 64px;
font-style: normal;
font-weight: 800;
line-height: 75px; /* 117.188% */
text-transform: uppercase;
min-width:45px;
}
@media (max-width: 991px) {
.container_questions_block{
padding:0px 20px 0px 20px;
margin-bottom:40px;
}
.questions_block_title .headlines_h1{
font-family: "Inter", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 35px;
letter-spacing: -0.15px;
}
.questions_block_items {
display: flex; /* Включаем grid */
flex-direction: column;
gap: 20px;
margin-top: 40px;
padding:0px 0px;
}
.questions_block_item_num{
font-size: 30px;
line-height: 40px;
min-width:25px;
}
.questions_block_item{
padding-right: 0px;
align-items: center;
gap: 20px;
flex: 1 0 0;
}
}
/* ----tinting_types_tints----- */
.tinting_types_tints_container{
padding:0px;
}
.tint-shade-levels_title{
display: flex;
flex-direction: column;
gap: 45px;
margin-bottom:60px;
}
.tint-shade-levels_title_text{
display: flex;
flex-direction: column;
gap: 30px;
}
.tint-shade-levels_title_text p{
color: #3B454F;
font-family: "Inter", sans-serif;
font-size: 18px;
line-height: 30px;
}
.tinting_types_tints_items{
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 30px 15px;
align-self: stretch;
flex-wrap: wrap;
}
.tinting_types_tints_item{
display: flex;
flex: 1 1 calc(33% - 15px);
max-width: calc(33.333% - 10px);
flex-direction: column;
align-items: flex-start;
}
.tinting_types_tints_item img{
width:100%;
aspect-ratio: 3 / 2;
}
.tinting_types_tints_item_text{
display: flex;
padding: 15px;
flex-direction: column;
align-items: flex-start;
gap: 15px;
align-self: stretch;
}
.tinting_types_tints_item_text h3{
color: #29333D;
}
.tinting_types_tints_item_text p{
color: #3B454F;
}
@media (max-width: 991px) {
.tint-shade-levels_title{
gap: 20px;
margin-bottom:40px;
}
.tint-shade-levels_title_text{
gap: 20px;
}
.tinting_types_tints_container{
padding:0px 20px;
}
.tinting_types_tints_item_text{
padding: 5px;
gap: 10px;
}
}
@media (max-width: 767px) {
.tinting_types_tints_items{
display: flex;
flex-direction: column;
align-items: flex-start;
align-content: flex-start;
gap: 20px;
align-self: stretch;
flex-wrap: wrap;
}
.tinting_types_tints_item{
flex: 1;
width: 100%;
max-width: 100%;
gap: 10px;
}
.tinting_types_tints_item_text{
padding: 0px;
gap: 10px;
}
}
@media (max-width: 991px) {
#googleReview .headlines_h5{
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
}
/* ПЕРЕМИКАЧ МОВ СТАРТ */
/* Контейнер */
.babellinks_wrapper{
position: relative;
display: inline-block;
z-index: 30; /* поверх навігації */
}
/* Активний елемент (кнопка) */
.babellink_active{
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 10px;
border-radius: 10px;
cursor: pointer;
user-select: none;
transition: background .15s ease, box-shadow .15s ease;
}
.babellink_active:hover,
.babellink_active:focus{
background: rgba(255,255,255,.08); /* легкий ховер на темному хедері */
outline: none;
}
/* Дропдаун */
.babellinks_items_wrapper{
position: absolute;
top: 100%;
right: 0; /* вирівняти по правому краю тригера */
min-width: 150px;
margin: 0;
padding-top: 10px;
/* приховано за замовчуванням */
opacity: 0;
transform: translateY(-6px) scale(.98);
pointer-events: none;
visibility: hidden;
}
.babellinks_items{
padding: 10px;
list-style: none;
background: rgba(71, 81, 90, 0.75);
backdrop-filter: blur(30px);
border-radius: 10px;
}
/* Показ дропдауну: hover або focus-within (працює і на мобі) */
.babellinks_wrapper:hover .babellinks_items_wrapper,
.babellinks_wrapper:focus-within .babellinks_items_wrapper{
opacity: 1;
transform: translateY(0) scale(1);
pointer-events: auto;
visibility: visible;
}
/* Пункти меню */
.babellinks_item a{
color:#fff;
display: flex;
height: 40px;
padding: 10px;
align-items: center;
gap: 5px;
align-self: stretch;
border-radius: 5px;
opacity: 0.75;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-transform:none;
}
.babellinks_item a:hover,
.babellinks_item a:focus{
background: rgba(255, 255, 255, 0.10);
color: #fff;
outline: none;
}
.header_mob_menu_babel{
display:none;
}
@media (max-width: 991px) {
.header_mob_menu_babel{
display:block;
}
.header_mob_menu_babel,.babellinks_wrapper,.babellink_active{
width:100%;
}
.babellink_active{
padding: 10px 0px 10px 0px;
justify-content: space-between;}
.babellink_active:hover,
.babellink_active:focus{
background: transparent; /* легкий ховер на темному хедері */
}
.babellinks_items_wrapper{
position:unset;
padding-top: 0px;
}
.babellinks_items{
padding: 0px;
list-style: none;
background: transparent;
}
.babellinks_item a{
padding: 10px 10px 10px 15px;
opacity: 1;
}
/* скасовуємо показ по hover/focus */
.babellinks_wrapper:hover .babellinks_items_wrapper,
.babellinks_wrapper:focus-within .babellinks_items_wrapper{
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
}
/* базовий прихований стан під мобі */
.babellinks_items_wrapper{
position: unset;
padding-top: 0;
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
}
/* показувати меню лише коли є .open на обгортці */
.babellinks_wrapper.open .babellinks_items_wrapper{
max-height: 400px; /* підкоригуй під свій контент */
opacity: 1;
visibility: visible;
pointer-events: auto;
}
/* Вращаем только когда открыт дропдаун */
.babellinks_wrapper.open .item-menu-caret-down{
transform: rotate(180deg);
}
}
/* ПЕРЕМИКАЧ МОВ КІНЕЦЬ */
.list-unstyled {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
/* START CUSTOM ICONS */
.custom-icon20 {
display: inline-block;
width: 20px;
height: 20px;
flex-shrink: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.custom-icon14 {
display: inline-block;
width: 14px;
height: 14px;
flex-shrink: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.custom-icon-nav-arrow {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M18.6484%208.00478L4.907%202.90712L4.88747%202.90009C4.6104%202.80423%204.31194%202.78826%204.02622%202.854C3.7405%202.91974%203.47905%203.06454%203.27173%203.27185C3.06442%203.47917%202.91962%203.74063%202.85388%204.02635C2.78813%204.31207%202.80411%204.61052%202.89997%204.88759L2.907%204.90712L8.00465%2018.6485C8.11272%2018.9525%208.31221%2019.2155%208.57575%2019.4016C8.83928%2019.5876%209.15394%2019.6875%209.47653%2019.6876H9.50387C9.83341%2019.6819%2010.1527%2019.5721%2010.4161%2019.374C10.6794%2019.1758%2010.8734%2018.8995%2010.9703%2018.5845L10.9773%2018.5618L12.6359%2012.636L18.5617%2010.9774L18.5843%2010.9704C18.8993%2010.8746%2019.176%2010.6817%2019.3749%2010.4193C19.5738%2010.1569%2019.6847%209.8384%2019.6918%209.50923C19.6989%209.18006%2019.6018%208.85706%2019.4145%208.58632C19.2271%208.31559%2018.959%208.11096%2018.6484%208.00165V8.00478ZM11.6226%2010.9735C11.4676%2011.0169%2011.3263%2011.0995%2011.2125%2011.2134C11.0986%2011.3272%2011.016%2011.4685%2010.9726%2011.6235L9.43512%2017.1149L4.90622%204.90634L17.114%209.43759L11.6226%2010.9735Z%22%20fill%3D%22%2303A9F4%22%2F%3E%3C%2Fsvg%3E');
}
.custom-icon-phone{
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22Phone%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M17.5%2012.0937L13.8211%2010.4444L13.807%2010.4382C13.5679%2010.3351%2013.3067%2010.2936%2013.0474%2010.3175C12.7881%2010.3414%2012.5389%2010.4299%2012.3227%2010.5749C12.2923%2010.5952%2012.2631%2010.6171%2012.2352%2010.6405L10.4922%2012.1249C9.47657%2011.5741%208.42735%2010.5335%207.87579%209.53037L9.36485%207.76006C9.38879%207.73148%209.41096%207.70148%209.43126%207.67021C9.57249%207.45471%209.65824%207.20762%209.68087%206.95096C9.70349%206.69429%209.6623%206.43601%209.56094%206.19912C9.55854%206.19458%209.55645%206.18988%209.55469%206.18506L7.90626%202.4999C7.77094%202.19172%207.54001%201.93528%207.24763%201.76855C6.95525%201.60182%206.61696%201.53364%206.28282%201.57412C5.14873%201.7231%204.10765%202.2798%203.35402%203.14026C2.60039%204.00071%202.18573%205.10607%202.18751%206.2499C2.18751%2012.6257%207.37422%2017.8124%2013.75%2017.8124C14.8938%2017.8142%2015.9992%2017.3995%2016.8597%2016.6459C17.7201%2015.8923%2018.2768%2014.8512%2018.4258%2013.7171C18.4663%2013.3829%2018.3981%2013.0447%2018.2314%2012.7523C18.0646%2012.4599%2017.8082%2012.229%2017.5%2012.0937ZM13.75%2015.9374C11.1817%2015.9343%208.71942%2014.9127%206.90333%2013.0966C5.08725%2011.2805%204.06561%208.81823%204.06251%206.2499C4.06072%205.60263%204.28046%204.97424%204.68522%204.46913C5.08999%203.96403%205.6554%203.61264%206.28751%203.47334L7.75782%206.75459L6.26094%208.5374C6.23675%208.56623%206.21431%208.5965%206.19376%208.62803C6.04622%208.85346%205.95947%209.11321%205.94195%209.38206C5.92443%209.65091%205.97672%209.91973%206.09376%2010.1624C6.82969%2011.6687%208.3461%2013.1749%209.86797%2013.9124C10.1123%2014.0282%2010.3824%2014.0787%2010.6521%2014.0588C10.9217%2014.039%2011.1816%2013.9495%2011.4063%2013.7991C11.4365%2013.7787%2011.4654%2013.7566%2011.493%2013.7327L13.2453%2012.2429L16.5266%2013.7124C16.3873%2014.3445%2016.0359%2014.9099%2015.5308%2015.3147C15.0257%2015.7194%2014.3973%2015.9392%2013.75%2015.9374Z%22%20fill%3D%22%2303A9F4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.custom-icon-clock{
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22Clock%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M10%201.5625C8.33122%201.5625%206.69992%202.05735%205.31238%202.98448C3.92484%203.9116%202.84338%205.22936%202.20477%206.77111C1.56616%208.31286%201.39907%2010.0094%201.72463%2011.6461C2.05019%2013.2828%202.85379%2014.7862%204.03379%2015.9662C5.2138%2017.1462%206.71721%2017.9498%208.35393%2018.2754C9.99064%2018.6009%2011.6871%2018.4338%2013.2289%2017.7952C14.7706%2017.1566%2016.0884%2016.0752%2017.0155%2014.6876C17.9427%2013.3001%2018.4375%2011.6688%2018.4375%2010C18.435%207.763%2017.5453%205.61833%2015.9635%204.03653C14.3817%202.45473%2012.237%201.56498%2010%201.5625ZM10%2016.5625C8.70206%2016.5625%207.43327%2016.1776%206.35407%2015.4565C5.27488%2014.7354%204.43374%2013.7105%203.93704%2012.5114C3.44034%2011.3122%203.31038%209.99272%203.5636%208.71972C3.81682%207.44672%204.44183%206.27739%205.35962%205.35961C6.2774%204.44183%207.44672%203.81681%208.71972%203.5636C9.99272%203.31038%2011.3122%203.44034%2012.5114%203.93704C13.7105%204.43374%2014.7354%205.27487%2015.4565%206.35407C16.1776%207.43327%2016.5625%208.70206%2016.5625%2010C16.5606%2011.7399%2015.8686%2013.408%2014.6383%2014.6383C13.408%2015.8686%2011.7399%2016.5606%2010%2016.5625ZM15.3125%2010C15.3125%2010.2486%2015.2137%2010.4871%2015.0379%2010.6629C14.8621%2010.8387%2014.6236%2010.9375%2014.375%2010.9375H10C9.75136%2010.9375%209.51291%2010.8387%209.33709%2010.6629C9.16128%2010.4871%209.0625%2010.2486%209.0625%2010V5.625C9.0625%205.37636%209.16128%205.1379%209.33709%204.96209C9.51291%204.78627%209.75136%204.6875%2010%204.6875C10.2486%204.6875%2010.4871%204.78627%2010.6629%204.96209C10.8387%205.1379%2010.9375%205.37636%2010.9375%205.625V9.0625H14.375C14.6236%209.0625%2014.8621%209.16127%2015.0379%209.33709C15.2137%209.5129%2015.3125%209.75136%2015.3125%2010Z%22%20fill%3D%22%2303A9F4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.custom-icon-instagram{
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22Group%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M10%201.80078C12.6719%201.80078%2012.9883%201.8125%2014.0391%201.85937C15.0156%201.90234%2015.543%202.06641%2015.8945%202.20313C16.3594%202.38281%2016.6953%202.60156%2017.043%202.94922C17.3945%203.30078%2017.6094%203.63281%2017.7891%204.09766C17.9258%204.44922%2018.0898%204.98047%2018.1328%205.95313C18.1797%207.00781%2018.1914%207.32422%2018.1914%209.99219C18.1914%2012.6641%2018.1797%2012.9805%2018.1328%2014.0313C18.0898%2015.0078%2017.9258%2015.5352%2017.7891%2015.8867C17.6094%2016.3516%2017.3906%2016.6875%2017.043%2017.0352C16.6914%2017.3867%2016.3594%2017.6016%2015.8945%2017.7813C15.543%2017.918%2015.0117%2018.082%2014.0391%2018.125C12.9844%2018.1719%2012.668%2018.1836%2010%2018.1836C7.32813%2018.1836%207.01172%2018.1719%205.96094%2018.125C4.98438%2018.082%204.45703%2017.918%204.10547%2017.7813C3.64063%2017.6016%203.30469%2017.3828%202.95703%2017.0352C2.60547%2016.6836%202.39063%2016.3516%202.21094%2015.8867C2.07422%2015.5352%201.91016%2015.0039%201.86719%2014.0313C1.82031%2012.9766%201.80859%2012.6602%201.80859%209.99219C1.80859%207.32031%201.82031%207.00391%201.86719%205.95313C1.91016%204.97656%202.07422%204.44922%202.21094%204.09766C2.39063%203.63281%202.60938%203.29688%202.95703%202.94922C3.30859%202.59766%203.64063%202.38281%204.10547%202.20313C4.45703%202.06641%204.98828%201.90234%205.96094%201.85937C7.01172%201.8125%207.32813%201.80078%2010%201.80078ZM10%200C7.28516%200%206.94531%200.0117187%205.87891%200.0585938C4.81641%200.105469%204.08594%200.277344%203.45313%200.523437C2.79297%200.78125%202.23438%201.12109%201.67969%201.67969C1.12109%202.23438%200.78125%202.79297%200.523438%203.44922C0.277344%204.08594%200.105469%204.8125%200.0585938%205.875C0.0117188%206.94531%200%207.28516%200%2010C0%2012.7148%200.0117188%2013.0547%200.0585938%2014.1211C0.105469%2015.1836%200.277344%2015.9141%200.523438%2016.5469C0.78125%2017.207%201.12109%2017.7656%201.67969%2018.3203C2.23438%2018.875%202.79297%2019.2188%203.44922%2019.4727C4.08594%2019.7188%204.8125%2019.8906%205.875%2019.9375C6.94141%2019.9844%207.28125%2019.9961%209.99609%2019.9961C12.7109%2019.9961%2013.0508%2019.9844%2014.1172%2019.9375C15.1797%2019.8906%2015.9102%2019.7188%2016.543%2019.4727C17.1992%2019.2188%2017.7578%2018.875%2018.3125%2018.3203C18.8672%2017.7656%2019.2109%2017.207%2019.4648%2016.5508C19.7109%2015.9141%2019.8828%2015.1875%2019.9297%2014.125C19.9766%2013.0586%2019.9883%2012.7188%2019.9883%2010.0039C19.9883%207.28906%2019.9766%206.94922%2019.9297%205.88281C19.8828%204.82031%2019.7109%204.08984%2019.4648%203.45703C19.2188%202.79297%2018.8789%202.23438%2018.3203%201.67969C17.7656%201.125%2017.207%200.78125%2016.5508%200.527344C15.9141%200.28125%2015.1875%200.109375%2014.125%200.0625C13.0547%200.0117188%2012.7148%200%2010%200Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20id%3D%22Vector_2%22%20d%3D%22M10%204.86328C7.16406%204.86328%204.86328%207.16406%204.86328%2010C4.86328%2012.8359%207.16406%2015.1367%2010%2015.1367C12.8359%2015.1367%2015.1367%2012.8359%2015.1367%2010C15.1367%207.16406%2012.8359%204.86328%2010%204.86328ZM10%2013.332C8.16016%2013.332%206.66797%2011.8398%206.66797%2010C6.66797%208.16016%208.16016%206.66797%2010%206.66797C11.8398%206.66797%2013.332%208.16016%2013.332%2010C13.332%2011.8398%2011.8398%2013.332%2010%2013.332Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20id%3D%22Vector_3%22%20d%3D%22M16.5391%204.66016C16.5391%205.32422%2016%205.85938%2015.3398%205.85938C14.6758%205.85938%2014.1406%205.32031%2014.1406%204.66016C14.1406%203.99609%2014.6797%203.46094%2015.3398%203.46094C16%203.46094%2016.5391%204%2016.5391%204.66016Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.custom-icon-fb{
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3915_480)%22%3E%3Cpath%20d%3D%22M20%2010C20%204.47715%2015.5229%200%2010%200C4.47715%200%200%204.47715%200%2010C0%2014.9912%203.65684%2019.1283%208.4375%2019.8785V12.8906H5.89844V10H8.4375V7.79688C8.4375%205.29063%209.93047%203.90625%2012.2146%203.90625C13.3084%203.90625%2014.4531%204.10156%2014.4531%204.10156V6.5625H13.1922C11.95%206.5625%2011.5625%207.3334%2011.5625%208.125V10H14.3359L13.8926%2012.8906H11.5625V19.8785C16.3432%2019.1283%2020%2014.9912%2020%2010Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_3915_480%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}
.custom-icon-linkedin{
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20d%3D%22M22%203.47059V20.5294C22%2020.9194%2021.8451%2021.2935%2021.5693%2021.5693C21.2935%2021.8451%2020.9194%2022%2020.5294%2022H3.47059C3.08056%2022%202.70651%2021.8451%202.43073%2021.5693C2.15494%2021.2935%202%2020.9194%202%2020.5294V3.47059C2%203.08056%202.15494%202.70651%202.43073%202.43073C2.70651%202.15494%203.08056%202%203.47059%202H20.5294C20.9194%202%2021.2935%202.15494%2021.5693%202.43073C21.8451%202.70651%2022%203.08056%2022%203.47059ZM7.88235%209.64706H4.94118V19.0588H7.88235V9.64706ZM8.14706%206.41177C8.14861%206.18929%208.10632%205.96869%208.02261%205.76255C7.93891%205.55642%207.81542%205.36879%207.65919%205.21039C7.50297%205.05198%207.31708%204.92589%207.11213%204.83933C6.90718%204.75277%206.68718%204.70742%206.46471%204.70588H6.41177C5.95934%204.70588%205.52544%204.88561%205.20552%205.20552C4.88561%205.52544%204.70588%205.95934%204.70588%206.41177C4.70588%206.86419%204.88561%207.29809%205.20552%207.61801C5.52544%207.93792%205.95934%208.11765%206.41177%208.11765C6.63426%208.12312%206.85565%208.0847%207.06328%208.00458C7.27092%207.92447%207.46074%207.80422%207.62189%207.65072C7.78304%207.49722%207.91237%207.31346%208.00248%207.10996C8.09259%206.90646%208.14172%206.6872%208.14706%206.46471V6.41177ZM19.0588%2013.3412C19.0588%2010.5118%2017.2588%209.41177%2015.4706%209.41177C14.8851%209.38245%2014.3021%209.50715%2013.7799%209.77345C13.2576%2010.0397%2012.8143%2010.4383%2012.4941%2010.9294H12.4118V9.64706H9.64706V19.0588H12.5882V14.0529C12.5457%2013.5403%2012.7072%2013.0315%2013.0376%2012.6372C13.3681%2012.2429%2013.8407%2011.9949%2014.3529%2011.9471H14.4647C15.4%2011.9471%2016.0941%2012.5353%2016.0941%2014.0176V19.0588H19.0353L19.0588%2013.3412Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.custom-icon-wa{
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22WhatsApp%22%20clip-path%3D%22url(%23clip0_14_2585)%22%3E%3Cpath%20id%3D%22Vector%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.2948%200.344727C12.7208%200.356462%2015.062%201.30904%2016.8133%202.98782C18.6069%204.70721%2019.6404%207.01268%2019.7308%209.49549C19.819%2011.9201%2018.9726%2014.3018%2017.367%2016.1207C15.6062%2018.1156%2013.1568%2019.2614%2010.5113%2019.3373C10.4207%2019.3399%2010.3302%2019.3413%2010.2396%2019.3413C8.81416%2019.3413%207.40189%2019.0198%206.12282%2018.4043L1.15099%2019.5101C1.13962%2019.5123%201.12789%2019.5117%201.11676%2019.5085C1.10564%2019.5053%201.09544%2019.4994%201.08702%2019.4915C1.07859%2019.4836%201.07217%2019.4737%201.0683%2019.4628C1.06442%2019.4519%201.0632%2019.4402%201.06473%2019.4287L1.90457%2014.4015C1.18781%2013.0919%200.787697%2011.6163%200.744566%2010.1155C0.671947%207.5793%201.59113%205.1668%203.33289%203.32213C5.13885%201.40945%207.60511%200.344727%2010.2478%200.344727H10.2948V0.344727ZM10.242%201.99281C10.166%201.99281%2010.0902%201.99391%2010.0139%201.99612C5.68701%202.12019%202.26787%205.74134%202.39205%2010.0681C2.42996%2011.3893%202.80209%2012.6862%203.4684%2013.8186L3.61304%2014.064L2.99076%2017.4753L6.36656%2016.6784L6.62143%2016.8111C7.73379%2017.3899%208.98006%2017.6932%2010.2394%2017.6932C10.3142%2017.6932%2010.3891%2017.6922%2010.4639%2017.69C14.7908%2017.5659%2018.21%2013.9448%2018.0859%209.61796C17.9639%205.36751%2014.4671%201.99281%2010.242%201.99281V1.99281ZM6.95825%205.25477C7.11703%205.25958%207.27611%205.2641%207.41473%205.27433C7.58444%205.28646%207.77211%205.30021%207.93851%205.70292C8.13591%206.18117%208.5628%207.37508%208.61877%207.49614C8.67464%207.61721%208.71015%207.75773%208.62579%207.91461C8.54144%208.07128%208.49861%208.16948%208.37543%208.30499C8.25206%208.4407%208.11535%208.60821%208.00511%208.71172C7.88184%208.82707%207.75375%208.95245%207.88555%209.19528C8.01725%209.43831%208.47152%2010.2338%209.16061%2010.8879C10.0463%2011.7284%2010.7565%2012.0058%2011.0387%2012.1374C11.1404%2012.1849%2011.225%2012.2074%2011.299%2012.2074C11.4004%2012.2074%2011.4816%2012.165%2011.5591%2012.0864C11.7075%2011.936%2012.1542%2011.4147%2012.3422%2011.175C12.4406%2011.0495%2012.5297%2011.0051%2012.6265%2011.0051C12.7039%2011.0051%2012.7863%2011.0335%2012.8823%2011.0719C13.0983%2011.1581%2014.2523%2011.7712%2014.487%2011.8979C14.7217%2012.0243%2014.8787%2012.0889%2014.9353%2012.1901C14.9918%2012.2917%2014.977%2012.7691%2014.7613%2013.32C14.5456%2013.8708%2013.5561%2014.3781%2013.1179%2014.4044C12.9896%2014.4122%2012.8634%2014.4301%2012.699%2014.4301C12.302%2014.4301%2011.6827%2014.3255%2010.2762%2013.7198C7.88315%2012.6892%206.42985%2010.157%206.31551%209.9943C6.20146%209.8313%205.38208%208.671%205.41819%207.49735C5.4542%206.3238%206.08772%205.76561%206.3136%205.53361C6.53005%205.31114%206.77811%205.25437%206.93829%205.25437L6.95825%205.25477V5.25477Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_14_2585%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}
.custom-icon-caret-blue{
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22CaretDown%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M11.8393%205.71427L7.46427%2010.0893C7.40331%2010.1505%207.33086%2010.199%207.25109%2010.2321C7.17132%2010.2652%207.0858%2010.2823%206.99943%2010.2823C6.91306%2010.2823%206.82754%2010.2652%206.74777%2010.2321C6.668%2010.199%206.59555%2010.1505%206.53459%2010.0893L2.15959%205.71427C2.0363%205.59099%201.96704%205.42378%201.96704%205.24943C1.96704%205.07508%202.0363%204.90787%202.15959%204.78458C2.28287%204.6613%202.45008%204.59204%202.62443%204.59204C2.79878%204.59204%202.96599%204.6613%203.08927%204.78458L6.99998%208.69529L10.9107%204.78404C11.034%204.66075%2011.2012%204.59149%2011.3755%204.59149C11.5499%204.59149%2011.7171%204.66075%2011.8404%204.78404C11.9637%204.90732%2012.0329%205.07453%2012.0329%205.24888C12.0329%205.42323%2011.9637%205.59044%2011.8404%205.71372L11.8393%205.71427Z%22%20fill%3D%22%2303A9F4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.custom-icon-mail{
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22EnvelopeSimple%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M17.5%203.4375H2.5C2.25136%203.4375%202.0129%203.53627%201.83709%203.71209C1.66127%203.8879%201.5625%204.12636%201.5625%204.375V15C1.5625%2015.4144%201.72712%2015.8118%202.02015%2016.1049C2.31317%2016.3979%202.7106%2016.5625%203.125%2016.5625H16.875C17.2894%2016.5625%2017.6868%2016.3979%2017.9799%2016.1049C18.2729%2015.8118%2018.4375%2015.4144%2018.4375%2015V4.375C18.4375%204.12636%2018.3387%203.8879%2018.1629%203.71209C17.9871%203.53627%2017.7486%203.4375%2017.5%203.4375ZM15.0898%205.3125L10%209.97813L4.91016%205.3125H15.0898ZM3.4375%2014.6875V6.50625L9.36641%2011.9414C9.53932%2012.1%209.7654%2012.1879%2010%2012.1879C10.2346%2012.1879%2010.4607%2012.1%2010.6336%2011.9414L16.5625%206.50625V14.6875H3.4375Z%22%20fill%3D%22%2303A9F4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.custom-icon-caret-left-white{
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cg%20id%3D%22CaretLeft%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M13.1633%2015.5868C13.3394%2015.763%2013.4383%2016.0018%2013.4383%2016.2509C13.4383%2016.5%2013.3394%2016.7388%2013.1633%2016.915C12.9871%2017.0911%2012.7483%2017.19%2012.4992%2017.19C12.2501%2017.19%2012.0112%2017.0911%2011.8351%2016.915L5.58513%2010.665C5.49773%2010.5779%205.42838%2010.4744%205.38106%2010.3604C5.33374%2010.2465%205.30939%2010.1243%205.30939%2010.0009C5.30939%209.87751%205.33374%209.75533%205.38106%209.64138C5.42838%209.52742%205.49773%209.42393%205.58513%209.33683L11.8351%203.08683C12.0112%202.91071%2012.2501%202.81177%2012.4992%202.81177C12.7483%202.81177%2012.9871%202.91071%2013.1633%203.08683C13.3394%203.26295%2013.4383%203.50182%2013.4383%203.75089C13.4383%203.99997%2013.3394%204.23884%2013.1633%204.41496L7.57809%2010.0001L13.1633%2015.5868Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.custom-icon-caret-right{
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.0893%207.46452L5.7143%2011.8395C5.59102%2011.9628%205.42381%2012.0321%205.24946%2012.0321C5.07511%2012.0321%204.9079%2011.9628%204.78462%2011.8395C4.66133%2011.7162%204.59207%2011.549%204.59207%2011.3747C4.59207%2011.2003%204.66133%2011.0331%204.78462%2010.9098L8.69532%207.00022L4.78571%203.08952C4.72467%203.02847%204.67624%202.956%204.64321%202.87625C4.61017%202.79649%204.59317%202.711%204.59317%202.62467C4.59317%202.53834%204.61017%202.45286%204.64321%202.3731C4.67624%202.29334%204.72467%202.22087%204.78571%202.15983C4.84675%202.09879%204.91922%202.05036%204.99898%202.01733C5.07874%201.98429%205.16422%201.96729%205.25055%201.96729C5.33688%201.96729%205.42237%201.98429%205.50213%202.01733C5.58188%202.05036%205.65435%202.09879%205.7154%202.15983L10.0904%206.53483C10.1515%206.59587%2010.2%206.66837%2010.233%206.74818C10.266%206.82799%2010.283%206.91353%2010.2829%206.9999C10.2828%207.08627%2010.2656%207.17177%2010.2324%207.2515C10.1992%207.33123%2010.1506%207.40362%2010.0893%207.46452Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}
.custom-icon{
background-image: url('');
}
/* END CUSTOM ICONS */
/* START google reviews simple */
.google_reviews_simple{
display: flex;
width: 100%;
max-width: 1100px;
padding: 30px 60px;
margin:0 auto;
justify-content: space-between;
align-items: center;
background:#F7F7F8;
}
.google_reviews_simple_link{
display: contents;
}
.google_reviews_simple .logo-google-reviews{ width: 216px;height:40px;}
.google_reviews_simple .simple_rating_stars{
display: flex;
align-items: center;
gap: 10px;
}
.google_reviews_simple .simple_rating_stars .rating_rate{
color: #000;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 35px;
letter-spacing: -0.15px;
}
.google_reviews_simple .simple_rating_stars .rating_count{
color: #000;
font-size: 18px;
line-height: 30px;}
@media (max-width: 991px) {
.google_reviews_simple .logo-easycare-w{display:none;}
.google_reviews_simple{padding: 0px 0px;}
.google_reviews_simple_link{
display: flex;
width: 100%;
max-width: 1100px;
padding: 30px 20px;
margin:0 auto;
flex-direction: column;
justify-content: space-between;
align-items: center;
background:#F7F7F8;
gap:20px;
}
.google_reviews_simple .simple_rating_stars{gap: 5px;}
.google_reviews_simple .logo-google-reviews{ width: 189px;height:35px;}
.google_reviews_simple .simple_rating_stars .rating_rate{
font-size: 22px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0px;
}
.google_reviews_simple .simple_rating_stars .rating_count{font-size: 16px; line-height: 30px;}
}
/* END google reviews simple */