* {outline: none;	margin: 0; padding: 0px;}
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;-ms-touch-action: manipulation;touch-action: manipulation;}
* html body {height: 100%;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: 0;vertical-align: bottom; max-width: 100%;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input,button,textarea,select {font-family: 'gp', Arial, sans-serif; resize: none; font-size: 14px;}
*, *:after, *:before {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

body {
   height: 100%;
   font-size: 16px;
   line-height: 24px;
   font-family: 'gp', Arial, sans-serif;
   color: #fff;
   font-weight: 400;
   cursor: default;
   background: #030E14 url(../img/background.jpg) 50% 0;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
}

a {
	color: #13aff0;
	text-decoration: none;
	outline: none;
	transition: color 0.2s ease;
}

a:hover {
	text-decoration: none;
}

.container {
   max-width: 1630px;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   padding-left: 50px;
   padding-right: 50px;
   transition: padding 0.2s ease;
}

.column {
   padding-left: 15px;
   padding-right: 15px;
   min-height: 1px;
}

.columns {
   margin-left: -15px;
   margin-right: -15px;
   display: flex;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}

.col-1 {width: 8.33333333%;}
.col-2 {width: 16.66666667%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33333333%;}
.col-5 {width: 41.66666667%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33333333%;}
.col-8 {width: 66.66666667%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33333333%;}
.col-11 {width: 91.66666667%;}
.col-12 {width: 100%;}

.flex {
   display: flex;
   display: -webkit-flex;
}

.flex-between {
   -webkit-justify-content: space-between;
   justify-content: space-between;
}

.flex-end {
   -webkit-align-items: flex-end;
   align-items: flex-end;
}

.flex-align-center {
   -webkit-align-items: center;
   align-items: center;
}

.flex-center {
   -webkit-justify-content: center;
   justify-content: center;
}

.flex-right {
   -webkit-justify-content: flex-end;
   justify-content: flex-end;
}

.flex-column {
   -webkit-flex-direction: column;
   flex-direction: column;
}

.flex-wrap {
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}

.center {
   text-align: center;
}

/*--------- main ---------*/

.wrapper {
   min-width: 320px;
   min-height: 100%;
   overflow: hidden;
   position: relative;
   display: flex;
   display: -webkit-flex;
   flex-direction: column;
   -webkit-flex-direction: column;
}

.wrap {
   flex: 1 0 auto;
   -webkit-flex: 1 0 auto;
   position: relative;
}

.footer {
   flex: 0 0 auto;
   -webkit-flex: 0 0 auto;
   position: relative;
}

.content {
   position: relative;
   padding: 50px 0;
}

h1 {
   font-size: 72px;
   line-height: 60px;
}

h2 {
	font-size: 48px;
	line-height: 50px;
   font-weight: normal;
	margin-bottom: 45px;
}

h3 {
	font-size: 18px;
	font-weight: 500;
}

.main-page ul:not([class]) {
	margin:10px 0;
}

.main-page ul:not([class]) ul {
	padding-left: 20px;
	list-style: disc;
}

.main-page ul:not([class]) ul li {
	margin: 10px 0;
}

.main-page p {
	margin-bottom: 10px;
}

/*-------- header --------*/

.header {
	position: relative;
	background: url(../img/main-background.jpg) 50% 50% no-repeat;
	background-size: cover;
	padding: 30px 0;
   line-height: 20px;
	border-bottom: 1px solid rgba(255,255,255,.1);
	z-index: 20;
}

.logotype {
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
}

.logotype a {
	display: block;
}

/*-------- menu --------*/

.menu li {
	font-size: 16px;
	text-transform: uppercase;
}

.menu li+li {
	margin-left: 35px;
}

.menu li a {
	color: #fff;
}

.menu li a:hover,
.menu li.current-menu-item a {
	color: #13aff0;
}

/*-------- footer --------*/

.footer {
	position: relative;
	padding: 45px 0;
	border-top: 1px solid rgba(255,255,255,.1);
	background: url(../img/main-background.jpg) 50% 100% no-repeat;
	background-size: cover;
}

.footer-logotype img {
	height: 30px;
}

.footer-main,
.post-main {
	max-width: 1010px;
	margin: 0 auto;
}

.footer-middle {
	border-top: 1px solid rgba(255,255,255,.2);
	border-bottom: 1px solid rgba(255,255,255,.2);
	padding: 60px 0;
	margin: 45px 0;
}

.footer-menu__header {
	color: rgba(255,255,255,.5);
	margin-bottom: 30px;
}

.footer-menu {
   margin-bottom: 20px;
}

.footer-menu li a {
	font-size: 14px;
	color: rgba(255,255,255,.5);
}

.footer-menu li a:hover {
	color: #fff;
}

.copyright {
	font-size: 14px;
	color: rgba(255,255,255,.2);
	margin-top: 20px;
}

/*-------- ui --------*/

.button,
.contact-form input[type=submit] {
   display: inline-block;
   position: relative;
   min-width: 200px;
   line-height: 20px;
   padding: 15px 25px;
   text-align: center;
   color: #fff;
   font-size: 16px;
   font-weight: 500;
   border: none;
   background-color: #25A7EB;
   text-transform: uppercase;
   border-radius: 3px;
   box-shadow: 0 1px 3px rgba(0,0,0,.5);
}

/*-------- owl --------*/

.owl-stage {
   position: relative;
   display: flex;
   display: -webkit-flex;
}

.owl-item {
   position: relative;
   width: 100%;
}

.owl-nav.disabled,
.owl-dots.disabled {
   display: none;
}

/*-------- slider --------*/

.slider {
   position: relative;
   background-color: #0B1E28;
   box-shadow: 0 1px 0 rgba(255,255,255,.2);
}

.slide-item {
   height: 700px;
   position: relative;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
}

.slide-item:before {
   content: '';
   background-image: -webkit-linear-gradient(left, #051f2c, rgba(5,31,44,.6) 10%, rgba(5,31,44,0) 50%);
   background-image: linear-gradient(to right, #051f2c, rgba(5,31,44,.6) 10%, rgba(5,31,44,0) 50%);
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}

.slide-main {
   max-width: 470px;
   position: relative;
   opacity: 0;
   left: -50px;
   transition: opacity 0.5s ease, left 0.5s ease;
   transition-delay: .3s;
   z-index: 2;
}

.owl-item.active .slide-main {
   opacity: 1;
   left: 0;
}

.slider-dots {
   position: absolute;
   width: 100%;
   height: 14px;
   left: 0;
   bottom: 30px;
   z-index: 10;
   text-align: center;
   font-size: 0;
}

.slider-dots .owl-dot {
   display: inline-block;
   vertical-align: top;
   margin: 0 6px;
   border: none;
   background-color: transparent;
   cursor: pointer;
   width: 10px;
   height: 10px;
   border: 2px solid rgba(255,255,255,.5);
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
}

.slider-dots .owl-dot.active {
   border-color: #13aff0;
}

.slider .owl-nav button {
   position: absolute;
   border: none;
   top: 0;
   width: 100px;
   height: 100%;
   background-color: transparent;
   z-index: 2;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   cursor: pointer;
   transition: background-color .2s ease;
}

.slider .owl-nav button:hover {
   background-color: rgba(255,255,255,.05);
}

.slider .owl-prev {
   left: 0;
}

.slider .owl-next {
   right: 0;
}

.slider .owl-nav button svg {
   width: 40px;
   height: 40px;
}

/*-------- game --------*/

.game-item {
   position: relative;
   margin: 0 auto 30px;
   max-width: 490px;
}

.game-icon {
   width: 164px;
   position: relative;
   z-index: 2;
}

.game-icon img {
   border: 2px solid #000a13;
   border-radius: 5px;
   margin-bottom: 30px;
   overflow: hidden;
}

.game-name {
   margin-bottom: 25px;
   font-weight: bold;
   text-shadow: 0 2px 5px rgba(0,0,0,.5);
}

.game-description {
   font-size: 16px;
   line-height: 24px;
   margin-bottom: 25px;
   text-shadow: 0 2px 5px rgba(0,0,0,.5);
}

.blink {
   position: relative;
   display: block;
   box-shadow: 0 2px 5px rgba(0,0,0,.6);
}

.blink:after {
   content: '';
   width: 100%;
   height: 100%;
   border:1px solid rgba(255,255,255,.1);
   position: absolute;
   left: 0;
   top: 0;
   pointer-events: none;
   transition: border 0.2s ease;
   z-index: 2;
}

a.blink:hover:after {
   border-color: rgba(46,158,229,.5);
}

.game-image-main {
   z-index: 2;
}

.game-image {
   position: relative;
   margin-bottom: 20px;
}

.game-image-blur {
   position: absolute;
   left: 0;
   top: 5px;
   transform: scale(.95);
   -webkit-transform: scale(.95);
   filter: blur(10px);
}

.game-info {
   font-size: 12px;
   color: rgba(255,255,255,.5);
   margin-top: 7px;
}

/*-------- post --------*/

.post-item {
   margin-bottom: 30px;
   position: relative;
}

.post-text {
   position: relative;
   margin-left: -100%;
   padding: 25px 30px;
   background-color: #030E14;
   z-index: 5;
}

.post-description {
   font-size: 14px;
   margin-top: 10px;
   color: rgba(255,255,255,.5);
}

.post-h1 {
   font-size: 30px;
   line-height: 40px;
   margin-bottom: 30px;
}

.post-date {
   font-size: 14px;
   margin-bottom: 10px;
   color: rgba(255,255,255,.5);
}

.post-ex {
   height: 1px;
   width: 40%;
   border: none;
   background-color: #ebdec2;
   margin: 30px auto;
   opacity: .3;
}

.post-content {
   font-size: 16px;
   line-height: 30px;
}

.post-content p,
.big-post-text p {
   margin-bottom: 20px;
}

.post-image {
   position: relative;
   margin: 40px 0;
   z-index: 2;
}

.post-image img {
   width: 100% !important;
   height: auto !important;
}

.big-post-text {
   font-size: 24px;
   line-height: 36px;
   margin-bottom: 50px;
}

.post-main ul:not([class]),
.game-page-content ul:not([class]) {
   margin: 20px 0;
}

.post-main ul:not([class]) li,
.game-page-content ul:not([class]) li {
   position: relative;
   padding-left: 30px;
   margin: 10px 0;
}

.post-main ul:not([class]) li:before,
.game-page-content ul:not([class]) li:before {
   content: '';
   width: 10px;
   height: 10px;
   border: 2px solid rgba(255,255,255,.5);
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   border-color: #13aff0;
   position: absolute;
   left: 0;
   top: 11px;
}

/*-------- careers --------*/

.careers-block {
   margin: 80px 0 100px;
}

.careers-back {
   position: relative;
   padding: 95px 0 150px;
   background: url(//fx.gl/wp-content/uploads/2018/10/IMG_0618-2.jpg) 50% 50% no-repeat;
   background-attachment: fixed;
   border-top: 1px solid rgba(255,255,255,.1);
   border-bottom: 1px solid rgba(255,255,255,.1);
}

.careers-back-text {
   font-size: 24px;
   line-height: 36px;
   max-width: 620px;
   margin:-10px 0 25px;
}

.careers-item {
   position: relative;
   display: block;
   color: #fff;
   font-size: 16px;
   line-height: 30px;
   min-height: calc(100% - 30px);
   padding: 20px 25px;
   background-position: 50% 50%;
   background-color: #030E14;
   background-repeat: no-repeat;
   background-size: cover;
   margin-bottom: 30px;
}

.careers-title {
   margin-bottom: 10px;
}

.careers-items {
   position: relative;
   margin-top: -60px;
   z-index: 2;
}

.careers-popup {
   display: none;
   max-width: 650px;
   font-size: 14px;
   line-height: 22px;
   color: #23282d;
   font-family: 'gp', Arial, sans-serif;
}

.careers-popup p {
   margin: 10px 0;
}

.careers-popup h2 {
   margin-bottom: 20px;
}

/*-------- head --------*/

.head {
   position: relative;
   height: 200px;
   background-color: rgba(0,0,0,.5);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   border-bottom: 1px solid rgba(255,255,255,.1);
   z-index: 5;
}

.head.max {
   height: 400px;
}

.head h1 span {
   color: #25A7EB;
}

/*-------- game --------*/

.game-head {
   height: 470px;
}

.game-head img {
   position: absolute;
   left: 50%;
   top: 100%;
   max-height: 475px;
   transform: translate3d(-50%,-65%,0);
   -webkit-transform: translate3d(-50%,-65%,0);
}

.offset-head .content {
   padding-top: 130px;
}

.game-page-icon {
   position: relative;
}

.game-blur-icon {
   position: absolute;
   left: 0;
   top: 0;
   width: 164px;
   transform: scale(1.2);
   -webkit-transform: scale(1.2);
   filter: blur(20px);
   opacity:.6;
}

.game-page-h1 {
   font-size: 30px;
   line-height: 30px;
   margin-bottom: 25px;
   font-weight: normal;
}

.group-game-info {
   margin-bottom: 20px;
   font-size: 14px;
   color: #fff;
}

.group-game-info a {
   color: #fff;
   text-decoration: underline;
}

.group-game-title {
   color: #ebdec2;
}

.game-page-content {
   position: relative;
   font-size: 16px;
   line-height: 30px;
   color: #ebdec2;
   z-index: 2;
}

.game-page-content p {
   margin-bottom: 20px;
}

.game-page-content h3 {
   font-size: 24px;
   margin-bottom: 20px;
}

.game-content:before {
   content: '';
   position: absolute;
   left: 30%;
   top: 0;
   bottom: 0;
   width: 100%;
   background-color: rgba(3,14,20,.5);
   border-left: 1px solid rgba(255,255,255,.1);
   pointer-events: none;
}

.game-gallery {
   margin-bottom: 30px;
}

.game-gallery img {
   width: 100%;
}

/*-------- contacts --------*/

.contact-item {
   margin-bottom: 30px;
}

.contact-item a {
   text-decoration: underline;
}

.contact-item a:hover {
   color: #fff;
}

.input,
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea {
   width: 100%;
   height: 50px;
   border-radius: 3px;
   padding: 0 15px;
   background-color: #fff;
   border: none;
   display: block;
   font-size: 18px;
}

.input-block,
.contact-form p {
   position: relative;
   margin-bottom: 25px;
}

.input-label {
   display: block;
   position: absolute;
   left: 0;      
   top: 0;
   padding: 5px 15px;
   background-color: #fff;
   width: 100%;
   text-transform: uppercase;
   font-size: 12px;
   color: #A2A2A2;
   border-radius: 3px;
}

.textarea,
.contact-form textarea {
   padding-top: 15px;
   height: 200px;
}

.contact-form p {
   font-size: 12px;
   text-transform: uppercase;
}

/*-------- burger --------*/

.burger {
   width: 24px;
   height: 20px;
   border-top: 2px solid #fff;
   border-bottom: 2px solid #fff;
   position: relative;
   cursor: pointer;
}

.burger:after {
   content: '';
   width: 100%;
   height: 2px;
   position: absolute;
   left: 0;
   top: 7px;
   background-color: #fff;
}

/*--------- video-item ---------*/

.video-item {
   position: relative;
   margin-bottom:20px;
}

.video {
   padding-bottom: 56%;
   position: relative;
}

.video iframe {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}

.audio {
   padding: 10px 20px;
   background-color: #fff;
   border-radius: 3px;
   margin-bottom: 20px;
}

.audio {
   color: #000a13;
}

.header-button {
	position: absolute;
	left: 50%;
	top: 10px;
	box-shadow: 0px 5px 15px 0px rgba(0, 10, 19, 0.5);
	width: 330px;
	text-align: center;
	color: #fff;
	background-color: #51C041;
	transform: translateX(-50%);
	padding: 20px;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
}

.header-button span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px
}

/* ^_^ */