@charset "UTF-8";

/* article { margin: 0 !important; } */

article > div.services > ul,
article > div.services > ul > li:first-child > ul {
	width : 100%;
	padding : 0;
	list-style : none;
	display : flex;
	flex-wrap : wrap;
	}

article > div.services > ul > li:first-child > ul {	margin : 0; }
article > div.services > ul > li { position : relative; }
	
article > div.services > ul > li:last-child {
	background-color : rgba(246, 246, 246, 1);
	background-repeat : no-repeat;
	background-size : 35px 35px;
	}

article > div.services > ul > li > h6 {
	margin : 0;
	padding : 0;
	text-transform : uppercase;
	white-space : nowrap;
	}
	
article > div.services > ul > li:last-child > ul {
	width : 100%;
	margin : 10px 0 0 0;
	padding : 0;
	list-style : none;	
	}
	
article > div.services > ul > li:last-child > ul > li {
	position : relative;
	width : 100%;
	padding-left : 15px;
	padding-bottom : 10px;
	}
	
article > div.services > ul > li:last-child > ul > li::before {
	display : block;
	position : absolute;
	top : 8px;
	left : 0;
	z-index : 10;	
	width : 5px;
	height : 5px;
	background-color : rgba(136, 34, 37, 1);
	border-radius : 50%;
    content : '';
   	}
   	
article > div.services > ul > li > a.button { margin : 10px 0 !important; }
article > div.services > ul > li:first-child { overflow : hidden; }	
article > div.services > ul > li:first-child > ul { width : 2000em; }

article > div.services > ul a { 
	color : rgba(136, 34, 37, 1); 
	transition : all 0.25s ease;
	}

article > div.services > ul a:hover { color : rgba(188, 188, 188, 1); }

article > div > div.blockqoute {
	position : relative;
	font : 500 16px/24px 'GothamPro', Arial, Tahoma, Verdana, sans-serif;
	text-transform : uppercase;
	border-top : solid 1px rgba(227, 227, 227, 1);
	border-bottom : solid 1px rgba(227, 227, 227, 1);
	}
	
article > div > div.blockqoute::before {
	display : block;
	position : absolute;
	left : 40px;
	z-index : 10;
	color : rgba(136, 34, 37, 1);
	font : 500 120px/90px 'GothamPro', Arial, Tahoma, Verdana, sans-serif;
	content : '100';
	}
	
article > div > div.blockqoute::after {
	display : block;
	position : absolute;
	left : -10px;
	z-index : 10;
	color : rgba(136, 34, 37, 1);
	font : 500 16px/20px 'GothamPro', Arial, Tahoma, Verdana, sans-serif;
	text-transform : uppercase;
	transform : rotate(-90deg);
	content : 'более';
	}

article > div.services > ul > li > div.icon {
	width : 35px;
	height : 35px;
	}
	
article > div.services > ul > li > div.icon > img {
	display : block;
	width : inherit;
	height : inherit;
	}
	
article > div.services > ul > li > div.icon.cottages {
	background-image : url('../img/info.svg@28082017');
	background-repeat : no-repeat;
	background-position : 50% 50%;
	background-size : 35px 35px; 	
	}
	
article > div.services > ul > li > div.icon.service-13,
article > div.services > ul > li > div.icon.service-14,
article > div.services > ul > li > div.icon.service-15,
article > div.services > ul > li > div.icon.service-16,
article > div.services > ul > li > div.icon.service-17,
article > div.services > ul > li > div.icon.service-19 {
	background-repeat : no-repeat;
	background-position : 50% 50%;
	background-size : contain; 	
	}
	
article > div.services > ul > li > div.icon.service-13 { background-image : url('../img/service.13.svg@05122017'); }
article > div.services > ul > li > div.icon.service-14 { background-image : url('../img/service.14.svg@05122017'); }
article > div.services > ul > li > div.icon.service-15 { background-image : url('../img/service.15.svg@05122017'); }
article > div.services > ul > li > div.icon.service-16 { background-image : url('../img/service.16.svg@05122017'); }
article > div.services > ul > li > div.icon.service-17 { background-image : url('../img/service.17.svg@05122017'); }
article > div.services > ul > li > div.icon.service-19 { background-image : url('../img/service.19.svg@05122017'); }
article > div.services > ul > li > div.icon.service-23 { background-image : url('../img/service.23.svg@05122017'); background-size:cover; }

@media only screen and (min-width : 1181px) {
	article > div.brief { 
		margin-left : 60px;
		margin-right : 60px;
		}

	article h2 { padding : 0 60px !important; }
	
	article > div.services > ul { 
		padding : 0 60px; 
		margin : 0 0 80px 0;
		}
	
	article > div.services > ul.reverse { flex-direction: row-reverse; }
	article > div.services > ul > li > h6 { font : 500 18px/40px 'GothamPro', Arial, Tahoma, Verdana, sans-serif; }
	
	article > div.services > ul > li { 
		width : 50%;
		min-height : 480px;
		}
		
	article > div.services > ul > li > div.swiper-button-next,
	article > div.services > ul > li > div.swiper-button-prev {
		position : absolute;
		bottom : 0;
		z-index : 10;
		width : 80px;
		height : 80px;
		/* background-color : rgba(55, 55, 55, 1); */
		background-color: #882225;
		color : rgba(255, 255, 255, 1);
		transition : all 0.25s ease;
		}
	
	article > div.services > ul > li > div.swiper-button-next { right : 0; }
	article > div.services > ul > li > div.swiper-button-prev { right : 80px; }
	article > div.services > ul.reverse > li > div.swiper-button-next { left : 80px; }
	article > div.services > ul.reverse > li > div.swiper-button-prev { left : 0; }
	
	article > div.services > ul > li > div.swiper-button-next:hover,
	article > div.services > ul > li > div.swiper-button-prev:hover { 
		background-color : rgba(136, 34, 37, 1); 
		cursor : pointer;
		}

	article > div.services > ul > li > div.swiper-button-next::before,
	article > div.services > ul > li > div.swiper-button-prev::before {
		position : absolute;
		top : calc(50% - 15px);
		left : calc(50% - 15px);
		z-index : 10;
		width : 30px;
		height : 30px;
		font : normal 30px/30px 'moscowhome', Arial, Tahoma, Verdana, sans-serif;
		text-align : center;
		transition : all 0.25s ease;
		}
	
	article > div.services > ul > li > div.swiper-button-next::before { content : '\e918'; }
	article > div.services > ul > li > div.swiper-button-prev::before { content : '\e919'; }
	article > div.services > ul > li > div.swiper-button-next:hover::before { left : calc(50% - 13px); }
	article > div.services > ul > li > div.swiper-button-prev:hover::before { left : calc(50% - 17px); }
	
	article > div.services > ul > li:last-child {
		padding : 60px 60px 70px 110px;
		background-position : 60px 60px;
		}
		
	article > div.services > ul > li:first-child > ul { height : calc(100% - 80px); }
	
	article > div.services > ul > li:first-child > ul > li {
		height : 100%;
		background-size : cover;
		background-position : 0 50%;
		background-repeat : no-repeat;
		}
		
	article > div.services > ul > li:first-child > ul > li > img { display : none; }
	
	article > div > div.blockqoute {
		width : 560px;
		margin : 0 auto 80px auto;
		padding-left : 280px;
		padding-right : 40px;
		padding-top : 60px;
		padding-bottom : 60px;
		}
		
	article > div > div.blockqoute::before { top : 60px; }
	article > div > div.blockqoute::after { bottom : 85px; }
	
	article > div.services > ul > li > div.icon {
		position : absolute;
		top : 60px;
		left : 60px;
		z-index : 10;
		}
	}
	
@media only screen and (min-width : 591px) and (max-width : 1180px) {
	article > div.brief,
	article > div.services > ul > li:last-child { 
		margin-left : 40px;
		margin-right : 40px;
		}
		
	article h2 { padding : 0 40px !important; }
	article > div.services > ul { margin : 0 0 60px 0; }
	article > div.services > ul > li > h6 { font : 500 16px/40px 'GothamPro', Arial, Tahoma, Verdana, sans-serif; }	
	article > div.services > ul > li:first-child { width : 100%; }
	article > div.services > ul > li:last-child { flex : 1; }
		
	article > div.services > ul > li:first-child > ul > li {
		padding-right : 40px;
		background-image : none !important; 
		}
	
	article > div.services > ul > li:first-child > ul > li > img {
		display : block;
		width : 100%;
		height : auto;
		}
		
	article > div.services > ul > li:last-child {
		padding : 45px 45px 35px 95px;
		background-position : 45px 45px;
		}
		
	article > div.services > ul > li:first-child > ul { padding : 0 40px; }		
	article > div.services > ul > li > div.swiper-button-next, 
	article > div.services > ul > li > div.swiper-button-prev { display : none; }
	
	article > div > div.blockqoute {
		width : 560px;
		margin : 0 auto 60px auto;
		padding-left : 280px;
		padding-right : 40px;
		padding-top : 60px;
		padding-bottom : 60px;
		}
		
	article > div > div.blockqoute::before { top : 60px; }
	article > div > div.blockqoute::after { bottom : 85px; }
	
	article > div.services > ul > li > div.icon {
		position : absolute;
		top : 40px;
		left : 40px;
		z-index : 10;
		}
	}
	
@media only screen and (max-width : 590px) {
	article > div.brief,
	article > div.services > ul > li:last-child { 
		margin-left : 20px;
		margin-right : 20px;
		}
		
	article h2 { padding : 0 20px !important; }	
	article > div.services > ul { margin : 20px 0 40px 0; }	
	article > div.services > ul > li > h6 { font : 500 14px/40px 'GothamPro', Arial, Tahoma, Verdana, sans-serif; }
	article > div.services > ul > li:first-child { width : 100%; }
	article > div.services > ul > li:last-child { flex : 1; }
	
	article > div.services > ul > li:first-child > ul > li {
		padding-right : 20px;
		background-image : none !important; 
		}
	
	article > div.services > ul > li:first-child > ul > li > img {
		display : block;
		width : 100%;
		height : auto;
		}
		
	article > div.services > ul > li:last-child {
		padding : 30px 30px 20px 30px;
		background-position : 30px 30px;
		}
	
	article > div.services > ul > li:first-child > ul { padding : 0 20px; }
	article > div.services > ul > li > div.swiper-button-next, 
	article > div.services > ul > li > div.swiper-button-prev { display : none; }
	article > div.services > ul > li > div.icon { padding-bottom : 10px; }
	
	article > div > div.blockqoute {
		width : 100%;
		max-width : 280px;
		margin :  0 auto 40px auto;
		padding-left : 20px;
		padding-right : 20px;
		padding-top : 160px;
		padding-bottom : 40px;
		}
		
	article > div > div.blockqoute::before { top : 40px; }
	article > div > div.blockqoute::after { top : 90px; }
	}