/*----------
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.eot");
  src: url("../../fonts/seven-oh/metallophilesp8-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/seven-oh/metallophilesp8-light-webfont.woff2") format("woff2"), url("../../fonts/seven-oh/metallophilesp8-light-webfont.woff") format("woff"), url("../../fonts/seven-oh/metallophilesp8-light-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "Metallophile";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/seven-oh/metallophile-medium.eot");
  src: url("../../fonts/seven-oh/metallophile-medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/seven-oh/metallophile-medium.woff2") format("woff2"), url("../../fonts/seven-oh/metallophile-medium.woff") format("woff"), url("../../fonts/seven-oh/metallophile-medium.ttf") format("truetype");
}

html {
  background: #0b0b0b url(../../images/seven-oh/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/toolkit/themes/bnet/icons/sprite-24-orange.png);
}

#nav-client-footer .nav-item.logo-link {
  background-image: url(../../images/logos/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/seven-oh/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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAVCAYAAAD7NJjdAAAFcklEQVR4AexV1ZJ2NwzT4fPB8paZmfGqeNX3vy4zLx2GVNLkn26fYetZT+bkcxxZlrMJgA09+Y/fTQu3XSSc0jN6eofJCbd8pS8i4HF6IXLkd5yYJfokAl6jV/SSnls5d9NW+kwf6YOI+Zi+jaT8byYHbXLfIw+FoiyAJMUyz5jHCUPXYxpHrOuKosixPTzAZrdFmmVYpgl902FdZsiyvMAaAuZpoo/0mb8tCEEpEyRJapUWZYmD4yPkXNvLS/7GfXoSYGMgdCjhmhW549MsZa7VWMaB3vco6xqnDz+Auq7Qtz2GpsVK3J7/LPP5NM+JK0NAwNSznr7DzBwhhOjwXTLFbfd71ygeVPP138T30FNPhLEbMA29i1sIJCOgalNjs9+h2tYkYxEo+gBZmllcJlJETOPAc4su0288t8XmgJcdHeLq9z/h/dRFilBjMulV6f2wrP4O8XHTXpKlJjYn8TkBy7KixJaYmssLNBdX/h0iAiSTRBZ1yVzBmIa+Fz43ySaa1uC8YVkcf3h6hB1JmSiG7roRwcZhkveHh4xfzXRZVyJDzDnJNIiwSSndebErxqOi4sWrqymrCgenx9gcHgLMN3U9l9Wljl2vC+U6pwY4T5ZlqHdbndW3uup7Uqsp8cpt5bFX241w+l7FW2Xw3VKiG9e3LRspbItjnMsWrNKcatqRkMOTMyxDh5aEqKnrYhn5z7FHZyehpDrqzUZJDHwaRgNxoiLXGpUhOUtZTLQujt9TFTuNSJFZWT2l7cJFxLwIsEfGiuS3lCil9DcNBhMWUPJ7d0Ap15XzYw0mRpYXhQsUGVme61uEKL9GW80UXufru+6WQqw8NUOrVOcROzw7wZ4qubm6hCZFar2XcxbhMW/y6HNPh+76RnL3/FrSUeaS8TiOLtaERGmKqB1n8vShB0hohas/L6QK7fttCLCcTUKSpwTd6V7mrPxuiECtaZFZwld//GmFnjxwv4nsmyaOZUYy5IUxIfz7FlVUWlYVuPnzb6tkHkZ33uYwDwRzJCy89LntboM9VT33o78VL2KFd2i6GFvBY/zSh+/4GWovrtzh7dHeDLeX12iurnlpZwXIRJpm/OzRB3F8fs5kDUm5hEnlpeqoRmtZSCCJ2Z4cYSKIsXUnfR4hSrouIaWWpYBkuPjtd7RXNzh+4JwSn0jeLOyOhdZbj+uW6lL3//j+B3RNKzU5rywq3SpLPI6Zm1Cx6Q8+9bjIFcbYvIlv4Y5YF6ttsWKCPXn3i89DGjuNxKnx27c/4tevv/PoRGmarDMq5IX330BJlfz9yx8aDausUIEcRStq9ayKZC1W2jqv0DsWjUVlnnUBU6fv/ReKUnZ8c3lpxeZV4fgkJI4rt7XP/vLVt1TaX1Iq42+RGHBP9SJHI+R37Ozhh/Dwc08h1diItKhclTwOg/BGxUVhvvj+W0FJ8iwXw1bJ0PbgpgPFnhgW63qY85qJV0uPQAu+L4e6x8DSJGWODHHDwERuURSKdQEDiYrddUzssrrl+7UjM+gsUbHu+u3RMMchRHzusqsRZj2iXmP3dT7x25R7lMu6JNGFGy1flYcNyoWxJEa/pT2Ss/vvC8YYgQqAZjtNI+gQpAKt8eIVt80Agjk2eQYSC/YC50SACYik6TfLHb7YPP7TjnlmMQgEITik3//C1m/e9vZ/sBcWZjVGEY8P/hng2t/sOWDI+v28CEZPEPYIb2jbs0fi32rDKx63Df3tod//u1kH2MEWKDhA56jIDqZT0iUUELRawEMwW+WfxZpY8LZtTd8NzbrHs65kT0LlfFWWtbYD1Cx4Ca3TozpUoajThJ6C1wANN76V/Fup8XXtX9eNPMbzmEaC5wleI/P1zHcH67azzX07Rg4AAAAASUVORK5CYII=") 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("/wow/static/images/seven-oh/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: 110px;
  width: 5.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/seven-oh/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,
.Navigation-compact .Navigation-item--hideInCompact {
  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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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--buyBox,
.Navigation-full .Navigation-icon--buyBox:after {
  background: url("/wow/static/images/seven-oh/navigation-buy-box.png") no-repeat 0 0;
  background-size: 200% 100%;
  height: 169px;
  height: 8.45rem;
  margin: -8px -17px 0 0;
  margin: -0.4rem -0.85rem 0 0;
  right: 0;
  top: 0;
  width: 129px;
  width: 6.45rem;
}

.Navigation-full .Navigation-icon--buyBox:after {
  background-position: 100% 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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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-item--buyBox .Navigation-label {
  line-height: 169px;
  line-height: 8.45rem;
  right: 76px;
  right: 3.8rem;
}

.Navigation-full .Navigation-list--expanded .Navigation-item--buyBox .Navigation-label,
.Navigation-full .Navigation-item--buyBox:hover .Navigation-label {
  right: 67px;
  right: 3.35rem;
}

.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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/button-left-hover.png");
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.Button--locked > .Button-left {
  background-image: url("/wow/static/images/seven-oh/button-left-locked.png");
}

.Button-right {
  background-image: url("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/button-right-hover.png");
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.Button--locked > .Button-right {
  background-image: url("/wow/static/images/seven-oh/button-right-locked.png");
}

.Button-middle {
  background-image: url("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/button-middle-locked.png");
}

.Button-light {
  top: -27px;
  top: -1.35rem;
}

.Button-light,
.Button-light:after {
  background: url("/wow/static/images/seven-oh/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;
  top: -145px;
  top: -7.25rem;
  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("/wow/static/images/seven-oh/video-pole-left.png") 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("/wow/static/images/seven-oh/video-pole-right.png");
  left: -49.49152542%;
  right: auto;
}

.VideoThumbnail--keyArtHeaderCenter:after {
  background: url("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/video-play-small-locked.png");
}

.VideoThumbnail-link--locked .VideoThumbnail-playButton:after {
  display: none;
}

.VideoThumbnail--large .VideoThumbnail-playButton {
  background-image: url("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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: 0 0.83333333%;
  position: relative;
  width: 23.33333333%;
}

@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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/beginner-trial-button.jpg");
}

.ContentButtonList-content--veteranTrial {
  background-image: url("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/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/loaders/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("/wow/static/images/seven-oh/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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAVCAYAAAD7NJjdAAAFcklEQVR4AexV1ZJ2NwzT4fPB8paZmfGqeNX3vy4zLx2GVNLkn26fYetZT+bkcxxZlrMJgA09+Y/fTQu3XSSc0jN6eofJCbd8pS8i4HF6IXLkd5yYJfokAl6jV/SSnls5d9NW+kwf6YOI+Zi+jaT8byYHbXLfIw+FoiyAJMUyz5jHCUPXYxpHrOuKosixPTzAZrdFmmVYpgl902FdZsiyvMAaAuZpoo/0mb8tCEEpEyRJapUWZYmD4yPkXNvLS/7GfXoSYGMgdCjhmhW549MsZa7VWMaB3vco6xqnDz+Auq7Qtz2GpsVK3J7/LPP5NM+JK0NAwNSznr7DzBwhhOjwXTLFbfd71ygeVPP138T30FNPhLEbMA29i1sIJCOgalNjs9+h2tYkYxEo+gBZmllcJlJETOPAc4su0288t8XmgJcdHeLq9z/h/dRFilBjMulV6f2wrP4O8XHTXpKlJjYn8TkBy7KixJaYmssLNBdX/h0iAiSTRBZ1yVzBmIa+Fz43ySaa1uC8YVkcf3h6hB1JmSiG7roRwcZhkveHh4xfzXRZVyJDzDnJNIiwSSndebErxqOi4sWrqymrCgenx9gcHgLMN3U9l9Wljl2vC+U6pwY4T5ZlqHdbndW3uup7Uqsp8cpt5bFX241w+l7FW2Xw3VKiG9e3LRspbItjnMsWrNKcatqRkMOTMyxDh5aEqKnrYhn5z7FHZyehpDrqzUZJDHwaRgNxoiLXGpUhOUtZTLQujt9TFTuNSJFZWT2l7cJFxLwIsEfGiuS3lCil9DcNBhMWUPJ7d0Ap15XzYw0mRpYXhQsUGVme61uEKL9GW80UXufru+6WQqw8NUOrVOcROzw7wZ4qubm6hCZFar2XcxbhMW/y6HNPh+76RnL3/FrSUeaS8TiOLtaERGmKqB1n8vShB0hohas/L6QK7fttCLCcTUKSpwTd6V7mrPxuiECtaZFZwld//GmFnjxwv4nsmyaOZUYy5IUxIfz7FlVUWlYVuPnzb6tkHkZ33uYwDwRzJCy89LntboM9VT33o78VL2KFd2i6GFvBY/zSh+/4GWovrtzh7dHeDLeX12iurnlpZwXIRJpm/OzRB3F8fs5kDUm5hEnlpeqoRmtZSCCJ2Z4cYSKIsXUnfR4hSrouIaWWpYBkuPjtd7RXNzh+4JwSn0jeLOyOhdZbj+uW6lL3//j+B3RNKzU5rywq3SpLPI6Zm1Cx6Q8+9bjIFcbYvIlv4Y5YF6ttsWKCPXn3i89DGjuNxKnx27c/4tevv/PoRGmarDMq5IX330BJlfz9yx8aDausUIEcRStq9ayKZC1W2jqv0DsWjUVlnnUBU6fv/ReKUnZ8c3lpxeZV4fgkJI4rt7XP/vLVt1TaX1Iq42+RGHBP9SJHI+R37Ozhh/Dwc08h1diItKhclTwOg/BGxUVhvvj+W0FJ8iwXw1bJ0PbgpgPFnhgW63qY85qJV0uPQAu+L4e6x8DSJGWODHHDwERuURSKdQEDiYrddUzssrrl+7UjM+gsUbHu+u3RMMchRHzusqsRZj2iXmP3dT7x25R7lMu6JNGFGy1flYcNyoWxJEa/pT2Ss/vvC8YYgQqAZjtNI+gQpAKt8eIVt80Agjk2eQYSC/YC50SACYik6TfLHb7YPP7TjnlmMQgEITik3//C1m/e9vZ/sBcWZjVGEY8P/hng2t/sOWDI+v28CEZPEPYIb2jbs0fi32rDKx63Df3tod//u1kH2MEWKDhA56jIDqZT0iUUELRawEMwW+WfxZpY8LZtTd8NzbrHs65kT0LlfFWWtbYD1Cx4Ca3TozpUoajThJ6C1wANN76V/Fup8XXtX9eNPMbzmEaC5wleI/P1zHcH67azzX07Rg4AAAAASUVORK5CYII=");
  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("data:image/png;base64,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");
  left: 0;
  right: 0;
  top: 0;
}

.Frame-side--right {
  background-image: url("data:image/png;base64,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");
  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("data:image/png;base64,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");
  bottom: 0;
  right: 0;
  top: 0;
}

.Frame-side--bottom {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAVCAYAAAD7NJjdAAAFEElEQVR4Ae1YVZM0KRAsCugeWTt3d3s/v///D87dZT8daQEuySaIub797HmXiAq2GwqysrJgp42ILGFmZpexpUPLJDwMszC9xOSkA4uwkAl4HuZJDu1SExOKDZmA92AtrIE5KudytggbYT2sy8R8BlsVUq7aRM7WqEoSNnNHjbFPSQ6bmc0xd/Azhg8XtAcvWFMc7ojyDlulRBzznpPv5Gecs7OI6XmH7fn+wmFudDiG3mgFMQ+w7lOd79DusMAFkcyTNZtzB+CzuNnz8fj0JBEqsZqqjKnPz5EONQY1F0jBXIw7xrpXncK9zDy6snclvxKYJBZJ0o9exHIwk/gijAOJfsbqfzGp0v/QCDH7hvC/Nc3zb76WnG9EnZU4jDKOo1jnJqAxFke87wdawDsJgWNGMwArRpTqMCVtfG8swfGtCoGLEDx92YeEvbRmOL/TvJ7ReUGKaxqOxZAxBnHOzeojY431sbu9xdwgvvUiwBP6IN1+j3dR1E4kKclSzmlXK64VYpiS8M4nH6SSzOxA874hJHVaAhKS8/fPv8ut83Ppdp1EEEgiSIIWARAYyfJtI6uTY3n4qSckAMzQZR8QaoQZCgMMay7Wa+6Z17FqJYwjLIhtnFjrCDSFeKgiznfeC7ev5MMf+45dB0MShx7PKscPnciA55+++BbYr5M8xqpKcs+efFzOHn+0SnocBybIPPXC80mUUmZAbduKASHddk/lEIga+p3//qcMfc9Mp5odZpr+bAV4s1jIyWOPkoRuu51EGtLhYQ4TgtfGyu1rN5G1pazPTlmCAIgAexA4TskxwgQwIJBuGy/9rQ2xUmWq3GvY9wS1OlmJB4bNjRty869rUEtH8tAYl4cCl1BJs14ylm6z59rN8YoUmWdeeznljEQAiQDgly2DCwDFbACTInt7gNhjcaxCtdSaZM9GAtU7aQFocXzE0pyA1quLBMY4UkVUAp6bts3qATk3WHbLkxNpgSONkZio3JBKNgWkNyS5pyosk8exmIpS11TJzXMQst1NiVPlXCiNSfOOaoSyBhESbuBDUpkg8+hTT4KwWKXMOguB7PrGQepHst/tZHPzNmuWpEwKYV9aqdUWpLQsg7EfEVSsSkKJ0J/ZNYbPbJQdzxCeYd1uR7DcH0H41UJCD4IxZjPGpqGiWMpWGRQUQKWry+sm2W2QxKzSWAhxSkKc8/jbUiEo1zJuypjjedqzFHsxjzzxeKpXSSkbxWYtAClAbG/dzGohWfAsE1kKtcbVeWYdgTDgIWeBLZUzwbKUBspZyw0jBEYFlsPYes/3IIhnUijEWusYkJkyS1WwkVCPXlmuu9sb+uZWzhz6cr4xTAyTKgI/BzKaab8QSkJG4sE+IOaxR5h3PDCABhK23nHiBoSkPNkqpStaGSzSZK2i562EhcNUkhNzBLFcr6SF6vrdrqoEJLN0kLgp+7BCOetcYMxqP3Cf3Oo5Qicj69NjqGInPQjpUK4phnq+QRm5pw9aGROq0vMGNiw1ksGbNlGNOR71nkSaR556Ii2P1qLG8KpGTdIh1puA2a3ng3VwbFrIT6kGnhUMLNXbg7fSosmlxcP61j/XWR6ULDPlmfkYeW5Mt9Xhv6VovCqpqEhiA+btNlsJVCPLmGYMk0RFWXWi6JXqGEsCmWyOxRR5ZffbHa98U24mqI5isJZHCXm4w2+lq99Kd/h1ffXr+g7fY66+x9z5C97VF7yrb74zcmj/At21LwAPgNi8AAAAAElFTkSuQmCC");
  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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAVCAYAAAD7NJjdAAAFUElEQVR4AeySxQLDMAxDn7IeB///s9FYg7g9bbe4DBY5YlZZM5gZzAxmBvPPUmt4KyPzuNqrifr2XPdJgH8zFiHYVFlT2SCNV8xqn5ZlZ1Kks6Y3UH+WIiJMahExGnzn0UZCJUDlZBjW8E/4GoTfgPlKDHQ4HX2TetOqrIz7Vdj91hAPTcVSUK2793DllxuXBnd37oSfAE2PcEko/vLnuf2yWJMmuaHokQKyoHF4/mGmvZnxaf0IpqW998rMDA0FmQGyrawvzcygYgrduKDonvF1O2E2/50E5dfKX8ugyDogUZACjEYvHavtd9aUZ19/xWLKaAz0Uqm1EmKcgfZON8NapU7Fb806tIapIWtFckCaIt2QChinDYQTOEEUBw4O3tf1x2aEqIvCZoaGgIj+diCJOftnvVVqbcQYfysfnW6LEIz3e3prpCFBENrDQn0G7Eqxrxf4ZkHvDDEl5cSw2fharbdZhLfe+04T5tKgfkspY4BGnTfkfSs//MH3ue831KcEeTkTXtnASmmfv6d95ha7qdhkCErKmc3FOQ89+Titdco40mvDBKw1Wmm0Vlltt94TFYIGWq202gg5EkJ0oNb6r7vIvx9TAgFdyBdCCNRxpI6FWiZCUM6vL5ik8J3Hf8D0tNHHxvTZn8GXJ0JVrh577Be3RxZL11pcIHnyuWcNPakcAsMwIFEZ98fFORoEy/DTux/Tn1Pix67R5wb0sUz7xoHxEz+kf+GA3TQYQRHysOLi0UechHG/xzBo9uvDHDMcvObA/U9vGTZrtleX0LsDrONEK3URR0RRVeKQCTkx3e0cq7tM1XuV4+SKby42pM2K3eGW+7hDPn4O1Sifu4UvFWKLrFcb8nbt42LcHX3tfL5BAHnqlRfNWqfXQu9GWg+A0MbppAboKnI87hmvO/raivihC+SpjH1rYvzUT+hfG7HvF+Te0K4MecXq/MyjOQNdji4nuvfqLnIniJCHwd1z/9MbRGF9ccGwHrDaHZM7t9lJTcir7CRP7oqAIPNn3UjDL526pdTC3f6GKRfCG2vstnt8wr2S40CKsxtrKeCEC2V0Ul0geeTJJ8x6X6zsOWvNrZlyZHV2xnE6stc99nRE3hzQJxL9axP1Gwe4bdjPKvzESD0x5MFjUKdK792JADwivbVZXRF//eunTszZZ9h4ODhY75+Sq96mSpkKQYWQszuq1zrPMFFCjO50jUKrxuGw43g8QARJgZCVUAKR6ESadY+rdfM+MSWfWd2MyaM4IQ8//pixHCzizKkow2aF5sx+d8vYj/THFH15gGK0r4yuJgYygd4rWTIpJt9wKYW5DEGcDMMox9EtP58wODDM6KdhHFJCBCeojCNtJtZnTYgBmZV1V3g5oQlEPa6H+52TigriJAaCRMcF4sL4/ABijsSY536tnQSpYOZ95OFHHzbzHnNW83ogpOhf3N3tsFqRJwf0yUT/1ojtDJJ4tkMNpB4JoohCLW2OJICZg1hvNwzbM6bDYXFJa/PgtY6r78QAAp5zVGdVpzITCSxzxH8kbC/POe4PTPs943HCegNZBrM/qieA+TPw2ZRidmeV0d3pIrRuBJ0F0JSceHn4ycdtfbZFRfyoHvcH/0FvfVFFFBCQk5VTHogqSJd5VvjGbDk9JATSKpOGgTJN3P34Z66kW9aVSq587/Pc8NPq1/8sBUyA7rtyYlstHHZ7mrtR/PuuvuNSd1TQiKYwr13qgsXF1ugCjMcj0/5Arc1/F2N014U0xwwz50EuHr7mz6nwo1cFljL+fUtON/tb8Mq1vf1/4R/j/xPzx+v/xPyfmH9U/Rz2vDkZEZYY1gAAAABJRU5ErkJggg==");
  bottom: 0;
  left: 0;
  right: 0;
}

.Frame-side--left {
  background-image: url("data:image/png;base64,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");
  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("data:image/png;base64,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");
  bottom: 0;
  left: 0;
  top: 0;
}

#lightbox-container #lb-border-top {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAVCAYAAAD7NJjdAAAFcklEQVR4AexV1ZJ2NwzT4fPB8paZmfGqeNX3vy4zLx2GVNLkn26fYetZT+bkcxxZlrMJgA09+Y/fTQu3XSSc0jN6eofJCbd8pS8i4HF6IXLkd5yYJfokAl6jV/SSnls5d9NW+kwf6YOI+Zi+jaT8byYHbXLfIw+FoiyAJMUyz5jHCUPXYxpHrOuKosixPTzAZrdFmmVYpgl902FdZsiyvMAaAuZpoo/0mb8tCEEpEyRJapUWZYmD4yPkXNvLS/7GfXoSYGMgdCjhmhW549MsZa7VWMaB3vco6xqnDz+Auq7Qtz2GpsVK3J7/LPP5NM+JK0NAwNSznr7DzBwhhOjwXTLFbfd71ygeVPP138T30FNPhLEbMA29i1sIJCOgalNjs9+h2tYkYxEo+gBZmllcJlJETOPAc4su0288t8XmgJcdHeLq9z/h/dRFilBjMulV6f2wrP4O8XHTXpKlJjYn8TkBy7KixJaYmssLNBdX/h0iAiSTRBZ1yVzBmIa+Fz43ySaa1uC8YVkcf3h6hB1JmSiG7roRwcZhkveHh4xfzXRZVyJDzDnJNIiwSSndebErxqOi4sWrqymrCgenx9gcHgLMN3U9l9Wljl2vC+U6pwY4T5ZlqHdbndW3uup7Uqsp8cpt5bFX241w+l7FW2Xw3VKiG9e3LRspbItjnMsWrNKcatqRkMOTMyxDh5aEqKnrYhn5z7FHZyehpDrqzUZJDHwaRgNxoiLXGpUhOUtZTLQujt9TFTuNSJFZWT2l7cJFxLwIsEfGiuS3lCil9DcNBhMWUPJ7d0Ap15XzYw0mRpYXhQsUGVme61uEKL9GW80UXufru+6WQqw8NUOrVOcROzw7wZ4qubm6hCZFar2XcxbhMW/y6HNPh+76RnL3/FrSUeaS8TiOLtaERGmKqB1n8vShB0hohas/L6QK7fttCLCcTUKSpwTd6V7mrPxuiECtaZFZwld//GmFnjxwv4nsmyaOZUYy5IUxIfz7FlVUWlYVuPnzb6tkHkZ33uYwDwRzJCy89LntboM9VT33o78VL2KFd2i6GFvBY/zSh+/4GWovrtzh7dHeDLeX12iurnlpZwXIRJpm/OzRB3F8fs5kDUm5hEnlpeqoRmtZSCCJ2Z4cYSKIsXUnfR4hSrouIaWWpYBkuPjtd7RXNzh+4JwSn0jeLOyOhdZbj+uW6lL3//j+B3RNKzU5rywq3SpLPI6Zm1Cx6Q8+9bjIFcbYvIlv4Y5YF6ttsWKCPXn3i89DGjuNxKnx27c/4tevv/PoRGmarDMq5IX330BJlfz9yx8aDausUIEcRStq9ayKZC1W2jqv0DsWjUVlnnUBU6fv/ReKUnZ8c3lpxeZV4fgkJI4rt7XP/vLVt1TaX1Iq42+RGHBP9SJHI+R37Ozhh/Dwc08h1diItKhclTwOg/BGxUVhvvj+W0FJ8iwXw1bJ0PbgpgPFnhgW63qY85qJV0uPQAu+L4e6x8DSJGWODHHDwERuURSKdQEDiYrddUzssrrl+7UjM+gsUbHu+u3RMMchRHzusqsRZj2iXmP3dT7x25R7lMu6JNGFGy1flYcNyoWxJEa/pT2Ss/vvC8YYgQqAZjtNI+gQpAKt8eIVt80Agjk2eQYSC/YC50SACYik6TfLHb7YPP7TjnlmMQgEITik3//C1m/e9vZ/sBcWZjVGEY8P/hng2t/sOWDI+v28CEZPEPYIb2jbs0fi32rDKx63Df3tod//u1kH2MEWKDhA56jIDqZT0iUUELRawEMwW+WfxZpY8LZtTd8NzbrHs65kT0LlfFWWtbYD1Cx4Ca3TozpUoajThJ6C1wANN76V/Fup8XXtX9eNPMbzmEaC5wleI/P1zHcH67azzX07Rg4AAAAASUVORK5CYII=");
  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("data:image/png;base64,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");
  left: 0;
  right: 0;
  top: 0;
}

#lightbox-container #lb-border-right {
  background-image: url("data:image/png;base64,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");
  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("data:image/png;base64,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");
  bottom: 0;
  right: 0;
  top: 0;
}

#lightbox-container #lb-border-bottom {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAVCAYAAAD7NJjdAAAFEElEQVR4Ae1YVZM0KRAsCugeWTt3d3s/v///D87dZT8daQEuySaIub797HmXiAq2GwqysrJgp42ILGFmZpexpUPLJDwMszC9xOSkA4uwkAl4HuZJDu1SExOKDZmA92AtrIE5KudytggbYT2sy8R8BlsVUq7aRM7WqEoSNnNHjbFPSQ6bmc0xd/Azhg8XtAcvWFMc7ojyDlulRBzznpPv5Gecs7OI6XmH7fn+wmFudDiG3mgFMQ+w7lOd79DusMAFkcyTNZtzB+CzuNnz8fj0JBEqsZqqjKnPz5EONQY1F0jBXIw7xrpXncK9zDy6snclvxKYJBZJ0o9exHIwk/gijAOJfsbqfzGp0v/QCDH7hvC/Nc3zb76WnG9EnZU4jDKOo1jnJqAxFke87wdawDsJgWNGMwArRpTqMCVtfG8swfGtCoGLEDx92YeEvbRmOL/TvJ7ReUGKaxqOxZAxBnHOzeojY431sbu9xdwgvvUiwBP6IN1+j3dR1E4kKclSzmlXK64VYpiS8M4nH6SSzOxA874hJHVaAhKS8/fPv8ut83Ppdp1EEEgiSIIWARAYyfJtI6uTY3n4qSckAMzQZR8QaoQZCgMMay7Wa+6Z17FqJYwjLIhtnFjrCDSFeKgiznfeC7ev5MMf+45dB0MShx7PKscPnciA55+++BbYr5M8xqpKcs+efFzOHn+0SnocBybIPPXC80mUUmZAbduKASHddk/lEIga+p3//qcMfc9Mp5odZpr+bAV4s1jIyWOPkoRuu51EGtLhYQ4TgtfGyu1rN5G1pazPTlmCAIgAexA4TskxwgQwIJBuGy/9rQ2xUmWq3GvY9wS1OlmJB4bNjRty869rUEtH8tAYl4cCl1BJs14ylm6z59rN8YoUmWdeeznljEQAiQDgly2DCwDFbACTInt7gNhjcaxCtdSaZM9GAtU7aQFocXzE0pyA1quLBMY4UkVUAp6bts3qATk3WHbLkxNpgSONkZio3JBKNgWkNyS5pyosk8exmIpS11TJzXMQst1NiVPlXCiNSfOOaoSyBhESbuBDUpkg8+hTT4KwWKXMOguB7PrGQepHst/tZHPzNmuWpEwKYV9aqdUWpLQsg7EfEVSsSkKJ0J/ZNYbPbJQdzxCeYd1uR7DcH0H41UJCD4IxZjPGpqGiWMpWGRQUQKWry+sm2W2QxKzSWAhxSkKc8/jbUiEo1zJuypjjedqzFHsxjzzxeKpXSSkbxWYtAClAbG/dzGohWfAsE1kKtcbVeWYdgTDgIWeBLZUzwbKUBspZyw0jBEYFlsPYes/3IIhnUijEWusYkJkyS1WwkVCPXlmuu9sb+uZWzhz6cr4xTAyTKgI/BzKaab8QSkJG4sE+IOaxR5h3PDCABhK23nHiBoSkPNkqpStaGSzSZK2i562EhcNUkhNzBLFcr6SF6vrdrqoEJLN0kLgp+7BCOetcYMxqP3Cf3Oo5Qicj69NjqGInPQjpUK4phnq+QRm5pw9aGROq0vMGNiw1ksGbNlGNOR71nkSaR556Ii2P1qLG8KpGTdIh1puA2a3ng3VwbFrIT6kGnhUMLNXbg7fSosmlxcP61j/XWR6ULDPlmfkYeW5Mt9Xhv6VovCqpqEhiA+btNlsJVCPLmGYMk0RFWXWi6JXqGEsCmWyOxRR5ZffbHa98U24mqI5isJZHCXm4w2+lq99Kd/h1ffXr+g7fY66+x9z5C97VF7yrb74zcmj/At21LwAPgNi8AAAAAElFTkSuQmCC");
  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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAVCAYAAAD7NJjdAAAFUElEQVR4AeySxQLDMAxDn7IeB///s9FYg7g9bbe4DBY5YlZZM5gZzAxmBvPPUmt4KyPzuNqrifr2XPdJgH8zFiHYVFlT2SCNV8xqn5ZlZ1Kks6Y3UH+WIiJMahExGnzn0UZCJUDlZBjW8E/4GoTfgPlKDHQ4HX2TetOqrIz7Vdj91hAPTcVSUK2793DllxuXBnd37oSfAE2PcEko/vLnuf2yWJMmuaHokQKyoHF4/mGmvZnxaf0IpqW998rMDA0FmQGyrawvzcygYgrduKDonvF1O2E2/50E5dfKX8ugyDogUZACjEYvHavtd9aUZ19/xWLKaAz0Uqm1EmKcgfZON8NapU7Fb806tIapIWtFckCaIt2QChinDYQTOEEUBw4O3tf1x2aEqIvCZoaGgIj+diCJOftnvVVqbcQYfysfnW6LEIz3e3prpCFBENrDQn0G7Eqxrxf4ZkHvDDEl5cSw2fharbdZhLfe+04T5tKgfkspY4BGnTfkfSs//MH3ue831KcEeTkTXtnASmmfv6d95ha7qdhkCErKmc3FOQ89+Titdco40mvDBKw1Wmm0Vlltt94TFYIGWq202gg5EkJ0oNb6r7vIvx9TAgFdyBdCCNRxpI6FWiZCUM6vL5ik8J3Hf8D0tNHHxvTZn8GXJ0JVrh577Be3RxZL11pcIHnyuWcNPakcAsMwIFEZ98fFORoEy/DTux/Tn1Pix67R5wb0sUz7xoHxEz+kf+GA3TQYQRHysOLi0UechHG/xzBo9uvDHDMcvObA/U9vGTZrtleX0LsDrONEK3URR0RRVeKQCTkx3e0cq7tM1XuV4+SKby42pM2K3eGW+7hDPn4O1Sifu4UvFWKLrFcb8nbt42LcHX3tfL5BAHnqlRfNWqfXQu9GWg+A0MbppAboKnI87hmvO/raivihC+SpjH1rYvzUT+hfG7HvF+Te0K4MecXq/MyjOQNdji4nuvfqLnIniJCHwd1z/9MbRGF9ccGwHrDaHZM7t9lJTcir7CRP7oqAIPNn3UjDL526pdTC3f6GKRfCG2vstnt8wr2S40CKsxtrKeCEC2V0Ul0geeTJJ8x6X6zsOWvNrZlyZHV2xnE6stc99nRE3hzQJxL9axP1Gwe4bdjPKvzESD0x5MFjUKdK792JADwivbVZXRF//eunTszZZ9h4ODhY75+Sq96mSpkKQYWQszuq1zrPMFFCjO50jUKrxuGw43g8QARJgZCVUAKR6ESadY+rdfM+MSWfWd2MyaM4IQ8//pixHCzizKkow2aF5sx+d8vYj/THFH15gGK0r4yuJgYygd4rWTIpJt9wKYW5DEGcDMMox9EtP58wODDM6KdhHFJCBCeojCNtJtZnTYgBmZV1V3g5oQlEPa6H+52TigriJAaCRMcF4sL4/ABijsSY536tnQSpYOZ95OFHHzbzHnNW83ogpOhf3N3tsFqRJwf0yUT/1ojtDJJ4tkMNpB4JoohCLW2OJICZg1hvNwzbM6bDYXFJa/PgtY6r78QAAp5zVGdVpzITCSxzxH8kbC/POe4PTPs943HCegNZBrM/qieA+TPw2ZRidmeV0d3pIrRuBJ0F0JSceHn4ycdtfbZFRfyoHvcH/0FvfVFFFBCQk5VTHogqSJd5VvjGbDk9JATSKpOGgTJN3P34Z66kW9aVSq587/Pc8NPq1/8sBUyA7rtyYlstHHZ7mrtR/PuuvuNSd1TQiKYwr13qgsXF1ugCjMcj0/5Arc1/F2N014U0xwwz50EuHr7mz6nwo1cFljL+fUtON/tb8Mq1vf1/4R/j/xPzx+v/xPyfmH9U/Rz2vDkZEZYY1gAAAABJRU5ErkJggg==");
  bottom: 0;
  left: 0;
  right: 0;
}

#lightbox-container #lb-border-left {
  background-image: url("data:image/png;base64,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");
  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("data:image/png;base64,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");
  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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAXCAYAAAC2/DnWAAAFX0lEQVR4Ae2Vxbc8uQ2FP9tFzf3jMDMz7AKb8J88+/A2nAzzzMPuIlvRu+d0ONmG2uf4uapLlqVP13qB8/iH4wzmDOYM5gzmPwrMPfvyP9pj/3NgHr39rVY3NYRInmfmcWI49kzjSCmFuq5YbjcsVktiSm4z0d8eKXkW1pRqtzPmafI5+pwpOWMGIQZCiOJWNw2b/Y7K18PlJSFG8BnsFEkAM18Cqa5kH1Ok5KJYxsFn39N0Hfff9oSua+kPPcPtgTLPBCCkpP2xqkhVwjCmwfPpj8zuw4phdjcB/UF2y/VaOToH5Xz9psf31ve+28bj4A56JZdzIaVIu+hYrFe0y448ZQ+s98AGAGKstOZyB3L2vQM5Zx0WU+X7liw2fthuy9Wrr6Pfo5IUUDMQ9LbR75aL3g2x1m8hRYGtqtph1iiJumHpMd1eXnB7caXv3IEgkBxk3TVYNhVnGHuyZRWJYorBiqkgNmfZb+/vWDmUaZw4Xt8KsMeBIK+3W7cvIt10rWA4OTnxhEXcghGIomtmDH3PNI1SWJmLsmmals39PYvtFqwwHXtfilIdj70O9KnqewHkJ6VE50ps2lbvXlUpLEpNQasZ8uOTdrlQnH6u7KUy0H5XogrX9wdymn0WAY85EpY+31nBi5n0Jqzu7djee0AejhwcSM53ACUjMLSG3YN71rg6usVCgXjgDmNUIE6Xqq60ehUEY5wG5jtHU5b9erNhtdu5XZKyepe2Er8DMWcFTIxIkf7uSpRS+ptbBgEzGn9fuZ+6a3VdKCYwgPutMTPBSFWld0KQ/5iSiunx+rm39LmnrHEQAYGtIrynJjaJ+HQmvAbbbsd6uebm6hK/KYJ38jnPMye/4R0ffJ8dr2/ATPdXki6SuWQ8Oqj+cGCcB3JTBCRYYNmtuf/kMV3bcvX6hVThANUbDMlZEEIVHcJRxa3dNqaIA9Qa6yQJX732uhR6z/05SCWJmQJM1d2sFRP2517UutJSW3Pz+ptSyRxnyg7YJ8I2kd7VEd/dYq9MxF/O2DMzy7lhvdszH0f5yTkLrGEMt0diCg6pRdf4o1/5vBlwuLhShZe7tZRwuLzm9uqafuzJ66JD2EaapwP31w/Zbx8wXN06lEsEdbVQRUsu5Dw7QA/EJTv1I+PhqLvu0GUrJXYNrlRdwZASF6+8yuHqhv2Th+RhIvv+EJAtgb9qrsvNRg32tWef43g8kGOGTSQ8qQjvqmm+fh/eXmMvjJSnruHXI81F4i3veCdkdP0Nk7IXm5WK3R+PZCnGNMMXvv1Ni1GVRqdjvPL087z89DPMaYYPNNRf3hCayOpHkQ+96+O0dcfFC68xz1kqq+8SXCyY1bwMMEHGwK+GAilWOI1YJaqqUmDzMJ7+C52kLPvby0vUeNta9sGC7Jplp70v/e5pL8objGNPSYWwi8SPL0k/2BPe3kgp+ZkenrqheTHxYP+Et73nvVIfxQhSblbK4zAo3pwzABLmR770WfNgqFKlLu8qUXO1xsjvjvDlJdQBfjvQ/TxQWQVF0iPVNav9llMfjCESYuL0g5mpZ9V1Ldsyz/Kt7yAbQDC8Wjo/gIaCTkGKiVFKAYLkLsZm5JIxZkoC1oH81YbymQ6Ggv2mx37dE/6QiYdIZYm6btXPosOJMWoWM/I0qc+kppbSJ4cdHjx+ZIoRBargYp2I+4S9o1bzstdnioOx50dV8y+HJysAKOioRJQEoIWgdwMBQNAghKh9Olgcg+z1m9zB6aPkrR8F5MRdV0t7YoAKVMAIZIPBYP6zP52tmHS4oICdgGs1M03MHIx91DiPvxtnMP8CDOdxBnMGcwZzBnMG8x8x/ggSqF2OkzWsJQAAAABJRU5ErkJggg==");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-side--right:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABGCAYAAAAn+A/yAAAFgUlEQVR4XqWYTW8kSRGGn8iPqm53jz0f4BnNIi0gVsCJI3fEH+YXcFoJDvwCkDDywiJm1p6xu7o+MjMCKQ4+sYCcKZWyqg9vvvlmxJsRLXzPeGO/NID6+lvefPGOF9fXfPzbLTEnltMETTFVJEX+9fdv/yNO4H8NEVIeEH8VTA1rCggGXLw4AvAscBFxdgAShFY3nxEIQZAQOsARtDRCDIQYnXmMCQCJkVrq88ENo9Xq4MM4kncjmCFRGC/2rNP5+eBghJRc95ACguCLhUhKiWXuADczguBjPS+UrUAUdhc75vmMNu1hLqias44pEkMgjwMxj5wfJoAO5qqYKaaGIICxPxyYHj/TagGRDuYGWisEkBiIY2ZeZubHyb/7mGMebtYaRDhPJ6Y2oa8FM0P+C/PE/zFq2/jwz3/w6cMH2s7gVUD2gnysiNCXoS0oD/M95Y0iX2b4aUJvCwjEnDs0F7Aj1B+B/HwHvxjQVbFJIQh5GPuY8+NM+O0l6TdX8DZjf92waG4HKacO5tkZE77cI18M6M2KVvX0D3jGdoAPQvjZjnCdsW8K9XYBhVCFnAa0tY5oSQF2Ef1mZfv9d/BQYVZCTcR9RGuHK9IM+dOZ+rs77KZgnxpyMoZhhwSP9Q7mxbCvZ3SasLURzsbAQB4yZV1Be4yrgpwU/azYoxJrZNjtaKWipWLQAa6GFAg1+iEOw0jKmVI2DENi7DMuIZJSZhx37K8u3dN9mPkung1uTQkSOVxd8vL6Gt0qps2BzcGHDnAAgTfv33lMb8sCEhARdscD21Y60h8QgdYqy/nsH+Cpz/545OHjXY9xCaZQlg3M/Gm1+rzMC2XbOsB9GFobpgoC6vJsaC3kYeiTxcwwMQwQCS6JBAEgd/l5ENQUbQoG2iqC+CKtVGKX5SKYqgOZL9L8cMUPuRF6akWcrh8i/qoK4LsxNVS1w7gMQvKwYzvPsAmo8lRHltoBLuBTDIScGPY7tnl+KuOstr471MCj43T32Zl6+NkT+55CFNc2xsjusOfx7p66FWLK+KCrnHNgr7qOr14iAebz2XcURKCHOQISAlorpsrh6sqZl7L570CfnwPEIVPLxnDYu/7bvKCmAD3RIrg0KVFWNy+GcWBdVupWibFLcwWg1UbbCtqMYb/HNQ+CqXXKIoI2daCYArUU34kIfmF0+fmTrYqgamzr5s2WhEjraRUJbrHgr0LdNlIMhOAP0+nU5+feGoo4U4CYB7dcNaWV0tcq1lqRGLzBHfYjmHlHh0hnhmKknF33NCSsmbMF4/DyCrO+aHkiuDxOXh+GGDyRltPUCQ5g4IApElP0tI/jyHqeEaFPcwRAiCHic0wgwjovvlAXuKkiQfxppeIXxjRh2nwnXbWimdsu2hpmSkiB6eEECCnlPs0NqOtKWVbSONCqugWEGNwG+vzcwTcQ4XD5gmU6AXiIigiv7NfyHHBP/fk0UbaVw+WRrWycz2ckCjFHVGufLFqraz4cdzzc3z/dqUESGH3geT/y4gdXPM4PrGVGcng6yL62BUCEYoXH8hkLEENwOzCrjLvx+decpECLjdu7G+pPIvJdIJMRBIAQE/fyR3sWeHg/Un8Vqe8Fvm6EVUhjpjV19qodFVf4akC+2qGb0m4Wcsh+mIiS8sA6rx2XxZsMm1H/8EB4FG8NzQxMPFPXaXq+5v7fyl8W7M8rYxrJKbPMMykn75NqTyHKbUFuqrflu4sLL/zN1LOz3xU/VWQVXr99y+544Z4i4peFXxyppyfS6lHBq3c/RNUcOOXkhWlTr746mKuxP1wAwjqdnXFySWZikE5XNPMFwFPd6xY1pWzFgUNv+jdt1FJcc0TY1hXMSMMIpn3gEgKuNzBe7N3bXfshe03zfePf6vMXuPLVp38AAAAASUVORK5CYII=");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-side--bottom:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAXCAYAAAC2/DnWAAAFEUlEQVR4Ae2XVZMryxGEv6qGESz60K7hmtn/wfC/Da/2q58vn8u4u6KZhvJxxYTCzGylGLo7KzOrFOKE/xiccMIJJ5wgj+zbxu/hBOUP4gQ5v7wwEERARDAzgPlRMOtghhkOUcEhAhgOhN/E8ZPefZ3Ib35F/Bz4zfXMZ4P95nsIRgen4uvwVQa/+U3n123mbL5OgvIb8NcyKLIMSBSkAKPRS8dq+7094/XtM2LKaAz0Uqm1EmLEifZON8NapU7Fb806tIapIUtFckCaIt2QChhzAWEmJ4jixMHJ+77+2IwQFQCbzdAQEFEcvyF8zNk/661SayPG6GIdlbdOt6MRjJsdvTXSkCAI7ZFQvwB2pdjrBXuzoCNea1otGVYr36v15hvE8yePEXBoUL+llDFAo+IF+bmVD95/j02/o34uIF/LhK+vsIVSf7Gh/ewe21ZsMgQl5czq4pzPvBC+tU4ZR3ptmIC1RiuN1iqL9drPRIWggVYrrTZCjoQQnai1/pspYhmUmBII6FF8IYRAHUfqWFierQlBOb++YJLC28/ep3/e6GNj+uUWPpwIVbl6+vTF7fEx0rUWNyh+/MZboLPLITAMAxKVcXc4JkeDYBnuNh/Rv6jEH1yjXxzQp5n2xp763p7eK9YbNFAMunkS7977kHG3wzBofu+wuT3Ldo/mwOaTe4bVkvXVJfTOYVOo40Qr9WiOiKKqxCETcmJ62DpXT5mqC14Okzu+uliRVgvefONVNnGLfO8ctkb5+T3yWiWSWZ6tvL5P3/+AcXvwvfP5CgHkc1//ilnr9Fro3UjLARDaOM1ugC4ih8OO8bqj31wQf3SBfC5jzyfGn3xMf23E3ivIxtCuDHnB4vzMW9OJCmDMxYmL2Fr3JCBCHgZPz+aTO0RheXHBsByw2p2TJ7fZ7CbkRXaRpzJ5SgTBP+tGGn6d1DWlFh52d0y5EL69xO47vFkIGyXHgRQ9jdRSwAUXyuiiukHy+PbGrPdjlL3PWvNophxZnJ1xmA7sdId9PiLfGdCbRH9tor6xh/uGfVrhYyP1xJAHb4M6VXrvLgTgLdJbm2eI+GuHGYjPEJ9h437vZP38lNz1NlXKVAgqhJw9Ub1Wn2GIEmL0pGsUWjX2+y2Hwx4iSAqErIQSiEQX0qx7u1o3Pyem5DOrmzF5K07Io2dPDQDxO1dORRlWCzRndtt7xn6gP1X0awMUo70yupsYyAS6UbJkUkxecCkFB4YgLoZhlMPokUdknpfmwvR5GIeUEMEFKuNIm4UNIRJimFtJPBUOFzSBqLfrfrN1UVFBXMRAkOi8QNwYM0OAmCMxZvy81mZDKpj5OfLoySMzP8N7lbwcCCn6F7cPW6xW5HZAbxP9+YhtDZJ4b4caSD0SRBGFWhrekgBmTmK5XjGsz5j2+2NKWvPBi3XcfRcGEPA+RxV3dSouJMBxjvgiYX15zmG3Z9rtGA+Tzzd8Hvpg9kf1DgD/DHw2pZg9WWX0dLoJrRtB3QA0JRdeHt0+sxcTHBWh1sq42/uC3vrRFVFAQOYopzwQVZAu+KzwwgzzNfgQT4tMGgbKNPHw0afupEfWnUrufO8+N+jVneT48wuYAN2rcmFbLey3O5qnUbBZeHFe6okKGtEU8L1LPXJxszW6AePhwLTbU2vzdTFGT11I3mZg5jrIxaNr/hKED78hcITxnwuZb/b38I0vCuYvhPGfj38Y18j/Huz0J/L07/o/RpgTfgWQrQzed/fIYgAAAABJRU5ErkJggg==");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-side--left:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABGCAIAAACompilAAAABnRSTlMA/wD/AP83WBt9AAAE20lEQVR4AZWWhZYzuxGEm6Sh9dqXmfnew8EDoWfI04bfIszM+cFez0jqrvj35lBYZYb5Tqu6BIJ/0eG5Z5556cVpWW72u+dfe/nNTz748POffuPj9/dPHZ7BR5c7/kVC/yIza6UCYUPe7s4gEmFE0H+W0L+KpZWNmPMwELAe7ywlFe2jhLu3lnISFssZ7lcyE3MH5YLwwDBNrVYEhmUmwvl0x12UshUVtmStNiBE+G+//1Pdiqh0UFqtaRgQAMJSuvjy1z/8ARKceiiIGKbxwmIWVVvXuyYeN0wDd1DMNI251aamtdXCld/N9KpRpg7KsCzRggjMXOpG76T0xQO/maOihzINrRYi8fC2uH3+VkelvznO0UER1boVVWlo9Foio+E3nH4jKN5BidaICIxmjW6Fv3F89S8v618IraeWbd1YrLbqJeJ755t2myJRoG8GoDkxNa+oPpS8m28f//VhPW99lIsimhenRrubQzmt7i5mfRRJ5s0RmOc5Wz49OqY8TDdLeI+7AFqtFBjnm9OjxwTYkEFE6KnFawsPS0lN2lbSONhwH/4eSmuVgOX2Jlowi6i6O1/UNae9OYvmZSnnVZMhgACLMHP3nCbAvRHBw4lAoE4KaJgn3zZEeHM0Dw/iTl+YebxZEAiPNAzjbiEQQMSdlNODh0SsKbFyK62Wy6MScVd2QUDdCjGX81bXDR5m1ueLpiQsQHgtV7M9ADVDly/LzU1c1Tws5wjcb1IU0VWLIby1locswldjqZZCQAdlPZ4AumAsJW/BwqJCQGePhCNwUTmfRVlzUtP7H/p2e8umImUrbJqG7K0Rc9+ILhKWPI0IlNPZUvZSr3TqoyAipWw5nR4+ZBExQwShj8KBJ5rmGUHHvz2wZO5O3JtdIm/Vcto9/dR6Ors7C3Nfj4jvPa6laLKbp/cIMBG63FVTYb7cKVDOa9QGj/sS+7LLIiT85E6I5ufjMZr39UhE+Hq7f09ManYl9rgbEaoKkKqJKrP8ozpC306iyYAAQdSISVSEhaKHUmslIgTCHQgmYvBFIOqhlCKW8phFlUDX7CoRUxcl5TxOIzGrGTFf7mnMLNQ3G2+fffpJa92JmIBxnlUNoL4R5ZyuCxUIkcdRVP/y298TiLsoZS18HQiLSrYHf/zj6cGjCGeRLspKzFeD0vnho21dWymA97kLdyZOKbdaS9mCIshB6KMwkSTTZGVbXRpl5szd+zSJWE611iI1bpj3ygcj7d/tESix4cD8fJJPRv3iLqSTIqoeHkvwQeXNYfjqc/LZG0gQoY9SpWIgutX8lafltRFroPT2SBAGMOyNSV7N+GONH93hjL71pTWP6mzKr2f8dotfbvSTwtG57ta6UYW8PdAfanzn2L7+N/sNsWrfiHwrvAgnou9v8YPNfkm3dlDVvloQxK8m/LjQrzw/4Kf2zz73wsuWcqe7F/228h9jxjxPN1yIVS0bd7lLoPhDmXSahsnXCg8KErPO3T6gmpZlfz6eCAyAhZmlb2W4aL5dvG51Kx7hzaOFCPdmV6ZpXu9WcqSchnkkoug9wY/T3FqLcDUDIVq0WqK1vuwOy7zdneEg5rpuZdvCQ62zR5YM7kTk3lg43MNDkoL6UncRCISAWkaAiNC8L7t3j498pbEKC+MiolYL/WfK3wFvn0lKAOhAlgAAAABJRU5ErkJggg==");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-corner--topLeft:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAFG0lEQVR4AcWVhY4kyxFFb2RmQeOwmZktNn2rf8XMzLTMOzwNRZkBri7Tjl7Lorc9RyoUHd24VYHbgP59ONwR7rbIcHgA4Y6FBtwbMvkdCt0aUwBQABjdndDtdHIAJYDpXSfk3hjVGMAcdwRhO3j/Rz/8Yx/8V30IE2HB6uYGbd2AiHD43vegnIywuroBpwTnfH84bBBmTPbnOHjfiV2fXuDq1akwswLEABI5WgfvX4Y8+1MxGv2QnPsRTM84plaYxR8cH2I0Hr3j8Hn+7V7GS0qunI6RlyViFweBrmkAtV5q876ADwEbVBQGg6rCROGzICkmBiC9cPTBd0R0DdBjgv1KWH4Bs8fOhToflVxOJxZmR4fYxvXZOeaHh34jYQC6ugHHCFMFm6FarQBHmPVpkHOoFis4R73kdCNk65slhNm0x3nfmWoHYOG9fw3gkZn9Q0WeslnDMQkqDITF+SW20TUtFheXQyJENIwiKwrsH+yj3CToHIQF1XIFZUVWZsjLCdq6Bic2YTEVZSJEn4XOh+KaiC4BPCCiv4vIk16kct4p3iC44LGFQaJr2yGR+fER9o72UIzH4JjQrtZoGwY5QpZl8ONsEF/fLJBi2qQC772MpmMZz6YteVqmLl1uxkNE/zCzB2a4wsgSOYdbQpP5HNvIiwKLy6thPOWo7CVqcMuDaMgK9IWE8x4SE1aLJepeklksyzPdPzm02dEBE7lGWGoRucxApyEv7kns7qnZUxNdaQ+Bbgs557CNsk8jdRH1uoJ3Hl3boShLfOhzn+hl86G4p09f4vzFKzRVbZO9OT780Q/i5IPvNXJeDNSR9xWGMeGlqd0z1Qcc00MVPVfVdhPlOxJ6zyc/hm08+s3vh66QIzAzQDTcnz55AZDD8Qffi/XVEj5keP/HPoL9kyPNi8yaRZU4cW1mKxC9NsNz9CMC6K9mdl+Zz533tQueVRQ9hjegL3/r69jG07/+zcbzKfK8QF1VCCEMfbm5uob3AUWRwzkHF7zBzGIX1dRYVWqAzs3sFMAjIrrfH4+slyLCM4A25W4BKLZAJ+97L7bBzFb0CRWjEqvrBcazCZp1NfTlvR/+ILjtEJ/O8W7j9NUhth3kHJR5kMiKDCnx0Kf+q8H86AApRsNbIOD/wIlBjtD/QTH86ERx9KH3I8szM709+nd3229BRaAqyMpiWBXCvBHB8ftPzAyqZoLbvF2h8d4MPsugauDIG0GbHe4rOa+cksGMdyo03yzdflTcRRMRc97r9GDPDEM6bMBuhZYXVyDnjJlhotxvdiEiIecFoAig22mpr0/PkY9GsCEN2wiZMBuIxIBIQAPgaGdCImIco24EnHfJe2cqgp4EQ0dE9U5HBpCaGisz+xCEEyeAWjPrADQG7FoICYRkhtQLJWFOoSw6gGqYrYlotdMOkaNORRIRJedcUrWYqiZKSrWIbGQWOxXy5BoRiT4PDQAmok5YahOtvA8rIjrbqVDIw1I7jc77mlNqA1C54BtRXZN312Z2TrsU6j/5a07cOkcrjmntvW9hWnGMN8p8Y6pnOxUiogc+C42qdgDWIc96GW5EdMkpXgK4wi6FYPabLMtj1zbRh8DO+SjMtQ++ArAE0W5LnWL8bjmZOFX1IkwgggshZXmWGkNDQLVTIRW51wsEVQ2mlpEnl4UcZjA46sws0i6FsqJoOEbPMXmfeddfaTSbelNVAAqi3W57n2Wa2ihmynlZcKwbMaB1zkWoJABvReifyjpbzZrGFdcAAAAASUVORK5CYII=");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-corner--topRight:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAFLUlEQVR4XsWWXW8bRRSGz5nZ2V1/f8RJGgqBUoSEBOISROGGf8av4oafwA3clIvy0aZpSVI7zvpj17Mzc3jHLlJUJe1NtTnykeeMx/aj874zO3SHoZC8zWuh7xDIvAHDdw3UeqOWuwYaIBkp15KSOwTqItdIugbk7xKo/7oISI8MMXk0GSc6wSs1ObE6kBC+35TlD87WXzrvP5Ag3Z0BJUGo8dGhHh1O6PLfC17NC8J3KUYIAekpMYZ64yFVq5JmZ+ckIpS3W9QbDrFWk3du5Z3/7eXTk0c3USa9vbHHAg8A5+zGu9r9LsGPhHikte5wwokgmJlMlimAU/HqUlfrcusAEQFEQmmSkdK7nbyYzmlZFFvIrNWi4f6EkjSharEilSS5kP+Obgm+XgzGIx1CGDPzN8gfMfU16vvxI1Yqw1ymlDIarUrzlDBmW1bxT6gz6JEAYIGura4Kqus60m471u52KEOX6o2lFIDFbEaLyyu+CUhfL9q9qA6LyVKFbEOOHFK2tUkiuAnec/BBiQSFcZSD806HUFNZrMgBIsujPAMA9tGVdDtXrla0AfimqgC1IVttCKr89E6gydE9TrM0/pCCDNqkxuyg0qwz6CatTgfrxThrVW1r5WtHvq4ZUm47AOroEYL8pBRRdzSg6Ld2v0M+CJXLJXnvY2fjuncDDSd7zIqj+QRd8dHEabtjmKkbCU0GsGFf9caDRGFl9FFVVmyrignRRrfyTpsMfMasyW1qsuUGWWEupdViSVA7/g+tisWNQMn14uDhJ9EHgZWq4I8LmDSDZF3ULYDu1oso8T45OL6vJXh9cXpG509PpbicU20tH316TIfHH2+7YOGZ53/8RZu1o8ykgNn5KW+3KcY7gX79+Rf56tG3DBAXnF/DJxcw7BNmjlIxMQszRfNgyAGytvv9HuWfP+T5xVTBqLScFTQ8mNArgJIEih0nZnKQstPvwmM5LefzW4H4NtL9e4dKRHKAjEToIwA8RP0A+RnYH6A+BOS+UrrNihN4T20pnWc0mTbojveOhuNR3HERaCuptRtaF0u6ms35Rsn25Au5CSjc9ORD8C3rymtz6XFB3WGfzk5OaWUMtSDTBl4CcGwa5NRvk+z9B7wk4/v3eDG/ovVyRUmWkckMlRhv5VbqdqApP+b3BfJ/tyVI3Gmy9+ERnzx+QtVqve1YBaD4GTG/7db2/iOIeBEKk6N9ARh55yBZSSbPts+74H2zQCTiXF0LKx3woAWDF2cdYIR0fJQMes0CCZELgMJ7wGktSmswAWpjJRq8Pxk3C4SIW8qy0p6ZPU5vLz44RDS0FK9mzQIx0VqILDFbD/EA5ITEiYgrZnO6PLtodtsz85pk131oZbRWpLTiEAKjVh7ZKJDs7spaRFBxvPTpeCt169Lx7lmSNN2hBYkwRpLkWYbzxwAoRD5WO+ZGgRAzH6OuXb0q2yFIqpRKmckHTLNi06ypmV9Ao6n4MPXOz1AXmF4orQsJstasykaBROQFa3XqQzhTiT5HV85cXU8BdMWKiyRNimaBQjgJzj131p6geCkAc7Z+oRSfQ7opLvqXTR+Mz11t//E+nDjrniap+Rtzz0IIz7TZXvj+bNbUzGcoKp3opXeugx3WZsUpxkmWt1ISSRsFYqJLErImNUsVL9LMRkTIpJmkrdxXq1VoFEhElqTYgmGd5hk7V5MECYFDDUAHk7umJbMoIoI1rUxV07VnxQJjBxjdmyzzTR+MjoIXpUCBwq5LhU6FtV2GurLB5Omtkv0HUC3hv2DMBnIAAAAASUVORK5CYII=");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-corner--bottomRight:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAFHElEQVRYw8XWy29cSRUG8O88qu6ru922YzsKeUzGSYZBzLBhgcSWDf88EitmwwiUCaP43bcf7nur6hwWziBACXgxaZ99lX469dWpIvyMdehfOwDY0Vk4eHIss+Nj6q+ucPX2H8wqtulXVredhTra2dt39rE9GJ+nFCzBzCIBdWwbGbeDErGGOkpJiT+98HOUewQQiblKtwNpDHBz0xiSxpi3q1UGsNwZiIgmMO+I0IzbIRBRICYws1vOhUUMwJ92BnJgH4S9NKaZ5dyJaktEMY2DMnMMMcadguB+AuCg5HIoqjOz0rh5xyKTlMZKQtvsNkPAUw3xWITnGnW+6bcdgJqZJ2kYp+5e7xREzM9Y9Uhj3AfxhJgbjaHLKddm1o63t3G3IKInXuxYmKeWS8cirQLVuB3UzZs85t2C3P1JKXmPhKei0o7D3RiwUgIxheIWPrX2cw3GAxHZlxD2QtdMmKkzs9odNYvUbl7tFOTuUxBNAG/zdqhENZScAxECHAFA2G2GgBZAQ0QV4EGDouRMrKpwV8B51xlqQagARBaRccxkxYhFhEXYSqHdHhnQEhDhHkU1bNcbJZASkc4O5tg/OcKuQ10BHt2KuLts1xshYVVVuBnNHh1g1xlSJlICaHW9ICuFYgikVcTtag0z2y0IRKohkFvh5dUNsQg0KpgJY0rYLPJuj4yJhAh88eM5pTFBVFE1DdJ2ALOART7doZ++nT/vW0ZIY6LLH36ECKPuWuRxhKgC7si57LZDIUbqL6+xWa7QTjqEoEhDQjPpwHfB/nSHLukvH50JR49P+O6b4PvueEZEp+7+0t1fAXhJRCeAHzFLS0waq8ggIsuFzB2rmx5126CbTpBSggQB3EEMmJX7h/qb3/+OWJgsl2ClzFj1KRG9AfxXIDolwlO4PyaiqQZtmEnHIdHN+SUtrxfUTjq8+OWXuHj3HnBDHkZsb7fQELHql6jqGhrC/UC//eMfyM1AzMrMLQsfaQyviPlrYnoF4Dncj7yUPYK3bkXO372Xs7+/w3rRo+laTA5mqOqIZ69fYBxG/PDd94A7VBXX/Qpujun+HJfvz/8/6Oyvf4PDmZlrEj5ioi8lVqd5HF6z6hMRORSVzt2q5eW1LC6uKY0JqkKz/TmmezPkIeHtd9+jZIOVAneHBEWxgpwTNqsVQhXv1yEzg5uxkU0p4zkRvR63w2sQnQT4YRnGdrNcNdv1RkspzMzUTTtqJh00BIzDgLLZwM2hUVFPJ9AYMGw2WFwuAHeUUnBzcXk/0LrvYcWCxnAgIqfu/gbAF+5+uF7kWUm5doewsFQxQINS3bbIacSmX4GVEasaooJihsXFNTb9EmkYIKrQEP4Fv1+HcmEz69LWXmSirwCcmtkRgD1irog5CrOKKsc6gpmxXa3Bqpg92oebYXnTY73okVK6y04ImM73ULUN0jAiNg36qyuM24+j9PlXr6jkgjwmzmlscsrP3cqbnO0l4I+JaO7uFbnHUFU8Pz4kL4Z1v6SS0t3kdcd2tQELo24awByrvkcpBRojJvtzaFQQAGYq3Wwmy+vFx0HLyysRVdEY6lBVxxrCt8Pt7a+tpF/kUvbcvL774bm6Gecxyf7JI5Scsb5JICKUXJDGBLNy15HDOUJd4er9GcbtFjfnF5jO59AYUXLeEvDn//EwP1j9BkAPYAXgFsAIIPMDgnoAm58gAAyAywOCAoDhA6h8AOEhQQwg/RvGH7pD+C/Mgxd/uFT/cbH+CaIVkGMmNQgNAAAAAElFTkSuQmCC");
}

.PaginatorByIcon-icon--selected > .FrameSmaller-corner--bottomLeft:after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAFH0lEQVR4AcWXVXfzwBGG35nZXZnicFJm5vYf9M/3uszMDZpkSQszXTuFD5K77zjPOa/Y8nNmVkR4gatPfpxTH7nftjyZz1hz4bNPfkznZ2dY3dzYw99vCt9eJTxB+EC4c/sqnqN89J79KMjQdRL7oUodEQFBK2DRJ4kPj8MLpGEYN9Opc8E7LcXXOaduAJ2xARhgFg8qxCJf1Jy5ImZKVgwxD4kICWodEbUHFfIhfD92fUxxiOJchlmsgtsUUwvCyoBAhxQC0fdSih2LDKa2US1tFetKLisA9zAbHbRCZvb5knLvm7DWopscUz+ZN60IL5wPRwAmBxWKXXeqqlHVxi74OTG3IO5cCEcl5lldbw4qlGOem1rcX2GT8ZRFZprLVpinVnRCRP6gQsV0TEz7Sx5AMrNGnIxIeFRKDnXd0SGFTKuAd6JFRVV3i95Px6FOvYg4AHLQClU8DEQElJwxmow59wMDJiAiq9BhhYyJyRE5q0LqvGPAPBElVAgoB62QiJALgbUUqfGlqIXgbe9CgJkp4cPDeIHT60vMz05ARI5Arm+3TpzzMAsEBAMmOKTQ/OIMpkrOOZDwTkjMTEyLABYANAcVWt09oNu0cE0gESEthTePSyKAeV81uIMKbZdrlJTATHDBgUVo/bBg08LOewLRYYWqAJgFqR/QjMcQ55Biwt0/boloXyU5pNAe591eJMeI0XQCEcb9X/+xEyNiwhvYh8qLQqYKdg7j2RRpSPBVblKXt+sNVveP8CEc9hVWtYAYgBnEC0rOmB7NkFLCZrFC0wQ0n16DnRjMLA5RTS2rli1At2b2LwB/IKLf1vyhrv+OCH8B6JGIegD6rBB/9OGFdnkQGJvVGmE02g/w+vjA9ac+DhDj4uPX+Osvf4/tpqWj02NcfPLjFBrvVG2cU74wswZEwQxTmM0AEqtozoVFCjtJWvSpVW/gPvL5z75w2d9j/bjY/WFt1QwlRpgarj/9cYQmQFUxO5tjvVjgH3/8M1aPC76q+y6rKLHMDMQkAjwNfjLd2WjJMW2ryKCqbV1PxExvSrlmPsNz9H/+S5XZIOeMogXiHUpR/PnnvwOLQBzv52eXF1iHFe3G1h9+/Ev76y9/R8cXp3J0ftoQ8bTkoqWUrDnDhaYrcdio2WClalVBAinewN387o94jkWtkKoCZui7Hsfnx2gmE+SY0Nc/79sMYoKIYFLHVhg16Gr7Uky8uH2w9cPS1StzXPcVEjpPQyqpH75IRFsza83Qwqwj5reFVPWld2o0oxFySuhWa2weHuGbBvWDcT+WRtOAkgvi0GPoBviRx+zkGP12Szllq/uk22ylPnJG8nT7KESESlfn61LKv3JMjyyc8QauXa3wHM14hN1nc+y6KhIwbLv9eFrc3AJE8N5jejzH0ckcxIx2uUY/tAj1d857in2kkrNT1Z2c1T8/BcCVCGBjZn+r+SfMBgDl/xXKBc8xnc/BTCU0QUZH0311YkwopezbND2qlRqPkYYILU+tVbX9fUqq0OxkbiRMi5t7TsPQmBntyDkXgFYi9CUW+YfzrnM+dC54FSdwx5fneI7a7x+Y6rddCNOh7fdXU+x7MDNOry5ry8aoz7Z9S5mlhkFEgGHf0vnFKR7/dSe7ClcJBQgVIqZjJ/JxFveN+kh6JOYVTG+Gtu1LlSUAXONqQs24ZlYzr/kRXgHBE/TG3Gq0ZoFXwOEJrSk18Y31V0HwBm9UZ5f4ahV6oyr2lNev0EvvNgfn3/LJC1EQX0cuAAAAAElFTkSuQmCC");
}

.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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAFkklEQVR4XsWXWW8jxxWFT1X1RoqSqC2KIE9s5ylv/sX5LXlIDARBkIc4QJJZYlsaLZTEdemtlutTTcIPgwgzAwyoCxxUsfvlwzn3VjXxQamtNF6o9AcgUYZKXhpou/8VJnsxoA9iSqic6r0Y0AfuZFRBDSi8JFS2hTijvqW+wwuVwjN18fWr701ivjNJsuedx3I2Q11WUErh+Pw3KPZ6WE5mcNZCa0NtzPbOYW94gKPfnsl09ITJ3YiPXACUA2CVVqvEmNskS/+V93p/Vlr/BRIeXGtr75w3eKYGw8M/EsZ4a3Ux6CMrCrRN2wE0VQUEIVR8noPQiBV8gEAQAlfuTZp429oI4gncmsQ0SqkpoH5SkL975/8GkZ+0TsqsV7hisCfPjvd6scDB8bGJEAKgoTuu5T4EOBGsl0tAK+zTDaU11vMltFaEHEQgWc0W0S0JLG1Mw00DYG6MuQfwo4i8Dt5fOZFqfP/gsa1ngZqqxvxp3DnCmLoo0jzH8GiIot+DIQSjJPgSwQWkRUq39hhrCWed8J3QMacUWjrVmCSf0p0xgHdc/+u9/5kxrbXRAayPAkWIpq47Rw5OT3B4coi83wezRr1coa4clFZI0xSmn3bgq9kcjCi6Ajrhe4O+7+8PamXUwjZ2HOMhzGsReSeCCXpio7vTh6ePAw0JMR9PuniKXkGIEq52HWiS5mBDglHAE3A5X6AkpKMraZaG4dmx7J8c0R1d0amSboxTqFGS5W9827wJIlfiwzKwFBQ+yaGCbtimRblaw2hDtxrkRYGv/vB7ZHnWNe7o6haPN3eo1qXsHR7g1deXOLs8F6WNF6hGGbPGJqZbCfKG1r2jw/9jlI9kqSUCaY2r128/CkT7Z7FXulicczHDbj/6+Qbc4PTyHKvJAiZJcfHN7zA8OwlZnko1X1tnXSkiS8Lci+A9GBGg/i0ib4Nzj3S21IlxBMMP3/9VPukcOjweSv9ggCzLUa7XSJKk65fZZApjEuR0SWsNnRiBiHAagwRxIfgSUI8EGsVpYsRvqThVbGZcAyo2d/14PwrY1KdFprWBBHTOeOu7uNaxmcsK568u4Rjh+OGh6ylhcXUAKmpC3VH/oaIrrwHcUI9UdK0F6cD6LKCYLe1FxR5K8xTWuq6fODU4ODnC6McrASB13cTVUQ21oh6ot9Q/yfoDgCtqtn3vKDqJzweKcnYz2jxB0R10PuDkqwtwkkSCgCWUhfz/rwMRfHZpPFPBe4TgkRZ5d1V45yIITi/ORISvRDyAKIdn6wsC9Q/3YdKUUALXuggo+8fDoLQJzlqByDYm6svV85EdnB5zrGcoFyvx3kMbEwZHhxBs3JGNMy1V7wRo8TSJt7g45yA+ON74cZIQHQJUBLFUFbUToOnoEVmvBxFxAnH81BDvuFXKC9AqgohICWC5EyDGJK5tQwTQRltjtMRG305VQ7fK7ZjPdtLUgNqcvMyM0XlnnQVULSINojvA1h3MdwQECwUrAksgy7hsUuSEoTMiKzq0hcHTTiJTWjWMyDIaq7W2IUhr11XrrS0Z5wZGqRGAm504ZJSuJEipjVnEaAi28M5PxIexMcmYoLcQeQ/geicOJVmyCE1oCVQ6a+sEWOvEVD6ElTJ6KiKPAO525hBHfsqoxlqr+BflVkIYQcIdJ+86OPeev6+3MKPd9JBS70yaVCGE7hZPsnTtWld5HxbOtmMAEyqu050AQeQfaZq1TV21nDKntWm9c6VJzBrAgsRzEZlH2J0A2bb9U7G3p+mQ8d4pAkBz/Hnj20pQKWBNF8udXa7B+zcESAiUSJBUGaXTJIMIBFo1ItJic4U42QVQmucVG9iwoY1JjeaqevsDIySMvNh8snrhficOmTQNtm4hEiQr+rotKy0nR/GQBELkgKek0xesXwBh1KTcDcWp5QAAAABJRU5ErkJggg==");
  left: -6px;
  left: -0.3rem;
  top: -6px;
  top: -0.3rem;
}

.FrameSmaller-corner--topLeft:after {
  left: 0;
  top: 0;
}

.FrameSmaller-corner--topRight {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAFjUlEQVR4XsWWTW/cyBGGq6rZJOd7NCtZdox1svEiQIAEOSaIN5f8s/yqXPITckkuyWHz4ZXlXX2NRpzhkGx2d+VtygdhHUMXY1SYF9VNcMgHbxW7m54wBOJBD8I8IZD9EQw/NdDoR3N9aqAFxJA+EGVPCDSF9hA9AApPCTT/kCMUhgzx0fEqMxl+uS2J5ZnG+E3XNH/wrv+VD+EnGnV634CaIWT14tQcnR7T7Q9XXG8qwn8pRYwRCpRZS7PVktq6ofXFJakqleMRzZZL3GsoeF8HH/72/duzN/+PMpt9sQq4IQDAe9cF3/u/awxHSnxkjJlwxpkimJlsUQjAqbq+Ne2+GTpAVQGRUZ4VJOb+S97ebGhXVQNkMRrR8uSYsjyjdluTZFmpFH5Pnwh+OFmsjgwesmLm30J/BPBvMH+JvGCRAlCFiFgDq/IyJ4zZNW16CU0WM1IAbOFafVdR3/eJdnBsPJ1QAZf6zlEOwGq9pu3t3YN3f2IdGs+mSKy2yAUa48UlHBkbmyVwG0PgGKKoRsE4ucPlZIIcqalq8oAoylSeBQDncCUfrjV1TR3Au7YFVEeu7QhV+dOjQMcvnnNe5OlBgjIYm1t7D5UXk8U0G00mhkitd05610voPYW+Z5RycCBRB+8J5ScRounRglK/jecTClGp2e0ohJCcTfc9DrQ8/oJZODWfwpWQmjgfTywzTROhLQC2nMtstciEWVIftU3Lrm15cBhulZMx2dwSsyHf9eSaDmpxLad6uyM8M72H6mr7EdBH69Cz1z9LfRBZpBWRKzFSoGRTzEcAvb9fVTSE7Nmrl0ZjMFfnF3T59lyr2w31zvGLn7+i01c/HVxwnaN3//w3dXtPhc0Bc99P5XhMKR4F+uuf/6K/fvM7BoiPPuxjCFdo2G+ZOZWKiVmZKQAKQ44wbTyfz6j8xWveXN0IGpV264qWz47pGqCkkZLjxEzee5rMp+ixknabDT3ylX2sk+enoqolQI5U6UsAvMb8K+hrsH+F+SkgT0TMmIUz9J4MlD4wTKYO7oTgabk6Gr44AA0lda6jfbWju/WGH3XooarNbbLBkeoG0wDV0A1AKuQGipCBGBoB1DICmVYnJzRdzuni7Jxqa2mEMnVNNzilkUjEPFayj9W1TlkGkBby0B66g3aq1H/4bw4VD842WVHknHpp9fI5bzd3tN/V6SLZwlKD8VBukUdK9rnE1ADITmdz+fKXX9N2u+Ozf3xLo8l4cKwFkEYdnFpfXvEnTm2fNTwUompQpXj84kRtboe1Cfsj2bIY9rsYAqU4BFA3SNX7vlcWE7HRgiGodx4wSiZtJYvZwYBayCmRj4BCjlitVYwBE6A6p6nB58erR5r682kPKYTgyGJyZta0ere7ffTsMxbR6nrNh3LoTlVrBhioHDG7gOIByCupV1VfrTd0e3F1MIc2ECOST0II1MoaIyRGOMbImEuADgV0B2V677xRVSROhz6TTqV+33i+30uyQwFdQxkzC6kyYDQriwLrjwVQTHwslEIPBXROzClrSNH3vq+bcYyai0jOTCHiMgvbQzX1Gam+Y+b3qNGNhngTfFh/2P+2YkylUfeGpTkU0Dn0XlXfs5HzEOOFZOYSrlz4vr8B0B0LV1meVYcCukhQGuNZ9P6ddw6Oxe8VYN7170X4UkRucNC/PRTQLfQD9M737r8hxDPv/Nsst/8BwHcxxu+MHQ58/zpUU28VQcwe49ZkZhe8n5gsG7NwjnFWlKOcVPNDAXXMTEwUScnZ3O4kHaSZbeK0eaH5qAxtXceDAAGkR1JEJGEHhn1eFux9Txo1Ro49AH0MwR8ESIkiUiBmh5wQnB0V0t7sAwsrGjt654ItinCokikUhxyDioACE7dvBE7FvdvFvnXRlvknS/Y/yBQWWotkM2AAAAAASUVORK5CYII=");
  right: -6px;
  right: -0.3rem;
  top: -6px;
  top: -0.3rem;
}

.FrameSmaller-corner--topRight:after {
  right: 0;
  top: 0;
}

.FrameSmaller-corner--bottomRight {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAFiElEQVRYw8XWTY8ctxHG8X8Vi+ye99ld7a4sWVJsSXZsxAkQ5BAg11zy5QPk5kuMBLZiSNrXmdnZ6W6SlcMqgRPYiBTII36A6l8/RRYpvM8lSEpRJ7O5HD44CfOTE1ldXHDx7T9ULdTtalPb8aTGNtVX376oP1ZC4T2T7moaGmKtNQm0aTwK/a4zEbXYplCG4Se/a+9Zo0DAPQFJVJvhthNLEa9eLcXBUsq7zSYD658d5BCBRkTGVJ+IMOp3XRSRKCqoqteci4ZQgT//7CCgcfepwwJhMfTDvOY8CWZjEUlD35mqpphS2hdoJiKHuB8BhyWXo2A2r7WMvPpEQ5gOQ9+EOB7tZQ8BB8B94NRiOglBl5ZsuV3tJkCrqtOh62fu3u4LdAo8FNWP1OzYUjpAdCqqI0txkofc1lrH/e1t2hfoIfBARD7yUk+C6qzmMtEQxgZNv+vMq49yn/cGeoTIQ3c/LSUvJOgsWBj33d0YqKVEUYnFa/ypAvreE3K/DxyGEA5CjIs4GU1VZVJrbd1pNYTWqzf7At0DFu4+Q2QKPs67rglmseQcRYg4kbt5tZeWLYCZwBgYiUgDHi0aJWdRM8PdwHVfoCUwdfcxQgMkDSH0fZZaqmgIQUPQWorsq2ULEZk4jAUS7imYxd3N1gQxEbH54ZKD02P2BRoDI6ABT15LcPewu9kGCWpmhtcq83uH7KtlLZAETEVMQDaX11JLkRSjWJO43dxQa90bqAESImoxitei64sr0RCwZKgK/TCwvc57a5kBQUWCCHr2/WsZ+oFgRjMaMew6VAMawv+XkOgPXoB3f78EHrvzFfBb4EvgETB/0y4DRFQY+kHOv/ueEJR2Mib3PcEM3Mm5vDuoaZMgEnBvgBlwDDwUkc+AL4BnwAkw5e4dZCKi7i4xJVbnl2zXG2aLOTEa2/UNs4MF3e0O74d3B82XB+LuCXzpziMReerun7j7M+ATETkFP1QNI1Gx1CRBhJoLtVY2Vyva8YjJbMowDIQYwB1RqPUdEvrqD78XDSo1l1hLmavZx3ep+JeIPBXhY9zvi8jMoo1UxfpukKvX57K+vJbxdMKTX37K2YuX4JXc9exud1hMbFZrmrbFYnw70O/+9EfxWhFVU9WxBj22FJ+J6hei8gx4jPuxl7IQfOy1hNcvXoZXf3/BzfWK0WTM9HBO0yYePX9C3/V89/U34I6Zcbna4NWZHSw5f/n6f4Ne/fVvOK6q2krQYxX5NKTmae6752r2IIRwFCxM3GuzPr8M12eXMvQDZkHmB0tmizm5G/j2628ouVJLwd0J0Si1kPPAdrMhNuntEqq14rVqlTqTzGMRed7vuueInEb8qHT9eLvejHY3WyulqKrKZDaR0XSCxUjfdZTtFq+OJaOdTbEU6bZbrs+vwZ1SCldn528HulmtqKVGS/EwhPDU3T8DfuHuRzfXeV6G3LoTNGhoUsSiSTsek4ee7WqDmpKalmCBUivXZ5dsV2uGriOYYTH+G/52CeWitdbJsKtPssjnwNNa6zGwENVGVFNQtWCmqU2oKrvNDWrG/N4BXivrqxU31yuGYbjbOzEyWy5oxiOGrieNRqwuLuh3P46yx58/k5ILuR80D/0oD/mx1/JZzvUT8PsisnT3RtxTbBpdnhyJl8rNai1lGO4mrzu7zRYNSjsaQXU2qxWlFCwlpgdLLNndlFUpk/k8rC+vfxy0Pr8IwSxYim1smhOL8dfd7e2vahke5lIWXr0FIrh5rZr7IRyc3qPkzM3VgIhQcmHoB2otd4kcLYltw8XLV/S7HVevz5gtl1hKlJx3An/5yduBD7d+A6yADXAL9EDWDwhaAdt/QYAKePiAoAh0b0DlDYgPCVJg+AHGP3RC/Bfmgy99c6j+42D9E3//nvMNQji8AAAAAElFTkSuQmCC");
  bottom: -6px;
  bottom: -0.3rem;
  right: -6px;
  right: -0.3rem;
}

.FrameSmaller-corner--bottomRight:after {
  bottom: 0;
  right: 0;
}

.FrameSmaller-corner--bottomLeft {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAFn0lEQVR4Ac2XBY8ryxGFT1V194xxeTfKYxSE8w/y5yMM0ws8xrvotT2emaZK27J0yRvRXt980jHb86mqyYQHOH/rDQ6d527V8HA65hwTH7/14zw9Psb88lJvv7tMzWKu3ocMQPFIMAjYlRQC29oJERvf9cYNB0JAnXN2YLEATAmXEB4RgwcIfT+oRiNjnDU5JVvuObQ96JgVQA9VD8AToADyowkRdsMiH+UYuSCqmTQpfOwDEQKytkTUAFgp0AOIjyak2I117je+7XzwvRdjIlR9EVwFHxoQ5go4VWVsQPvKWwaiX4fgWxbpNesy59QUsTbFNAdwA9WaiAwAKpm9ciFV/SCF2NnKLXLKy+hDN5xWjQjPjHUTAMMSW6IlX79yId+2Rzlnn7MOjLNTYm5A3BrnJsnHcXlebb+f9zLLoo9Tzeo3M2w4GLHIOMe0EuaRpjwkIguA9iaUNA+IyayFAARVrcRITcJ1StGpqgGR7G0d0lwErJGcsuSc1w+tHQ1cubUiYgAIVAmFvQgVLBREBKQYUQ8HHLueARUQkRa27Yp7ElImJkNktAhlYw0DaokooEBA2quQiJBxjnNKUmJTyuqcVQAEAlQ1Y2u+F6GjizOIMbi/vjUEQtesdDAZAapCABSgNQAYjwjjAaanx9CcyRgDEjZFSFRVNCcB1AGoSgYlw70Iza9v0S4bmMqRiFBOiZd390QAM5EhwABwJfVeWra6XwBQ2MrBOIMYhBa3M9Kc1FibQfT0PLSPCrEImAWh61ENBhBjEHzA9fdXRLSpkgBYx+xrHYKxBiBC9B71aAjfdbj55nvUH7xLxKTb6tiSbpv5dqP9e8nvifAXAF+VzPD03PQ/j7yGCDvRnMGmKtWpsbi7x3AywnA8wuJ+jvnNHaxzBIDqutKCIaIKwLjkvMRvL25VdQzg25KrkgWIeqimh6SMcw67yDmBGIAqxApSjBhNxgghYDmbo6ocTs7PwUYAVfK9N5p1UL53DFDaHt4GRDQtOVHVT4nW1aM7IuoeFJoeHu0W0gwCYzlfwNU1UhEp2wcu3n4DIMbpGxf45pPPsFo2NDk6wOlbb5CrrMlFKoZ4qqoViJwqRthUiUQLOcbEIomNhJyyvihmfvTBew9M+5vSqtn6gqVVYyTvoVlx8c4bcJVDzhnj4ykWsxm+/+IrzO9mfF7eOyuixDJWEJMIsD0RaF7b5BR9WBWRvny/Kc8DMdOzUqaajrGL7quvi8wSMUaknCDWIKWMr/7+KVgEYnhzf3x2ioWb02qxxOd//kS/+eRTOjg9ksnJUUXEoxTLt1OKpTIwrmqT75dZtddUtIoggTKeAnP56RfYxaxUqHwBUEXXdjg4OUA1HCL6gK5cvGsiiAkiguFkDFdX64WUgg88u7rVxe29KTNzUN5LJHQS+pBC139ERCtVbVTRQLUl5ueFcs4PnalR1TViCGjnCyxv72CrCsPpZDOW6pFDigm+79C3PWxtMT48QLdaUQxRy3vSLldStpxarIEYk4gIhbbcL1JKT6IPdywcnxNq5nPsYj3d13+bfdsWEYd+1W7G0+zyCiCCtRajgykmh1MQM5r7Bbq+gSvfM9aS7zylGE3OeS2n5eJHALjgASxV9duSH6DaA0hPKxQTdjGaTsFMyVVO6sloUx3vA1JKmzaNJqVSgwFC75FTBlSRs2I9lqQIjQ+nSsI0u7zh0PeVqtKaGGMCaC5CH7PI98aa1ljXGmezGIE5ODvBLkq/f6s5/8I4N+qbbjObfNeBmXF0foZ6NEDZ2zYtZZYSBhEBik1Lp6dHuHtyLesKF4kMEApETAdG5A0W89OyJd0R8xyaL/um6VKRJQCMpzv3YLvaTkv+hNeAbO8JT++1JJfM8Bow2/tckkr80+evB8HzaEnexr/OCmEroev8P1VojT7N/vkvjqwu9Guh1/4AAAAASUVORK5CYII=");
  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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAXCAYAAAC2/DnWAAAFfElEQVR4AexV1bLsRgxsw9hepjAzMz8Fn/L/z7lhpiUzTNRddmX/4VzVUU15VqNptVpzAgARIAtAu29+ImOm9dbvpvlbJwn7UTXhHSbH3/hg3pOAp8wdyaHfcWL60VsS8KZ5ap6Yx1LO3bTBvDNvzGsS85n5fCQF903kFMGDjz/qXeKAIETfdeiaFnVZoW0aDMMA52LM1yvMFnOEUYS+bVHlJYa+Ay2KHQbv0bWteWPe2W89vGfKAEEQSqUuSbDabhDbWpxO9pvtmwceMgsEDwW2Ri5WfBiFlmsQlqY2ryokWYb9Yw8jy1JURYU6LzAYbs1/FOl8GMeGK4KHR1tZPVVpdTWW3o8O3UVj3Hy5VI3kgTVf/jV8jz77tG/KGm1dqbjegEQGKJ1lmC0XSOeZkdETlHkNWhhJXCKSRLRNbed6Xsbf7Nwcs5Vdtlnj/Off0H6oIkUoMYn0NNG+7wd9E2oAaC+IQhEbG/GxAaZFLsHcMOWnI/LjWb+DRMDINCJdllguL0x1VQkfmyQjTYNXXt/3il/vN1gYKa2JobzkIpg4RPJyvbb4QUwnWSoyyByTtDUJa5lSnVcXvJ8UNV48qJokTbHabzFbrwHL15aVLYNKbcqKF9J1jg1gnsg6nC3mOstvdpX3hFJToNW2lYeezmfCyXsZL5VBd1OJalxVFNZIYusVo1wyL5XGpqaFEbLeHdDXJQojhE0deslIf4rdHHY+MXVks5mSEHhbNwKiRC7mOiqDcqayLNHQK35pqlhwRFwkZVUmbRVOIrpegC0QUqR9U4lUSnXNUYswj8S+FyuTcpYqPwYvYmixcyxQZERxzG8SwvwcbTZTeJmvKssbhUh5bAZXqY4jtj7ssDSVXM8ncFKo1ilnR8LHvMETLz7ny8tVcuf8StKjzCnjpmlUrAgZpUmiFjaT+0cfNkJTnP8+UhXc19vgITmLhCAODXSp5ro05btBArWGLpKEz3/9LYXuHn5IRFZ5TjwCGMV0J0zw/79FqSktSh2uf/8rlXR1o87LFKaBsByBFZ7o3Hwxw9JU3VUNvxlPYoW3zssxNoXG+NVP3tczVBzP6vB8sxTDxemC/HyxS0spgEbSOOOHJx7B9oEHLFlupJwgUhczdZSj1fdGoBEz323QGoimUCd5XrFSYpaASk0SAolw/ONPFOcrtg8/YBJvjbyO2BULrjeP69zUxe7/9eNPKPNCamJe2qR0r3s4jpGakFrTH3n2KZJLjCRDdc1WC8PaS229FOPlwQdff+XDsdMIlBp/fP8zfv/2B43OJE3GHEwhL3/0thWU4t/f/uJoSGWOBdooSlGDZpUkc5HShm4A37HJwjjirBMYOz39F5qkrPj8dJJi49QpPvCB4pJ5prO/3fvelPYPlWrxNyR6TKonORwhvWOHxx7FYy8+ayp1UHNG5bLkpq6Fd1KchPnKR+96JomjmAxLJXVRwTYVSPbIMFnnwxxnlniQ9Ayos/dljekdDIPQckSYNgiM5DrnFMsC6qqauquYqcvsFu/nDk2go0DFsuu3oyGOvR/xqcuqhpj5iGodu8/zgd6mWKOcZIkR7dRo+sA81qCYGI3EQW9pheDwX3vmmaRQDMPgoXMBuP9NBVLEM56JKP/jBdKjL+0V7/0GMRqUADzb+72hAe4ChhYmVZkAAEPvB4gHPILRJzwBY9JYtlc7CTOQtvS8ZKbybZZ/BnrNuxbBzZtVzs5s1haTxH23glnNCFj/mX+5nuEJ2AqTsbxnqMs3HEP3RhIqK61kZijYaXsOlmKdDcjcUXPCyHG1nD4oL/AknPTdGqYB/2UI+eaYKcF5qQse10xYMxvelda7Uni7Xm/XwR+z/DHBg7c8eMHnu3y+678E4V74APEutdWMUzL4AAAAAElFTkSuQmCC");
  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("data:image/png;base64,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");
  left: 0;
  right: 0;
  top: 0;
}

.FrameSmaller-side--right {
  background-image: url("data:image/png;base64,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");
  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("data:image/png;base64,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");
  bottom: 0;
  right: 0;
  top: 0;
}

.FrameSmaller-side--bottom {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAXCAYAAAC2/DnWAAAFHElEQVR4AexV127DMAzk0Yq75wfkqXt8Q///g7otsTxIbhRHDdBn54wDwSVK5wUR6SQDQuxgoxgHtBPOEVaTIlyWp0ZnLI5VTM5IAZbOBcUhZy5MLPymAM/OPWfvDE6VeSI5B+eX85PCvDgPiyg7ZHHeoCq27adkozWTGpjU4I8+IDtNQP4FtBvqAc1R5kFgaqviRh9C6NZjpbM9nvF2GpD1HIdr9oHGAes52KJQc4HWSTZvllhjrTYmirk5OTulR9+J8ckoln6iszqDovEooL3vlFazUMkCTE9XZmfxawFNOD/PA1nOV1cyYMnplnHw6lRqQDX3VyQSe2PcWBPLu2sLi140dJK+BxmGQboQ8kZTKo0e//omJXpMuJBbKDfQCUQFOj4JkuPoyuaQn5xkebAZe7ON5rP09w4zplwPOVYLH/qeOUncyxAlhDB5P36YKgst6W0lCLdlyx5Y5g3jobxA4Ob9X+GGmZNls+VJzScd/9GASd2urqqW9lhfCdG/NJobzFfeTHjCEKzvOt2blSeS5CDLMafabMgV5hBF+OjzT3ZJzH0AP+9LILnCpYIMcv7++Xd7vruzvu1tFoEQAQkuGQBgkOWr0jZHh3Z2e21BYMZ+HyNCM0OhMOqnnKvtlnfu8+Qut6C8QfPysrA8LwC6C/N/XcT8wnvj9Qv5itd7p77XTyKOg66dHZ4e2ajrn774VtgfII9anYPck5srO7m6WCw9TSMCZbdvvyWZsDIFVVVlmQjpmw7nAMRFJ9z9/qeNw4DSu0UdlCaekYCXq5UdXV5AQt800aRhsSox+gLelbm93D9JtbVtT45pQQFUgYMInKI4tLqLBYn0vPQ2PNdgxWXO8a6xGwC1OdqYF4b68dGe/rqXW3rI06AuLweu5ZJyu6aWvu7IXR5uoCh7/cP3dntFZgGZBcCvK4oLAoUawuSkXicQnZIrC25ZepIjAwKdL6wSoNXhAa0ZgS5bFwTO84SLcIKuS4kh94icR9pufXRklXDsphlMODfskpom0ktIHnBFjng809zo1C0ueboTIU0bhXOOuXIaovkCN8pZoxmEZ4qBVATKLm5vRNi8WJk+CwF2fVnI6gfWta3VTy/0LKREh3BMI/VqJVIq2mAaJhU1L05SixCPulnGNQPbsYawhvVtC1jeryL8ZmVhEMF6lu8xliWOopVzR1FyAE53xT7vztpaIjYNREFI4SCkKLzOcxyidk3Ps/SsYD0daMXBsvPrK6pD1dQ2Ti+rBMgJRPP8tHcLZCmSOakVlh53hUd1FULBowpjpB1CZNBKI3Z2EKEvwHBgWoxz77kvgliTQiJWaw0FZVFZXMGAUK+jo13bl5pYjWXNUSzzNRdhENVMcYXIKOP7QkiCSCxEdyLm8hzddUEBpSyc+4KJtQjZabKkwrrmFgaTNelVHdmVlDjElozMAWK93Vgl1w1tu7hEJNM6Eg71ISZmps9NP1RVkRCpgdPifWZujw/litYGEdJ3g3KFZX2TMzgqhtj4zHClZwfOaDXIYKeVKC4K4LyHyOz89nq3PtjKJRlbtXqSgHnZCVAX1KhXKLCsZD+HG1grKEwfYtKutCr3rcVi/fzPA+2BZVHKo/w8s27E3erVSk4OtkocNUNs0Ly2bizgRto4tTQi4ajcqTAdHe6YkoCIzTPtSGzZQ9Oy5WdxZ8J1MgMOU1J4+Lc9OxAAAAAAEORvPcEGYdxaaVpJXU9d85jxGII3gsd8x3xdgsGdABWpMQib2PzfAAAAAElFTkSuQmCC");
  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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAXCAYAAAC2/DnWAAAFV0lEQVR4Ae2WVXMs2w2FP2lDD9i+zMz4HwL/O/CavOb5MvM9PkPdG5R7VFNdNbZPmONVNdTd2lrSWlINt/iPwS1ucYtb3EJUMRzCTTBwmNlp4JVn5D5xIv7jZgh/FQSBP8ny5lRmIHL9E+O+cVE1cIJj5E0wD79+W/Cwk3tiIArmn9cKPMkzB3P/qk5wU7PluljY9bMcypwfw1+nHYO4XK9xqs5VZmf4J4JZ94C5BpUbrCA38+59zjU/4rnkWnWe23naSQONPhMXEWSub34S59ftyNk8TsKJGv5bBkWWAYmCFGA0eulYbdfOjA899QQxZTQGeqnUWgkx4kR7p5thrVKn4q9mHVrD1JClIjkgTZFuSAWMYwHhSE4QxYmDk/dz/bMZIeqssJmhISCiVweSmLPf661SayPGeGU+Ot1mIRg3O3prpCFBENojQn0O7EHFPirYJwUd8VrTasmwWvlZrTc/IJ4/9ugspgb1V0oZAzSqF4TnrXzz9Vds+h3qMwF5NRNeW2ELpf5+Q/vtJbat2GQISsqZ1cU5Dz/1BK11yjjSa8MErDVaabRWWazXnhMVggZarbTaCDkSQnSi1vqJi5ZBiSmBgM7NF0II1HGkjoXl2ZoQlPOHLpik8PkTX9OfNfrYmP6whW8nQlUefPzxn16PzpautbhA8fuPPwM9qhwCwzAgURl3h9k5GgTLcGfzHf0FJf78IfSFAX080z7eU7/a03vFeoMGikE3d+Kdr75l3O0wDJqdLHMzKNs9mgObHy4ZVkvWDz7gI3jYFOo40UqdxRFRVJU4ZEJOTHe3ztVdpuoNL4fJFV9drEirBZ98/AGbuEXePYetUX53iXxYiWSWZyuv78evv2HcHvzsfL5CAHnmtZfNWqfXQu9GWg6A0MbpqAboInI47Bgf6ugbC+IvL5BnMvbpxPjr7+kfjthXBdkY2pUhL1icn/loOlEBDBCcSO/VXeROECEPg7tn88MdRGF5ccGwHLDanZM7t9lRTciL7E2eyuQuEQS/14003HPqmlILd3d3mHIhvLXELjt8UggbJceBFN2N1FLAGy6U0ZvqAsmjTz1p1vtsZZ+z1tyaKUcWZ2ccpgM73WHPRuTtAX0y0T+cqB/v4bJhP1b43kg9MeTBx6BOld67NwLwEemt4eqK+G+HGYjvEN9h437vZD1/Sq56myplKgQVQs7uqF4rvsNECTG60zUKrRr7/ZbDYQ8RJAVCVkIJRKI30qz7uFo3zxNT8p3VzZh8FCfkkSceNwAEQLxzKsqwWqA5s9teMvYD/XFFXx2gGO390dXEQCbQeypIJsXkBZdSwGEI4s0wjHIY3fKIIIITw4x+XMYhJUTwBpVxpHljxXdNiOE4SuKucHhDE4j6uO43W28qKog3MRAkOi8QF8bMECDmSIwZz9faUZAKZp5HHnnsETPP4bNKXg6EFP3B7d0tVivy1IA+leifjtjWIInPdqiB1CNBFFGopeEjCWDmJJbrFcP6jGm/n13Smi9erOPqe2MAAZ9zVHFVp4I3Epj3iAcJ6wfOOez2TLsd42HC95vvQ1/M/qk+AeD3wHdTitmdVUZ3p4vQuhHUBUBT8sbLI089Yfc2uIpQa2Xc7T2gtz6rIgoIyNHKKQ9EFaQLviu8MMM8Bl/iaZFJw0CZJu5+96Mr6ZZ1pZIr37vvDXp1JU/+9JkA3avyxrZa2G93NHejYGb+Euel7qigEU0BP7vUmYuLrdEFGA8Hpt2eWpvHxRjddSH5mIGZ90EuHnmIvwTh29cFZhj/uZDjy/4evvGngvkLYfzn4x/GNfK/B+MfAOUW/4DG3DbmFn8EiDg1q72H7HUAAAAASUVORK5CYII=");
  bottom: 0;
  left: 0;
  right: 0;
}

.FrameSmaller-side--left {
  background-image: url("data:image/png;base64,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");
  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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABGCAIAAACompilAAAABnRSTlMA/wD/AP83WBt9AAAFLklEQVR4AZWYhZIrvRGFz2nBGJZ+Zub/FgcLQs+Qpw2/RZiZc2F37ZHUfeLarVsQnPnM9virVotl+jeuXnjuuVde3u73Z5fnL77x6tsPPvr4i59969MPL5+5KrWA0L9h+DdyzqN1KfJU59uDADMqAv8dw79DG20GWacJ0vH6NpeSLOGEtNQS7j5GqcVouVa535kJEuRSy0nhoWm7Hb0rNO13gA43tyQhcaGlzS0Zc8mjDynM+I8//qXPzZKBi/Myei/TpJAUuZRTXv7+pz/JgmWNRRHTdnNykZZSPh5vh3mcEdN9apZZck5lU0cfKac+emPn+xWvZ1RAJ5ZZpv0+RgAi2fqM90r58hXfrtGFALnQsp1Gb4B5+Nh7/uJF2iT8w3UIAEtjsZT63FKyoYE3CjKm37H8ztQc5NJYYgwAokYeuDB+6/r1v72a/gaNNbHMx5mW++jeIn5wOBsXJQpCuGNpLBoOYnhX96nV893Fk78/6od5ZW8EIoY3x8D52VW7Obq75QxgRauzkn24QrvdruZ68/i61Gl7tg93Lo9F0ugdoc3u7ObxE0h5qgKgNSXyPsIjl5KyjbmVzZSnibgHXGgZo0PaX5zFCNIsJXfniWRaEctwWqr7fTscU8kKKUQzktDKPg3JfQDycEAQnjZbLrMI027r86wIH67h4QFiXXshuTnbKxQeZZo253sIEsCVlpuHjwCmUpg42ujt9OgAV7Q6QJD63EC2w9yPszxyzuuym0oxmhTeGwCFh5Ry1qq87M/O4o7hkWuN0P0khYj7OBfGkhU+xqhTNSMkAL01SCtiOV7fSDhpcik+gkZLBglcM8PSGKET7XCwxFRLyun+B5ArZvtcczJrc2NOZao+Bsh1JTphtLrdKNRuDrlUb/3OjnUWRZRScy03jx7RzHJWBLTOwtAJbXc7Ba7/8TCX7O4gV1kEwEfPtZw/+8zx5uDuNHJdPwLvc9xbSyWfPXupEAGtym7KyUgjEWqHY/QhD5zQmvaSSqYZjDACiuGH6+sYvq6OzIx3t/v3IFLOd0aChJZZIiKlJCGlbCmRdh8dIEgrZpJUshSCLGUQlsxoCAmLLb13AAqFuxQEKJ5YN7701iyXuqmWEoS7tpsAYpWl1LrZbkCmnEGCLJtKw7reePH8s6eqDXeAkDa7XUr5PiWSwGWWWsvdQCUo6mZjKf3t93+EQIBcvJZqx0YSJC1ZzQ///Oebh48jnGYKAEstR5B3CSqHR4/n43G0JvnTPrbMIneCpdTRe2tzIAIuaOUMC1jJqeQ2H90GKlmf9vMVc6NZrqX33qzHGXmZeJWR1s/2CrWYdUW+WOzBJn35PAwnJAiL194eHvvgVbK3p+nrL9jnz2SBOwOXW7p1TcBFql971t7Y6Bhqvq5EMkWWqPzW1l6v+nOPn9zqIIArLGN4dGdOfLPq93P8esbPGgOSgMV56X1Gl7074U89vnc9vvmP/DswJQBcsYedG/fGAvxwjh/N+de4yFcppXVzgAJ8veinDb/x+pDPXD7/wkuv5lIBEFxsOfH7zj/HTrvd9owNTCnXfK8gucgCIf7Utmm7nbZ+7PJAwHJeOduHUir7/eXh+gaiJBpJo9mKVndid7H3Pve5eYQPjxFmBNZk15Jtt7vj7RGuUsu02wAIgeQKy2a7G2NEeMpZUIwYvcUYwJozj2m/m28PcoHsx7nNc3icjARXzI25ZLkDcB80hnt4WEnCulZ3QhAUSrkqBEDDpXuLFllun1wTJ8RkNOoEMPr/WjX/E/Jib+Z4jVByAAAAAElFTkSuQmCC");
  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("/wow/static/images/seven-oh/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("/wow/static/images/seven-oh/modal-left-arrow.png");
}

.media-btn.left:hover,
.ui-element.previous:hover {
  background-image: url("/wow/static/images/seven-oh/modal-left-arrow-hover.png");
}

.media-btn.right,
.ui-element.next {
  right: 0;
  background-position: right center;
  background-image: url("/wow/static/images/seven-oh/modal-right-arrow.png");
}

.media-btn.right:hover,
.ui-element.next:hover {
  background-image: url("/wow/static/images/seven-oh/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/seven-oh/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/seven-oh/media-wallpaper-standard.png);
}

.Wallpaper-icon:hover .Wallpaper-icon-graphic--standard {
  background-image: url(../../images/seven-oh/media-wallpaper-standard-hover.png);
}

.Wallpaper-icon-graphic--wide {
  background-image: url(../../images/seven-oh/media-wallpaper-wide.png);
}

.Wallpaper-icon:hover .Wallpaper-icon-graphic--wide {
  background-image: url(../../images/seven-oh/media-wallpaper-wide-hover.png);
}

.Wallpaper-icon-graphic--mobile {
  background-image: url(../../images/seven-oh/media-wallpaper-mobile.png);
}

.Wallpaper-icon:hover .Wallpaper-icon-graphic--mobile {
  background-image: url(../../images/seven-oh/media-wallpaper-mobile-hover.png);
}

.Wallpaper-icon-graphic--tablet {
  background-image: url(../../images/seven-oh/media-wallpaper-tablet.png);
}

.Wallpaper-icon:hover .Wallpaper-icon-graphic--tablet {
  background-image: url(../../images/seven-oh/media-wallpaper-tablet-hover.png);
}

.Wallpaper-icon-graphic--facebook {
  background-image: url(../../images/seven-oh/media-wallpaper-facebook.png);
}

.Wallpaper-icon:hover .Wallpaper-icon-graphic--facebook {
  background-image: url(../../images/seven-oh/media-wallpaper-facebook-hover.png);
}

.Wallpaper-icon-graphic--twitter {
  background-image: url(../../images/seven-oh/media-wallpaper-twitter.png);
}

.Wallpaper-icon:hover .Wallpaper-icon-graphic--twitter {
  background-image: url(../../images/seven-oh/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/seven-oh/social-icon-ie-facebook.png);
  background-position: center center;
}

html.ie8 .Navigation-icon.Navigation-icon--twitter {
  background-image: url(../../images/seven-oh/social-icon-ie-twitter.png);
  background-position: center center;
}

html.ie8 .Navigation-icon.Navigation-icon--youtube {
  background-image: url(../../images/seven-oh/social-icon-ie-youtube.png);
  background-position: center center;
}

html.ie8 .Navigation-icon.Navigation-icon--vk {
  background-image: url(../../images/seven-oh/social-icon-ie-vk.png);
  background-position: center center;
}

html.ie8 .Navigation-icon.Navigation-icon--weibo {
  background-image: url(../../images/seven-oh/social-icon-ie-weibo.png);
  background-position: center center;
}

html.ie8 .Navigation-icon.Navigation-icon--wechat {
  background-image: url(../../images/seven-oh/social-icon-ie-wechat.png);
  background-position: center center;
}

html.ie8 .Navigation-icon.Navigation-icon--youku {
  background-image: url(../../images/seven-oh/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;
  }
}