@font-face {
	font-family: 'Raleway';
	src: url(../fonts/Raleway-Regular.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Righteous';
	src: url(../fonts/Righteous.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RalewayBold';
	src: url(../fonts/Raleway-Bold.ttf) format('truetype');
	font-weight: normal;
	font-style: bold;
}


/* Style all pages */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.clearfix:after {
	content:'';
	display: table;
	width: 100%;
	clear: both;
}
a {
	text-decoration: none;
}
li {
	list-style: none;
}
header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	position: fixed;
	min-width: 1200px;
	height: 80px;
	background: url(../img/header-frame.png);
	z-index: 999;
	opacity: 0.8;
}

.header__logo a {
	float: left;
	font-family: 'Righteous', serif;
	font-size: 30px;
	
	margin-top: 28px;
	line-height: 0.75;
	color: #ffffff;
}
.header__logo {
	margin-left: 98px;
}
.header__logo div {
	float: left;
	width: 1px;
  	height: 23px;
  	background-color: #ffffff;
  	margin-left: 20px;
  	margin-top: 29px;
}
.header__logo p {
	float: left;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	margin-top: 37px;
	margin-left: 20px;
	line-height: 0.75;
	color: #ffffff;
}
nav .menu {
	float: right;
	margin-right: 98px;
	margin-top: 35px;
}
.menu li {
	font-size: 18px;
	font-family: 'Righteous', serif;
	display: inline-block;
	margin-left: 20px;
	line-height: 0.75;
}
.menu li a {
	color: #ffffff;
}
.menu li a:hover {
	border-bottom: 1.5px solid #ffffff;
}

body {
	position: relative; 
	height: 100%;
	margin-top: 79px;
}
/* Slider */



#slider {

}

#slide img {
	width: 100%;
	height: 100%;
	min-width: 1366px;
	min-height: 666px;
}

/* Home page and all games page */

.container {
	width: 100%;
	min-width: 1200px;
	max-width: 1200px;
	padding: 0 15px;
	overflow: visible;
	margin: auto;


}

/* Block name */

.first_title {
	padding-top: 120px;
}
.block_1 {
	min-width: 1200px;
}
.name_block {
	
	margin-bottom: 40px;
}

.line_h1 {
	width: 34%;
	height: 2px;
	background-color: #091a60;
	margin-top: 20px;
}
#left_1 {
	float: left;
}
#right_1 {
	float: right;
}

.name_block_1 {
	font-family: 'Righteous', serif;
	font-size: 30px;
	color: #091a60;
	text-align: center;
	
}
.left_block {
	width: 570px;
	float: left;

}
.right_block {
	float: right;
	width: 570px;
}

/* Game card */
.mobile_card {
	display: none;
}
.game_card {
	width: 1170px;
	margin: auto;
}
.name_genre {
	position: absolute;
	left: 40px;
	bottom: 40px;
 }
 .new_game {
 	position: absolute;
 	top: 0px;
 	right: 0px;
 	font-family: 'Righteous', serif;
	font-size: 50px;
	color:#ffffff;
	background-color: #b80206;
	padding: 5px 10px;
 }
.game_name {
	font-family: 'Righteous', serif;
	font-size: 30px;
	color:#ffffff;
}
.name_genre hr {
	width: 40px;
	height: 1px;
	border: #ffffff;
	background-color: #ffffff;
	margin-top: 20px;
	margin-bottom: 20px;
}
.game_genre {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #ffffff;
}
.game_card .card:hover {
	box-shadow: 0 0 20px 1px #091a60;
}

.card_m1 {
	width: 570px;
	height: 270px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/escapeztown.jpg");
    position: relative;
    margin-top: 30px;
}
.card_m2 {
	width: 570px;
	height: 570px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/zcube.jpg");
    position: relative;
    margin-top: 30px;
}

.card_1 {
	width: 570px;
	height: 570px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/hackem.jpg");
    position: relative;
}
.card_2 {
	width: 270px;
	height: 270px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/treasure_dungeon1.png");
    position: relative;
    margin-top: 30px;
    float: left;
}
.card_3 {
	width: 270px;
	height: 270px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/zcube1.png");
    position: relative;
    margin-top: 30px;
    margin-left: 30px;
    float: left;
}
.card_4 {
	width: 570px;
	height: 270px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/escapeztown.jpg");
    position: relative;
}
.card_5 {
	width: 570px;
	height: 570px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/heroes_2.png");
    position: relative;
    margin-top: 30px;
}
.card_10 {
	width: 570px;
	height: 270px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/skyaces_2.png");
    position: relative;
    margin-top: 30px;
    float: left;
}

#hidden_button {
	display: none;
	width: 232px;
	height: 60px;
	margin:auto;
	background-color: #b80206;
	border-radius: 10px;
	text-align: center;
	font-family: 'Righteous', serif;
	font-size: 18px;
	color: #ffffff;
	margin-top: 40px;
	padding-top: 19px;
}
.button {
	width: 232px;
	height: 60px;
	margin:auto;
	background-color: #b80206;
	border-radius: 10px;
	text-align: center;
	font-family: 'Righteous', serif;
	font-size: 18px;
	color: #ffffff;
	margin-top: 40px;
	padding-top: 19px;
	margin-bottom: 110px;
}

.button:hover {
	background-color: #800407;
	cursor: pointer;
}
.button:active {
	background-color: #ffffff;
	border: 1px solid #b80206;
	color: #b80206;
}
.block_2 p {
	font-size: 24px;
	font-family: 'Raleway', sans-serif;
	text-align: center;
    color: #091a60;
 }
 .name_block_2 {
	font-family: 'Righteous', serif;
	font-size: 30px;
	color: #091a60;
	text-align: center;
	margin-bottom: 40px;
}
.block_3 p {
	margin-top: 110px;
	font-size: 30px;
	font-family: 'RalewayBold';
	font-weight: bold;
	text-align: center;
    color: #091a60;
}
footer {
	width: 100%;
	margin-top: 105px;
	min-width: 1200px;
	height: 138px;
	background: url(../img/footer_frame.png);
	opacity: 0.9;
}
.footer__logo {
	width: 600px;
	padding: 0;
	margin-left: 98px;
}
.footer__logo a {
	float: left;
	font-family: 'Righteous', serif;
	font-size: 24px;
	
	margin-top: 60px;
	line-height: 0.75;
	color: #ffffff;
}
.footer__logo div {
	float: left;
	width: 1px;
  	height: 23px;
  	background-color: #ffffff;
  	margin-left: 20px;
  	margin-top: 58px;
}
.footer__logo p {
	float: left;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	margin-top: 65px;
	margin-left: 20px;
	line-height: 0.75;
	color: #ffffff;
}
nav .menu_f {
	float: right;
	margin-right: 98px;
	margin-top: 64px;
}
.menu_f li {
	font-size: 18px;
	font-family: 'Righteous', serif;
	display: inline-block;
	margin-left: 20px;
	line-height: 0.75;
}
.menu_f li a {
	color: #ffffff;
}
.menu_f li a:hover {
	border-bottom: 1.5px solid #ffffff;
}

/* All games page */

.all_games_link {
	font-size: 18px;
	font-family: 'Righteous', cursive;
	display: inline-block;
	line-height: 0.75;
	color: #ffffff;
	padding-bottom: 5px;
	border-bottom: 1.5px solid #ffffff;
}
.card_6 {
	width: 570px;
	height: 570px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/mechcom_3.png");
    position: relative;
    margin-top: 30px;
    float: left;
}
.card_7 {
	width: 270px;
	height: 270px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/mechcom.png");
    position: relative;
    margin-top: 30px;
    float: right;
}
.card_8 {
	width: 270px;
	height: 270px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/skyaces.png");
    position: relative;
    margin-top: 30px;
    margin-right: 30px;
}
.card_9 {
	width: 570px;
	height: 570px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/heroes.png");
    position: relative;
    margin-top: 30px;
}
.card_11 {
	width: 570px;
	height: 570px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/vball.jpg");
    position: relative;
    margin-top: 30px;
    float: left;
    }

.card_12 {
	width: 270px;
	height: 270px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/defcom.png");
    position: relative;
    margin-top: 30px;
  float: right;
}
.card_13 {
	width: 270px;
	height: 270px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/hardboiled.png");
    position: relative;
    margin-top: 30px;
    margin-right: 30px;  
}
.card_14 {
	width: 570px;
	height: 270px;
	background-position: center;
    background-size: cover;
    background-image: url("../img/mechcom_2.png");
    position: relative;
    margin-top: 30px;
}

.clean_block p {
	font-size: 24px;
	font-family: 'Raleway', sans-serif;
	text-align: center;
    color: #091a60;
    margin-top: 170px;
    padding-right: 15px;
}
.clean_block {
	width: 570px;
	height: 270px;
	float: left;
}

/* Error Page */

.error {
	font-size: 70px;
	font-family: 'Righteous', serif;
	color: #091a60;
	text-align: center;
	margin-bottom: 20px;
 }
.text_error {
	font-size: 50px;
	font-family: 'Raleway', sans-serif;
	color: #091a60;
	text-align: center;
	margin-bottom: 50px;
}
.error_block {
	min-width: 400px;
 	margin: auto;
  	padding-top: 20%;

}
.error_block span {
	font-family: 'Righteous', serif;
}

/* Contact page */

.contact_link {
	font-size: 18px;
	font-family: 'Righteous', serif;
	display: inline-block;
	line-height: 0.75;
	color: #ffffff;
	padding-bottom: 5px;
	border-bottom: 1.5px solid #ffffff;
}
.block_contact {
	width: 1170px;
	margin-right: auto;
    margin-left: auto;
    position: relative;

    
}

.name_form {
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	text-align: center;
	margin-top: 50px;
	color: #091a60;
}
.field {
	width: 430px;
	margin: auto;
}
.form {
	width: 430px;
	height: 37px;
	border-radius: 15px;
	background-color: #eeeff4;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	border: none;
	outline: none;
}
.announcement {
	width: 1170px;
	height: 400px;
	border-radius: 15px;
	background-color: #eeeff4;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	color: #091a60;
	border: none;
	outline: none;
	margin: 0 auto 40px;


	

}
.block_contact_1 {
	width: 1170px;
	padding-top: 110px;
	margin: auto;
}
.block_contact_2 {
	padding-top: 110px;
	margin: auto;
	width: 1170px;

}
.announcement p {
	padding: 6em 0;
}
.announcement_1 {
	width: 1170px;
	height: 50px;
	border-radius: 15px;
	background-color: #eeeff4;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	color: #b80206;
	border: none;
	outline: none;
	margin: 50px auto;
}
.announcement_1 p {
	padding: 0.5em 0;
}
.return {
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	color: #091a60;
	
}
.return a {
	color: #b80206;
	font-family: 'Righteous', cursive;

}
.return_1 {
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	color: #091a60;
	
}
.return_1 a {
	color: #b80206;
	font-family: 'Righteous', cursive;

}
input::-moz-placeholder { color: #9b9999; }
input::-webkit-input-placeholder { color: #9b9999; }
textarea::-webkit-input-placeholder { color: #9b9999;}
textarea:-moz-placeholder { color: #9b9999;}
textarea::-moz-placeholder { color: #9b9999;}
textarea:-ms-input-placeholder { color: #9b9999;}

input {
	margin-top: 15px;
}

#text_area
{
  border-radius: 15px;
  background-color: #eeeff4;
  text-align: center;
  width: 430px;
  height: 170px;
  overflow: hidden;
  padding: 10px 15px 10px;
  font-family: 'Raleway', sans-serif;
  font-size: 18px;
  resize: none;
  border: none;
  outline: none;
  margin-top: 15px;
 
}
#text_area_div
{
  width: 430px;
  min-height: 170px;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  font-size: 18px;
  white-space: pre-wrap;
  word-wrap: break-word;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}
#send {
	font-size: 18px;
	font-family: 'Righteous', serif;
	text-align: center;
  	color: #ffffff;
  	width: 230px;
  	height: 44px;
  	border-radius: 10px;
  	background-color: #b80206;
  	border: none;
  	outline: none;
  	margin-top: 40px;
}
.send_button {
	width: 230px;
	margin: auto;
}
#send:hover {
	background-color: #800407;
	cursor: pointer;
}
#send:active {
	background-color: #ffffff;
	border: 1px solid #b80206;
	color: #b80206;
}

/* Game page */

.banner {
	width: 100%;
	min-width: 1200px;
	height: 667px;
	position: relative;
}
.banner1 {
	width: 100%;
	min-width: 1200px;
	height: 100%;
	min-height: 667px;
	background-position: center;
	position: relative;
}
.video {
	width: 829px;
	height: 467px;
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
	top: 110%;
	left: 50%;
	margin-right: -50%;
    transform: translate(-50%, -50%);
}
.block_game	{
	position: relative;
	width: 100%;
	min-width: 1170px;
}
.description {
	width: 939px;
	margin: 34% auto 110px;
}
.description p {
	font-family: 'Raleway', sans-serif;
  	text-align: center;
  	font-size: 24px;
  	color: #091a60;
}
.market_icon {
	width: 630px;
	margin: auto;
	margin-bottom: 110px;
}
.google_play {
	float: left;
}
.appstore {
	float: right;
}
.screenshot {
	width: 1168px;
	height: 659px;

	margin-bottom: 110px;
}

.screen {
	width: 1170px;
	margin: auto;
}
.features {
	font-family: RalewayBold;
  	font-size: 24px;
  	font-weight: bold;
  	color: #091a60;
  	text-align: center;
  
}
#features_line {
	margin-bottom: 35px;
}

#features_line span {
	
	font-family: 'Righteous', serif;
	font-size: 24px;
	color: #b80206;
	margin-right: 10px;
}

.col_left {
	float: left;
	width: 570px;
	
}
.col_right {
	float: right;
	width: 570px;
}


/* Heroes 2 */
#heroes_2 {
	border: 2px solid #5e4b79;
	
}
.heroes_2 {
	background-image:  url(../games/heroes_2/img/banner_heroes_2.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

/* Simple Dungeon*/
#treasure_dungeon {
	border: 2px solid #2c1f31;
	
	
}
.treasure_dungeon {
	background-image:  url(../games/treasure_dungeon/img/banner_treasure_dungeon.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	
}

/* zCube*/

#zcube {
	border: 2px solid #12152f;
	
	
}
.zcube {
	background-image:  url(../games/zcube/img/banner_zcub.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	
}

/* MechCom 3 */

#mechcom_3 {
	border: 2px solid #bbe5ff;
	
	
}
.mechcom_3 {
	background-image:  url(../games/mechcom_3/img/banner_mechcom_3.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

/* MechCom 2 */

#mechcom_2 {
	border: 2px solid #d88f64;
	
	
}
.mechcom_2 {
	background-image:  url(../games/mechcom_2/img/banner_mechcom_2.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

/* Hardboiled */

#hardboiled {
	border: 2px solid #e0ab29;
	
	
}
.hardboiled {
	background-image:  url(../games/hardboiled/img/banner_hardboiled.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

/* MechCom 1 */

#mechcom_1 {
	border: 2px solid #68a2c6;
	
	
}
.mechcom_1 {
	background-image:  url(../games/mechcom_1/img/banner_mechcom_1.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

/* Defcom */

#defcom {
	border: 2px solid #ff7c00;
	
	
}
.defcom {
	background-image:  url(../games/defcom/img/banner_defcom.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

/* SkyAces */

#skyaces {
	border: 2px solid #66635e;
	
	
}
.skyaces {
	background-image:  url(../games/skyaces/img/banner_skyaces.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}

/* SkyAces 2 */

#skyaces_2 {
	border: 2px solid #165c8d;
	
	
}
.skyaces_2 {
	background-image:  url(../games/skyaces_2/img/banner_skyaces_2.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

/* Heroes */

#heroes {
	border: 2px solid #ebad29;
	
	
}
.heroes {
	background-image:  url(../games/heroes/img/banner_heroes.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

/* Vball */

#vball {
	border: 2px solid #cc0000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: hidden;
	
}
.vball {
	background-image:  url(../games/vball/img/banner_vball.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}

/* HackEm*/

#hackem {
	border: 2px solid #398848;
	
	
}
.hackem {
	background-image:  url(../games/hackem/img/banner.png);
	background-repeat: no-repeat;
	background-size: 100%;
	
}


/* escapeztown*/

#escapeztown {
	border: 2px solid #184c50;
	
	
}
.escapeztown {
	background-image:  url(../games/escapeztown/img/banner.png);
	background-repeat: no-repeat;
	background-size: 100%;
	
}


@media only screen and (max-width: 590px) {
	html, body {
	overflow-x: hidden;
	min-width: 590px;
	}
	.hidden {
		display: none;
	}
	.mobile_card {
		display: inline-block;
	}

	body {
	margin-top: 0 px;
	}

	nav {
		display: none;
	}
	#slider {
		display: none;
	}
	.container {
		min-width: 590px;
		padding: 0 10px;
	}
	header {
		min-width: 590px;
		position: relative;
		opacity: 1;
	}
	.menu {
		display: none;
	}
	.name_block {
		padding-top: 50px;
	}
	.left_block {
		float: none;
	}
	.right_block {
		float: none;
	}
	.block1 {
		min-width: 570px;
		margin: auto;
	}
	.game_card {
		width: 570px;

	}
	footer {
		min-width: 590px;
		opacity: 1;
		
	}
	.menu_f {
		float: none;
		display: none;
		
	}
	.card_2, .card_3 {
		
		margin-top: 10px;
		display: inline-block;
		width: 280px;
	}
	.card_3 {
		float: right;
		margin-left: 0;
	}
	.card_4, .card_5 {
		margin-top: 10px;
	}
	.header__logo {
		margin-left: 10%;
	}
	.card_6, .card_7, .card_8, .card_9, .card_10, .card_11 {
		margin-top: 10px;
		
	}
	.clean_block {
		display: none;
	}
	.card_7, .card_8 {
		width: 280px;
		display: inline-block;
	}
	.card_8 {
		margin-right: 0;
		margin-left: 0;
		
	}
	.card_7 {
		
	}
	.footer__logo {
		margin-left: 13%;
	}
	.line_h1 {
		width: 30%;
	}
	#hidden_button {
		display: block;
		width: 570px;
		height: 80px;
		font-size: 24px;
		padding-top: 25px;
	}
	.button {
		width: 570px;
		height: 80px;
		font-size: 24px;
		padding-top: 25px;
		margin-bottom: 0;
	}
	.block_contact {
		width: 590px;
		padding-top: 0;
	}
	.announcement {
		width: 570px;
		margin: 20px auto;
	}
	.announcement p {
		width: 550px;
		padding-top: 5em;
	}
	.announcement_1 {
		width: 570px;
		margin: 30px auto 50px;
	}
	#send {
		width: 430px;
		height: 70px;
		font-size: 24px;
		margin-top: 50px;
	}
	.send_button {
		width: 430px;
	}
	.return {
		text-align: center;
		font-size: 30px;
		margin: auto;
		width: 400px;
	}
	.block_contact_1 {
		width: 590px;
	}
	.block_contact_2 {
		width: 590px;
		margin: auto;
		padding-bottom: 110px;
	}

	.block_game {
		width: 590px;
		min-width: 590px;
	}
	.banner {
		min-width: 590px;
		height: 332px;
	}
	.treasure_dungeon {
		background-size: 590px;
		background-position: center -40%;
		
	}

	.screenshot {
		width: 570px;
		height: 321px;
		overflow: hidden;
	}
	.market_icon {
		width: 300px;
		margin: 0 auto 100px;
	}
	.appstore, .google_play {
		float: none;
	}
	.appstore img{
		margin-top: 20px;
	}
	.description {
		width: 550px;
		margin-top: 34%;
		
	}
	.video {
		width: 80%;
		height: 80%;
		top:100%;
	}
	.screen {
		width: 570px;
	}
	.features {
		font-size: 18px;

	}
	#text_edit_3 {
		margin-bottom: 36px;
		margin-top: 10px;
	}
	#text_edit_2 {
		margin-bottom: 36px;
		margin-top: 10px;
	}
	#text_edit_1 {
		margin-top: 10px;
		float: none;
		margin-left: 10%;
	}
	.first_title {
	padding-top: 40px;
	}

}
@media only screen and (max-width: 1170px) {
	.video {
		top: 100%;
	}
	.description {
		margin-top: 34%;
	}
	#send {
		margin-bottom: 300px;
	}
	
	body {
	margin-top: 0px;
	}

	header {
		position: relative;
	}
	.first_title {
	padding-top: 40px;
	}
}