#container {
	padding: 16px 18px 0 18px;
	padding-bottom: 0;
	margin: 0;
	min-height: inherit;
	}

#homepage #pictures {
	display: none !important;
	}
	
#homepage .top_menu {
	display: none;
	}
	
#homepage .menu {
	display: block;
	}
	
#homepage_menu {
	position: relative;
	top: 18px;
	left: 0;
	}
	
	#homepage_menu ul {
		font-size: 36px;
		margin: 0;
		}
	
	#homepage_menu ul li {
		width: 100%;
		margin: 0;
		height: 400px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		}
		
	#homepage_menu ul a {
		position: relative;
		display: block;
		width: auto;
		height: 100%;
		background: none;
		color: #fff;
		padding: 0;
		}
	
	#homepage_menu a span {
		position: absolute;
		display: block;
		white-space: normal;
		}
		#homepage_menu a .menu_hover {
			display: none !important;
			}
		
		#homepage_menu span.center {
			width: 100%;
			text-align: center;
			top:50%;
			margin-top: -20px;
			}
		#homepage_menu span.left {
			left: 6%;
			padding-right: 6%;
			}
		#homepage_menu span.right {
			text-align: right;
			right: 6%;
			padding-left: 6%;
			}
		#homepage_menu span.bottom {
			bottom: 6%;
			}
			
		#homepage_menu span.left.center {
			left: 6%;
			text-align: left;
			width: 50px;
			}
		
	
		
#homepage #logo {
	position: relative;
	width: 29px;
	height: 27px;
	top: 0;
	left: 0;
	width: 29px;
	height: 27px;
	background-size: 29px 27px;
	}
	
	
	
.menu {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	}
		
	.menu .tab, .menu .tab:hover {
		position: absolute;
		width: 29px;
		height: 25px;
		top: 16px;
		right: 18px;
		margin: 0;
		}
		.menu .tab > div {
			height: 5px;
			}
		.menu .tab .t2 {
			margin-top: -2.5px;
			}
		
		
	.menu .menu_list {
		position: absolute;
		display: none;
		width: 100%;
		font-size: 17px;
		font-weight: bold;
		top: 61px;
		right: 0;
		text-transform: uppercase;
		text-align: center;
		border: 4px solid #333;
		border-top: none;
		box-sizing: border-box;
		}
		.menu .menu_list a {
			background: #fff;
			padding: 10px 0 10px 0;
			color: #333;
			border-bottom: 1px solid #333;
			}
			.menu .menu_list a:hover {
				background: #fff;
				}
			.menu .menu_list a:acti ve {
				background: #0096ff;
				color: #fff
				}
				
	.menu .mobile_menu_head {
		position: relative;
		height: 57px;
		border: 4px solid #333;
		}
				
				
#homepage_menu .reel {
	position: relative;
	margin-top: 20px;
	width: auto;
	height: 300px;
	background: url(../img/reel.jpg) no-repeat;
	background-size: cover;
	}
	#homepage_menu .reel .title {
		font-size: 36px;
		color: #fff;
		background: none;
		}
	#homepage_menu .reel video {
		display: none;
		}
				

	
	
.close_menu {
	position: absolute;
	width: 26px;
	height: 26px;
	top: 16px;
	right: 18px;
	background: url(../img/close_menu.png) no-repeat;
	background-size: 26px;
	z-index: 6;
	}
	

#header {
	height: 45px;
	}
	
#header .logo {
	top: 16px;
	left: 18px;
	z-index: 2;
	width: 29px;
	height: 27px;
	background-size: 29px 27px;
	}
	
#header .title {
	position: relative;
	text-transform: uppercase;
	display: block;
	text-align: center;
	font-size: 20px;
	padding: 2px 60px 0 60px;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	}


	
#projects {
	padding: 0;
	min-height: inherit;
	}
  
#project.photos {
  margin-bottom: -18px;
}
.photos .tape li {
  margin-bottom: 18px;
}	
		
	.tape {
		position: relative;
		white-space: normal;
		overflow: visible;
		}
	
	.tape li {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		}
	.tape li a {
		width: 100%;
		}
		
	.tape a img {
		opacity: 1;
		transition: none;
		}
		
	.picture_container {
		width: 100%;
		}
	.picture_container img {
		width: 100%;
		transition: none;
		}
		
	#projects .project .info {
		position: absolute;
		width: 100%;
		height: 100%;
		}
		
	#projects .project .info .back, #projects .project:hover .info .back {
		background: none;
		height: 100%;
		}
		
	#projects .project .description {
		display: none;
		}
		
	#projects .project:hover .title h1:after {
		display: none;
		}
		
	#projects .project .title {
		margin: 0;
		left: 6%;
		bottom: 6%;
		}
		#projects .project:hover .title {
			top: auto;
			}

	#projects .project .title h1, #projects .project:hover .title h1 {
		font-family: 'Roboto Slab', serif;
		font-size: 30px;
		font-weight: normal;
		line-height: normal;
		color: #fff;
		margin: 0;
		}
		
		#projects .project .title h1:after {
			display: none;
			}
			
		#projects .project .title h1 {
			position: relative;
			height: auto;
			bottom: 0;
			}
			
			


#project.photos {
	background: #fff;
}
      
#project {
	min-height: inherit;
	padding-top: 0;
	}
	#project .info {
		display: none;
		}
		
	#project .description, #project .close {
		display: none;
		}
		
#project .next {
	display: none;
	}
	
#project .picture_container {
	height: auto;
	overflow: visible;
	}
	#project .picture_container a {
		cursor: default;
		}
	
			
		
#container .buffer {
	height: auto;
	}
	
#footer .who {
	right: 18px;
	}
	
#footer .socnets, #footer .kd {
	display: none;
	}
	
	
	#contacts .container {
		margin-top: -76px;
		}
	
	#contacts .manager {
		width: 250px;
		margin: auto;
		font-size: 12px;
		}
	#contacts .phone {
		font-size: 38px;
		letter-spacing: 2px;
		margin: 17px 0 9px 0;
		}
	#contacts .email a {
		font-size: 23px;
		}
		


#agency, #contacts {
	margin: 0 -18px;
	padding: 0 18px;
	}
		
#agency .screen {
	display: none;
	}
	
	#agency .mobile {
		font-family: 'Roboto Slab', serif;
		padding: 20px 0;
		display: block;
		}
		
		


#intro .vostok {
	top: 40%;
	left: 5%;
	margin: 0;
	width: 90%;
	background-size: contain;
	}
		




@media only screen and (max-width: 480px), only screen and (device-max-width: 600px) {


#homepage_menu ul, #homepage_menu .reel .title, #projects .project .title h1, #projects .project:hover .title h1 {
	font-size: 15px;
	}
	
#header .title {
	font-size: 12px;
	line-height: 16px;
	padding-top: 6px;
	}
}