/*
Theme Name: gibbous
Theme URI: http://underscores.me/
Author: Reea
Author URI: http://reea.net/
Description: Gibbous wp theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gibbous
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

gibbous is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}



/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}



/* Custom styles start here */

/* _________________ reset _________________ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal;	}

ul {
	list-style: outside;
	/*list-style-type: none;*/
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a, img { border: none; }

a { text-decoration: none;	}

input[type="submit"]::-moz-focus-inner {border:0;}
input[type="submit"]::-webkit-focus-inner {border:0;}

@font-face {
	font-family: 'futura_extra_blackregular';
	src: url('assets/fonts/futurabt-extrablack-opentype-webfont.eot');
	src: url('assets/fonts/futurabt-extrablack-opentype-webfont.eot?#iefix') format('embedded-opentype'),url('assets/fonts/futurabt-extrablack-opentype-webfont.woff2') format('woff2'),url('assets/fonts/futurabt-extrablack-opentype-webfont.woff') format('woff'),url('assets/fonts/futurabt-extrablack-opentype-webfont.ttf') format('truetype'),url('assets/fonts/futurabt-extrablack-opentype-webfont.svg#futura_extra_blackregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'futura_xblkcn_btextra_black';
	src: url('assets/fonts/futura-extra-black-condensed-bt-webfont.eot');
	src: url('assets/fonts/futura-extra-black-condensed-bt-webfont.eot?#iefix') format('embedded-opentype'),url('assets/fonts/futura-extra-black-condensed-bt-webfont.woff2') format('woff2'),url('assets/fonts/futura-extra-black-condensed-bt-webfont.woff') format('woff'),url('assets/fonts/futura-extra-black-condensed-bt-webfont.ttf') format('truetype'),url('assets/fonts/futura-extra-black-condensed-bt-webfont.svg#futura_xblkcn_btextra_black') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	/*background:  url(assets/img/bg.jpg) center 0 no-repeat, url(assets/img/gradient.png) 0 1462px repeat-x #390132;*/
}
	.inner {
		width: 100%;
		max-width: 1170px;
		margin: 0 auto;
	}

	h2,
	h3 {
		color: #0e2104;
		text-transform: uppercase;
		font-family: 'futura_extra_blackregular';
	}
	h2 { font-size: 39px; }
	h3 { font-size: 23px; }
	h4 {
		font-size: 25px;
		color: #eea002;
		margin-bottom: 50px;
		text-transform: uppercase;
		font-family: 'futura_xblkcn_btextra_black';
		text-shadow: 0 0 2px #000;
	}

#main.site-main {
	position: relative;
	z-index: 50;
}


/* parallax start */
#parallax {
	height: 1453px;
	position: fixed;
	z-index: 20;
}


	.layers {
		width: 100%;
		height: 1453px;
		position: fixed;
		transform: translate3d(0px, 0px, 0px);
		background-repeat: repeat-x;
		background-position: center bottom;
	}
	#parallax-0 { background-image: url(assets/img/parallax-0.jpg); }
	#parallax-1 { background-image: url(assets/img/parallax-1.png); }
	#parallax-2 { background-image: url(assets/img/parallax-2.png); }
	#parallax-3 { background-image: url(assets/img/parallax-3.png); }
	#parallax-4 { background-image: url(assets/img/parallax-4.png); }
	#parallax-5 { background-image: url(assets/img/parallax-5.png); background-repeat: no-repeat;}
	#parallax-6 { background-image: url(assets/img/parallax-6.png); background-repeat: no-repeat;}
	#parallax-7 { background-image: url(assets/img/parallax-7.png); background-repeat: no-repeat;}
	#parallax-8 { background-image: url(assets/img/parallax-8.png); background-repeat: no-repeat;}
	#parallax-9 {
		/*height: 2300px;*/
                height: 36000px;
		background-image: url(assets/img/parallax-9.png), url(assets/img/gradient.png);
		background-repeat: no-repeat, repeat-x;
		background-position: center 0, 0 1450px;
	}
/* parallax end */


	.logo {
		display: block;
		padding-top: 30px;
		margin: 0 auto 1070px ;
	}
	.videowrapper {
		float: none;
		clear: both;
		max-width: 857px;
		width: 54%;
		height: 0;
		position: relative;
		padding-bottom: 30%;
		padding-top: 25px;
		margin: 0 auto 25px;
		-webkit-box-shadow: 0 0 8px #000;
		box-shadow: 0 0 8px #000;
	}
	.videowrapper iframe {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	/*.yt {
		display: block;
		margin: 0 auto 25px;
	}*/
	.btnCont li {
		display: inline-block;
	}

	.btn,
	.subscribe input {
		height: 50px;
		border-width: 2px;
		border-style: solid;
		display: inline-block;
		font-size: 13px;
		line-height: 46px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	.btn {
		color: #d0011b;
		width: 164px;
		margin: 0 10px 60px;
		border-color: #d0011b;
		/*visibility: hidden;*/
	}
		.ui-tabs-active .btn,
		.btn:hover {
			color: #fff;
			background: #d0011b;
		}

		/*.btn.not-active {
			color: #666;
			border-color: #666;
			pointer-events: none;
			cursor: default;
		}*/


	.box {
		display: inline-block;
	}

	.about {
		padding-top: 36px;
		background: #fff url(assets/img/grayBg.jpg) center 0 no-repeat;
	}
		.about h2 {
			padding: 100px 0 1.2em;
		}
		.about p,
		.about ul li  {
			color: #7e858f;
			font-size: 16px;
		}
		.about p {
			line-height: 30px;
			padding: 0 25px 2em;
		}
			.about p strong {
				/*text-transform: uppercase;*/
			}
		.about ul li  {
			line-height: 1.4em;
			padding-bottom: 1.2em;
		}
		.about a :hover{
			opacity: 0.8;
		}
		.about .inactive a {
			opacity: 1;
			cursor: default;
			pointer-events: none;
		}
		.about ul {
			width: 60%;
			margin: 0 auto 2em;
			text-align: left;
		}
			.about ul li {
				font-weight: bold;
			}


.demo {
	position: relative;
	z-index: 5;
}
.demo img {
	position: relative;
	z-index: 5;
}
.demo .dDown {
	left: 12px;
	bottom: 13px;
	width: 95%;
	height: 95%;
	margin: 0 auto;
	max-height: 100px;
	display: block;
	position: absolute;
	z-index: 0;
	padding-top: 5px;
	text-align: left;
	cursor: pointer;
	border: 3px solid #e39803;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-out;
}
	.about .dDown li {
		padding-bottom: 0;
		list-style-type: none;
	}
	.dDown li a {
		font-size: 19px;
		color: #eea002;
		line-height: 1.5em;
		text-transform: uppercase;
		padding-left: 10px;
		padding-bottom: 0;
		font-family: "futura_extra_blackregular";
	}
		.about .dDown li a:hover {
			color: #000;
		}
.demo:hover .dDown {
	bottom: -85px;
}
.inactive.demo:hover .dDown {
	bottom: 13px;
}


	.subscribe {
		height: 350px;
		padding-top: 90px;
		background-color: #eea002;
	}
		.subscribe h3 {
			color: #fff;
			margin-bottom: 40px;
		}
		.subscribe form p {
			font-size: 0;
		}
		.subscribe span {
			height: 50px;
			display: inline-block;
			overflow: hidden;
		}
			.subscribe input {
				color: #fff;
				height: 100%;
				border-color: #fff;
				padding: 0;
				margin: 0;
				vertical-align: top;
			}
				.subscribe .email {
					width: 384px;
					padding: 0 16px;
					background-color: #eea002;
				}
				.subscribe .email::-webkit-input-placeholder {  color: #fff; }
				.subscribe .email:-moz-placeholder { color: #fff; opacity:  1; }
				.subscribe .email::-moz-placeholder { color: #fff; opacity:  1; }
				.subscribe .email:-ms-input-placeholder { color: #fff; }

				.subscribe .button {
					width: 164px;
					color: #eea002;
					background-color: #fff;
				}
					.subscribe .button:hover {
						cursor: pointer;
						color: #fff;
						background-color: #eea002;
					}

				.subscribe .wpcf7-response-output {
					width: 100%;
					margin: 30px auto 0;
					max-width: 548px;
				}
				div.wpcf7 img.ajax-loader {
					display: none;
				}

	.team {
		background-color: #fff;
	}

	.team .inner {
		padding-bottom: 45px;
	}
		.team h2 {
			line-height: 120px;
		}
		.team .box {
			width: 30%;
			vertical-align: top;
		}
		.team img {
			margin-bottom: 20px;
		}
		.team h3 {
			padding-bottom: 0.5em;
		}
		.team p {
			height: 4.5em;
			color: #7e858f;
			font-style: 16px;
			line-height: 30px;
			font-family: 'Open Sans', sans-serif;
		}
		.team a {
			color: #7e858f;
			font-size: 20px;
		}
			.team a:hover {
				color: #0e2104;
			}

	footer {
		color: #828282;
		height: 165px;
		font-size: 13px;
		background: #0e2104;
		position: relative;
		z-index: 50;
	}
		footer a { color: #828282; }
		footer a:hover { color: #fff; }

		footer .inner {
			height: 165px;
			vertical-align: middle;
		}
			footer img {
				float: left;
				display: block;
				margin: 42px 0 0 43px;
			}
			footer span {
				font-style: 13px;
				line-height: 165px;
				font-weight: 800;
				text-transform: uppercase;
				font-family: 'Open Sans', sans-serif;
			}
			.shareDiv {
				float: right;
				width: 184px;
				margin: 57px 44px 0 0;
			}
			.shareDiv li {
				display: inline-block;
			}
			.shareDiv a {
				color: #828282;
				width: 49px;
				height: 49px;
				line-height: 48px;
				font-size: 20px;
				margin: 0 5px;
				display: inline-block;
				border: 2px solid #828282;
			}
				.shareDiv .fyt {
					font-size: 28px;
					line-height: 43px;
				}
				.shareDiv a:hover {
					color: #fff;
					border-color: #fff;
				}

/* 404 */
.error404 {
	/*margin: 0 0 165px;*/
	min-height: 1463px;
	background: #fff url(assets/img/bg.jpg) center 0 no-repeat;
}
.error404 h1 {
	color: #eea002;
	font-size: 40px;
	margin: 2em 0 1em;
	text-shadow: 0 0 2px #000;
	font-family: "futura_xblkcn_btextra_black";
}
.error404 .page-header a {
	color: #fff;
	font-size: 26px;
	font-family: "futura_xblkcn_btextra_black";
}
	.error404 .page-header a:hover {
		color: #eea002;
	}
.error404 footer {
	display: none;
}

p {
	outline: none;
}

.paypal-payment {
    margin: 0 auto 60px auto;
}
.widget-feed li a,
.blog-wrapper h3,
.blog-wrapper h4 {
    font-size: 39px;
    font-family: "futura_xblkcn_btextra_black";
    color: #eea002;
}
.blog-wrapper h4 {
    font-size: 25px;
    text-transform: initial;
    margin-bottom: 0;
}
.rssSummary,
.blog-wrapper p {
    font-size: 16px;
    color: #fff;
}
.enter-btn {
    color: #d0011b;
    width: 164px;
    margin: 0 10px 60px;
    border-color: #d0011b;
    height: 50px;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
    font-size: 13px;
    line-height: 46px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 10px auto;
    display: block;
    clear: both;
    margin-bottom: 80px;
}
.enter-btn:hover {
    color: #fff;
    background: #d0011b;
}
.blog-articles {
    text-align: center;
    clear: both;
    margin-bottom: 15px;
}
.widget-feed li,
.blog-article {
    width: 50%;
    display: inline-block;
    float: left;
    text-align: left;
    font-size: 16px;
    padding: 0 10px;
    margin-bottom: 33px;
}
.blog-more {
    text-transform: uppercase;
    color: #eea002;
}
.widget-feed h2 {
    display: none;
}

#tabs {
	background: #380131;
}

/*Home v2018*/

.page-template-home_new_tpl,
.page-template-home_new_tpl h1, 
.page-template-home_new_tpl h2, 
.page-template-home_new_tpl h3, 
.page-template-home_new_tpl h4, 
.page-template-home_new_tpl h5, 
.page-template-home_new_tpl h6 {
	font-family: 'Open Sans', sans-serif;
}

.page-template-home_new_tpl h1, 
.page-template-home_new_tpl h2, 
.page-template-home_new_tpl h3, 
.page-template-home_new_tpl h4, 
.page-template-home_new_tpl h5, 
.page-template-home_new_tpl h6,
.page-template-home_new_tpl strong {
	font-weight: 800;
}
.page-template-home_new_tpl .logo {
	margin-bottom: 1088px;
}
.page-template-home_new_tpl h4 {
	font-size: 36px;
	line-height: 40px;
	text-transform: uppercase;
	text-align: center;
	padding: 30px 0 45px;
	background-color: #000;
	margin-bottom: 0;
}

.page-template-home_new_tpl #tabs {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,2c1028+62 */
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top, #000000 0%, #2c1028 62%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #000000 0%,#2c1028 62%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #000000 0%,#2c1028 62%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2c1028',GradientType=0 ); /* IE6-9 */
}

.page-template-home_new_tpl .videowrapper {
	margin-bottom: 0;
}

.wishlistwrapper {
	background-color: #2c1028;
	padding: 40px 0 50px;
	text-align: center;
}

.wishlistwrapper h5 {
	font-size: 27px;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 15px;
	font-family: Arial, sans-serif;
	color: #FFF;
	font-weight: 400;
}

.wishlistwrapper li {
	display: inline-block;
	margin: 0 15px 20px;
}

.wishlistwrapper a {
	opacity: 1;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.wishlistwrapper a:hover {
	opacity: 0.8;
}

.wishlistwrapper .platform li {
	font-size: 24px;
    border-radius: 50%;
    width: 40px;
    line-height: 32px;
    height: 40px;
    border: 3px solid #978294;
    color: #978294;
    margin: 0 7px;
}

.page-template-home_new_tpl .white-zone {
	background-image: none;
	background-color: #FFF;
}

.page-template-home_new_tpl .white-zone h2 {
	font-size: 36px;
	line-height: 44px;
	margin: 50px 0 65px;
	padding: 0;
}

.page-template-home_new_tpl .white-zone p {
	font-size: 16px;
	padding: 0;
	margin: 0 0 30px;
	color: #888f98;
	line-height: 24px;
}

.page-template-home_new_tpl .white-zone ul {
	width: 70%;
	margin-bottom: 0;
	padding-bottom: 90px;
}

.page-template-home_new_tpl .white-zone li {
	margin-bottom: 15px;
	padding: 0;
}

.page-template-home_new_tpl .black-zone {
	background-color: #000;
	text-align: center;
	padding: 60px 0;
}

.page-template-home_new_tpl .gallery-item {
	display: inline-block;
	width: 43.5%;
	margin: 0 15px 35px;
}

.page-template-home_new_tpl .blog-wrapper {
	margin: 100px 0 0;
	padding-bottom: 85px;
}

.page-template-home_new_tpl .blog-wrapper h3 {
	color: #b9075c;
	margin: 0 0 60px;
	font-size: 36px;
	letter-spacing: 2px;
}
.page-template-home_new_tpl .blog-articles ul {
	width: 100%;
}

.page-template-home_new_tpl .blog-articles li {
	float: none;
	vertical-align: top;
}

.page-template-home_new_tpl .blog-articles a {
	color: #000;
	font-size: 36px;
	line-height: 42px;
	letter-spacing: 2px;
	margin-bottom: 36px;
	display: block;
}
.page-template-home_new_tpl .blog-articles .rssSummary, 
.page-template-home_new_tpl .blog-wrapper p {
	font-size: 16px;
	color: #888f98;
	line-height: 24px;
	font-weight: 400;
}

.page-template-home_new_tpl .yellow-zone {
	background-color: #eea002;
	padding: 42px 0;
}

.page-template-home_new_tpl .yellow-zone h4 {
	background-color: transparent;
	font-size: 26px;
	color: #FFF;
	text-shadow: none;
	margin: 0;
	padding: 0 0 30px;
}

.page-template-home_new_tpl .yellow-zone .social-links {
	text-align: center;
}

.page-template-home_new_tpl .yellow-zone .social-links li {
	display: inline-block;
	margin: 0 7px 20px;
}

.page-template-home_new_tpl .yellow-zone .social-links a {
	color: #FFF;
    font-size: 40px;
    width: 80px;
    height: 78px;
    border-radius: 50%;
    display: block;
    line-height: 78px;
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.page-template-home_new_tpl .twitter-color {
	background-color: #45b0e3;
}

.page-template-home_new_tpl .facebook-color {
	background-color: #3b5998;
}

.page-template-home_new_tpl .discord-color {
	background-color: #7289da;
}

.page-template-home_new_tpl .twitch-color {
	background-color: #632e9f;
}

.page-template-home_new_tpl .instagram-color {
	background-color: #d51a6f;
}

.page-template-home_new_tpl .youtube-color {
	background-color: #d32323;
}

.page-template-home_new_tpl .yellow-zone .social-links a:hover {
	opacity: 0.8;
}

.page-template-home_new_tpl .bottom-part {
	margin: 0;
	padding: 60px 0 65px;
}

.page-template-home_new_tpl .bottom-part h5 {
	font-size: 30px;
	color: #0e2104;
	line-height: 38px;
	margin: 25px 0 50px;
	font-weight: 700;
}

.steam-wrapper {
	margin: 0 auto 20px;
}

.page-template-home_new_tpl .yellow-zone h4.small-bottom-padding{
	padding-bottom: 5px;
}
.page-template-home_new_tpl .yellow-zone h4 .black-anchor{
	color:#000;
}
@media screen and (min-width: 1950px) {
	.videowrapper {
		padding-bottom: 16%;
	}
}

@media screen and (max-device-width: 1024px) {
	body {
		-webkit-background-size: 166%;
		background-size: 166%;
		background-position: center 0, 0 970px;
	}
	.logo,
	.page-template-home_new_tpl .logo {
		width: 56%;
		margin-bottom: 730px;
	}
	.yt {
		width: 80%;
	}
	.about .box {
		display: block;
	}
	.team img {
		display: block;
		width: 68%;
		margin: 0 auto 30px;
	}
	input {
		border-radius: 0;
		-webkit-appearance: none;
	}
	#parallax-9 {
		-webkit-background-size: 245% auto;
		background-size: 245% auto;
	}	
	body,
	.blog-wrapper,
	#tabs {
		background: #1C0914;
	}
	.page-template-home_new_tpl .blog-wrapper {
		background-color: #FFF;
	}
}

@media screen and (max-device-width: 768px ) {
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) {
	.logo,
	.page-template-home_new_tpl .logo {
		width: 40%;
		margin-bottom: 750px;
	}
	.about .box {
		display: inline-block;
	}
	.videowrapper {
		width: 60%;
	}
	#parallax {
		width: 100%;
		position: absolute;
	}
	.layers {
		height: 960px;
		position: absolute;
		-webkit-background-size: 122% auto;
		background-size: 122% auto;
	}
	#parallax-0 {
		background-position: center top;
		overflow: hidden;
	}
	#parallax-9 {
		height: 1650px;
		background-position: center 0, 0 944px;
		-webkit-background-size: 245% auto;
		background-size: 245% auto;
	}

}

@media screen and (max-device-width: 768px ) and (orientation: portrait) {
	h4 {
		line-height: 1.5em;
		padding: 0 10%;
	}
	.team h3 {
		height: 3em;
	}
	.videowrapper {
		width: 70%;
	}
	.logo,
	.page-template-home_new_tpl .logo {
		margin-bottom: 500px;
	}
	#parallax,
	.isiPad #parallax {
		width: 100%;
		position: absolute;
	}
	.layers,
	.isiPad .layers {
		height: 750px;
		position: absolute;
		-webkit-background-size: 122% auto;
		background-size: 122% auto;
	}
	#parallax-0 {
		background-position: center top;
		overflow: hidden;
	}
	#parallax-9 {
		height: 1350px;
		background-position: center 0, 0 708px;
	}
	.about .box {
		margin-bottom: 7em;
	}
	.demo .dDown {
		left: 28%;
		width: 45%;
	}
}


/*@media only screen and (min-device-width: 750px) and (max-device-width: 1334px) {*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
}
@media only screen and (max-device-width: 667px) {

}

@media only screen and (max-device-width : 960px) and (orientation : landscape) {
}

@media screen and (device-aspect-ratio: 40/71) {
	body {
		-webkit-background-position: center 0, 0 404px;
		background-position: center 0, 0 404px;
	}
	.logo,
	.page-template-home_new_tpl .logo {
		margin-bottom: 262px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 28px;
	}
	h4 {
		font-size: 18px;
		padding: 0 10%;
	}
	.about ul {
		width: 70%;
	}
	.about p,
	.about ul li {
		font-size: 13px;
	}
	.about p {
		line-height: 26px;
	}
	.btn {
		margin-bottom: 20px;
	}
	.about .box img {
		width: 80%;
		height: auto;
		display: block;
		margin: 0 auto 2em;
	}
	.subscribe {
		padding: 50px 0 30px;
	}

	.subscribe h3 {
		font-size: 14px;
		padding: 0 10%;
	}
	.subscribe span {
		display: block;
		height: auto;
	}
	.subscribe .email,
	.subscribe .button {
		width: 80%;
		height: 50px;
		display: block;
		clear: both;
		margin: 0 auto 2em
	}
	.team .box {
		width: 80%;
		margin-bottom: 3em;
	}
	.subscribe,
	.team h3,
	.team p,
	footer,
	footer .inner {
		height: auto;
	}
	.team p {
		padding-bottom: 1.2em;
	}
	footer .inner {
		padding-top: 50px;
	}
	footer .inner > * {
		float: none;
		display: block;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	footer span {
		line-height: 100%;
	}
	.shareDiv .fyt {
		font-size: 20px;
		line-height: 48px;
	}
	.subscribe .wpcf7-response-output {
		width: 80%;
		font-size: 1px;
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.btn,
	.subscribe input {
		height: 40px;
		font-size: 11px;
		margin-left: 6px;
		margin-right: 6px;
		line-height: 36px;
	}
	.layers {
		height: 350px;
		-webkit-background-size: 122% auto;
		background-size: 122% auto;
	}
	#parallax-0 {
		background-position: center top;
		overflow: hidden;
	}
	#parallax-9 {
		height: 1650px;
		background-position: center 60px, 0 334px;
	}

	.dDown li a {
		font-size: 12px;
		line-height: 2em;
	}
	.demo .dDown {
		left: 15%;
		width: 71%;
		padding-top: 16px;
	}
	body,
	.blog-wrapper {
		background: #1C0914;
	}
	.blog-wrapper .widget-feed li,
	.blog-wrapper .blog-article {
		width: 100%;
		display: block;
	}
	.blog-wrapper .widget-feed li a,
	.blog-wrapper h3,
	.blog-wrapper h4 {
		font-size: 28px;
		text-align: center;
	}
}

@media screen and (max-device-width: 767px ) and (orientation: portrait) {
	.blog-wrapper .widget-feed li,
	.blog-wrapper .blog-article {
		width: 100%;
		display: block;
	}
	.blog-wrapper .widget-feed li a,
	.blog-wrapper h3,
	.blog-wrapper h4 {
		font-size: 28px;
		text-align: center;
	}
	.blog-wrapper .widget-feed li a {
		display: inline-block;
	}
}

@media screen and (device-aspect-ratio: 40/71) and (orientation : landscape) {
}

@media screen and ( max-width: 320px ) {
}

@media only screen and ( min-device-width: 640px ) and (max-device-width : 960px) and (orientation : landscape) { }

.page-template-simple_page_tpl .logo {
	margin-bottom: 0;
}

.page-template-simple_page_tpl .content-area {
	width: 1200px;
	margin: 30px auto 0;
	background-color: #FFF;
	padding: 0 40px 80px;
	line-height: 30px;
}

.page-template-simple_page_tpl h1 {
	margin: 0 0 30px;
	padding-top: 50px;
}

.page-template-simple_page_tpl p {
	text-align: left;
}