/*----------
DO NOT EDIT, this is a compiled file!
----------*/

/*
Copyright (c) 2010, Johan Aakerlund (aajohan@gmail.com),
with Reserved Font Name "Comfortaa".

Copyright (c) 2010, NHN Corporation (http://www.nhncorp.com),
with Reserved Font Name Nanum, Naver Nanum, NanumGothic, Naver
NanumGothic, NanumMyeongjo, Naver NanumMyeongjo, NanumBrush, Naver
NanumBrush, NanumPen, Naver NanumPen.

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL


-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded, 
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.
*/

/* Griderator based on Unsemantic */

/* Usage:
	<div class="Grid">
		<div class="Small-hide Medium-full Large-2/3 Max-1/2">
			Available columns are 1-10, 12, 16
		</div>
	</div>
*/

.Grid {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

.Grid:before,
.Grid:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid:after {
  clear: both;
}

.Grid > .Grid {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: initial;
  margin-right: initial;
}

.Grid > .Grid:before,
.Grid > .Grid:after {
  display: none;
}

.Grid-hide {
  display: none;
}

.Grid-full {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}

.Grid-full:before,
.Grid-full:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid-full:after {
  clear: both;
}

.Grid-cell--0of1 {
  display: none;
}

.Grid-cell--1of1 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}

.Grid-cell--1of1:before,
.Grid-cell--1of1:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid-cell--1of1:after {
  clear: both;
}

.Grid-cell--0of2 {
  display: none;
}

.Grid-cell--1of2 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
}

.Grid-prefix-cell--1of2 {
  margin-left: 50%;
}

.Grid-suffix-cell--1of2 {
  margin-right: 50%;
}

.Grid-push-cell--1of2 {
  position: relative;
  left: 50%;
}

.Grid-pull-cell--1of2 {
  position: relative;
  left: -50%;
}

.Grid-cell--2of2 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}

.Grid-cell--2of2:before,
.Grid-cell--2of2:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid-cell--2of2:after {
  clear: both;
}

.Grid-cell--0of3 {
  display: none;
}

.Grid-cell--1of3 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 33.33333333%;
}

.Grid-prefix-cell--1of3 {
  margin-left: 33.33333333%;
}

.Grid-suffix-cell--1of3 {
  margin-right: 33.33333333%;
}

.Grid-push-cell--1of3 {
  position: relative;
  left: 33.33333333%;
}

.Grid-pull-cell--1of3 {
  position: relative;
  left: -33.33333333%;
}

.Grid-cell--2of3 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 66.66666667%;
}

.Grid-prefix-cell--2of3 {
  margin-left: 66.66666667%;
}

.Grid-suffix-cell--2of3 {
  margin-right: 66.66666667%;
}

.Grid-push-cell--2of3 {
  position: relative;
  left: 66.66666667%;
}

.Grid-pull-cell--2of3 {
  position: relative;
  left: -66.66666667%;
}

.Grid-cell--3of3 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}

.Grid-cell--3of3:before,
.Grid-cell--3of3:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid-cell--3of3:after {
  clear: both;
}

.Grid-cell--0of4 {
  display: none;
}

.Grid-cell--1of4 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 25%;
}

.Grid-prefix-cell--1of4 {
  margin-left: 25%;
}

.Grid-suffix-cell--1of4 {
  margin-right: 25%;
}

.Grid-push-cell--1of4 {
  position: relative;
  left: 25%;
}

.Grid-pull-cell--1of4 {
  position: relative;
  left: -25%;
}

.Grid-cell--2of4 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
}

.Grid-prefix-cell--2of4 {
  margin-left: 50%;
}

.Grid-suffix-cell--2of4 {
  margin-right: 50%;
}

.Grid-push-cell--2of4 {
  position: relative;
  left: 50%;
}

.Grid-pull-cell--2of4 {
  position: relative;
  left: -50%;
}

.Grid-cell--3of4 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 75%;
}

.Grid-prefix-cell--3of4 {
  margin-left: 75%;
}

.Grid-suffix-cell--3of4 {
  margin-right: 75%;
}

.Grid-push-cell--3of4 {
  position: relative;
  left: 75%;
}

.Grid-pull-cell--3of4 {
  position: relative;
  left: -75%;
}

.Grid-cell--4of4 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}

.Grid-cell--4of4:before,
.Grid-cell--4of4:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid-cell--4of4:after {
  clear: both;
}

.Grid-cell--0of5 {
  display: none;
}

.Grid-cell--1of5 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 20%;
}

.Grid-prefix-cell--1of5 {
  margin-left: 20%;
}

.Grid-suffix-cell--1of5 {
  margin-right: 20%;
}

.Grid-push-cell--1of5 {
  position: relative;
  left: 20%;
}

.Grid-pull-cell--1of5 {
  position: relative;
  left: -20%;
}

.Grid-cell--2of5 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 40%;
}

.Grid-prefix-cell--2of5 {
  margin-left: 40%;
}

.Grid-suffix-cell--2of5 {
  margin-right: 40%;
}

.Grid-push-cell--2of5 {
  position: relative;
  left: 40%;
}

.Grid-pull-cell--2of5 {
  position: relative;
  left: -40%;
}

.Grid-cell--3of5 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 60%;
}

.Grid-prefix-cell--3of5 {
  margin-left: 60%;
}

.Grid-suffix-cell--3of5 {
  margin-right: 60%;
}

.Grid-push-cell--3of5 {
  position: relative;
  left: 60%;
}

.Grid-pull-cell--3of5 {
  position: relative;
  left: -60%;
}

.Grid-cell--4of5 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 80%;
}

.Grid-prefix-cell--4of5 {
  margin-left: 80%;
}

.Grid-suffix-cell--4of5 {
  margin-right: 80%;
}

.Grid-push-cell--4of5 {
  position: relative;
  left: 80%;
}

.Grid-pull-cell--4of5 {
  position: relative;
  left: -80%;
}

.Grid-cell--5of5 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}

.Grid-cell--5of5:before,
.Grid-cell--5of5:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid-cell--5of5:after {
  clear: both;
}

.Grid-cell--0of6 {
  display: none;
}

.Grid-cell--1of6 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 16.66666667%;
}

.Grid-prefix-cell--1of6 {
  margin-left: 16.66666667%;
}

.Grid-suffix-cell--1of6 {
  margin-right: 16.66666667%;
}

.Grid-push-cell--1of6 {
  position: relative;
  left: 16.66666667%;
}

.Grid-pull-cell--1of6 {
  position: relative;
  left: -16.66666667%;
}

.Grid-cell--2of6 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 33.33333333%;
}

.Grid-prefix-cell--2of6 {
  margin-left: 33.33333333%;
}

.Grid-suffix-cell--2of6 {
  margin-right: 33.33333333%;
}

.Grid-push-cell--2of6 {
  position: relative;
  left: 33.33333333%;
}

.Grid-pull-cell--2of6 {
  position: relative;
  left: -33.33333333%;
}

.Grid-cell--3of6 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
}

.Grid-prefix-cell--3of6 {
  margin-left: 50%;
}

.Grid-suffix-cell--3of6 {
  margin-right: 50%;
}

.Grid-push-cell--3of6 {
  position: relative;
  left: 50%;
}

.Grid-pull-cell--3of6 {
  position: relative;
  left: -50%;
}

.Grid-cell--4of6 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 66.66666667%;
}

.Grid-prefix-cell--4of6 {
  margin-left: 66.66666667%;
}

.Grid-suffix-cell--4of6 {
  margin-right: 66.66666667%;
}

.Grid-push-cell--4of6 {
  position: relative;
  left: 66.66666667%;
}

.Grid-pull-cell--4of6 {
  position: relative;
  left: -66.66666667%;
}

.Grid-cell--5of6 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 83.33333333%;
}

.Grid-prefix-cell--5of6 {
  margin-left: 83.33333333%;
}

.Grid-suffix-cell--5of6 {
  margin-right: 83.33333333%;
}

.Grid-push-cell--5of6 {
  position: relative;
  left: 83.33333333%;
}

.Grid-pull-cell--5of6 {
  position: relative;
  left: -83.33333333%;
}

.Grid-cell--6of6 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}

.Grid-cell--6of6:before,
.Grid-cell--6of6:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid-cell--6of6:after {
  clear: both;
}

.Grid-cell--0of7 {
  display: none;
}

.Grid-cell--1of7 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 14.28571429%;
}

.Grid-prefix-cell--1of7 {
  margin-left: 14.28571429%;
}

.Grid-suffix-cell--1of7 {
  margin-right: 14.28571429%;
}

.Grid-push-cell--1of7 {
  position: relative;
  left: 14.28571429%;
}

.Grid-pull-cell--1of7 {
  position: relative;
  left: -14.28571429%;
}

.Grid-cell--2of7 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 28.57142857%;
}

.Grid-prefix-cell--2of7 {
  margin-left: 28.57142857%;
}

.Grid-suffix-cell--2of7 {
  margin-right: 28.57142857%;
}

.Grid-push-cell--2of7 {
  position: relative;
  left: 28.57142857%;
}

.Grid-pull-cell--2of7 {
  position: relative;
  left: -28.57142857%;
}

.Grid-cell--3of7 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 42.85714286%;
}

.Grid-prefix-cell--3of7 {
  margin-left: 42.85714286%;
}

.Grid-suffix-cell--3of7 {
  margin-right: 42.85714286%;
}

.Grid-push-cell--3of7 {
  position: relative;
  left: 42.85714286%;
}

.Grid-pull-cell--3of7 {
  position: relative;
  left: -42.85714286%;
}

.Grid-cell--4of7 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 57.14285714%;
}

.Grid-prefix-cell--4of7 {
  margin-left: 57.14285714%;
}

.Grid-suffix-cell--4of7 {
  margin-right: 57.14285714%;
}

.Grid-push-cell--4of7 {
  position: relative;
  left: 57.14285714%;
}

.Grid-pull-cell--4of7 {
  position: relative;
  left: -57.14285714%;
}

.Grid-cell--5of7 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 71.42857143%;
}

.Grid-prefix-cell--5of7 {
  margin-left: 71.42857143%;
}

.Grid-suffix-cell--5of7 {
  margin-right: 71.42857143%;
}

.Grid-push-cell--5of7 {
  position: relative;
  left: 71.42857143%;
}

.Grid-pull-cell--5of7 {
  position: relative;
  left: -71.42857143%;
}

.Grid-cell--6of7 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 85.71428571%;
}

.Grid-prefix-cell--6of7 {
  margin-left: 85.71428571%;
}

.Grid-suffix-cell--6of7 {
  margin-right: 85.71428571%;
}

.Grid-push-cell--6of7 {
  position: relative;
  left: 85.71428571%;
}

.Grid-pull-cell--6of7 {
  position: relative;
  left: -85.71428571%;
}

.Grid-cell--7of7 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}

.Grid-cell--7of7:before,
.Grid-cell--7of7:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid-cell--7of7:after {
  clear: both;
}

.Grid-cell--0of8 {
  display: none;
}

.Grid-cell--1of8 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 12.5%;
}

.Grid-prefix-cell--1of8 {
  margin-left: 12.5%;
}

.Grid-suffix-cell--1of8 {
  margin-right: 12.5%;
}

.Grid-push-cell--1of8 {
  position: relative;
  left: 12.5%;
}

.Grid-pull-cell--1of8 {
  position: relative;
  left: -12.5%;
}

.Grid-cell--2of8 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 25%;
}

.Grid-prefix-cell--2of8 {
  margin-left: 25%;
}

.Grid-suffix-cell--2of8 {
  margin-right: 25%;
}

.Grid-push-cell--2of8 {
  position: relative;
  left: 25%;
}

.Grid-pull-cell--2of8 {
  position: relative;
  left: -25%;
}

.Grid-cell--3of8 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 37.5%;
}

.Grid-prefix-cell--3of8 {
  margin-left: 37.5%;
}

.Grid-suffix-cell--3of8 {
  margin-right: 37.5%;
}

.Grid-push-cell--3of8 {
  position: relative;
  left: 37.5%;
}

.Grid-pull-cell--3of8 {
  position: relative;
  left: -37.5%;
}

.Grid-cell--4of8 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
}

.Grid-prefix-cell--4of8 {
  margin-left: 50%;
}

.Grid-suffix-cell--4of8 {
  margin-right: 50%;
}

.Grid-push-cell--4of8 {
  position: relative;
  left: 50%;
}

.Grid-pull-cell--4of8 {
  position: relative;
  left: -50%;
}

.Grid-cell--5of8 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 62.5%;
}

.Grid-prefix-cell--5of8 {
  margin-left: 62.5%;
}

.Grid-suffix-cell--5of8 {
  margin-right: 62.5%;
}

.Grid-push-cell--5of8 {
  position: relative;
  left: 62.5%;
}

.Grid-pull-cell--5of8 {
  position: relative;
  left: -62.5%;
}

.Grid-cell--6of8 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 75%;
}

.Grid-prefix-cell--6of8 {
  margin-left: 75%;
}

.Grid-suffix-cell--6of8 {
  margin-right: 75%;
}

.Grid-push-cell--6of8 {
  position: relative;
  left: 75%;
}

.Grid-pull-cell--6of8 {
  position: relative;
  left: -75%;
}

.Grid-cell--7of8 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 87.5%;
}

.Grid-prefix-cell--7of8 {
  margin-left: 87.5%;
}

.Grid-suffix-cell--7of8 {
  margin-right: 87.5%;
}

.Grid-push-cell--7of8 {
  position: relative;
  left: 87.5%;
}

.Grid-pull-cell--7of8 {
  position: relative;
  left: -87.5%;
}

.Grid-cell--8of8 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}

.Grid-cell--8of8:before,
.Grid-cell--8of8:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid-cell--8of8:after {
  clear: both;
}

.Grid-cell--0of9 {
  display: none;
}

.Grid-cell--1of9 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 11.11111111%;
}

.Grid-prefix-cell--1of9 {
  margin-left: 11.11111111%;
}

.Grid-suffix-cell--1of9 {
  margin-right: 11.11111111%;
}

.Grid-push-cell--1of9 {
  position: relative;
  left: 11.11111111%;
}

.Grid-pull-cell--1of9 {
  position: relative;
  left: -11.11111111%;
}

.Grid-cell--2of9 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 22.22222222%;
}

.Grid-prefix-cell--2of9 {
  margin-left: 22.22222222%;
}

.Grid-suffix-cell--2of9 {
  margin-right: 22.22222222%;
}

.Grid-push-cell--2of9 {
  position: relative;
  left: 22.22222222%;
}

.Grid-pull-cell--2of9 {
  position: relative;
  left: -22.22222222%;
}

.Grid-cell--3of9 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 33.33333333%;
}

.Grid-prefix-cell--3of9 {
  margin-left: 33.33333333%;
}

.Grid-suffix-cell--3of9 {
  margin-right: 33.33333333%;
}

.Grid-push-cell--3of9 {
  position: relative;
  left: 33.33333333%;
}

.Grid-pull-cell--3of9 {
  position: relative;
  left: -33.33333333%;
}

.Grid-cell--4of9 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 44.44444444%;
}

.Grid-prefix-cell--4of9 {
  margin-left: 44.44444444%;
}

.Grid-suffix-cell--4of9 {
  margin-right: 44.44444444%;
}

.Grid-push-cell--4of9 {
  position: relative;
  left: 44.44444444%;
}

.Grid-pull-cell--4of9 {
  position: relative;
  left: -44.44444444%;
}

.Grid-cell--5of9 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 55.55555556%;
}

.Grid-prefix-cell--5of9 {
  margin-left: 55.55555556%;
}

.Grid-suffix-cell--5of9 {
  margin-right: 55.55555556%;
}

.Grid-push-cell--5of9 {
  position: relative;
  left: 55.55555556%;
}

.Grid-pull-cell--5of9 {
  position: relative;
  left: -55.55555556%;
}

.Grid-cell--6of9 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 66.66666667%;
}

.Grid-prefix-cell--6of9 {
  margin-left: 66.66666667%;
}

.Grid-suffix-cell--6of9 {
  margin-right: 66.66666667%;
}

.Grid-push-cell--6of9 {
  position: relative;
  left: 66.66666667%;
}

.Grid-pull-cell--6of9 {
  position: relative;
  left: -66.66666667%;
}

.Grid-cell--7of9 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 77.77777778%;
}

.Grid-prefix-cell--7of9 {
  margin-left: 77.77777778%;
}

.Grid-suffix-cell--7of9 {
  margin-right: 77.77777778%;
}

.Grid-push-cell--7of9 {
  position: relative;
  left: 77.77777778%;
}

.Grid-pull-cell--7of9 {
  position: relative;
  left: -77.77777778%;
}

.Grid-cell--8of9 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 88.88888889%;
}

.Grid-prefix-cell--8of9 {
  margin-left: 88.88888889%;
}

.Grid-suffix-cell--8of9 {
  margin-right: 88.88888889%;
}

.Grid-push-cell--8of9 {
  position: relative;
  left: 88.88888889%;
}

.Grid-pull-cell--8of9 {
  position: relative;
  left: -88.88888889%;
}

.Grid-cell--9of9 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}

.Grid-cell--9of9:before,
.Grid-cell--9of9:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid-cell--9of9:after {
  clear: both;
}

.Grid-cell--0of10 {
  display: none;
}

.Grid-cell--1of10 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 10%;
}

.Grid-prefix-cell--1of10 {
  margin-left: 10%;
}

.Grid-suffix-cell--1of10 {
  margin-right: 10%;
}

.Grid-push-cell--1of10 {
  position: relative;
  left: 10%;
}

.Grid-pull-cell--1of10 {
  position: relative;
  left: -10%;
}

.Grid-cell--2of10 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 20%;
}

.Grid-prefix-cell--2of10 {
  margin-left: 20%;
}

.Grid-suffix-cell--2of10 {
  margin-right: 20%;
}

.Grid-push-cell--2of10 {
  position: relative;
  left: 20%;
}

.Grid-pull-cell--2of10 {
  position: relative;
  left: -20%;
}

.Grid-cell--3of10 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 30%;
}

.Grid-prefix-cell--3of10 {
  margin-left: 30%;
}

.Grid-suffix-cell--3of10 {
  margin-right: 30%;
}

.Grid-push-cell--3of10 {
  position: relative;
  left: 30%;
}

.Grid-pull-cell--3of10 {
  position: relative;
  left: -30%;
}

.Grid-cell--4of10 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 40%;
}

.Grid-prefix-cell--4of10 {
  margin-left: 40%;
}

.Grid-suffix-cell--4of10 {
  margin-right: 40%;
}

.Grid-push-cell--4of10 {
  position: relative;
  left: 40%;
}

.Grid-pull-cell--4of10 {
  position: relative;
  left: -40%;
}

.Grid-cell--5of10 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
}

.Grid-prefix-cell--5of10 {
  margin-left: 50%;
}

.Grid-suffix-cell--5of10 {
  margin-right: 50%;
}

.Grid-push-cell--5of10 {
  position: relative;
  left: 50%;
}

.Grid-pull-cell--5of10 {
  position: relative;
  left: -50%;
}

.Grid-cell--6of10 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 60%;
}

.Grid-prefix-cell--6of10 {
  margin-left: 60%;
}

.Grid-suffix-cell--6of10 {
  margin-right: 60%;
}

.Grid-push-cell--6of10 {
  position: relative;
  left: 60%;
}

.Grid-pull-cell--6of10 {
  position: relative;
  left: -60%;
}

.Grid-cell--7of10 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 70%;
}

.Grid-prefix-cell--7of10 {
  margin-left: 70%;
}

.Grid-suffix-cell--7of10 {
  margin-right: 70%;
}

.Grid-push-cell--7of10 {
  position: relative;
  left: 70%;
}

.Grid-pull-cell--7of10 {
  position: relative;
  left: -70%;
}

.Grid-cell--8of10 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 80%;
}

.Grid-prefix-cell--8of10 {
  margin-left: 80%;
}

.Grid-suffix-cell--8of10 {
  margin-right: 80%;
}

.Grid-push-cell--8of10 {
  position: relative;
  left: 80%;
}

.Grid-pull-cell--8of10 {
  position: relative;
  left: -80%;
}

.Grid-cell--9of10 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 90%;
}

.Grid-prefix-cell--9of10 {
  margin-left: 90%;
}

.Grid-suffix-cell--9of10 {
  margin-right: 90%;
}

.Grid-push-cell--9of10 {
  position: relative;
  left: 90%;
}

.Grid-pull-cell--9of10 {
  position: relative;
  left: -90%;
}

.Grid-cell--10of10 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}

.Grid-cell--10of10:before,
.Grid-cell--10of10:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid-cell--10of10:after {
  clear: both;
}

.Grid-cell--0of12 {
  display: none;
}

.Grid-cell--1of12 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 8.33333333%;
}

.Grid-prefix-cell--1of12 {
  margin-left: 8.33333333%;
}

.Grid-suffix-cell--1of12 {
  margin-right: 8.33333333%;
}

.Grid-push-cell--1of12 {
  position: relative;
  left: 8.33333333%;
}

.Grid-pull-cell--1of12 {
  position: relative;
  left: -8.33333333%;
}

.Grid-cell--2of12 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 16.66666667%;
}

.Grid-prefix-cell--2of12 {
  margin-left: 16.66666667%;
}

.Grid-suffix-cell--2of12 {
  margin-right: 16.66666667%;
}

.Grid-push-cell--2of12 {
  position: relative;
  left: 16.66666667%;
}

.Grid-pull-cell--2of12 {
  position: relative;
  left: -16.66666667%;
}

.Grid-cell--3of12 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 25%;
}

.Grid-prefix-cell--3of12 {
  margin-left: 25%;
}

.Grid-suffix-cell--3of12 {
  margin-right: 25%;
}

.Grid-push-cell--3of12 {
  position: relative;
  left: 25%;
}

.Grid-pull-cell--3of12 {
  position: relative;
  left: -25%;
}

.Grid-cell--4of12 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 33.33333333%;
}

.Grid-prefix-cell--4of12 {
  margin-left: 33.33333333%;
}

.Grid-suffix-cell--4of12 {
  margin-right: 33.33333333%;
}

.Grid-push-cell--4of12 {
  position: relative;
  left: 33.33333333%;
}

.Grid-pull-cell--4of12 {
  position: relative;
  left: -33.33333333%;
}

.Grid-cell--5of12 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 41.66666667%;
}

.Grid-prefix-cell--5of12 {
  margin-left: 41.66666667%;
}

.Grid-suffix-cell--5of12 {
  margin-right: 41.66666667%;
}

.Grid-push-cell--5of12 {
  position: relative;
  left: 41.66666667%;
}

.Grid-pull-cell--5of12 {
  position: relative;
  left: -41.66666667%;
}

.Grid-cell--6of12 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
}

.Grid-prefix-cell--6of12 {
  margin-left: 50%;
}

.Grid-suffix-cell--6of12 {
  margin-right: 50%;
}

.Grid-push-cell--6of12 {
  position: relative;
  left: 50%;
}

.Grid-pull-cell--6of12 {
  position: relative;
  left: -50%;
}

.Grid-cell--7of12 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 58.33333333%;
}

.Grid-prefix-cell--7of12 {
  margin-left: 58.33333333%;
}

.Grid-suffix-cell--7of12 {
  margin-right: 58.33333333%;
}

.Grid-push-cell--7of12 {
  position: relative;
  left: 58.33333333%;
}

.Grid-pull-cell--7of12 {
  position: relative;
  left: -58.33333333%;
}

.Grid-cell--8of12 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 66.66666667%;
}

.Grid-prefix-cell--8of12 {
  margin-left: 66.66666667%;
}

.Grid-suffix-cell--8of12 {
  margin-right: 66.66666667%;
}

.Grid-push-cell--8of12 {
  position: relative;
  left: 66.66666667%;
}

.Grid-pull-cell--8of12 {
  position: relative;
  left: -66.66666667%;
}

.Grid-cell--9of12 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 75%;
}

.Grid-prefix-cell--9of12 {
  margin-left: 75%;
}

.Grid-suffix-cell--9of12 {
  margin-right: 75%;
}

.Grid-push-cell--9of12 {
  position: relative;
  left: 75%;
}

.Grid-pull-cell--9of12 {
  position: relative;
  left: -75%;
}

.Grid-cell--10of12 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 83.33333333%;
}

.Grid-prefix-cell--10of12 {
  margin-left: 83.33333333%;
}

.Grid-suffix-cell--10of12 {
  margin-right: 83.33333333%;
}

.Grid-push-cell--10of12 {
  position: relative;
  left: 83.33333333%;
}

.Grid-pull-cell--10of12 {
  position: relative;
  left: -83.33333333%;
}

.Grid-cell--11of12 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 91.66666667%;
}

.Grid-prefix-cell--11of12 {
  margin-left: 91.66666667%;
}

.Grid-suffix-cell--11of12 {
  margin-right: 91.66666667%;
}

.Grid-push-cell--11of12 {
  position: relative;
  left: 91.66666667%;
}

.Grid-pull-cell--11of12 {
  position: relative;
  left: -91.66666667%;
}

.Grid-cell--12of12 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}

.Grid-cell--12of12:before,
.Grid-cell--12of12:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid-cell--12of12:after {
  clear: both;
}

.Grid-cell--0of16 {
  display: none;
}

.Grid-cell--1of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 6.25%;
}

.Grid-prefix-cell--1of16 {
  margin-left: 6.25%;
}

.Grid-suffix-cell--1of16 {
  margin-right: 6.25%;
}

.Grid-push-cell--1of16 {
  position: relative;
  left: 6.25%;
}

.Grid-pull-cell--1of16 {
  position: relative;
  left: -6.25%;
}

.Grid-cell--2of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 12.5%;
}

.Grid-prefix-cell--2of16 {
  margin-left: 12.5%;
}

.Grid-suffix-cell--2of16 {
  margin-right: 12.5%;
}

.Grid-push-cell--2of16 {
  position: relative;
  left: 12.5%;
}

.Grid-pull-cell--2of16 {
  position: relative;
  left: -12.5%;
}

.Grid-cell--3of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 18.75%;
}

.Grid-prefix-cell--3of16 {
  margin-left: 18.75%;
}

.Grid-suffix-cell--3of16 {
  margin-right: 18.75%;
}

.Grid-push-cell--3of16 {
  position: relative;
  left: 18.75%;
}

.Grid-pull-cell--3of16 {
  position: relative;
  left: -18.75%;
}

.Grid-cell--4of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 25%;
}

.Grid-prefix-cell--4of16 {
  margin-left: 25%;
}

.Grid-suffix-cell--4of16 {
  margin-right: 25%;
}

.Grid-push-cell--4of16 {
  position: relative;
  left: 25%;
}

.Grid-pull-cell--4of16 {
  position: relative;
  left: -25%;
}

.Grid-cell--5of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 31.25%;
}

.Grid-prefix-cell--5of16 {
  margin-left: 31.25%;
}

.Grid-suffix-cell--5of16 {
  margin-right: 31.25%;
}

.Grid-push-cell--5of16 {
  position: relative;
  left: 31.25%;
}

.Grid-pull-cell--5of16 {
  position: relative;
  left: -31.25%;
}

.Grid-cell--6of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 37.5%;
}

.Grid-prefix-cell--6of16 {
  margin-left: 37.5%;
}

.Grid-suffix-cell--6of16 {
  margin-right: 37.5%;
}

.Grid-push-cell--6of16 {
  position: relative;
  left: 37.5%;
}

.Grid-pull-cell--6of16 {
  position: relative;
  left: -37.5%;
}

.Grid-cell--7of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 43.75%;
}

.Grid-prefix-cell--7of16 {
  margin-left: 43.75%;
}

.Grid-suffix-cell--7of16 {
  margin-right: 43.75%;
}

.Grid-push-cell--7of16 {
  position: relative;
  left: 43.75%;
}

.Grid-pull-cell--7of16 {
  position: relative;
  left: -43.75%;
}

.Grid-cell--8of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
}

.Grid-prefix-cell--8of16 {
  margin-left: 50%;
}

.Grid-suffix-cell--8of16 {
  margin-right: 50%;
}

.Grid-push-cell--8of16 {
  position: relative;
  left: 50%;
}

.Grid-pull-cell--8of16 {
  position: relative;
  left: -50%;
}

.Grid-cell--9of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 56.25%;
}

.Grid-prefix-cell--9of16 {
  margin-left: 56.25%;
}

.Grid-suffix-cell--9of16 {
  margin-right: 56.25%;
}

.Grid-push-cell--9of16 {
  position: relative;
  left: 56.25%;
}

.Grid-pull-cell--9of16 {
  position: relative;
  left: -56.25%;
}

.Grid-cell--10of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 62.5%;
}

.Grid-prefix-cell--10of16 {
  margin-left: 62.5%;
}

.Grid-suffix-cell--10of16 {
  margin-right: 62.5%;
}

.Grid-push-cell--10of16 {
  position: relative;
  left: 62.5%;
}

.Grid-pull-cell--10of16 {
  position: relative;
  left: -62.5%;
}

.Grid-cell--11of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 68.75%;
}

.Grid-prefix-cell--11of16 {
  margin-left: 68.75%;
}

.Grid-suffix-cell--11of16 {
  margin-right: 68.75%;
}

.Grid-push-cell--11of16 {
  position: relative;
  left: 68.75%;
}

.Grid-pull-cell--11of16 {
  position: relative;
  left: -68.75%;
}

.Grid-cell--12of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 75%;
}

.Grid-prefix-cell--12of16 {
  margin-left: 75%;
}

.Grid-suffix-cell--12of16 {
  margin-right: 75%;
}

.Grid-push-cell--12of16 {
  position: relative;
  left: 75%;
}

.Grid-pull-cell--12of16 {
  position: relative;
  left: -75%;
}

.Grid-cell--13of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 81.25%;
}

.Grid-prefix-cell--13of16 {
  margin-left: 81.25%;
}

.Grid-suffix-cell--13of16 {
  margin-right: 81.25%;
}

.Grid-push-cell--13of16 {
  position: relative;
  left: 81.25%;
}

.Grid-pull-cell--13of16 {
  position: relative;
  left: -81.25%;
}

.Grid-cell--14of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 87.5%;
}

.Grid-prefix-cell--14of16 {
  margin-left: 87.5%;
}

.Grid-suffix-cell--14of16 {
  margin-right: 87.5%;
}

.Grid-push-cell--14of16 {
  position: relative;
  left: 87.5%;
}

.Grid-pull-cell--14of16 {
  position: relative;
  left: -87.5%;
}

.Grid-cell--15of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 93.75%;
}

.Grid-prefix-cell--15of16 {
  margin-left: 93.75%;
}

.Grid-suffix-cell--15of16 {
  margin-right: 93.75%;
}

.Grid-push-cell--15of16 {
  position: relative;
  left: 93.75%;
}

.Grid-pull-cell--15of16 {
  position: relative;
  left: -93.75%;
}

.Grid-cell--16of16 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  width: 100%;
}

.Grid-cell--16of16:before,
.Grid-cell--16of16:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.Grid-cell--16of16:after {
  clear: both;
}

.Large-show {
  display: none;
}

@media (max-width: 960px) {
  .Large-show {
    display: block;
  }
}

@media (max-width: 960px) {
  .Large {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
  }

  .Large:before,
  .Large:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large:after {
    clear: both;
  }

  .Large > .Large {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: initial;
    margin-right: initial;
  }

  .Large > .Large:before,
  .Large > .Large:after {
    display: none;
  }

  .Large-hide {
    display: none;
  }

  .Large-full {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Large-full:before,
  .Large-full:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large-full:after {
    clear: both;
  }

  .Large-cell--0of1 {
    display: none;
  }

  .Large-cell--1of1 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Large-cell--1of1:before,
  .Large-cell--1of1:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large-cell--1of1:after {
    clear: both;
  }

  .Large-cell--0of2 {
    display: none;
  }

  .Large-cell--1of2 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Large-prefix-cell--1of2 {
    margin-left: 50%;
  }

  .Large-suffix-cell--1of2 {
    margin-right: 50%;
  }

  .Large-push-cell--1of2 {
    position: relative;
    left: 50%;
  }

  .Large-pull-cell--1of2 {
    position: relative;
    left: -50%;
  }

  .Large-cell--2of2 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Large-cell--2of2:before,
  .Large-cell--2of2:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large-cell--2of2:after {
    clear: both;
  }

  .Large-cell--0of3 {
    display: none;
  }

  .Large-cell--1of3 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.33333333%;
  }

  .Large-prefix-cell--1of3 {
    margin-left: 33.33333333%;
  }

  .Large-suffix-cell--1of3 {
    margin-right: 33.33333333%;
  }

  .Large-push-cell--1of3 {
    position: relative;
    left: 33.33333333%;
  }

  .Large-pull-cell--1of3 {
    position: relative;
    left: -33.33333333%;
  }

  .Large-cell--2of3 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 66.66666667%;
  }

  .Large-prefix-cell--2of3 {
    margin-left: 66.66666667%;
  }

  .Large-suffix-cell--2of3 {
    margin-right: 66.66666667%;
  }

  .Large-push-cell--2of3 {
    position: relative;
    left: 66.66666667%;
  }

  .Large-pull-cell--2of3 {
    position: relative;
    left: -66.66666667%;
  }

  .Large-cell--3of3 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Large-cell--3of3:before,
  .Large-cell--3of3:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large-cell--3of3:after {
    clear: both;
  }

  .Large-cell--0of4 {
    display: none;
  }

  .Large-cell--1of4 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25%;
  }

  .Large-prefix-cell--1of4 {
    margin-left: 25%;
  }

  .Large-suffix-cell--1of4 {
    margin-right: 25%;
  }

  .Large-push-cell--1of4 {
    position: relative;
    left: 25%;
  }

  .Large-pull-cell--1of4 {
    position: relative;
    left: -25%;
  }

  .Large-cell--2of4 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Large-prefix-cell--2of4 {
    margin-left: 50%;
  }

  .Large-suffix-cell--2of4 {
    margin-right: 50%;
  }

  .Large-push-cell--2of4 {
    position: relative;
    left: 50%;
  }

  .Large-pull-cell--2of4 {
    position: relative;
    left: -50%;
  }

  .Large-cell--3of4 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 75%;
  }

  .Large-prefix-cell--3of4 {
    margin-left: 75%;
  }

  .Large-suffix-cell--3of4 {
    margin-right: 75%;
  }

  .Large-push-cell--3of4 {
    position: relative;
    left: 75%;
  }

  .Large-pull-cell--3of4 {
    position: relative;
    left: -75%;
  }

  .Large-cell--4of4 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Large-cell--4of4:before,
  .Large-cell--4of4:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large-cell--4of4:after {
    clear: both;
  }

  .Large-cell--0of5 {
    display: none;
  }

  .Large-cell--1of5 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 20%;
  }

  .Large-prefix-cell--1of5 {
    margin-left: 20%;
  }

  .Large-suffix-cell--1of5 {
    margin-right: 20%;
  }

  .Large-push-cell--1of5 {
    position: relative;
    left: 20%;
  }

  .Large-pull-cell--1of5 {
    position: relative;
    left: -20%;
  }

  .Large-cell--2of5 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 40%;
  }

  .Large-prefix-cell--2of5 {
    margin-left: 40%;
  }

  .Large-suffix-cell--2of5 {
    margin-right: 40%;
  }

  .Large-push-cell--2of5 {
    position: relative;
    left: 40%;
  }

  .Large-pull-cell--2of5 {
    position: relative;
    left: -40%;
  }

  .Large-cell--3of5 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 60%;
  }

  .Large-prefix-cell--3of5 {
    margin-left: 60%;
  }

  .Large-suffix-cell--3of5 {
    margin-right: 60%;
  }

  .Large-push-cell--3of5 {
    position: relative;
    left: 60%;
  }

  .Large-pull-cell--3of5 {
    position: relative;
    left: -60%;
  }

  .Large-cell--4of5 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 80%;
  }

  .Large-prefix-cell--4of5 {
    margin-left: 80%;
  }

  .Large-suffix-cell--4of5 {
    margin-right: 80%;
  }

  .Large-push-cell--4of5 {
    position: relative;
    left: 80%;
  }

  .Large-pull-cell--4of5 {
    position: relative;
    left: -80%;
  }

  .Large-cell--5of5 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Large-cell--5of5:before,
  .Large-cell--5of5:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large-cell--5of5:after {
    clear: both;
  }

  .Large-cell--0of6 {
    display: none;
  }

  .Large-cell--1of6 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 16.66666667%;
  }

  .Large-prefix-cell--1of6 {
    margin-left: 16.66666667%;
  }

  .Large-suffix-cell--1of6 {
    margin-right: 16.66666667%;
  }

  .Large-push-cell--1of6 {
    position: relative;
    left: 16.66666667%;
  }

  .Large-pull-cell--1of6 {
    position: relative;
    left: -16.66666667%;
  }

  .Large-cell--2of6 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.33333333%;
  }

  .Large-prefix-cell--2of6 {
    margin-left: 33.33333333%;
  }

  .Large-suffix-cell--2of6 {
    margin-right: 33.33333333%;
  }

  .Large-push-cell--2of6 {
    position: relative;
    left: 33.33333333%;
  }

  .Large-pull-cell--2of6 {
    position: relative;
    left: -33.33333333%;
  }

  .Large-cell--3of6 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Large-prefix-cell--3of6 {
    margin-left: 50%;
  }

  .Large-suffix-cell--3of6 {
    margin-right: 50%;
  }

  .Large-push-cell--3of6 {
    position: relative;
    left: 50%;
  }

  .Large-pull-cell--3of6 {
    position: relative;
    left: -50%;
  }

  .Large-cell--4of6 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 66.66666667%;
  }

  .Large-prefix-cell--4of6 {
    margin-left: 66.66666667%;
  }

  .Large-suffix-cell--4of6 {
    margin-right: 66.66666667%;
  }

  .Large-push-cell--4of6 {
    position: relative;
    left: 66.66666667%;
  }

  .Large-pull-cell--4of6 {
    position: relative;
    left: -66.66666667%;
  }

  .Large-cell--5of6 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 83.33333333%;
  }

  .Large-prefix-cell--5of6 {
    margin-left: 83.33333333%;
  }

  .Large-suffix-cell--5of6 {
    margin-right: 83.33333333%;
  }

  .Large-push-cell--5of6 {
    position: relative;
    left: 83.33333333%;
  }

  .Large-pull-cell--5of6 {
    position: relative;
    left: -83.33333333%;
  }

  .Large-cell--6of6 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Large-cell--6of6:before,
  .Large-cell--6of6:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large-cell--6of6:after {
    clear: both;
  }

  .Large-cell--0of7 {
    display: none;
  }

  .Large-cell--1of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 14.28571429%;
  }

  .Large-prefix-cell--1of7 {
    margin-left: 14.28571429%;
  }

  .Large-suffix-cell--1of7 {
    margin-right: 14.28571429%;
  }

  .Large-push-cell--1of7 {
    position: relative;
    left: 14.28571429%;
  }

  .Large-pull-cell--1of7 {
    position: relative;
    left: -14.28571429%;
  }

  .Large-cell--2of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 28.57142857%;
  }

  .Large-prefix-cell--2of7 {
    margin-left: 28.57142857%;
  }

  .Large-suffix-cell--2of7 {
    margin-right: 28.57142857%;
  }

  .Large-push-cell--2of7 {
    position: relative;
    left: 28.57142857%;
  }

  .Large-pull-cell--2of7 {
    position: relative;
    left: -28.57142857%;
  }

  .Large-cell--3of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 42.85714286%;
  }

  .Large-prefix-cell--3of7 {
    margin-left: 42.85714286%;
  }

  .Large-suffix-cell--3of7 {
    margin-right: 42.85714286%;
  }

  .Large-push-cell--3of7 {
    position: relative;
    left: 42.85714286%;
  }

  .Large-pull-cell--3of7 {
    position: relative;
    left: -42.85714286%;
  }

  .Large-cell--4of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 57.14285714%;
  }

  .Large-prefix-cell--4of7 {
    margin-left: 57.14285714%;
  }

  .Large-suffix-cell--4of7 {
    margin-right: 57.14285714%;
  }

  .Large-push-cell--4of7 {
    position: relative;
    left: 57.14285714%;
  }

  .Large-pull-cell--4of7 {
    position: relative;
    left: -57.14285714%;
  }

  .Large-cell--5of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 71.42857143%;
  }

  .Large-prefix-cell--5of7 {
    margin-left: 71.42857143%;
  }

  .Large-suffix-cell--5of7 {
    margin-right: 71.42857143%;
  }

  .Large-push-cell--5of7 {
    position: relative;
    left: 71.42857143%;
  }

  .Large-pull-cell--5of7 {
    position: relative;
    left: -71.42857143%;
  }

  .Large-cell--6of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 85.71428571%;
  }

  .Large-prefix-cell--6of7 {
    margin-left: 85.71428571%;
  }

  .Large-suffix-cell--6of7 {
    margin-right: 85.71428571%;
  }

  .Large-push-cell--6of7 {
    position: relative;
    left: 85.71428571%;
  }

  .Large-pull-cell--6of7 {
    position: relative;
    left: -85.71428571%;
  }

  .Large-cell--7of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Large-cell--7of7:before,
  .Large-cell--7of7:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large-cell--7of7:after {
    clear: both;
  }

  .Large-cell--0of8 {
    display: none;
  }

  .Large-cell--1of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 12.5%;
  }

  .Large-prefix-cell--1of8 {
    margin-left: 12.5%;
  }

  .Large-suffix-cell--1of8 {
    margin-right: 12.5%;
  }

  .Large-push-cell--1of8 {
    position: relative;
    left: 12.5%;
  }

  .Large-pull-cell--1of8 {
    position: relative;
    left: -12.5%;
  }

  .Large-cell--2of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25%;
  }

  .Large-prefix-cell--2of8 {
    margin-left: 25%;
  }

  .Large-suffix-cell--2of8 {
    margin-right: 25%;
  }

  .Large-push-cell--2of8 {
    position: relative;
    left: 25%;
  }

  .Large-pull-cell--2of8 {
    position: relative;
    left: -25%;
  }

  .Large-cell--3of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 37.5%;
  }

  .Large-prefix-cell--3of8 {
    margin-left: 37.5%;
  }

  .Large-suffix-cell--3of8 {
    margin-right: 37.5%;
  }

  .Large-push-cell--3of8 {
    position: relative;
    left: 37.5%;
  }

  .Large-pull-cell--3of8 {
    position: relative;
    left: -37.5%;
  }

  .Large-cell--4of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Large-prefix-cell--4of8 {
    margin-left: 50%;
  }

  .Large-suffix-cell--4of8 {
    margin-right: 50%;
  }

  .Large-push-cell--4of8 {
    position: relative;
    left: 50%;
  }

  .Large-pull-cell--4of8 {
    position: relative;
    left: -50%;
  }

  .Large-cell--5of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 62.5%;
  }

  .Large-prefix-cell--5of8 {
    margin-left: 62.5%;
  }

  .Large-suffix-cell--5of8 {
    margin-right: 62.5%;
  }

  .Large-push-cell--5of8 {
    position: relative;
    left: 62.5%;
  }

  .Large-pull-cell--5of8 {
    position: relative;
    left: -62.5%;
  }

  .Large-cell--6of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 75%;
  }

  .Large-prefix-cell--6of8 {
    margin-left: 75%;
  }

  .Large-suffix-cell--6of8 {
    margin-right: 75%;
  }

  .Large-push-cell--6of8 {
    position: relative;
    left: 75%;
  }

  .Large-pull-cell--6of8 {
    position: relative;
    left: -75%;
  }

  .Large-cell--7of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 87.5%;
  }

  .Large-prefix-cell--7of8 {
    margin-left: 87.5%;
  }

  .Large-suffix-cell--7of8 {
    margin-right: 87.5%;
  }

  .Large-push-cell--7of8 {
    position: relative;
    left: 87.5%;
  }

  .Large-pull-cell--7of8 {
    position: relative;
    left: -87.5%;
  }

  .Large-cell--8of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Large-cell--8of8:before,
  .Large-cell--8of8:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large-cell--8of8:after {
    clear: both;
  }

  .Large-cell--0of9 {
    display: none;
  }

  .Large-cell--1of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 11.11111111%;
  }

  .Large-prefix-cell--1of9 {
    margin-left: 11.11111111%;
  }

  .Large-suffix-cell--1of9 {
    margin-right: 11.11111111%;
  }

  .Large-push-cell--1of9 {
    position: relative;
    left: 11.11111111%;
  }

  .Large-pull-cell--1of9 {
    position: relative;
    left: -11.11111111%;
  }

  .Large-cell--2of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 22.22222222%;
  }

  .Large-prefix-cell--2of9 {
    margin-left: 22.22222222%;
  }

  .Large-suffix-cell--2of9 {
    margin-right: 22.22222222%;
  }

  .Large-push-cell--2of9 {
    position: relative;
    left: 22.22222222%;
  }

  .Large-pull-cell--2of9 {
    position: relative;
    left: -22.22222222%;
  }

  .Large-cell--3of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.33333333%;
  }

  .Large-prefix-cell--3of9 {
    margin-left: 33.33333333%;
  }

  .Large-suffix-cell--3of9 {
    margin-right: 33.33333333%;
  }

  .Large-push-cell--3of9 {
    position: relative;
    left: 33.33333333%;
  }

  .Large-pull-cell--3of9 {
    position: relative;
    left: -33.33333333%;
  }

  .Large-cell--4of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 44.44444444%;
  }

  .Large-prefix-cell--4of9 {
    margin-left: 44.44444444%;
  }

  .Large-suffix-cell--4of9 {
    margin-right: 44.44444444%;
  }

  .Large-push-cell--4of9 {
    position: relative;
    left: 44.44444444%;
  }

  .Large-pull-cell--4of9 {
    position: relative;
    left: -44.44444444%;
  }

  .Large-cell--5of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 55.55555556%;
  }

  .Large-prefix-cell--5of9 {
    margin-left: 55.55555556%;
  }

  .Large-suffix-cell--5of9 {
    margin-right: 55.55555556%;
  }

  .Large-push-cell--5of9 {
    position: relative;
    left: 55.55555556%;
  }

  .Large-pull-cell--5of9 {
    position: relative;
    left: -55.55555556%;
  }

  .Large-cell--6of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 66.66666667%;
  }

  .Large-prefix-cell--6of9 {
    margin-left: 66.66666667%;
  }

  .Large-suffix-cell--6of9 {
    margin-right: 66.66666667%;
  }

  .Large-push-cell--6of9 {
    position: relative;
    left: 66.66666667%;
  }

  .Large-pull-cell--6of9 {
    position: relative;
    left: -66.66666667%;
  }

  .Large-cell--7of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 77.77777778%;
  }

  .Large-prefix-cell--7of9 {
    margin-left: 77.77777778%;
  }

  .Large-suffix-cell--7of9 {
    margin-right: 77.77777778%;
  }

  .Large-push-cell--7of9 {
    position: relative;
    left: 77.77777778%;
  }

  .Large-pull-cell--7of9 {
    position: relative;
    left: -77.77777778%;
  }

  .Large-cell--8of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 88.88888889%;
  }

  .Large-prefix-cell--8of9 {
    margin-left: 88.88888889%;
  }

  .Large-suffix-cell--8of9 {
    margin-right: 88.88888889%;
  }

  .Large-push-cell--8of9 {
    position: relative;
    left: 88.88888889%;
  }

  .Large-pull-cell--8of9 {
    position: relative;
    left: -88.88888889%;
  }

  .Large-cell--9of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Large-cell--9of9:before,
  .Large-cell--9of9:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large-cell--9of9:after {
    clear: both;
  }

  .Large-cell--0of10 {
    display: none;
  }

  .Large-cell--1of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 10%;
  }

  .Large-prefix-cell--1of10 {
    margin-left: 10%;
  }

  .Large-suffix-cell--1of10 {
    margin-right: 10%;
  }

  .Large-push-cell--1of10 {
    position: relative;
    left: 10%;
  }

  .Large-pull-cell--1of10 {
    position: relative;
    left: -10%;
  }

  .Large-cell--2of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 20%;
  }

  .Large-prefix-cell--2of10 {
    margin-left: 20%;
  }

  .Large-suffix-cell--2of10 {
    margin-right: 20%;
  }

  .Large-push-cell--2of10 {
    position: relative;
    left: 20%;
  }

  .Large-pull-cell--2of10 {
    position: relative;
    left: -20%;
  }

  .Large-cell--3of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 30%;
  }

  .Large-prefix-cell--3of10 {
    margin-left: 30%;
  }

  .Large-suffix-cell--3of10 {
    margin-right: 30%;
  }

  .Large-push-cell--3of10 {
    position: relative;
    left: 30%;
  }

  .Large-pull-cell--3of10 {
    position: relative;
    left: -30%;
  }

  .Large-cell--4of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 40%;
  }

  .Large-prefix-cell--4of10 {
    margin-left: 40%;
  }

  .Large-suffix-cell--4of10 {
    margin-right: 40%;
  }

  .Large-push-cell--4of10 {
    position: relative;
    left: 40%;
  }

  .Large-pull-cell--4of10 {
    position: relative;
    left: -40%;
  }

  .Large-cell--5of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Large-prefix-cell--5of10 {
    margin-left: 50%;
  }

  .Large-suffix-cell--5of10 {
    margin-right: 50%;
  }

  .Large-push-cell--5of10 {
    position: relative;
    left: 50%;
  }

  .Large-pull-cell--5of10 {
    position: relative;
    left: -50%;
  }

  .Large-cell--6of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 60%;
  }

  .Large-prefix-cell--6of10 {
    margin-left: 60%;
  }

  .Large-suffix-cell--6of10 {
    margin-right: 60%;
  }

  .Large-push-cell--6of10 {
    position: relative;
    left: 60%;
  }

  .Large-pull-cell--6of10 {
    position: relative;
    left: -60%;
  }

  .Large-cell--7of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 70%;
  }

  .Large-prefix-cell--7of10 {
    margin-left: 70%;
  }

  .Large-suffix-cell--7of10 {
    margin-right: 70%;
  }

  .Large-push-cell--7of10 {
    position: relative;
    left: 70%;
  }

  .Large-pull-cell--7of10 {
    position: relative;
    left: -70%;
  }

  .Large-cell--8of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 80%;
  }

  .Large-prefix-cell--8of10 {
    margin-left: 80%;
  }

  .Large-suffix-cell--8of10 {
    margin-right: 80%;
  }

  .Large-push-cell--8of10 {
    position: relative;
    left: 80%;
  }

  .Large-pull-cell--8of10 {
    position: relative;
    left: -80%;
  }

  .Large-cell--9of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 90%;
  }

  .Large-prefix-cell--9of10 {
    margin-left: 90%;
  }

  .Large-suffix-cell--9of10 {
    margin-right: 90%;
  }

  .Large-push-cell--9of10 {
    position: relative;
    left: 90%;
  }

  .Large-pull-cell--9of10 {
    position: relative;
    left: -90%;
  }

  .Large-cell--10of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Large-cell--10of10:before,
  .Large-cell--10of10:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large-cell--10of10:after {
    clear: both;
  }

  .Large-cell--0of12 {
    display: none;
  }

  .Large-cell--1of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 8.33333333%;
  }

  .Large-prefix-cell--1of12 {
    margin-left: 8.33333333%;
  }

  .Large-suffix-cell--1of12 {
    margin-right: 8.33333333%;
  }

  .Large-push-cell--1of12 {
    position: relative;
    left: 8.33333333%;
  }

  .Large-pull-cell--1of12 {
    position: relative;
    left: -8.33333333%;
  }

  .Large-cell--2of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 16.66666667%;
  }

  .Large-prefix-cell--2of12 {
    margin-left: 16.66666667%;
  }

  .Large-suffix-cell--2of12 {
    margin-right: 16.66666667%;
  }

  .Large-push-cell--2of12 {
    position: relative;
    left: 16.66666667%;
  }

  .Large-pull-cell--2of12 {
    position: relative;
    left: -16.66666667%;
  }

  .Large-cell--3of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25%;
  }

  .Large-prefix-cell--3of12 {
    margin-left: 25%;
  }

  .Large-suffix-cell--3of12 {
    margin-right: 25%;
  }

  .Large-push-cell--3of12 {
    position: relative;
    left: 25%;
  }

  .Large-pull-cell--3of12 {
    position: relative;
    left: -25%;
  }

  .Large-cell--4of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.33333333%;
  }

  .Large-prefix-cell--4of12 {
    margin-left: 33.33333333%;
  }

  .Large-suffix-cell--4of12 {
    margin-right: 33.33333333%;
  }

  .Large-push-cell--4of12 {
    position: relative;
    left: 33.33333333%;
  }

  .Large-pull-cell--4of12 {
    position: relative;
    left: -33.33333333%;
  }

  .Large-cell--5of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 41.66666667%;
  }

  .Large-prefix-cell--5of12 {
    margin-left: 41.66666667%;
  }

  .Large-suffix-cell--5of12 {
    margin-right: 41.66666667%;
  }

  .Large-push-cell--5of12 {
    position: relative;
    left: 41.66666667%;
  }

  .Large-pull-cell--5of12 {
    position: relative;
    left: -41.66666667%;
  }

  .Large-cell--6of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Large-prefix-cell--6of12 {
    margin-left: 50%;
  }

  .Large-suffix-cell--6of12 {
    margin-right: 50%;
  }

  .Large-push-cell--6of12 {
    position: relative;
    left: 50%;
  }

  .Large-pull-cell--6of12 {
    position: relative;
    left: -50%;
  }

  .Large-cell--7of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 58.33333333%;
  }

  .Large-prefix-cell--7of12 {
    margin-left: 58.33333333%;
  }

  .Large-suffix-cell--7of12 {
    margin-right: 58.33333333%;
  }

  .Large-push-cell--7of12 {
    position: relative;
    left: 58.33333333%;
  }

  .Large-pull-cell--7of12 {
    position: relative;
    left: -58.33333333%;
  }

  .Large-cell--8of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 66.66666667%;
  }

  .Large-prefix-cell--8of12 {
    margin-left: 66.66666667%;
  }

  .Large-suffix-cell--8of12 {
    margin-right: 66.66666667%;
  }

  .Large-push-cell--8of12 {
    position: relative;
    left: 66.66666667%;
  }

  .Large-pull-cell--8of12 {
    position: relative;
    left: -66.66666667%;
  }

  .Large-cell--9of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 75%;
  }

  .Large-prefix-cell--9of12 {
    margin-left: 75%;
  }

  .Large-suffix-cell--9of12 {
    margin-right: 75%;
  }

  .Large-push-cell--9of12 {
    position: relative;
    left: 75%;
  }

  .Large-pull-cell--9of12 {
    position: relative;
    left: -75%;
  }

  .Large-cell--10of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 83.33333333%;
  }

  .Large-prefix-cell--10of12 {
    margin-left: 83.33333333%;
  }

  .Large-suffix-cell--10of12 {
    margin-right: 83.33333333%;
  }

  .Large-push-cell--10of12 {
    position: relative;
    left: 83.33333333%;
  }

  .Large-pull-cell--10of12 {
    position: relative;
    left: -83.33333333%;
  }

  .Large-cell--11of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 91.66666667%;
  }

  .Large-prefix-cell--11of12 {
    margin-left: 91.66666667%;
  }

  .Large-suffix-cell--11of12 {
    margin-right: 91.66666667%;
  }

  .Large-push-cell--11of12 {
    position: relative;
    left: 91.66666667%;
  }

  .Large-pull-cell--11of12 {
    position: relative;
    left: -91.66666667%;
  }

  .Large-cell--12of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Large-cell--12of12:before,
  .Large-cell--12of12:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large-cell--12of12:after {
    clear: both;
  }

  .Large-cell--0of16 {
    display: none;
  }

  .Large-cell--1of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 6.25%;
  }

  .Large-prefix-cell--1of16 {
    margin-left: 6.25%;
  }

  .Large-suffix-cell--1of16 {
    margin-right: 6.25%;
  }

  .Large-push-cell--1of16 {
    position: relative;
    left: 6.25%;
  }

  .Large-pull-cell--1of16 {
    position: relative;
    left: -6.25%;
  }

  .Large-cell--2of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 12.5%;
  }

  .Large-prefix-cell--2of16 {
    margin-left: 12.5%;
  }

  .Large-suffix-cell--2of16 {
    margin-right: 12.5%;
  }

  .Large-push-cell--2of16 {
    position: relative;
    left: 12.5%;
  }

  .Large-pull-cell--2of16 {
    position: relative;
    left: -12.5%;
  }

  .Large-cell--3of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 18.75%;
  }

  .Large-prefix-cell--3of16 {
    margin-left: 18.75%;
  }

  .Large-suffix-cell--3of16 {
    margin-right: 18.75%;
  }

  .Large-push-cell--3of16 {
    position: relative;
    left: 18.75%;
  }

  .Large-pull-cell--3of16 {
    position: relative;
    left: -18.75%;
  }

  .Large-cell--4of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25%;
  }

  .Large-prefix-cell--4of16 {
    margin-left: 25%;
  }

  .Large-suffix-cell--4of16 {
    margin-right: 25%;
  }

  .Large-push-cell--4of16 {
    position: relative;
    left: 25%;
  }

  .Large-pull-cell--4of16 {
    position: relative;
    left: -25%;
  }

  .Large-cell--5of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 31.25%;
  }

  .Large-prefix-cell--5of16 {
    margin-left: 31.25%;
  }

  .Large-suffix-cell--5of16 {
    margin-right: 31.25%;
  }

  .Large-push-cell--5of16 {
    position: relative;
    left: 31.25%;
  }

  .Large-pull-cell--5of16 {
    position: relative;
    left: -31.25%;
  }

  .Large-cell--6of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 37.5%;
  }

  .Large-prefix-cell--6of16 {
    margin-left: 37.5%;
  }

  .Large-suffix-cell--6of16 {
    margin-right: 37.5%;
  }

  .Large-push-cell--6of16 {
    position: relative;
    left: 37.5%;
  }

  .Large-pull-cell--6of16 {
    position: relative;
    left: -37.5%;
  }

  .Large-cell--7of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 43.75%;
  }

  .Large-prefix-cell--7of16 {
    margin-left: 43.75%;
  }

  .Large-suffix-cell--7of16 {
    margin-right: 43.75%;
  }

  .Large-push-cell--7of16 {
    position: relative;
    left: 43.75%;
  }

  .Large-pull-cell--7of16 {
    position: relative;
    left: -43.75%;
  }

  .Large-cell--8of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Large-prefix-cell--8of16 {
    margin-left: 50%;
  }

  .Large-suffix-cell--8of16 {
    margin-right: 50%;
  }

  .Large-push-cell--8of16 {
    position: relative;
    left: 50%;
  }

  .Large-pull-cell--8of16 {
    position: relative;
    left: -50%;
  }

  .Large-cell--9of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 56.25%;
  }

  .Large-prefix-cell--9of16 {
    margin-left: 56.25%;
  }

  .Large-suffix-cell--9of16 {
    margin-right: 56.25%;
  }

  .Large-push-cell--9of16 {
    position: relative;
    left: 56.25%;
  }

  .Large-pull-cell--9of16 {
    position: relative;
    left: -56.25%;
  }

  .Large-cell--10of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 62.5%;
  }

  .Large-prefix-cell--10of16 {
    margin-left: 62.5%;
  }

  .Large-suffix-cell--10of16 {
    margin-right: 62.5%;
  }

  .Large-push-cell--10of16 {
    position: relative;
    left: 62.5%;
  }

  .Large-pull-cell--10of16 {
    position: relative;
    left: -62.5%;
  }

  .Large-cell--11of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 68.75%;
  }

  .Large-prefix-cell--11of16 {
    margin-left: 68.75%;
  }

  .Large-suffix-cell--11of16 {
    margin-right: 68.75%;
  }

  .Large-push-cell--11of16 {
    position: relative;
    left: 68.75%;
  }

  .Large-pull-cell--11of16 {
    position: relative;
    left: -68.75%;
  }

  .Large-cell--12of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 75%;
  }

  .Large-prefix-cell--12of16 {
    margin-left: 75%;
  }

  .Large-suffix-cell--12of16 {
    margin-right: 75%;
  }

  .Large-push-cell--12of16 {
    position: relative;
    left: 75%;
  }

  .Large-pull-cell--12of16 {
    position: relative;
    left: -75%;
  }

  .Large-cell--13of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 81.25%;
  }

  .Large-prefix-cell--13of16 {
    margin-left: 81.25%;
  }

  .Large-suffix-cell--13of16 {
    margin-right: 81.25%;
  }

  .Large-push-cell--13of16 {
    position: relative;
    left: 81.25%;
  }

  .Large-pull-cell--13of16 {
    position: relative;
    left: -81.25%;
  }

  .Large-cell--14of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 87.5%;
  }

  .Large-prefix-cell--14of16 {
    margin-left: 87.5%;
  }

  .Large-suffix-cell--14of16 {
    margin-right: 87.5%;
  }

  .Large-push-cell--14of16 {
    position: relative;
    left: 87.5%;
  }

  .Large-pull-cell--14of16 {
    position: relative;
    left: -87.5%;
  }

  .Large-cell--15of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 93.75%;
  }

  .Large-prefix-cell--15of16 {
    margin-left: 93.75%;
  }

  .Large-suffix-cell--15of16 {
    margin-right: 93.75%;
  }

  .Large-push-cell--15of16 {
    position: relative;
    left: 93.75%;
  }

  .Large-pull-cell--15of16 {
    position: relative;
    left: -93.75%;
  }

  .Large-cell--16of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Large-cell--16of16:before,
  .Large-cell--16of16:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Large-cell--16of16:after {
    clear: both;
  }
}

.Wide-show {
  display: none;
}

@media (max-width: 720px) {
  .Wide-show {
    display: block;
  }
}

@media (max-width: 720px) {
  .Wide {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
  }

  .Wide:before,
  .Wide:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide:after {
    clear: both;
  }

  .Wide > .Wide {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: initial;
    margin-right: initial;
  }

  .Wide > .Wide:before,
  .Wide > .Wide:after {
    display: none;
  }

  .Wide-hide {
    display: none;
  }

  .Wide-full {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Wide-full:before,
  .Wide-full:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide-full:after {
    clear: both;
  }

  .Wide-cell--0of1 {
    display: none;
  }

  .Wide-cell--1of1 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Wide-cell--1of1:before,
  .Wide-cell--1of1:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide-cell--1of1:after {
    clear: both;
  }

  .Wide-cell--0of2 {
    display: none;
  }

  .Wide-cell--1of2 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Wide-prefix-cell--1of2 {
    margin-left: 50%;
  }

  .Wide-suffix-cell--1of2 {
    margin-right: 50%;
  }

  .Wide-push-cell--1of2 {
    position: relative;
    left: 50%;
  }

  .Wide-pull-cell--1of2 {
    position: relative;
    left: -50%;
  }

  .Wide-cell--2of2 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Wide-cell--2of2:before,
  .Wide-cell--2of2:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide-cell--2of2:after {
    clear: both;
  }

  .Wide-cell--0of3 {
    display: none;
  }

  .Wide-cell--1of3 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.33333333%;
  }

  .Wide-prefix-cell--1of3 {
    margin-left: 33.33333333%;
  }

  .Wide-suffix-cell--1of3 {
    margin-right: 33.33333333%;
  }

  .Wide-push-cell--1of3 {
    position: relative;
    left: 33.33333333%;
  }

  .Wide-pull-cell--1of3 {
    position: relative;
    left: -33.33333333%;
  }

  .Wide-cell--2of3 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 66.66666667%;
  }

  .Wide-prefix-cell--2of3 {
    margin-left: 66.66666667%;
  }

  .Wide-suffix-cell--2of3 {
    margin-right: 66.66666667%;
  }

  .Wide-push-cell--2of3 {
    position: relative;
    left: 66.66666667%;
  }

  .Wide-pull-cell--2of3 {
    position: relative;
    left: -66.66666667%;
  }

  .Wide-cell--3of3 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Wide-cell--3of3:before,
  .Wide-cell--3of3:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide-cell--3of3:after {
    clear: both;
  }

  .Wide-cell--0of4 {
    display: none;
  }

  .Wide-cell--1of4 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25%;
  }

  .Wide-prefix-cell--1of4 {
    margin-left: 25%;
  }

  .Wide-suffix-cell--1of4 {
    margin-right: 25%;
  }

  .Wide-push-cell--1of4 {
    position: relative;
    left: 25%;
  }

  .Wide-pull-cell--1of4 {
    position: relative;
    left: -25%;
  }

  .Wide-cell--2of4 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Wide-prefix-cell--2of4 {
    margin-left: 50%;
  }

  .Wide-suffix-cell--2of4 {
    margin-right: 50%;
  }

  .Wide-push-cell--2of4 {
    position: relative;
    left: 50%;
  }

  .Wide-pull-cell--2of4 {
    position: relative;
    left: -50%;
  }

  .Wide-cell--3of4 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 75%;
  }

  .Wide-prefix-cell--3of4 {
    margin-left: 75%;
  }

  .Wide-suffix-cell--3of4 {
    margin-right: 75%;
  }

  .Wide-push-cell--3of4 {
    position: relative;
    left: 75%;
  }

  .Wide-pull-cell--3of4 {
    position: relative;
    left: -75%;
  }

  .Wide-cell--4of4 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Wide-cell--4of4:before,
  .Wide-cell--4of4:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide-cell--4of4:after {
    clear: both;
  }

  .Wide-cell--0of5 {
    display: none;
  }

  .Wide-cell--1of5 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 20%;
  }

  .Wide-prefix-cell--1of5 {
    margin-left: 20%;
  }

  .Wide-suffix-cell--1of5 {
    margin-right: 20%;
  }

  .Wide-push-cell--1of5 {
    position: relative;
    left: 20%;
  }

  .Wide-pull-cell--1of5 {
    position: relative;
    left: -20%;
  }

  .Wide-cell--2of5 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 40%;
  }

  .Wide-prefix-cell--2of5 {
    margin-left: 40%;
  }

  .Wide-suffix-cell--2of5 {
    margin-right: 40%;
  }

  .Wide-push-cell--2of5 {
    position: relative;
    left: 40%;
  }

  .Wide-pull-cell--2of5 {
    position: relative;
    left: -40%;
  }

  .Wide-cell--3of5 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 60%;
  }

  .Wide-prefix-cell--3of5 {
    margin-left: 60%;
  }

  .Wide-suffix-cell--3of5 {
    margin-right: 60%;
  }

  .Wide-push-cell--3of5 {
    position: relative;
    left: 60%;
  }

  .Wide-pull-cell--3of5 {
    position: relative;
    left: -60%;
  }

  .Wide-cell--4of5 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 80%;
  }

  .Wide-prefix-cell--4of5 {
    margin-left: 80%;
  }

  .Wide-suffix-cell--4of5 {
    margin-right: 80%;
  }

  .Wide-push-cell--4of5 {
    position: relative;
    left: 80%;
  }

  .Wide-pull-cell--4of5 {
    position: relative;
    left: -80%;
  }

  .Wide-cell--5of5 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Wide-cell--5of5:before,
  .Wide-cell--5of5:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide-cell--5of5:after {
    clear: both;
  }

  .Wide-cell--0of6 {
    display: none;
  }

  .Wide-cell--1of6 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 16.66666667%;
  }

  .Wide-prefix-cell--1of6 {
    margin-left: 16.66666667%;
  }

  .Wide-suffix-cell--1of6 {
    margin-right: 16.66666667%;
  }

  .Wide-push-cell--1of6 {
    position: relative;
    left: 16.66666667%;
  }

  .Wide-pull-cell--1of6 {
    position: relative;
    left: -16.66666667%;
  }

  .Wide-cell--2of6 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.33333333%;
  }

  .Wide-prefix-cell--2of6 {
    margin-left: 33.33333333%;
  }

  .Wide-suffix-cell--2of6 {
    margin-right: 33.33333333%;
  }

  .Wide-push-cell--2of6 {
    position: relative;
    left: 33.33333333%;
  }

  .Wide-pull-cell--2of6 {
    position: relative;
    left: -33.33333333%;
  }

  .Wide-cell--3of6 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Wide-prefix-cell--3of6 {
    margin-left: 50%;
  }

  .Wide-suffix-cell--3of6 {
    margin-right: 50%;
  }

  .Wide-push-cell--3of6 {
    position: relative;
    left: 50%;
  }

  .Wide-pull-cell--3of6 {
    position: relative;
    left: -50%;
  }

  .Wide-cell--4of6 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 66.66666667%;
  }

  .Wide-prefix-cell--4of6 {
    margin-left: 66.66666667%;
  }

  .Wide-suffix-cell--4of6 {
    margin-right: 66.66666667%;
  }

  .Wide-push-cell--4of6 {
    position: relative;
    left: 66.66666667%;
  }

  .Wide-pull-cell--4of6 {
    position: relative;
    left: -66.66666667%;
  }

  .Wide-cell--5of6 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 83.33333333%;
  }

  .Wide-prefix-cell--5of6 {
    margin-left: 83.33333333%;
  }

  .Wide-suffix-cell--5of6 {
    margin-right: 83.33333333%;
  }

  .Wide-push-cell--5of6 {
    position: relative;
    left: 83.33333333%;
  }

  .Wide-pull-cell--5of6 {
    position: relative;
    left: -83.33333333%;
  }

  .Wide-cell--6of6 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Wide-cell--6of6:before,
  .Wide-cell--6of6:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide-cell--6of6:after {
    clear: both;
  }

  .Wide-cell--0of7 {
    display: none;
  }

  .Wide-cell--1of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 14.28571429%;
  }

  .Wide-prefix-cell--1of7 {
    margin-left: 14.28571429%;
  }

  .Wide-suffix-cell--1of7 {
    margin-right: 14.28571429%;
  }

  .Wide-push-cell--1of7 {
    position: relative;
    left: 14.28571429%;
  }

  .Wide-pull-cell--1of7 {
    position: relative;
    left: -14.28571429%;
  }

  .Wide-cell--2of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 28.57142857%;
  }

  .Wide-prefix-cell--2of7 {
    margin-left: 28.57142857%;
  }

  .Wide-suffix-cell--2of7 {
    margin-right: 28.57142857%;
  }

  .Wide-push-cell--2of7 {
    position: relative;
    left: 28.57142857%;
  }

  .Wide-pull-cell--2of7 {
    position: relative;
    left: -28.57142857%;
  }

  .Wide-cell--3of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 42.85714286%;
  }

  .Wide-prefix-cell--3of7 {
    margin-left: 42.85714286%;
  }

  .Wide-suffix-cell--3of7 {
    margin-right: 42.85714286%;
  }

  .Wide-push-cell--3of7 {
    position: relative;
    left: 42.85714286%;
  }

  .Wide-pull-cell--3of7 {
    position: relative;
    left: -42.85714286%;
  }

  .Wide-cell--4of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 57.14285714%;
  }

  .Wide-prefix-cell--4of7 {
    margin-left: 57.14285714%;
  }

  .Wide-suffix-cell--4of7 {
    margin-right: 57.14285714%;
  }

  .Wide-push-cell--4of7 {
    position: relative;
    left: 57.14285714%;
  }

  .Wide-pull-cell--4of7 {
    position: relative;
    left: -57.14285714%;
  }

  .Wide-cell--5of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 71.42857143%;
  }

  .Wide-prefix-cell--5of7 {
    margin-left: 71.42857143%;
  }

  .Wide-suffix-cell--5of7 {
    margin-right: 71.42857143%;
  }

  .Wide-push-cell--5of7 {
    position: relative;
    left: 71.42857143%;
  }

  .Wide-pull-cell--5of7 {
    position: relative;
    left: -71.42857143%;
  }

  .Wide-cell--6of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 85.71428571%;
  }

  .Wide-prefix-cell--6of7 {
    margin-left: 85.71428571%;
  }

  .Wide-suffix-cell--6of7 {
    margin-right: 85.71428571%;
  }

  .Wide-push-cell--6of7 {
    position: relative;
    left: 85.71428571%;
  }

  .Wide-pull-cell--6of7 {
    position: relative;
    left: -85.71428571%;
  }

  .Wide-cell--7of7 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Wide-cell--7of7:before,
  .Wide-cell--7of7:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide-cell--7of7:after {
    clear: both;
  }

  .Wide-cell--0of8 {
    display: none;
  }

  .Wide-cell--1of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 12.5%;
  }

  .Wide-prefix-cell--1of8 {
    margin-left: 12.5%;
  }

  .Wide-suffix-cell--1of8 {
    margin-right: 12.5%;
  }

  .Wide-push-cell--1of8 {
    position: relative;
    left: 12.5%;
  }

  .Wide-pull-cell--1of8 {
    position: relative;
    left: -12.5%;
  }

  .Wide-cell--2of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25%;
  }

  .Wide-prefix-cell--2of8 {
    margin-left: 25%;
  }

  .Wide-suffix-cell--2of8 {
    margin-right: 25%;
  }

  .Wide-push-cell--2of8 {
    position: relative;
    left: 25%;
  }

  .Wide-pull-cell--2of8 {
    position: relative;
    left: -25%;
  }

  .Wide-cell--3of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 37.5%;
  }

  .Wide-prefix-cell--3of8 {
    margin-left: 37.5%;
  }

  .Wide-suffix-cell--3of8 {
    margin-right: 37.5%;
  }

  .Wide-push-cell--3of8 {
    position: relative;
    left: 37.5%;
  }

  .Wide-pull-cell--3of8 {
    position: relative;
    left: -37.5%;
  }

  .Wide-cell--4of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Wide-prefix-cell--4of8 {
    margin-left: 50%;
  }

  .Wide-suffix-cell--4of8 {
    margin-right: 50%;
  }

  .Wide-push-cell--4of8 {
    position: relative;
    left: 50%;
  }

  .Wide-pull-cell--4of8 {
    position: relative;
    left: -50%;
  }

  .Wide-cell--5of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 62.5%;
  }

  .Wide-prefix-cell--5of8 {
    margin-left: 62.5%;
  }

  .Wide-suffix-cell--5of8 {
    margin-right: 62.5%;
  }

  .Wide-push-cell--5of8 {
    position: relative;
    left: 62.5%;
  }

  .Wide-pull-cell--5of8 {
    position: relative;
    left: -62.5%;
  }

  .Wide-cell--6of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 75%;
  }

  .Wide-prefix-cell--6of8 {
    margin-left: 75%;
  }

  .Wide-suffix-cell--6of8 {
    margin-right: 75%;
  }

  .Wide-push-cell--6of8 {
    position: relative;
    left: 75%;
  }

  .Wide-pull-cell--6of8 {
    position: relative;
    left: -75%;
  }

  .Wide-cell--7of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 87.5%;
  }

  .Wide-prefix-cell--7of8 {
    margin-left: 87.5%;
  }

  .Wide-suffix-cell--7of8 {
    margin-right: 87.5%;
  }

  .Wide-push-cell--7of8 {
    position: relative;
    left: 87.5%;
  }

  .Wide-pull-cell--7of8 {
    position: relative;
    left: -87.5%;
  }

  .Wide-cell--8of8 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Wide-cell--8of8:before,
  .Wide-cell--8of8:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide-cell--8of8:after {
    clear: both;
  }

  .Wide-cell--0of9 {
    display: none;
  }

  .Wide-cell--1of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 11.11111111%;
  }

  .Wide-prefix-cell--1of9 {
    margin-left: 11.11111111%;
  }

  .Wide-suffix-cell--1of9 {
    margin-right: 11.11111111%;
  }

  .Wide-push-cell--1of9 {
    position: relative;
    left: 11.11111111%;
  }

  .Wide-pull-cell--1of9 {
    position: relative;
    left: -11.11111111%;
  }

  .Wide-cell--2of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 22.22222222%;
  }

  .Wide-prefix-cell--2of9 {
    margin-left: 22.22222222%;
  }

  .Wide-suffix-cell--2of9 {
    margin-right: 22.22222222%;
  }

  .Wide-push-cell--2of9 {
    position: relative;
    left: 22.22222222%;
  }

  .Wide-pull-cell--2of9 {
    position: relative;
    left: -22.22222222%;
  }

  .Wide-cell--3of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.33333333%;
  }

  .Wide-prefix-cell--3of9 {
    margin-left: 33.33333333%;
  }

  .Wide-suffix-cell--3of9 {
    margin-right: 33.33333333%;
  }

  .Wide-push-cell--3of9 {
    position: relative;
    left: 33.33333333%;
  }

  .Wide-pull-cell--3of9 {
    position: relative;
    left: -33.33333333%;
  }

  .Wide-cell--4of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 44.44444444%;
  }

  .Wide-prefix-cell--4of9 {
    margin-left: 44.44444444%;
  }

  .Wide-suffix-cell--4of9 {
    margin-right: 44.44444444%;
  }

  .Wide-push-cell--4of9 {
    position: relative;
    left: 44.44444444%;
  }

  .Wide-pull-cell--4of9 {
    position: relative;
    left: -44.44444444%;
  }

  .Wide-cell--5of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 55.55555556%;
  }

  .Wide-prefix-cell--5of9 {
    margin-left: 55.55555556%;
  }

  .Wide-suffix-cell--5of9 {
    margin-right: 55.55555556%;
  }

  .Wide-push-cell--5of9 {
    position: relative;
    left: 55.55555556%;
  }

  .Wide-pull-cell--5of9 {
    position: relative;
    left: -55.55555556%;
  }

  .Wide-cell--6of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 66.66666667%;
  }

  .Wide-prefix-cell--6of9 {
    margin-left: 66.66666667%;
  }

  .Wide-suffix-cell--6of9 {
    margin-right: 66.66666667%;
  }

  .Wide-push-cell--6of9 {
    position: relative;
    left: 66.66666667%;
  }

  .Wide-pull-cell--6of9 {
    position: relative;
    left: -66.66666667%;
  }

  .Wide-cell--7of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 77.77777778%;
  }

  .Wide-prefix-cell--7of9 {
    margin-left: 77.77777778%;
  }

  .Wide-suffix-cell--7of9 {
    margin-right: 77.77777778%;
  }

  .Wide-push-cell--7of9 {
    position: relative;
    left: 77.77777778%;
  }

  .Wide-pull-cell--7of9 {
    position: relative;
    left: -77.77777778%;
  }

  .Wide-cell--8of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 88.88888889%;
  }

  .Wide-prefix-cell--8of9 {
    margin-left: 88.88888889%;
  }

  .Wide-suffix-cell--8of9 {
    margin-right: 88.88888889%;
  }

  .Wide-push-cell--8of9 {
    position: relative;
    left: 88.88888889%;
  }

  .Wide-pull-cell--8of9 {
    position: relative;
    left: -88.88888889%;
  }

  .Wide-cell--9of9 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Wide-cell--9of9:before,
  .Wide-cell--9of9:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide-cell--9of9:after {
    clear: both;
  }

  .Wide-cell--0of10 {
    display: none;
  }

  .Wide-cell--1of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 10%;
  }

  .Wide-prefix-cell--1of10 {
    margin-left: 10%;
  }

  .Wide-suffix-cell--1of10 {
    margin-right: 10%;
  }

  .Wide-push-cell--1of10 {
    position: relative;
    left: 10%;
  }

  .Wide-pull-cell--1of10 {
    position: relative;
    left: -10%;
  }

  .Wide-cell--2of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 20%;
  }

  .Wide-prefix-cell--2of10 {
    margin-left: 20%;
  }

  .Wide-suffix-cell--2of10 {
    margin-right: 20%;
  }

  .Wide-push-cell--2of10 {
    position: relative;
    left: 20%;
  }

  .Wide-pull-cell--2of10 {
    position: relative;
    left: -20%;
  }

  .Wide-cell--3of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 30%;
  }

  .Wide-prefix-cell--3of10 {
    margin-left: 30%;
  }

  .Wide-suffix-cell--3of10 {
    margin-right: 30%;
  }

  .Wide-push-cell--3of10 {
    position: relative;
    left: 30%;
  }

  .Wide-pull-cell--3of10 {
    position: relative;
    left: -30%;
  }

  .Wide-cell--4of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 40%;
  }

  .Wide-prefix-cell--4of10 {
    margin-left: 40%;
  }

  .Wide-suffix-cell--4of10 {
    margin-right: 40%;
  }

  .Wide-push-cell--4of10 {
    position: relative;
    left: 40%;
  }

  .Wide-pull-cell--4of10 {
    position: relative;
    left: -40%;
  }

  .Wide-cell--5of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Wide-prefix-cell--5of10 {
    margin-left: 50%;
  }

  .Wide-suffix-cell--5of10 {
    margin-right: 50%;
  }

  .Wide-push-cell--5of10 {
    position: relative;
    left: 50%;
  }

  .Wide-pull-cell--5of10 {
    position: relative;
    left: -50%;
  }

  .Wide-cell--6of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 60%;
  }

  .Wide-prefix-cell--6of10 {
    margin-left: 60%;
  }

  .Wide-suffix-cell--6of10 {
    margin-right: 60%;
  }

  .Wide-push-cell--6of10 {
    position: relative;
    left: 60%;
  }

  .Wide-pull-cell--6of10 {
    position: relative;
    left: -60%;
  }

  .Wide-cell--7of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 70%;
  }

  .Wide-prefix-cell--7of10 {
    margin-left: 70%;
  }

  .Wide-suffix-cell--7of10 {
    margin-right: 70%;
  }

  .Wide-push-cell--7of10 {
    position: relative;
    left: 70%;
  }

  .Wide-pull-cell--7of10 {
    position: relative;
    left: -70%;
  }

  .Wide-cell--8of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 80%;
  }

  .Wide-prefix-cell--8of10 {
    margin-left: 80%;
  }

  .Wide-suffix-cell--8of10 {
    margin-right: 80%;
  }

  .Wide-push-cell--8of10 {
    position: relative;
    left: 80%;
  }

  .Wide-pull-cell--8of10 {
    position: relative;
    left: -80%;
  }

  .Wide-cell--9of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 90%;
  }

  .Wide-prefix-cell--9of10 {
    margin-left: 90%;
  }

  .Wide-suffix-cell--9of10 {
    margin-right: 90%;
  }

  .Wide-push-cell--9of10 {
    position: relative;
    left: 90%;
  }

  .Wide-pull-cell--9of10 {
    position: relative;
    left: -90%;
  }

  .Wide-cell--10of10 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Wide-cell--10of10:before,
  .Wide-cell--10of10:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide-cell--10of10:after {
    clear: both;
  }

  .Wide-cell--0of12 {
    display: none;
  }

  .Wide-cell--1of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 8.33333333%;
  }

  .Wide-prefix-cell--1of12 {
    margin-left: 8.33333333%;
  }

  .Wide-suffix-cell--1of12 {
    margin-right: 8.33333333%;
  }

  .Wide-push-cell--1of12 {
    position: relative;
    left: 8.33333333%;
  }

  .Wide-pull-cell--1of12 {
    position: relative;
    left: -8.33333333%;
  }

  .Wide-cell--2of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 16.66666667%;
  }

  .Wide-prefix-cell--2of12 {
    margin-left: 16.66666667%;
  }

  .Wide-suffix-cell--2of12 {
    margin-right: 16.66666667%;
  }

  .Wide-push-cell--2of12 {
    position: relative;
    left: 16.66666667%;
  }

  .Wide-pull-cell--2of12 {
    position: relative;
    left: -16.66666667%;
  }

  .Wide-cell--3of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25%;
  }

  .Wide-prefix-cell--3of12 {
    margin-left: 25%;
  }

  .Wide-suffix-cell--3of12 {
    margin-right: 25%;
  }

  .Wide-push-cell--3of12 {
    position: relative;
    left: 25%;
  }

  .Wide-pull-cell--3of12 {
    position: relative;
    left: -25%;
  }

  .Wide-cell--4of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.33333333%;
  }

  .Wide-prefix-cell--4of12 {
    margin-left: 33.33333333%;
  }

  .Wide-suffix-cell--4of12 {
    margin-right: 33.33333333%;
  }

  .Wide-push-cell--4of12 {
    position: relative;
    left: 33.33333333%;
  }

  .Wide-pull-cell--4of12 {
    position: relative;
    left: -33.33333333%;
  }

  .Wide-cell--5of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 41.66666667%;
  }

  .Wide-prefix-cell--5of12 {
    margin-left: 41.66666667%;
  }

  .Wide-suffix-cell--5of12 {
    margin-right: 41.66666667%;
  }

  .Wide-push-cell--5of12 {
    position: relative;
    left: 41.66666667%;
  }

  .Wide-pull-cell--5of12 {
    position: relative;
    left: -41.66666667%;
  }

  .Wide-cell--6of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Wide-prefix-cell--6of12 {
    margin-left: 50%;
  }

  .Wide-suffix-cell--6of12 {
    margin-right: 50%;
  }

  .Wide-push-cell--6of12 {
    position: relative;
    left: 50%;
  }

  .Wide-pull-cell--6of12 {
    position: relative;
    left: -50%;
  }

  .Wide-cell--7of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 58.33333333%;
  }

  .Wide-prefix-cell--7of12 {
    margin-left: 58.33333333%;
  }

  .Wide-suffix-cell--7of12 {
    margin-right: 58.33333333%;
  }

  .Wide-push-cell--7of12 {
    position: relative;
    left: 58.33333333%;
  }

  .Wide-pull-cell--7of12 {
    position: relative;
    left: -58.33333333%;
  }

  .Wide-cell--8of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 66.66666667%;
  }

  .Wide-prefix-cell--8of12 {
    margin-left: 66.66666667%;
  }

  .Wide-suffix-cell--8of12 {
    margin-right: 66.66666667%;
  }

  .Wide-push-cell--8of12 {
    position: relative;
    left: 66.66666667%;
  }

  .Wide-pull-cell--8of12 {
    position: relative;
    left: -66.66666667%;
  }

  .Wide-cell--9of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 75%;
  }

  .Wide-prefix-cell--9of12 {
    margin-left: 75%;
  }

  .Wide-suffix-cell--9of12 {
    margin-right: 75%;
  }

  .Wide-push-cell--9of12 {
    position: relative;
    left: 75%;
  }

  .Wide-pull-cell--9of12 {
    position: relative;
    left: -75%;
  }

  .Wide-cell--10of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 83.33333333%;
  }

  .Wide-prefix-cell--10of12 {
    margin-left: 83.33333333%;
  }

  .Wide-suffix-cell--10of12 {
    margin-right: 83.33333333%;
  }

  .Wide-push-cell--10of12 {
    position: relative;
    left: 83.33333333%;
  }

  .Wide-pull-cell--10of12 {
    position: relative;
    left: -83.33333333%;
  }

  .Wide-cell--11of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 91.66666667%;
  }

  .Wide-prefix-cell--11of12 {
    margin-left: 91.66666667%;
  }

  .Wide-suffix-cell--11of12 {
    margin-right: 91.66666667%;
  }

  .Wide-push-cell--11of12 {
    position: relative;
    left: 91.66666667%;
  }

  .Wide-pull-cell--11of12 {
    position: relative;
    left: -91.66666667%;
  }

  .Wide-cell--12of12 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Wide-cell--12of12:before,
  .Wide-cell--12of12:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide-cell--12of12:after {
    clear: both;
  }

  .Wide-cell--0of16 {
    display: none;
  }

  .Wide-cell--1of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 6.25%;
  }

  .Wide-prefix-cell--1of16 {
    margin-left: 6.25%;
  }

  .Wide-suffix-cell--1of16 {
    margin-right: 6.25%;
  }

  .Wide-push-cell--1of16 {
    position: relative;
    left: 6.25%;
  }

  .Wide-pull-cell--1of16 {
    position: relative;
    left: -6.25%;
  }

  .Wide-cell--2of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 12.5%;
  }

  .Wide-prefix-cell--2of16 {
    margin-left: 12.5%;
  }

  .Wide-suffix-cell--2of16 {
    margin-right: 12.5%;
  }

  .Wide-push-cell--2of16 {
    position: relative;
    left: 12.5%;
  }

  .Wide-pull-cell--2of16 {
    position: relative;
    left: -12.5%;
  }

  .Wide-cell--3of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 18.75%;
  }

  .Wide-prefix-cell--3of16 {
    margin-left: 18.75%;
  }

  .Wide-suffix-cell--3of16 {
    margin-right: 18.75%;
  }

  .Wide-push-cell--3of16 {
    position: relative;
    left: 18.75%;
  }

  .Wide-pull-cell--3of16 {
    position: relative;
    left: -18.75%;
  }

  .Wide-cell--4of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 25%;
  }

  .Wide-prefix-cell--4of16 {
    margin-left: 25%;
  }

  .Wide-suffix-cell--4of16 {
    margin-right: 25%;
  }

  .Wide-push-cell--4of16 {
    position: relative;
    left: 25%;
  }

  .Wide-pull-cell--4of16 {
    position: relative;
    left: -25%;
  }

  .Wide-cell--5of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 31.25%;
  }

  .Wide-prefix-cell--5of16 {
    margin-left: 31.25%;
  }

  .Wide-suffix-cell--5of16 {
    margin-right: 31.25%;
  }

  .Wide-push-cell--5of16 {
    position: relative;
    left: 31.25%;
  }

  .Wide-pull-cell--5of16 {
    position: relative;
    left: -31.25%;
  }

  .Wide-cell--6of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 37.5%;
  }

  .Wide-prefix-cell--6of16 {
    margin-left: 37.5%;
  }

  .Wide-suffix-cell--6of16 {
    margin-right: 37.5%;
  }

  .Wide-push-cell--6of16 {
    position: relative;
    left: 37.5%;
  }

  .Wide-pull-cell--6of16 {
    position: relative;
    left: -37.5%;
  }

  .Wide-cell--7of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 43.75%;
  }

  .Wide-prefix-cell--7of16 {
    margin-left: 43.75%;
  }

  .Wide-suffix-cell--7of16 {
    margin-right: 43.75%;
  }

  .Wide-push-cell--7of16 {
    position: relative;
    left: 43.75%;
  }

  .Wide-pull-cell--7of16 {
    position: relative;
    left: -43.75%;
  }

  .Wide-cell--8of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }

  .Wide-prefix-cell--8of16 {
    margin-left: 50%;
  }

  .Wide-suffix-cell--8of16 {
    margin-right: 50%;
  }

  .Wide-push-cell--8of16 {
    position: relative;
    left: 50%;
  }

  .Wide-pull-cell--8of16 {
    position: relative;
    left: -50%;
  }

  .Wide-cell--9of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 56.25%;
  }

  .Wide-prefix-cell--9of16 {
    margin-left: 56.25%;
  }

  .Wide-suffix-cell--9of16 {
    margin-right: 56.25%;
  }

  .Wide-push-cell--9of16 {
    position: relative;
    left: 56.25%;
  }

  .Wide-pull-cell--9of16 {
    position: relative;
    left: -56.25%;
  }

  .Wide-cell--10of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 62.5%;
  }

  .Wide-prefix-cell--10of16 {
    margin-left: 62.5%;
  }

  .Wide-suffix-cell--10of16 {
    margin-right: 62.5%;
  }

  .Wide-push-cell--10of16 {
    position: relative;
    left: 62.5%;
  }

  .Wide-pull-cell--10of16 {
    position: relative;
    left: -62.5%;
  }

  .Wide-cell--11of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 68.75%;
  }

  .Wide-prefix-cell--11of16 {
    margin-left: 68.75%;
  }

  .Wide-suffix-cell--11of16 {
    margin-right: 68.75%;
  }

  .Wide-push-cell--11of16 {
    position: relative;
    left: 68.75%;
  }

  .Wide-pull-cell--11of16 {
    position: relative;
    left: -68.75%;
  }

  .Wide-cell--12of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 75%;
  }

  .Wide-prefix-cell--12of16 {
    margin-left: 75%;
  }

  .Wide-suffix-cell--12of16 {
    margin-right: 75%;
  }

  .Wide-push-cell--12of16 {
    position: relative;
    left: 75%;
  }

  .Wide-pull-cell--12of16 {
    position: relative;
    left: -75%;
  }

  .Wide-cell--13of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 81.25%;
  }

  .Wide-prefix-cell--13of16 {
    margin-left: 81.25%;
  }

  .Wide-suffix-cell--13of16 {
    margin-right: 81.25%;
  }

  .Wide-push-cell--13of16 {
    position: relative;
    left: 81.25%;
  }

  .Wide-pull-cell--13of16 {
    position: relative;
    left: -81.25%;
  }

  .Wide-cell--14of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 87.5%;
  }

  .Wide-prefix-cell--14of16 {
    margin-left: 87.5%;
  }

  .Wide-suffix-cell--14of16 {
    margin-right: 87.5%;
  }

  .Wide-push-cell--14of16 {
    position: relative;
    left: 87.5%;
  }

  .Wide-pull-cell--14of16 {
    position: relative;
    left: -87.5%;
  }

  .Wide-cell--15of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 93.75%;
  }

  .Wide-prefix-cell--15of16 {
    margin-left: 93.75%;
  }

  .Wide-suffix-cell--15of16 {
    margin-right: 93.75%;
  }

  .Wide-push-cell--15of16 {
    position: relative;
    left: 93.75%;
  }

  .Wide-pull-cell--15of16 {
    position: relative;
    left: -93.75%;
  }

  .Wide-cell--16of16 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    width: 100%;
  }

  .Wide-cell--16of16:before,
  .Wide-cell--16of16:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .Wide-cell--16of16:after {
    clear: both;
  }
}

@font-face {
  font-family: "Metallophile";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/seven-oh/metallophilesp8-light-webfont.html");
  src: url("../fonts/seven-oh/metallophilesp8-light-webfontd41d.html?#iefix") format("embedded-opentype"), url("../fonts/seven-oh/metallophilesp8-light-webfont-2.html") format("woff2"), url("../fonts/seven-oh/metallophilesp8-light-webfont-3.html") format("woff"), url("../fonts/seven-oh/metallophilesp8-light-webfont-4.html") format("truetype");
}

@font-face {
  font-family: "Metallophile";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/seven-oh/metallophile-medium.html");
  src: url("../fonts/seven-oh/metallophile-mediumd41d.html?#iefix") format("embedded-opentype"), url("../fonts/seven-oh/metallophile-medium-2.html") format("woff2"), url("../fonts/seven-oh/metallophile-medium-3.html") format("woff"), url("../fonts/seven-oh/metallophile-medium-4.html") format("truetype");
}

html {
  background: #0b0b0b url(../images/repeat-bg.jpg);
  color: #f7fae5;
  font-family: "Metallophile", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 125%;
  font-weight: 200;
  line-height: 1.875;
}

@media screen and (max-width:  720px) {
  html {
    font-size: 93.75%;
  }
}

html.ru-ru {
  font-family: "Comfortaa", Arial, Helvetica, sans-serif;
}

html.ko-kr {
  font-family: "Nanum Gothic", Arial, Helvetica, sans-serif;
}

html.zh-tw {
  font-family: "Arial", "Helvetica", "微軟正黑", "Microsoft JhengHei", "Tei TC", sans-serif;
}

html.zh-cn {
  font-family: "Arial", "Helvetica", "微软雅黑", "Microsoft YaHei", "Hei SC", "Arial", sans-serif;
}

h1,
h3 {
  background-image: -webkit-linear-gradient(top, #769944 0%, #769944 22.916667%, #9fb84a 37.5%, #e8e361 55%);
  -webkit-background-clip: text;
  background-size: 1.2em 1.2em;
  -webkit-text-fill-color: transparent;
  color: #e8e361;
  font-family: "Metallophile", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}

.ru-ru h1,
.ru-ru h3 {
  font-family: "Comfortaa", Arial, Helvetica, sans-serif;
}

.ko-kr h1,
.ko-kr h3 {
  font-family: "Nanum Gothic", Arial, Helvetica, sans-serif;
}

.zh-tw h1,
.zh-tw h3 {
  font-family: "Arial", "Helvetica", "微軟正黑", "Microsoft JhengHei", "Tei TC", sans-serif;
}

.zh-cn h1,
.zh-cn h3 {
  font-family: "Arial", "Helvetica", "微软雅黑", "Microsoft YaHei", "Hei SC", "Arial", sans-serif;
}

h1 {
  font-size: 50px;
  font-size: 2.5rem;
  letter-spacing: 4px;
  letter-spacing: 0.2rem;
  margin: 0 auto;
  max-width: 700px;
  max-width: 35rem;
  text-align: center;
}

h2 {
  color: #b4b4b4;
  font-family: "Metallophile", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 25px;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 2px;
  letter-spacing: 0.1rem;
  line-height: 1.230769;
  margin: 0 auto;
  max-width: 700px;
  max-width: 35rem;
  text-align: center;
  text-transform: uppercase;
}

h3 {
  font-size: 25px;
  font-size: 1.25rem;
  margin-top: 18px;
  margin-top: 0.9375rem;
}

@media screen and (max-width:  720px) {
  h3 {
    margin-top: 9px;
    margin-top: 0.46875rem;
    margin-bottom: -9px;
    margin-bottom: -0.46875rem;
  }
}

p {
  margin: 0;
}

p + p,
p + ul,
ul + p,
h1 + p,
p + h1,
h3 + p,
p + h3 {
  margin-top: 37px;
  margin-top: 1.875rem;
}

h3 + img,
img + h3,
h3 + p {
  margin-top: 18px;
  margin-top: 0.9375rem;
}

ul {
  list-style: disc inside none;
}

a {
  color: #f7fae5;
}

img {
  max-width: 100%;
}

body.ko-kr {
  font-family: inherit;
}

.page.full-page-view ul {
  padding-left: 0;
}

#nav-client-footer .nav-icon-24-blue {
  background-image: url(../images/sprite-24-orange.png);
}

#nav-client-footer .nav-item.logo-link {
  background-image: url(../images/blizzard-nav-client.png);
  height: 59px;
  width: 113px;
}

#nav-client-footer .blizzard-logo {
  display: none;
}

#nav-client-footer {
  font-weight: normal;
}

.iphone .nav-client .footer-content.footer-mobile .support-feedback {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-client .grid-container {
  padding-right: 70px;
  padding-right: 3.5rem;
  padding-left: 70px;
  padding-left: 3.5rem;
}

@media screen and (max-width:  800px) {
  .nav-client .grid-container {
    padding-right: 0;
    padding-left: 0;
  }
}

.nav-client .footer-desktop {
  min-width: 0;
}

.Header--wideLetterSpacing {
  font-size: 40px;
  font-size: 2rem;
  letter-spacing: 0.16em;
}

.Paragraph--small {
  font-size: 17px;
  font-size: 0.875rem;
}

.Grid {
  margin: 0 auto;
  max-width: 1280px;
  max-width: 64rem;
  padding: 0 70px;
  padding: 0 3.5rem;
  position: relative;
}

@media screen and (max-width:  720px) {
  .Grid {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}

@media screen and (max-width:  720px) {
  .Grid-push-cell--1of2,
  .Grid-pull-cell--1of2,
  .Grid-push-cell--1of4,
  .Grid-pull-cell--3of4,
  .Grid-push-cell--3of8,
  .Grid-pull-cell--5of8 {
    left: 0;
  }
}

.Grid + .Grid {
  margin-top: 37px;
  margin-top: 1.875rem;
}

.Grid--narrowGrid {
  max-width: 1040px;
  max-width: 52rem;
}

.Grid-cell {
  min-height: 1px;
}

.Section {
  padding-top: 6em;
  padding-bottom: 6em;
  position: relative;
}

.Section--bigDividerOne:before,
.Section--bigDividerTwo:before {
  background: url(../images/section-divider-sprite.png) no-repeat;
  background-size: auto 200%;
  content: "";
  display: block;
  height: 7.7em;
  left: 0;
  position: absolute;
  right: 0;
  top: -3.45em;
  z-index: 200;
}

.Section--bigDividerOne:before {
  background-position: 50% 0;
}

.Section--bigDividerTwo:before {
  background-position: 50% 100%;
}

.Section--smallDivider:before {
  background: url("../images/0729fb8682b94ec388cf4ee5a5f8fb0d.html") repeat-x;
  background-size: auto 100%;
  content: "";
  display: block;
  height: 21px;
  height: 1.05rem;
  left: 0;
  position: absolute;
  right: 0;
  top: -10px;
  top: -0.5rem;
  z-index: 200;
}

.Section--keyArtHeader {
  padding-top: 278px;
  padding-top: 13.9rem;
}

.Section--obeliskFooter {
  background: #0e0f0e url("../images/footer-obelisk.jpg") no-repeat 50% 0;
  padding-top: 0;
  padding-bottom: 0;
}

.tempClass-obeliskFooterBuffer {
  min-height: 840px;
  padding-top: 120px;
}

.Section--noPaddingBottom {
  padding-bottom: 0;
}

@media screen and (max-width:  720px) {
  .Section--noPaddingBottom {
    padding-bottom: 120px;
    padding-bottom: 6rem;
  }
}

.Section--noPadding {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width:  720px) {
  .Section--noPadding {
    padding-top: 120px;
    padding-top: 6rem;
    padding-bottom: 120px;
    padding-bottom: 6rem;
  }
}

.Body--keyArtHeader {
  position: relative;
  z-index: 400;
}

.Navigation-full {
  bottom: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
  width: 70px;
  width: 3.5rem;
  z-index: 500;
}

.Navigation-full:after {
  background: -webkit-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.5) 100%);
  bottom: 0;
  content: "";
  position: absolute;
  right: -300px;
  right: -15rem;
  top: 0;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
  width: 300px;
  width: 15rem;
}

@media screen and (max-width:  720px) {
  .Navigation-full {
    display: none;
  }
}

.Navigation-full--expanded {
  -webkit-transition: width 0s;
  transition: width 0s;
  width: 400px;
  width: 20rem;
}

.Navigation-full--expanded:after {
  right: 0;
}

.Navigation-compact {
  display: none;
}

@media screen and (max-width:  720px) {
  .Navigation-compact {
    display: block;
  }
}

.Navigation-fullWrap {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  width: 20rem;
  z-index: 500;
}

.Navigation-compactWrap {
  background: #020900;
  background: #0b0b0b url(../images/repeat-bg.jpg);
  border-right: 1px solid rgba(19, 255, 41, 0.2);
  bottom: 0;
  left: 0;
  margin-left: -86%;
  max-width: 350px;
  position: fixed;
  top: 0;
  -webkit-transition: margin 0.2s;
  transition: margin 0.2s;
  width: 85%;
  z-index: 610;
}

.Navigation-compactLogo {
  margin: -37px 0 0 0;
  margin: -1.875rem 0 0 0;
  max-width: 250px;
  max-width: 12.5rem;
}

@media screen and (max-width:  720px) and (orientation: landscape) {
  .Navigation-compactLogo {
    margin-bottom: -18px;
    margin-bottom: -0.9375rem;
    max-width: 150px;
    max-width: 7.5rem;
  }
}

.Navigation-compactLogoWrap {
  text-align: center;
}

.Navigation-compact--menuOpen .Navigation-compactWrap {
  margin-left: 0;
  -webkit-transition: margin 0.4s;
  transition: margin 0.4s;
}

.Navigation-full .Navigation-list {
  padding-right: 9px;
  padding-right: 0.46875rem;
}

.Navigation-compact .Navigation-list--buy {
  margin: 9px 0;
  margin: 0.46875rem 0;
}

@media screen and (max-width:  720px) and (orientation: landscape) {
  .Navigation-compact .Navigation-list--buy {
    margin: 0;
  }
}

.Navigation-item,
.page.full-page-view ul .Navigation-item {
  list-style: none;
  margin: 0;
}

.Navigation-full .Navigation-item {
  text-align: right;
}

.Navigation-full .Navigation-item--hideInFull {
  display: none;
}

.Navigation-link {
  display: block;
  position: relative;
}

.Navigation-full .Navigation-link {
  padding-right: 50px;
  padding-right: 2.5rem;
}

.Navigation-full .Navigation-icon {
  margin: -3px -3px 0 0;
  margin: -0.15rem -0.15rem 0 0;
  z-index: 600;
}

.Navigation-full .Navigation-icon,
.Navigation-full .Navigation-icon:after {
  height: 56px;
  height: 2.8rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  width: 2.8rem;
}

.Navigation-full .Navigation-icon:after {
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.Navigation-full .Navigation-icon--rune,
.Navigation-full .Navigation-icon--rune:after {
  background: url("../images/navigation-runes.png") no-repeat;
}

.Navigation-full .Navigation-link:hover .Navigation-icon:after,
.Navigation-full .Navigation-link--active .Navigation-icon:after {
  opacity: 1;
}

.Navigation-full .Navigation-icon--home {
  background-position: 100%      0;
}

.Navigation-full .Navigation-icon--class {
  background-position: 100% -56px;
}

.Navigation-full .Navigation-icon--artifacts {
  background-position: 100% -112px;
}

.Navigation-full .Navigation-icon--world {
  background-position: 100% -168px;
}

.Navigation-full .Navigation-icon--characters {
  background-position: 100% -224px;
}

.Navigation-full .Navigation-icon--media {
  background-position: 100% -280px;
}

.Navigation-full .Navigation-icon--features {
  background-position: 100% -336px;
}

.Navigation-full .Navigation-icon--home:after {
  background-position: 0      0;
}

.Navigation-full .Navigation-icon--class:after {
  background-position: 0 -56px;
}

.Navigation-full .Navigation-icon--artifacts:after {
  background-position: 0 -112px;
}

.Navigation-full .Navigation-icon--world:after {
  background-position: 0 -168px;
}

.Navigation-full .Navigation-icon--characters:after {
  background-position: 0 -224px;
}

.Navigation-full .Navigation-icon--media:after {
  background-position: 0 -280px;
}

.Navigation-full .Navigation-icon--features:after {
  background-position: 0 -336px;
}

.Navigation-full .Navigation-icon--gameSite,
.Navigation-full .Navigation-icon--gameSite:after {
  background: url("../images/navigation-wow.png") no-repeat 100% 0;
  height: 63px;
  height: 3.15rem;
  margin: -6px -5px 0 0;
  margin: -0.3rem -0.25rem 0 0;
  right: 0;
  top: 0;
  width: 63px;
  width: 3.15rem;
}

.Navigation-full .Navigation-icon--gameSite:after {
  background-position: 0 0;
  margin: 0;
}

.Navigation-full .Navigation-icon--buy,
.Navigation-full .Navigation-icon--buy:after {
  background: url("../images/navigation-buy.png") no-repeat 100% 0;
  height: 65px;
  height: 3.25rem;
  margin: -8px -17px 0 0;
  margin: -0.4rem -0.85rem 0 0;
  right: 0;
  top: 0;
  width: 88px;
  width: 4.4rem;
}

.Navigation-full .Navigation-icon--buy:after {
  background-position: 0 0;
  margin: 0;
}

.Navigation-full .Navigation-icon--facebook,
.Navigation-full .Navigation-icon--facebook::after,
.Navigation-full .Navigation-icon--twitter,
.Navigation-full .Navigation-icon--twitter::after,
.Navigation-full .Navigation-icon--youtube,
.Navigation-full .Navigation-icon--youtube:after,
.Navigation-full .Navigation-icon--weibo,
.Navigation-full .Navigation-icon--weibo::after,
.Navigation-full .Navigation-icon--wechat,
.Navigation-full .Navigation-icon--wechat::after,
.Navigation-full .Navigation-icon--youku,
.Navigation-full .Navigation-icon--youku::after,
.Navigation-full .Navigation-icon--vk,
.Navigation-full .Navigation-icon--vk:after {
  background-image: url("../images/social-icon-sprite.png");
  background-repeat: no-repeat;
  background-size: 200% 700%;
  height: 50px;
  height: 2.5rem;
  margin: 0;
  right: 0;
  top: 0;
  width: 50px;
  width: 2.5rem;
}

.Navigation-full .Navigation-icon--facebook {
  background-position: 0                                   0;
}

.Navigation-full .Navigation-icon--facebook::after {
  background-position: -50px 0;
  background-position: -2.5rem 0;
}

.Navigation-full .Navigation-icon--twitter {
  background-position: 0 -50px;
  background-position: 0 -2.5rem;
}

.Navigation-full .Navigation-icon--twitter::after {
  background-position: -50px -50px;
  background-position: -2.5rem -2.5rem;
}

.Navigation-full .Navigation-icon--youtube {
  background-position: 0 -100px;
  background-position: 0 -5rem;
}

.Navigation-full .Navigation-icon--youtube::after {
  background-position: -50px -100px;
  background-position: -2.5rem -5rem;
}

.Navigation-full .Navigation-icon--weibo {
  background-position: 0 -150px;
  background-position: 0 -7.5rem;
}

.Navigation-full .Navigation-icon--weibo::after {
  background-position: -50px -150px;
  background-position: -2.5rem -7.5rem;
}

.Navigation-full .Navigation-icon--wechat {
  background-position: 0 -200px;
  background-position: 0 -10rem;
}

.Navigation-full .Navigation-icon--wechat::after {
  background-position: -50px -200px;
  background-position: -2.5rem -10rem;
}

.Navigation-full .Navigation-icon--youku {
  background-position: 0 -250px;
  background-position: 0 -12.5rem;
}

.Navigation-full .Navigation-icon--youku::after {
  background-position: -50px -250px;
  background-position: -2.5rem -12.5rem;
}

.Navigation-full .Navigation-icon--vk {
  background-position: 0 -300px;
  background-position: 0 -15rem;
}

.Navigation-full .Navigation-icon--vk::after {
  background-position: -50px -300px;
  background-position: -2.5rem -15rem;
}

.Navigation-compact .Navigation-list--sections .Navigation-link {
  border-bottom: 1px solid rgba(19, 255, 41, 0.2);
  padding-left: 18px;
  padding-left: 0.9375rem;
}

.Navigation-compact .Navigation-icon {
  margin: -3px -3px 0 0;
  margin: -0.15rem -0.15rem 0 0;
  z-index: 600;
}

@media screen and (max-width:  720px) and (orientation: landscape) {
  .Navigation-compact .Navigation-icon {
    margin-top: -7px;
    margin-top: -0.35rem;
  }
}

.Navigation-compact .Navigation-icon,
.Navigation-compact .Navigation-icon:after {
  background: url("../images/navigation-runes.png") no-repeat;
  background-size: 90px;
  height: 56px;
  height: 2.8rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  width: 2.8rem;
}

.Navigation-compact .Navigation-icon:after {
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.Navigation-compact .Navigation-link:hover .Navigation-icon:after,
.Navigation-compact .Navigation-link--active .Navigation-icon:after {
  opacity: 1;
}

.Navigation-compact .Navigation-icon--home {
  background-position: 100% -5px;
}

.Navigation-compact .Navigation-icon--class {
  background-position: 100% -49px;
}

.Navigation-compact .Navigation-icon--artifacts {
  background-position: 100% -95px;
}

.Navigation-compact .Navigation-icon--world {
  background-position: 100% -139px;
}

.Navigation-compact .Navigation-icon--characters {
  background-position: 100% -185px;
}

.Navigation-compact .Navigation-icon--media {
  background-position: 100% -229px;
}

.Navigation-compact .Navigation-icon--features {
  background-position: 100% -275px;
}

.Navigation-compact .Navigation-icon--home:after {
  background-position: 5% -5px;
}

.Navigation-compact .Navigation-icon--class:after {
  background-position: 5% -49px;
}

.Navigation-compact .Navigation-icon--artifacts:after {
  background-position: 5% -95px;
}

.Navigation-compact .Navigation-icon--world:after {
  background-position: 5% -139px;
}

.Navigation-compact .Navigation-icon--characters:after {
  background-position: 5% -185px;
}

.Navigation-compact .Navigation-icon--media:after {
  background-position: 5% -229px;
}

.Navigation-compact .Navigation-icon--features:after {
  background-position: 5% -275px;
}

.Navigation-compact .Navigation-list--sections > :first-child {
  border-top: 1px solid rgba(19, 255, 41, 0.2);
}

.Navigation-compact .Navigation-list--buy .Navigation-icon,
.Navigation-compact .Social-items .Navigation-icon {
  display: none;
}

@media screen and (max-width:  720px) and (orientation: landscape) {
  .Navigation-compact .Social-items {
    margin-top: 0;
  }
}

@media screen and (max-width:  720px) and (orientation: landscape) {
  .Navigation-compact .Social-link,
  .Navigation-compact .Social-link:after {
    height: 55px;
    height: 2.75rem;
    width: 55px;
    width: 2.75rem;
  }
}

.Navigation-full .Navigation-label {
  color: #13ff29;
  display: block;
  font-size: 15px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 50px;
  line-height: 2.5rem;
  opacity: 0;
  position: relative;
  right: 18px;
  right: 0.9375rem;
  text-transform: uppercase;
  -webkit-transition: color 0.2s, opacity 0.2s, right 0.4s;
  transition: color 0.2s, opacity 0.2s, right 0.4s;
  white-space: nowrap;
}

.Navigation-full .Navigation-list--expanded .Navigation-label {
  opacity: 1;
  right: 9px;
  right: 0.46875rem;
}

.Navigation-full .Navigation-list--buy .Navigation-label {
  right: 30px;
  right: 1.5rem;
}

.Navigation-full .Navigation-list--buy:hover .Navigation-label {
  right: 20px;
  right: 1rem;
}

.Navigation-full .Navigation-link:hover .Navigation-label,
.Navigation-full .Navigation-link--active .Navigation-label {
  color: #fff;
  text-shadow: none;
}

.Navigation-compact .Navigation-link {
  color: #13ff29;
  font-size: 15px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 3;
  text-shadow: 0px 0px 5px #13ff29;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

@media screen and (max-width:  720px) and (orientation: landscape) {
  .Navigation-compact .Navigation-link {
    line-height: 2.3;
  }
}

.Navigation-compact .Navigation-link:hover {
  background: -webkit-linear-gradient(right, transparent 0, rgba(19, 255, 41, 0.15) 100%);
  background: linear-gradient(right, transparent 0, rgba(19, 255, 41, 0.15) 100%);
  color: #fff;
}

.Navigation-compact .Navigation-link.Navigation-link--active {
  background: -webkit-linear-gradient(right, transparent 0, rgba(19, 255, 41, 0.15) 100%);
  background: linear-gradient(right, transparent 0, rgba(19, 255, 41, 0.15) 100%);
  color: #fff;
  text-shadow: none;
}

.Navigation-compact .Navigation-label {
  text-transform: uppercase;
}

.Navigation-compactToggle {
  background: #000000 url("../images/mobile-nav-sprite.png") no-repeat 4px 5px;
  background-size: 62px 62px;
  cursor: pointer;
  height: 30px;
  left: 0;
  padding: 4px;
  position: fixed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 0;
  width: 30px;
  z-index: 700;
}

.Navigation-compactToggle:hover {
  background-position: -27px 5px;
}

.Navigation-compact--menuOpen .Navigation-compactToggle {
  background-position: 4px -27px;
}

.Navigation-compact--menuOpen .Navigation-compactToggle:hover {
  background-position: -27px -27px;
}

.Navigation-compactShield {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 500;
}

.Navigation-compact--menuOpen .Navigation-compactShield {
  display: block;
}

.SectionNavigation {
  background: url("../images/repeat-bg-media.jpg") 50% 0 repeat-y;
  margin: 37px 0 56px;
  margin: 1.875rem 0 2.8125rem;
  position: relative;
  text-align: center;
}

.SectionNavigation:before {
  background: url("../images/media-tab-top.png") 50% 0 no-repeat;
  background-size: auto 100%;
  content: "";
  display: block;
  height: 151px;
  height: 7.55rem;
  left: 0;
  position: absolute;
  right: 0;
  top: -44px;
  top: -2.2rem;
}

.SectionNavigation:after {
  background: url("../images/media-tab-bottom.png") 50% 0 no-repeat;
  background-size: auto 100%;
  bottom: -29px;
  bottom: -1.45rem;
  content: "";
  display: block;
  height: 135px;
  height: 6.75rem;
  left: 0;
  position: absolute;
  right: 0;
}

.page.full-page-view .SectionNavigation,
.SectionNavigation {
  padding: 26px 70px 24px;
  padding: 1.3rem 3.5rem 1.2rem;
}

@media screen and (max-width:  720px) {
  .page.full-page-view .SectionNavigation,
  .SectionNavigation {
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}

.SectionNavigation > li {
  color: #13ff29;
  cursor: pointer;
  display: inline-block;
  font-size: 22px;
  font-size: 1.125rem;
  list-style: none;
  padding: 0 22px;
  padding: 0 1.125rem;
  position: relative;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  z-index: 600;
}

.SectionNavigation > li:hover,
.SectionNavigation > .active {
  color: #fff;
}

.SectionNavigation > li,
.page.full-page-view .SectionNavigation > li {
  list-style: none;
  margin-left: 0;
}

.VertAlign {
  border-collapse: collapse;
  display: table;
  height: 100%;
  width: 100%;
}

.VertAlign-section {
  display: table-row;
}

.VertAlign-block {
  display: table-cell;
  padding-top: 18px;
  padding-top: 0.9375rem;
  padding-bottom: 18px;
  padding-bottom: 0.9375rem;
}

.VertAlign-block--collapse {
  height: 1%;
}

.VertAlign-block--top {
  vertical-align: top;
}

.VertAlign-block--middle {
  vertical-align: middle;
}

.VertAlign-block--bottom {
  vertical-align: bottom;
}

.Button {
  background: none;
  border: none;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 17px;
  font-size: 0.875rem;
  font-weight: 400;
  height: 110px;
  height: 5.5rem;
  line-height: 24px;
  line-height: 1.2rem;
  padding: 0 120px;
  padding: 0 6rem;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}

.Button--fixedWidth {
  width: 140px;
  width: 7rem;
}

.Button--subtle {
  background: #0dc61d;
  box-shadow: 0px 0px 10px #0dc61d;
  color: #000;
  font-weight: 700;
  height: auto;
  line-height: 24px;
  line-height: 1.2rem;
  padding: 12px 48px;
  padding: 0.6rem 2.4rem;
  text-shadow: 0px 0px 16px #deff00, 0px 0px 12px #deff00, 0px 0px 8px #deff00;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.Button--subtle:hover {
  background: #13ff29;
}

.Button--expanded {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 9px 5% 0;
  margin: 0.46875rem 5% 0;
  text-align: center;
  width: 90%;
}

.Button--textGlow {
  color: #13ff29;
  font-size: 20px;
  font-size: 1rem;
  font-weight: 200;
  height: auto;
  line-height: 24px;
  line-height: 1.2rem;
  padding: 12px 24px;
  padding: 0.6rem 1.2rem;
  position: relative;
  text-shadow: 0 0 80px #10d222, 0 0 60px rgba(16, 210, 34, 0.9), 0 0 40px rgba(16, 210, 34, 0.8), 0 0 20px rgba(16, 210, 34, 0.7);
  -webkit-transition: color 0.2s, text-shadow 0.2s;
  transition: color 0.2s, text-shadow 0.2s;
}

.Button--textGlow:hover {
  color: #fff;
  text-shadow: 0 0 80px #ffffff, 0 0 60px rgba(255, 255, 255, 0.9), 0 0 40px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.7);
}

.Button-left {
  background-image: url("../images/button-left.png");
}

.Button-left,
.Button-left:after {
  background-size: 100% 100%;
  height: 110px;
  height: 5.5rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 138px;
  width: 6.9rem;
}

.Button-left:after {
  background-image: url("../images/button-left-hover.png");
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.Button--locked > .Button-left {
  background-image: url("../images/button-left-locked.png");
}

.Button-right {
  background-image: url("../images/button-right.png");
}

.Button-right,
.Button-right:after {
  background-size: 100% 100%;
  height: 110px;
  height: 5.5rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 138px;
  width: 6.9rem;
}

.Button-right:after {
  background-image: url("../images/button-right-hover.png");
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.Button--locked > .Button-right {
  background-image: url("../images/button-right-locked.png");
}

.Button-middle {
  background-image: url("../images/button-middle.png");
  left: 138px;
  left: 6.9rem;
  right: 138px;
  right: 6.9rem;
}

.Button-middle,
.Button-middle:after {
  background-repeat: repeat-x;
  background-size: auto 100%;
  bottom: 0;
  position: absolute;
  top: 0;
}

.Button-middle:after {
  background-image: url("../images/button-middle-hover.png");
  content: "";
  left: 0;
  opacity: 0;
  right: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.Button--locked > .Button-middle {
  background-image: url("../images/button-middle-locked.png");
}

.Button-light {
  top: -27px;
  top: -1.35rem;
}

.Button-light,
.Button-light:after {
  background: url("../images/button-light.png") no-repeat;
  background-size: 100% 100%;
  height: 150px;
  height: 7.5rem;
  position: absolute;
  right: 0;
  width: 199px;
  width: 9.95rem;
}

.Button-light:after {
  content: "";
  opacity: 0;
  top: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.Button--locked > .Button-light {
  display: none;
}

.Button:hover > .Button-left:after,
.Button:hover > .Button-right:after,
.Button:hover > .Button-middle:after,
.Button:hover > .Button-light:after {
  opacity: 1;
}

.Button--locked {
  cursor: default;
}

.Button--locked > .Button-left:after,
.Button--locked > .Button-right:after,
.Button--locked > .Button-middle:after,
.Button--locked > .Button-light:after {
  display: none;
}

.Button-text {
  font-size: 24px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 110px;
  line-height: 5.5rem;
  position: relative;
  text-align: center;
  text-shadow: 0 0 10px #e6ff42, 0 0 10px #e6ff42;
}

.Button--locked > .Button-text {
  text-shadow: 0 0 10px #95be8e, 0 0 10px #95be8e;
}

.Button--fixedWidth > .Button-text {
  left: 0;
  position: absolute;
  right: 0;
}

.ButtonFootnote {
  font-size: 15px;
  font-size: 0.75rem;
  margin: 0;
}

.Logo {
  position: relative;
  z-index: 100;
}

.ScaledImage--logo {
  width: 516px;
  width: 25.8rem;
}

.ScaledImage--classFeature {
  width: 140px;
  width: 7rem;
}

.ButtonList {
  font-size: 0;
  margin-top: 37px;
  margin-top: 1.875rem;
  text-align: center;
}

.ButtonList--keyArtHeader {
  margin: 0 0 -130px;
  margin: 0 0 -6.5rem;
  overflow: hidden;
  position: relative;
  z-index: 200;
}

@media screen and (max-width: 1280px) {
  .ButtonList--keyArtHeader {
    margin-bottom: -32px;
    margin-bottom: -1.6rem;
    top: -48px;
    top: -2.4rem;
  }
}

@media screen and (max-width:  960px) {
  .ButtonList--keyArtHeader {
    margin-bottom: -24px;
    margin-bottom: -1.2rem;
    top: -40px;
    top: -2rem;
  }
}

.ButtonList-item {
  display: inline-block;
  vertical-align: top;
}

.MediaList {
  text-align: center;
}

.MediaList-item {
  padding-right: 2.5%;
  padding-left: 2.5%;
}

@media screen and (max-width:  960px) {
  .MediaList-item {
    padding-right: 0;
    padding-left: 22.5%;
    position: relative;
  }
}

@media screen and (max-width:  960px) {
  .MediaList-item + .MediaList-item {
    margin-top: 37px;
    margin-top: 1.875rem;
  }
}

@media screen and (max-width:  960px) {
  .MediaList-side {
    left: 0;
    position: absolute;
    top: 0;
    width: 20%;
  }
}

@media screen and (max-width:  960px) {
  .MediaList-main {
    text-align: left;
  }
}

.ButtonList-item,
.page.full-page-view ul .ButtonList-item {
  list-style: none;
  margin: 0;
}

.ButtonList--keyArtHeader .ButtonList-item {
  float: left;
}

@media screen and (max-width:  960px) {
  .ButtonList--keyArtHeader .ButtonList-item {
    display: block;
    float: none;
  }
}

.ButtonList--keyArtHeader .ButtonList-prePurchase {
  float: right;
}

.ButtonList--keyArtHeader .ButtonList-item:last-child {
  float: right;
}

@media screen and (max-width:  960px) {
  .ButtonList--keyArtHeader .ButtonList-item:last-child {
    display: block;
    float: none;
  }
}

.ButtonList-itemLabel {
  color: rgba(247, 250, 229, 0.7);
  display: block;
  font-size: 15px;
  font-size: 0.75rem;
  line-height: 36px;
  line-height: 1.8rem;
  position: relative;
  text-transform: uppercase;
  top: -24px;
  top: -1.2rem;
}

.ButtonList-itemLabel--link {
  color: #13ff29;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.ButtonList-itemLabel--link:hover {
  color: #fff;
}

.InlineList {
  font-size: 0;
}

.InlineList-item {
  display: inline-block;
  vertical-align: top;
}

.VideoThumbnail {
  display: inline-block;
  margin: 20px 1.66666667% 0;
  margin: 1rem 1.66666667% 0;
  position: relative;
  width: 24.58333333%;
}

@media screen and (max-width:  720px) {
  .VideoThumbnail {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
}

.VideoThumbnail--large {
  margin-top: 0;
  width: 32.66666667%;
}

@media screen and (max-width:  720px) {
  .VideoThumbnail--large {
    margin-top: 20px;
    margin-top: 1rem;
    width: 100%;
  }
}

.VideoThumbnail--keyArtHeaderLeft {
  left: -36%;
}

@media screen and (max-width:  720px) {
  .VideoThumbnail--keyArtHeaderLeft {
    left: auto;
  }
}

.VideoThumbnail--keyArtHeaderCenter {
  left: 27.91666667%;
}

@media screen and (max-width:  720px) {
  .VideoThumbnail--keyArtHeaderCenter {
    left: auto;
  }
}

.VideoThumbnail--keyArtHeaderLeft:after,
.VideoThumbnail--keyArtHeaderRight:after {
  background: url("../images/video-pole-left.html") no-repeat;
  background-size: 100% 100%;
  content: "";
  padding-bottom: 237.62711864%;
  pointer-events: none;
  position: absolute;
  right: -49.49152542%;
  top: -62px;
  top: -3.1rem;
  width: 81.01694915%;
  z-index: 400;
}

@media screen and (max-width:  720px) {
  .VideoThumbnail--keyArtHeaderLeft:after,
  .VideoThumbnail--keyArtHeaderRight:after {
    display: none;
  }
}

.VideoThumbnail--keyArtHeaderRight:after {
  background-image: url("../images/video-pole-right.html");
  left: -49.49152542%;
  right: auto;
}

.VideoThumbnail--keyArtHeaderCenter:after {
  background: url("../images/video-pole-center.png") no-repeat;
  background-size: 100% 100%;
  content: "";
  height: 319px;
  height: 15.95rem;
  left: 50%;
  margin-left: -91px;
  margin-left: -4.55rem;
  position: absolute;
  top: -132px;
  top: -6.6rem;
  width: 182px;
  width: 9.1rem;
}

@media screen and (max-width:  720px) {
  .VideoThumbnail--keyArtHeaderCenter:after {
    display: none;
  }
}

.VideoThumbnail-link {
  display: block;
}

.VideoThumbnail--large .VideoThumbnail-link {
  box-shadow: 0 0 8px rgba(102, 170, 57, 0.5);
}

.VideoThumbnail-link--locked {
  cursor: default;
}

.VideoThumbnail-link--locked:before {
  background: url("../images/video-chain.png") no-repeat;
  background-size: 100% 100%;
  content: "";
  margin: -2.37288136% -3.72881356% 0 0;
  padding-bottom: 40.6779661%;
  position: absolute;
  right: 0;
  top: 0;
  width: 36.94915254%;
  z-index: 400;
}

@media screen and (max-width:  720px) {
  .VideoThumbnail-link--locked:before {
    height: 120px;
    height: 6rem;
    margin: -7px -11px 0 0;
    margin: -0.35rem -0.55rem 0 0;
    padding-bottom: 0;
    width: 109px;
    width: 5.45rem;
  }
}

.VideoThumbnail-videoWrap {
  background: #1d1e20;
  display: block;
  height: 0;
  padding-top: 50.51020408%;
  position: relative;
  z-index: 200;
}

.VideoThumbnail-videoWrap:after {
  box-shadow: 0 0 1px rgba(10, 12, 11, 0.35) inset, 0 0 8px rgba(0, 0, 0, 0.7) inset;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.VideoThumbnail--large .VideoThumbnail-videoWrap:after {
  display: none;
}

.VideoThumbnail-videoWrap {
  background: url('../images/coming-soon-thumb.jpg');
  background-position: center center;
  background-size: auto;
}

.ie8 .VideoThumbnail-videoWrap .VideoThumbnail-video,
.VideoThumbnail-link--locked .VideoThumbnail-video {
  display: none;
}

.VideoThumbnail-video {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

@media screen and (max-width:  720px) {
  .VideoThumbnail-video {
    display: none;
  }
}

.VideoThumbnail-playButton {
  background: url("../images/video-play-small.png") no-repeat 50% 50%;
  left: 50%;
  margin: -10.16949153% 0 0 -10.84745763%;
  padding-bottom: 20.6779661%;
  top: 50%;
  width: 21.01694915%;
}

.VideoThumbnail-playButton,
.VideoThumbnail-playButton:after {
  background-size: 100% 100%;
  position: absolute;
}

.VideoThumbnail-playButton:after {
  background-image: url("../images/video-play-small-hover.png");
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.VideoThumbnail-link:hover .VideoThumbnail-playButton:after {
  opacity: 1;
}

.VideoThumbnail-link--locked .VideoThumbnail-playButton {
  background-image: url("../images/video-play-small-locked.png");
}

.VideoThumbnail-link--locked .VideoThumbnail-playButton:after {
  display: none;
}

.VideoThumbnail--large .VideoThumbnail-playButton {
  background-image: url("../images/video-play-large.png");
  margin-top: -13.26530612%;
  margin-left: -13.26530612%;
  padding-bottom: 26.2755102%;
  width: 26.2755102%;
}

.VideoThumbnail--large .VideoThumbnail-playButton:after {
  background-image: url("../images/video-play-large-hover.png");
}

@media screen and (max-width:  720px) {
  .VideoThumbnail .VideoThumbnail-playButton,
  .VideoThumbnail--large .VideoThumbnail-playButton {
    height: 61px;
    height: 3.05rem;
    margin: -30px 0 0 -32px;
    margin: -1.5rem 0 0 -1.6rem;
    padding-bottom: 0;
    width: 62px;
    width: 3.1rem;
  }
}

.VideoThumbnail-fallback {
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

@media screen and (max-width:  720px) {
  .VideoThumbnail-fallback {
    display: block;
  }
}

.VideoThumbnail-label {
  background: rgba(11, 14, 14, 0.8);
  bottom: 0;
  color: #13ff29;
  font-size: 13px;
  font-size: 0.6875rem;
  font-weight: 200;
  left: 0;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
  z-index: 200;
}

.VideoThumbnail-link:hover > .VideoThumbnail-label {
  color: #fff;
}

.VideoThumbnail-link--locked > .VideoThumbnail-label,
.VideoThumbnail-link--locked:hover > .VideoThumbnail-label {
  color: #848484;
}

.VideoThumbnail-underGlow {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

.VideoThumbnail-underGlow:before,
.VideoThumbnail-underGlow:after {
  background: -webkit-radial-gradient(rgba(110, 206, 35, 0.5) 0%, transparent 70%);
  background: radial-gradient(rgba(110, 206, 35, 0.5) 0%, transparent 70%);
  content: "";
  height: 50px;
  height: 2.5rem;
  left: 0;
  position: absolute;
  right: 0;
}

.VideoThumbnail-underGlow:before {
  top: -15px;
  top: -0.75rem;
}

.VideoThumbnail-underGlow:after {
  bottom: -15px;
  bottom: -0.75rem;
}

.VideoThumbnail-overGlow {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 300;
}

.VideoThumbnail-overGlow:before,
.VideoThumbnail-overGlow:after {
  background: -webkit-linear-gradient(left, transparent, rgba(110, 206, 35, 0.5), transparent);
  background: linear-gradient(left, transparent, rgba(110, 206, 35, 0.5), transparent);
  content: "";
  height: 2px;
  height: 0.1rem;
  left: 0;
  position: absolute;
  right: 0;
}

.VideoThumbnail-overGlow:before {
  top: 0;
}

.VideoThumbnail-overGlow:after {
  bottom: 0;
}

.ThumbnailList-items {
  font-size: 0;
  text-align: center;
}

.ThumbnailList-item {
  display: inline-block;
  font-size: 15px;
  font-size: 0.75rem;
  list-style: none;
  padding-bottom: 56px;
  padding-bottom: 2.8rem;
}

.ThumbnailList-item:hover {
  cursor: pointer;
}

@media screen and (max-width:  720px) {
  .ThumbnailList-item {
    display: block;
  }
}

@media screen and (max-width:  540px) {
  .ThumbnailList-item {
    display: block;
  }
}

.ThumbnailList-item--noBottomPadding {
  padding-bottom: 0;
}

.ThumbnailList-item--1of4 {
  width: 23%;
}

@media screen and (max-width:  720px) {
  .ThumbnailList-item--1of4 {
    width: 48%;
  }
}

@media screen and (max-width:  540px) {
  .ThumbnailList-item--1of4 {
    width: 67%;
  }
}

.ThumbnailList-item--1of3 {
  width: 29.33333333%;
}

@media screen and (max-width:  960px) {
  .ThumbnailList-item--1of3 {
    width: 46%;
    padding-bottom: 16px;
  }
}

@media screen and (max-width:  540px) {
  .ThumbnailList-item--1of3 {
    width: 65%;
  }
}

.ThumbnailList-item,
.page.full-page-view ul .ThumbnailList-item {
  margin: 0;
}

.ThumbnailList-item--1of3,
.page.full-page-view ul .ThumbnailList-item--1of3 {
  margin: 0 2%;
}

@media screen and (max-width:  720px) {
  .ThumbnailList-item--1of3,
  .page.full-page-view ul .ThumbnailList-item--1of3 {
    margin: auto;
  }
}

@media screen and (max-width:  540px) {
  .ThumbnailList-item--1of3,
  .page.full-page-view ul .ThumbnailList-item--1of3 {
    margin: auto;
  }
}

.ThumbnailList-item--1of4,
.page.full-page-view ul .ThumbnailList-item--1of4 {
  margin: 0 1%;
}

@media screen and (max-width:  720px) {
  .ThumbnailList-item--1of4,
  .page.full-page-view ul .ThumbnailList-item--1of4 {
    margin: auto;
  }
}

@media screen and (max-width:  540px) {
  .ThumbnailList-item--1of4,
  .page.full-page-view ul .ThumbnailList-item--1of4 {
    margin: auto;
  }
}

.ThumbnailList-link,
.ThumbnailList-image,
.ThumbnailList-label {
  display: block;
}

.ThumbnailList-label {
  bottom: -32px;
  bottom: -1.6rem;
  font-size: 13px;
  font-size: 0.6875rem;
  font-weight: 400;
  left: 0;
  line-height: 32px;
  line-height: 1.6rem;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 200;
}

.ThumbnailList-label--forFrame {
  bottom: -11px;
  bottom: -0.55rem;
}

.PaginatorByIcon {
  margin-top: 37px;
  margin-top: 1.875rem;
  position: relative;
}

.iphone .PaginatorByIcon {
  max-width: 100%;
  overflow: hidden;
}

.PaginatorByIcon-iconsWrap {
  background: url("../images/repeat-bg-media.jpg") 50% 0 repeat-y;
  margin-bottom: 25px;
  margin-bottom: 1.25rem;
  padding: 26px 0 24px;
  padding: 1.3rem 0 1.2rem;
  position: relative;
  text-align: center;
  z-index: 100;
}

.PaginatorByIcon-iconsWrap:before {
  background: url("../images/media-tab-top.png") 50% 0 no-repeat;
  content: "";
  display: block;
  height: 151px;
  height: 7.55rem;
  left: 0;
  position: absolute;
  right: 0;
  top: -44px;
  top: -2.2rem;
}

.PaginatorByIcon-iconsWrap:after {
  background: url("../images/media-tab-bottom.png") 50% 0 no-repeat;
  bottom: -28px;
  bottom: -1.4rem;
  content: "";
  display: block;
  height: 135px;
  height: 6.75rem;
  left: 0;
  position: absolute;
  right: 0;
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon-iconsWrap {
    display: none;
  }
}

.PaginatorByIcon-icons {
  font-size: 0;
  text-align: center;
}

.PaginatorByIcon-icon {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  list-style: none;
  width: 9%;
}

@media screen and (max-width:  960px) {
  .PaginatorByIcon-icon {
    width: 18%;
  }
}

.PaginatorByIcon-icon:hover {
  cursor: pointer;
}

.PaginatorByIcon-icon,
.page.full-page-view ul .PaginatorByIcon-icon {
  margin: 8px 0.5%;
  margin: 0.4rem 0.5%;
}

.PaginatorByIcon-controls {
  display: none;
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon-controls {
    display: block;
    max-height: 480px;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .PaginatorByIcon-controls:after {
    content: "";
    display: block;
    padding-bottom: 88.23529412%;
  }
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon--simple > .PaginatorByIcon-controls {
    bottom: 0;
    max-height: none;
  }
}

@media screen and (max-width:  720px) {
  #artifacts .PaginatorByIcon-controls {
    max-height: 662px;
  }

  #artifacts .PaginatorByIcon-controls:after {
    padding-bottom: 121.69117647%;
  }
}

.PaginatorByIcon-prev,
.PaginatorByIcon-next {
  border-color: #13ff29 #13ff29 transparent transparent;
  border-width: 5px;
  border-width: 0.25rem;
  border-style: solid;
  cursor: pointer;
  height: 30px;
  height: 1.5rem;
  position: absolute;
  top: 53.65168539%;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  width: 30px;
  width: 1.5rem;
}

.PaginatorByIcon-prev:hover,
.PaginatorByIcon-next:hover {
  border-color: #fff #fff transparent transparent;
}

.PaginatorByIcon--simple .PaginatorByIcon-prev,
.PaginatorByIcon--simple .PaginatorByIcon-next {
  top: 50%;
}

@media screen and (max-width:  720px) {
  #class .Grid {
    z-index: 1;
  }
}

@media screen and (max-width:  720px) {
  #class .PaginatorByIcon-content {
    margin-top: -10%;
    margin-bottom: -30%;
    z-index: 0;
  }
}

.tempClass-addPadding {
  padding-top: 100px;
  padding-top: 5rem;
  padding-right: 3.125%;
  padding-left: 3.125%;
}

@media screen and (max-width:  720px) {
  .tempClass-addPadding {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

#characters .tempClass-addPadding {
  padding-top: 60px;
  padding-top: 3rem;
}

@media screen and (max-width:  720px) and (orientation: landscape) {
  #characters .tempClass-addPadding {
    padding-top: 0;
  }
}

.PaginatorByIcon-prev {
  left: 3.33333333%;
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}

.PaginatorByIcon-next {
  right: 3.33333333%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.PaginatorByIcon-icon:after {
  bottom: 10px;
  bottom: 0.525rem;
  box-shadow: inset 0 0 16px #6cff44;
  box-shadow: inset 0 0 0.8rem #6cff44;
  content: "";
  left: 10px;
  left: 0.525rem;
  opacity: 0;
  position: absolute;
  right: 10px;
  right: 0.525rem;
  top: 10px;
  top: 0.525rem;
}

.PaginatorByIcon-icon--selected:after {
  opacity: 1;
}

.PaginatorByIcon-content {
  margin-top: -22px;
  margin-top: -1.1rem;
  padding-top: 60px;
  padding-top: 3rem;
  padding-bottom: 60px;
  padding-bottom: 3rem;
  position: relative;
  text-align: center;
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon-content {
    font-size: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    white-space: nowrap;
  }
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon--active0 > .PaginatorByIcon-content {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon--active1 > .PaginatorByIcon-content {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon--active2 > .PaginatorByIcon-content {
    -webkit-transform: translate(-200%);
    transform: translate(-200%);
  }
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon--active3 > .PaginatorByIcon-content {
    -webkit-transform: translate(-300%);
    transform: translate(-300%);
  }
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon--active4 > .PaginatorByIcon-content {
    -webkit-transform: translate(-400%);
    transform: translate(-400%);
  }
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon--active5 > .PaginatorByIcon-content {
    -webkit-transform: translate(-500%);
    transform: translate(-500%);
  }
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon--active6 > .PaginatorByIcon-content {
    -webkit-transform: translate(-600%);
    transform: translate(-600%);
  }
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon--active7 > .PaginatorByIcon-content {
    -webkit-transform: translate(-700%);
    transform: translate(-700%);
  }
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon--active8 > .PaginatorByIcon-content {
    -webkit-transform: translate(-800%);
    transform: translate(-800%);
  }
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon--active9 > .PaginatorByIcon-content {
    -webkit-transform: translate(-900%);
    transform: translate(-900%);
  }
}

.PaginatorByIcon--class.PaginatorByIcon--active0 .PaginatorByIcon-prev,
.PaginatorByIcon--class.PaginatorByIcon--active1 .PaginatorByIcon-next {
  display: none;
}

.PaginatorByIcon-contentItem {
  display: none;
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon-contentItem {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}

.PaginatorByIcon-contentItem--selected {
  display: block;
}

@media screen and (max-width:  720px) {
  .PaginatorByIcon-contentItem--selected {
    display: inline-block;
  }
}

.PaginatorByIcon-header {
  background-size: 1.5em 1.5em;
  font-size: 27px;
  font-size: 1.35rem;
  line-height: 1.5;
  margin-top: 37px;
  margin-top: 1.875rem;
}

@media screen and (max-width:  720px) and (orientation: landscape) {
  .PaginatorByIcon-header {
    margin-top: 0;
  }
}

.PaginatorByIcon-subheadSeparator {
  font-weight: 700;
}

.PaginatorByIcon-subheader {
  font-size: 19px;
  font-size: 0.95rem;
  font-weight: 400;
  text-transform: uppercase;
}

.PaginatorByIcon-summary {
  font-size: 20px;
  font-size: 1rem;
  margin-top: 37px;
  margin-top: 1.875rem;
  white-space: normal;
}

.MediaObject {
  float: left;
  margin: 40 0.83333333%;
  position: relative;
  width: 244px;
  height:162px;
}

@media screen and (max-width: 1040px) {
  .MediaObject {
    width: 31.66666667%;
  }
}

@media screen and (max-width:  720px) {
  .MediaObject {
    width: 48.33333333%;
  }
}

@media screen and (max-width:  540px) {
  .MediaObject {
    width: 98.33333333%;
  }
}

.MediaObject--video .MediaObject-icon,
.MediaObject--audio .MediaObject-icon,
.MediaObject--locked .MediaObject-icon {
  background: url("../images/video-play-small.png") no-repeat 50% 50%;
  left: 50%;
  margin: -30px 0 0 -32px;
  margin: -1.5rem 0 0 -1.6rem;
  top: 50%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 200;
}

.MediaObject--video .MediaObject-icon,
.MediaObject--audio .MediaObject-icon,
.MediaObject--locked .MediaObject-icon,
.MediaObject--video .MediaObject-icon:after,
.MediaObject--audio .MediaObject-icon:after,
.MediaObject--locked .MediaObject-icon:after {
  background-size: 100% 100%;
  height: 61px;
  height: 3.05rem;
  position: absolute;
  width: 62px;
  width: 3.1rem;
}

.MediaObject--video .MediaObject-icon:after,
.MediaObject--audio .MediaObject-icon:after,
.MediaObject--locked .MediaObject-icon:after {
  background-image: url("../images/video-play-small-hover.png");
  content: "";
  left: 0;
  opacity: 0;
  top: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.MediaObject--video .Frame:hover .MediaObject-icon:after {
  opacity: 1;
}

.MediaObject--locked > .MediaObject-content {
  cursor: default;
}

.MediaObject--locked .MediaObject-icon {
  background-image: url("../images/media-locked.png");
}

.MediaObject--locked .MediaObject-icon:after {
  display: none;
}

.MediaObject--locked .MediaObject-title {
  color: #848484;
}

.MediaObject-content {
  cursor: pointer;
  display: block;
  height: 100%;
  padding-bottom: 56px;
  padding-bottom: 2.8rem;
}

.MediaObject-wrap {
  background-size: cover;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding-bottom: 66.66666666%;
  position: relative;
  width: 100%;
}

.MediaObject--locked .MediaObject-wrap:after {
  background: rgba(11, 11, 11, 0.8);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.MediaObject-title {
  bottom: -32px;
  bottom: -1.6rem;
  color: rgba(247, 250, 229, 0.7);
  font-size: 13px;
  font-size: 0.6875rem;
  font-weight: 400;
  left: 0;
  line-height: 32px;
  line-height: 1.6rem;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 200;
}

.MediaObject-label {
  background: rgba(11, 14, 14, 0.8);
  color: #13ff29;
  font-size: 11px;
  font-size: 0.55rem;
  font-weight: 200;
  left: 0;
  line-height: 20px;
  line-height: 1rem;
  padding: 0 4px 0 12px;
  padding: 0 0.2rem 0 0.6rem;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
  z-index: 200;
}

.MediaObject-label:after {
  border-left: 20px solid rgba(11, 14, 14, 0.8);
  border-left: 1rem solid rgba(11, 14, 14, 0.8);
  border-bottom: 20px solid transparent;
  border-bottom: 1rem solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: -20px;
  right: -1rem;
  top: 0;
  width: 0;
}

.MediaObject-content:hover .MediaObject-label {
  color: #fff;
}

.MediaObject--locked .MediaObject-label,
.MediaObject--locked .MediaObject-content:hover .MediaObject-label {
  color: #848484;
}

.ContentButtonList {
  font-size: 0;
}

.ContentButtonList-item {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 20px;
  font-size: 1rem;
  margin: 5px 0.83333333%;
  margin: 0.25rem 0.83333333%;
  max-width: 100%;
}

.ContentButtonList-content {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  height: 132px;
  height: 6.6rem;
  position: relative;
  width: 405px;
  width: 20.25rem;
}

.iphone .ContentButtonList-content {
  max-width: 100%;
}

.ContentButtonList-content--beginnerTrial {
  background-image: url("../images/beginner-trial-button.jpg");
}

.ContentButtonList-content--veteranTrial {
  background-image: url("../images/veteran-trial-button.jpg");
}

.ContentButtonList-subheader {
  bottom: 39px;
  bottom: 1.95rem;
  color: #fff;
  display: block;
  font-size: 15px;
  font-size: 0.75rem;
  line-height: 1.1875;
  position: absolute;
  right: 25px;
  right: 1.25rem;
}

.ContentButtonList-content--veteranTrial > .ContentButtonList-subheader {
  left: 25px;
  left: 1.25rem;
  right: auto;
}

.ContentButtonList-header {
  bottom: 11px;
  bottom: 0.55rem;
  color: #ffbf37;
  display: block;
  font-size: 25px;
  font-size: 1.25rem;
  line-height: 1.1875;
  right: 25px;
  right: 1.25rem;
  text-shadow: 0 0 6px rgba(255, 191, 55, 0.5);
  text-shadow: 0 0 0.3rem rgba(255, 191, 55, 0.5);
  text-transform: uppercase;
  position: absolute;
}

.ContentButtonList-content--veteranTrial > .ContentButtonList-header {
  left: 25px;
  left: 1.25rem;
  right: auto;
}

.Social {
  margin: 37px auto 0;
  margin: 1.875rem auto 0;
  max-width: 615px;
  max-width: 30.75rem;
  text-align: center;
}

.Social-intro {
  font-size: 25px;
  font-size: 1.25rem;
  font-weight: 200;
  text-align: center;
  text-shadow: 0 0 6px rgba(255, 191, 55, 0.5);
  text-shadow: 0 0 0.3rem rgba(255, 191, 55, 0.5);
}

.Social-items {
  font-size: 0;
  margin-top: 10px;
  margin-top: 0.5rem;
}

.Social-item {
  display: inline-block;
}

.Social-item,
.page.full-page-view ul .Social-item {
  margin: 0;
}

.Social-link {
  display: block;
  margin: 0;
  position: relative;
}

.Social-link,
.Social-link:after {
  background: url("../images/social-icon-sprite.png");
  background-size: 200% 700%;
  height: 75px;
  height: 3.75rem;
  width: 75px;
  width: 3.75rem;
}

.Social-link:after {
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.Social-link:hover:after {
  opacity: 1;
}

.Social-link--facebook {
  background-position: 0     0;
}

.Social-link--facebook:after {
  background-position: -100% 0;
}

.Social-link--twitter {
  background-position: 0 -100%;
}

.Social-link--twitter:after {
  background-position: -100% -100%;
}

.Social-link--youtube {
  background-position: 0 -200%;
}

.Social-link--youtube:after {
  background-position: -100% -200%;
}

.Social-link--weibo {
  background-position: 0 -300%;
}

.Social-link--weibo:after {
  background-position: -100% -300%;
}

.Social-link--wechat {
  background-position: 0 -400%;
}

.Social-link--wechat:after {
  background-position: -100% -400%;
}

.Social-link--youku {
  background-position: 0 -500%;
}

.Social-link--youku:after {
  background-position: -100% -500%;
}

.Social-link--vk {
  background-position: 0 -600%;
}

.Social-link--vk:after {
  background-position: -100% -600%;
}

.VideoBackground {
  background: #000;
}

@media screen and (max-width:  720px) {
  .VideoBackground {
    background: transparent;
  }
}

@media screen and (max-width:  720px) {
  #class.VideoBackground {
    background: #000;
  }
}

.VideoBackground--tall {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 900px;
  min-height: 45rem;
}

@media screen and (max-width:  720px) {
  .VideoBackground--tall {
    min-height: 0;
  }
}

#characters .VideoBackground--tall {
  min-height: 750px;
  min-height: 37.5rem;
}

@media screen and (max-width:  720px) {
  #characters .VideoBackground--tall {
    min-height: 0;
  }
}

.VideoBackground-overlay {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

.VideoBackground-overlay--dark {
  background: rgba(13, 13, 12, 0.2);
}

.VideoBackground-overlay--dark:before,
.VideoBackground-overlay--dark:after {
  content: "";
  height: 30%;
  left: 0;
  position: absolute;
  right: 0;
}

.VideoBackground-overlay--dark:before {
  background: -webkit-linear-gradient(top, #090908 0, #090908 5%, rgba(9, 9, 8, 0.55) 55%, transparent 100%);
  background: linear-gradient(top, #090908 0, #090908 5%, rgba(9, 9, 8, 0.55) 55%, transparent 100%);
  top: 0;
}

.VideoBackground-overlay--dark:after {
  background: -webkit-linear-gradient(bottom, #090908 0, #090908 5%, rgba(9, 9, 8, 0.6) 70%, transparent 100%);
  background: linear-gradient(bottom, #090908 0, #090908 5%, rgba(9, 9, 8, 0.6) 70%, transparent 100%);
  bottom: 0;
}

.VideoBackground-overlaySize {
  padding-top: 56.25%;
}

.VideoBackground-container {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

@media screen and (max-width:  720px) {
  .VideoBackground-container {
    position: static;
  }
}

#characters .VideoBackground-container {
  top: -45px;
}

@media screen and (max-width:  720px) {
  .VideoBackground--responsiveBackdrop .VideoBackground-container {
    position: absolute;
  }
}

.VideoBackground-video,
.VideoBackground-fallback {
  display: block;
  max-width: none;
  position: relative;
  top: 0;
}

.VideoBackground--wide .VideoBackground-video,
.VideoBackground--wide .VideoBackground-fallback {
  left: 50%;
  margin-left: -960px;
}

#home.VideoBackground--wide .VideoBackground-video,
#home.VideoBackground--wide .VideoBackground-fallback {
  margin-left: -1280px;
}

.VideoBackground-fallback {
  position: absolute;
}

#home.VideoBackground--wide.is-mp4 .VideoBackground-video {
  margin-left: -960px;
}

#home .VideoBackground-container:before {
  background: url("../images/header-video-overlay.png");
  content: "";
  height: 1000px;
  left: 50%;
  margin-left: -1280px;
  position: absolute;
  top: 0;
  width: 2560px;
  z-index: 100;
}

#home .VideoBackground-container:after {
  background: url("../images/header-video-base.jpg");
  content: "";
  height: 600px;
  left: 50%;
  margin-left: -1280px;
  position: absolute;
  top: 1000px;
  width: 2560px;
}

.VideoBackground-responsiveImg {
  display: none;
}

@media screen and (max-width:  720px) {
  .VideoBackground-responsiveImg {
    display: inline;
  }
}

@media screen and (max-width:  720px) and (orientation: landscape) {
  .VideoBackground-responsiveImg {
    width: 60%;
    margin-top: 25%;
  }
}

@media screen and (max-width:  720px) {
  .VideoBackground-video,
  .VideoBackground-fallback {
    display: none;
  }
}

.VideoBackground--responsiveBackdrop .VideoBackground-fallback {
  display: block;
  max-width: none;
}

.VideoBackground-classTransition {
  background: url("../images/class-transition.jpg") top center;
  height: 966px;
}

#lightbox-anchor {
  left: 0;
  position: absolute;
  top: 10%;
  width: 100%;
  z-index: 9005;
}

#lightbox-container.lightbox-map {
  padding-bottom: 35.33%;
  width: 53% !important;
}

#lightbox-container {
  background: #000;
  display: none;
  height: 100% !important;
  margin: 0 auto;
  padding-bottom: 42.1875%;
  position: relative;
  width: 75% !important;
}

#lightbox-content {
  background: #000;
  height: 100% !important;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 100%;
}

#lightbox-content.loading {
  background: #0d0804 url(../images/media-page-load.gif) no-repeat 50% 50%;
}

#lightbox-content > img {
  height: auto;
}

#lightbox-title {
  display: none;
}

#blackout {
  background: #000;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9001;
}

.Frame {
  display: block;
  padding: 32px;
  padding: 1.6rem;
  position: relative;
}

.Frame:hover > .Frame-overlay:after {
  top: 0;
}

.Frame:hover > .Frame-corner:after,
.Frame:hover > .Frame-side:after {
  opacity: 1;
}

.PaginatorByIcon-icon--selected > .Frame-corner:after,
.PaginatorByIcon-icon--selected > .Frame-side:after {
  opacity: 1;
}

.Frame--inline {
  display: inline-block;
}

.Frame--inactive > .Frame-overlay:after,
.Frame--inactive > .Frame-corner:after,
.Frame--inactive > .Frame-side:after {
  display: none;
}

.Frame-overlay {
  bottom: 32px;
  bottom: 1.6rem;
  left: 32px;
  left: 1.6rem;
  overflow: hidden;
  position: absolute;
  right: 32px;
  right: 1.6rem;
  top: 32px;
  top: 1.6rem;
  z-index: 400;
}

.Frame-overlay:after {
  background: -webkit-linear-gradient(top, rgba(24, 243, 128, 0) 0, rgba(121, 243, 24, 0.07) 50%, rgba(24, 243, 35, 0.39) 100%);
  background: linear-gradient(top, rgba(24, 243, 128, 0) 0, rgba(121, 243, 24, 0.07) 50%, rgba(24, 243, 35, 0.39) 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 100%;
  -webkit-transition: top 0.4s;
  transition: top 0.4s;
  width: 100%;
}

.Frame-corner,
#lightbox-container .corner {
  z-index: 300;
}

.Frame-corner,
#lightbox-container .corner,
.Frame-corner:after,
#lightbox-container .corner:after {
  background: url("../images/frame-corners-sprite.png") no-repeat;
  background-size: 400% 200%;
  height: 75px;
  height: 3.75rem;
  position: absolute;
  width: 75px;
  width: 3.75rem;
}

.Frame-corner:after,
#lightbox-container .corner:after {
  content: "";
  left: 0;
  opacity: 0;
  top: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.Frame-corner--topLeft {
  background-position: 0 0;
  left: 0;
  top: 0;
}

.Frame-corner--topLeft:after {
  background-position: 66.66666666% 0;
}

.Frame-corner--topRight {
  background-position: 33.33333333% 0;
  right: 0;
  top: 0;
}

.Frame-corner--topRight:after {
  background-position: 100% 0;
}

.Frame-corner--bottomRight {
  background-position: 33.33333333% 100%;
  bottom: 0;
  right: 0;
}

.Frame-corner--bottomRight:after {
  background-position: 100% 100%;
}

.Frame-corner--bottomLeft {
  background-position: 0 100%;
  bottom: 0;
  left: 0;
}

.Frame-corner--bottomLeft:after {
  background-position: 66.66666666% 100%;
}

#lightbox-container .corner-top-left {
  background-position: 0 0;
  left: -22px;
  left: -1.1rem;
  top: -22px;
  top: -1.1rem;
}

#lightbox-container .corner-top-left:after {
  background-position: 66.66666666% 0;
}

#lightbox-container .corner-top-right {
  background-position: 33.33333333% 0;
  right: -22px;
  right: -1.1rem;
  top: -22px;
  top: -1.1rem;
}

#lightbox-container .corner-top-right:after {
  background-position: 100% 0;
}

#lightbox-container .corner-bottom-right {
  background-position: 33.33333333% 100%;
  bottom: -22px;
  bottom: -1.1rem;
  right: -22px;
  right: -1.1rem;
}

#lightbox-container .corner-bottom-right:after {
  background-position: 100% 100%;
}

#lightbox-container .corner-bottom-left {
  background-position: 0 100%;
  bottom: -22px;
  bottom: -1.1rem;
  left: -22px;
  left: -1.1rem;
}

#lightbox-container .corner-bottom-left:after {
  background-position: 66.66666666% 100%;
}

.Frame-side,
#lightbox-container .border {
  z-index: 200;
}

.Frame-side,
#lightbox-container .border,
.Frame-side:after,
#lightbox-container .border:after {
  position: absolute;
}

.Frame-side:after,
#lightbox-container .border:after {
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.Frame-side--top {
  background-image: url("../images/0729fb8682b94ec388cf4ee5a5f8fb0d.html");
  left: 32px;
  left: 1.6rem;
  right: 32px;
  right: 1.6rem;
  top: 16px;
  top: 0.8rem;
}

.Frame-side--top,
.Frame-side--top:after {
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 21px;
  height: 1.05rem;
}

.Frame-side--top:after {
  background-image: url("../images/c6a8c35c2efa4365aa7de8ed6f76c7cb.html");
  left: 0;
  right: 0;
  top: 0;
}

.Frame-side--right {
  background-image: url("../images/6e18d95a3431419fbfde7cf70e15fa41.html");
  bottom: 32px;
  bottom: 1.6rem;
  right: 16px;
  right: 0.8rem;
  top: 32px;
  top: 1.6rem;
}

.Frame-side--right,
.Frame-side--right:after {
  background-repeat: repeat-y;
  background-size: 100% auto;
  width: 21px;
  width: 1.05rem;
}

.Frame-side--right:after {
  background-image: url("../images/96a1c8adeead4cc79dd0c3e980d13e36.html");
  bottom: 0;
  right: 0;
  top: 0;
}

.Frame-side--bottom {
  background-image: url("../images/5b7e98238b084a059ffc7c6af9d672e8.html");
  bottom: 16px;
  bottom: 0.8rem;
  left: 32px;
  left: 1.6rem;
  right: 32px;
  right: 1.6rem;
}

.Frame-side--bottom,
.Frame-side--bottom:after {
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 21px;
  height: 1.05rem;
}

.Frame-side--bottom:after {
  background-image: url("../images/ccb9136d5f64400fa346021d345d91df.html");
  bottom: 0;
  left: 0;
  right: 0;
}

.Frame-side--left {
  background-image: url("../images/8cce534b66ae40c88e310f71f2e8b6fb.html");
  bottom: 32px;
  bottom: 1.6rem;
  left: 16px;
  left: 0.8rem;
  top: 32px;
  top: 1.6rem;
}

.Frame-side--left,
.Frame-side--left:after {
  background-repeat: repeat-y;
  background-size: 100% auto;
  width: 21px;
  width: 1.05rem;
}

.Frame-side--left:after {
  background-image: url("../images/9c4c33395b1041f2b4565c10be08e9c8.html");
  bottom: 0;
  left: 0;
  top: 0;
}

#lightbox-container #lb-border-top {
  background-image: url("../images/0729fb8682b94ec388cf4ee5a5f8fb0d.html");
  top: -6px;
  top: -0.3rem;
  width: 100% !important;
}

#lightbox-container #lb-border-top,
#lightbox-container #lb-border-top:after {
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 21px;
  height: 1.05rem;
}

#lightbox-container #lb-border-top:after {
  background-image: url("../images/c6a8c35c2efa4365aa7de8ed6f76c7cb.html");
  left: 0;
  right: 0;
  top: 0;
}

#lightbox-container #lb-border-right {
  background-image: url("../images/6e18d95a3431419fbfde7cf70e15fa41.html");
  height: 100% !important;
  right: -6px;
  right: -0.3rem;
}

#lightbox-container #lb-border-right,
#lightbox-container #lb-border-right:after {
  background-repeat: repeat-y;
  background-size: 100% auto;
  width: 21px;
  width: 1.05rem;
}

#lightbox-container #lb-border-right:after {
  background-image: url("../images/96a1c8adeead4cc79dd0c3e980d13e36.html");
  bottom: 0;
  right: 0;
  top: 0;
}

#lightbox-container #lb-border-bottom {
  background-image: url("../images/5b7e98238b084a059ffc7c6af9d672e8.html");
  bottom: -6px;
  bottom: -0.3rem;
  width: 100% !important;
}

#lightbox-container #lb-border-bottom,
#lightbox-container #lb-border-bottom:after {
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 21px;
  height: 1.05rem;
}

#lightbox-container #lb-border-bottom:after {
  background-image: url("../images/ccb9136d5f64400fa346021d345d91df.html");
  bottom: 0;
  left: 0;
  right: 0;
}

#lightbox-container #lb-border-left {
  background-image: url("../images/8cce534b66ae40c88e310f71f2e8b6fb.html");
  height: 100% !important;
  left: -6px;
  left: -0.3rem;
}

#lightbox-container #lb-border-left,
#lightbox-container #lb-border-left:after {
  background-repeat: repeat-y;
  background-size: 100% auto;
  width: 21px;
  width: 1.05rem;
}

#lightbox-container #lb-border-left:after {
  background-image: url("../images/9c4c33395b1041f2b4565c10be08e9c8.html");
  bottom: 0;
  left: 0;
  top: 0;
}

.FrameSmaller {
  display: block;
  padding: 11px;
  padding: 0.55rem;
  position: relative;
}

.FrameSmaller:hover > .FrameSmaller-overlay:after {
  top: 0;
}

.FrameSmaller:hover > .FrameSmaller-corner:after,
.FrameSmaller:hover > .FrameSmaller-side:after {
  opacity: 1;
}

.PaginatorByIcon-icon--selected > .FrameSmaller-corner:after,
.PaginatorByIcon-icon--selected > .FrameSmaller-side:after {
  opacity: 1;
}

.PaginatorByIcon-icon--selected > .FrameSmaller-side--top:after {
  background-image: url("../images/ef9357a03b3a4dd2b2f2223e9310db77.html");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-side--right:after {
  background-image: url("../images/05fa05cca14e40d8b92105acc939a903.html");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-side--bottom:after {
  background-image: url("../images/0875dccf12fb4f49bc54755c25e3bec7.html");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-side--left:after {
  background-image: url("../images/116c157c177d4aa1b49c14b82c5919f0.html");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-corner--topLeft:after {
  background-image: url("../images/f4576fab732a49b78763286dba7eed41.html");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-corner--topRight:after {
  background-image: url("../images/8d09b2b3016748c4b2f6696df592d3b7.html");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-corner--bottomRight:after {
  background-image: url("../images/c4a1843bb3f24c73828869bf6b00a9c3.html");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-corner--bottomLeft:after {
  background-image: url("../images/35f03404b12b4f2ba19aa4191e3dc6a2.html");
}

.FrameSmaller--inline {
  display: inline-block;
}

.FrameSmaller--inactive > .FrameSmaller-corner,
.FrameSmaller--inactive > .FrameSmaller-side {
  opacity: 0.4;
}

.FrameSmaller--inactive > .FrameSmaller-overlay:after,
.FrameSmaller--inactive > .FrameSmaller-corner:after,
.FrameSmaller--inactive > .FrameSmaller-side:after {
  display: none;
}

.FrameSmaller-overlay {
  bottom: 11px;
  bottom: 0.55rem;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 11px;
  left: 0.55rem;
  overflow: hidden;
  position: absolute;
  right: 11px;
  right: 0.55rem;
  top: 11px;
  top: 0.55rem;
  z-index: 400;
}

.FrameSmaller-overlay:after {
  background: -webkit-linear-gradient(top, rgba(24, 243, 128, 0) 0, rgba(121, 243, 24, 0.07) 50%, rgba(24, 243, 35, 0.39) 100%);
  background: linear-gradient(top, rgba(24, 243, 128, 0) 0, rgba(121, 243, 24, 0.07) 50%, rgba(24, 243, 35, 0.39) 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 100%;
  -webkit-transition: top 0.4s;
  transition: top 0.4s;
  width: 100%;
}

.FrameSmaller-corner {
  z-index: 300;
}

.FrameSmaller-corner,
.FrameSmaller-corner:after {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 36px;
  height: 1.8rem;
  position: absolute;
  width: 36px;
  width: 1.8rem;
}

.FrameSmaller-corner:after {
  content: "";
  left: 0;
  opacity: 0;
  top: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.FrameSmaller-corner--topLeft {
  background-image: url("../images/6df25501b248487ea93dd5024af98881.html");
  left: -6px;
  left: -0.3rem;
  top: -6px;
  top: -0.3rem;
}

.FrameSmaller-corner--topLeft:after {
  left: 0;
  top: 0;
}

.FrameSmaller-corner--topRight {
  background-image: url("../images/2682b065ca7240b7b109670643b1fe51.html");
  right: -6px;
  right: -0.3rem;
  top: -6px;
  top: -0.3rem;
}

.FrameSmaller-corner--topRight:after {
  right: 0;
  top: 0;
}

.FrameSmaller-corner--bottomRight {
  background-image: url("../images/0e1a4b74823d4beb8cf1627d512e11e7.html");
  bottom: -6px;
  bottom: -0.3rem;
  right: -6px;
  right: -0.3rem;
}

.FrameSmaller-corner--bottomRight:after {
  bottom: 0;
  right: 0;
}

.FrameSmaller-corner--bottomLeft {
  background-image: url("../images/71bbc75818d94117b1b89391f670bc17.html");
  bottom: -6px;
  bottom: -0.3rem;
  left: -6px;
  left: -0.3rem;
}

.FrameSmaller-corner--bottomLeft:after {
  bottom: 0;
  left: 0;
}

.FrameSmaller-side {
  z-index: 200;
}

.FrameSmaller-side,
.FrameSmaller-side:after {
  position: absolute;
}

.FrameSmaller-side:after {
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.FrameSmaller-side--top {
  background-image: url("../images/56be007f059548588bd253d69ef8643e.html");
  left: 0;
  right: 0;
  top: -6px;
  top: -0.3rem;
}

.FrameSmaller-side--top,
.FrameSmaller-side--top:after {
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 23px;
  height: 1.15rem;
}

.FrameSmaller-side--top:after {
  background-image: url("../images/4c8594e299c043498be56f9bae7cbfec.html");
  left: 0;
  right: 0;
  top: 0;
}

.FrameSmaller-side--right {
  background-image: url("../images/c1aa1bb4fad04159bc7b606950d07870.html");
  bottom: 0;
  right: -6px;
  right: -0.3rem;
  top: 0;
}

.FrameSmaller-side--right,
.FrameSmaller-side--right:after {
  background-repeat: repeat-y;
  background-size: 100% auto;
  width: 23px;
  width: 1.15rem;
}

.FrameSmaller-side--right:after {
  background-image: url("../images/faeb1fb305f14f00a525ded3a074c1a0.html");
  bottom: 0;
  right: 0;
  top: 0;
}

.FrameSmaller-side--bottom {
  background-image: url("../images/595f986d13bc45e0bd39e717640698d2.html");
  bottom: -6px;
  bottom: -0.3rem;
  left: 0;
  right: 0;
}

.FrameSmaller-side--bottom,
.FrameSmaller-side--bottom:after {
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 23px;
  height: 1.15rem;
}

.FrameSmaller-side--bottom:after {
  background-image: url("../images/f8d86c1056014bb5bfb397b256d2964b.html");
  bottom: 0;
  left: 0;
  right: 0;
}

.FrameSmaller-side--left {
  background-image: url("../images/32929992ac79441a813628ddeb9974ff.html");
  bottom: 0;
  left: -6px;
  left: -0.3rem;
  top: 0;
}

.FrameSmaller-side--left,
.FrameSmaller-side--left:after {
  background-repeat: repeat-y;
  background-size: 100% auto;
  width: 23px;
  width: 1.15rem;
}

.FrameSmaller-side--left:after {
  background-image: url("../images/0952c22a473e4c61aeda09f9b92c2361.html");
  bottom: 0;
  left: 0;
  top: 0;
}

.modal-overlay .mediaType-audio .play {
  display: none;
}

@media screen and (max-width: 1280px) {
  .modal-overlay .Modal-MediaDescription {
    display: none;
  }
}

@media screen and (max-width:  540px) {
  .modal-overlay .Modal-MediaButtonContainer--downloadFile {
    margin-top: -200px;
  }
}

@media screen and (max-width:  540px) {
  .modal-overlay .Modal-MediaButtonContainer--downloadStory {
    margin-top: 200px;
  }
}

@media screen and (max-width:  540px) {
  .modal-overlay .content .modal-overlay p {
    margin-top: 18px;
    margin-top: 0.9375rem;
  }
}

.modal-overlay {
  color: #fff;
  bottom: 40px;
  left: 2px;
  padding: 120px 220px;
  position: absolute;
  right: 2px;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.75);
  top: 2px;
}

@media screen and (max-width: 1040px) {
  .modal-overlay {
    padding: 120px 10px 0px 10px;
  }
}

.modal-overlay > h3 {
  font-size: 30px;
  font-size: 1.5rem;
  text-shadow: none;
}

@media screen and (max-width:  720px) {
  .modal-overlay > h3 {
    display: none;
  }
}

html {
  height: 100%;
  width: 100%;
}

body {
  height: 100%;
  overflow-x: hidden;
  width: 100%;
  min-width: 320px;
}

.mediaType-netEase-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  display: block;
}

.mediaType-video,
.mediaType-audio {
  position: relative;
  width: 100%;
  max-width: 1000px;
  height: 500px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000;
}

.mediaType-video .play,
.mediaType-audio .play {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-image: url("../images/play-btn.png");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: 200ms all linear;
  transition: 200ms all linear;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  visibility: visible;
}

.mediaType-video .poster,
.mediaType-audio .poster {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  -webkit-transition: 200ms all linear;
  transition: 200ms all linear;
  background-color: #000;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  visibility: visible;
}

.mediaType-video .video,
.mediaType-audio .video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0;
  -webkit-transition: 200ms all linear;
  transition: 200ms all linear;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  visibility: visible;
}

.mediaType-video.buffering .poster,
.mediaType-audio.buffering .poster,
.mediaType-video.buffering .watch-trailer,
.mediaType-audio.buffering .watch-trailer {
  opacity: 0;
  visibility: hidden;
}

.mediaType-video.buffering .video,
.mediaType-audio.buffering .video {
  opacity: 1;
  visibility: visible;
}

.mediaType-video.playing .play,
.mediaType-audio.playing .play,
.mediaType-video.playing .poster,
.mediaType-audio.playing .poster,
.mediaType-video.playing .watch-trailer,
.mediaType-audio.playing .watch-trailer {
  opacity: 0;
  visibility: hidden;
}

.mediaType-video.playing .video,
.mediaType-audio.playing .video {
  opacity: 1;
  visibility: visible;
}

.mediaType-video.paused .poster,
.mediaType-audio.paused .poster {
  opacity: 0;
  visibility: hidden;
}

.mediaType-video.paused .video,
.mediaType-audio.paused .video {
  opacity: 1;
  visibility: visible;
}

.mediaType-video.error .poster,
.mediaType-audio.error .poster,
.mediaType-video.error .play,
.mediaType-audio.error .play,
.mediaType-video.error .watch-trailer,
.mediaType-audio.error .watch-trailer {
  display: none !important;
}

.mediaType-video.error .video,
.mediaType-audio.error .video {
  opacity: 1 !important;
  visibility: visible !important;
}

.media-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow-y: auto;
  text-align: center;
  visibility: hidden;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  opacity: 0;
}

.media-modal .inner {
  width: 75%;
  vertical-align: middle;
  display: inline-block;
  margin: 50px 0;
  position: relative;
  z-index: 99;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.media-modal .inner:hover .media-btn.left,
.media-modal .inner:hover .media-btn.right {
  opacity: 1;
}

.ie8 .media-modal .inner:hover .media-btn.left,
.ie8 .media-modal .inner:hover .media-btn.right {
  visibility: visible;
}

.media-modal .inner .media-btn.left,
.media-modal .inner .media-btn.right {
  opacity: 0;
}

.ie8 .media-modal .inner .media-btn.left,
.ie8 .media-modal .inner .media-btn.right {
  visibility: hidden;
}

.media-modal .inner .content.bg {
  height: auto;
}

.media-modal .inner .content.media {
  height: auto;
  min-height: 0;
  padding-bottom: 56.25%;
  margin: 0 auto;
  background-color: #000;
  position: relative;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

.media-modal .inner .content.media .mediaType-video,
.media-modal .inner .content.media .mediaType-audio {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.media-modal .inner .content.media .mediaType-video.mobile .play,
.media-modal .inner .content.media .mediaType-audio.mobile .play,
.media-modal .inner .content.media .mediaType-video.mobile .poster,
.media-modal .inner .content.media .mediaType-audio.mobile .poster {
  display: none;
}

.media-modal .inner .content.media .mediaType-video.mobile .video,
.media-modal .inner .content.media .mediaType-audio.mobile .video {
  opacity: 1;
  z-index: 1;
}

.media-modal .inner .content.downloads {
  overflow: hidden;
  background-color: #0f1312;
  border: 1px solid rgba(88, 127, 87, 0.35);
  padding: 0 7%;
}

.media-modal .inner .content.downloads a {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.66666667%;
  text-align: center;
  padding: 10px;
}

.media-modal .inner .content.downloads a .name {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  line-height: 1;
  margin: 5px 0;
}

.media-modal .inner .content.downloads a .dimensions {
  display: block;
  font-size: 10px;
  font-weight: 300;
  color: #DCDDDD;
  line-height: 1;
}

.media-modal .overlay {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  pointer-events: all;
  z-index: 98;
}

.media-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.open .media-modal {
  visibility: visible;
  opacity: 1;
}

.control-wrapper,
.lightbox-controls {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.no-paging .lightbox-controls {
  display: none;
}

.media-btn,
.ui-element.previous,
.ui-element.next {
  position: absolute;
  top: 0;
  width: 132px;
  max-width: 20%;
  height: 167px;
  top: 50%;
  margin-top: -83.5px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 100% auto;
  border: none;
  outline: none;
  z-index: 99;
  cursor: pointer;
  display: block;
  visibility: hidden;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

.ui-element.previous,
.ui-element.next {
  visibility: visible;
}

.ui-element.previous,
.ui-element.next {
  opacity: 0;
}

.lightbox-controls:hover .ui-element.previous,
.lightbox-controls:hover .ui-element.next {
  opacity: 1;
}

.media-btn.left,
.ui-element.previous {
  left: 0;
  background-position: left center;
  background-image: url("../images/modal-left-arrow.png");
}

.media-btn.left:hover,
.ui-element.previous:hover {
  background-image: url("../images/modal-left-arrow-hover.png");
}

.media-btn.right,
.ui-element.next {
  right: 0;
  background-position: right center;
  background-image: url("../images/modal-right-arrow.png");
}

.media-btn.right:hover,
.ui-element.next:hover {
  background-image: url("../images/modal-right-arrow-hover.png");
}

.media-btn.close {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  top: -30px;
  top: -1.5rem;
  right: -30px;
  right: -1.5rem;
  color: #18f323;
  font-size: 50px;
  font-weight: 300;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  z-index: 100;
  padding: 0;
  margin: 0;
}

.media-btn.close:hover {
  color: #FFF;
}

.open .media-btn {
  visibility: visible;
}

.mobile .media-btn .media-btn.left,
.mobile .media-btn .media-btn.right {
  height: 100%;
  top: 0;
  margin-top: 0;
}

.fixed {
  position: fixed;
}

/* Background */

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 98;
  background-color: black;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  filter: alpha(opacity=80);
  opacity: 0.7;
}

/* Base modal */

.modal {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: fixed;
  top: 50%;
  z-index: 9999;
  width: 100%;
  text-align: center;
}

.modal .close {
  position: absolute;
  top: 0;
  margin-top: -30px;
  margin-top: -1.5rem;
  margin-right: -30px;
  margin-right: -1.5rem;
  right: 0;
  visibility: visible;
}

.modal .close:hover {
  cursor: pointer;
}

.modal .modal-content {
  position: relative;
  width: auto;
  max-width: 75%;
  margin: 0 auto;
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.modal .modal-content.video {
  width: 75%;
}

.ie8 .modal {
  top: 100px !important;
  width: 100%;
}

.ie8 .modal-content {
  width: 75%;
}

.modal-controls {
  display: none;
}

.modal-content:hover .modal-controls.active {
  display: block;
}

.modal-navigation {
  position: absolute;
  margin-top: -87px;
  top: 50%;
}

.modal-navigation.prev {
  left: 0;
}

.modal-navigation.next {
  right: 0;
}

.modal-navigation:hover {
  cursor: pointer;
}

.sixteen-nine {
  padding-bottom: 56.25%;
  position: relative;
}

.sixteen-nine__media {
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

#world {
  padding-bottom: 56.25%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 800px;
  min-height: 40rem;
}

@media screen and (max-width: 1040px) {
  #world {
    padding-bottom: 56.25%;
  }
}

@media screen and (max-width:  720px) {
  #world {
    padding-bottom: 120px;
    padding-bottom: 6rem;
  }
}

#world.VideoBackground {
  background: transparent;
}

#world .VideoBackground-video,
#world .VideoBackground-fallback {
  width: 100%;
}

.tempClass-alignBottom {
  bottom: 120px;
  bottom: 6rem;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 200;
}

@media screen and (max-width:  720px) {
  .tempClass-alignBottom {
    margin-top: 37px;
    margin-top: 1.875rem;
    position: static;
  }
}

.tempClass-alignTop {
  left: 0;
  position: absolute;
  right: 0;
  top: 120px;
  top: 6rem;
  z-index: 200;
}

@media screen and (max-width:  720px) {
  .tempClass-alignTop {
    margin-top: 37px;
    margin-top: 1.875rem;
    position: static;
    text-align: center;
  }
}

#class .VideoBackground-container:before,
#bottom:after {
  background: -webkit-linear-gradient(top, #0b0b0b 0, transparent 100%);
  background: linear-gradient(top, #0b0b0b 0, transparent 100%);
  content: "";
  height: 100px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 50;
}

.lightbox-close {
  color: #18f323;
  font-size: 50px;
  font-size: 2.5rem;
  font-weight: 200;
  height: 50px;
  height: 2.5rem;
  line-height: 50px;
  line-height: 2.5rem;
  margin: -50px -50px 0 0;
  margin: -2.5rem -2.5rem 0 0;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  top: 0;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  width: 50px;
  width: 2.5rem;
}

.lightbox-close:hover {
  color: #fff;
}

.lightbox-close:after {
  content: "\00d7";
}

.sixteen-nine__media,
.mediaType-audio .video,
.mediaType-video .video {
  z-index: 400;
}

.modal-overlay {
  z-index: 500;
}

.media-btn {
  z-index: 600;
}

#features .FeaturesListContainer ul li {
  background: url('../images/bullet.png') no-repeat left 0.5em;
  padding: 3px 0px 3px 30px;
  list-style: none;
  margin: 0;
}

.Wallpaper-icon-graphic {
  height: 45px;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.Wallpaper-icon-graphic--standard {
  background-image: url(../images/media-wallpaper-standard.png);
}

.Wallpaper-icon:hover .Wallpaper-icon-graphic--standard {
  background-image: url(../images/media-wallpaper-standard-hover.png);
}

.Wallpaper-icon-graphic--wide {
  background-image: url(../images/media-wallpaper-wide.png);
}

.Wallpaper-icon:hover .Wallpaper-icon-graphic--wide {
  background-image: url(../images/media-wallpaper-wide-hover.png);
}

.Wallpaper-icon-graphic--mobile {
  background-image: url(../images/media-wallpaper-mobile.png);
}

.Wallpaper-icon:hover .Wallpaper-icon-graphic--mobile {
  background-image: url(../images/media-wallpaper-mobile-hover.png);
}

.Wallpaper-icon-graphic--tablet {
  background-image: url(../images/media-wallpaper-tablet.png);
}

.Wallpaper-icon:hover .Wallpaper-icon-graphic--tablet {
  background-image: url(../images/media-wallpaper-tablet-hover.png);
}

.Wallpaper-icon-graphic--facebook {
  background-image: url(../images/media-wallpaper-facebook.png);
}

.Wallpaper-icon:hover .Wallpaper-icon-graphic--facebook {
  background-image: url(../images/media-wallpaper-facebook-hover.png);
}

.Wallpaper-icon-graphic--twitter {
  background-image: url(../images/media-wallpaper-twitter.png);
}

.Wallpaper-icon:hover .Wallpaper-icon-graphic--twitter {
  background-image: url(../images/media-wallpaper-twitter-hover.png);
}

/*
@media-mobile:    ~"screen and (max-width:  540px)";
@media-tablet:    ~"screen and (max-width:  720px)";
@media-navbar:    ~"screen and (max-width:  800px)"; // matches a media query used by Navbar
@media-middle:    ~"screen and (max-width:  960px)";
@media-large:     ~"screen and (max-width: 1040px)";
@media-gridWidth: ~"screen and (max-width: 1280px)";
*/

#artifacts {
  background: #000;
}

@media screen and (max-width:  960px) {
  #artifacts {
    padding-bottom: 50px;
  }
}

@media screen and (max-width:  800px) {
  #artifacts {
    padding-bottom: 50px;
  }
}

@media screen and (max-width:  720px) {
  #artifacts {
    padding-bottom: 200px;
  }
}

.LearnMoreButtonContainer.LearnMoreButtonContainer--artifacts {
  padding: 20px 0;
  width: 100%;
  position: absolute;
  bottom: 100px;
}

.LearnMoreButtonContainer.LearnMoreButtonContainer--artifacts .ButtonList-item {
  padding-left: 575px;
}

@media screen and (max-width: 1280px) {
  .LearnMoreButtonContainer.LearnMoreButtonContainer--artifacts {
    position: absolute;
    bottom: 100px;
  }

  .LearnMoreButtonContainer.LearnMoreButtonContainer--artifacts .ButtonList-item {
    padding-left: 525px;
  }
}

@media screen and (max-width: 1040px) {
  .LearnMoreButtonContainer.LearnMoreButtonContainer--artifacts {
    position: absolute;
    bottom: 100px;
  }

  .LearnMoreButtonContainer.LearnMoreButtonContainer--artifacts .ButtonList-item {
    padding-left: 380px;
  }
}

@media screen and (max-width:  960px) {
  .LearnMoreButtonContainer.LearnMoreButtonContainer--artifacts {
    position: absolute;
    bottom: 50px;
  }

  .LearnMoreButtonContainer.LearnMoreButtonContainer--artifacts .ButtonList-item {
    padding-left: 360px;
  }
}

@media screen and (max-width:  800px) {
  .LearnMoreButtonContainer.LearnMoreButtonContainer--artifacts {
    position: absolute;
    bottom: 50px;
  }

  .LearnMoreButtonContainer.LearnMoreButtonContainer--artifacts .ButtonList-item {
    padding-left: 0px;
  }
}

@media screen and (max-width:  720px) {
  .LearnMoreButtonContainer.LearnMoreButtonContainer--artifacts {
    position: absolute;
    bottom: 60px;
  }
}

html.ie8 .Button--fixedWidth {
  width: 7em;
}

html.ie8 #home .ButtonList.ButtonList--keyArtHeader {
  width: 100%;
}

html.ie8 #home .MediaList {
  margin-top: 100px;
  margin-bottom: 100px;
}

html.ie8 #home .VideoThumbnail-fallback {
  display: block;
}

html.ie8 #world {
  padding-top: 100px;
  padding-bottom: 100px;
  min-height: 1200px;
}

html.ie8 #world .Grid.tempClass-alignBottom {
  margin-top: 800px;
}

html.ie8 #characters {
  min-height: 400px;
  padding-bottom: 80px;
}

html.ie8 #media {
  display: none;
}

html.ie8 #features {
  min-height: 800px;
  padding-top: 80px;
}

html.ie8 #features .ButtonList {
  clear: both;
}

html.ie8 .product-rating a img {
  width: auto;
}

html.ie8 .Navigation-icon.Navigation-icon--facebook {
  background-image: url(../images/social-icon-ie-facebook.png);
  background-position: center center;
}

html.ie8 .Navigation-icon.Navigation-icon--twitter {
  background-image: url(../images/social-icon-ie-twitter.png);
  background-position: center center;
}

html.ie8 .Navigation-icon.Navigation-icon--youtube {
  background-image: url(../images/social-icon-ie-youtube.png);
  background-position: center center;
}

html.ie8 .Navigation-icon.Navigation-icon--vk {
  background-image: url(../images/social-icon-ie-vk.png);
  background-position: center center;
}

html.ie8 .Navigation-icon.Navigation-icon--weibo {
  background-image: url(../images/social-icon-ie-weibo.png);
  background-position: center center;
}

html.ie8 .Navigation-icon.Navigation-icon--wechat {
  background-image: url(../images/social-icon-ie-wechat.png);
  background-position: center center;
}

html.ie8 .Navigation-icon.Navigation-icon--youku {
  background-image: url(../images/social-icon-ie-youku.png);
  background-position: center center;
}

.u-align-center {
  text-align: center !important;
}

.u-paddingX-medium {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.u-marginTop-none {
  margin-top: 0 !important;
}

.u-marginTop-small {
  margin-top: 18px !important;
  margin-top: 0.9375rem !important;
}

.u-marginTop-medium {
  margin-top: 37px !important;
  margin-top: 1.875rem !important;
}

.u-marginTop-large {
  margin-top: 56px !important;
  margin-top: 2.8125rem !important;
}

.u-marginTop-xLarge {
  margin-top: 75px !important;
  margin-top: 3.75rem !important;
}

@media screen and (max-width:  720px) {
  .u-tablet-hidden {
    display: none !important;
  }
}

.u-desktop-hidden {
  display: none !important;
}

@media screen and (max-width:  720px) {
  .u-desktop-hidden {
    display: block !important;
  }
}