/* 
	#333 - темный фон
	#21949b - светло-синий
	#28828a - синий
	#135a61 - темно-синий
	#222528 - черный
*/

::selection{
	background:#21949b;
	color:#fff;
}
	
@font-face{
	font-family:robotocondensed; 
	src:url(fonts/robotocondensed.ttf);
}

@font-face{
	font-family:dinpro-light; 
	src:url(fonts/dinpro-light.otf);
}

@font-face{
	font-family:dinpro-medium; 
	src:url(fonts/dinpro-medium.ttf);
}

a,
button,
input,
select,
textarea{
	outline:none;
}

h2,
h3,
p,
ul{
	margin:0;
	padding:0;
}

	.rey_ul_menu ul{
		list-style:none;
	}

		.rey_ul_menu ul li{
			display:inline;
		}
		
	.rey_text_white,
	.rey_text_white a{
		color:#fff;
	}
	
	.container{
		width:1100px;
	}

	/* ----- MD ----- */
	@media (max-width:1024px){
		.container{
			width:auto;
		}
	}

	/* ----- SM ----- */
	@media (max-width:768px){
		.container{
			width:auto;
		}
	}

	/* ----- XS ----- */
	@media (max-width:470px){
		.container{
			width:auto;
		}
	}

	/*--------------------ALL--------------------*/
	
	.rey_all_title{
		border-top:1px dotted #333;
	}
	
	/*--------------------ORDER--------------------*/
	
	.rey_callback_modal_box{
		background-color:#fff;
		margin:150px 0 0 -300px;
		overflow:hidden;
		padding:15px 15px 50px 15px;
		position:fixed;
		left:50%;
		width:600px;
		z-index:5;
	}
	
	/* ----- XS ----- */
	@media (max-width:700px){
		.rey_callback_modal_box{
			margin:50px 0 0 -40%;
			padding:15px;
			position:fixed;
			width:80%;
		}
	}
	
		.rey_callback_modal_box_close{
			text-align:right;
			width:100%;
		}
		
			.rey_callback_modal_box_close i{
				color:#aaa;
				cursor:pointer;
				padding:5px;
			}
			
				.rey_callback_modal_box_close i:hover{
					color:#777;
				}
		
		.rey_callback_modal_box p{
			font-family:dinpro-light;
			text-align:center;
		}
		
			.rey_callback_modal_box_title{
				font:20px dinpro-medium;
			}
			
			.rey_callback_modal_box_i{
				margin:25px 0;
			}
			
				.rey_callback_modal_box_i i{
					color:#21949b;
					font-size:50px;
				}
	
	.rey_callback_overlay{
		background:rgba(0,0,0,0.5);
		height:100%;
		position:fixed;
		width:100%;
		z-index:4;
	}
	
	/*--------------------TOP-MENU--------------------*/
	
	.rey_top_menu{
		background-color:#222528;
		padding:30px;
	}
	
		.rey_top_menu_logo a{
			text-decoration:none;
		}
			
			.rey_top_menu_logo a h2{
				font:20px dinpro-medium;
				font-weight:normal;
			}
		
		/* ----- MD ----- */
		@media (max-width:768px){
			.rey_top_menu_logo{
				font:17px dinpro-medium;
				padding:15px 0 0 0;
			}
			
				.rey_top_menu_logo img{
					width:30px;
				}
		}
		
		/* ----- XS ----- */
		@media (max-width:470px){
			.rey_top_menu_logo{
				padding:0 0 0 15px;
			}
		}
		
		.rey_top_menu_ul ul{
			margin:20px 5px;
		}
		
			.rey_top_menu_ul ul li{
				margin:0 25px 0 0;
			}
			
				.rey_top_menu_ul ul li a{
					font-family:dinpro-light;
					padding:0 0 5px 0;
				}
				
					.rey_top_menu_ul ul li a:hover,
					.rey_top_menu_ul ul li a:focus{
						border-bottom:3px solid #218e95;
						text-decoration:none;
					}
					
		.rey_top_menu_ul_xs{
			margin:15px 0;
		}
		
			.rey_top_menu_ul_xs ul li{
				margin:10px 0 0 15px;
			}
					
		.rey_top_menu_phone{
			font-family:dinpro-light;
		}
		
			.rey_top_menu_phone i{
				font-size:16px;
			}
	
	/*--------------------FFACE--------------------*/
	
	.rey_fface_triangle_left_block{
		margin:0 0 0 -15px;
		position:absolute;
	}
	
		.rey_fface_triangle_left{
			border-top:15px solid #135a61;
			border-left:15px solid transparent;
		}
	
	.rey_fface_triangle_right_block{
		float:right;
		position:relative;
		margin:-15px 0 0 0;
		width:15px;
	}
	
		.rey_fface_triangle_right{
			border-top:15px solid #135a61;
			border-right:15px solid transparent;
			margin:15px 0 0 0;
			position:absolute;
		}
	
	.rey_fface_block{
		float:left;
		width:62%;
	}
	
	.rey_fface_block_left{
		float:left;
		width:38%;
	}
		
	/* ----- XS ----- */
	@media (max-width:470px){
		.rey_fface_block_left{
			float:left;
			width:100%;
		}
	}

		.rey_fface_menu_item_1{
			background:url('img/fface1-full.jpg');
		}

		.rey_fface_menu_item_2{
			background:url('img/fface2-full.jpg');
		}

		.rey_fface_menu_item_3{
			background:url('img/fface3-full.jpg');
		}
	
		.rey_fface_menu_item{
			background-clip:padding-box;
			background-origin:padding-box;
			background-position:top center;
			background-repeat:no-repeat;
			background-size:cover;
			float:left;
			height:60%;
			opacity:0.9;
			overflow:hidden;
			padding:25px 0;
			width:33.33%;
		}
		
			.rey_fface_menu_item:hover{
				opacity:1;
			}
		
			.rey_fface_menu_item h3{
				color:#333;
				font:24px robotocondensed;
				margin:20px;
				position:absolute;
				z-index:2;
			}
			
			.rey_fface_menu_item_trapecia{
				background:#fff;
				border:1px solid #eee;
				height:200px;
				margin:-100px 0 0 0;
				transform:skewY(-30deg);
				width:100%;
				z-index:1;
			}
			
		/*-----NEWS-----*/
			
		.rey_fface_news{
			background:url('img/top-triangle.png');
			background-repeat:no-repeat;
			background-position:top left;
			background-color:#28828a;
			color:#fff;
			height:calc(60% - 150px);
			font-family:robotocondensed;
			padding:15px;
			overflow:hidden;
			z-index:2;
		}
		
			.rey_fface_news span{
				font:20px robotocondensed;
			}
		
		/* ----- XS ----- */
		@media (max-width:470px){
			.rey_fface_news{
				height:55%;
			}
		}
		
			.rey_fface_news a{
				color:#fff;
			}
			
			.rey_fface_news iframe{
				width:100%;
				height:calc(100% - 100px);
			}
			
			.rey_fface_news_triangle{
				background-color:#21949b;
				height:100px;
				margin:-100px 0 0 -15px;
				transform:skewY(-30deg);
				width:45%;
				z-index:3;
			}
			
		.rey_fface_form{
			background-color:#ffaf5a;
			font-family:robotocondensed;
			height:150px;
			padding:5px 15px 0px 15px;
			z-index:1;
		}
		
			/* --- XS --- */
			@media (max-width:470px){
				.rey_fface_form{
					height:175px;
				}
			}
			
			.rey_fface_form span{
				font:20px robotocondensed;
			}
			
			.rey_fface_form_block{
				float:left;
				width:50%;
			}
			
				.rey_fface_form_block input,
				.rey_fface_form_block textarea{
					padding:5px;
					margin:0 01 1px 0;
					width:99%;
				}
				
				.rey_fface_form_block textarea{
					height:35px;
				}
				
				.rey_fface_form_block button{
					background-color:#000;
					border:none;
					color:#fff;
					padding:5px 20px;
				}
						
	/*--------------------UNDER-FFACE--------------------*/
	
	.rey_under_fface{
		padding:0 0 55px 0;
	}
	
	/*-----TITLE-----*/

	.rey_under_fface_title,
	.rey_all_title{
		border-bottom:1px dotted #333;
		font:30px dinpro-medium;
		margin:0 0 15px 0;
		padding:15px 0;
		text-align:center;
	}
	
	.rey_under_fface_title{
		margin:20px 0 0 0;
	}
	
		.rey_under_fface_title span,
		.rey_all_title span,
		.rey_all_title h1{
			color:#28828a;
			font:30px dinpro-medium;
			font-weight:bold;
			-webkit-margin-before:0;
			-webkit-margin-after:0;
		}
	
	/*-----ITEM-----*/
	
	.rey_under_fface_item{
		display:flex;
		padding:25px;
	}
			
	/* NUMBER */
		
	.rey_under_fface_item_number{
		flex:auto;
		float:left;
		height:70px;
		margin:7px 25px 0 0;
		width:70px;
	}
		
	/* ----- MD ----- */
	@media (max-width:1024px){
		.rey_under_fface_item_number{
			margin:0 15px 0 0;
		}
	}
	
	/* ----- XS ----- */
	@media (max-width:470px){
		.rey_under_fface_item_number{
			float:none;
		}
	}

		.rey_under_fface_item_number p{
			background-color:#333;
			color:#fff;
			float:left;
			font:40px courier;
			padding:15px;
			text-align:left;
		}
		
			.rey_under_fface_item_number span{
				color:#28828a;
			}
			
	/* TEXT */
			
	.rey_under_fface_item_text{
		flex:auto;
		font-family:times;
	}
	
		.rey_under_fface_item_text span{
			font:20px dinpro-medium;
		}
	
	/*--------------------PROJECTS--------------------*/
	
	.rey_project_item{
		padding:0 20px;
	}
	
	/*--------------------GALLERY--------------------*/
	
	.rey_gallery_img_slider{
		overflow:hidden;
		margin:0 0 10px 0;
	}
	
		/* FIGURE */
	
		.rey_gallery_img{
			float:left;
			height:300px;
			text-align:center;
			width:calc(100% - 110px);
		}
		
			.rey_gallery_img img{
				
			}
			
			.rey_gallery_img i{
				font-size:124px;
				margin:15% 0 0 0;
				text-shadow:5px 5px 5px #333;
			}
		
		/* HOVERSCROLL */
		
		.hoverscroll{
			float:left;
			margin:0 0 0 7px;
		}
		
			.my-list li{
				background:#fff;
				height:75px;
				margin:0 0 5px 0;
				overflow:hidden;
			}
			
				.my-list li a{
					opacity:0.6;
				}
				
					.my-list li a:hover{
						opacity:1;
					}
				
	/*-----TEXT-----*/
				
	.rey_gallery_text{
		font-family:dinpro-light;
		margin:0 0 40px 0;
	}
	
		.rey_gallery_text h3{
			font:20px dinpro-medium;
			text-transform:uppercase;
		}
	
		.rey_gallery_text_hr{
			border-bottom:1px solid #28828a;
			margin:5px 0 0 0;
		}
	
	/*--------------------NEWS--------------------*/
	
	.rey_news{
		font-family:dinpro-light;
	}
	
		.rey_news_item{
			border-bottom:1px dotted #333;
			overflow:hidden;
			padding:25px;
		}
		
		.rey_news_item:last-child{
			border-bottom:none;
		}
				
			.rey_news_item_figure figure{
				height:200px;
				margin:60px 0 0 0;
			}
			
				.rey_news_item_figure_text_overlay{
					font:18px dinpro-medium;
					padding:25% 0 0 0;
				}
			
			.rey_news_item_title{
				font:24px dinpro-medium;
				margin:0 0 25px 0;
			}
			
				.rey_news_item_title a{
					color:#28828a;
					text-decoration:none;
				}
				
					.rey_news_item_title a:hover{
						color:#222528;
						text-decoration:none;
					}
					
			.rey_news_item_text_p{
				height:200px;
				overflow:hidden;
			}
					
			.rey_news_item_text button{
				background:none;
				border:1px solid #28828a;
				color:#28828a;
				padding:5px 10px;
				margin:15px 0 0 0;
			}
		
				.rey_news_item_text button:hover{
					background-color:#28828a;
					color:#fff;
				}
				
			.rey_news_item_gallery figure{
				margin:15px 15px 0 0;
			}
				
				.rey_news_item_gallery figure img{
					height:150px;
				}
				
				.rey_news_item_gallery figure i{
					font-size:50px;
					margin:20px 0 0 0;
				}
	
	/*--------------------FOOTER--------------------*/
	
	.rey_footer{
		font-family:dinpro-light;
		padding-right:0;
	}
	
		.rey_footer a:hover{
			text-decoration:none;
		}
	
		.rey_footer_map_box{
			padding-left:0;
		}
	
			.rey_footer_map{
				margin:0 0 25px 0;
			}
			
		.rey_footer span{
			font:24px dinpro-medium;
		}
		
		.rey_footer input,
		.rey_footer textarea{
			border:1px solid #278389;
			margin:0 0 5px 0;
			padding:10px;
			width:100%;
		}
		
		.rey_footer input:hover,
		.rey_footer textarea:hover{
			border:1px solid #222528;
		}
		
		.rey_footer input[type="submit"]{
			background-color:#278389;
			color:#fff;
			font:16px times;
		}
		
			.rey_footer input[type="submit"]:hover{
				background-color:#222528;
			}
		
		.rey_footer button{
			border:none;
			border-radius:4px;
			color:#fff;
			margin:5px 0 15px 0;
		}
		
			.rey_footer_button_vk{
				background-color:#4a76a8;
			}
		
				.rey_footer_button_vk:hover{
					background-color:#5482b5;
				}
		
			.rey_footer_button_inst{
				background-color:#c82e91;
			}
		
				.rey_footer_button_inst:hover{
					background-color:#a31f74;
				}
	
	/*--------------------COPYRIGHTS--------------------*/
		
	.rey_copyrights{
		background-color:#333;
		font-family:dinpro-light;
		padding:5px;
	}

	.rey_zakazat_sait{
		padding:5px 0 0 0;
		text-align:center;
	}

		.rey_zakazat_sait a{
			color:#ccc;
		}
		
			.rey_zakazat_sait a:hover{
				color:#fff;
				text-decoration:none;
			}

			.rey_zakazat_sait a img{
				width:75px;
			}
		
		.rey_copyrights_text{
			color:#ccc;
			padding:10px;
			text-align:right;
		}
		
	/*--------------------UP-BUTTON--------------------*/
			
	#toTop{
		border-top:1px solid #222528;
		border-right:1px solid #222528;
		border-bottom:none;
		border-left:1px solid #222528;
		bottom:0; 
		color:#21949b;
		cursor:pointer;
		display:none;
		font-size:20px;
		padding:20px;
		position:fixed;
		right:15px;
		text-align:center;
	}
		
		#toTop:hover,
		#toTop:focus{
			background-color:rgba(204, 204, 204, .25);
		}