@charset "UTF-8";
@font-face { font-family: GothamPro; src: url('../fonts/GothamPro-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamPro-Black.woff') format('woff'), url('../fonts/GothamPro-Black.ttf') format('truetype'), url('../fonts/GothamPro-Black.svg#GothamPro-Black') format('svg'); font-weight: 900; font-style: normal; }
@font-face { font-family: GothamPro; src: url('../fonts/GothamPro.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamPro.woff') format('woff'), url('../fonts/GothamPro.ttf') format('truetype'), url('../fonts/GothamPro.svg#GothamPro') format('svg'); font-weight: 400; font-style: normal; }
@font-face { font-family: HelveticaNeueCyr; src: url('../fonts/HelveticaNeueCyr-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueCyr-Thin.woff') format('woff'), url('../fonts/HelveticaNeueCyr-Thin.ttf') format('truetype'), url('../fonts/HelveticaNeueCyr-Thin.svg#HelveticaNeueCyr-Thin') format('svg'); font-weight: 100; font-style: normal; }
@font-face { font-family: SegoeUI; src: url('../fonts/SegoeUI-Semilight.eot?#iefix') format('embedded-opentype'), url('../fonts/SegoeUI-Semilight.woff') format('woff'), url('../fonts/SegoeUI-Semilight.ttf') format('truetype'), url('../fonts/SegoeUI-Semilight.svg#SegoeUI-Semilight') format('svg'); font-weight: 200; font-style: normal; }
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,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption{margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent}
html,body{height:100%;width:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}
html *{max-height:1000000px}
body{line-height:1.2;width:100%;overflow-x:hidden!important;background:#fff;padding:0;margin:0;width:100%;font-weight:400;}
img{border: none;}
.clear {clear:both;height:0px;}
::-webkit-file-upload-button {cursor:pointer;}
.w-center {width: 1100px; position: relative; margin: 0 auto; padding: 0px 0px 0px 0px; z-index: 2;}
.w-center:after {content: ""; display: block; clear: both;}
a, a[nohref] {cursor: pointer;}
b, strong, .bold {
font-weight: 900;
}
.title-block {
color: #fff;
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
text-align: center;
font-size: 74px;
line-height: 80px;
position: relative;
font-family: GothamPro;
font-weight: 900;
}
.title-block.left {
text-align: left;
}
.title-block.right {
text-align: right;
}
.title-block:before {
content: "";
display: block;
z-index: -100;
position: absolute;
top: 0px;
font-size: 320px;
line-height: 180px;
font-weight: 900;
color: #fff;
opacity: 0.08;
}
.wrap-gamexy {
	position: relative;
	z-index: 1;
}
#main-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 10451px; 
background: url(../images/sites/gamexy/bg.jpg) top center no-repeat; 
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
overflow: hidden !important;
font-family: GothamPro;
font-weight:400;
}
#gamexy-header {
width: 100%; max-width: 1920px; height: 1076px; padding: 98px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99; text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#gamexy-header .logo-gamexy-header {
display: block;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}
#gamexy-header .logo-gamexy-header img {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#gamexy-header .title-wrap {
display: block;
margin: 119px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#gamexy-header .title-wrap .title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 72px;
line-height: 72px;
font-family: GothamPro;
font-weight: 900;
}
#gamexy-header .title-wrap .subtitle {
display: block;
margin: 37px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 22px;
line-height: 30px;
letter-spacing: 0.62em;
}
#gamexy-header .task {
display: block;
margin: 342px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#gamexy-header .task .z {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 32px;
line-height: 35px;
font-family: HelveticaNeueCyr;
font-weight: 100;
}
#gamexy-header .task .d {
display: block;
margin: 32px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height: 18px;
font-family: SegoeUI;
font-weight: 200;
}
#gamexy-logo {
width: 100%; max-width: 1920px; height: 1980px; padding: 177px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#gamexy-logo .title-block {
padding-left: 154px;
}
#gamexy-logo .title-block:before {
content: "01";
top: -90px;
left: -10px;
}
#gamexy-logo .logo-prototype {
display: block;
margin: 0 auto;
margin-top: 288px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#gamexy-logo .logo-prototype img {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#gamexy-logo .fonts {
display: block;
margin: 160px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
}
#gamexy-logo .fonts:after {
content: "";
display: block;
clear: both;
}
#gamexy-logo .fonts .left {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 50%;
float: left;
font-size: 20px;
}
#gamexy-logo .fonts .left .black, #gamexy-logo .fonts .left .white {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
position: absolute;
border: 4px solid #fff;
text-align: center;
font-family: 'Roboto Mono', monospace;
font-size: 20px;
}
#gamexy-logo .fonts .left .black {
width: 230px;
height: 230px;
top: 200px;
left: 185px;
background: none;
color: #fff;
}
#gamexy-logo .fonts .left .white {
width: 134px;
height: 134px;
top: 83px;
left: 90px;
background: #fff;
color: #000;
}
#gamexy-logo .fonts .left .black > div, #gamexy-logo .fonts .left .white > div {
display: table;
width: 100%;
height: inherit;
position: relative;
top: -3px;
}
#gamexy-logo .fonts .left .black > div > div, #gamexy-logo .fonts .left .white > div > div {
display: table-cell;
vertical-align: middle;
height: 100%;
}
#gamexy-logo .fonts .left .circle {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
background: #fff;
}
#gamexy-logo .fonts .left .circle.circle-1 {
width: 10px;
height: 10px;
top: 304px;
left: 0px;
}
#gamexy-logo .fonts .left .circle.circle-2 {
width: 10px;
height: 10px;
top: 444px;
left: 408px;
}
#gamexy-logo .fonts .left .circle.circle-3 {
width: 10px;
height: 10px;
top: 246px;
left: 144px;
}
#gamexy-logo .fonts .left .circle.circle-4 {
width: 17px;
height: 17px;
top: 198px;
left: 463px;
}
#gamexy-logo .fonts .right {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 21px 0px 0px 0px;
position: relative;
width: 50%;
float: right;
font-size: 20px;
}
#gamexy-logo .fonts .right .font {
display: block;
margin: 66px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: 'Roboto Mono', monospace;
}
#gamexy-logo .fonts .right .font .name, #gamexy-logo .fonts .right .font .example {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 32px;
line-height: 46px;
}
#gamexy-logo .fonts .right .font .example {
margin-top: 28px;
}
#gamexy-logo .fonts .right .font.main {
font-family: GothamPro;
margin-top: 0px;
}
#gamexy-logo .fonts .right .font.main .name, #gamexy-logo .fonts .right .font.main .example {
font-size: 58px;
line-height: 66px;
font-weight: 900;
}
#gamexy-logo .fonts .right .font.main .example {
margin-top: 57px;
}
#gamexy-logo .logo-mini {
display: block;
margin: 0 auto;
margin-top: 178px;
padding: 0px 0px 0px 0px;
position: relative;
width: 97px; 
height: 59px; 
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(../images/sites/gamexy/logo-mini.png);
}
#gamexy-logo .dots, #gamexy-prototype .dots {
display: block;
margin: 0 auto;
margin-top: 83px;
padding: 0px 0px 0px 0px;
position: relative;
width: 11px; 
height: 140px; 
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(../images/sites/gamexy/img-dots.png);
}
#gamexy-prototype {
width: 100%; max-width: 1920px; height: 1546px; padding: 203px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#gamexy-prototype .title-block {
padding-right: 115px;
}
#gamexy-prototype .title-block:before {
content: "02";
top: -90px;
right: -10px;
}
#gamexy-prototype .prototype {
display: block;
margin: 0 auto;
margin-top: 212px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#gamexy-prototype .prototype img {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#gamexy-prototype .dots {
margin-top: 135px;
}
#gamexy-design {
width: 100%; max-width: 1920px; height: 5178px; padding: 204px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#gamexy-design .meteor {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
background-repeat: no-repeat;
background-position: 0px 0px;
z-index: 3;
}
#gamexy-design .meteor.meteor-1 {
width: 503px; 
height: 510px;
top: 466px;
left: 50%;
margin-left: -796px;
background-image: url(../images/sites/gamexy/img-meteor-1.png);
}
#gamexy-design .meteor.meteor-2 {
width: 373px; 
height: 440px;
top: 3607px;
right: 50%;
margin-right: -540px;
background-image: url(../images/sites/gamexy/img-meteor-2.png);
}
#gamexy-design .title-block {
padding-left: 163px;
}
#gamexy-design .title-block:before {
content: "03";
top: -90px;
left: -10px;
}
#gamexy-design .w-center div {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
position: relative;
}
#gamexy-design .w-center .notebook {
margin-top: 346px;
margin-left: -122px;
}
#gamexy-design .w-center .screen.screen-1 {
margin-top: 20px;
margin-left: -200px;
z-index: 1;
}
#gamexy-design .w-center .screen.screen-2 {
margin-top: -90px;
margin-left: 153px;
z-index: 2;
}
#gamexy-design .w-center .screen.screen-3 {
margin-top: -161px;
margin-left: -370px;
z-index: 3;
}
#gamexy-design .w-center .tablet {
margin-top: 357px;
margin-left: -2px;
}
#gamexy-design .w-center .phone {
margin-top: 344px;
margin-left: -62px;
}
#gamexy-result {
width: 100%; max-width: 1920px; height: 672px; padding: 205px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#gamexy-result .austronaut {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 348px; 
height: 395px; 
position: absolute;
top: 71px;
left: 50%;
margin-left: -496px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(../images/sites/gamexy/img-austronaut.png);
}
#gamexy-result .title-block {
padding-right: 100px;
}
#gamexy-result .title-block a {
color: #fff;
text-decoration: none;
border-bottom: 2px solid #fff;
}
#gamexy-result .title-block a:hover {
text-decoration: none;
border-bottom-color: transparent;
}
#gamexy-result .title-block:before {
content: "04";
top: -90px;
right: -10px;
}