*{
	margin:0;
	padding:0;
}

/*подключение шрифтов*/
@font-face {
	font-family: RobotoSB; /* Гарнитура шрифта */
	src: url(font/RobotoSlabBold.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
	font-family: RobotoSL; /* Гарнитура шрифта */
	src: url(font/RobotoSlabLight.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
	font-family: RobotoSR; /* Гарнитура шрифта */
	src: url(font/RobotoSlabRegular.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
	font-family: SourceSPR; /* Гарнитура шрифта */
	src: url(font/SourceSansProRegular.ttf); /* Путь к файлу со шрифтом */
}
@font-face {
	font-family: SourceSPSB; /* Гарнитура шрифта */
	src: url(font/SourceSansProSemiBold.ttf); /* Путь к файлу со шрифтом */
}

/*цвета препроцессора*/
@orange: #ffdc19;
@black: #141533;


/*общие стили заголовков*/
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding:0;
}

/*стили заголовка*/
h1{
	position: relative;
	color: @orange;
	font-size: 53px;
	line-height: ;
	text-align: ;
	font-family: RobotoSB, Arial, sans-serif;
	font-weight: ;
	margin-top: 30px;
	margin-left: 80px;
	text-transform: uppercase;
}
@media (max-width: 1200px){
	h1{
		font-size: 48px;
		margin-left: 0px;
	}
}
@media (max-width: 772px){
	h1{
		text-align: center;
		margin-left: 0px;
		font-size: 32px;
		margin-top: .0px;
	}
}

/*стили для заголовка второго уровня*/
h2{
	position: relative;
	color: @black;
	font-size: 36px;
	text-align: left;
	font-family: SourceSPSB, Arial, sans-serif;
	text-transform: uppercase;
}
@media (max-width: 1200px){
	h2{
		font-size: 36px;
	}
}
@media (max-width: 772px){
	h2{
		font-size: 28px;
		text-align: center;
	}
}

a,p{
	margin: 0;
	padding: 0;
	text-decoration:none;
	&:hover{
		text-decoration:none;
	}
}
/*блочная ссылка*/
.link{
	text-align: center;
	height: 100%;
	position: relative;
	display: block;
	z-index: 100;
}

/*убираем границы вокруг кнопок и инпутов*/
button, input,
button, input:active, 
button, input:focus {
    outline: none;
}

/*две кнопки захвата*/
.btn_orange{
	border: none;
	border-radius: 4px;
	background-color: @orange;
	font-family: SourceSPR, Arial, sans-serif;
	font-size: 21px;
	text-transform: none;
	color: @black;
	padding:10px 40px 10px 40px;
	box-shadow: 0 2px 2px rgba(20, 21, 51, 0.5);
	&:active{
		box-shadow: inset 0 0 10px rgba(20, 21, 51, 0.5);
	}
}

/*стили инпутов*/
input{
	border: none;
	width: 100%;
	border-bottom: 1px solid #b9b2b3;
	background-color: rgba(0,0,0,0);
	font-family: SourceSPR, Arial;
	color: white;
	padding:10px;
	padding-left: 10px;
	font-size: 18px;
}

/*разделения у инпута телефонов*/
.border_up{
	position: relative;
	top: -15px;
}
.span{
	display: inline-block;
	border-bottom: 1px solid #b9b2b3;
	position: relative;
}
.span_1{
	width: 40px;
	left: -7.5px;
}
.span_2{
	width: 60px;
}
.span_3{
	width: 140px;
	right: -7.5px;
}

/*кнопка шапки обр звонок*/
.btn__header{
	border: 1px solid @orange;
	background-color: rgba(0,0,0,0);
	font-family:  Arial, sans-serif;
	padding:5px 25px 5px 25px;
	font-size: 17px;
	color: @orange;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	transition: all .3s;
	text-transform: none;
	margin-left: 25px;
	&:hover{
		background-color: @orange;
		color: white;
	}
	&:focus{
		background-color: @orange;
		color: white;
	}
}


	.logo{
		width: 240px;
    height: 62px;
    display: block;
    left: -20px;
    position: relative;
    float: none;
    background-position-x: center;
    background-size: 71px 62px;
    background: url(http://europol99.ru/img/logo.svg);
	}

/*главная страница*/



/* наша команда */
section#comand{
	padding-top: 90px;
	padding-bottom: 80px;
	background-color: #f8f8f9;
	p.comand__h2-text{
		line-height: 22px;
		margin-top: 50px;
	}

	.comand-block{
		padding-top: 25px;
		display: inline-block;
		width: 100%;
		.comand-block-cell{
			margin-top: 30px;
			display: inline-block;
			width: 16.333333333%;
			@media (max-width: 772px){
				width: 100%;
				margin: 30px 0;
			}
			img{
				max-width: 100%;
			}
			p.comand-block-cell__name{
				font-weight: bold;
				margin-top: 23px;
			}
			p.comand-block-cell__name,
			p.comand-block-cell__status{
				font-size: 16px;
				margin-top: 10px;
				text-align: left;
				color: black;
				@media (max-width: 772px){
					text-align: center;
				}
			}
		}
		@media (max-width: 772px){
			.comand-block-cell{
				text-align: center;
			}
		}
	}
}
@media (max-width: 772px){
	section#comand{
		padding-top: 60px;
		text-align: center;
	}
}







/* четыре блока акций*/
	#advantages{
		position: relative;
		padding-top: 40px;
		padding-bottom: 90px;
		width: 100%;
		/*блоки ячейки*/
		.advantages-cell{
			margin-top: 30px;
			text-align: center;
			.advantages-cell-block{
				height: 85px;
				text-align: center;
			}

			.advantages-cell__text{
				margin-top: 35px;
				font-size: 21px;
				line-height: 24px;
				font-family: SourceSPR, Arial;

				span{
					font-family: RobotoSB, Aria;
				}
			}
		}
		@media (max-width: 772px){
			.advantages-cell{
				text-align: center;
			}
		}
	}
/* четыре блока акций*/

/*блок как мы выполняли работы*/
	#working{
		width: 100%;
		position: relative;
		padding-bottom: 40px;
		h2{
			margin-bottom: 50px;
		}
		/*слайдер*/
		.slider-working{
			width: 100%;
			
			
			.working-video{
				width: 100%;
				display: none;
				-webkit-animation-name: fade;
				-webkit-animation-duration:1s;
				animation-name:fade;
				animation-duration:1s;
				.youtube{
					box-shadow: 10px 10px 15px rgba(20, 21, 51, 0.5);
					height: 350px;
				}
				@media (max-width: 1200px){
					.youtube{
						height: 300px;
					}
				}
				@media (max-width: 992px){
					.youtube{
						height: 200px;
					}
				}
				@media (max-width: 772px){
					.youtube{
						height: 250px;
					}
				}
			}
			.working-video.curry{
				display: inline-block;

			}
		}
		@keyframes fade{
			0%{opacity:0.4;}
			100%{opacity:1;}
		}
				

		.block_navigation_slider{
			margin-top: 20px;

		}
		.prevslide,
		.nextslide{
			cursor: pointer;
		}
		.nextslide{
			margin-left: 10px;
		}
	}
/*блок как мы выполняли работы*/

/*блок портфолио*/
	#portfolio{
		padding-bottom: 100px;
		h2{
			margin-bottom: 50px;
		}

		/*два блока табов*/
		.portfolio-cell{
			max-width: 360px;
			float: left;
			margin-left: 20px;
			.portfolio-cell__tab{
				width: 170px;
				display: inline-block;
				text-align: center;
				margin-top: 20px;
				border:1px solid #c2c2ca;
				background-color: rgba(0,0,0,0);
				border-radius: 50px;
				padding: 5px 0px 5px 0px;
				&:active{
					background-color: @orange;
					box-shadow: inset 0 0 5px @black;
					p{
						position: relative;
						top: 1px;
					}
				}

				p{
					font-family: SourceSPSB, Arial;
					font-size: 21px;
					color: @black;		
				}
			}
			#tab__cottage{
				background-color: @orange;
			}
			.portfolio-cell__tab_1{
				float: right;
			}
			.portfolio-cell__tab__2{
				width: 100%;
			}
			@media (max-width: 395px){
				.portfolio-cell__tab{
					width: 100%;
				}
				.portfolio-cell__tab_1{
					float: none;
					width: 100%;
				}
				.portfolio-cell__tab__2{
					width: 100%;
				}
			}
		}
		.portfolio-cell_1{
			margin-left: 0px;
		}
		@media (max-width: 992px){
			.portfolio-cell{
				max-width: 340px;
			}
			.portfolio-cell_1{
				margin:auto;
			}
		}
		@media (max-width: 772px){
			.portfolio-cell{
				max-width: 360px;
				margin:0 auto;
				float: none;
			}
		}

		/*стили активного слайдера*/
		.hidden__slider{
			display: none;
		}

		.active__slider{
			display: block;
		}

		/*стили для слайдера*/
		.top_slider{
			margin-top: 50px;
		}
		/*слайдер коттедж*/
		.slider-kottedg, .slider-apartments, .slider-stock, .slider-townhouses, .slider-offices, .slider-trade{
			text-align: center;	

			.slider-kottedg_slide{
				text-align: center;
				img{
					max-width: 365px;
					text-align: center;
				}
				.one_slider{
					margin-left: 0px;
					margin:auto;
				}
				.two_slider{
					margin-left: 7.5px;
					margin:auto;
				}
				.three_slider{
					margin-left: 15px;
					margin:auto;
				}
				@media (max-width: 1200px){
					img{
						max-width: 98%;
						height: auto;
					}
					.one_slider{
						margin-left: 0px;
						margin:auto;
					}
					.two_slider{
						margin-left: 0px;
						margin:auto;
					}
					.three_slider{
						margin-left: 0px;
						margin:auto;
					}
				}
			}
			.slider-icon-nav-left, .slider-icon-nav-right{
				cursor: pointer; 
				position:absolute; 
				top:247px; 
			}
			.slider-icon-nav-left{
				right:52.5px;
			}
			.slider-icon-nav-right{ 
				right:0;
			}
			@media (max-width: 799px){
				.slider-icon-nav-left, .slider-icon-nav-right{
					top:247px; 
				}
				.slider-icon-nav-left{
					left: 0px; right: 0;
					margin:auto;
					margin-left: 45%;
				}
				.slider-icon-nav-right{ 
					left: 0px; right: 0;
					margin:auto;
					margin-right: 40%;
				}
				@media (max-width: 595px){
					.slider-icon-nav-left{
						margin-left: 25%;
					}
					.slider-icon-nav-right{ 
						margin-right: 20%;
					}
				}
			}
			@media (max-width: 360px){
				.slider-icon-nav-left, .slider-icon-nav-right{
					top:none; 
					bottom: 0;
				}
			}
		}
	}
/*блок портфолио*/

/*блок форма экономии*/
	#form_economy{
		width: 100%;
		padding-top: 70px;
		padding-bottom: 70px;
		background-color: #f8f8f9;
		position: relative;

		/*форма заявки*/
		.form__economy{
			max-width: 960px;
			margin:auto;
			text-align: left;
			padding-top: 15px;
			padding-bottom: 50px;
			background-color: white;
			margin-top: 55px;
			box-shadow: 0px 3px 10px #cccccd;
			position: relative;
			border-radius: 4px;

			.input__form__economy{
				border-bottom: 1px solid #6d6e7a;
				color: #6d6e7a;
				max-width: 270px;
				margin:20px 20px 0px 20px;
				text-align: left;
			}

			.btn_form__economy{
				position: relative;
				margin-left: 20px;
				width: 270px;
				height: 60px;
				top: 20px;
				position: relative;
			}
			#phone__form__economy{
				border-bottom: none;
			}
			.block_input_phone{
				display: inline-block;
				max-width: 270px;
				position: relative;
    			top: 30px;
    			left: 30px;
    			#phone__form__economy{
    				left: -30px;
    				position: relative;
    			}
			}

			@media (max-width: 1200px){
				#phone__form__economy{
					border-bottom: 1px solid #6d6e7a;
				}
				.block_input_phone{
					display: inline-block;
					width: 100%;
					position: relative;
	    			top: 0px;
	    			left: 0px;
	    			#phone__form__economy{
	    				left: 0px;
	    				position: relative;
	    			}
				}
			}
			.border_up_2{
				
				.span{
					display: inline-block;
					border-bottom: 1px solid #6d6e7a;
					position: relative;
				}
				.span_1{
					width: 40px;
					left: -7.5px;
				}
				.span_2{
					width: 60px;
				}
				.span_3{
					width: 140px;
					right: -7.5px;
				}
			}
			@media (max-width: 1200px){
				.border_up_2{
					display: none;
				}
			}
			@media(max-width: 992px){
				.form__economy__form{
					margin:auto;
					text-align: center;
				}
				#name__form__economy{
					margin-left: -20px;
				}
				.input__form__economy{
					max-width: 250px;
					margin-left: 0px;
					margin-right: 0px;
				}
				#name__form__economy{
					margin-left: 0px;
				}
				.btn_form__economy{
					width: 250px;
					margin-left: 0px;
					margin-right: 0px;
				}
			}
			@media(max-width: 340px){
				.input__form__economy,
				.btn_form__economy{
					width: 240px;
				}
				.btn_form__economy{
					height: auto;
				}
			}
		}
	}
/*блок форма экономии*/

/*блок компаний которым мы залили пол*/
#company{
	padding-top: 35px;
	img{
		width: 70%;
		margin-top: 60px;
	}
	.company__img_1{
		margin-top: 75px;
	}
	.company__img_2{
		margin-top: 65px;
	}
	.company__img_4{
		width: 30%;
		float: left;
		margin-right: 10px;
	}
	.company__img_5{
		margin-top: 55px;
	}
	.block_company{
		p{
			font-size: 25px;
			font-family: SourceSPSB, sans-serif; 
			line-height: 27px;
			margin-top: 60px;
		}	
		img{
			@media (min-width: 992px){
				max-width: 178.5px;
			}
		}
		@media (min-width: 992px){
			.company__img_5{
				float: right;
			}
			.company__img_6{
				text-align: left;
			}
		}
	}
	@media (max-width: 772px){
		.block_company{
			text-align: center;
		}
		.company__img_4{
			float: none;
		}
		img{
			margin-top: 60px;
		}
		.company__img_1{
			margin-top: 60px;
		}
		.company__img_2{
			margin-top: 60px;
		}
		.company__img_4{
			margin-top: 60px;
			margin-right: 0px;
		}
	}
}

/*отзывы*/
	#reviews{
		padding-top: 70px;
		padding-bottom: 90px;
		width: 100%;
		.slick-slide {margin: 0 15px;}
		h2{
			margin-left: 15px;
		}
		@media (max-width: 992px){
			.slick-slide {margin: 0 1px;}
			h2{
				margin-left: 0px;
			}
		}

		/*ячейка слайда*/
		.top_slider{
			margin-top: 60px;
		}
		.slider-reviews_slide{
			width: 350px;
			background-color: @orange;
			min-height: 390px;
			padding-bottom: 20px;
			border-radius: 0px 0px 4px 4px;
			
			/*стили текста*/
			.block_reviews_top, .block_reviews_up{
				padding-top: 10px;
				.text__reviews{
					padding-left: 20px;
					font-size: 18px;
					color: @black;
					font-family: SourceSPR,Arial;
					span{
						font-family: SourceSPSB,Arial;
					}
				}
			}

			/*верхний блок текста*/
			.block_reviews_top{
				padding-bottom: 10px;
			}
			
		}
	}
	@media (max-width: 992px){
		#reviews{
			padding-bottom: 110px;
		}
	}

	/*разделение слайдов*/
	

	.slider-icon-nav-left__reviews,
	.slider-icon-nav-right__reviews{
		cursor: pointer; 
		position:absolute; 
		top:410px; 
	}
	
	@media (max-width: 799px){
		.slider-icon-nav-left__reviews, .slider-icon-nav-right__reviews{
			top:410px; 
		}
		.slider-icon-nav-left__reviews{
			left: 75px;
			margin:auto;
		}
		.slider-icon-nav-right__reviews{ 
			right: 75px;
			margin:auto;
			
		}
		
	}
	@media (max-width: 595px){
		.slider-icon-nav-left__reviews{
			left: 15%;
		}
		.slider-icon-nav-right__reviews{ 
			right: 15%;
		}
	}
	@media (max-width: 360px){
		.slider-icon-nav-left__reviews, .slider-icon-nav-right__reviews{
			top:none; 
			bottom: 0px;
			margin-top: 50px;
		}
	}
/*отзывы*/

/*подвал*/
footer{
	position: relative;
	background-color: #f8f8f9;
	padding: 30px 0;
	p{
		font-family: 'RobotoSB', Arial, sans-serif;
		line-height: 24px;
	}
	.polosa{
		width: 100%;
		background-color: @orange;
		min-height: 80px;
		.footer__h2{
			font-size: 48px;
			margin-top: 15px;
			z-index: 11;
		}
		.romb__footer{
			position: absolute;
			top: 55px;
			z-index: 10;
		}
		@media (max-width: 992px){
			.footer__h2{
				font-size: 28px;
				margin-top: 0px;
				padding:10px 0px 10px 0px;
			}
			.romb__footer{
				position: absolute;
				top: 30px;
				z-index: 10;
			}
		}
	}
	#map{
		width: 100%;
		height: 670px;
		position: relative;
	}
}

/*фоновые полоски*/
.luchi{
	width: 100%;
	height: auto;
	position: absolute;
}

/*media*/
.visible-md, .visible-sm, .visible-xs{
	display: none;
}

@media (max-width: 1200px){
	.hidden-md{
		display: none;
	}
	.visible-md{
		display: block;
	}
}

@media (max-width: 992px){
	.hidden-sm{
		display: none;
	}
	.visible-sm{
		display: block;
	}
	.text-center-sm{
		text-align: center;
	}
}

@media (max-width: 772px){
	.hidden-xs{
		display: none;
	}
	.visible-xs{
		display: block;
	}
}


/*.preloader-fon{
	z-index: 100000;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: white;
	img{
		position: absolute;
		margin: auto;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	}
}*/
/* страница благодарности */
section.thancks{
	padding: 5rem 0 10rem;
	min-height: 678px;
	background-position: center;
	background-size: cover;
  background-image: url(img/bg-section-scope.jpg);
	h1{
		font-size: 2.875rem;
    margin: 6rem 0 2rem 0;
    color: white;
		text-align: center;
		font-weight: 700;
	}
	p{
		text-align: center;
    color: white;
    cursor: auto;
    font-family: "Open Sans",Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    margin: 0;
    padding: 0;
    position: relative;
	}
	a{
		border-radius: .4rem;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    background: #fadd3c;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05), inset 0 -3px 0 #dbb60c;
    box-shadow: 0 3px 5px rgba(0,0,0,.05), inset 0 -3px 0 #dbb60c;
    zoom: 1;
    -webkit-transition: background-color 400ms ease-out;
    -o-transition: background-color 400ms ease-out;
    transition: background-color 400ms ease-out;

    margin: auto;
    display: block;
    max-width: 230px;
    text-align: center;
    margin-top: 3rem;
	}
}