@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);

@import url(https://fonts.googleapis.com/css?family=Roboto);

img,legend{
border:0
}

legend,td,th{
padding:0
}

.button,a:active,a:hover,select{
outline:0
}

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

body{
margin:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,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
}

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

b,optgroup,strong{
font-weight:700
}

dfn{
font-style:italic
}

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

small{
font-size:80%
}

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

sup{
top:-.5em
}

sub{
bottom:-.25em
}

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

figure{
margin:1em 40px
}

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

pre,textarea{
overflow:auto
}

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

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

.game-product .meta,time{
font-style:italic
}

button{
overflow:visible
}

button,select{
text-transform:none
}

#header-nav,#mobile-nav,#side-nav ul li a,.button,.marquee .callout,.page-footer .tos,body.agegate .page-content .grid label,h1,h2,h3,h4,h5,h6,select{
text-transform:uppercase
}

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
}

.gray-spinner:before,.mg-gallery,.mg-gallery .mg-slide{
box-sizing:border-box
}

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

fieldset{
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}

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

.my2k-modal iframe{
width:100%;
margin-top:5%;
min-height:80%;
overflow:scroll
}

canvas.bg-video{
position:absolute;
top:0;
left:0;
z-index:-1
}

.gray-spinner:before{
width:30px;
height:30px;
border:5px solid gray;
border-top-color:transparent;
border-radius:50%;
-webkit-animation:spin linear .75s infinite;
animation:spin linear .75s infinite
}

@-webkit-keyframes spin{
from{
-webkit-transform:rotate(0);
transform:rotate(0)
}

to{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}


}

.bg-video-spinner{
background-color:#000;
position:absolute;
top:0;
bottom:0;
right:0;
left:0
}

.bg-video-spinner:before{
content:"";
display:block;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
position:absolute
}

.mg-gallery .aspect-ratio-16-9>*,.mg-gallery .aspect-ratio-4-3>*,.mg-gallery .aspect-ratio-anamorphic>*,.mg-gallery .aspect-ratio-square>*{
display:block;
height:100%;
left:0;
top:0;
width:100%
}

.mg-gallery,.mg-gallery .aspect-ratio-16-9{
position:relative
}

.mg-gallery{
padding:0 25px
}

.mg-gallery .aspect-ratio-16-9:after{
content:"";
display:block;
padding-top:56.25%
}

.mg-gallery .aspect-ratio-16-9>*{
position:absolute
}

.mg-gallery .aspect-ratio-4-3{
position:relative
}

.mg-gallery .aspect-ratio-4-3:after{
content:"";
display:block;
padding-top:75%
}

.mg-gallery .aspect-ratio-4-3>*{
position:absolute
}

.mg-gallery .aspect-ratio-anamorphic{
position:relative
}

.mg-gallery .aspect-ratio-anamorphic:after{
content:"";
display:block;
padding-top:41.841%
}

.mg-gallery .aspect-ratio-anamorphic>*{
position:absolute
}

.mg-gallery .aspect-ratio-square{
position:relative
}

.mg-gallery .aspect-ratio-square:after{
content:"";
display:block;
padding-top:100%
}

.mg-gallery .aspect-ratio-square>*{
position:absolute
}

@media only screen and (min-width:640px){
.mg-gallery{
padding:0 60px
}

.masonry-grid{
-webkit-columns:2;
-moz-columns:2;
columns:2
}


}

.mg-gallery,.mg-gallery *{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}

.mg-gallery .mg-offscreen{
display:none
}

.mg-gallery:-webkit-full-screen{
padding:0;
width:100%;
height:auto;
background:#000
}

.mg-gallery:-ms-fullscreen{
padding:0;
width:100%;
height:auto;
background:#000
}

.mg-gallery:fullscreen{
padding:0;
width:100%;
height:auto;
background:#000
}

.mg-gallery:-webkit-full-screen .mg-thumbsreel{
display:none
}

.mg-gallery:-moz-full-screen .mg-thumbsreel{
display:none
}

.mg-gallery:-ms-fullscreen .mg-thumbsreel{
display:none
}

.mg-gallery:fullscreen .mg-thumbsreel{
display:none
}

.mg-gallery .mg-next,.mg-gallery .mg-prev{
display:block;
position:absolute;
content:""
}

.mg-gallery:-moz-full-screen{
padding:0;
width:100%;
background:#000;
height:100%
}

.mg-gallery .mg-arrow{
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
background-color:transparent;
cursor:pointer
}

.mg-gallery .mg-fsbutton{
cursor:pointer;
background:#fff;
position:absolute;
top:5px;
right:5px;
width:20px;
height:20px
}

.mg-gallery .mg-next{
right:-30px;
border:25px solid transparent;
-webkit-transition:.25s border-color;
transition:.25s border-color;
border-top-width:25px;
border-bottom-width:25px;
border-left-color:#dedede;
border-right:none
}

.mg-gallery .mg-next:hover{
border-left-color:#dedede
}

.mg-gallery .mg-prev{
left:-30px;
border:25px solid transparent;
-webkit-transition:.25s border-color;
transition:.25s border-color;
border-top-width:25px;
border-bottom-width:25px;
border-right-color:#dedede;
border-left:none
}

.mg-gallery .mg-prev:hover{
border-right-color:#dedede
}

.mg-gallery .mg-radios{
display:inline-block;
position:absolute;
white-space:nowrap
}

.mg-gallery input[type=radio]{
display:none
}

.mg-gallery input[type=radio]+label{
background-color:red;
display:inline-block;
width:20px;
height:20px;
border-radius:50%;
cursor:pointer
}

.mg-gallery .mg-slidesreel .mg-controls .mg-deactivate,.mg-gallery .mg-slidesreel.mg-yt-active .mg-fsbutton,.mg-gallery .mg-thumbsreel .mg-controls .mg-deactivate,.mg-gallery .mg-thumbsreel.mg-yt-active .mg-fsbutton{
display:none
}

.mg-gallery input[type=radio]:checked+label{
background-color:#00f
}

.mg-gallery .mg-slidesreel,.mg-gallery .mg-thumbsreel{
margin:0 auto;
position:relative
}

.mg-gallery .mg-slidesreel .mg-wrap,.mg-gallery .mg-thumbsreel .mg-wrap{
overflow:hidden;
position:relative;
-webkit-transition:.5s height;
transition:.5s height
}

.mg-gallery .mg-slidesreel .mg-controls,.mg-gallery .mg-thumbsreel .mg-controls{
z-index:2;
opacity:1;
pointer-events:auto
}

.mg-gallery .mg-slidesreel .mg-controls.mg-hide>*,.mg-gallery .mg-thumbsreel .mg-controls.mg-hide>*{
opacity:0
}

.mg-gallery .mg-slidesreel .mg-controls>*,.mg-gallery .mg-thumbsreel .mg-controls>*{
-webkit-transition:.25s opacity;
transition:.25s opacity
}

.mg-gallery .mg-slidesreel .mg-controls>:hover,.mg-gallery .mg-thumbsreel .mg-controls>:hover{
opacity:1
}

.mg-gallery .mg-thumbsreel .mg-wrap{
text-align:center
}

.mg-gallery .mg-slides{
-webkit-transition:.5s -webkit-transform;
transition:.5s transform
}

.mg-gallery .mg-slides .mg-slide.mg-img-slide .mg-loading-spinner,.mg-gallery .mg-slides .mg-slide.mg-yt-slide .mg-loading-spinner{
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
content:"";
z-index:-1
}

.mg-gallery .mg-slides .mg-slide .mg-fill{
background-size:contain
}

.mg-gallery .mg-slides>.mg-grid,.mg-gallery .mg-slides>.mg-slide{
padding:0 10px;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}

.mg-gallery.gutter-0 .mg-slides>.mg-grid,.mg-gallery.gutter-0 .mg-slides>.mg-slide{
padding:0
}

.mg-gallery .icon{
pointer-events:none
}

.mg-gallery .mg-youtube-thumb .icon{
display:inline-block;
width:30px;
height:21px;
border-radius:3px;
background-color:#c4302b;
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}

.mg-gallery .mg-youtube-thumb .icon:before{
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
display:block;
position:absolute;
border:10.5px solid transparent;
-webkit-transition:.25s border-color;
transition:.25s border-color;
border-top-width:5.25px;
border-bottom-width:5.25px;
border-left-color:#fff;
border-right:none;
margin-left:1.5px;
content:""
}

.mg-gallery .mg-youtube-thumb .icon:before:hover{
border-left-color:#fff
}

@media only screen and (min-width:1024px){
.mg-gallery .mg-youtube-thumb .icon{
position:absolute;
display:inline-block;
width:50px;
height:35px;
border-radius:5px;
background-color:#c4302b
}

.mg-gallery .mg-youtube-thumb .icon:before{
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
display:block;
position:absolute;
border:17.5px solid transparent;
-webkit-transition:.25s border-color;
transition:.25s border-color;
border-top-width:8.75px;
border-bottom-width:8.75px;
border-left-color:#fff;
border-right:none;
margin-left:2.5px;
content:""
}

.mg-gallery .mg-youtube-thumb .icon:before:hover{
border-left-color:#fff
}


}

.mg-gallery .mg-grid{
box-sizing:content-box;
margin:-10px
}

*,.loading-spinner:before,.mg-gallery .mg-fill,ul.accordion>li{
box-sizing:border-box
}

.mg-gallery .mg-grid,.mg-gallery .mg-slide{
position:relative;
vertical-align:top;
display:inline-block;
opacity:1;
-webkit-transition:.5s opacity;
transition:.5s opacity;
width:100%
}

.mg-gallery .mg-grid.mg-offscreen,.mg-gallery .mg-slide.mg-offscreen{
display:none
}

.mg-gallery .mg-grid.mg-fadeout,.mg-gallery .mg-slide.mg-fadeout{
opacity:0
}

.mg-gallery .mg-grid .col-1{
width:calc(8.33333% - 20px)
}

.mg-gallery .mg-grid .col-2{
width:calc(16.66667% - 20px)
}

.mg-gallery .mg-grid .col-3{
width:calc(25% - 20px)
}

.mg-gallery .mg-grid .col-4{
width:calc(33.33333% - 20px)
}

.mg-gallery .mg-grid .col-5{
width:calc(41.66667% - 20px)
}

.mg-gallery .mg-grid .col-6{
width:calc(50% - 20px)
}

.mg-gallery .mg-grid .col-7{
width:calc(58.33333% - 20px)
}

.mg-gallery .mg-grid .col-8{
width:calc(66.66667% - 20px)
}

.mg-gallery .mg-grid .col-9{
width:calc(75% - 20px)
}

.mg-gallery .mg-grid .col-10{
width:calc(83.33333% - 20px)
}

.mg-gallery .mg-grid .col-11{
width:calc(91.66667% - 20px)
}

.mg-gallery .mg-grid .col-12{
width:calc(100% - 20px)
}

@media (min-width:0){
.mg-gallery .mg-grid .col-1-xs{
width:calc(8.33333% - 20px)
}

.mg-gallery .mg-grid .col-2-xs{
width:calc(16.66667% - 20px)
}

.mg-gallery .mg-grid .col-3-xs{
width:calc(25% - 20px)
}

.mg-gallery .mg-grid .col-4-xs{
width:calc(33.33333% - 20px)
}

.mg-gallery .mg-grid .col-5-xs{
width:calc(41.66667% - 20px)
}

.mg-gallery .mg-grid .col-6-xs{
width:calc(50% - 20px)
}

.mg-gallery .mg-grid .col-7-xs{
width:calc(58.33333% - 20px)
}

.mg-gallery .mg-grid .col-8-xs{
width:calc(66.66667% - 20px)
}

.mg-gallery .mg-grid .col-9-xs{
width:calc(75% - 20px)
}

.mg-gallery .mg-grid .col-10-xs{
width:calc(83.33333% - 20px)
}

.mg-gallery .mg-grid .col-11-xs{
width:calc(91.66667% - 20px)
}

.mg-gallery .mg-grid .col-12-xs{
width:calc(100% - 20px)
}


}

@media (min-width:640px){
.mg-gallery .mg-grid .col-1-s{
width:calc(8.33333% - 20px)
}

.mg-gallery .mg-grid .col-2-s{
width:calc(16.66667% - 20px)
}

.mg-gallery .mg-grid .col-3-s{
width:calc(25% - 20px)
}

.mg-gallery .mg-grid .col-4-s{
width:calc(33.33333% - 20px)
}

.mg-gallery .mg-grid .col-5-s{
width:calc(41.66667% - 20px)
}

.mg-gallery .mg-grid .col-6-s{
width:calc(50% - 20px)
}

.mg-gallery .mg-grid .col-7-s{
width:calc(58.33333% - 20px)
}

.mg-gallery .mg-grid .col-8-s{
width:calc(66.66667% - 20px)
}

.mg-gallery .mg-grid .col-9-s{
width:calc(75% - 20px)
}

.mg-gallery .mg-grid .col-10-s{
width:calc(83.33333% - 20px)
}

.mg-gallery .mg-grid .col-11-s{
width:calc(91.66667% - 20px)
}

.mg-gallery .mg-grid .col-12-s{
width:calc(100% - 20px)
}


}

@media (min-width:1024px){
.mg-gallery .mg-grid .col-1-m{
width:calc(8.33333% - 20px)
}

.mg-gallery .mg-grid .col-2-m{
width:calc(16.66667% - 20px)
}

.mg-gallery .mg-grid .col-3-m{
width:calc(25% - 20px)
}

.mg-gallery .mg-grid .col-4-m{
width:calc(33.33333% - 20px)
}

.mg-gallery .mg-grid .col-5-m{
width:calc(41.66667% - 20px)
}

.mg-gallery .mg-grid .col-6-m{
width:calc(50% - 20px)
}

.mg-gallery .mg-grid .col-7-m{
width:calc(58.33333% - 20px)
}

.mg-gallery .mg-grid .col-8-m{
width:calc(66.66667% - 20px)
}

.mg-gallery .mg-grid .col-9-m{
width:calc(75% - 20px)
}

.mg-gallery .mg-grid .col-10-m{
width:calc(83.33333% - 20px)
}

.mg-gallery .mg-grid .col-11-m{
width:calc(91.66667% - 20px)
}

.mg-gallery .mg-grid .col-12-m{
width:calc(100% - 20px)
}


}

@media (min-width:1320px){
.mg-gallery .mg-grid .col-1-l{
width:calc(8.33333% - 20px)
}

.mg-gallery .mg-grid .col-2-l{
width:calc(16.66667% - 20px)
}

.mg-gallery .mg-grid .col-3-l{
width:calc(25% - 20px)
}

.mg-gallery .mg-grid .col-4-l{
width:calc(33.33333% - 20px)
}

.mg-gallery .mg-grid .col-5-l{
width:calc(41.66667% - 20px)
}

.mg-gallery .mg-grid .col-6-l{
width:calc(50% - 20px)
}

.mg-gallery .mg-grid .col-7-l{
width:calc(58.33333% - 20px)
}

.mg-gallery .mg-grid .col-8-l{
width:calc(66.66667% - 20px)
}

.mg-gallery .mg-grid .col-9-l{
width:calc(75% - 20px)
}

.mg-gallery .mg-grid .col-10-l{
width:calc(83.33333% - 20px)
}

.mg-gallery .mg-grid .col-11-l{
width:calc(91.66667% - 20px)
}

.mg-gallery .mg-grid .col-12-l{
width:calc(100% - 20px)
}


}

.mg-gallery .mg-grid>[class*=col]{
display:inline-block;
margin:10px;
box-sizing:border-box;
vertical-align:middle;
position:relative
}

.mg-gallery .mg-fill{
background-position:center;
background-repeat:no-repeat;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
opacity:1;
-webkit-transition:.5s opacity;
transition:.5s opacity
}

.mg-gallery .mg-fill.mg-fadeout,.modal.fadeout{
opacity:0
}

.mg-gallery .mg-thumbs{
-webkit-transition:.5s -webkit-transform;
transition:.5s transform;
display:inline-block
}

.mg-gallery .mg-thumbs .mg-slide{
cursor:pointer
}

.mg-gallery .mg-thumbs .mg-slide .mg-fill{
background-size:cover
}

.mg-gallery .mg-thumbs .mg-slide .mg-slide-number{
text-align:center;
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
color:#dedede;
text-shadow:0 0 1px rgba(0,0,0,.5);
font-family:sans-serif;
font-size:2em;
font-weight:700
}

.modal-wrapper{
position:fixed;
overflow-y:auto;
top:0;
bottom:0;
left:0;
right:0;
z-index:999999
}

.no-scroll,.shop-slide,.squish-y,ul.accordion,ul.accordion>li{
overflow:hidden
}

.modal{
width:100%;
background:rgba(0,0,0,.8);
-webkit-transition-property:top,-webkit-transform,opacity;
transition-property:top,transform,opacity;
-webkit-transition-duration:.5s;
transition-duration:.5s;
position:absolute;
top:0
}

.modal.slideup{
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%)
}

.modal.slidedown{
-webkit-transform:translateY(100%);
-ms-transform:translateY(100%);
transform:translateY(100%)
}

html.lt-ie9 .modal.slideup{
top:-100%
}

html.lt-ie9 .modal.slidedown{
top:100%
}

.close-bgmodal{
cursor:pointer;
width:30px;
height:30px;
position:absolute;
top:20px;
right:20px
}

.close-bgmodal:after,.close-bgmodal:before{
content:"";
display:block;
background-color:#777;
position:absolute;
top:50%;
left:0;
height:5px;
width:30px;
-webkit-transform-origin:50%;
-ms-transform-origin:50%;
transform-origin:50%;
margin-top:-3px
}

.close-bgmodal:before{
-webkit-transform:rotate(55deg);
-ms-transform:rotate(55deg);
transform:rotate(55deg)
}

.close-bgmodal:after{
-webkit-transform:rotate(-55deg);
-ms-transform:rotate(-55deg);
transform:rotate(-55deg)
}

.retail-menu-modal .retail-menu-modal-content{
text-align:center;
max-width:640px;
margin:0 auto;
padding:10px
}

.retail-menu-modal .retail-menu-modal-content img{
width:40%;
margin-bottom:10px
}

@media only screen and (min-width:1320px){
.retail-menu-modal{
min-height:0
}

.retail-menu-modal .retail-menu-modal-content{
padding:50px 10px
}

.retail-menu-modal .retail-menu-modal-content img{
width:100%;
padding-right:30px;
margin-bottom:0
}


}

.retail-menu-modal .retail-menu-modal-content a[class*=buy-btn]{
display:inline-block;
opacity:.3;
-webkit-transition:opacity .5s;
transition:opacity .5s
}

.retail-menu-modal .retail-menu-modal-content a[class*=buy-btn][href]{
opacity:1
}

.retail-menu-modal .retail-menu-modal-content a[class*=buy-btn],.retail-menu-modal .retail-menu-modal-content select{
width:100%;
padding:10px
}



.retail-menu-modal .retail-menu-modal-content ul{
margin:30px 0 0 14px;
list-style-type:none;
text-align:left
}

.horizontal-nav li.language-menu,.horizontal-nav li.social-menu,#mobile-nav .box,#mobile-nav .social-links ul,.button,.text-align-center{
text-align:center
}

@media only screen and (min-width:1320px){
.retail-menu-modal .retail-menu-modal-content ul{
margin:50px 0 0 14px
}


}

.retail-menu-modal .retail-menu-modal-content ul li{
margin-bottom:15px
}

.retail-menu-modal .retail-menu-modal-content select{
margin-bottom:10px
}

.retail-menu-modal .retail-menu-modal-closeout{
top:10px;
right:10px;
left:auto
}

@media only screen and (min-width:1320px){
.retail-menu-modal .retail-menu-modal-closeout{
right:auto;
left:75px
}


}

.fadeout{
opacity:0
}

.transition-opacity{
-webkit-transition:1s opacity;
transition:1s opacity
}

.transition-height{
-webkit-transition:1s height;
transition:1s height
}

.squish-y{
height:0
}

.lightbox-modal{
height:100%
}

.lightbox-modal .mg-gallery{
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
width:100%
}

.aspect-ratio-16-9>*,.aspect-ratio-21-9>*,.aspect-ratio-4-1>*,.aspect-ratio-4-3>*,.aspect-ratio-anamorphic>*{
height:100%;
left:0;
top:0;
width:100%
}

.pg-parent>:not(.pg-show),.pg-wrapper.pg-all-shown .pg-show-more{
display:none
}

@font-face{
font-family:'Dharma Gothic Light';
src:url(/assets/fonts/dharma-gothic/dharmagothic_light.eot);
src:url(/assets/fonts/dharma-gothic/dharmagothic_light.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/dharma-gothic/dharmagothic_light.woff2) format("woff2"),url(/assets/fonts/dharma-gothic/dharmagothic_light.woff) format("woff"),url(/assets/fonts/dharma-gothic/dharmagothic_light.ttf) format("truetype"),url(/assets/fonts/dharma-gothic/dharmagothic_light.svg#dharmagothic_light) format("svg");
font-weight:400;
font-style:normal
}

@font-face{
font-family:'Dharma Gothic';
src:url(/assets/fonts/dharma-gothic/dharmagothic_regular.eot);
src:url(/assets/fonts/dharma-gothic/dharmagothic_regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/dharma-gothic/dharmagothic_regular.woff2) format("woff2"),url(/assets/fonts/dharma-gothic/dharmagothic_regular.woff) format("woff"),url(/assets/fonts/dharma-gothic/dharmagothic_regular.ttf) format("truetype"),url(/assets/fonts/dharma-gothic/dharmagothic_regular.svg#dharmagothic_regular) format("svg");
font-weight:400;
font-style:normal
}

body,html{
height:100%
}

body{
font-size:1.3em;
font-family:Roboto,Helvetica,Arial,sans-serif;
background-color:#000;
color:#dde4ec
}

#header-nav,#header-nav a,#header-nav span,#mobile-nav,#mobile-nav a,#mobile-nav span,#side-nav ul li a,.button,body.news .page-wrapper .news_article .content-header .article_next,body.news .page-wrapper .news_article .content-header .article_next a,body.news .page-wrapper .news_article .content-header .article_prev,body.news .page-wrapper .news_article .content-header .article_prev a,h1,h2,h3,h4,h5,h6,select{
font-family:"Dharma Gothic Light","Pathway Gothic One",Helvetica,Arial,sans-serif
}

a{
text-decoration:none;
font-size:1em;
color:#13d0ca
}

a:hover{
color:#fff
}

img{
max-width:100%
}

ul{
padding-left:0;
list-style-type:none
}

cite,time{
font-size:.7em
}

h1,h2{
font-size:2.4em
}

h1,h2,h3,h4,h5,h6{
margin:0;
font-weight:100;
color:#97daea;
letter-spacing:1px
}

h1{
color:#97daea
}

h3{
font-size:1.9em
}

.aspect-ratio-4-1{
position:relative
}

.aspect-ratio-4-1:after{
content:"";
display:block;
padding-top:25%
}

.aspect-ratio-4-1>*{
display:block;
position:absolute
}

.aspect-ratio-21-9{
position:relative
}

.aspect-ratio-21-9:after{
content:"";
display:block;
padding-top:42.85714%
}

.aspect-ratio-21-9>*{
display:block;
position:absolute
}

.aspect-ratio-16-9{
position:relative
}

.aspect-ratio-16-9:after{
content:"";
display:block;
padding-top:56.25%
}

.aspect-ratio-16-9>*{
display:block;
position:absolute
}

.aspect-ratio-4-3{
position:relative
}

.aspect-ratio-4-3:after{
content:"";
display:block;
padding-top:75%
}

.aspect-ratio-4-3>*{
display:block;
position:absolute
}

.aspect-ratio-anamorphic{
position:relative
}

.aspect-ratio-anamorphic:after{
content:"";
display:block;
padding-top:41.66667%
}

.aspect-ratio-anamorphic>*{
display:block;
position:absolute
}

.masonry-grid{
margin:-10px
}

.masonry-grid>*{
width:100%;
margin:10px;
display:inline-block
}

.bg-video-spinner,.display-none{
display:none
}

.loading-spinner{
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
position:fixed
}

.loading-spinner:before{
width:50px;
height:50px;
border:5px solid #13d0ca;
border-top-color:rgba(0,0,0,.4);
border-radius:50%;
-webkit-animation:spin linear .75s infinite;
animation:spin linear .75s infinite;
content:"";
display:block
}

.group:after{
content:"";
display:table;
clear:both
}

.panel-border{
background-color:transparent;
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/boxparts_9slice.png);
border-image-slice:49% fill;
border-image-width:25px
}

.box,html.borderimage .button,html.borderimage .button.emphasis{
border-image-slice:45% fill;
border-image-width:9px;
border-image-repeat:repeat stretch;
border-image-outset:0
}

ul.accordion{
margin-left:20px
}

ul.accordion>li{
-webkit-transition:.25s max-height,.25s padding;
transition:.25s max-height,.25s padding;
max-height:0
}

ul.accordion.active>li{
max-height:700px;
padding-bottom:5px
}

ul.accordion:not(.active)>li{
padding:0!important;
margin:0!important
}

.button,.button.emphasis{
border-radius:0;
margin:0;
display:inline-block;
border-style:solid;
cursor:pointer
}

html.borderimage .button,html.borderimage .button.emphasis{
border-width:1px;
background-color:transparent;
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice.png)
}

html.borderimage .button.emphasis,html.borderimage .button.emphasis.emphasis,html.borderimage .button.emphasis.turquoise,html.borderimage .button.turquoise{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise.png)
}

html.borderimage .button.emphasis.emphasis.mirror,html.borderimage .button.emphasis.mirror,html.borderimage .button.emphasis.turquoise.mirror,html.borderimage .button.turquoise.mirror{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise-mirror.png)
}

html.borderimage .button.emphasis.mirror,html.borderimage .button.mirror{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-mirror.png)
}

html.borderimage .button.emphasis{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise.png)
}

.button{
-webkit-transition-duration:.25s;
transition-duration:.25s;
-webkit-transition-property:color,background-color,border-color;
transition-property:color,background-color,border-color;
color:#13d0ca;
border-width:1px;
border-color:#135e5b;
padding:2px 20px;
background-color:#000;
font-size:1.5rem
}

.button:hover{
color:#fff;
background-color:transparent;
border-color:#fff
}

@media only screen and (min-width:1024px){
.masonry-grid{
-webkit-columns:3;
-moz-columns:3;
columns:3
}

.button{
padding:2px 40px;
font-size:1.7rem
}


}

.button.emphasis{
-webkit-transition-duration:.25s;
transition-duration:.25s;
-webkit-transition-property:color,background-color,border-color;
transition-property:color,background-color,border-color;
color:#000;
border-width:0;
border-color:#000;
padding:10px 15px;
background-color:#13d0ca;
font-size:1em
}

.button.emphasis:hover{
color:#fff;
background-color:transparent;
border-color:#13d0ca
}

.social-share{
display:inline-block;
box-sizing:content-box;
border-radius:1px;
padding:3px 5px;
font-size:.5em;
color:#fff;
-webkit-transition:.25s background-color;
transition:.25s background-color
}

.social-share.facebook:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_facebook-white.svg)
}

.social-share.twitter:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_twitter-white.svg)
}

.social-share.reddit:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_reddit-white.svg)
}

.social-share.facebook,.social-share.reddit,.social-share.twitter{
background-color:#666
}

.social-share:before{
content:"";
width:15px;
height:15px;
margin-right:5px
}

.social-share:hover.reddit{
background-color:#FF4500
}

.social-share:hover.facebook{
background-color:#3853A4
}

.social-share:hover.twitter{
background-color:#2DAAE1
}

.horizontal-nav ul{
padding-left:0
}

.horizontal-nav li{
display:inline-block
}

.grid{
margin:-10px
}

.grid.gutter-0{
margin:0
}

.grid.gutter-0 .col-1{
width:calc(8.33333% - 0px)
}

.grid.gutter-0 .col-2{
width:calc(16.66667% - 0px)
}

.grid.gutter-0 .col-3{
width:calc(25% - 0px)
}

.grid.gutter-0 .col-4{
width:calc(33.33333% - 0px)
}

.grid.gutter-0 .col-5{
width:calc(41.66667% - 0px)
}

.grid.gutter-0 .col-6{
width:calc(50% - 0px)
}

.grid.gutter-0 .col-7{
width:calc(58.33333% - 0px)
}

.grid.gutter-0 .col-8{
width:calc(66.66667% - 0px)
}

.grid.gutter-0 .col-9{
width:calc(75% - 0px)
}

.grid.gutter-0 .col-10{
width:calc(83.33333% - 0px)
}

.grid.gutter-0 .col-11{
width:calc(91.66667% - 0px)
}

.grid.gutter-0 .col-12{
width:calc(100% - 0px)
}

@media (min-width:0){
.grid.gutter-0 .col-1-xs{
width:calc(8.33333% - 0px)
}

.grid.gutter-0 .col-2-xs{
width:calc(16.66667% - 0px)
}

.grid.gutter-0 .col-3-xs{
width:calc(25% - 0px)
}

.grid.gutter-0 .col-4-xs{
width:calc(33.33333% - 0px)
}

.grid.gutter-0 .col-5-xs{
width:calc(41.66667% - 0px)
}

.grid.gutter-0 .col-6-xs{
width:calc(50% - 0px)
}

.grid.gutter-0 .col-7-xs{
width:calc(58.33333% - 0px)
}

.grid.gutter-0 .col-8-xs{
width:calc(66.66667% - 0px)
}

.grid.gutter-0 .col-9-xs{
width:calc(75% - 0px)
}

.grid.gutter-0 .col-10-xs{
width:calc(83.33333% - 0px)
}

.grid.gutter-0 .col-11-xs{
width:calc(91.66667% - 0px)
}

.grid.gutter-0 .col-12-xs{
width:calc(100% - 0px)
}


}

@media (min-width:640px){
.grid.gutter-0 .col-1-s{
width:calc(8.33333% - 0px)
}

.grid.gutter-0 .col-2-s{
width:calc(16.66667% - 0px)
}

.grid.gutter-0 .col-3-s{
width:calc(25% - 0px)
}

.grid.gutter-0 .col-4-s{
width:calc(33.33333% - 0px)
}

.grid.gutter-0 .col-5-s{
width:calc(41.66667% - 0px)
}

.grid.gutter-0 .col-6-s{
width:calc(50% - 0px)
}

.grid.gutter-0 .col-7-s{
width:calc(58.33333% - 0px)
}

.grid.gutter-0 .col-8-s{
width:calc(66.66667% - 0px)
}

.grid.gutter-0 .col-9-s{
width:calc(75% - 0px)
}

.grid.gutter-0 .col-10-s{
width:calc(83.33333% - 0px)
}

.grid.gutter-0 .col-11-s{
width:calc(91.66667% - 0px)
}

.grid.gutter-0 .col-12-s{
width:calc(100% - 0px)
}


}

@media (min-width:1024px){
.grid.gutter-0 .col-1-m{
width:calc(8.33333% - 0px)
}

.grid.gutter-0 .col-2-m{
width:calc(16.66667% - 0px)
}

.grid.gutter-0 .col-3-m{
width:calc(25% - 0px)
}

.grid.gutter-0 .col-4-m{
width:calc(33.33333% - 0px)
}

.grid.gutter-0 .col-5-m{
width:calc(41.66667% - 0px)
}

.grid.gutter-0 .col-6-m{
width:calc(50% - 0px)
}

.grid.gutter-0 .col-7-m{
width:calc(58.33333% - 0px)
}

.grid.gutter-0 .col-8-m{
width:calc(66.66667% - 0px)
}

.grid.gutter-0 .col-9-m{
width:calc(75% - 0px)
}

.grid.gutter-0 .col-10-m{
width:calc(83.33333% - 0px)
}

.grid.gutter-0 .col-11-m{
width:calc(91.66667% - 0px)
}

.grid.gutter-0 .col-12-m{
width:calc(100% - 0px)
}


}

@media (min-width:1320px){
.grid.gutter-0 .col-1-l{
width:calc(8.33333% - 0px)
}

.grid.gutter-0 .col-2-l{
width:calc(16.66667% - 0px)
}

.grid.gutter-0 .col-3-l{
width:calc(25% - 0px)
}

.grid.gutter-0 .col-4-l{
width:calc(33.33333% - 0px)
}

.grid.gutter-0 .col-5-l{
width:calc(41.66667% - 0px)
}

.grid.gutter-0 .col-6-l{
width:calc(50% - 0px)
}

.grid.gutter-0 .col-7-l{
width:calc(58.33333% - 0px)
}

.grid.gutter-0 .col-8-l{
width:calc(66.66667% - 0px)
}

.grid.gutter-0 .col-9-l{
width:calc(75% - 0px)
}

.grid.gutter-0 .col-10-l{
width:calc(83.33333% - 0px)
}

.grid.gutter-0 .col-11-l{
width:calc(91.66667% - 0px)
}

.grid.gutter-0 .col-12-l{
width:calc(100% - 0px)
}


}

.grid.gutter-0>[class*=col]{
display:inline-block;
margin:0;
box-sizing:border-box;
vertical-align:middle;
position:relative
}

.grid.gutter-0.vertical-align-top{
margin:0
}

.grid.gutter-0.vertical-align-top .col-1{
width:calc(8.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-2{
width:calc(16.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-3{
width:calc(25% - 0px)
}

.grid.gutter-0.vertical-align-top .col-4{
width:calc(33.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-5{
width:calc(41.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-6{
width:calc(50% - 0px)
}

.grid.gutter-0.vertical-align-top .col-7{
width:calc(58.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-8{
width:calc(66.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-9{
width:calc(75% - 0px)
}

.grid.gutter-0.vertical-align-top .col-10{
width:calc(83.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-11{
width:calc(91.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-12{
width:calc(100% - 0px)
}

@media (min-width:0){
.grid.gutter-0.vertical-align-top .col-1-xs{
width:calc(8.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-2-xs{
width:calc(16.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-3-xs{
width:calc(25% - 0px)
}

.grid.gutter-0.vertical-align-top .col-4-xs{
width:calc(33.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-5-xs{
width:calc(41.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-6-xs{
width:calc(50% - 0px)
}

.grid.gutter-0.vertical-align-top .col-7-xs{
width:calc(58.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-8-xs{
width:calc(66.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-9-xs{
width:calc(75% - 0px)
}

.grid.gutter-0.vertical-align-top .col-10-xs{
width:calc(83.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-11-xs{
width:calc(91.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-12-xs{
width:calc(100% - 0px)
}


}

@media (min-width:640px){
.grid.gutter-0.vertical-align-top .col-1-s{
width:calc(8.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-2-s{
width:calc(16.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-3-s{
width:calc(25% - 0px)
}

.grid.gutter-0.vertical-align-top .col-4-s{
width:calc(33.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-5-s{
width:calc(41.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-6-s{
width:calc(50% - 0px)
}

.grid.gutter-0.vertical-align-top .col-7-s{
width:calc(58.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-8-s{
width:calc(66.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-9-s{
width:calc(75% - 0px)
}

.grid.gutter-0.vertical-align-top .col-10-s{
width:calc(83.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-11-s{
width:calc(91.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-12-s{
width:calc(100% - 0px)
}


}

@media (min-width:1024px){
.grid.gutter-0.vertical-align-top .col-1-m{
width:calc(8.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-2-m{
width:calc(16.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-3-m{
width:calc(25% - 0px)
}

.grid.gutter-0.vertical-align-top .col-4-m{
width:calc(33.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-5-m{
width:calc(41.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-6-m{
width:calc(50% - 0px)
}

.grid.gutter-0.vertical-align-top .col-7-m{
width:calc(58.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-8-m{
width:calc(66.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-9-m{
width:calc(75% - 0px)
}

.grid.gutter-0.vertical-align-top .col-10-m{
width:calc(83.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-11-m{
width:calc(91.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-12-m{
width:calc(100% - 0px)
}


}

@media (min-width:1320px){
.grid.gutter-0.vertical-align-top .col-1-l{
width:calc(8.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-2-l{
width:calc(16.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-3-l{
width:calc(25% - 0px)
}

.grid.gutter-0.vertical-align-top .col-4-l{
width:calc(33.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-5-l{
width:calc(41.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-6-l{
width:calc(50% - 0px)
}

.grid.gutter-0.vertical-align-top .col-7-l{
width:calc(58.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-8-l{
width:calc(66.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-9-l{
width:calc(75% - 0px)
}

.grid.gutter-0.vertical-align-top .col-10-l{
width:calc(83.33333% - 0px)
}

.grid.gutter-0.vertical-align-top .col-11-l{
width:calc(91.66667% - 0px)
}

.grid.gutter-0.vertical-align-top .col-12-l{
width:calc(100% - 0px)
}


}

.grid.gutter-0.vertical-align-top>[class*=col]{
display:inline-block;
margin:0;
box-sizing:border-box;
vertical-align:top;
position:relative
}

.grid.cols-15{
margin:-10px
}

.grid.cols-15.gutter-0{
margin:0
}

.grid.cols-15.gutter-0 .col-1{
width:calc(8.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-2{
width:calc(16.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-3{
width:calc(25% - 0px)
}

.grid.cols-15.gutter-0 .col-4{
width:calc(33.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-5{
width:calc(41.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-6{
width:calc(50% - 0px)
}

.grid.cols-15.gutter-0 .col-7{
width:calc(58.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-8{
width:calc(66.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-9{
width:calc(75% - 0px)
}

.grid.cols-15.gutter-0 .col-10{
width:calc(83.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-11{
width:calc(91.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-12{
width:calc(100% - 0px)
}

@media (min-width:0){
.grid.cols-15.gutter-0 .col-1-xs{
width:calc(8.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-2-xs{
width:calc(16.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-3-xs{
width:calc(25% - 0px)
}

.grid.cols-15.gutter-0 .col-4-xs{
width:calc(33.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-5-xs{
width:calc(41.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-6-xs{
width:calc(50% - 0px)
}

.grid.cols-15.gutter-0 .col-7-xs{
width:calc(58.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-8-xs{
width:calc(66.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-9-xs{
width:calc(75% - 0px)
}

.grid.cols-15.gutter-0 .col-10-xs{
width:calc(83.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-11-xs{
width:calc(91.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-12-xs{
width:calc(100% - 0px)
}


}

@media (min-width:640px){
.grid.cols-15.gutter-0 .col-1-s{
width:calc(8.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-2-s{
width:calc(16.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-3-s{
width:calc(25% - 0px)
}

.grid.cols-15.gutter-0 .col-4-s{
width:calc(33.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-5-s{
width:calc(41.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-6-s{
width:calc(50% - 0px)
}

.grid.cols-15.gutter-0 .col-7-s{
width:calc(58.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-8-s{
width:calc(66.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-9-s{
width:calc(75% - 0px)
}

.grid.cols-15.gutter-0 .col-10-s{
width:calc(83.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-11-s{
width:calc(91.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-12-s{
width:calc(100% - 0px)
}


}

@media (min-width:1024px){
.grid.cols-15.gutter-0 .col-1-m{
width:calc(8.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-2-m{
width:calc(16.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-3-m{
width:calc(25% - 0px)
}

.grid.cols-15.gutter-0 .col-4-m{
width:calc(33.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-5-m{
width:calc(41.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-6-m{
width:calc(50% - 0px)
}

.grid.cols-15.gutter-0 .col-7-m{
width:calc(58.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-8-m{
width:calc(66.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-9-m{
width:calc(75% - 0px)
}

.grid.cols-15.gutter-0 .col-10-m{
width:calc(83.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-11-m{
width:calc(91.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-12-m{
width:calc(100% - 0px)
}


}

@media (min-width:1320px){
.grid.cols-15.gutter-0 .col-1-l{
width:calc(8.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-2-l{
width:calc(16.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-3-l{
width:calc(25% - 0px)
}

.grid.cols-15.gutter-0 .col-4-l{
width:calc(33.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-5-l{
width:calc(41.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-6-l{
width:calc(50% - 0px)
}

.grid.cols-15.gutter-0 .col-7-l{
width:calc(58.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-8-l{
width:calc(66.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-9-l{
width:calc(75% - 0px)
}

.grid.cols-15.gutter-0 .col-10-l{
width:calc(83.33333% - 0px)
}

.grid.cols-15.gutter-0 .col-11-l{
width:calc(91.66667% - 0px)
}

.grid.cols-15.gutter-0 .col-12-l{
width:calc(100% - 0px)
}


}

.grid.cols-15.gutter-0>[class*=col]{
display:inline-block;
margin:0;
box-sizing:border-box;
vertical-align:middle;
position:relative
}

.grid.cols-15.gutter-0.vertical-align-top{
margin:0
}

.grid.cols-15.gutter-0.vertical-align-top .col-1{
width:calc(8.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-2{
width:calc(16.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-3{
width:calc(25% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-4{
width:calc(33.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-5{
width:calc(41.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-6{
width:calc(50% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-7{
width:calc(58.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-8{
width:calc(66.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-9{
width:calc(75% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-10{
width:calc(83.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-11{
width:calc(91.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-12{
width:calc(100% - 0px)
}

@media (min-width:0){
.grid.cols-15.gutter-0.vertical-align-top .col-1-xs{
width:calc(8.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-2-xs{
width:calc(16.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-3-xs{
width:calc(25% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-4-xs{
width:calc(33.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-5-xs{
width:calc(41.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-6-xs{
width:calc(50% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-7-xs{
width:calc(58.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-8-xs{
width:calc(66.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-9-xs{
width:calc(75% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-10-xs{
width:calc(83.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-11-xs{
width:calc(91.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-12-xs{
width:calc(100% - 0px)
}


}

@media (min-width:640px){
.grid.cols-15.gutter-0.vertical-align-top .col-1-s{
width:calc(8.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-2-s{
width:calc(16.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-3-s{
width:calc(25% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-4-s{
width:calc(33.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-5-s{
width:calc(41.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-6-s{
width:calc(50% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-7-s{
width:calc(58.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-8-s{
width:calc(66.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-9-s{
width:calc(75% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-10-s{
width:calc(83.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-11-s{
width:calc(91.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-12-s{
width:calc(100% - 0px)
}


}

@media (min-width:1024px){
.grid.cols-15.gutter-0.vertical-align-top .col-1-m{
width:calc(8.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-2-m{
width:calc(16.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-3-m{
width:calc(25% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-4-m{
width:calc(33.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-5-m{
width:calc(41.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-6-m{
width:calc(50% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-7-m{
width:calc(58.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-8-m{
width:calc(66.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-9-m{
width:calc(75% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-10-m{
width:calc(83.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-11-m{
width:calc(91.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-12-m{
width:calc(100% - 0px)
}


}

@media (min-width:1320px){
.grid.cols-15.gutter-0.vertical-align-top .col-1-l{
width:calc(8.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-2-l{
width:calc(16.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-3-l{
width:calc(25% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-4-l{
width:calc(33.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-5-l{
width:calc(41.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-6-l{
width:calc(50% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-7-l{
width:calc(58.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-8-l{
width:calc(66.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-9-l{
width:calc(75% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-10-l{
width:calc(83.33333% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-11-l{
width:calc(91.66667% - 0px)
}

.grid.cols-15.gutter-0.vertical-align-top .col-12-l{
width:calc(100% - 0px)
}


}

.grid.cols-15.gutter-0.vertical-align-top>[class*=col]{
display:inline-block;
margin:0;
box-sizing:border-box;
vertical-align:top;
position:relative
}

.grid.cols-15 .col-1{
width:calc(6.66667% - 20px)
}

.grid.cols-15 .col-2{
width:calc(13.33333% - 20px)
}

.grid.cols-15 .col-3{
width:calc(20% - 20px)
}

.grid.cols-15 .col-4{
width:calc(26.66667% - 20px)
}

.grid.cols-15 .col-5{
width:calc(33.33333% - 20px)
}

.grid.cols-15 .col-6{
width:calc(40% - 20px)
}

.grid.cols-15 .col-7{
width:calc(46.66667% - 20px)
}

.grid.cols-15 .col-8{
width:calc(53.33333% - 20px)
}

.grid.cols-15 .col-9{
width:calc(60% - 20px)
}

.grid.cols-15 .col-10{
width:calc(66.66667% - 20px)
}

.grid.cols-15 .col-11{
width:calc(73.33333% - 20px)
}

.grid.cols-15 .col-12{
width:calc(80% - 20px)
}

.grid.cols-15 .col-13{
width:calc(86.66667% - 20px)
}

.grid.cols-15 .col-14{
width:calc(93.33333% - 20px)
}

.grid.cols-15 .col-15{
width:calc(100% - 20px)
}

@media (min-width:0){
.grid.cols-15 .col-1-xs{
width:calc(6.66667% - 20px)
}

.grid.cols-15 .col-2-xs{
width:calc(13.33333% - 20px)
}

.grid.cols-15 .col-3-xs{
width:calc(20% - 20px)
}

.grid.cols-15 .col-4-xs{
width:calc(26.66667% - 20px)
}

.grid.cols-15 .col-5-xs{
width:calc(33.33333% - 20px)
}

.grid.cols-15 .col-6-xs{
width:calc(40% - 20px)
}

.grid.cols-15 .col-7-xs{
width:calc(46.66667% - 20px)
}

.grid.cols-15 .col-8-xs{
width:calc(53.33333% - 20px)
}

.grid.cols-15 .col-9-xs{
width:calc(60% - 20px)
}

.grid.cols-15 .col-10-xs{
width:calc(66.66667% - 20px)
}

.grid.cols-15 .col-11-xs{
width:calc(73.33333% - 20px)
}

.grid.cols-15 .col-12-xs{
width:calc(80% - 20px)
}

.grid.cols-15 .col-13-xs{
width:calc(86.66667% - 20px)
}

.grid.cols-15 .col-14-xs{
width:calc(93.33333% - 20px)
}

.grid.cols-15 .col-15-xs{
width:calc(100% - 20px)
}


}

@media (min-width:640px){
.grid.cols-15 .col-1-s{
width:calc(6.66667% - 20px)
}

.grid.cols-15 .col-2-s{
width:calc(13.33333% - 20px)
}

.grid.cols-15 .col-3-s{
width:calc(20% - 20px)
}

.grid.cols-15 .col-4-s{
width:calc(26.66667% - 20px)
}

.grid.cols-15 .col-5-s{
width:calc(33.33333% - 20px)
}

.grid.cols-15 .col-6-s{
width:calc(40% - 20px)
}

.grid.cols-15 .col-7-s{
width:calc(46.66667% - 20px)
}

.grid.cols-15 .col-8-s{
width:calc(53.33333% - 20px)
}

.grid.cols-15 .col-9-s{
width:calc(60% - 20px)
}

.grid.cols-15 .col-10-s{
width:calc(66.66667% - 20px)
}

.grid.cols-15 .col-11-s{
width:calc(73.33333% - 20px)
}

.grid.cols-15 .col-12-s{
width:calc(80% - 20px)
}

.grid.cols-15 .col-13-s{
width:calc(86.66667% - 20px)
}

.grid.cols-15 .col-14-s{
width:calc(93.33333% - 20px)
}

.grid.cols-15 .col-15-s{
width:calc(100% - 20px)
}


}

@media (min-width:1024px){
.grid.cols-15 .col-1-m{
width:calc(6.66667% - 20px)
}

.grid.cols-15 .col-2-m{
width:calc(13.33333% - 20px)
}

.grid.cols-15 .col-3-m{
width:calc(20% - 20px)
}

.grid.cols-15 .col-4-m{
width:calc(26.66667% - 20px)
}

.grid.cols-15 .col-5-m{
width:calc(33.33333% - 20px)
}

.grid.cols-15 .col-6-m{
width:calc(40% - 20px)
}

.grid.cols-15 .col-7-m{
width:calc(46.66667% - 20px)
}

.grid.cols-15 .col-8-m{
width:calc(53.33333% - 20px)
}

.grid.cols-15 .col-9-m{
width:calc(60% - 20px)
}

.grid.cols-15 .col-10-m{
width:calc(66.66667% - 20px)
}

.grid.cols-15 .col-11-m{
width:calc(73.33333% - 20px)
}

.grid.cols-15 .col-12-m{
width:calc(80% - 20px)
}

.grid.cols-15 .col-13-m{
width:calc(86.66667% - 20px)
}

.grid.cols-15 .col-14-m{
width:calc(93.33333% - 20px)
}

.grid.cols-15 .col-15-m{
width:calc(100% - 20px)
}


}

@media (min-width:1320px){
.grid.cols-15 .col-1-l{
width:calc(6.66667% - 20px)
}

.grid.cols-15 .col-2-l{
width:calc(13.33333% - 20px)
}

.grid.cols-15 .col-3-l{
width:calc(20% - 20px)
}

.grid.cols-15 .col-4-l{
width:calc(26.66667% - 20px)
}

.grid.cols-15 .col-5-l{
width:calc(33.33333% - 20px)
}

.grid.cols-15 .col-6-l{
width:calc(40% - 20px)
}

.grid.cols-15 .col-7-l{
width:calc(46.66667% - 20px)
}

.grid.cols-15 .col-8-l{
width:calc(53.33333% - 20px)
}

.grid.cols-15 .col-9-l{
width:calc(60% - 20px)
}

.grid.cols-15 .col-10-l{
width:calc(66.66667% - 20px)
}

.grid.cols-15 .col-11-l{
width:calc(73.33333% - 20px)
}

.grid.cols-15 .col-12-l{
width:calc(80% - 20px)
}

.grid.cols-15 .col-13-l{
width:calc(86.66667% - 20px)
}

.grid.cols-15 .col-14-l{
width:calc(93.33333% - 20px)
}

.grid.cols-15 .col-15-l{
width:calc(100% - 20px)
}


}

.grid.cols-15>[class*=col]{
display:inline-block;
margin:10px;
box-sizing:border-box;
vertical-align:top;
position:relative
}

.grid .col-1{
width:calc(8.33333% - 20px)
}

.grid .col-2{
width:calc(16.66667% - 20px)
}

.grid .col-3{
width:calc(25% - 20px)
}

.grid .col-4{
width:calc(33.33333% - 20px)
}

.grid .col-5{
width:calc(41.66667% - 20px)
}

.grid .col-6{
width:calc(50% - 20px)
}

.grid .col-7{
width:calc(58.33333% - 20px)
}

.grid .col-8{
width:calc(66.66667% - 20px)
}

.grid .col-9{
width:calc(75% - 20px)
}

.grid .col-10{
width:calc(83.33333% - 20px)
}

.grid .col-11{
width:calc(91.66667% - 20px)
}

.grid .col-12{
width:calc(100% - 20px)
}

@media (min-width:0){
.grid .col-1-xs{
width:calc(8.33333% - 20px)
}

.grid .col-2-xs{
width:calc(16.66667% - 20px)
}

.grid .col-3-xs{
width:calc(25% - 20px)
}

.grid .col-4-xs{
width:calc(33.33333% - 20px)
}

.grid .col-5-xs{
width:calc(41.66667% - 20px)
}

.grid .col-6-xs{
width:calc(50% - 20px)
}

.grid .col-7-xs{
width:calc(58.33333% - 20px)
}

.grid .col-8-xs{
width:calc(66.66667% - 20px)
}

.grid .col-9-xs{
width:calc(75% - 20px)
}

.grid .col-10-xs{
width:calc(83.33333% - 20px)
}

.grid .col-11-xs{
width:calc(91.66667% - 20px)
}

.grid .col-12-xs{
width:calc(100% - 20px)
}


}

@media (min-width:640px){
.grid .col-1-s{
width:calc(8.33333% - 20px)
}

.grid .col-2-s{
width:calc(16.66667% - 20px)
}

.grid .col-3-s{
width:calc(25% - 20px)
}

.grid .col-4-s{
width:calc(33.33333% - 20px)
}

.grid .col-5-s{
width:calc(41.66667% - 20px)
}

.grid .col-6-s{
width:calc(50% - 20px)
}

.grid .col-7-s{
width:calc(58.33333% - 20px)
}

.grid .col-8-s{
width:calc(66.66667% - 20px)
}

.grid .col-9-s{
width:calc(75% - 20px)
}

.grid .col-10-s{
width:calc(83.33333% - 20px)
}

.grid .col-11-s{
width:calc(91.66667% - 20px)
}

.grid .col-12-s{
width:calc(100% - 20px)
}


}

@media (min-width:1024px){
.grid .col-1-m{
width:calc(8.33333% - 20px)
}

.grid .col-2-m{
width:calc(16.66667% - 20px)
}

.grid .col-3-m{
width:calc(25% - 20px)
}

.grid .col-4-m{
width:calc(33.33333% - 20px)
}

.grid .col-5-m{
width:calc(41.66667% - 20px)
}

.grid .col-6-m{
width:calc(50% - 20px)
}

.grid .col-7-m{
width:calc(58.33333% - 20px)
}

.grid .col-8-m{
width:calc(66.66667% - 20px)
}

.grid .col-9-m{
width:calc(75% - 20px)
}

.grid .col-10-m{
width:calc(83.33333% - 20px)
}

.grid .col-11-m{
width:calc(91.66667% - 20px)
}

.grid .col-12-m{
width:calc(100% - 20px)
}


}

@media (min-width:1320px){
.grid .col-1-l{
width:calc(8.33333% - 20px)
}

.grid .col-2-l{
width:calc(16.66667% - 20px)
}

.grid .col-3-l{
width:calc(25% - 20px)
}

.grid .col-4-l{
width:calc(33.33333% - 20px)
}

.grid .col-5-l{
width:calc(41.66667% - 20px)
}

.grid .col-6-l{
width:calc(50% - 20px)
}

.grid .col-7-l{
width:calc(58.33333% - 20px)
}

.grid .col-8-l{
width:calc(66.66667% - 20px)
}

.grid .col-9-l{
width:calc(75% - 20px)
}

.grid .col-10-l{
width:calc(83.33333% - 20px)
}

.grid .col-11-l{
width:calc(91.66667% - 20px)
}

.grid .col-12-l{
width:calc(100% - 20px)
}


}

.grid>[class*=col]{
display:inline-block;
margin:10px;
box-sizing:border-box;
vertical-align:middle;
position:relative
}

.grid.vertical-align-top{
margin:-10px
}

.grid.vertical-align-top .col-1{
width:calc(8.33333% - 20px)
}

.grid.vertical-align-top .col-2{
width:calc(16.66667% - 20px)
}

.grid.vertical-align-top .col-3{
width:calc(25% - 20px)
}

.grid.vertical-align-top .col-4{
width:calc(33.33333% - 20px)
}

.grid.vertical-align-top .col-5{
width:calc(41.66667% - 20px)
}

.grid.vertical-align-top .col-6{
width:calc(50% - 20px)
}

.grid.vertical-align-top .col-7{
width:calc(58.33333% - 20px)
}

.grid.vertical-align-top .col-8{
width:calc(66.66667% - 20px)
}

.grid.vertical-align-top .col-9{
width:calc(75% - 20px)
}

.grid.vertical-align-top .col-10{
width:calc(83.33333% - 20px)
}

.grid.vertical-align-top .col-11{
width:calc(91.66667% - 20px)
}

.grid.vertical-align-top .col-12{
width:calc(100% - 20px)
}

@media (min-width:0){
.grid.vertical-align-top .col-1-xs{
width:calc(8.33333% - 20px)
}

.grid.vertical-align-top .col-2-xs{
width:calc(16.66667% - 20px)
}

.grid.vertical-align-top .col-3-xs{
width:calc(25% - 20px)
}

.grid.vertical-align-top .col-4-xs{
width:calc(33.33333% - 20px)
}

.grid.vertical-align-top .col-5-xs{
width:calc(41.66667% - 20px)
}

.grid.vertical-align-top .col-6-xs{
width:calc(50% - 20px)
}

.grid.vertical-align-top .col-7-xs{
width:calc(58.33333% - 20px)
}

.grid.vertical-align-top .col-8-xs{
width:calc(66.66667% - 20px)
}

.grid.vertical-align-top .col-9-xs{
width:calc(75% - 20px)
}

.grid.vertical-align-top .col-10-xs{
width:calc(83.33333% - 20px)
}

.grid.vertical-align-top .col-11-xs{
width:calc(91.66667% - 20px)
}

.grid.vertical-align-top .col-12-xs{
width:calc(100% - 20px)
}


}

@media (min-width:640px){
.grid.vertical-align-top .col-1-s{
width:calc(8.33333% - 20px)
}

.grid.vertical-align-top .col-2-s{
width:calc(16.66667% - 20px)
}

.grid.vertical-align-top .col-3-s{
width:calc(25% - 20px)
}

.grid.vertical-align-top .col-4-s{
width:calc(33.33333% - 20px)
}

.grid.vertical-align-top .col-5-s{
width:calc(41.66667% - 20px)
}

.grid.vertical-align-top .col-6-s{
width:calc(50% - 20px)
}

.grid.vertical-align-top .col-7-s{
width:calc(58.33333% - 20px)
}

.grid.vertical-align-top .col-8-s{
width:calc(66.66667% - 20px)
}

.grid.vertical-align-top .col-9-s{
width:calc(75% - 20px)
}

.grid.vertical-align-top .col-10-s{
width:calc(83.33333% - 20px)
}

.grid.vertical-align-top .col-11-s{
width:calc(91.66667% - 20px)
}

.grid.vertical-align-top .col-12-s{
width:calc(100% - 20px)
}


}

@media (min-width:1024px){
.grid.vertical-align-top .col-1-m{
width:calc(8.33333% - 20px)
}

.grid.vertical-align-top .col-2-m{
width:calc(16.66667% - 20px)
}

.grid.vertical-align-top .col-3-m{
width:calc(25% - 20px)
}

.grid.vertical-align-top .col-4-m{
width:calc(33.33333% - 20px)
}

.grid.vertical-align-top .col-5-m{
width:calc(41.66667% - 20px)
}

.grid.vertical-align-top .col-6-m{
width:calc(50% - 20px)
}

.grid.vertical-align-top .col-7-m{
width:calc(58.33333% - 20px)
}

.grid.vertical-align-top .col-8-m{
width:calc(66.66667% - 20px)
}

.grid.vertical-align-top .col-9-m{
width:calc(75% - 20px)
}

.grid.vertical-align-top .col-10-m{
width:calc(83.33333% - 20px)
}

.grid.vertical-align-top .col-11-m{
width:calc(91.66667% - 20px)
}

.grid.vertical-align-top .col-12-m{
width:calc(100% - 20px)
}


}

@media (min-width:1320px){
.grid.vertical-align-top .col-1-l{
width:calc(8.33333% - 20px)
}

.grid.vertical-align-top .col-2-l{
width:calc(16.66667% - 20px)
}

.grid.vertical-align-top .col-3-l{
width:calc(25% - 20px)
}

.grid.vertical-align-top .col-4-l{
width:calc(33.33333% - 20px)
}

.grid.vertical-align-top .col-5-l{
width:calc(41.66667% - 20px)
}

.grid.vertical-align-top .col-6-l{
width:calc(50% - 20px)
}

.grid.vertical-align-top .col-7-l{
width:calc(58.33333% - 20px)
}

.grid.vertical-align-top .col-8-l{
width:calc(66.66667% - 20px)
}

.grid.vertical-align-top .col-9-l{
width:calc(75% - 20px)
}

.grid.vertical-align-top .col-10-l{
width:calc(83.33333% - 20px)
}

.grid.vertical-align-top .col-11-l{
width:calc(91.66667% - 20px)
}

.grid.vertical-align-top .col-12-l{
width:calc(100% - 20px)
}


}

.grid.vertical-align-top>[class*=col]{
display:inline-block;
margin:10px;
box-sizing:border-box;
vertical-align:top;
position:relative
}

.character-grid{
margin:-12.5px
}

.character-grid .col-1{
width:calc(8.33333% - 25px)
}

.character-grid .col-2{
width:calc(16.66667% - 25px)
}

.character-grid .col-3{
width:calc(25% - 25px)
}

.character-grid .col-4{
width:calc(33.33333% - 25px)
}

.character-grid .col-5{
width:calc(41.66667% - 25px)
}

.character-grid .col-6{
width:calc(50% - 25px)
}

.character-grid .col-7{
width:calc(58.33333% - 25px)
}

.character-grid .col-8{
width:calc(66.66667% - 25px)
}

.character-grid .col-9{
width:calc(75% - 25px)
}

.character-grid .col-10{
width:calc(83.33333% - 25px)
}

.character-grid .col-11{
width:calc(91.66667% - 25px)
}

.character-grid .col-12{
width:calc(100% - 25px)
}

@media (min-width:0){
.character-grid .col-1-xs{
width:calc(8.33333% - 25px)
}

.character-grid .col-2-xs{
width:calc(16.66667% - 25px)
}

.character-grid .col-3-xs{
width:calc(25% - 25px)
}

.character-grid .col-4-xs{
width:calc(33.33333% - 25px)
}

.character-grid .col-5-xs{
width:calc(41.66667% - 25px)
}

.character-grid .col-6-xs{
width:calc(50% - 25px)
}

.character-grid .col-7-xs{
width:calc(58.33333% - 25px)
}

.character-grid .col-8-xs{
width:calc(66.66667% - 25px)
}

.character-grid .col-9-xs{
width:calc(75% - 25px)
}

.character-grid .col-10-xs{
width:calc(83.33333% - 25px)
}

.character-grid .col-11-xs{
width:calc(91.66667% - 25px)
}

.character-grid .col-12-xs{
width:calc(100% - 25px)
}


}

@media (min-width:640px){
.character-grid .col-1-s{
width:calc(8.33333% - 25px)
}

.character-grid .col-2-s{
width:calc(16.66667% - 25px)
}

.character-grid .col-3-s{
width:calc(25% - 25px)
}

.character-grid .col-4-s{
width:calc(33.33333% - 25px)
}

.character-grid .col-5-s{
width:calc(41.66667% - 25px)
}

.character-grid .col-6-s{
width:calc(50% - 25px)
}

.character-grid .col-7-s{
width:calc(58.33333% - 25px)
}

.character-grid .col-8-s{
width:calc(66.66667% - 25px)
}

.character-grid .col-9-s{
width:calc(75% - 25px)
}

.character-grid .col-10-s{
width:calc(83.33333% - 25px)
}

.character-grid .col-11-s{
width:calc(91.66667% - 25px)
}

.character-grid .col-12-s{
width:calc(100% - 25px)
}


}

@media (min-width:1024px){
.character-grid .col-1-m{
width:calc(8.33333% - 25px)
}

.character-grid .col-2-m{
width:calc(16.66667% - 25px)
}

.character-grid .col-3-m{
width:calc(25% - 25px)
}

.character-grid .col-4-m{
width:calc(33.33333% - 25px)
}

.character-grid .col-5-m{
width:calc(41.66667% - 25px)
}

.character-grid .col-6-m{
width:calc(50% - 25px)
}

.character-grid .col-7-m{
width:calc(58.33333% - 25px)
}

.character-grid .col-8-m{
width:calc(66.66667% - 25px)
}

.character-grid .col-9-m{
width:calc(75% - 25px)
}

.character-grid .col-10-m{
width:calc(83.33333% - 25px)
}

.character-grid .col-11-m{
width:calc(91.66667% - 25px)
}

.character-grid .col-12-m{
width:calc(100% - 25px)
}


}

@media (min-width:1320px){
.character-grid .col-1-l{
width:calc(8.33333% - 25px)
}

.character-grid .col-2-l{
width:calc(16.66667% - 25px)
}

.character-grid .col-3-l{
width:calc(25% - 25px)
}

.character-grid .col-4-l{
width:calc(33.33333% - 25px)
}

.character-grid .col-5-l{
width:calc(41.66667% - 25px)
}

.character-grid .col-6-l{
width:calc(50% - 25px)
}

.character-grid .col-7-l{
width:calc(58.33333% - 25px)
}

.character-grid .col-8-l{
width:calc(66.66667% - 25px)
}

.character-grid .col-9-l{
width:calc(75% - 25px)
}

.character-grid .col-10-l{
width:calc(83.33333% - 25px)
}

.character-grid .col-11-l{
width:calc(91.66667% - 25px)
}

.character-grid .col-12-l{
width:calc(100% - 25px)
}


}

.character-grid>[class*=col]{
display:inline-block;
margin:12.5px;
box-sizing:border-box;
vertical-align:middle;
position:relative
}

.pad{
padding:40px 20px 60px
}

@media only screen and (min-width:640px){
.pad{
padding:40px 10% 120px
}


}

.float-left{
float:left
}

.float-right{
float:right
}

.social-icon,.social-share.facebook:before,.social-share.reddit:before,.social-share.twitter:before{
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle;
position:relative
}

.social-icon:after{
content:"";
display:block;
padding-top:100%
}

.social-icon>*,.social-share.facebook:before>*,.social-share.reddit:before>*,.social-share.twitter:before>*{
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}

.social-icon.social-link,.social-link.social-share.facebook:before,.social-link.social-share.reddit:before,.social-link.social-share.twitter:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_social-turquoise.svg)
}

.social-icon.social-link:hover,.social-link.social-share.facebook:hover:before,.social-link.social-share.reddit:hover:before,.social-link.social-share.twitter:hover:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_social-white.svg)
}

.social-icon.steam,.steam.social-share.facebook:before,.steam.social-share.reddit:before,.steam.social-share.twitter:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_steam-turquoise.svg)
}

.social-icon.steam:hover,.steam.social-share.facebook:hover:before,.steam.social-share.reddit:hover:before,.steam.social-share.twitter:hover:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_steam-white.svg)
}

.fb.social-share.facebook:before,.fb.social-share.reddit:before,.fb.social-share.twitter:before,.social-icon.fb{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_facebook-turquoise.svg)
}

.fb.social-share.facebook:hover:before,.fb.social-share.reddit:hover:before,.fb.social-share.twitter:hover:before,.social-icon.fb:hover{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_facebook-white.svg)
}

.rd.social-share.facebook:before,.rd.social-share.reddit:before,.rd.social-share.twitter:before,.social-icon.rd{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_reddit-turquoise.svg)
}

.rd.social-share.facebook:hover:before,.rd.social-share.reddit:hover:before,.rd.social-share.twitter:hover:before,.social-icon.rd:hover{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_reddit-white.svg)
}

.social-icon.tw,.tw.social-share.facebook:before,.tw.social-share.reddit:before,.tw.social-share.twitter:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_twitter-turquoise.svg)
}

.social-icon.tw:hover,.tw.social-share.facebook:hover:before,.tw.social-share.reddit:hover:before,.tw.social-share.twitter:hover:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_twitter-white.svg)
}

.social-icon.yt,.yt.social-share.facebook:before,.yt.social-share.reddit:before,.yt.social-share.twitter:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_youtube-turquoise.svg)
}

.social-icon.yt:hover,.yt.social-share.facebook:hover:before,.yt.social-share.reddit:hover:before,.yt.social-share.twitter:hover:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_youtube-white.svg)
}

.social-icon.twok,.twok.social-share.facebook:before,.twok.social-share.reddit:before,.twok.social-share.twitter:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_2k-turquoise.svg)
}

.social-icon.twok:hover,.twok.social-share.facebook:hover:before,.twok.social-share.reddit:hover:before,.twok.social-share.twitter:hover:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/social/icon_2k-white.svg)
}

.hamburger{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
position:relative;
cursor:pointer;
display:inline-block;
width:35px;
height:5px;
background-clip:content-box;
box-sizing:content-box;
padding:10px 0;
background-color:#13d0ca;
-webkit-transition:.1s background-color ease-in-out;
transition:.1s background-color ease-in-out
}

.hamburger.active{
background-color:transparent
}

.hamburger.active:before{
-webkit-transform:rotate(55deg);
-ms-transform:rotate(55deg);
transform:rotate(55deg);
top:50%;
margin-top:-2.5px
}

.hamburger.active:after{
-webkit-transform:rotate(-55deg);
-ms-transform:rotate(-55deg);
transform:rotate(-55deg);
bottom:50%;
margin-bottom:-2.5px
}

.hamburger:after,.hamburger:before{
border-radius:1px;
height:5px;
width:35px;
background-color:#13d0ca;
position:absolute;
display:block;
content:'';
-webkit-transition:all .1s ease-in-out;
transition:all .1s ease-in-out
}

.box,.fob{
position:relative
}

.hamburger:before{
top:0
}

.hamburger:after{
bottom:0
}

.has-caret.active:after{
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0)
}

.has-caret:hover:after{
border-color:#fff transparent transparent
}

.has-caret:after{
content:'';
vertical-align:middle;
margin-bottom:4px;
width:0;
height:0;
border-style:solid;
border-width:8px 4px 0;
border-color:#13d0ca transparent transparent;
display:inline-block;
margin-left:12px;
-webkit-transition:-webkit-transform .35s;
transition:transform .35s;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg)
}

.dark{
background-color:#000
}

.content-block{
border-top:1px solid transparent
}

.content-block>*{
max-width:1400px;
margin:0 auto
}

.content-block:last-child.dark{
border-bottom:1px solid transparent;
margin-bottom:30px
}

.content-block:not(.dark)+.content-block:not(.dark){
border-top:none;
margin-top:30px
}

.content-block.dark+.dark{
border-bottom:1px solid transparent;
margin-top:30px
}

.box{
border-width:1px;
background-color:transparent;
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice.png)
}

html.borderimage .box.emphasis,html.borderimage .box.turquoise{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise.png)
}

html.borderimage .box.emphasis.mirror,html.borderimage .box.turquoise.mirror{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise-mirror.png)
}

html.borderimage .box.mirror{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-mirror.png)
}

html.borderimage .box.emphasis{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise-mirror.png)
}

.box{
display:inline-block;
background-color:#000;
padding:0 15px;
z-index:0;
border-width:1px;
border-style:solid;
border-color:#135e5b
}

.box.emphasis{
background-color:#13d0ca;
border-color:#13d0ca
}

.box.emphasis,.box.emphasis a,.box.emphasis p,.box.emphasis span{
color:#000
}

.fob{
background-size:contain;
background-repeat:no-repeat
}

.fob:after{
content:"";
display:block;
padding-top:141.82692%
}

.fob>*{
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}

.icon.play,.xcom-gallery .mg-youtube-thumb .icon,.xcom-gallery .youtube-thumb .icon{
pointer-events:none;
cursor:pointer;
width:40%;
max-width:90px;
height:40%;
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/btn_play.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
background-color:transparent
}

.horizontal-nav .nav-height,#header-nav:after,#header-nav>ul>li{
line-height:30px;
height:30px;
}

.horizontal-nav li ul,.horizontal-nav:after{
background-color:#000;
border:1px solid #135e5b
}

.icon.play:before,.xcom-gallery .mg-youtube-thumb .icon:before,.xcom-gallery .youtube-thumb .icon:before{
content:none
}

.horizontal-nav li.games-menu>a:before,.horizontal-nav:after,#side-nav a:before,.header-divider:after,.team .units .unit:before,.team h3:before{
content:""
}

#header-nav{
padding-bottom:30px!important;
background-image:-webkit-linear-gradient(top,#000 0,#000 35%,transparent 100%);
background-image:linear-gradient(to bottom,#000 0,#000 35%,transparent 100%);
background-repeat:no-repeat;
display:none;
position:fixed;
top:0;
width:100%;
z-index:11
}

.horizontal-nav>:first-child{
margin-right:5px
}

.horizontal-nav>:last-child{
margin-left:5px
}

@media only screen and (min-width:640px){
nav li{
position:relative
}

nav li ul{
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
-webkit-transition:visibility 0s linear .25s,-webkit-transform .15s linear;
transition:visibility 0s linear .25s,transform .15s linear;
visibility:hidden;
position:absolute;
z-index:1
}

#header-nav,nav li ul li{
display:block
}

nav li:hover>ul{
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
transform:scaleX(1);
visibility:visible;
-webkit-transition-delay:0s;
transition-delay:0s
}


}

.horizontal-nav li,.horizontal-nav ul{
margin:0
}

.horizontal-nav>ul>*{
margin-right:5px;
vertical-align:middle
}

.horizontal-nav>ul>:last-child{
margin-right:0
}

.horizontal-nav ul ul{
padding:20px 0 10px;
border:1px solid #135e5b;
border-top:none
}

.horizontal-nav span{
font-size:1.1em
}

#header-nav .current-page-links{
display:none
}

#header-nav .logo-header{
min-width:150px
}

#header-nav .logo-header img{
width:auto;
padding:5px 0;
box-sizing:border-box
}

.horizontal-nav:after{
box-sizing:content-box;
overflow:hidden;
display:block
}

@media only screen and (min-width:1024px){
#header-nav .nav-height,#header-nav:after,#header-nav>ul>li{
line-height:30px;
height:30px
}


}

.horizontal-nav li a{
display:inline-block
}

.horizontal-nav li,.horizontal-navli a,.horizontal-nav li span{
vertical-align:middle
}

.horizontal-nav li ul{
border-top:none;
min-width:100%;
top:100%
}

.horizontal-nav li ul li{
padding:3px 18px
}

.horizontal-nav li.language-menu,#header-nav li.social-menu,#header-nav li.twok-menu{
padding:0 10px
}

#header-nav li.twok-menu div{
width:100%;
display:block
}

#header-nav li.twok-menu div .login-link{
line-height:32px;
vertical-align:middle
}

#header-nav li.games-menu{
min-width:180px
}

#header-nav li.games-menu>a{
margin-right:10px
}

#header-nav li.games-menu>a:before{
background:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/arrow_dropdown.png) center no-repeat;
margin-right:5px;
display:inline-block;
padding:10px
}

body.news,html.ios body{
background-attachment:scroll
}

body,body.news{
background-size:100%
}

#header-nav,#mobile-nav{
padding:8px 15px;
-webkit-transform:translateZ(0);
transform:translateZ(0);
background-color:transparent;
border-bottom:1px solid transparent;
box-sizing:border-box
}

#header-nav .social-icon,#header-nav .social-share.facebook:before,#header-nav .social-share.reddit:before,#header-nav .social-share.twitter:before,#mobile-nav .social-icon,#mobile-nav .social-share.facebook:before,#mobile-nav .social-share.reddit:before,#mobile-nav .social-share.twitter:before{
width:15px;
margin-bottom:3px
}

@media only screen and (min-width:1024px){
#header-nav .social-icon,#header-nav .social-share.facebook:before,#header-nav .social-share.reddit:before,#header-nav .social-share.twitter:before,#mobile-nav .social-icon,#mobile-nav .social-share.facebook:before,#mobile-nav .social-share.reddit:before,#mobile-nav .social-share.twitter:before{
width:22px;
margin-right:5px
}


}

.horizontal-nav ul,#mobile-nav .games-menu>ul,#mobile-nav ul{
margin:0
}

#header-nav .social-icon:last-child,#header-nav .social-share.facebook:last-child:before,#header-nav .social-share.reddit:last-child:before,#header-nav .social-share.twitter:last-child:before,#mobile-nav .social-icon:last-child,#mobile-nav .social-share.facebook:last-child:before,#mobile-nav .social-share.reddit:last-child:before,#mobile-nav .social-share.twitter:last-child:before{
margin-right:0
}

#header-nav .logo-header,#header-nav .logo-header img,#mobile-nav .logo-header,#mobile-nav .logo-header img{
vertical-align:middle
}

.horizontal-nav ul ul li,#mobile-nav ul ul li{
line-height:1.8em
}

.horizontal-nav a,#mobile-nav a{
white-space:nowrap;
color:#13d0ca;
font-size:1.2em;
line-height:30px
}

.horizontal-nav a:hover,#mobile-nav a:hover{
color:#fff
}

#header-nav .buy-btn,#mobile-nav .buy-btn{
text-align:center;
padding:0 20px;
color:#000;
line-height:30px
}

@media only screen and (min-width:1024px){
#header-nav a,#mobile-nav a{
line-height:30px;
font-size:1.3em
}

#header-nav .buy-btn,#mobile-nav .buy-btn{
line-height:30px
}


}

#mobile-nav{
-webkit-transform:translateZ(0);
transform:translateZ(0)
}

#mobile-nav .social-icon,#mobile-nav .social-share.facebook:before,#mobile-nav .social-share.reddit:before,#mobile-nav .social-share.twitter:before{
width:30px
}

@media only screen and (min-width:640px){
#mobile-nav{
display:none
}


}

#mobile-nav .hamburger{
float:right;
margin-top:10px
}

#mobile-nav .box{
width:75%;
margin:5px 0
}

#mobile-nav .box .buy-btn{
display:block;
padding:5px 0;
font-size:1.4em
}

.es #main_nav section.my2k div,.fr #main_nav section.my2k div,p{
font-size:.8em
}

#mobile-nav .social-links ul li{
display:inline-block;
margin-right:10%
}

#mobile-nav .social-links ul li:last-child{
margin-right:0
}

#mobile-nav>ul>li{
padding:10px
}

#mobile-nav li ul ul,#mobile-nav ul ul{
margin-left:20px
}

#mobile-nav ul.active>li{
padding-bottom:5px
}

#side-nav{
-webkit-transform:translateZ(0);
transform:translateZ(0);
position:fixed;
top:40%;
right:0;
z-index:10;
display:none
}

@media only screen and (min-width:1024px){
#side-nav{
display:block
}


}

#side-nav ul{
list-style:none;
margin:0 0 0 0;
padding:0;
width:300px
}

#side-nav ul li{
position:relative;
margin:0 0 0 0;
padding:0;
width:100%;
height:40px;
}

.removed{
-webkit-transition:250ms all ease-out;
transition:250ms all ease-out
}

#side-nav ul li:first-child{
border-top-style:solid
}

#side-nav ul li:last-child{
border-bottom-style:solid
}

#side-nav ul li.active,#side-nav ul li:hover{
border-bottom-style:solid;
border-top-style:solid
}

#side-nav ul li a{
display:block;
text-align:left;
width:100%;
cursor:pointer;
line-height:40px;
vertical-align:middle;
position:relative;
-webkit-transition:150ms all ease-in;
transition:150ms all ease-in;
margin-left:10px
}

.news #side_nav{
bottom:30%
}

.agegate .hamburger{
display:none!important
}

body.news{
background-color:#000;
background-image:none;
background-position:center top
}

body.news .news-header-logo{
margin:30px auto 80px;
display:block
}

body.news .page-wrapper #side_nav{
display:none!important
}

body.news .page-wrapper header.news-header{
background-image:none;
background-color:transparent;
min-height:0;
max-height:none;
height:100px
}

body.news .page-wrapper header.news-header img.header-logo{
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
height:75%;
width:auto
}

body.news .page-wrapper .news_article{
border:none
}

body.news .page-wrapper .news_article p,body.news .page-wrapper .news_article ul{
margin-bottom:20px
}

body.news .page-wrapper .news_article ul{
list-style-position:inside
}

body.news .page-wrapper .news_article ul ul{
margin-left:20px
}

body.news .page-wrapper .news_article .hero-image{
margin-bottom:40px;
width:100%
}

body.news .page-wrapper .news_article .content-header{
margin-bottom:30px
}

body.news .page-wrapper .news_article .content-header h1{
margin-bottom:20px
}

body.news .page-wrapper .news_article .content-header cite{
display:none;
margin-bottom:15px
}

body.news .page-wrapper .news_article .content-header .article_next,body.news .page-wrapper .news_article .content-header .article_prev{
width:50%;
display:inline-block;
padding:0 10px;
margin:15px 0
}

body.news .page-wrapper .news_article .content-header .article_next a,body.news .page-wrapper .news_article .content-header .article_prev a{
width:100%
}

body.news footer{
border-top:none
}

p{
line-height:1.6em
}

h3{
line-height:1em
}

h2{
margin:0 0 20px
}

@media only screen and (min-width:1024px){
p{
line-height:1.8em
}

h2{
font-size:2.8em
}

html.ios body{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/bg_notvideo_mob.jpg);
background-size:100%
}


}

canvas.body-bg-video{
position:fixed;
z-index:-2
}

select{
-webkit-appearance:none!important;
-moz-appearance:none!important;
appearance:none!important;
background-repeat:no-repeat;
border-radius:0
}

body.ru .button,body.ru .preorder-menu-modal .retail-menu-modal-content-wrapper a.preorder-buy-btn,body.ru h1,body.ru h2,body.ru h3,body.ru h4,body.ru h5,body.ru h6{
font-family:Roboto,Helvetica,Arial,sans-serif
}

body{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/bg_notvideo_mob.jpg);
background-position:center;
background-repeat:repeat-y;
background-attachment:fixed
}

body.ru h1,body.ru h2{
font-size:2em
}

body.ru h3{
font-size:1.5em
}

body.ru .button{
font-size:1em
}

body.ru .team .units .unit h4{
font-size:.7em
}

body.ru .news-slider .news-summary:not(.large) h3{
font-size:1.1em
}

.marquee .callout,.page-footer a,.preorder-menu-modal .retail-menu-modal-content-wrapper a.preorder-buy-btn,body.agegate .page-content .grid label{
font-family:"Dharma Gothic Light","Pathway Gothic One",Helvetica,Arial,sans-serif
}

body.not-loaded{
display:none
}

canvas.bg-video{
background-color:transparent
}

@media only screen and (min-width:1024px){
body{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/bg_notvideo.jpg);
background-size:cover
}

canvas.bg-video{
background-color:#000
}


}

body.xcom-enemy-unknown .marquee{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/xcom-enemy-unknown/xEU_hero_sm.jpg)
}

body.xcom-enemy-unknown .marquee .marquee-logo{
bottom:auto;
top:25%;
position:absolute;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:60%;
max-width:500px
}

@media only screen and (min-width:640px){
body.xcom-enemy-unknown .marquee{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/xcom-enemy-unknown/xEU_hero.jpg)
}

body.xcom-enemy-unknown .marquee .marquee-logo{
top:6%;
width:40%
}


}

body.xcom-enemy-unknown .marquee .button{
white-space:nowrap;
position:absolute;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
bottom:6%
}

#social-grid{
margin-bottom:50px
}

body.xcom-2 .marquee{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/marquee-mob.jpg)
}

@media only screen and (min-width:640px){
body.xcom-2 .marquee{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/marquee.jpg)
}


}

body.agegate .page-content{
padding:10% 20% 20%;
text-align:center
}

body.agegate .page-content .wrapper-drop{
display:inline-block
}

body.agegate .page-content select,body.agegate .page-content select:nth-child(even){
-webkit-border-image:none;
-o-border-image:none;
border-image:none;
border-image-source:none;
background:#000;
border:1px solid #13d0ca;
padding:0 1em;
margin:0 .5em
}

html.borderimage .shop-slide .content,html.borderimage .team .units .unit{
border-image-slice:49% fill;
border-image-width:25px;
background-color:transparent
}

@media (max-width:767px){
body.agegate .page-content{
padding:10% 5% 20%
}

body.agegate .page-content select,body.agegate .page-content select:nth-child(even){
padding:0 .25em;
margin:0 .15em
}


}

body.agegate .page-content h2{
text-align:center;
margin-bottom:50px
}

body.agegate .page-content .grid{
margin:0 auto
}

body.agegate .page-content .grid div{
text-align:center
}

body.agegate .page-content .grid label{
color:#97daea;
letter-spacing:1px;
display:block
}

body.agegate .page-content .grid .button{
margin-top:50px
}

.social-wrap .social-item{
background-color:transparent;
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/boxparts_9slice.png);
border-image-slice:49% fill;
border-image-width:25px
}

html.borderimage .social-wrap:nth-child(even) .social-item{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/boxparts_9slice-mirror.png)
}

.social-item{
background-color:#000;
padding:20px;
word-break:break-word
}

.social-item img+.author-name{
margin-left:10px
}

.content-block section{
margin-bottom:60px
}

.content-block section:last-child,.units-section .section-header h2{
margin-bottom:0
}

.units-section .section-header p{
margin:0 0 30px
}

.shop-slide .content{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/boxparts_9slice.png)
}

@media only screen and (min-width:1024px){
.units-section .section-header p{
max-width:50%
}

.shop-slide{
overflow:visible
}


}

#shop-slider,.team .units{
overflow:hidden
}

.shop-slide p{
margin-bottom:30px
}

.header-divider{
clear:both
}

.header-divider h3{
float:left;
margin-right:10px
}

.header-divider:after{
opacity:.5;
display:block;
height:35px;
background-position:center right;
background-repeat:repeat-x;
overflow:hidden;
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/header-pattern.png)
}

#side-nav a:before,.marquee,.team .units .unit:before,.team h3:before{
background-position:center;
background-repeat:no-repeat
}

.header-divider+*{
clear:left
}

html.borderimage .team .units>div{
background-color:transparent
}

html.borderimage .team .units>div:nth-child(even) .unit{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/boxparts_9slice-mirror.png)
}

.team .units .unit{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/boxparts_9slice.png)
}

.page-footer,.team .units>div{
background-color:#000
}

.team{
margin-bottom:25px
}

.team .header-divider:after{
height:30px
}

.team h3{
margin-bottom:15px
}

.team h3:before{
width:30px;
height:30px;
background-size:contain;
display:inline-block;
margin-right:10px
}

.team.advent h3:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/units/icon_advent.svg)
}

.team.aliens h3:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/units/icon_alien.svg)
}

.team.resistance h3:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/units/icon_resist.svg)
}

.team .units .unit{
border-width:1px;
border-color:#666;
background-size:0;
display:block;
padding:20px 10px 15px;
text-align:left;
font-size:1.2em
}

.team .units .unit:hover h4{
color:#fff
}

.team .units .unit:before{
vertical-align:middle;
display:inline-block;
width:35%;
padding-bottom:35%;
background-image:inherit;
background-size:contain
}

.team .units .unit h4{
vertical-align:middle;
width:65%;
box-sizing:border-box;
display:inline-block;
padding:10px;
color:#13d0ca
}

.marquee{
cursor:pointer;
min-height:480px;
max-height:100vh;
background-size:cover
}

.marquee .callout{
text-align:center;
font-size:1.6em;
letter-spacing:6px;
color:#13d0ca;
margin-bottom:25px
}

@media only screen and (min-width:1024px){
.marquee .callout{
font-size:2.4em
}


}

.marquee .marquee-content{
text-align:center;
width:55%;
bottom:6%;
position:absolute;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}

.marquee .marquee-content img{
margin:0 auto;
display:block
}

footer{
font-size:.8em
}

.page-footer{
color:#666;
text-align:center
}

.page-footer a{
font-size:1.4em
}

@media only screen and (min-width:1024px){
.page-footer a{
font-size:1.6em
}


}

.page-footer li{
margin-right:30px
}

.page-footer li:last-of-type{
margin-right:0
}

.page-footer .tos{
margin-bottom:70px
}

.page-footer img{
margin-bottom:20px
}

#side-nav ul li:first-child,#side-nav ul li:last-child{
border-width:1px;
background-color:transparent;
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice.png);
border-image-slice:45% fill;
border-image-width:9px;
border-image-repeat:repeat stretch;
border-image-outset:0
}

 #side-nav ul li:first-child.emphasis, #side-nav ul li:first-child.turquoise,#side-nav ul li:last-child.emphasis,#side-nav ul li:last-child.turquoise{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise.png)
}

#side-nav ul li:first-child.emphasis.mirror,#side-nav ul li:first-child.turquoise.mirror,#side-nav ul li:last-child.emphasis.mirror,#side-nav ul li:last-child.turquoise.mirror{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise-mirror.png)
}

#side-nav ul li:first-child.mirror,#side-nav ul li:last-child,#side-nav ul li:last-child.mirror{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-mirror.png)
}

#side-nav ul{
padding-left:10px
}

#side-nav ul li{
margin-left:10px;
margin-bottom:10px;
border:1px solid #135e5b;
background-color:#000
}

#side-nav ul li a{
padding:0 10px;
height:100%;
font-size:1.2em;
border:0;
margin:0
}

#side-nav a:before{
display:inline-block;
width:20px;
height:20px;
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/outbound-white.svg);
margin-right:10px;
-webkit-transition:color .5s;
transition:color .5s
}

#side-nav a[href*=news-block]:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/nav/news-turquoise.svg)
}

#side-nav a[href*=news-block]:hover:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/nav/news-white.svg)
}

#side-nav a[href*=overview-block]:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/nav/overview-turquoise.svg)
}

#side-nav a[href*=overview-block]:hover:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/nav/overview-white.svg)
}

#side-nav a[href*=media-block]:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/nav/media-turquoise.svg)
}

#side-nav a[href*=media-block]:hover:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/nav/media-white.svg)
}

#side-nav a[href*=dlc-block]:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/nav/dlc-turquoise.svg)
}

#side-nav a[href*=dlc-block]:hover:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/nav/dlc-white.svg)
}

#side-nav a[href*=expansion-block]:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/nav/expansion-turquoise.svg)
}

#side-nav a[href*=expansion-block]:hover:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/nav/expansion-white.svg)
}

#side-nav a[href*=shop-block]:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/nav/shop-turquoise.svg)
}

#side-nav a[href*=shop-block]:hover:before{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/nav/shop-white.svg)
}

.modal{
height:100%
}

.modal .close-bgmodal:after,.modal .close-bgmodal:before{
background-color:#13d0ca
}

.section-header{
margin-bottom:20px
}

.section-header h2{
margin-bottom:0
}

.shop-slide .shop-fob{
float:right;
max-width:50%;
padding:10px
}

#news-block .section-header .view-all-news{
float:right;
margin:5px 100px 0 0;
display:none
}

@media only screen and (min-width:640px){
#news-block .section-header .view-all-news{
display:block
}


}

.overview-logo{
display:none;
text-align:center
}

@media only screen and (min-width:1024px){
#news-block .section-header .view-all-news{
margin:12px 100px 0 0
}

.overview-logo{
display:block
}


}

#game-info-block{
padding-top:0;
margin-top:0
}

 #overview-slider .mg-slide .content, #overview-slider .shop-slide .content, #shop-slider .mg-slide .content, #shop-slider .shop-slide .content{
background-color:transparent;
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/boxparts_9slice.png);
border-image-slice:49% fill;
border-image-width:25px
}

 #overview-slider .mg-slide .content .panel-header:before, #overview-slider .shop-slide .content .panel-header:before, #shop-slider .mg-slide .content .panel-header:before, #shop-slider .shop-slide .content .panel-header:before{
content:"";
border:5px solid #000;
border-left-color:transparent;
border-bottom-color:transparent;
position:absolute;
top:0;
right:0
}

 #overview-slider .mg-slide:nth-child(even) .content, #overview-slider .shop-slide:nth-child(even) .content, #shop-slider .mg-slide:nth-child(even) .content, #shop-slider .shop-slide:nth-child(even) .content{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/boxparts_9slice-mirror.png)
}

 .dark #dlc-slider .mg-slide:nth-child(even) .game-product, .dark #expansion-slider .mg-slide:nth-child(even) .game-product,.dark #overview-slider .mg-slide:nth-child(even) .content, .dark .game-product{
border-image-source:none
}

 #overview-slider .mg-slide:nth-child(even) .content .panel-header:before, #overview-slider .shop-slide:nth-child(even) .content .panel-header:before, #shop-slider .mg-slide:nth-child(even) .content .panel-header:before, #shop-slider .shop-slide:nth-child(even) .content .panel-header:before{
left:0;
right:auto;
border-left-color:#000;
border-right-color:transparent
}

#overview-slider .mg-slide .content,#overview-slider .shop-slide .content,#shop-slider .mg-slide .content,#shop-slider .shop-slide .content{
padding:30px 20px 20px;

}

#overview-slider .mg-slide .content .panel-header,#overview-slider .shop-slide .content .panel-header,#shop-slider .mg-slide .content .panel-header,#shop-slider .shop-slide .content .panel-header{
position:relative
}

#overview-slider .mg-slide .content .panel-header img,#overview-slider .shop-slide .content .panel-header img,#shop-slider .mg-slide .content .panel-header img,#shop-slider .shop-slide .content .panel-header img{
margin-bottom:20px
}

.news-archive-modal{
overflow-x:hidden;
overflow-y:auto;
background-color:rgba(0,0,0,.9)
}

.news-archive-modal .close-bgmodal{
position:fixed;
right:30px
}

html.borderimage .dark .game-product{
padding:0
}

html.borderimage .dark #overview-slider .content{
padding:0;
margin:0;
border-image-source:none
}

html.borderimage .dark #overview-slider .mg-slide:nth-child(even) .content .panel-header:before{
content:none
}

 .game-product{
padding:20px;
background-color:transparent;
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/boxparts_9slice.png);
border-image-slice:49% fill;
border-image-width:25px
}

html.borderimage #dlc-slider .mg-slide .game-product>*,html.borderimage #expansion-slider .mg-slide .game-product>*{
position:relative
}

html.borderimage #dlc-slider .mg-slide .game-product>:before,html.borderimage #expansion-slider .mg-slide .game-product>:before{
content:"";
border:5px solid #000;
border-left-color:transparent;
border-bottom-color:transparent;
position:absolute;
top:0;
right:0;
z-index:1
}

html.borderimage #dlc-slider .mg-slide:nth-child(even) .game-product,html.borderimage #expansion-slider .mg-slide:nth-child(even) .game-product{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/boxparts_9slice-mirror.png)
}

html.borderimage #dlc-slider .mg-slide:nth-child(even) .game-product>:before,html.borderimage #expansion-slider .mg-slide:nth-child(even) .game-product>:before{
left:0;
right:auto;
border-left-color:#000;
border-right-color:transparent
}

.dark .game-product{
background-color:transparent
}

.game-product{
background-color:#000
}

html.borderimage #header-nav:after,html.borderimage .xcom-gallery .xcom-mg-next,html.borderimage .xcom-gallery .xcom-mg-prev{
border-width:1px;
background-color:transparent;
border-image-slice:45% fill;
border-image-width:9px;
border-image-repeat:repeat stretch;
border-image-outset:0
}

.game-product .fob[data-launches-lightbox]{
cursor:pointer
}

.game-product .main{
padding:20px 0
}

.game-product .main>*{
margin-bottom:15px
}

.game-product .main h3{
margin-bottom:0
}

.game-product .actions .button{
width:100%;
margin-bottom:20px
}

.game-product .actions .mobile-callouts img{
height:30px;
margin-right:10px
}

.game-product .actions .mobile-callouts img:last-child{
margin-right:0
}

.game-product .meta span{
font-size:.7em
}

.game-product .meta .release-type:after{
content:"-";
margin:0 5px
}

.game-product footer{
text-align:left;
margin-top:20px;
font-style:italic
}

.game-product.dlc .content,.game-product.dlc footer{
display:block
}

@media only screen and (min-width:1024px){
.game-product .main{
padding:20px
}

.game-product .actions .button{
width:auto
}

.large .game-product.dlc .content{
display:block
}


}

.news-slider .news-summary.large .story-summary{
margin-bottom:20px;
display:block
}

.news-archive .archive-summary .news-summary .social-feed,.news-slider .news-summary .story-summary{
display:none
}

.news-slider .news-summary:not(.large) h3{
font-size:1.5em
}

.news-summary h3{
margin-bottom:20px
}

.news-archive .archive-summary{
margin-bottom:40px
}

html.borderimage #header-nav:after{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-mirror.png)
}

html.borderimage #header-nav:after.emphasis,html.borderimage #header-nav:after.turquoise{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise.png)
}

html.borderimage #header-nav:after.emphasis.mirror,html.borderimage #header-nav:after.turquoise.mirror{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise-mirror.png)
}

html.borderimage #header-nav:after.mirror{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-mirror.png)
}

.horizontal-nav .box li{
position:static
}

#header-nav .box li.twok-menu{
text-align:right
}

.horizontal-nav .box ul{
top:60%;
z-index:-1;
left:-1px;
right:-1px
}

.horizontal-nav .box ul li{
display:block
}

#header-nav .box ul li .social-icon,#header-nav .box ul li .social-share.facebook:before,#header-nav .box ul li .social-share.reddit:before,#header-nav .box ul li .social-share.twitter:before,#header-nav .box ul li a{
display:block;
margin-left:auto;
margin-right:auto
}

#header-nav .box .social-menu ul li a{
margin:0 0 0 4px
}

.xcom-slider{
width:auto
}

.xcom-lightbox{
padding:0 60px
}

html.borderimage .xcom-gallery .xcom-mg-next,html.borderimage .xcom-gallery .xcom-mg-prev{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice.png)
}

html.borderimage .xcom-gallery .xcom-mg-next.emphasis,html.borderimage .xcom-gallery .xcom-mg-next.turquoise,html.borderimage .xcom-gallery .xcom-mg-prev.emphasis,html.borderimage .xcom-gallery .xcom-mg-prev.turquoise{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise.png)
}

html.borderimage .xcom-gallery .xcom-mg-next.emphasis.mirror,html.borderimage .xcom-gallery .xcom-mg-next.turquoise.mirror,html.borderimage .xcom-gallery .xcom-mg-prev.emphasis.mirror,html.borderimage .xcom-gallery .xcom-mg-prev.turquoise.mirror{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise-mirror.png)
}

html.borderimage .xcom-gallery .xcom-mg-next,html.borderimage .xcom-gallery .xcom-mg-next.mirror,html.borderimage .xcom-gallery .xcom-mg-prev.mirror{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-mirror.png)
}

.xcom-gallery .mg-loading-spinner{
width:30px;
height:30px;
box-sizing:border-box;
border:5px solid #13d0ca;
border-top-color:transparent;
border-radius:50%;
-webkit-animation:spin linear .75s infinite;
animation:spin linear .75s infinite
}

@keyframes spin{
from{
-webkit-transform:rotate(0);
transform:rotate(0)
}

to{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}


}

.xcom-gallery .mg-img-slide,.xcom-gallery .mg-yt-slide{
cursor:pointer
}

.xcom-gallery .mg-grid{
box-sizing:content-box
}

.xcom-gallery .mg-grid>[class*=col]{
vertical-align:top
}

.xcom-gallery.xcom-slider{
padding:0;
margin:0 -10px
}

.xcom-gallery.xcom-slider .mg-radios{
right:0;
top:-60px;
height:30px
}

@media only screen and (min-width:0) and (max-width:640px){
.xcom-gallery.xcom-slider .mg-radios{
display:none
}


}

.xcom-gallery.xcom-slider .mg-radios .mg-radio{
border-radius:0;
width:16px;
height:12px;
margin-right:15px;
-webkit-transform:skewX(-25deg);
-ms-transform:skewX(-25deg);
transform:skewX(-25deg);
background-color:#666
}

.xcom-gallery.xcom-slider .mg-radios .mg-radio:checked+label{
background-color:#fff
}

.xcom-gallery.xcom-slider .mg-radios .mg-radio:last-of-type{
margin-right:0
}

.xcom-gallery.xcom-slider .xcom-mg-next,.xcom-gallery.xcom-slider .xcom-mg-prev{
top:-77px;
right:10px;
left:auto
}

.xcom-gallery.xcom-slider .xcom-mg-prev{
right:60px
}

.xcom-gallery .xcom-arrow{
cursor:pointer
}

.xcom-gallery .xcom-mg-next,.xcom-gallery .xcom-mg-prev{
border:1px solid #135e5b;
position:absolute;
width:45px;
height:38px
}

.xcom-gallery .xcom-mg-next:after,.xcom-gallery .xcom-mg-prev:after{
text-align:center;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
padding-top:0;
background-image:none
}

.xcom-gallery .xcom-mg-next:hover:after,.xcom-gallery .xcom-mg-prev:hover:after{
background-image:none
}

.xcom-gallery .xcom-mg-prev{
left:-45px
}

.xcom-gallery .xcom-mg-prev:hover:after{
content:"";
display:block;
position:absolute;
border:10px solid transparent;
-webkit-transition:.25s border-color;
transition:.25s border-color;
border-top-width:10px;
border-bottom-width:10px;
border-right-color:#fff;
border-left:none
}

.xcom-gallery .xcom-mg-next:hover:after,.xcom-gallery .xcom-mg-prev:after{
-webkit-transition:.25s border-color;
display:block;
position:absolute;
content:""
}

.xcom-gallery .xcom-mg-prev:hover:after:hover{
border-right-color:#fff
}

.xcom-gallery .xcom-mg-prev:after{
border:10px solid transparent;
transition:.25s border-color;
border-top-width:10px;
border-bottom-width:10px;
border-right-color:#13d0ca;
border-left:none
}

.xcom-gallery .xcom-mg-prev:after:hover{
border-right-color:#13d0ca
}

.xcom-gallery .xcom-mg-next{
right:-45px
}

.xcom-gallery .xcom-mg-next:hover:after{
border:10px solid transparent;
transition:.25s border-color;
border-top-width:10px;
border-bottom-width:10px;
border-left-color:#fff;
border-right:none
}

.xcom-gallery .xcom-mg-next:hover:after:hover{
border-left-color:#fff
}

.xcom-gallery .xcom-mg-next:after{
content:"";
display:block;
position:absolute;
border:10px solid transparent;
-webkit-transition:.25s border-color;
transition:.25s border-color;
border-top-width:10px;
border-bottom-width:10px;
border-left-color:#13d0ca;
border-right:none
}

.xcom-gallery .xcom-mg-next:after:hover{
border-left-color:#13d0ca
}

@media only screen and (min-width:0) and (max-width:640px){
.page-wrapper{
padding-top:69px
}


}

.page-wrapper .mobile-nav-wrapper{
position:fixed;
z-index:10;
top:0;
left:0;
right:0
}

.page-wrapper .mobile-nav-wrapper.active{
bottom:0;
overflow-y:auto
}

.page-wrapper #mobile-nav{
z-index:1;
background-color:#000;
left:0;
top:0;
right:0;
-webkit-transition:.25s -webkit-transform;
transition:.25s transform;
border-bottom:1px solid #13d0ca
}

.page-wrapper #mobile-nav.slide-up{
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%)
}

@media only screen and (min-width:640px) and (max-width:1024px){
.page-wrapper .page-content{
margin-top:30px
}


}

@media only screen and (min-width:1024px){
.page-wrapper .page-content{
margin-top:30px
}


}

.preorder-menu-modal{
background:0 0
}

.preorder-menu-modal .retail-menu-modal-content-wrapper{
background-color:#000;
border-bottom:1px solid #135e5b
}

.preorder-menu-modal .retail-menu-modal-content-wrapper select, .testInput {
margin-bottom:5px;
outline:0
}

.preorder-menu-modal .retail-menu-modal-content-wrapper a{
color:#13d0ca
}

.preorder-menu-modal .retail-menu-modal-content-wrapper a.preorder-buy-btn{
font-size:1.7rem;
text-transform:uppercase;
color:#000
}

.preorder-menu-modal .retail-menu-modal-content-wrapper a.preorder-buy-btn:hover[href]{
color:#fff
}

select:disabled,select:disabled:hover{
color:#666;
background-color:#000
}

.preorder-menu-modal .retail-menu-modal-content-wrapper a.preorder-buy-btn:hover[href]:after{
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/outbound-white.svg)
}

.preorder-menu-modal .retail-menu-modal-content-wrapper a.preorder-buy-btn:after{
content:"";
margin-left:10px;
display:inline-block;
width:15px;
height:15px;
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/outbound-black.svg)
}

@media only screen and (min-width:1320px){
.preorder-menu-modal .retail-menu-modal-content-wrapper .preorder-menu-modal-closeout{
left:195px
}


}

html.borderimage select, .testInput{
border-width:1px;
background-color:transparent;
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice.png);
border-image-slice:45%;
border-image-width:9px;
border-image-repeat:repeat stretch;
border-image-outset:0
}

html.borderimage select.emphasis,html.borderimage select.turquoise{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise.png)
}

html.borderimage select.emphasis.mirror,html.borderimage select.turquoise.mirror{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-turquoise-mirror.png)
}

html.borderimage select.mirror,html.borderimage select:nth-child(even){
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-mirror.png)
}

html.borderimage select:nth-child(even):disabled{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-gray-mirror.png)
}

html.borderimage select:disabled{
border-image-source:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/buttonparts_9slice-gray.png)
}

select{
-webkit-transition:.5s color;
transition:.5s color;
background-image:url(https://downloads.2kgames.com/xcom_franchise/eJHmc23DbPwJJVKfO4Ya/images/ui/arrow_dropdown.png);
background-position:95%;
height:auto;
border:1px solid #135e5b
}

.testInput{
height:auto;
padding: 0 5px;
font-size: medium;

}

select:disabled{
background-image:none;
border:1px solid #666
}

select,select:hover, .testInput{
background-color:#000;
color:#13d0ca
}