/*
Theme Name: Stallion Games
Theme URI: 
Description: A Responsive theme
Author: Stallion Games
Author URI: 
Version: 1.0
Tags: responsive, white, bootstrap
*/
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@font-face {
	font-family: 'GothamRoundedLight';
	src: url('fonts/GothamRoundedLight.eot');
	src: url('fonts/GothamRoundedLight.eot#iefix') format('embedded-opentype'),
		 url('fonts/GothamRoundedLight.woff') format('woff'),
		 url('fonts/GothamRoundedLight.ttf') format('truetype'),
		 url('fonts/GothamRoundedLight.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamRoundedBook';
	src: url('fonts/GothamRoundedBook.eot');
	src: url('fonts/GothamRoundedBook.eot#iefix') format('embedded-opentype'),
		 url('fonts/GothamRoundedBook.woff') format('woff'),
		 url('fonts/GothamRoundedBook.ttf') format('truetype'),
		 url('fonts/GothamRoundedBook.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamRoundedMedium';
	src: url('fonts/GothamRoundedMedium.eot');
	src: url('fonts/GothamRoundedMedium.eot#iefix') format('embedded-opentype'),
		 url('fonts/GothamRoundedMedium.woff') format('woff'),
		 url('fonts/GothamRoundedMedium.ttf') format('truetype'),
		 url('fonts/GothamRoundedMedium.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamRoundedBold';
	src: url('fonts/GothamRoundedBold.eot');
	src: url('fonts/GothamRoundedBold.eot#iefix') format('embedded-opentype'),
		 url('fonts/GothamRoundedBold.woff') format('woff'),
		 url('fonts/GothamRoundedBold.ttf') format('truetype'),
		 url('fonts/GothamRoundedBold.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'KatahdinRound';
	src: url('fonts/KatahdinRound.eot');
	src: url('fonts/KatahdinRound.eot#iefix') format('embedded-opentype'),
		 url('fonts/KatahdinRound.woff') format('woff'),
		 url('fonts/KatahdinRound.ttf') format('truetype'),
		 url('fonts/KatahdinRound.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
}
*{margin: 0;padding: 0;box-sizing: border-box;}
.bypostauthor {
  display: block;
}
.banner .vc_column_container > .vc_column-inner {
  box-sizing: border-box;
  padding-left: 0 !important;
  padding-right: 0  !important;
    
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.clr{
  clear: both;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html{margin: 0; padding:0; }
body{margin: 0; padding:0;overflow-x: hidden; }

h1 {
 	font-family: 'GothamRoundedBold';
	font-size: 24px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

h2 {
	font-family: 'GothamRoundedBold';
	font-size: 21px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

h3 {
	font-family: 'GothamRoundedBold';
	font-size: 19px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

h4 {
	font-family: 'GothamRoundedBold';
	font-size: 18px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

h5 {
	font-family: 'GothamRoundedBold';
	font-size: 17px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

h6 {
	font-family: 'GothamRoundedBold';
	font-size: 16px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

table {
  width: 96%;
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  padding: 10px;
  border: 1px solid #ccc;
}

th {
  background-color: #eee;
}

dd {
  margin-left: 20px;
}

ul {
}

ul li {
  list-style: disc;
}

ol {
}

ol li {
  list-style: decimal;
}

p {
 font-family: 'GothamRoundedMedium';
	font-size: 17px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

a, a:visited {
  padding-bottom: 4px;
  color: #20b2aa
}

a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #137b75;
}

pre {
  display: block;
  width: 96%;
  padding: 16px;
  border-radius: 3px;
  background-color: #3d3d3d;
  font-size: 1.6rem;
  color: #f5f5f5;
  word-wrap: break-word;
  overflow: auto;
}

img {
  height: auto;max-width: 100%;
}

blockquote {
  position: relative;
  display: block;
  width: 96%;
  padding: 20px;
  margin: 0 auto;
  border-radius: 5px;
  margin-top: 40px;
  background-color: #eee
}

blockquote p, blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6, blockquote ul, blockquote ol, blockquote dl, blockquote table {
  margin: 0;
}

blockquote + figcaption {
  width: 96%;
  margin: 0 auto;
  text-align: right;
  font-weight: normal;
  font-style: italic;
}

input, button, textarea, select {
  margin: 0;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
}

input {
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
}

textarea {
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
}

input[name="submit"] {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 3px;
  border: none;
  background: #20b2aa;
  color: #fff;
}

input[name="submit"]:hover {
  cursor: pointer;
}

address {
  font-size: 1.4rem;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#container { width: 100%;
margin: 0;
padding: 0;
float: left;}
#header{ width:100%; margin:0 auto; background-color:#FFF; padding:12px 0;}
.logo{float: left;margin: 0 0 0 0;padding: 0 0 0 0; width: auto;}
.logo a{text-decoration: none; outline: none;}
.logo a img{width: 100%;max-width: 60px;}
.free_quote{
	float: right;
margin: 3px 0 0 0;
padding: 18px 56px;
width: auto;
background-color: #ffd500;
border-radius: 60px;
}
.free_quote a{
    font-family: 'GothamRoundedBold'; font-size: 20px; color: #FFFFFF;text-decoration: none; outline: none;
}




.banner{
float: none;
  margin: 0 auto;
  padding: 0;
  width: 1920px;
  max-width: 100%;

}



.social_icons{float:left; margin:0; padding:19px 0 0 0; width:auto;}
.social_icons a{float:left; margin:0 0 0 5px; padding:0; text-decoration:none; outline:none; color:#FFFFFF;}

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.main_menu{
float: right;margin: 20px 0 0 0px;padding: 0 0 0 0; width: auto;	
}
.menu-main-menu-container{
float: left;margin: 0 0 0 0px;padding: 0 0 0 0; width: auto;		
}
.menu-main-menu-container ul{
	float: left;margin: 0 0 0 0px;padding: 0 0 0 0; width: auto; list-style: none;
}
.menu-main-menu-container ul li{
	float: left;margin: 0 60px 0 0px;padding: 0 0 0 0; width: auto; list-style: none;
}

.menu-main-menu-container ul li a{
	    float: left;
    margin: 0 0 0 0px;
    padding: 0 0 0 0;
    text-decoration: none;
    outline: none;
    color: #000000;
  font-family: 'GothamRoundedMedium';
    font-size: 20px;
    font-weight: normal;
}
.menu-main-menu-container ul li a:hover{
	color: #194c60;
}
.menu-main-menu-container ul li.current-menu-item a{
	color: #194c60;
}


/*--------------------------------------------------------------
# Footers
--------------------------------------------------------------*/
.footer{ width:100%; margin:0 auto; background:#FFF; padding:60px 0 0 0; float:left; clear:both;
    background-image: url("images/area_bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    
    
}
.footer h1{
    color: #194c60;
  font-family: 'GothamRoundedBold';
    font-size: 42px;
    float: left;
    margin: 0px 0 0px 0;
padding: 0 0 0 0;
text-align: center;
width: 100%;
clear: both;
}
.contact_info{
     float: left;
    margin: 50px 0 120px 0;
padding: 0 0 0 0;
width: 100%;
}
.icon_contact{
     float: none;
margin: 0 auto;
padding: 40px 0 0 0;
width: 158px;
text-align: center;
border: 4px solid #989898;
border-radius: 129px;
height: 158px;
}
.icon_contact img{
    
}
.contact_info p{
    color: #989898;
    font-family: 'GothamRoundedBold';
    font-size: 15px;
    float: left;
    width: 100%;
    margin: 25px 0 35px 0;
    padding: 0 0 0 0;
    text-align: center;
    text-transform: uppercase;
}
.contact_info h3{
    color: #b6b6b6;
    font-family: 'GothamRoundedBold';
    font-size: 24px;
    float: left;
    width: 100%;
    margin: 0px 0 0px 0;
    padding: 0 6%;
    text-align: center;
}
.contact_info h3 a{
    font-family: 'GothamRoundedBold';
    font-size: 24px;
    color: #b6b6b6;
    text-decoration: none;
outline: none;
}




.footer_logo{
float: left;
margin: 40px 0 0 0;
padding: 0 0 0 0;
text-align: center;
width: 100%;
clear: both;
}
.footer_logo img{
width: 240px;
margin: 0;
padding: 0;
}
.copy_right_area{
width: 100%;
margin: 0 auto;
background: #ffd500;
padding: 20px 0;
float: left;
clear: both;
}
.copy_right{float: none;
margin: 0;
padding: 0;
font-size: 14px;
color: #000;
font-family: 'GothamRoundedMedium';
    
    
}


.copy_right a{
 font-size: 14px;
color: #000;
font-family: 'GothamRoundedMedium';
margin: 0 5px;
padding: 0;
text-decoration: none;
outline: none;
}
.menu-footer-menu-container{
    float:left; margin:0px 0 0px 0px; padding:0px 0 0 0; width:100%; clear: both;
}
.menu-footer-menu-container ul{
    float:right; margin:0px 0 0px 0px; padding:0px 0 0 0; width:auto; clear: both;
}
.menu-footer-menu-container ul li{
    float:left; margin:0 0 0px 0; padding:0px 0 0 0; width:auto; list-style: none;
}
.menu-footer-menu-container ul li a{
font-size: 14px;
color: #000;
font-family: 'GothamRoundedMedium';
text-decoration: none;
outline: none;
font-weight: normal;
float: left;
margin: 0 0 0 60px;
padding: 0;
}



.footer_social_icons{float:left; margin:0 0 50px 20px; padding:0px 0 0 0; width:100%; clear: both;}
.footer_social_icons a{float:left; margin:0 0 0 10px; padding:0; text-decoration:none; outline:none;color: #FFF;font-size: 15px;}  


.parameters{
	 width:100%; margin:0 0; background:#FFF; padding:50px 0 60px 0; float:left; clear:both;
}
.parameters h1{
    color: #194c60;
  font-family: 'GothamRoundedBold';
    font-size: 52px;
    float: left;
    margin: 0px 0 60px 0 !important;
padding: 0 0 0 0;
text-align: center;
width: 100%;
clear: both;
}

.million_games{
    width:100%; margin:0 0; padding:40px 0 20px 0; float:left; clear:both;
    background-image: url(http://hypergamex.co/wp-content/uploads/2024/02/Developer_Page_Image.png);
  background-position: center ;
  background-repeat: no-repeat ;
  background-size: cover ;
}

.million_games h1{
    color: #FFFFFF;
    font-family: 'KatahdinRound';
    font-size: 90px;
    float: left;
    margin: 0px 0 0px 0;
    padding: 0 0 0 0;
    text-align: center;
    width: 100%;
    clear: both;
    line-height: 80px;
}
.million_games p{
color: #141414;
font-family: 'GothamRoundedBold';
font-size: 38px;
float: left;
width: 100%;
margin: 0 0 50px 0 !important;
padding: 0;
text-align: center;
clear: both;
text-transform: uppercase;
letter-spacing: 45px;
}

.our_journey{
	 width:100%; margin:0 0; background:#FFF; padding:40px 0 0 0; float:left; clear:both;
}
.our_journey h1{
    color: #194c60;
  font-family: 'GothamRoundedBold';
    font-size: 52px;
    float: left;
    margin: 0px 0 20px 0;
padding: 0 0 0 0;
text-align: center;
width: 100%;
clear: both;
}
.our_journey p{
    color: #b6b6b6;
    font-family: 'GothamRoundedBold';
    font-size: 22px;
    float: left;
    width: 100%;
    margin: 0 0 50px 0 !important;
    padding: 0 15%;
    text-align: center;
    clear: both;
}
.published_games{
    float: left;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
}
.published_games h3{
    color: #141414;
    font-family: 'GothamRoundedBold';
    font-size: 52px;
    	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
    
}
.published_games h3 span{
    color: #ffd500;
}
.published_games p{
     color: #141414;
    font-family: 'GothamRoundedBold';
    font-size: 25px;
    	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
}
.games_icons_area{
    	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	 float: left;
}
.games_icons_area p{
    	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	 float: left;
}
.games_icons_area_1{
    	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	 float: left;
	 max-width: 30.5%;
}
.games_icons_area_2{
    	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	 float: left;
	 max-width: 39%;
}
.games_icons_area_2 .games_icons_small{
    	 float: left;
  max-width: 29%;
  margin: 0 2%;
}


.leader_ship{
	 width:100%; margin:40px 0 0 0; background:#FFF; padding:60px 0 0 0; float:left; clear:both;
    background-image: url("images/area_bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}
.leader_ship h1{
    color: #194c60;
  font-family: 'GothamRoundedBold';
    font-size: 42px;
    float: left;
    margin: 0px 0 20px 0;
padding: 0 0 0 0;
text-align: center;
width: 100%;
clear: both;
}
.leader_ship p{
    color: #b6b6b6;
    font-family: 'GothamRoundedBold';
    font-size: 16px;
    float: left;
    width: 100%;
    margin: 0 0 50px 0 !important;
    padding: 0 15%;
    text-align: center;
    clear: both;
}
.team{
   width:100%; margin:0 0; padding:0px 0 0 0; float:left; 
}
.team img{
    
}
.team h3{
     color: #989898;
    font-family: 'GothamRoundedBold';
    font-size: 21px;
    float: left;
    width: 100%;
     text-align: center;
      margin: 15px 0 0px 0 !important;
    padding: 0 0;
    text-transform: uppercase;
}
.team p{
     color: #989898;
    font-family: 'GothamRoundedBold';
    font-size: 14px;
    float: left;
    width: 100%;
     text-align: center;
      margin: 0 0 0px 0 !important;
    padding: 0 0;
    text-transform: uppercase;
}

.contact_us{
	 width:100%; margin:60px 0 0 0; background:#FFF; padding:60px 0 0 0; float:left; clear:both;
    background-image: url("images/area_bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}
.contact_us h1{
    color: #194c60;
  font-family: 'GothamRoundedBold';
    font-size: 42px;
    float: left;
    margin: 0px 0 20px 0;
padding: 0 0 0 0;
text-align: center;
width: 100%;
clear: both;
}
.contact_us p{
    color: #b6b6b6;
    font-family: 'GothamRoundedBold';
    font-size: 20px;
    float: left;
    width: 100%;
    margin: 0 0 50px 0 !important;
    padding: 0 15%;
    text-align: center;
    clear: both;
}
.footer_form{
	float: left;
	margin: 0 0 60px 0;
	padding: 0 0 0 0;
	width: 100%;
}
.footer_form p{
       color: #b6b6b6;
    font-family: 'GothamRoundedBold';
    font-size: 20px;
    float: left;
    width: 100%;
    margin: 0 0 0px 0 !important;
    padding: 0 0%;
    text-align: center;
    clear: both;
}
.footer_form .form_raw{
float: left;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	width: 100%;
	clear: both;
}
.footer_form .form_raw .form_raw50{
float: left;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
	width: 50%;
}
.wpcf7 form .wpcf7-response-output {border: none !important;}
.wpcf7-not-valid-tip {color: #dc3232;font-size: 12px !important;font-weight: normal;display: block;text-align: left;margin: 5px 0 0 20px;float: left;width: auto;}
.wpcf7 form .wpcf7-response-output {margin: -60px 0 0 0 !important;padding: 0;clear: both;float: left;width: 94%;text-align: center;}
.footer_form .form_raw input.wpcf7-text,
.footer_form .form_raw input.wpcf7-email{
padding: 10px 20px;
border: 1px solid #b6b6b6;
border-radius: 50px;
background: #fff;
float: left;
max-width: 92%;
color: #b6b6b6;
font-family: 'GothamRoundedMedium';
font-size: 13px;
margin: 0 4% 0 0;

}
.footer_form .form_raw textarea{
padding: 10px 20px;
border: 1px solid #b6b6b6;
border-radius: 25px;
background: #fff;
float: left;
max-width: 96%;
color: #b6b6b6;
font-family: 'GothamRoundedMedium';
font-size: 13px;
margin: 0 4% 0 0;

resize: none;
min-height: 260px;
}
.footer_form .form_raw input.wpcf7-submit{
float: none;
margin: 0 auto;
margin-top: 30px;
padding: 15px 80px;
width: auto;
background-color: #ffd500;
border-radius: 60px;
font-family: 'GothamRoundedBold';
font-size: 20px;
color: #FFF;
border: none;
}
.footer_form .form_raw input:focus,
.footer_form .form_raw textarea:focus{
    outline: none;
}
.home_page{
    	 width:100%; margin:0 0; background:#FFF; padding:0px 0 0 0; float:left; clear:both;
}
/*--------------------------------------------------------------
# Footers
--------------------------------------------------------------*/

.site-content {
  display: block;
  width: 100%;
  margin: 40px auto 0
}


.primary {
  width: 96%;
  margin: 0 auto;
  padding-right: 0
}


.secondary {
  display: block;
  width: 100%;
  margin:20px 0 0px 0;
}


.single-post .site-content, .page .site-content {
  width: 100%;
  max-width: inherit;
  margin-top: 0;
  padding-top: 0;
}

.single-post .primary, .page .primary {
  width: 100%;
}

.single-post .secondary, .page .secondary {
  width: 100%;
}




.error404 {
}

.error404 .primary {
  height: 350px;
  padding-top: 100px;
}






.header {
}

.header a, .header a:visited {
  color: #555;
}

.header a:hover, .header a:focus, .header a:visited:hover, .header a:visited:focus {
  color: #20b2aa;
}

.header__title {
  display: inline-block;
  margin: 0 0 0 8px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #222;
}




.entry__footer .cat-links, .entry__footer .tags-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 8px;
}

.entry__footer .post-categories {
  display: inline-block;
  padding-left: 0;
}

.entry__footer li {
  display: inline-block;
  margin: 0;
}

.entry__footer a {
  padding: 2px 4px;
}

.entry__footer a:hover, .entry__footer a:focus {
  color: #137b75;
}

.entry__footer .comments-link {
  display: block;
}

.entry__footer .edit-link {
  display: inline-block;
  margin-top: 4px;
}

.entry__footer .post-edit-link {
  display: inline-block;
  border-radius: 3px;
  border: none;
  background: #20b2aa;
  color: #fff;
}

.entry__footer .post-edit-link:hover {
  background: #137b75;
  color: #fff;
}



.widget {
  margin-top: 40px
}

.widget:first-child {
  margin-top: 0;
}

.widget__title {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 2.2rem;
  font-weight: normal;
}

.widget__title + div {
  padding-left: 12px;
}

.widget ul {
  padding-left: 12px;
}

.widget li {
  list-style: none;
  margin-top: 8px;
}

.widget li:first-child {
  margin-top: 0;
}


.widget_archive,
.widget_categories,
.widget_meta {
}

.widget_archive ul, .widget_categories ul, .widget_meta ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.widget_archive li, .widget_categories li, .widget_meta li {
  margin: 0 12px 12px 0;
}

/*
  List of articles
*/

.entry {
  margin:20px 0;
  padding: 0px;
  float:left;
  width:100%;
}








/*
  Article page
*/

.single-post,
.page {
}

.single-post .entry, .page .entry {
  padding: 0;
  box-shadow: none;
  border: none;
}

.page_title{
   background-image: url("images/pagetitle.jpg");
    background-position: center center;
    background-repeat: no-repeat;
	 margin: 0;
    padding: 0px 0;
	  text-align: center;
	   width: 100%;
	   float:left;
}
.page_title h1.entry__title{
   background-image:url(images/diagonal-lines.png);
    background-position:left top;
    background-repeat:repeat 0 0;
    color: #ffffff;
    float: left;
    font-family: "Lato-Regular";
    font-size: 32px;
    letter-spacing: 3px;
    margin: 0;
    padding: 30px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
body.home .entry {
    margin: 0;
}


.page-title {
  word-wrap: break-word;
  overflow-wrap: break-word;
}





form[role="search"] {
  position: relative
}

form[role="search"] label {
  display: block;
  width: 100%;
}

form[role="search"] .search-field {
  display: block;
  width: calc(100% - 60px);
  height: 30px;
  padding: 0 0 0 8px;
  border: 1px solid #eee;
  border-right: none;
}

form[role="search"] .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 60px;
  height: 30px;
  border: 1px solid #eee;
  background-color: #fff;
}

form[role="search"] .search-submit:hover {
  cursor: pointer;
}

.posts-navigation {
  margin-top: 40px;
}

.single-post .post-navigation, .page .post-navigation {
   display: block;
    float: left;
    margin: 40px auto 0;
    max-width: 700px;
    width: 100%;
}
h2.screen-reader-text{
font-size:17px;

}
.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 80px;
  padding: 8px 0;
  border-top: 1px solid #e1e5e7;
  border-bottom: 1px solid #e1e5e7
}

.nav-links::after {
  content: "";
  clear: both;
  display: block;
}

.nav-links a {
  display: block;
  position: relative;
  width: 100%;
  color: #555;
}

.nav-links a:hover, .nav-links a:focus {
  color: #20b2aa;
}

.nav-previous,
.nav-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  vertical-align: middle
}

.nav-previous a, .nav-next a {
  padding: 0 10px 0 15px;
}

.nav-previous {
  vertical-align: middle;
  text-align: left
}

.nav-previous a {
  border-right: 1px solid #e1e5e7;
}

.nav-previous a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border: solid #888;
  left: 0;
  border-width: 1px 0 0 1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.nav-next {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%
}

.nav-next a {
}

.nav-next a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border: solid #888;
  right: 0;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}




input[name="post_password"] {
  display: block;
  margin-top: 8px;
}

input[name="Submit"] {
  margin-top: 8px;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 3px;
  border: none;
  background: #20b2aa;
  color: #fff;
}

input[name="Submit"]:hover {
  cursor: pointer;
}






.comments {
  display: block;
  width: 96%;
  max-width: 700px;
  margin: 40px auto 0
}

.comments textarea {
  width: 100%;
}

.comments__title {
  font-size: 1.6rem;
}

.comments__list {
  margin-left: 0;
  padding: 0;
}

.comments__list li {
  list-style: none;
}

.comment {
  list-style: none;
  margin-top: 20px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff
}

@media (min-width:640px) {

  .comment {
    padding: 24px;
  }
  }

.comment .children {
  padding: 0;
}

.comment .comment.odd {
  background: #fafafa;
}

.comment.even + .odd {
  background: #fff;
}

.comment table {
  margin-top: 40px;
  width: 96%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
}

.comment th, .comment td {
  padding: 10px;
  border: 1px solid #ccc;
}

.comment th {
  background-color: #eee;
}

.comment dl {
  margin-top: 40px;
  font-size: 1.6rem;
}

.comment dt {
  margin-top: 20px;
}

.comment dd {
  margin-left: 20px;
}

.comment ul {
  margin-top: 4rem;
  padding-left: 20px;
}

.comment ul li {
  margin-top: 8px;
  list-style: disc;
  font-size: 1.6rem;
}

.comment ol {
  margin-top: 40px;
  padding-left: 2.0rem;
}

.comment ol li {
  margin-top: 8px;
  list-style: decimal;
  font-size: 1.6rem;
}

.comment ol.children {
}

.comment ol.children li {
  list-style: none;
}

.comment li {
}

.comment li ul, .comment li ol {
  margin-top: 8px;
}

.comment blockquote {
  position: relative;
  display: block;
  width: 96%;
  padding: 20px;
  margin: 0 auto;
  border-radius: 5px;
  font-size: 1.4rem;
  margin-top: 40px;
  background-color: #eee;
}

.comment blockquote::before {
  content: "“";
  font-size: 5.0rem;
  line-height: 1em;
  font-family: 'ＭＳ Ｐゴシック',sans-serif;
  color: #fff;
  position: absolute;
  left: 10px;
  top: 10px;
}

.comment blockquote p, .comment blockquote h1, .comment blockquote h2, .comment blockquote h3, .comment blockquote h4, .comment blockquote h5, .comment blockquote h6, .comment blockquote ul, .comment blockquote ol, .comment blockquote dl, .comment blockquote table {
  margin: 0;
}

.comment pre {
  width: 100%;
  padding: 10px;
}

.comment p {
  margin-top: 20px;
  font-size: 1.6rem;
}

.pingback {
  margin-top: 8px;
}

.comment-author,
.comment-meta {
}

.comment-author a, .comment-meta a {
  color: #555;
}

.comment-author a:hover, .comment-meta a:hover {
  color: #20b2aa;
}

.comment-notes {
  margin: 20px 0 10px;
}

.required {
  color: #f00;
}

.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url {
  margin: 20px 0 0
}

.comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label {
  display: block;
}


.games{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
}
.games h3{
color: #00baff;
font-size: 36px;
font-family: 'VAGRounded-Light';
margin: 6px 0 0 0 !important;
padding: 0 0 0 0;
float: left;
width: 100%;
text-align: center;
font-weight: normal;
}
.btn_links{
float: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
display: inline-block;
width: 100%;
text-align: center;
}
.btn_links a{
text-decoration: none;
outline: none;
margin: 0 20px;
}
.engagement{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
}
.engagement h1{
color: #000;
font-size: 36px;
font-family: 'HelveticaNeueLight';
margin: 20px 0 0 0 !important;
padding: 0 0 0 0;
float: left;
width: 100%;
text-align: center;
font-weight: normal;
}
.engagement p{
color: #000;
font-size: 17px;
font-family: 'Helvetica';
margin: 0px 0 0 0 !important;
padding: 0 0;
float: left;
width: 100%;
font-weight: normal;
}
.meet_the_gang{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;	
}
.meet_the_gang h1{
color: #00baff;
font-size: 36px;
font-family: 'VAGRoundedLT-Bold';
margin: 20px 0 0 0 !important;
padding: 0 0 0 0;
float: left;
width: 100%;
text-align: center;
font-weight: normal;
}
.engagement_area .engagement_right img{max-width: 100%;}    




@media (max-width: 1024px) {
.engagement_area .engagement_left {width: 56%;}    
.engagement_area .engagement_right {width: 44%;}    
.engagement_area .engagement_left p {width: 92%;}    
}
@media (max-width: 768px) {
.our_latest_games .games_block {margin: 0px 2%;max-width: 145px;}
.engagement_area .engagement_left h3 {font-size: 36px;}    
.engagement_area .engagement_left p {font-size: 15px;}    
.icon_our_collection img {max-width: 100%;width: 112px;}
.icon_our_collection2 img {margin: 0px 3%;width: 100px;}    
 .icon_our_collection3 img {margin: 0px 3%;max-width: 100%;width: 100px;}   
}
@media (max-width: 760px) {
.menu-main-menu-container ul li {margin: 0 15px 0 0px;}
.main_menu {margin: 20px 0 0 30px;}
.menu-main-menu-container ul li a {font-size: 15px;}
.menu-main-menu-container ul li:last-child{margin: 0 0px 0 0px;}
.social_icons a img {width: 18px;}  
.store_link {bottom: 5%; }
.store_link a.google_play img{width: 90px; }  
.store_link a.app_store img{width: 90px;  }
.store_link a.google_play {margin: 0px 5px 0 0;}   
.store_link a.app_store {margin: -16px 10px 0 0;}    
.our_latest_games_bg h3 {padding: 0 20px;font-size: 34px;}
.our_latest_games_bg {background-position: 0 -4px;}
.our_latest_games .games_block {margin: 0px 2% 20px 2%;} 
.store_links {margin: 0px 0 0 0px;} 
.engagement_area .engagement_left {width: 100%;} 
.engagement_area .engagement_left h3 {font-size: 30px;} 
.engagement_area .engagement_left p {font-size: 16px;width: 100%;} 
.engagement_area .engagement_right {width: 100%;} 
 .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;width: 100% !important;margin: 0;padding: 0;}
}


.videos_box{
width: 100%;
height: 100%;
float: left;
margin: 0 0 20px 0;
padding: 0;
overflow: hidden;
}
.videos_box h4{
 width: 100%;
height: 100%;
float: left;
margin: 0;
padding: 0;
text-align: center;
font-size: 17px;
line-height: 24px;
}
.videos_box h4 a{
    font-size: 17px;
line-height: 24px;
color: #000;
text-decoration: none;
outline: none;
}
.photo-advisor {
  margin: 0 0 0px 0;
position: relative;
height: auto;
overflow: hidden;
padding: 0;
}
.photo-advisor a {
    display: block;
    position: relative;
    vertical-align: bottom;
    overflow: hidden;
    padding: 0;
}
.photo-advisor img {
    max-width: 100%;
    height: auto;
    width: 100%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    transform-style: preserve-3d;
    vertical-align: middle;
    border: 0;
}
.photo-advisor a:hover > img {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
}


.stores_links{
float: left;
margin: -48px 0 0 0;
padding: 0 0%;
width: 100%;
position: relative;
text-align: right;
}
.stores_links a img{
margin: 0 15px 0 0;
padding: 0;
width: 90px;
}
.post_details{
position: absolute;
bottom: 14%;
margin: 0;
padding: 0 30px;
}
.excerpt{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	color: #fff;
	font-size: 16px;
}
.excerpt p{
	color: #000;
	font-size: 16px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: none;
}.excerpt a{
	color: #000;
	font-size: 16px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: none;
}
.excerpt a:hover{
    text-decoration: none;
	outline: none;
	color: #000;
}

.stores_links_page{
float: right;
margin: -65px 0 0 0;
padding: 0 0 0 0;
width: auto;
position: relative;
max-width: 300px;
}
.stores_links_page a img{
float: left;
margin: 0 4% 0 0;
padding: 0;
width: 46%;
}

.gamesbox {
 position: relative;
width: 100%;
margin:0 0 20px 0;
float: left;
padding: 0;
background-color: #fff;
box-shadow: 0 0 10px 0 #b6b6b6;
border-radius: 20px;
}

.image {
  display: block;
  width: 100%;
  height: auto;margin: 0 0 10px 0;
  border-radius: 20px 20px 0 0px;
}

.overlay {
    float:left;
  width: 100%;
margin:0 0 0px 0;padding: 0 15px;
}


.text {
  float:left;
  width: 100%;
margin:0 0 0px 0;padding:0 0px;
}
.text h3{
   color: #00b4ff;
font-family: 'GothamRoundedBold';
font-size: 24px;
float: left;
margin: 0px 0 10px 0;
padding: 0 0 0 0;
text-align: left;
width: 100%;
clear: both; 
}
.text h3 a{
   color: #00b4ff;
font-family: 'GothamRoundedBold';
font-size: 24px;
text-decoration: none;
outline: none;

}
.readmore{
     float:left;
  width: 100%;
margin:0 0 15px 0;padding:0 0px;text-align: right;
}
.readmore a{
  font-family: 'GothamRoundedBold';
color: #00b4ff;
text-decoration: none;
outline: none;
font-size: 15px;
margin: 0 15px 0 0;
}

.posts_content{
     float:left;
  width: 100%;
margin:0 0 0px 0;
padding:0 0px;
}
.posts_content h1{
    float:left;
  width: 100%;
  margin: 0 0px 15px 0;
   font-family: 'GothamRoundedBold';
color: #00b4ff;
font-size: 36px;
 } 
 
 .posts_content h3{
    float:left;
  width: 100%;
  margin: 0 0px 15px 0;
   font-family: 'GothamRoundedBold';
color: #00b4ff;
font-size:24px;
 } 
 
 .posts_content p{
       float:left;
  width: 100%;
     font-family: 'GothamRoundedLight';
color: #000;
font-size: 16px;
margin: 0 0px 10px 0;
}
 .posts_content ul{
    float: left;
width: 100%;
margin: 0 0 20px 15px;
padding: 0 0px;
list-style: none;
 }
 .posts_content ul li{
        float:left;
  width: 100%;
     font-family: 'GothamRoundedLight';
color: #000;
font-size: 16px;list-style: none;
margin: 0 0px 5px 0;
 }
 .secondary{
      float: left;
width: 100%;
margin: 0 0 0px 0px;
padding: 0 0px; 
 }
 .secondary h2{
    float:left;
  width: 100%;
  margin: 0 0px 15px 0;
   font-family: 'GothamRoundedBold';
color: #00b4ff;
font-size:24px;
     
 }
  .secondary ul{
    float: left;
width: 100%;
margin: 0 0 20px 15px;
padding: 0 0px;
list-style: none;
 }
 .secondary ul li{
        float:left;
  width: 100%;
     font-family: 'GothamRoundedLight';
color: #000;
font-size: 16px;list-style: disc;
margin: 0 0px 5px 0;
 }
  .secondary ul li a{
       font-family: 'GothamRoundedLight';
color: #000;
font-size: 16px;text-decoration: none;
outline: none;
  }
 .secondary ul li a:hover{
     color: #00b4ff;
 }
.navigation{clear:both;float:left;width:100%;margin:0 0 15px 0;padding:0 15px}
.navigation a{padding:5px 11px;border:1px solid #e3e3e3;display:inline-block;margin:0 0 0 8px;min-width:33px;text-align:center;color:#666;line-height:21px;float:left;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px}
.navigation span{padding:5px 11px;border:1px solid #e3e3e3;display:inline-block;margin:0 0 0 8px;min-width:33px;text-align:center;color:#FFF;line-height:21px;float:left;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;background-color:#ffde00;}

.navigation a:hover,.navigation li.active a,.navigation li.disabled{background-color:#ffde00;color:#fff;text-decoration:none}



.draw {
  overflow: hidden;
  position: relative;
}
.draw::before, .draw::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  border: 2px dashed transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
  border-top-color: #fec10d;
  border-right-color: #fec10d;
  animation: border 2s infinite;
}
.draw::after {
  bottom: 0;
  right: 0;
  animation: border 2s 1s infinite, borderColor 2s 1s infinite;
}

@keyframes border {
  0% {
    width: 0;
    height: 0;
  }
  25% {
    width: 100%;
    height: 0;
  }
  50% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@keyframes borderColor {
  0% {
    border-bottom-color: #fec10d;
    border-left-color: #fec10d;
  }
  50% {
    border-bottom-color: #fec10d;
    border-left-color: #fec10d;
  }
  51% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  100% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
}

.page_content{
       float:left;
  width: 100%;
    margin: 0 0 0px 0;
	padding: 0 0 0 0;
}
.page_content h1 {
     font-family: 'GothamRoundedBold';
    font-size: 48px;
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 100%;
}

.page_content h2 {
	font-family: 'GothamRoundedBold';
	font-size: 31px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	 float:left;
  width: 100%;
}

.page_content  h3 {
	font-family: 'GothamRoundedBold';
	font-size: 24px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	 float:left;
  width: 100%;
}

.page_content h4 {
	font-family: 'GothamRoundedBold';
	font-size: 21px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	 float:left;
  width: 100%;
}

.page_content h5 {
	font-family: 'GothamRoundedBold';
	font-size: 19px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	 float:left;
  width: 100%;
}

.page_content h6 {
	font-family: 'GothamRoundedBold';
	font-size: 17px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	 float:left;
  width: 100%;
}
.page_content ul {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0 0 0 40px;
    max-width: 100%;
}

.page_content ul li {
font-family: 'GothamRoundedBook';
    font-size: 15px;
    margin: 0 0 0px 0;
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    clear: both;
}

.page_content ol {
  float: left;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0 0 0 40px;
    max-width: 100%;
}

.page_content ol li {
  font-family: 'GothamRoundedBook';
    font-size: 15px;
    margin: 0 0 0px 0;
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    clear: both;
}

.page_content  p {
 font-family: 'GothamRoundedBook';
	font-size: 15px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	 float:left;
  width: 100%;
}