header {
    background-image: url(../img/gl/header.webp);
}


h2 { font-size: 1.8rem;

}
	
.artpreim {
width: 60%;padding: 50px;
}

.artpreimnaim {
width: 100%;
    font-weight: 300;
    font-size: 3.725vw;
    line-height: 4.1666666667vw;
    letter-spacing: 0.04em;
	margin-bottom: 7.8125vw;
}
@media screen and (max-width: 780px) {
.artpreimnaim {
    font-size: 6.25vw;
        line-height: 9.375vw;
}
}
.artpreimnaim span, .dogovor h5 {
font-weight: 700;
}

.dogovor h5 { 
	font-size: 1.25em;
    letter-spacing: 0.04em;
    margin: 70px 0 30px;
	}
	
@media screen and (max-width: 780px) {
.dogovor h5 { 
	font-size: 1.25em;
	}
}
	
.artpreim h4 {
margin: 15px 0 2px;
}
.dogovor {  -webkit-box-align: center;
         -ms-flex-align: center;
          align-items: center;  
 /*  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; */
width: 40%;
}
.dogovor p {  
width: 230px;
}
.dogovor img {  
width: 100%;
}

@media screen and (max-width: 780px) {
.dogovor, .artpreim {  
width: 100%;
/*text-align:center;*/
}
.dogovor h5 {  
    margin: 20px 0 5px;
}
.dogovor p {  

font-size: 3.125vw;
        line-height: 4.375vw;
}
article {  
flex-direction: column;width: 95%;margin: 0 auto;
}
.artpreim {
padding: 5px;
}
.artpreim .preim  {  
flex-direction: row;
}
.artpreim .preim div  {  
width: 45%;font-size: 2.95vw;align-items: center; margin-bottom: 4.6875vw;
}
}


.shagibloki .slick-slide {padding: 20px 16px;background-size: cover;text-align: left;
    width: 250px;
    margin-right: 54px;
	height: 320px;
}

@media screen and (min-width: 1580px) {
.shagibloki .slick-slide {
    width: 350px;
	height: 500px;
}
}
@media screen and (max-width: 780px) {
.shagibloki .slick-slide {
    width: 230px;
	height: 380px;
}
}



@media screen and (max-width: 780px) {
.shagi {
    width: 85%;margin: 0 auto;height: 100%;
}
.shag1, .shag2, .shag3, .shag4, .shag5 {
    width: 590px;margin-right: 10px;min-height: 100vh;border-radius: 50px; 
	background-size: cover;
}
}


.shagibloki div span {
    border-radius: 25px;
    background-color: #fff;
    margin-bottom: 1.5625vw;
	padding: 10px 20px;
	/* width: 80px; */
	line-height: 2.6;
	font-weight: 600;
}

.shagibloki div h5, .shagibloki div a {
font-weight: 700;
    font-size: 14px;
    line-height: 1.82;
    letter-spacing: 0.02em;
}

.shagibloki div h5 {
margin: 4px 0;
}


@media screen and (max-width: 780px) {
.shagibloki div span {
	width: 120px;
}
.shagibloki div span, .shagibloki div h5, .shagibloki div a {
font-size: 15px;
}

}

.shagibloki div a {
    text-align: left;
    line-height: 2;
    letter-spacing: 0.02em;
}


.shagibloki div p {font-weight: 400;
    font-size: 14px;
    line-height: 1.35;
    letter-spacing: 0.03em;
	width: 50%;
	}
.shagibloki .obr, .otzivi, .konsultant {
flex-direction: row;}
.shagibloki .obr {
width: 100px;
          align-items: left;}
		  
.shag1 { background-image: url(../img/gl/shagi/shag_1.webp);}
.shag2 { background-image: url(../img/gl/shagi/shag_2.webp);}
.shag2 p, .shag2 h5, .shag3 p, .shag3 h5 {
color: #000;
	}
.shag2 p, .shag2 h5, .shag4 p, .shag4 h5 {
	width: 80% !important;
	}
.shag3 { background-image: url(../img/gl/shagi/shag_3.webp);}
.shag3 p, .shag3 h5, .shag5 p, .shag5 h5 {
	width: 95% !important;
	}
/*	
.shag4 p, .shag4 h5, .shag5 p, .shag5 h5 {
	background: radial-gradient(rgba(5,30,49, 0.3), rgba(5,30,49, 0.5));
	} */
/* .shag4, .shag5 {padding: 0 !important;
height: 360px !important;
width: 250px !important;	} */
/* margin-right: 2px !important;*/

.shag4 div, .shag5 div {height: 100%; width: 80%;margin: 0;padding: 20px 16px;height: 380px !important;color: #fff;	}
/* background: radial-gradient(rgba(5,30,49, 0.3), rgba(5,30,49, 0.5)); */
/*	background-color: hsl(0 0 0 / 60%); */




.shag4 { background-image: url(../img/gl/shagi/shag_4_2.webp);}
.shag5 { background-image: url(../img/gl/shagi/shag_5_2.webp);}


.video, .otzslide {  
width: 46%; margin: 5px 2%;
}

.otzivi .video .slick-slide img, .otzivi .video .slick-list {
	max-width: 400px;margin-right: 10px;
	}

.otzivi .otzslide .slick-slide img, .otzivi .otzslide .slick-list {
	max-width: 180px;margin-right: 10px;
	}
	
@media screen and (min-width: 1580px) {
.otzivi .video .slick-slide img, .otzivi .video .slick-list {
	max-width: 490px;
	}

.otzivi .otzslide .slick-slide img, .otzivi .otzslide .slick-list {
	max-width: 250px;
	}
}

@media screen and (max-width: 780px) {
.otzivi .video .slick-list {
	max-width: 80%; 
	}
.otzivi .otzslide .slick-list {
max-width: 95%;
	}
}

@media screen and (max-width: 780px) {
.otzivi .video .slick-slide img, .otzivi .otzslide .slick-slide img {
max-width: 240px;
	}
}

@media screen and (max-width: 780px) {
[popover] {
max-width: 80%; 
}
.thumb-wrap img {
  max-width: 100% !important; 
}
}
.konsultant	 { background-image: url(../img/gl/fon_kosultaciya.webp); 
	background-size: cover;flex-grow: 1;flex-basis: 0;}
.konsultant>div, .konsultant>img {
   width: 50%;
}
.konsultant>div {font-size: 1.2rem;
   justify-content: space-around;
}
@media screen and (min-width: 1580px) {
.konsultant>div {font-size: 1.8rem;
}
.konsultant .obr a, .konsultant .obr img {
  width: 35px;
}
}

.konsultant>div h3 {font-weight: 300;font-size: 3.0rem;
}
.konsultant>div h3 span {font-weight: 700;
}

@media screen and (max-width: 980px) {
.konsultant>div h3 {font-size: 2.0rem;
}
}
@media screen and (max-width: 780px) {
.konsultant>div h3 {font-size: 1.7rem;
}
}
.konsultant>div h3 {
        width: 95%;
    }
@media screen and (max-width: 800px) {
.konsultant>div, .konsultant>img, .map {
        width: 95%;
    }
.konsultant, .otzivi {
flex-direction: column;}
.video, .otzslide, .otzslide .gallery {
   width: 95%;
}
}