/*! normalize.css v3.0.2 | MIT License | git.io/normalize */hr,img{
border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,hr,main,menu,nav,section,summary{
display:block}
pre,textarea{
overflow:auto}
body,fieldset{
margin:0}
fieldset,hr,legend,td,th{
padding:0}
.alt-grid,table{
border-collapse:collapse}
.carousel__items,.footer-nav .menu,.games__items,.header-nav .menu,.mobile-nav .menu,.share__items,.social-links__items,.social-nav .menu,.stores__items{
list-style-type:none}
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,optgroup,strong{
font-weight:700}
dfn{
font-style:italic}
h1{
font-size:2em;
margin:.67em 0}
mark{
background:#ff0;
color:#000}
small{
font-size:80%}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline}
.alt-grid__col,audio,canvas,iframe,img,svg,video{
vertical-align:middle}
sup{
top:-.5em}
sub{
bottom:-.25em}
svg:not(:root){
overflow:hidden}
figure{
margin:1em 40px}
hr{
box-sizing:content-box;
height:1px;
border-top:1px solid #ccc;
margin:1em 0}
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}
legend{
border:0}
textarea{
resize:vertical}
table{
border-spacing:0}
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */html{
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
color:#222;
font-size:1em;
line-height:1.4}
::-moz-selection{
background:#b3d4fc;
text-shadow:none}
::selection{
background:#b3d4fc;
text-shadow:none}
fieldset{
border:0}
.browserupgrade{
margin:.2em 0;
background:#ccc;
color:#000;
padding:.2em 0}
.hidden{
display:none!important}
.visuallyhidden{
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
clip:auto;
height:auto;
margin:0;
overflow:visible;
position:static;
width:auto}
.invisible{
visibility:hidden}
.clearfix:after,.clearfix:before{
content:" ";
display:table}
.clearfix:after{
clear:both}
@media print{
blockquote,img,pre,tr{
page-break-inside:avoid}
*,:after,:before{
background:0 0!important;
color:#000!important;
box-shadow:none!important;
text-shadow:none!important}
a,a:visited{
text-decoration:underline}
a[href]:after{
content:" (" attr(href) ")"}
abbr[title]:after{
content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{
content:""}
blockquote,pre{
border:1px solid #999}
thead{
display:table-header-group}
img{
max-width:100%!important}
h2,h3,p{
orphans:3;
widows:3}
h2,h3{
page-break-after:avoid}
}
.carousel__caption,.carousel__description--text{
text-shadow:1px 1px 1px #000;
font-family:Roboto,sans-serif;
text-transform:uppercase}
.owl-carousel .owl-wrapper:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0}
.carousel__description--text::after,.carousel__description--text::before,.game__description:after,.games__items:after,.grid__row:after{
content:''}
.owl-carousel,.owl-carousel .owl-wrapper{
display:none;
position:relative}
.owl-carousel{
width:100%;
-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper-outer{
overflow:hidden;
position:relative;
width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{
transition:height 500ms ease-in-out}
.owl-carousel .owl-item{
float:left}
.owl-controls .owl-buttons div,.owl-controls .owl-page{
cursor:pointer}
.owl-controls{
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing{
cursor:url(grabbing.png) 8 8,move}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0)}
.alt-grid{
display:table;
max-width:1024px;
width:100%;
margin:0 auto}
.alt-grid__row{
display:table-row;
width:auto}
.alt-grid__col{
position:relative;
display:table-cell;
height:100%}
.alt-grid__col--full{
width:90%}
@media only screen and (min-width:769px){
.alt-grid__col--half{
width:45%}
.alt-grid__col--third{
width:30%}
.alt-grid__col--two-third{
width:60%}
}
@media only screen and (max-width:768px){
.alt-grid__col--half,.alt-grid__col--third,.alt-grid__col--two-third{
display:block;
width:100%}
}
.alt-grid__col-image{
display:block;
width:100%;
height:auto}
.alt-grid__col-image__margin{
padding:1em}
.alt-grid__col-image__margin+.alt-grid__col-image__margin{
padding-top:0}
.alt-grid__col--alignbottom{
vertical-align:bottom}
.alt-grid__col--postnarrow,.alt-grid__col--prenarrow{
width:5%}
@media only screen and (max-width:768px){
.alt-grid__col--postnarrow,.alt-grid__col--prenarrow{
display:none}
}
.alt-grid__col--narrow{
padding:1em 0;
background-color:#d5d5d5}
.article{
display:block;
overflow:hidden;
font-family:Roboto,sans-serif;
font-weight:300;
font-size:18px}
.article--mobile{
display:none}
.article--background-mobile{
border-top:2px solid #e3001e;
color:#58595b;
background-color:#000}
.article--background-aboutus,.article--background-dark{
color:#fff;
background-color:#000}
.article--background-contact,.article--background-ourgames{
color:#000;
background-color:#fff}
.article--background-grey,.article--background-press{
background-color:#373b40;
color:#fff}
@media only screen and (min-width:768px) and (max-width:1024px),only screen and (min-width:1024px){
.article--background-aboutus{
background-image:url(../image/article-background-aboutus.png);
background-repeat:no-repeat;
background-position:bottom 102px center;
background-attachment:fixed}
.article--background-contact{
background-image:url(../image/article-background-contact.png);
background-repeat:no-repeat;
background-position:bottom 102px right}
.article--background-press{
background-image:url(../image/article-background-press.png);
background-repeat:no-repeat;
background-position:center center}
}
.article--background-video{
background-image:url(../image/article-background-video.jpg);
background-repeat:no-repeat;
background-position:center top;
background-size:contain}
.article--background-parallax{
background-image:url(../image/parallax.jpg);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
background-attachment:fixed;
-webkit-transform:translated3d(0,0,0);
transform:translated3d(0,0,0)}
.appleios .article--background-parallax{
background-attachment:initial}
.article[id]:not(.article--fit):not(:first-child),.article[id]:not(.article--fit):only-child{
padding-top:147px
}
.article:last-of-type{
padding-bottom:102px}
.back-to-top{
position:fixed;
right:0;
bottom:10%;
transition:opacity 400ms,right 400ms;
opacity:.25}
.body,.carousel,.carousel__item{
position:relative}
.back-to-top:hover{
opacity:1}
.back-to-top__link{
display:block}
.body:not(.at-top) .back-to-top{
right:-100%}
@media only screen and (max-width:768px){
.article--mobile{
display:block}
.article[id]:not(.article--fit):first-child{
padding-top:147px}
.back-to-top{
display:none}
}
.body{
font-family:Roboto,sans-serif;
font-weight:400;
font-size:16px}
.carousel{
color:#fff;
background-color:#000}
.carousel__items{
width:100%;
margin:0;
padding:0}
.carousel__item{
display:block;
width:100%;
height:100%}
.carousel__item:not(:first-child){
display:none}
.carousel__container{
position:absolute;
left:0;
top:65%;
right:0;
display:block;
width:100%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
text-align:center}
.carousel__content{
display:inline-block;
max-width:100%;
text-align:initial}
.carousel__caption{
position:absolute;
bottom:1em;
display:inline-block;
padding-left:44px;
background-image:url(../image/laquo-d6d6d6.png);
background-repeat:no-repeat;
background-position:left center;
font-weight:700;
font-size:40px;
color:#d6d6d6;
background-color:transparent;
white-space:nowrap}
.owl-item .carousel__caption{
transition:opacity 400ms 400ms,-webkit-transform 400ms 400ms;
transition:opacity 400ms 400ms,transform 400ms 400ms;
opacity:0;
-webkit-transform:translateY(18px);
transform:translateY(18px)}
@media only screen and (max-width:768px){
.owl-item .carousel__caption{
-webkit-transform:translate(-50%,18px);
transform:translate(-50%,18px)}
}
.active.owl-item .carousel__caption{
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
@media only screen and (max-width:768px){
.active.owl-item .carousel__caption{
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0)}
.carousel__caption{
left:50%;
font-size:16px;
background-size:14px 16px;
padding-left:18px}
}
.carousel__image{
display:block;
width:100%;
height:auto}
.carousel__description{
border-top:2px solid #e3001e;
text-align:center;
vertical-align:middle;
background-repeat:no-repeat;
background-position:top center}
@media only screen and (min-width:1024px){
/*.article:not(.article--small){
min-height:100vh}*/
.carousel__description{
padding-top:48px;
background-size:100%;
background-image:url(../image/carousel-description-background.jpg);
color:#fff;
background-color:#000}
}
@media only screen and (max-width:1023px){
.carousel__description{
background-image:none;
color:#fff;
background-color:#373b40}
}
.carousel__description--text{
display:inline-block;
margin:21px;
vertical-align:middle;
line-height:40px;
font-weight:400;
font-size:21px;
color:#fff;
background-color:transparent;
-webkit-animation-name:carouselDescriptionTextLoad;
animation-name:carouselDescriptionTextLoad;
-webkit-animation-duration:1s;
animation-duration:1s}
.carousel__description--text::before{
float:left;
display:block;
height:40px;
width:40px;
margin-right:21px;
background:url(../image/laquo.png) center center no-repeat}
@media only screen and (max-width:768px){
.carousel__description--text{
font-size:18px}
.carousel__description--text::before{
margin-right:0;
background-size:50% 50%}
}
.carousel__description--text::after{
float:right;
display:block;
height:40px;
width:40px;
margin-left:21px;
background:url(../image/raquo.png) center center no-repeat}
.carousel__description--emphasis{
font-style:normal;
color:#e3001e;
background-color:transparent}
.owl-next,.owl-prev{
display:block;
height:100%;
position:absolute;
top:0;
bottom:0;
background-repeat:no-repeat;
background-position:center center;
text-align:center;
color:transparent}
@media only screen and (max-width:768px){
.carousel__description--text::after{
margin-left:0;
background-size:50% 50%}
.owl-next,.owl-prev{
height:75%;
-webkit-transform:scale(.5,.5);
transform:scale(.5,.5)}
}
.owl-prev{
left:0;
width:108px;
background-image:url(../image/prev.png)}
@media only screen and (min-width:769px){
.carousel__caption{
right:1em}
.carousel__description--text::before{
-webkit-animation-name:carouselDescriptionLAquoLoad;
animation-name:carouselDescriptionLAquoLoad;
-webkit-animation-duration:1s;
animation-duration:1s}
.carousel__description--text::after{
-webkit-animation-name:carouselDescriptionRAquoLoad;
animation-name:carouselDescriptionRAquoLoad;
-webkit-animation-duration:1s;
animation-duration:1s}
.owl-prev{
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
opacity:0;
transition:-webkit-transform 400ms,opacity 400ms;
transition:transform 400ms,opacity 400ms}
.carousel__items:hover .owl-prev{
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1}
}
.owl-next{
right:0;
width:108px;
background-image:url(../image/next.png)}
@media only screen and (min-width:769px){
.owl-next{
-webkit-transform:translateX(100%);
transform:translateX(100%);
opacity:0;
transition:-webkit-transform 400ms,opacity 400ms;
transition:transform 400ms,opacity 400ms}
.carousel__items:hover .owl-next{
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1}
}
.owl-pagination{
width:100%;
padding:1em;
position:absolute;
text-align:center}
@media only screen and (max-width:1023px){
.owl-pagination{
display:none}
}
.owl-page{
display:inline-block;
width:16px;
height:16px;
border-width:1px;
border-style:solid;
border-radius:50%;
border-color:#e3001e;
background-color:#fff}
.owl-page.active{
border-color:#fff;
background-color:#e3001e}
.footer,.footer__copyright,.footer__nav{
background-color:#000}
.owl-page+.owl-page{
margin-left:1em}
@-webkit-keyframes carouselDescriptionTextLoad{
0%{
opacity:0}
100%{
opacity:1}
}
@keyframes carouselDescriptionTextLoad{
0%{
opacity:0}
100%{
opacity:1}
}
@-webkit-keyframes carouselDescriptionLAquoLoad{
0%,50%{
opacity:0;
margin-right:42px}
100%{
opacity:1}
}
@keyframes carouselDescriptionLAquoLoad{
0%,50%{
opacity:0;
margin-right:42px}
100%{
opacity:1}
}
@-webkit-keyframes carouselDescriptionRAquoLoad{
0%,50%{
opacity:0;
margin-left:42px}
100%{
opacity:1}
}
@keyframes carouselDescriptionRAquoLoad{
0%,50%{
opacity:0;
margin-left:42px}
100%{
opacity:1}
}
.footer-nav .menu{
margin:0;
padding:0}
.footer-nav .menu-item{
display:inline-block;
padding:0 1em;
line-height:16px}
.footer-nav .menu-item.facebook a{
background-repeat:no-repeat;
background-position:right center;
background-image:url(../image/footer-nav-background-facebook.png);
padding-right:15px}
.footer-nav .menu-item.twitter a{
background-repeat:no-repeat;
background-position:right center;
background-image:url(../image/footer-nav-background-twitter.png);
padding-right:30px}
.footer{
position:absolute;
width:100%;
bottom:0;
font-family:Roboto,sans-serif;
font-weight:500;
font-size:14px;
color:#fff}
.footer__copyright,.footer__nav{
padding:14px 0;
text-align:center}
.footer__nav{
color:#58595b}
.footer__copyright{
color:#fff}
.fx--fadeup{
transition:opacity 400ms,-webkit-transform 400ms;
transition:opacity 400ms,transform 400ms}
.fx--fadeup.fx--default,.fx--fadeup.fx--hidden{
opacity:0;
-webkit-transform:translateY(32px);
transform:translateY(32px)}
.fx--fadeup.fx--done,.fx--fadeup.fx--visible{
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
.game{
font-family:Roboto,sans-serif;
font-weight:400;
font-size:11px;
color:#000;
background-color:#d5d5d5;
text-align:center}
.game__overlay .game__title,.game__title{
font-weight:700;
font-size:18px;
font-family:Roboto,sans-serif}
.game__title{
margin:0;
text-align:center}
.game__overlay .game__title{
-webkit-transform:translateY(100%);
transform:translateY(100%)}
.game__subtitle{
display:block;
color:#58595b}
.game__overlay .game__subtitle{
width:12em;
padding:1em;
margin:1em auto;
border-top:thin solid #fff;
font-family:Roboto,sans-serif;
font-weight:500;
font-size:16px;
color:inherit}
.game__description{
padding:11px;
font-family:Roboto,sans-serif;
font-weight:300;
font-size:11px}
.gtspirit-button,.gtspirit-feature__title{
font-weight:500;
font-family:Roboto,sans-serif}
.game__description:after{
display:block;
clear:both}
.game__description p{
margin:.25em 0}
.game__image{
display:inline-block}
.game__image.orientation-landscape,.game__image.orientation-unknown{
width:102px;
height:auto}
.game__image.orientation-portrait{
height:102px;
width:auto}
.game__container{
position:relative;
display:block;
width:100%;
padding-bottom:85%;
overflow:hidden}
.game__container .game,.game__container .game__overlay{
position:absolute;
top:0;
width:100%;
height:100%;
left:0;
right:0;
bottom:0}
.game__container .game__overlay{
display:block;
color:#fff;
background-color:#e3001e;
opacity:1;
transition:opacity 400ms}
.game__container .game__overlay .game__title{
margin-top:0;
transition:margin-top 400ms}
@media only screen and (max-width:768px){
.game__container{
padding-bottom:0}
.game__container .game__overlay{
display:none}
}
.appleios .game__container .game__overlay{
visibility:hidden}
.game__container:hover .game__overlay{
opacity:0}
.game__container:hover .game__overlay .game__title{
margin-top:-.5em}
.game__container .game{
display:block;
-webkit-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
transition:-webkit-transform 400ms;
transition:transform 400ms}
.appleios .game__container .game{
-webkit-transform:scale(1,1);
transform:scale(1,1)}
@media only screen and (max-width:768px){
.game__container .game{
-webkit-transform:scale(1,1);
transform:scale(1,1);
position:relative}
}
.game__container:hover .game{
-webkit-transform:scale(1,1);
transform:scale(1,1)}
.games__items{
margin:0;
padding:0;
display:block;
width:auto}
.games__items:after{
display:block;
clear:both}
@media only screen and (min-width:769px){
.games__item{
float:left;
padding-right:7px;
padding-bottom:7px;
width:30%}
#news > .games_item{
  width:19%
}

@media only screen and (max-width:768px){
.games__item{
padding-right:0;
width:100%}
}
.grid{
max-width:1024px;
margin:0 auto}
.grid__row{
display:block;
width:auto;
padding:16px 0 16px 16px}
.grid__row:after{
display:block;
clear:both}
.grid__row--grey{
background-color:#d5d5d5}
.gtspirit-video,.header-nav{
color:#fff;
background-color:transparent}
.grid__col{
float:left;
padding-right:16px}
.grid__col--full{
width:100%}
@media only screen and (min-width:768px) and (max-width:1024px),only screen and (min-width:1024px){
.grid__col--half{
width:50%}
.grid__col--third{
width:33.33333333%}
.grid__col--two-third{
width:66.66666667%}
}
@media only screen and (min-width:769px){
.grid__col--small{
padding:0 6em}
}
.grid__col-image{
display:block;
width:100%;
height:auto}
.grid__col--background{
min-height:43px;
padding-top:11px;
padding-left:51px;
background-repeat:no-repeat;
background-position:top left}
.grid__col--background-email{
background-image:url(../image/col-background-email.png)}
.grid__col--background-form{
background-image:url(../image/col-background-form.png)}
.grid__col--background-phone{
background-image:url(../image/col-background-phone.png)}
.grid__col--background-postal{
background-image:url(../image/col-background-postal.png)}
.grid__col--background-support{
background-image:url(../image/col-background-support.png)}
.grid__col--background.grid__col--half+.grid__col--half{
padding-top:11px}
.gtspirit-button{
font-size:18px}
.gtspirit-button--inline{
display:inline-block;
max-width:100%}
.gtspirit-button__image,.gtspirit-button__label{
display:block;
max-width:100%}
.gtspirit-button__label{
padding-right:1em;
text-align:right}
.gtspirit-button__label::before{
content:'>'}
.header-nav .menu:after,.preregister-form__parts:after,.press-form:after,.social-nav .menu:after,.stores__items:after{
content:'';
clear:both}
.gtspirit-feature{
padding:0 1em}
.gtspirit-feature__title{
font-size:34px;
text-transform:uppercase;
transition:opacity 400ms 400ms,-webkit-transform 400ms 400ms;
transition:opacity 400ms 400ms,transform 400ms 400ms}
.gtspirit-feature--default .gtspirit-feature__title,.gtspirit-feature--hidden .gtspirit-feature__title{
opacity:0;
-webkit-transform:translateY(34px);
transform:translateY(34px)}
.gtspirit-feature--visible .gtspirit-feature__title{
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
.gtspirit-feature__description{
transition:opacity 400ms 600ms,-webkit-transform 400ms 600ms;
transition:opacity 400ms 600ms,transform 400ms 600ms}
.gtspirit-feature--default .gtspirit-feature__description,.gtspirit-feature--hidden .gtspirit-feature__description{
opacity:0;
-webkit-transform:translateY(16px);
transform:translateY(16px)}
.gtspirit-feature--visible .gtspirit-feature__description{
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
.gtspirit-video{
position:relative;
border-bottom:14px solid #e3001e}
.gtspirit-video__container{
position:absolute;
left:0;
top:50%;
right:0;
display:block;
width:100%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
text-align:center}
.gtspirit-video__content{
display:inline-block;
text-align:initial}
.header-nav{
font-family:Roboto,sans-serif;
font-weight:300;
font-size:18px;
text-transform:uppercase}
@media only screen and (max-width:768px){
.grid__col--half,.grid__col--third,.grid__col--two-third{
width:100%;
margin-bottom:16px}
.header-nav{
position:absolute;
width:100%}
}
.header-nav .menu{
margin:0;
padding:0;
display:inline-block}
.header-nav .menu:after{
display:block}
.header-nav .menu-item{
display:inline-block}
.header-nav .menu-item a{
display:block;
padding:2em .75em;
text-align:center}
@media only screen and (max-width:768px){
.header-nav .menu{
width:100%;
color:inherit;
background-color:rgba(0,0,0,.8)}
.header-nav .menu-item{
display:block}
.header-nav .menu-item a{
padding:.25em 1em;
text-align:left}
}
.header-nav .menu-item a:hover{
font-weight:700;
transition:background-color 400ms}
.header-nav .current-menu-item{
color:#fff;
background-color:#e3001e;
transition:background-color 400ms}
.header,.header--small{
transition:padding-top 400ms}
.header{
position:fixed;
width:100%;
padding-top:16px;
border-top:3px solid #e3001e;
z-index:1000;
font-size:0;
color:transparent;
background-color:rgba(0,0,0,.8)}
.header--small{
padding-top:0}
.header__logo,.header__nav{
display:inline-block;
vertical-align:bottom}
.stores__item,.title{
vertical-align:middle}
.header__logo{
width:17%}
.header__nav{
width:83%}
@media only screen and (max-width:768px){
.header__logo{
width:100%}
}
.header__social{
position:absolute;
top:25%;
right:15px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)}
.header--small .header__social{
top:50%;
right:50px}
.logo{
margin:16px 0;
text-align:center}
.logo__link{
display:inline-block;
font-size:0}
.logo__image{
display:block;
height:96px;
width:auto;
transition:height 400ms}
.header--small .logo__image{
height:58px;
transition:height 400ms}
@media only screen and (max-width:767px){
.header--small .logo__image{
height:35px}
}
.mobile-nav{
border-top:2px solid #e3001e;
background:url(../image/mobile-nav-background.jpg) top center no-repeat #000;
background-size:cover}
.mobile-nav .menu{
margin:0;
padding:0}
.mobile-nav .menu-item{
padding:1em;
text-align:center;
opacity:.5}
.mobile-nav .menu-item:hover{
opacity:1}
.mobile-nav .menu-item img{
display:inline-block}
.mobile-nav__image{
display:block;
height:90px;
width:auto}
.mobile-nav__caption{
margin-top:7px;
font-family:Roboto,sans-serif;
font-weight:500;
font-size:14px;
color:#fff;
background-color:transparent}
.parallax{
position:relative;
height:40vh}
.parallax__mask{
position:absolute;
display:block;
width:0;
height:0;
border-style:solid;
border-width:0}
.parallax__mask--top{
top:0;
border-color:#373b40 transparent transparent}
.preregister-form__control--outofsight,.responsive-trigger{
top:-9999px;
left:-9999px;
position:absolute}
.parallax__mask--bottom{
bottom:0;
border-color:transparent transparent #373b40}
.preregister-form{
font-family:Roboto,sans-serif;
font-weight:100;
font-size:18px}
.preregister-form__parts:after{
display:block}
.preregister-form__part{
float:left;
display:block;
width:50%;
min-height:12em;
padding:1em 10%}
.preregister-form__part:not(:last-child){
border-right:thin solid #fff}
@media only screen and (max-width:768px){
.preregister-form__part{
width:100%;
min-height:0}
.preregister-form__part:not(:last-child){
border-right:none}
}
.preregister-form__label{
display:none}
.preregister-form__label--checkbox{
display:inline;
font-size:16px}
.preregister-form__control{
width:100%;
padding:.5em;
border:none;
color:#58595b;
background-color:#d5d5d5;
font-style:italic}
.preregister-form__control--checkbox{
width:auto}
.preregister-form__control--submit{
width:auto;
padding:.5em 2em;
color:#fff;
background-color:#5d91cf}
.preregister-form__missings-text{
margin:0;
font-size:16px;
color:#e3001e;
background-color:transparent}
.press-form{
padding:0 30%}
.press-form:after{
display:block}
@media only screen and (max-width:768px){
.press-form{
padding:0 1em}
}
.press-form__field{
display:inline-block;
padding:.25em;
float:left}
.press-form__control,.press-terms{
padding:.5em;
font-weight:100;
font-family:Roboto,sans-serif}
.press-form__field--half{
width:50%}
.press-form__field--full{
width:100%;
margin-left:25%}
@media only screen and (max-width:1023px){
.press-form__field--full,.press-form__field--half{
width:100%;
margin-left:0}
.press-form__field--half:empty{
display:none}
}
.press-form__label{
display:none}
.press-form__label--checkbox{
display:inline;
font-size:16px}
.press-form__control{
width:100%;
border:thin solid #d5d5d5;
font-size:18px;
color:#58595b;
background-color:#d5d5d5;
font-style:italic}
.press-form__mandatory-text,.press-form__missings-text{
margin:0;
font-size:16px}
.press-form__control--submit{
width:50%;
border-color:#e3001e;
color:#fff;
background-color:#e3001e}
.press-form__mandatory-text--missings,.press-form__missings-text{
color:#e3001e;
background-color:transparent}
.press-form__control--checkbox{
width:auto}
.press-form__control--missing{
border:thin solid #e3001e}
.press-terms{
display:block;
width:75%;
height:15em;
margin:1em auto;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
font-size:14px}
*,:after,:before{
box-sizing:border-box}
a{
color:inherit;
text-decoration:inherit}
iframe{
width:100%}
@media only screen and (max-width:768px){
.responsive-trigger:not(:checked)+*{
display:none}
}
.responsive-trigger__label{
position:absolute;
right:0;
top:0;
display:inline-block;
width:60px;
height:100%;
min-height:30px;
background:url(../image/menu.png) center center no-repeat;
cursor:pointer}
@media only screen and (min-width:769px){
.responsive-trigger__label{
display:none}
}
.share__item,.share__link,.social-link__link,.social-links__item{
display:inline-block}
.share{
font-family:Roboto,sans-serif;
font-weight:400;
font-size:16px}
.share__items{
margin:0;
padding:0}
.share__link{
min-height:17px;
padding-right:16px;
line-height:17px}
.share__link--facebook,.share__link--twitter{
background-repeat:no-repeat;
background-position:left center}
.social-link__link,.social-nav .menu-item a,.title--background{
background-repeat:no-repeat;
background-position:center center}
.share__link--facebook{
padding-left:16px;
background-image:url(../image/share-facebook.png)}
.share__link--twitter{
padding-left:32px;
background-image:url(../image/share-twitter.png)}
.social-link__link{
width:50px;
height:48px;
font-size:0;
color:transparent}
.social-link__link--facebook{
background-image:url(../image/social-link-facebook.png)}
.social-link__link--twitter{
background-image:url(../image/social-link-twitter.png)}
.social-link__link--instagram{
background-image:url(../image/social-link-instagram.png)}
.social-links__items{
margin:0;
padding:0;
text-align:center}
.social-links__item{
padding:0 .1em}
.social-nav .menu{
margin:0;
padding:0}
.social-nav .menu:after{
display:block}
.social-nav .menu-item{
float:left;
display:block;
padding:0 5px}
.social-nav .menu-item a{
display:block;
height:19px;
background-color:transparent}
.social-nav .menu-item.facebook a{
width:9px;
background-image:url(../image/social-menu-facebook.png)}
.social-nav .menu-item.twitter a{
width:28px;
background-image:url(../image/social-menu-twitter.png)}
.social-nav .menu-item.instagram a{
width:19px;
background-image:url(../image/social-menu-instagram.png)}
.store__link{
display:block;
width:100%;
text-align:center}
.store__image{
max-width:100%;
height:auto}
.stores__items{
margin:0;
padding:0;
display:block;
width:100%}
.stores__items:after{
display:block}
.stores__item{
float:left;
display:inline-block;
width:50%}
h2 {
  margin:2em 0 1em 0;
  text-align:center;
  font-family:Roboto,sans-serif;
  font-weight:700;
  font-size:3em;
  text-transform:uppercase;
  line-height:0.8em;
  /*border-bottom:5px solid orange;*/
  color:orange
}
.title--default,.title--hidden{
opacity:0}
.title--visible{
opacity:1}
.title--hidden,.title--visible{
transition:opacity 1s;
transition-timing-function:cubic-bezier(.77,0,.175,1)}
.title--center{
line-height:21px;
text-align:center}
.title--small{
line-height:42px}
.title--background{
display:block;
margin:0 11px;
font-size:0;
color:transparent;
float:left}
.title--background-aboutus{
background-image:url(../image/title-background-aboutus.png);
width:103px;
height:82px}
.title--background-ourgames{
background-image:url(../image/title-background-ourgames.png);
width:82px;
height:82px}
.title--background-contact{
background-image:url(../image/title-background-contact.png);
width:68px;
height:82px}
.title--background-press{
background-image:url(../image/title-background-press.png);
width:82px;
height:82px}
.title--background-gtspirit{
background-image:url(../image/title-background-gearclub.png);
width:151px;
height:30px}
.title--background-team{
background-image:url(../image/title-background-team.png);
width:92px;
height:105px}
.title--default .title--background,.title--hidden .title--background{
-webkit-transform:translateX(-10%);
transform:translateX(-10%)}
.title--visible .title--background{
-webkit-transform:translateX(0);
transform:translateX(0)}
.title--hidden .title--background,.title--visible .title--background{
transition:-webkit-transform 1s;
transition:transform 1s;
transition-timing-function:cubic-bezier(.77,0,.175,1)}
.title--center .title--background{
float:none;
margin:0 auto 16px}
.title__extension{
float:right}
.aligncenter{
display:block;
margin-left:auto;
margin-right:auto;
text-align:center}
.wpcf7-form-row{
margin:0}
.wpcf7-form-row+.wpcf7-form-row{
margin-top:1em}
.wpcf7-form-control{
width:100%;
padding:.5em;
border:none;
font-family:Roboto,sans-serif;
font-weight:100;
font-size:18px;
color:#58595b;
background-color:#d5d5d5;
font-style:italic}
.wpcf7-submit{
color:#fff;
background-color:#000}