/* ========================================================================== */
/* ========================================================================== */
							/* [Table of contents] */
/* ========================================================================== */
/* ========================================================================== */

/*
	+ General
		- Fonts
		- Body
		- Padding
		- Links
		- Buttons
	+ Header 
		- Main Navigation
		- Page Title	 
	+ Sections
		- About 

	+ Footer 
	+ PopUp  
	+ PrettyPhoto		
	+ Responsive
		- max-width: 1200px 
		- max-width: 989px
		- max-width: 930px
		- max-width: 789px
		- max-width: 767px
		- max-width: 665px
		- max-width: 610px
		- max-width: 510px
		- max-width: 480px
		- max-width: 450px
		- max-width: 295px
*/

/* ==============================================================================
	General
=================================================================================*/ 
/* -- FONTS */ 
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,600,600i'); 

@font-face {
    font-family: 'Emotion Engine Regular';
    src: url('fonts/emotion_engine-regular.ttf') format('ttf'),
    	 url('fonts/emotion_engine-regular.otf') format('otf'),
    	 url('fonts/emotion_engine-regular.woff2') format('woff2'),
         url('fonts/emotion_engine-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
}
@font-face {
    font-family: 'Game Station';
    src: url('fonts/gamestation.ttf') format('ttf'),
    	 url('fonts/gamestation.otf') format('otf'),
    	 url('fonts/gamestation.woff2') format('woff2'),
         url('fonts/gamestation.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gamestationdisplayOboutline';
    src: url('fonts/gamestationdisplayobloutline.eot');
    src: url('fonts/gamestationdisplayobloutline.eot?#iefix') format('embedded-opentype'),
         url('fonts/gamestationdisplayobloutline.woff2') format('woff2'),
         url('fonts/gamestationdisplayobloutline.woff') format('woff'),
         url('fonts/gamestationdisplayobloutline.ttf') format('truetype'),
         url('fonts/gamestationdisplayobloutline.svg#gamestationdisplayOboutline') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gamestationtext_oblique';
    src: url('fonts/gamestationtextobl-webfont.eot');
    src: url('fonts/gamestationtextobl-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gamestationtextobl-webfont.woff2') format('woff2'),
         url('fonts/gamestationtextobl-webfont.woff') format('woff'),
         url('fonts/gamestationtextobl-webfont.ttf') format('truetype'),
         url('fonts/gamestationtextobl-webfont.svg#gamestationtext_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Orena';
    src: url('fonts/Orena.ttf') format('ttf'),
    	 url('fonts/Orena.otf') format('otf'),
    	 url('fonts/Orena.woff2') format('woff2'),
    	 url('fonts/Orena.eot') format('eot'),
         url('fonts/Orena.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); 
}


.far {
  font-family: 'Font Awesome 5 Free'; font-weight: 400; }

/* -- Body */
body { 
	position: relative;
	padding-bottom: 400px;
	overflow-x: hidden;  
	background-image: url('../images/background-images/body_bg.png');
	background-repeat: no-repeat; 
	background-position: top center;
	background-size: 100%; 
	background-color: #020d15;
}
/* -- Padding */
.rst-pad { padding-left: 0!important; padding-right: 0!important; } 
.rst-pad-lf { padding-left: 0!important; } 
.rst-pad-rg { padding-right: 0!important; } 
/* -- Links */
*:focus { outline: none !important; outline-width: 0; } 
/* -- Pre */
pre { padding: 0 10px !important; } 
pre code { display: inline-block; padding-top: 20px; } 
/* -- Buttons */
 


/* ==============================================================================
	Header
=================================================================================*/ 
  /* --- NAVBAR --- */
.navbar-nav { float: right; }  
.navbar { margin-top: 35px; }
.navbar > .container {
	background-image: url('../images/background-images/menu_bg.jpg');
	background-repeat: repeat; 
	background-position: top left;
	background-size: cover; 
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.54); 
} 
.navbar-brand {
	height: auto;
}
.navbar-nav > li > a {   	
  font-size: 23px;
  font-family: "Emotion Engine Regular";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 3.1;
  text-align: center;  
}
.navbar-nav > li.active > a, .navbar-nav > li:hover > a {     
  background-image: -moz-linear-gradient( -90deg, rgb(203,61,16) 0%, rgb(175,36,16) 0%, rgb(196,52,21) 13%, rgb(216,67,26) 28%, rgb(232,82,34) 48%, rgb(248,112,48) 68%, rgb(251,131,66) 87%);
  background-image: -webkit-linear-gradient( -90deg, rgb(203,61,16) 0%, rgb(175,36,16) 0%, rgb(196,52,21) 13%, rgb(216,67,26) 28%, rgb(232,82,34) 48%, rgb(248,112,48) 68%, rgb(251,131,66) 87%);
  background-image: -ms-linear-gradient( -90deg, rgb(203,61,16) 0%, rgb(175,36,16) 0%, rgb(196,52,21) 13%, rgb(216,67,26) 28%, rgb(232,82,34) 48%, rgb(248,112,48) 68%, rgb(251,131,66) 87%); 
}
/* --- Pages Title --- */
.page-title {  
  padding-top: 340px;
  padding-bottom: 40px;
  font-size: 32px;
  font-family: "gamestationdisplayOboutline";
  color: rgba(0, 255, 255, 0.878);
  line-height: 1.2;
  text-align: left; 
  letter-spacing: 5px;

 }
/* ==============================================================================
	Sections
=================================================================================*/ 
  /* --- ABOUT --- */
.about-parag { 
  padding-top: 340px;
  font-size: 27px;
  font-family: "Game Station";
  color: rgba(0, 255, 255, 0.878);
  line-height: 1.414;
  text-align: left; 
}

  /* --- TRAILER --- */
.trailer-section { margin-top: 50px; }
.trailer-wrap { padding: 0; box-shadow: 34.1px -36.568px 65px 0px rgba(0, 0, 0, 0.57); }

.play-btn_link {
	position: absolute;
	height: 140px;
	top: 0; left: 0; 
	bottom: 0; right: 0;
	margin: auto;  
	text-align: center; 
} 
  /* --- PLAY NOW --- */
.play-wrap {
	padding: 90px 0;
	text-align: center;
	background-image: url('../images/background-images/play_base.png');
	background-repeat: no-repeat; 
	background-position: top left;
	background-size: cover; 
    background-color: #010101; 
}  
  
.play-header  {
	padding-bottom: 40px;
	margin: 0;
  font-size: 46px;
  font-family: "Orena"; 
  line-height: 1.834;
  text-align: center; 
 background: -webkit-linear-gradient(90deg, #00a6b3 0%, #00b6c0 13%, #00c3cb 28%, #00cfd6 48%,   #46dde2 68%, #79e7ea 87%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

   }
.btn-play-web { padding-bottom: 20px; text-align: right; cursor: pointer; transition: all 500ms; }
.btn-play-stram { padding-bottom: 20px; text-align: left; cursor: pointer; transition: all 500ms; }

.play-wrap:hover .play-header  { 
	transition: all 500ms;
 background: -webkit-linear-gradient(90deg, #cb3d10 0%, #c43415 13%, #d8431a 28%, #e85222 48%,   #f87030 68%, #fb8342 87%);
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 }
  /* --- GALLERY  --- */
/*.gallery-carousel .owl-item img { height: 400px; width: auto; text-align: center; }*/
.gallery-carousel .owl-item .item { overflow: hidden; }
.gallery-wrap { padding: 0; }
.gallery-carousel .owl-controls { margin-top: 0; }

  /* --- QUOTES  --- */
.quotes-wrap { 
	padding: 90px 0;
	background-image: url('../images/background-images/quote_base.jpg');
	background-repeat: repeat; 
	background-position: top left;
	background-size: cover; 
	text-align: center;  
}
.quotes-section .owl-item img.quote_img { 
	max-width: 300px;
	margin: auto;
	margin-bottom: 20px; 
	/*border-radius: 50%;
	border: 6px solid #868686;*/
}
.quotes-section .owl-item img.quote_img_steamed { max-width: 230px; }
.quote-parag, .quote-name {
	padding: 0 50px;
  font-size: 27.512px;
  font-family: "Emotion Engine Regular";
  color: rgb(255, 255, 255);
  line-height: 2;
  text-align: center; 
  letter-spacing: 3px; 
}
.quote-name {
	font-size: 20px;
	font-style: italic; 
}

.quote-carousel .owl-dots .owl-dot span {
  height: 10px; width: 10px;
  border-radius: 0px;
  background-color: #878787; 
}
.quote-carousel .owl-dots .owl-dot:hover span, .quote-carousel .owl-dots .owl-dot.active span  { 
  background-color: #0096f5;  
  -webkit-box-shadow: 0 0  12px 5px rgba(18, 204, 252, .55);
	box-shadow: 0 0  12px 5px rgba(18, 204, 252, .55);
}

 /* --- FAQS  --- */
.faqs-wrap {
	padding: 60px 0;
	background-image: url('../images/background-images/faqs_base.jpg');
	background-repeat: no-repeat; 
	background-position: center;
	background-size: cover; 
	text-align: center;  
}
.btn-faqs {
	cursor: pointer;
}

 /* --- BLOG  --- */
 .blog-wrap { 
 	padding-top: 40px;
	background-image: url('../images/background-images/play_base.png');
	background-repeat: no-repeat; 
	background-position: top left;
	background-size: contain; 
  background-color: #010101; 
}  
.post-wrap, .post-wrap-single { padding: 30px 50px;  } 
.post-wrap > div { padding-bottom: 60px; border-bottom: 1px solid rgba(232, 232, 232, 0.2); } 
.post-wrap-last > div { border-bottom: 0px; }
.featured-img-wrap { padding-left: 0 !important;  }
.article-desc-wrap { padding-right: 0 !important; }
.blog-title {
  margin-top: 0;  margin-bottom: 0; 
  font-size: 25px;
  font-family: "gamestationtext_oblique";
  color: rgb(0, 255, 255); 
  text-align: left;  
  font-style: italic;
}
.metadata {
	padding-bottom: 35px;
  padding-top: 25px;
  font-size: 13px;
  font-family: "Arial", sans-serif;
  color: rgb(255, 255, 255); 
  letter-spacing: 1px;
  font-weight: lighter;
  font-style: italic;
}
.metadata-single { padding-bottom: 0px; }
.metadata img {
    margin-left: 20px;
    vertical-align: sub;
    max-width: 20px;
    margin-right: 10px;
}
.metadata .author img { margin-left: 0; }

.post-excerpt, .post-parag p, .post-parag { 
  font-size: 19px;
  font-family: 'Titillium Web', sans-serif;
  color: rgb(255, 255, 255);
  line-height: 1.7;
  text-align: left;  
  letter-spacing: 1px;
  font-weight: 400;
}
.read-more {
	display: inline-block;
	margin-top: 30px;
	width: 145px; height: 45px; line-height: 45px; 
  font-size: 16px;
  text-align: center;
  font-family: "Arial", sans-serif;
  color: rgb(0, 151, 248); 
  text-transform: uppercase; 
  font-weight: bold;

  background-image: url(../images/icons/btn-post-bg.png);
  background-repeat: no-repeat;
  transition: all 500ms;
}
.read-more:hover { 
	text-decoration: inherit;
  color: #fff; 
  background-image: url(../images/icons/btn-post-bg-hover.png); 
}
.pagination-wrap { padding: 0px 50px 30px 0; text-align: right; background-color: #010101;  }
.pagination-wrap a { 
	width: 40px;
    height: 32px;
    display: inline-block;
    margin: 5px;
    font-size: 16px;
    color: rgb(0, 151, 248);
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 32px;
    background-image: url(../images/icons/pagi.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
.pagination-wrap a.jp-current, .pagination-wrap a:hover {  
    background-image: url(../images/icons/pagi-active.png); 
    text-decoration: inherit;
}
.jp-next, .jp-previous { display: none !important; }
.separator {
  position: relative;
  margin: 25px auto;
  width: 100%;
  border: 0px;
  height: 1px;
  float: inherit;
  background-color: rgba(255,255,255,.2);
}
/*.post-parag p, .post-parag {  
    line-height: 1.8; 
    word-spacing: -3px; 
 }*/
 .post-parag small { 
      font-size: 12px;
    margin-bottom: 30px;
    display: block;
 }
 .post-parag h4 {
  margin-top: 50px;
  margin-bottom: 30px;
  padding-bottom: 17px;
  font-size: 30px;
  font-family: "Emotion Engine Regular";
  color: rgb(0, 255, 255); 
  border-bottom: 1px solid rgba(255,255,255,.2);
}
.post-parag-img { margin: 30px auto; }
.img-post-parag { position: relative;  }
.post-parag p strong { font-size: 25px; }
.img-post-parag:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #000;
  top: -30px;
  left: 0;
}
.img-cnt {
  position: relative;
  display: block;
  margin: 30px auto;
  max-width: 500px;
}
.post-sharing { padding-top: 70px; padding-bottom: 20px; }
/* ==============================================================================
	FOOTER
=================================================================================*/ 
.social-media {
	text-align: center;
	padding-top: 70px;
}
.social-media a { display: inline-block; }
.social-media img {
	padding: 0 10px;
}
.footer-img {
	position: absolute;
	bottom: 0; left: 0; right: 0;
	text-align: center;
	margin: auto;
	z-index: -1;
}
.top_btn { 
	display: inline-block;
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 9;
}
.top_btn img { width: 55px; }
    



/* ==============================================================================
	POPUP
=================================================================================*/  
/*.modal-dialog { margin-top: 50px; }    */
.modal-content {
    padding: 30px;
    height: 500px;
    background-image: url(../images/background-images/popup_base.png);
    background-repeat: repeat;
    background-position: top left;
    background-size: 100% 100%;
    background-color: transparent;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.54);
        border: none;
} 
.modal-header h1 {
  font-size: 20px;
  font-family: "Orena";
  color: rgba(11, 146, 231, 0.713);
  text-transform: uppercase;
   text-align: center;
} 
.modal-body {  
	margin: 20px auto;
	height: 330px; 
	overflow-y: scroll; 
}
.modal-body {  
	margin: 20px auto;
	height: 320px; 
	overflow-y: scroll; 
}
.modal-body span { 
	display: block;
	margin: 15px 0 10px 0;
    font-size: 15px;
    font-family: "Game Station";
    color: rgba(0, 255, 255, 0.878);
    line-height: 1.414; 
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/* ==============================================================================
	PrettyPhoto
=================================================================================*/ 
div.pp_default .pp_content_container .pp_details { display: none; }
div.pp_default .pp_content { background-color: transparent; }
/* ==============================================================================
	RESPONSIVE
=================================================================================*/  
/* --- max-width: 1200px  ---- */
@media screen and (max-width: 1200px) {

	/* --- Menu ---*/
	.navbar-toggle .icon-bar { background-color: #fff }
	.navbar-toggle { padding: 33px 10px; }
	.navbar-nav > li > a { 
		padding: 0; 
		padding-right: 25px;
		line-height: 2.5;
	    text-align: right; 
	}
	.navbar-nav { margin: 0; width: 100%; }
	.navbar > .container, .navbar-collapse { padding: 0; }
	.navbar>.container .navbar-brand { margin-left: 10px; }

	/* --- About ---*/
	.about-parag { padding-top: 200px; font-size: 23px; }

	/* --- Trailer ---*/
	.trailer-section { margin-top: 25px; }
}


/* --- max-width: 989px  ---- */
@media screen and (max-width: 989px) { 
	/* --- Menu ---*/
	.navbar { margin-top: 0px; }

	/* --- About ---*/
	.about-parag { padding-top: 130px; font-size: 21px; }

	/* --- Trailer ---*/
	.play-btn { max-width: 90px; }
	.play-btn_link { height: 90px; }



}


/* --- max-width: 768px  ---- */
@media screen and (max-width: 768px) {  

	/* --- About ---*/
	.about-parag { padding-top: 100px; font-size: 18px; }
	body { background-position: 0 80px; padding-bottom: 300px; }

	/* --- Play Now ---*/
 	.play-header { font-size: 38px; }

 	/* --- Quotes ---*/
 	.quote-parag{ font-size: 20px; }
 	.quote-name { font-size: 14px; } 

}
/* --- min-width: 768px  ---- */
@media screen and (min-width: 768px) {
	.modal-dialog { width: 750px; }
} 

/* --- max-width: 530px  ---- */
@media screen and (max-width: 530px) { 
	 /* --- Play Now ---*/
	.btn-play-web, .btn-play-stram { width: 100%; text-align: center; }
	/* --- Quotes ---*/
	.quote-parag, .quote-name { padding: 0; }
	/* --- Body ---*/
	body { padding-bottom: 200px; }
	/* --- Social Media ---*/
	.social-media { padding-top: 30px; }
	.social-media img { padding: 0 5px; width: 55px; }
}


/* --- max-width: 500px  ---- */
@media screen and (max-width: 500px) {  

	/* --- About ---*/
	.about-parag { font-size: 14px; line-height: 1.7; }
	/* --- Trailer ---*/
	.trailer-section { margin-top: 10px; }
} 

/* --- max-width: 330px  ---- */
@media screen and (max-width: 330px) {

	/* --- Menu ---*/
	.navbar-brand>img { max-width: 165px; }
	.navbar-toggle { padding: 25px 10px; } 
	/* --- Body ---*/
	body { padding-bottom: 150px; }
}