@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
body {
	color: #939794;
	font-family: 'Poiret One', cursive;
}
hr {
	width: 100px;
	text-align: center;
}
i {
	font-size: 80px;
	color: #939794;
}
.container {
	width: 1140px;
	margin: 0 auto;
}
.logo {
	text-align: center;
	margin: 30px 0 50px 0;
}
.top-block {
	width: 100%;
	height: 480px;
	margin-top: 70px;
}
.player {
	text-align: center; 
	float: left;
	margin-right: 20px;
}
.main-block {
	width: 100%;
	text-align: center;
	margin-top: 50px;
	display: none;
}
.main-block i {
	font-size: 48px;
}
.clear {
	clear: both;
}
.poster {
	float: right;
}
.poster img {
	height: 480px;
}
.footer {
	margin: 50px 0 20px 0;
	text-align: center;
	height: 100px;
}
.footer > div {
	width: 33.3%;
	float: left;
}
.info, .contacts, .offer {
	border: solid 2px #939794;
	font-size: 20px;
	padding: 3px;
	text-transform: uppercase;
	display: block;
	margin: 0 50px;
}
.info:hover, .contacts:hover, .offer:hover {
	cursor:pointer;
	border: solid 2px #000000;
}
.info-hidden, .contacts-hidden, .offer-hidden {
	border: solid 2px #939794;
	font-size: 18px;
	padding: 15px;
	text-transform: none;
	margin: 0 20px;
	transition: 2s;
	margin-top: -30px;
}
.contacts-hidden {
	font-size: 24px;
	text-align: center;
}
.contacts-hidden i {
	margin-left: 20px;
	font-size: 26px;
}
.contacts-hidden a {
	color: #939794;
	text-decoration: none;
}
.offer-hidden {
	text-align: center;
}
input[type=button] {
    padding: 13px 15px; 
    background: #939794; 
    color: #fff;
    border:0 none;
    cursor:pointer;
    font-family: 'Poiret One', cursive;
    font-size: 20px;
}
input[type=text] {
    padding: 15px; 
    margin-top: -2px;
}
iframe {
	width: 640px;
	height: 480px;
}
.film-title {
	text-align: center;
}
@media (max-width: 1199px) {
	.container {
		width: 990px;
	}
	.player {
		margin:0 auto;
	}
	.info, .contacts, .offer {
    	font-size: 20px;
	}
}
@media (max-width: 991px) {
	.container {
		width: 760px;
	}
	.player {
		margin:0 auto;
	}
	.top-block {
		width: auto;
		height: auto;
		margin-top: 70px;
}
	.player {
		text-align: center; 
		float: none;
		margin-right: 0px;
	}
	.poster img {
		width: 100%;
		height: auto;
	}
	.poster {
		margin-top: 20px;
		float: left;
		width: 33%;
	}
	.main-block {
		float: right;
		margin-right: 15px;
		width: 65%;
		display: inline;
		display: none;
	}
	.clear {
		display: none;
	}
	.footer {
		width: 100%;
		display: block;
		float: left;
		margin: 50px 0 0px 0;
	}
	.info, .contacts, .offer {
    	font-size: 18px;
    	min-height: 35px;
    	margin: 0 35px;
    }
	.clear-footer {
		clear: both;
	}
	.footer-hidden {
		display: block;
		margin-top: -20px;
	}
	.info-hidden, .contacts-hidden, .offer-hidden {
		font-size: 18px;
		margin-top: 0;
	}
}
@media (max-width: 767px) {
		.container {
		width: 650px;
	}
	.player {
		margin:0 auto;
	}
	.top-block {
		width: auto;
		height: auto;
		margin-top: 70px;
}
	.player {
		text-align: center; 
		float: none;
		margin-right: 0px;
	}
	.poster img {
		width: 100%;
		height: auto;
	}
	.poster {
		margin-top: 20px;
		float: left;
		width: 33%;
	}
	.main-block {
		float: right;
		margin-right: 15px;
		width: 63%;
		display: inline;
		display: none;
	}
	.clear {
		display: none;
	}
	.footer {
		width: 100%;
		display: block;
		float: left;
		margin: 50px 0 0px 0;
	}
	.info, .contacts, .offer {
    	font-size: 16px;
    	padding: 10px; 
    	min-height: 35px;
    }
    /* .info, .contacts {
    	padding: 20px 10px 0px 10px;
    } */
	.clear-footer {
		clear: both;
	}
	.footer-hidden {
		display: block;
		margin-top: -20px;
	}
	.info-hidden, .contacts-hidden, .offer-hidden {
		font-size: 18px;
		margin-top: 0;
	}
	.logo img {
		width: 30%;
	}
}
@media (max-width: 576px) {
		.container {
		width: 100%;
	}
	.player {
		margin:0 auto;
	}
	.top-block {
		width: auto;
		height: auto;
		margin-top: 70px;
}
	.player {
		text-align: center; 
		float: none;
		margin-right: 0px;
		width: 100%;
	}
	.poster img {
		width: 100%;
		height: auto;
	}
	.poster {
		text-align: center;
		margin: 0 auto;
		margin-top: 20px;
		float: none;
		width: 75%;
	}
	.main-block {
		float: none;
		margin-right: 0px;
		width: 100%;
		display: inline;
		padding: 0 10px;
		display: none;
	}
	.clear {
		display: none;
	}
	.footer {
		width: 100%;
		display: block;
		float: left;
		margin: 20px 0 0px 0;
	}
	.info, .contacts, .offer {
    	font-size: 14px;
    	padding: 10px; 
    	margin: 0 10px;
    	min-height: 35px;
    }
    /* .info, .contacts {
    	padding: 11px 5px 0px 5px;
    
    } */
	.clear-footer {
		clear: both;
	}
	.footer-hidden {
		display: block;
		margin-top: -20px;
	}
	.info-hidden, .contacts-hidden, .offer-hidden {
		font-size: 16px;
		margin-top: 0;
	}
	iframe {
		width: 100%;
		min-height: 250px;
	}
	.logo img{
		width: 40%;
	}
}
.flex {
	display: flex;
	display: -webkit-flex; 
	flex-direction: row;
	align-items: center;
	text-align: center;
}
.flex-align {
	margin:0 auto;
}