*{
	margin: 0;
	padding: 0 ;

}
body{
	font-size: 1.0em;
	background-color: #011627;
	color: #555;
}
input[type="text"],input[type="password"]
{
	color: #5d5d5d;
	width: 62%;
	padding: 8px;
	background-color: #011627;

}
input[type="search"]
{
	color: #5d5d5d;
	width: 68%;
	padding: 8px;
	background-color: #011627;

}
input,textarea{
	width: 12%
	outline: none;
	border: none;
	border: solid 0.5px #ff9f1c;
}
h1,h2{
font: normal 170% "century gothic",sans-serif;
margin: 0 0 6px 0 ;
padding: 10px 0 5px 0 ;
color: white;
}
h2{
	font-size: 140%;
}
a,a:hover{
	outline: none;
	text-decoration: underline;
	color: #aeb002;
}

ul li{
	
	line-height: 1.5em;
	list-style: none
}

.header {
	background-color:#011627;
	height: 177px;
	font-size: 0.8em;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 900px;
}
.main,.logo,.menubar,.site_content,.footer{
	margin-left: auto;
	margin-right: auto;
}
.logo {
	width: 880px;
	padding-bottom: 40px;
}

.logo h1, .logo h2 {
	font: normal 300% 'century gothic',arial,sans-serif;
;
	margin: 0 0 0 9px;
	
}

.logo-text h1, .logo-text h1 a,.logo-text h1 a:hover{
	padding: 22px 0 0 0;
	color: #fca311;
	text-decoration: none;
	font-size: 2.5em;
	font-weight:600;
}
.logo-text h2,.logo-text h2 a,.logo-text h2 a:hover{
	font-size: 1em;
	padding: 1px 0 0 0;
	color: #edf2f4;
}
.menubar{
	width: 900px;
	height: 46px;

}
ul.menu{
	float:center;

}
ul.menu li{
	float: left;
	padding: 0 0 0 12px;
	list-style: none;
	margin: 0px 2px 32px 16px ;
}
ul.menu li a {
	font: normal 120% 'trebuchet ms',sans-serif;
	display: block;
	height: 30px;
	padding: 6px 35px 5px 28px;
	color: #fff;
	text-decoration: none;
}
ul.menu li.selected a{
	color: #aeb002;
}
ul.menu li a:hover{
	color: #e4ec04;
}
hr{
	border: solid 1px #f3f3f3;
	width: 800px;
}
.site_content{
	width: 1200px;
	overflow: hidden;
	margin:  20px 30px 0 auto ;
	background-color: #011627;
}
.sidebar_container{
	float: right;
	width: 222px;
}
.sidebar {
	float: right;
	width: 320px;
	padding: 5%;
	margin: 0 0 16px 0;

	color: #eef0f2;
	background-color: #011627;

}
.btn{
	padding: 6px;
	background-color: #ff9f1c;
	cursor: pointer;
	border-radius: 5px;
}
.sidebar h2{
	color: white;
}
.lables_passreg_text{
	font-size: 0.7em;
	margin-top: 2%;
	margin-left: 3%;
	color: #eef0f2;
}
.sidebar ul{
	margin: 0;


}
}
.sidebar ul li{
	list-style-type: 0 ;
	margin: 0 0 0 0;


}
.sidebar,.rating_sidebar{
	float: right;
}
.footer {
	width: 100%;
	height: 70px;
	padding: 55px 0 5px 0;
	text-align: center;
	background-color:#011627 ;
	color: #a8aa94;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 900px;
}
.content{

	text-align:left;
	width:900px;
	padding: 0 0 0 5px;

	float:left;
}
.content h1{
	color: white
}
.content a{
	text-decoration: none;

}
.content h2{
	color: white;
}
.films_block{
	margin-bottom: 5%;

}
.films_block img{
	border-radius: px;
	border: solid 0.1px #ad7d5;
	width: 22%;
}
.films_block caption{
	color: white;
}
.info_film_page{
	margin-top: 2%;
	margin-bottom: 4%;
}
.info_film_page .label{
	font-size: 1.2em;
	color: white;
}
.info_film_page .value {
	font-size: 1.2em;
	color: #730bdb;
	margin-right: 3%;
}

.footer a{
	color: #a8aa94;
	text-decoration: none;
}
.footer a:hover{
	color: #e4ec04;
	text-decoration: none;
}
.footer p{
	padding: 0 0 10px 0;
}
.post_content{
	font-size: 0.9em;
}
.post_content p{
	color: #f7ffff;
	width: 800px;
}
.description_film{
	margin-bottom: 15%;
	width: 700px;
	color: white;
}
.description_film img{
	float: left;
	margin-right: 2%;
	width: 200px;

}
.reviews{
	margin-bottom: 4%;
	font-size: 0.9em;
}
.reviews .review_name{
	background-color: #7268ad;
	color: white;
	padding: 1%;
	border-top-left-radius:5px ;
	border-top-right-radius:5px ;
	border-bottom-left-radius: 5px ;
	border-bottom-right-radius: 5px ;
	width: 785px;
}
.reviews .review_text{
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	color: white;
	width: 785px;
}

.send{
	margin-bottom: 4%;

}
.send input[type="text"], textarea{
	margin-top: 2%;
	border: 1px #c3c3c3;
	margin-bottom: 2%;
	background-color: white;
}
.send input[type="text"] {
	width:98%
	background-color: white;

}
.send textarea{
	width: 830px;
	height: 200px;
}
.send input[type="submit"]{
	background-color: #ff9f1c ;
	padding: 8px;
	border-radius: 5px;


	color: white;
	border-radius: 5px;
}
.contact{
	margin-top: 4%;
	float: left;

}
.contact{
	margin-top: 1%;
	padding-left: 5%;
	width: 600px;
}
.contact input[type="text"], textarea{

	width: 650px;
	margin-top: 1%;
	border: 1px #c3c3c3;
	margin-bottom: 1%;
	background-color: white;
	margin-right: 1%;

}

.contact input[type="text"] {
	width:92%
	background-color: white;

}
.contact input[type="submit"]{
	background-color: #ff9f1c
	padding: 8px;
	color: black;
	border-radius: 5px;

}
.contact textarea{
	width: 667px;
	height: 180px;
}

.review_contact p {
	color: white;
	margin-bottom: 4px;
}
.info_film{
	
	margin-bottom: 5%;
	padding: 2% ;
	height: 270px;
	width: 670px;
	color: white;
}
.info_film img{
	height: 90%;
	float: left;
	margin-right: 2%;
	border-radius: 5px;
	border: solid 1px #dad7d5;
}
.button{
	background-color:#ff9f1c ;
	padding: 1.5%;
	color: black;
	border-radius: 7px;
	float: right;
	margin-top: 1%;
	clear: both;
}
.button a{
	color: black;
}
table{
	width: 90%;
	
	text-align: center;
	color: white;
}
td{
	padding: 1%;
	  ;
	color: white;
	text-align: center;
}
td img{
	width: 60%;
	vertical-align: middle;
}
.center{
	text-align: center;
}
.rating{
	font-weight: bold;
}


/*CSS-Mobile*/

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px){
	.header{
		background-color:#011627; 
		min-width: 100%;
		height: 20%;
		text-align: center;

	}
	.logo{
		width: 100%;
	}
	.site_content{
		width: 100%;
	}
	.menubar{
		width: 100%;
		height: 100%;
	}
	.content{
		width: 100%;
		text-align: center;
	}
	.sidebar_container{
		display: none;
	}
	.footer{
		display: none;
	}
	ul.menu{
		float: none;
	}
	ul.menu li{
		margin: 0;
		padding: 0;
		float: none;
	}
	.logo h1{
		font: normal 235% 'century gothic',arial,sans-serif;
	}
	.logo h2{
		font: normal 100% 'century gothic',arial,sans-serif;
		color: white;
	}
	.content h1,h2{
		font: normal 110% 'century gothic',arial;
	}
	.film_block img{
		width: 43%;
	}
	.post_content p {
		line-height: 1.4em;
		font-size: 170%;
		padding-right: 2%;
		text-align: left;
		width: 100%;
		font: 100% 'century gothic',arial,sans-serif;
		margin-right: 1%;
	}
	/*films_page*/
.info_film{
	width: 95%;
	text-align: left;
	margin-right: 1%;
	float: none;
	height: 100%;
	padding-right: 2%;
   font: 100% 'century gothic',arial,sans-serif;
}
.info_film img{
	width: 95%;
	margin-bottom: 5%;
}
.button{
	width: 93%;
	float: none;
	text-align: center;
}
.contact input[type="text"], textarea {
	width: 90%;
	padding: 1%;
	float: none;
	margin-right: 1%;
}

	
.contact textarea {
	width: 90%;
}

.contact{
	width: 100%;
}
/*show_page*/
iframe{
	width: 88%;
	height: 100%;
}
.description_film{
	width: 90%;
	text-align: left;
	margin-left: 2%;
}
.description_film img{
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	width: 73;
	margin-left: 15%;
	margin-bottom: 7%;
}
.reviews .review_name{
	width: 95%;
	text-align: left;

}
.review_text{
	width: 85%;
	float: none;
	text-align: left;
}
.review_text h2{
	width: 95%;
	float: none;
	text-align: left;
}
.reviews .review_text{
	width: 95%;
}
.send textarea{
	width: 91%;
}