/* Common styles */

h1{font-size:60px;font-weight:400;margin-top:0;}
h2{margin-bottom:60px;}
p{font-size:16px;line-height:24px;margin-bottom:0;}
.height-100{height: 100%;}

.main-button.main-button-white{border:1px solid #FFF;}
.main-button.main-button-white>a{color:#FFF;}
.main-button.main-button-white:after{background:#FFF}
.main-button.main-button-white:hover>a{color:#000;}

.about-slider-navigation{display:flex;align-items:flex-end;}
.about-slider-prev,
.about-slider-next{width:80px;height:80px;margin-right:25px;}
.about-slider-navline{background:#B7C1C7;height:1px;flex-grow:1;position:relative;}

.about-slider-navline-current{height:4px;background:#CC2939;position:absolute;left:0;top:-3px;width:0;}

.about-slider-prev{background:#EDF0F2 url('../img/about/slider-arrow-left.png') no-repeat center;cursor:pointer;}
.about-slider-next{background:#EDF0F2 url('../img/about/slider-arrow-right.png') no-repeat center;cursor:pointer;}

.header-block{background:#fff;}

.slick-arrow.slick-hidden{display:block;}

/* End common styles */



/* First screen */

.first-screen-about{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}

.first-screen-top{display: flex;flex-direction: column;flex-wrap: wrap;padding:40px 60px 60px 165px;height:70%;justify-content:space-between;}

.first-screen-top-text,
.first-screen-top-buttons{width:40%; padding-right:20px;}

.first-screen-top-text{height:70%;}
.first-screen-top-buttons{height:30%;}
.first-screen-top-buttons-contacts{white-space:nowrap;}

.first-screen-top-buttons-presentation{display:flex;margin-bottom:30px;}
.presentation-item{display:flex;align-items:center}

.first-screen-top-buttons-contacts .main-button:not(:first-child){margin-left:25px;}
.first-screen-top-buttons-contacts .main-button>a{padding:20px 65px}

.first-screen-bottom{display:flex;justify-content:space-between;background:#4D7AA7;padding:0 150px 0 110px;height:30%;}

.first-screen-bottom-item{display:flex;align-items:center;}

.first-screen-bottom-item-text{margin-left:30px;}
.first-screen-bottom-item-text div{color:#fff;text-transform:uppercase;}
.first-screen-bottom-item-text div:first-child{font-size:18px;}
.first-screen-bottom-item-text div:last-child{font-size:24px;}
.first-screen-bottom-item-text span{font-size:90px;}

.first-screen-top-map{width:60%;height:100%;text-align:right;}
.map-block{position:relative;display:inline-block; width:100vh;height:50vh;}
.map-block img{width:100%;height:100%}

.map-title-block{/*width:200px;height:60px;*/width:21vh;height:6vh;padding:8px 0 0 5px;color:#fff;text-align:left;display:block;background:#AA2838;}
.map-title-block:hover{color:#fff;}
.map-title-block>div{background:url('../img/about/map-city-icon.png') no-repeat left top;padding-left:25px;font-size:16px;}
.map-title-block>div>div:last-child{font-size:11px;}
.map-line{flex-grow:1;position:relative;}
.map-line span{border:2px solid #000;border-radius:50%;width:10px;height:10px;display:block;position:absolute;}

.map-krasno{position:absolute;bottom: 0;left: 57%;height: 35%;display:flex;flex-direction:column;justify-content:space-between;width:20%;}
.map-krasno .map-line{border-right: 2px solid #000;border-top: 2px solid #000;width: 30%;margin-left: 20%;}
.map-krasno .map-line span{top:-5px;left:-10px;}
    
.map-piter{position:absolute;position:absolute;top:0;left:0;width:25%;display:flex;height:38%;}
.map-piter .map-line{order:1;margin-top:11%;border-top:2px solid #000;border-right:2px solid #000;}
.map-piter .map-line span{bottom: -10px;right: -5px;}

.map-moscow{position:absolute;position:absolute;top:38%;left:0;width:25%;display:flex;height:13%;}
.map-moscow .map-line{order:1;margin-top:11%;border-top:2px solid #000;border-right:2px solid #000;}
.map-moscow .map-line span{bottom: -10px;right: -5px;}

.map-ekaterinburg{position: absolute;top: 0;left: 40%;display: flex;height: 62%;flex-direction: column;width:36%;}
.map-ekaterinburg .map-title-block{margin-left:auto;}
.map-ekaterinburg .map-line{order: 1;margin-right: 33%;border-right: 2px solid;border-bottom: 2px solid;}
.map-ekaterinburg .map-line span{bottom: -6px;left: -10px;}

.map-krasnodar{left: 0;bottom: 0;position: absolute;display: flex;flex-direction: column;height: 29%;width:20%;}
.map-krasnodar .map-line{margin-left: 50%;width: 31%;border-left: 2px solid;border-top: 2px solid;}
.map-krasnodar .map-line span{right: -10px;top: -6px;}

.map-ryazan{position: absolute;top: 55%;left: 0;display: flex;height: 6%;width: 25%;flex-direction: column;}
.map-ryazan .map-line{order:1;border-right:2px solid;border-bottom:2px solid;margin-left:84%;margin-top:-18%}
.map-ryazan .map-line span{right: -6px;bottom: 11px;}

.map-novosib{position: absolute;bottom: 0;left: 33%;height: 22%;display: flex;flex-direction: column;width:20%;}
.map-novosib .map-line{margin-left: 50%;width: 30%;border-left: 2px solid;border-top: 2px solid;}
.map-novosib .map-line span{right: -10px;top: -6px;}

.map-irkutsk{position:absolute;top:38%;right:0;height:29%;display:flex;width:28%;}
.map-irkutsk .map-line{margin-top: 11%;border-left:2px solid;border-top:2px solid;}
.map-irkutsk .map-line span{bottom:-10px;left:-6px;}

.map-kazan{position:absolute;top:0;left:31%;height:62%;display:flex;width:22%;}
.map-kazan .map-line{margin-top: 11%;border-left:2px solid;border-top:2px solid;}
.map-kazan .map-line span{bottom:-8px;left:-6px;}

.logos-map{position:absolute;top:0;right:5%;}
.logos-map>div:first-child{width: 5vw;margin:0 auto 5px auto;}
.logos-map>div:last-child{width: 5vw;}

/* End First screen*/

/* Second screen */

.second-screen-about{height:100%;padding-bottom:40px;}
.second-screen-about-top{height:45%;background: linear-gradient(180deg, #EEEEEE 62.11%, rgba(244, 244, 244, 0) 100%);padding:0 100px 0 165px;}
.second-screen-about-bottom{height:55%;padding: 0 100px 10px 165px;display:flex;flex-direction:column;justify-content:space-between;}
.second-screen-slider-wrapper{height:60%;flex-grow:1;}
.second-screen-slider-wrapper .slick-list,
.second-screen-slider-wrapper .slick-track,
.second-screen-slider-wrapper .slick-slide>div{height:100%;}

.second-screen-slider-item{padding-right:90px;height:100%;}
.second-screen-slider-item-img{height:100px;display:flex;align-items:flex-end;}
.second-screen-slider-item img{max-width:100%;max-height:100%;}

.second-screen-slider-item-delimeter{width:78px;height:4px;background:#B62C3C;margin:30px 0;}
.second-screen-slider-item-text{font-size:21px;line-height:35px;}

.second-screen-about-top-bg{padding-top:60px;padding-bottom:60px;height:100%;background:url('../img/about/second-screen-bg.png') no-repeat right top;display:flex;justify-content:space-between;flex-direction:column;}

.second-screen-about-top-text{width:70%;font-size:16px;line-height:24px;}

.second-screen-about-top-text>div:last-child{margin:35px 60px 0 60px;padding-left:80px;color:#B62C3C;background:url('../img/about/second-screen-text-icon.png') no-repeat left top;min-height:65px;}

/* End second screen */


/* Third screen */

.third-screen-about{height:100%;padding:60px 100px 40px 165px;display:flex;flex-direction:column;background:#E3E6E8 url('../img/about/screen_3_bg.png') no-repeat left top; background-size:contain;}


.third-screen-advantagens{display:flex;flex-wrap:wrap;flex-grow:1;justify-content:space-between;}

.third-screen-advantagens-item{width:30%;display: flex;flex-direction: column;align-items: center;height:50%;}
.third-screen-advantagens-item-title{font-size:18px;font-weight:bold;text-align:center;text-transform:uppercase;margin: 15px 0;letter-spacing:0.2em;}
.third-screen-advantagens-item-desc{font-size:16px;line-height:24px;}

.third-screen-advantagens-item-img-block{display:block;position:relative;cursor:pointer;}
.third-screen-advantagens-item-img-hover{position:absolute;top:0;left:0;z-index:2;opacity:0;transition:all 0.5s;}
.third-screen-advantagens-item-img-block:hover .third-screen-advantagens-item-img-hover{opacity:1;}

/* End third screen */


/* Forth screen */
.forth-screen-about{padding:60px 100px 40px 165px;display:flex;flex-direction:column;height:100%;}
.about-client-slider-block{flex-grow:1;}

.about-client-slider-wrapper,
.about-client-slider-item,
.forth-screen-about .slick-list,
.forth-screen-about .slick-track,
.forth-screen-about .slick-slide>div{height:100%;}

.about-client-slider-item>div{height:50%;}

.about-client-slider-img{height:130px;display:flex;align-items:center;justify-content:center;padding:0 35px;}
.about-client-slider-img>img{max-height:100%;max-width:100%;}
.about-client-slider-title{font-size:16px;text-align:center;line-height:24px;margin-top:20px;padding:0 30px;}

/* End forth screen */


/* Five screen */

.five-screen-about{display:flex;height:100%;}
.five-screen-about-left{width:50%;padding:60px 40px 60px 165px;display:flex;justify-content:space-between;flex-direction:column;}
.five-screen-about-right{width:50%;background:url('../img/about/contacts-map.png') left top; background-size:cover;position:relative;}

.russia-map-contacts{position:absolute;width:calc(100% - 35px);height:auto;left:35px;bottom:20px;opacity:.5}

.five-screen-about-right-text{padding:80px 30px 40px 200px;z-index:2;height:100%;position:relative;}
.five-screen-title{color:#fff;font-size:40px;margin-bottom:50px;}

.five-screen-contacts{margin-bottom:60px;}
.five-screen-contacts>div{height:22px;margin-bottom:25px;padding-left:36px;}
	.five-screen-contacts-phone{background:url('../img/about/contact-icon-phone.png') no-repeat left center;}
	.five-screen-contacts-mail{background:url('../img/about/contact-icon-mail.png') no-repeat left center;}
	.five-screen-contacts-ts{background:url('../img/about/contact-icon-ts.png') no-repeat left center;}

.five-screen-contacts>div,
.five-screen-contacts a{line-height:22px;font-size:21px;color:#fff;}

.five-screen-contacts-mail a{text-decoration:underline;}

.five-screen-slider-wrapper{width:90%;margin:0 -10px;}

.five-screen-slider-item>a{width:100%;height:100%;display:flex;align-items:center;padding:0 10px;}
.five-screen-slider-item img{height:170px;}

.five-screen-slider-wrapper .slick-slide:not(.slick-active){opacity:0;}
/* End five screen */





/* Media */

@media (min-width:1601px){
	.first-screen-bottom-item-text span{line-height: 70px;}
}

@media (max-height:1000px){
	/*.second-screen-slider-item-img{height:60px;}*/
	.second-screen-slider-item-delimeter{margin:20px 0;}
	.second-screen-slider-item-text{font-size:20px;line-height:30px;}
}

@media (max-height:900px){
	.first-screen-top{height:75%;}
	.first-screen-bottom{height:25%;}
}

@media (max-height:850px){
	h1{font-size:50px;margin-bottom:20px;}
	h2{margin-bottom:40px;}
	/*.presentation-item{margin-right:20px;}*/
	.second-screen-slider-item-text{font-size:16px;line-height:20px;}
	.second-screen-slider-item-delimeter{margin-bottom:10px;}
	
	.first-screen-top{padding-bottom:30px;}
	p{margin-top:5px;}
	
	.map-title-block{width:20vh;height:7vh;padding-top:4px;}
	.map-title-block>div>div:last-child{font-size:10px;}
	
	.second-screen-about-bottom{padding-top:20px;}
	.second-screen-slider-item-img{height:80px;}
	
	.third-screen-advantagens-item-title{font-size:16px;margin: 10px 0;}
	.third-screen-advantagens-item-desc{font-size:15px;line-height:20px;}
	
	.third-screen-advantagens-item-img-block{height:35%;}
	.third-screen-advantagens-item-img-block img{height:100%;}
}

@media (max-width:1700px){
	.five-screen-slider-item{height:150px;}
	.five-screen-slider-item img{height:100%;}
}

@media (max-width:1600px){
	.first-screen-bottom-item-text div:first-child{font-size:16px;}
	.first-screen-bottom-item-text span{font-size:70px;}
	.first-screen-bottom-item-text div:last-child{font-size:20px;}
	p{margin-top:5px;}
	.presentation-item a{letter-spacing: 0.3em;}
	.first-screen-top-buttons-contacts .main-button>a{padding:20px 45px;}
	.first-screen-top{padding-bottom:20px;}
	
	.map-title-block{height:7vh;padding: 5px 0 0 2px;}
	.map-title-block>div{font-size:13px;padding-left:20px;background-size:15px;}
	.map-title-block>div>div:last-child{font-size:8px;}
	
	.map-ryazan .map-line{margin-top: -22%;margin-left: 85%;}

	.map-line span{width:8px;height:8px;}
		.map-krasno .map-line span{top:-5px;left:-8px;}
		.map-moscow .map-line span{bottom: -8px;right: -5px;}
		.map-ekaterinburg .map-line span{bottom: -5px;left: -8px;}
		.map-krasnodar .map-line span{right: -8px;top: -5px;}
		.map-ryazan .map-line span{right: -6px;bottom: 5px;}
		.map-novosib .map-line span{right: -8px;top: -5px;}
		.map-piter .map-line span{bottom: -8px;right: -6px;}
		.map-irkutsk .map-line span{bottom:-8px;left:-5px;}
	
	.third-screen-about h2{margin-bottom:50px;}
	.third-screen-advantagens-item{width:31%;}
	.third-screen-advantagens-item-img-block{height:30%;}
	.third-screen-advantagens-item-img-block>img{height:100%;}
	
	.first-screen-top-buttons-presentation{margin-bottom:10px;}
	
	.second-screen-slider-item-img{height:70px;}
}

@media (max-width:1600px){
	h2{margin-bottom:20px;}
	.about-slider-prev, 
	.about-slider-next{width:60px;height:60px;background-size:40px;}
	
	.first-screen-top{flex-direction:row;padding: 20px 60px 20px 110px;}
	.first-screen-top-text{order:1;width:50%;}
	.first-screen-top-map{order:2;height:auto;width:50%;}
	.first-screen-top-buttons{order:3;width:100%;}
	p{font-size:14px;}
	.presentation-item a{font-size:12px;}
	.first-screen-bottom-item img{width:80px;}
	.first-screen-bottom-item-text div:first-child{font-size:14px;}
	.first-screen-bottom-item-text span{font-size:50px;}
	.first-screen-bottom-item-text div:last-child{font-size:16px;}
	.map-block{height:47vh;width:94vh;}
	.first-screen-bottom{height:20%;}
	.first-screen-top{height:80%;}
	
	
	.second-screen-about{margin-bottom:10px;}
	.second-screen-about-top,
	.second-screen-about-bottom{padding-left:110px;}
	
	.second-screen-about-top-bg{padding-top:40px;background-size:contain;}
	.second-screen-slider-wrapper{height:70%;}
	.second-screen-slider-item-text{font-size:14px;line-height:1.2;}
	
	.second-screen-about-top-text{font-size:14px;}
	.second-screen-about-top-text>div:last-child{margin-top:10px;margin-left:10px;}
	.second-screen-slider-item{padding-right:40px;}
	
	
	.third-screen-about{padding:20px 60px 20px 110px;}
	.third-screen-advantagens-item-title{font-size:16px;margin:5px 0;}
	.third-screen-advantagens-item-desc{font-size:14px;}
	
	
	.forth-screen-about{padding:20px 60px 20px 110px;}
	.about-client-slider-title{padding:0 15px;}
	.about-client-slider-img{height:100px;}
	
	.five-screen-slider-wrapper{width:100%;}
	.five-screen-about-left{padding:20px 30px 20px 110px;}
	
	.five-screen-contacts>div, 
	.five-screen-contacts a{font-size:18px;}
}

@media (max-width:1200px){
	.first-screen-top,
	.second-screen-about-top, 
	.second-screen-about-bottom,
	.third-screen-about,
	.forth-screen-about,
	.five-screen-about-left{padding-left:60px;}
	.map-block{height:43vh;width:85vh;}
	.first-screen-top-text{order:1;width:100%;height:30%;}
	.first-screen-top-buttons{order:2;width:30%;height:auto;}
	.first-screen-top-map{order:3;height:auto;width:70%;padding-top:20px;}
	
	.first-screen-top-buttons-contacts{white-space:normal;}
	.first-screen-top-buttons-presentation>.presentation-item{margin-top:15px;}
	.first-screen-top-buttons-contacts>.main-button:last-child{margin-left:0;margin-top:20px;}
	
	.first-screen-top-buttons-presentation{flex-direction:column;}

	.map-ryazan .map-line{margin-top: -27%;}
	.map-ekaterinburg{width: 40%;}
	
	h1{margin-bottom:0;}
	p{line-height:1;}
	.first-screen-bottom{padding: 0 40px;}
	
	.first-screen-bottom-item img{width:60px;}
	
	.first-screen-bottom{height:15%;}
	.first-screen-top{height:85%;}
	.first-screen-bottom-item-text div:first-child{font-size:12px;}
	.first-screen-bottom-item-text span{font-size:30px;}
	.first-screen-bottom-item-text div:last-child{font-size:14px;}
	
	.second-screen-about-top, 
	.second-screen-about-bottom{padding-right:60px;}
	.second-screen-about-top-bg{background-size:180px;}
	
	.second-screen-about-top-text{width:80%;}
	
	.third-screen-advantagens-item-img-block{height:20%;}
	.third-screen-advantagens-item{width:32%;}
	.third-screen-advantagens-item-title{font-size: 14px;margin: 10px 0;}
	.third-screen-advantagens-item-desc{line-height:1.4;font-size:12px;}
	
	.about-client-slider-img{padding:0 15px;}
	
	.five-screen-slider-wrapper{width:100%;}
	
	.five-screen-about-right-text{padding: 20px 30px 40px 80px;}
	
	.five-screen-title{font-size:28px;}
	.five-screen-slider-item{height:120px;}
}

@media (max-width:830px){
	.section{height:auto!important;}
	.section>div{height:auto!important;}
	
	.header-block{background:#fff;}
	.page-header-padding{padding-top:0;}
	
	p{padding-top:10px;font-size:12px;line-height:18px;}
	h1{margin-bottom:25px;font-size:24px;}
	
	.about-slider-navigation{flex-wrap:wrap;}
	.about-slider-navline{width:100%;margin-top:35px;}
	
	.first-screen-top{padding-top:80px;height:auto;}
	.first-screen-top-text{margin-bottom:15px;padding-right:0;}
	.first-screen-top-buttons{width:100%;}
	.first-screen-top-map{width:100%;}
	
	.map-block{width:80vw;height:40vw;}
	
	.logos-map{display:none;}
	.map-title-block{width:16vw;height:6vw;}
	.map-title-block>div{font-size:8px;background:none;padding-left:3px;}
	.map-title-block>div>div:last-child{display:none;}
	
	
	.map-krasno .map-line{border-right: 1px solid #000;border-top: 1px solid #000;}
	.map-moscow .map-line{border-top:1px solid #000;border-right:1px solid #000;}
	.map-ekaterinburg .map-line{border-right: 1px solid;border-bottom: 1px solid;}
	.map-krasnodar .map-line{border-left: 1px solid;border-top: 1px solid;}
	.map-ryazan .map-line{border-right: 1px solid;border-bottom: 1px solid;margin-top: -25%;margin-left: 80%;}
	.map-novosib .map-line{border-left: 1px solid;border-top: 1px solid;}
	.map-piter .map-line{border-top: 1px solid #000;border-right: 1px solid #000;}
	.map-irkutsk .map-line{border-left: 1px solid;border-top: 1px solid;}
	.map-kazan .map-line{border-left: 1px solid;border-top: 1px solid;}
	
	.map-line span{width:3px;height:3px;}
		.map-krasno .map-line span{top:-2px;left:-2px;}
		.map-moscow .map-line span{bottom: -2px;right: -2px;}
		.map-ekaterinburg .map-line span{bottom: -2px;left: -2px;}
		.map-krasnodar .map-line span{right: -2px;top: -2px;}
		.map-ryazan .map-line span{right: -2px;top: -2px;bottom: unset;}
		.map-novosib .map-line span{right: -2px;top: -2px;}
		.map-piter .map-line span{bottom: -3px;right: -2px;}
		.map-irkutsk .map-line span{bottom: -3px;left: -2px;}
		.map-kazan .map-line span{bottom: -3px;left:-2px;}
		
	.map-line span {
		border: 1px solid #000;
	}
	
	
	.first-screen-top-buttons-presentation{margin-bottom:0;}
	.first-screen-top-buttons-presentation>.presentation-item{margin-top:0;margin-bottom:15px;}
	
	.first-screen-top-buttons-contacts{width:50%;}
	.first-screen-top-map{margin-top:20px;}
	
	.first-screen-bottom{height:auto;flex-direction:column;align-items:center;}
	.first-screen-bottom-item{padding: 15px 0;width:206px;}
	
	
	.second-screen-about-top{background:#fff;}
	.second-screen-about-top-bg{background:none;padding-bottom:30px;}
	.second-screen-about-top-text{width:100%;}
	.second-screen-about-top-text>div:last-child{margin-right:0;background-size: 45px;padding-left: 50px;}
	.second-screen-slider-wrapper{margin-bottom:30px;}
	
	
	.third-screen-about{background-position:right top; background-size:auto;}
	.third-screen-advantagens{flex-direction:column;align-items:center;}
	.third-screen-advantagens-item{width:90%;}
	.third-screen-advantagens-item:not(:first-child){margin-top:20px;}
	.third-screen-advantagens-item-img-block{height:80px;width:80px;}
	
	
	.about-client-slider-item{height:350px;}
	.about-client-slider-title{font-size:12px;line-height:20px;margin-top:10px;}
	
	.five-screen-about{flex-direction:column;}
	.five-screen-about-left{width:100%;}
	.five-screen-about-right{width:100%;background:#4D7AA7;}
	
	.five-screen-slider-wrapper{margin-bottom:35px;}
	.five-screen-about .about-slider-navigation{margin-top:35px;}
	
	.five-screen-about-right-text{padding-left:60px;padding-bottom:200px;}
	
	.five-screen-slider-item>a{padding:0 5px;}
	.five-screen-slider-item img{height:110px;}
	
	.five-screen-contacts>div, .five-screen-contacts a{font-size:14px;}
	.five-screen-contacts>div:not(:last-child){white-space:nowrap;}
	
}

/* End media */