/*
Theme Name: Air Theme
Theme URL: vozduh-stroy.ru
Description: Air minimal theme
Author: Alina Smirnova
Version: 1.0 
*/

@charset "UTF-8";



* {box-sizing: border-box; margin: 0;padding: 0; font-display: swap;}

body {overflow-x:hidden;}
.wrapper { width:1140px; margin:0 auto;}
.flex { display:flex; justify-content:space-between; flex-wrap:wrap; }
p, span, h1, h2, h3, h4, li, a {font-family: 'Roboto', sans-serif; font-weight:400; color: #000000; }
li {list-style:none;}
button, input {outline:none; border:none; box-shadow:none;}
a {text-decoration:none; transition: .3s;}

.h2 {font-size: 21px; text-transform:uppercase;  margin-bottom: 20px;}
.h3 {font-size: 31px; text-transform:uppercase; margin-bottom: 20px;}
.h3 span {color: #0073b1!important;}


.my-fixed { position:fixed!important; top:0; left:0; width:100%; background:#fff; z-index:99;
border-bottom:1px #eee solid;}
.my-fixed .social { display:none; }
.my-fixed .wrapper { width:1240px; }


form {padding: 20px; background: #0073B1; border-radius: 20px; width:100%;}
form span {display:block; width:100%; color: #FFFFFF; font-size: 15px; font-weight:500; text-align:left; margin-bottom:5px; line-height: 30px;}
form sub {position:relative; top:-8px; color:red; padding-left:5px;}
form input {width:100%;padding: 6px 12px; font-size: 16px; border: 1px solid #ced4da; border-radius:4px; margin-bottom:5px; line-height: 24px;}
form button {background: #FFD200; margin-top: 15px; padding: 6px 12px; border-radius:4px; font-size: 16px; line-height: 26px; 
text-transform:uppercase; cursor:pointer; opacity:0.8;}
form button:hover {opacity:1;}


.result { padding:100px 0; }
.result * { color:#fff; }
.result h3 { margin-bottom:24px!important; font-size:24px!important; font-weight:bold; }


/* --- HEADER --- */
.header_top {background:#0073B1; padding:8px 0;}
.header_top span {color:#fff; font-size: 16px; padding-left:5px;}
.header_top i {font-size: 18px; color:#fff;}

.header_bottom { align-items: center;padding:12px 0;}
.header_bottom .logo {width:135px;}
.header_bottom .logo img {max-width:100%;}
.header_bottom .contacts {text-align:center;}
.header_bottom .header_phone, .header_bottom .header_mail {color: #69717B; font-weight:500;font-size: 15px; display:block;
 margin-bottom:5px;}
.header_bottom .header_phone i, .header_bottom .header_mail i {padding-right:5px;}
.header_bottom .header_phone:hover, .header_bottom .header_mail:hover {color:#0073B1;}

.header_bottom .social i {font-size: 15px; color:#fff; padding:6px; border-radius:4px; } 
.header_bottom .social i:hover {opacity:0.8;}
.header_bottom .fa-whatsapp, .header_media_social .fa-whatsapp {background:#25d366;}
.header_bottom .fa-telegram, .header_media_social .fa-telegram {background:#2ca5e0;}
.header_bottom .fa-instagram, .header_media_social .fa-instagram {background:#D319F6;}

.header_menu {width:calc(100% - 370px); flex-wrap:nowrap; text-align:center;}
.header_menu a {text-transform:uppercase; font-size:15px; padding: 13px 20px; color:#3C3C3C;position:relative;}
.header_menu a:after {content:''; width:100%; height:3px; background: #0073B1; position:absolute; bottom:0; left:0; opacity:0;}
.header_menu a:hover {color: #000000;}
.header_menu a:hover::after {opacity:1;}

.header_menu .main {color: #000000; }
.header_menu .main:after {opacity:1;}
.header_menu .service {position:relative;}
.header_menu .service a {display:flex;}
.header_menu .service i {position:relative; top:2px; padding-left:7px;}
.header_menu div {display:flex;}

.hamburger {display:none;}

.header_menu  .service .service_menu {position:absolute; top:60px; left:0; z-index:5; width:340px; flex-wrap:wrap; background:#fff; display:none; }
.service_menu a {display:block; width:100%; text-align: left; padding: 13px 20px; font-size: 13px; line-height:20px; font-weight:500;}
.service_menu a:hover {background: #0073B1; color:#fff;}
.service_menu a::after {display:none; }

.service_menu .serving i {position:relative; top:4px; padding-left:7px;}
.service_menu .serving {position:relative; width: 100%;}
.service_menu .serving .serving_submenu {position:absolute; top:0; left:340px; width:302px; display:none;background:#fff;
flex-wrap:wrap;}
.serving_submenu a {padding: 13px 20px; font-size: 13px; line-height:20px; font-weight:500;}

.header_media_social {display:none; justify-content:center;}
.header_media_social i {font-size: 20px!important; margin:0 4px!important; padding:6px!important; border-radius:4px;}


/* --- BANNER --- */
.banner {background:url(img/banner_back.webp) no-repeat; height:500px; position:relative; background-size:cover; background-position:0 50%;}
.banner_overlay {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(251,251,251,0.6); z-index:1;}
.banner_inner {position:relative; z-index:2; align-items: center; height: 100%; padding: 10px 0;}
.banner_left, .banner_middle, .banner_right {width:calc(100% / 3); display:flex; height: 100%; align-items:center; flex-wrap:wrap;}

.banner_left img {max-width:100%;}
.banner_left p {font-size: 14px; text-transform:uppercase; margin: 0px 20px 0px 20px;
padding: 12px 10px 10px 10px; background: #FFD200; width:100%; text-align: center;}
.banner_item {padding:5px; border:2px solid #FFD200; background:#fff; border-radius: 30px; align-items:center; margin-top: 20px;}
.banner_icon {width:50px; height:50px; border-radius:50%; background-color: #0073B1; display: flex;
justify-content: center; align-items: center;}
.banner_icon i {color:#fff; font-size:24px;}
.banner_item span {font-size:17px; width:calc(100% - 55px);}

.banner_middle {text-align:center; padding:22px 0;}
.banner_middle a {font-size:17px; text-transform:uppercase; display:block; width:100%;}

.banner_right {text-align:center;}
.banner_right h3 {font-size: 17px; text-transform:uppercase; margin: 0 auto;}
.banner_right h3 span {font-weight:500;}

.banner_media {display:none;}


/* --- ABOUT COMPANY --- */
.about_company {padding:30px 0;text-align: center;}
.company_photo {margin-bottom:24px;}
.company_photo img {max-width:calc((100% / 3) - 16px);}
.about_company p {font-size: 18px; line-height:29px;}




/* --- SERVICES --- */
.services {padding:30px 0;text-align: center; background:#DBDBDB;}
.services_list {margin-top:20px;}
.services_list > div {width:25%; margin-bottom:20px;}
.service_icon {margin: 0 auto;}
.service_icon img {width: 110px; height:110px;}
.services_list span {font-size: 21px; font-weight: 500; display:block; padding-top:20px;}





/* --- WORKS --- */
.works {padding:30px 0;text-align: center;}
.works .h3 span {display:block;}

.slick-slider .top_gallery_item {width:24%; height:265px; margin-bottom:25px; position:relative;}
.top_gallery_item span {background:rgba(0,0,0,0.7); font-size:14px; color:#fff; display:block; width:100%; padding:10px;
position:absolute; bottom:0; left:0;}
.top_gallery_item a {display:block; width:100%; height:100%;}

.slick-slide {margin: 0 15px;} 
.slick-list {margin-left: -15px;margin-right: -15px;}

.slick-arrow {width:25px;height:25px;position:absolute;font-size:0;
background:none; background-repeat: no-repeat; background-position: 50% 50% ;top:120px;cursor:pointer; opacity:0.8;}
.slick-prev {left:-40px;background-image:url(/wp-content/themes/air/img/left-arrow.svg); background-size:cover;} 
.slick-next {right:-40px; background-image:url(/wp-content/themes/air/img/right-arrow.svg); background-size:cover;}
.slick-prev:hover, .slick-next:hover {opacity:1;}




/* --- PRICE --- */
.price {padding:40px 0; text-align: center; position:relative;}
.price_overlay {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(251,251,251,0.6); z-index:1;}
.price_inner {position:relative; z-index:2;}

.price h3 span {color: rgb(255, 210, 0)!important; text-shadow: 1px 1px 3px #333; font-weight:500;}
.price_list div {width:calc((100% / 3) - 15px); padding: 20px; background: #666666; margin-bottom:22.5px;
border: 3px solid #FFCB10;}
.price_list div h3 {font-size: 25px; color:#fff; line-height: 35px; padding-bottom:15px;}
.price_list div p {font-size: 16.4px; color:#fff; line-height: 30px; border-top:1px solid #ddd; padding:10px 0;}
.price_list div span {color: #c4e3ff; font-weight:500;}
.price_list > div:nth-child(7), .price_list > div:nth-child(8) {width:calc((100% / 2) - 12px); margin-bottom:0px; }






/* --- INFO --- */
.info {padding:50px 0; text-align:center;}
.info .h3 {margin-bottom:0;}
.info .lady-mobile { display:none; }
.info_inner.flex {justify-content:center; padding-top:50px; }
.info_text {width:45%;}
.info_img {width:17%;}
.info_img img {max-width:100%;}
.info_text.flex {align-items:center;}
.info_text p {font-size:19px; line-height: 24px; margin-bottom:30px;letter-spacing: 1px;}
.info_text a {font-size: 18px; line-height:50px; text-transform:uppercase; background:rgb(255, 210, 0);padding:0 40px;
margin: 0 auto; border-radius: 25px;}
.info_text a:hover {opacity:0.8;}




/* --- ACTIONS --- */
.action {height:290px;  display:flex; align-items:center; justify-content:center; position:relative;}
.action p {font-size: 41px; color:#fff; position:relative; z-index:2; max-width: 90%; text-align: center;}
.action_overlay {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.73); z-index:1;}





/* --- CERTIFICATES --- */
.certificates {padding:40px 0; text-align:center;}
.certificates_inner.flex {justify-content:flex-start;  }
.certificates_inner div {width:calc((100% / 5) - 20px); border:1px solid #eee; margin-bottom:25px;margin-right:25px;}
.certificates_inner div img {max-width:100%;}
.certificates_inner div:nth-child(5n+5) {margin-right:0;}
.certificates_inner a { cursor:pointer; }



/* --- REVIEWS --- */
.reviews {padding:40px 0; text-align:center;}




/* --- CONTACTS_block --- */
.contacts_block {padding:40px 0; text-align:center; background:#E7E7E7;}
.contacts_links a { font-size: 18px; margin: 0 8px;}
.contacts_links i {padding-right: 5px;}
.contacts_links a:hover {color:#0073B1;}

.contacts_block .social {margin-top:25px;}
.contacts_block .social i {font-size: 20px; color:#fff; padding:6px; border-radius:4px; margin: 0 2px; } 
.contacts_block .social i:hover {opacity:0.8;}
.contacts_block .fa-whatsapp {background:#25d366;}
.contacts_block .fa-telegram {background:#2ca5e0;}
.contacts_block .fa-instagram {background:#262626;}

.contacts_line {width:20%; height:1px; background:#000; margin:0 auto; margin-top:40px;}

.contacts_form {padding:50px 0;}
.contacts_form_left, .contacts_form_right {width:47%;}
ymaps {border-radius: 20px;}




/* --- FOOTER --- */
footer {background:#0073B1;padding:40px 0;}
.footer_column {width:33%;}
.footer_column h4 {color:#fff; font-size: 23px; padding-bottom:45px; position:relative;}
.footer_column h4:after {position:absolute; bottom:20px; left:0; height:1px; width:30px; background:#fff; content:'';}
.footer_column a {color:#fff; font-size: 16px; line-height:30px; display:block; }
.footer_column a:hover {color:#ddd;}
.footer_column_right a, .footer_column_right span {font-size: 18px!important; line-height:32px!important; color:#fff;}
.footer_column_right div a {display: inline-block!important;}
.footer_column i {padding-right: 5px;}
.footer_column_right .footer_phone {margin-right:18px;}
.footer_column_right i {font-size: 18px!important; color:#fff!important;}

.footer .social {margin-top:25px;}
.footer .social i {font-size: 20px; color:#fff; padding:6px; border-radius:4px; margin: 0 2px; } 
.footer .social i:hover {opacity:0.8;}
.footer .fa-whatsapp {background:#25d366;}
.footer .fa-telegram {background:#2ca5e0;}
.footer .fa-instagram {background:#D319F6;}

.footer_column span {display:block;}








@media (max-width: 1450px) {
.info_text {width: 60%;}
}


@media (max-width: 1140px) {
.wrapper {max-width:90%;}


.header_bottom .logo, .header_bottom .social {display:none;}	
.header_menu {position:absolute; top:54px; left:0; z-index:5; width:100%; background:#fff; flex-wrap:wrap; display:none;}
.header_menu a {display:block; width:100%; font-size: 13px;}
.header_bottom {position:relative; padding: 8px 0;}
.header_bottom .header_phone, .header_bottom .header_mail {font-size:12px; color:#000;}
.hamburger {background:#eee; border-radius:5px; width:33px; height:33px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.hamburger i {font-size:21px;}
.header_menu a::after {display:none;}
.header_menu div {width:100%; flex-wrap:wrap;}
.header_menu .show_menu { position: relative!important;left: 0px!important; width: 100%!important; }
.header_menu .service {display:inline-block;}
.header_menu .main {background:#55595c; color:#fff;}

.header_menu .service .service_menu {position:relative; top:0; left:0; width:100%;}
.header_menu .service a {justify-content: center;}
}


@media (max-width: 1000px) {
.price_list div, .price_list > div:nth-child(7), .price_list > div:nth-child(8) {width:100%;}
.price_list > div:nth-child(7) {margin-bottom:22.5px;}

.info_img {width:50%; margin:0 auto; padding:16px 0;}
.info_img img { display:block; margin: 0 auto; }
.info_text {width: 90%;}
.info_text p {font-size: 17px; line-height: 22px;}
.info_text a {font-size: 16px; line-height: 40px; padding: 0 20px;}
.info_inner.flex {padding-top: 30px;}

.action p {font-size: 19px;}
}


@media (max-width: 800px) {
.h2 {font-size: 16px;}	
.h3 {font-size: 24px;}
.company_photo {justify-content:center;}
.company_photo img {display:block; max-width:100%; margin-bottom:25px;}
.about_company p {font-size: 16px; line-height: 25px;}

.services_list > div {display:block; width:100%;}
.services_list span {font-size: 16px;}

.certificates_inner.flex {justify-content:space-between;}
.certificates_inner div {margin-right:0;}
.certificates_inner div {width: calc((100% / 2) - 20px); }

.contacts_form_left, .contacts_form_right {width:100%;}
.contacts_form_left {margin-bottom:30px;}
.contacts_links a {display:block; margin-bottom: 15px;}

.footer_column {width:100%; padding-left:0; margin-bottom:25px;}

.header_top_inner {display:none;}
.header_media_social {display:flex;}

.banner {height:auto;}
.banner_left, .banner_middle, .banner_right {width:100%;height:auto; justify-content: center;}
.banner_left img {max-width: 350px;}
.banner_left p {width:350px; text-align:center;}
.banner_item span {font-size: 15px;}
.banner_middle a {font-size: 15px;padding:4px 0;}
.banner_media {display:block; width:100%;text-align: center; padding-bottom:15px;}
.banner_media div {margin:5px 0;}
.banner_media span {font-size:10px;}
.banner form {margin-top:25px; max-width:80%;}

.slick-prev {left: -12px;}
.slick-next {right: -12px;}


}



@media (max-width: 400px) {
.footer_column {padding-left:10%;}	
.banner form {max-width:100%;}

.banner_left img {max-width: 90%;}
}