@font-face {
font-family: icomoon-react-blog;
src: url(data:application/vnd.ms-fontobject;base64,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);
src: url(data:application/vnd.ms-fontobject;base64,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#iefix) format("embedded-opentype"), url(data:font/ttf;base64,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) format("truetype"), url(data:font/woff;base64,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) format("woff"), url(52fb62adcbfb7fdc854a986ad80ec9e8.svg#icomoon) format("svg");
font-weight: 400;
font-style: normal
}
[class*=" epic-blog-icon-"],
[class^=epic-blog-icon-] {
font-family: icomoon-react-blog !important;
speak: none;
font-style: normal;
font-weight: 400;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.epic-blog-icon-filter:before {
content: "\E993"
}
.epic-blog-icon-danger:before {
content: "\E919"
}
.epic-blog-icon-close:before {
content: "\E90E"
}
.epic-blog-icon-warning:before {
content: "\EA07"
}
.epic-blog-icon-info:before {
content: "\EA08"
}
.epic-blog-icon-upArrow:before {
content: "\E902"
}
.epic-blog-icon-downArrow:before {
content: "\E903"
}
.epic-blog-icon-rightArrow:before {
content: "\E900"
}
.epic-blog-icon-leftArrow:before {
content: "\E901"
}
.epic-blog-icon-google-plus:before {
content: "\EA8B"
}
.epic-blog-icon-facebook:before {
content: "\EA90"
}
.epic-blog-icon-twitter:before {
content: "\EA96"
}
.epic-blog-icon-vk:before {
content: "\EA98"
}
.epic-blog-icon-share:before {
content: "\EA82"
}
.epic-blog-icon-linkedin:before {
content: "\EACA"
}
.epic-blog-icon-reddit:before {
content: "\EAC6"
}
.epic-blog-icon-tumblr:before {
content: "\E904"
}
.epic-blog-icon-weibo:before {
content: "\EA9A"
}
.epic-blog-icon-wechat:before {
content: "\E905"
}
.epic-blog-icon-grid:before {
content: "\E90D"
}
body.ar .blog-view {
direction: rtl
}
body.ar .blog-view h1,
body.ar .blog-view h2,
body.ar .blog-view h3,
body.ar .blog-view h4 {
font-family: Noto-Bold, sans-serif !important
}
body.ar .blog-view p,
body.ar .blog-view span {
font-family: Noto-Regular, sans-serif
}
body.ar .blog-view h2 {
font-size: 1.75em !important
}
body.ar .blog-view .btn {
font-size: 1.2em
}
body.ar .blog-view .load-more .btn-load {
font-size: 1em
}
.loading-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzFlMWUxZSI+PHBhdGggZD0iTTIgMTJ2OGg0di04eiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZCIgdmFsdWVzPSJNMCAxMiBWMjAgSDQgVjEyejsgTTAgNCBWMjggSDQgVjR6OyBNMCAxMiBWMjAgSDQgVjEyejsgTTAgMTIgVjIwIEg0IFYxMnoiIGR1cj0iMS4ycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwIiBrZXlTcGxpbmVzPSIwLjIgMC4yIDAuNCAwLjg7MC4yIDAuNiAwLjQgMC44OzAuMiAwLjggMC40IDAuOCIgY2FsY01vZGU9InNwbGluZSIvPjwvcGF0aD48cGF0aCBkPSJNOCAxMnY4aDR2LTh6Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJkIiB2YWx1ZXM9Ik0wIDEyIFYyMCBINCBWMTJ6OyBNMCA0IFYyOCBINCBWNHo7IE0wIDEyIFYyMCBINCBWMTJ6OyBNMCAxMiBWMjAgSDQgVjEyeiIgZHVyPSIxLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii4yIiBrZXlTcGxpbmVzPSIwLjIgMC4yIDAuNCAwLjg7MC4yIDAuNiAwLjQgMC44OzAuMiAwLjggMC40IDAuOCIgY2FsY01vZGU9InNwbGluZSIvPjwvcGF0aD48cGF0aCBkPSJNMTQgMTJ2OGg0di04eiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZCIgdmFsdWVzPSJNMCAxMiBWMjAgSDQgVjEyejsgTTAgNCBWMjggSDQgVjR6OyBNMCAxMiBWMjAgSDQgVjEyejsgTTAgMTIgVjIwIEg0IFYxMnoiIGR1cj0iMS4ycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIuNCIga2V5U3BsaW5lcz0iMC4yIDAuMiAwLjQgMC44OzAuMiAwLjYgMC40IDAuODswLjIgMC44IDAuNCAwLjgiIGNhbGNNb2RlPSJzcGxpbmUiLz48L3BhdGg+PHBhdGggZD0iTTIwIDEydjhoNHYtOHoiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImQiIHZhbHVlcz0iTTAgMTIgVjIwIEg0IFYxMno7IE0wIDQgVjI4IEg0IFY0ejsgTTAgMTIgVjIwIEg0IFYxMno7IE0wIDEyIFYyMCBINCBWMTJ6IiBkdXI9IjEuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iLjYiIGtleVNwbGluZXM9IjAuMiAwLjIgMC40IDAuODswLjIgMC42IDAuNCAwLjg7MC4yIDAuOCAwLjQgMC44IiBjYWxjTW9kZT0ic3BsaW5lIi8+PC9wYXRoPjxwYXRoIGQ9Ik0yNiAxMnY4aDR2LTh6Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJkIiB2YWx1ZXM9Ik0wIDEyIFYyMCBINCBWMTJ6OyBNMCA0IFYyOCBINCBWNHo7IE0wIDEyIFYyMCBINCBWMTJ6OyBNMCAxMiBWMjAgSDQgVjEyeiIgZHVyPSIxLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii44IiBrZXlTcGxpbmVzPSIwLjIgMC4yIDAuNCAwLjg7MC4yIDAuNiAwLjQgMC44OzAuMiAwLjggMC40IDAuOCIgY2FsY01vZGU9InNwbGluZSIvPjwvcGF0aD48L3N2Zz4=) 50% no-repeat;
height: 4em
}
.blog-view-container {
width: 100%;
min-height: 80vh;
background: #f1f4f6;
overflow: hidden
}
.blog-view {
padding: 2em 1em 0;
font-family: OpenSans, sans-serif;
color: #000;
background: #f1f4f6;
max-width: 120vh;
min-width: 1170px;
margin: 0 auto
}
@media screen and (max-width:1170px) {
.blog-view {
max-width: 100%;
width: 100%;
min-width: 100%
}
}
.blog-view .top-featured-activity {
padding: 0
}
@media only screen and (max-width:991px) {
.blog-view .top-featured-activity {
padding: 0 1em
}
}
@media only screen and (max-width:767px) {
.blog-view {
font-size: 12px
}
}
.blog-view .blog-region {
margin-top: 0
}
.blog-view a {
color: #dbbd68
}
.blog-view a:hover {
color: #e0c67d
}
.blog-view .btn {
margin-top: 20px
}
.blog-view ul {
padding-left: 0
}
.blog-view ul li {
list-style: none
}
.blog-view .activity-title {
text-align: center;
padding: 4em
}
@media only screen and (max-width:1199px) {
.blog-view .activity-title {
padding: 2em
}
}
.blog-view .activity-title h1 {
margin: 0
}
.blog-view .category-wrapper {
padding-top: 2em;
padding-bottom: 2em;
margin-bottom: 0
}
.blog-view .load-more {
position: relative;
margin: 50px auto 0;
text-align: center
}
.blog-view .load-more .disabled {
color: grey;
border: 1px solid grey;
cursor: default;
background: transparent
}
.blog-view .load-more .disabled:hover {
background-color: transparent;
color: grey;
border-color: grey
}
@media only screen and (max-width:767px) {
.blog-view .center-text-on-mobile {
text-align: center
}
}
.blog-view .btn-load {
margin: 1.8em 0;
display: inline-block
}
.blog-view .no-results {
margin: 4em auto;
text-align: center
}
.blog-view .back-main {
text-align: center;
padding: 1em 1em 2.5em
}
body.ar .article-view {
direction: rtl
}
.article-view {
padding: 0;
font-family: OpenSans, sans-serif;
color: #000
}
.article-view h1,
.article-view h2 {
font-weight: 400
}
.article-view ul {
padding-left: 0
}
.article-view ul li {
list-style: none
}
.article-view .container {
padding: 0
}
.article-view .blog-container a {
text-decoration: none;
color: #dbbd68
}
.article-view .blog-container a:hover {
color: #e0c67d
}
.article-view .blog-container .blog-content .pull-quote {
width: 40%
}
@media screen and (max-width:1200px) {
.article-view .blog-container .blog-content .pull-quote {
width: 100%;
margin: auto;
float: none
}
}
.article-view .blog-container .blog-content .content-grid-row {
clear: both;
width: 800px
}
@media screen and (max-width:1600px) {
.article-view .blog-container .blog-content .content-grid-row {
width: auto
}
}
@media screen and (max-width:1600px) {
.article-view .blog-container .blog-content .content-grid-row .content-toss-container {
width: 100%;
margin: auto;
float: none
}
}
.article-view .blog-container .blog-content .content-grid-row .content-toss-container .content-toss {
margin: 0 auto
}
@media screen and (max-width:1300px) {
.article-view .blog-container .blog-content .content-grid-row .content-toss-container .content-toss .sticky-post {
float: right
}
}
.transition-appear {
opacity: .01
}
.transition-appear.transition-appear-active {
opacity: 1;
opacity-transition: opacity .5s ease-in-out
}
.category-filter {
padding: 0 15px
}
.category-filter.overlayCat {
position: fixed;
z-index: 2;
top: 0;
left: 0;
right: 0;
width: 100%;
max-width: 120vh;
min-width: 1170px;
margin: 0 auto
}
@media screen and (max-width:1170px) {
.category-filter.overlayCat {
max-width: 100%;
width: 100%;
min-width: 100%
}
}
.category-filter.overlayCat .filter-container {
position: absolute;
top: 8em;
right: -2.85em;
padding: 0 1em;
-webkit-transition: right .3s ease-out;
-o-transition: right .3s ease-out;
transition: right .3s ease-out
}
@media screen and (max-width:1675px) {
.category-filter.overlayCat .filter-container {
right: 0
}
}
.category-filter.overlayCat .filter-container .toggleButton {
position: relative;
display: inline-block;
padding: .7em .7em .5em;
background-color: #000;
cursor: pointer;
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
-webkit-animation: float-in .5s ease-in-out .2s forwards;
animation: float-in .5s ease-in-out .2s forwards;
opacity: 0
}
.category-filter.overlayCat .filter-container .toggleButton i {
font-size: 1.5em;
color: #fff;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.category-filter.overlayCat .filter-container .toggleButton .count {
font-size: .7em;
display: block;
position: absolute;
top: -1em;
right: -1.2em;
color: #fff;
width: 2.2em;
height: 2.2em
}
.category-filter.overlayCat .filter-container .toggleButton .count span {
position: relative;
z-index: 1;
display: block;
width: 100%;
text-align: center;
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px)
}
.category-filter.overlayCat .filter-container .toggleButton .count:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
background-color: #dbbd68;
z-index: 0
}
@media only screen and (min-width:992px) {
.category-filter.overlayCat .filter-container .toggleButton:hover {
background-color: grey
}
.category-filter.overlayCat .filter-container .toggleButton:hover i {
color: #000
}
}
.category-filter.overlayCat .filter-container .filter-list {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: #fff;
padding: 2em;
width: 100%;
height: 100%;
visibility: hidden;
z-index: -1;
opacity: 0;
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2)
}
.category-filter.overlayCat .filter-container .filter-list .bkgrd {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .95)
}
.category-filter.overlayCat .filter-container .filter-list .filter-content {
width: 100%;
max-width: 900px;
padding: 1em;
margin: 0 auto;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.category-filter.overlayCat .filter-container .filter-list .filter-content h3 {
margin: 1.5em 0;
text-align: center
}
@media only screen and (max-width:991px) {
.category-filter.overlayCat .filter-container .filter-list .filter-content h3 {
margin: 1em 0
}
}
.category-filter.overlayCat .filter-container .filter-list .filter-content ul {
display: block;
margin: 0 auto;
text-align: center;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
.category-filter.overlayCat .filter-container .filter-list .filter-content ul li {
font-family: OpenSans, sans-serif;
font-size: 1.2em;
padding: .5em 1em;
display: inline-block;
margin: 0 .5em 1em;
border: 1px solid #fff;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
@media only screen and (max-width:991px) {
.category-filter.overlayCat .filter-container .filter-list .filter-content ul li {
font-size: 1em;
padding: .5em
}
}
.category-filter.overlayCat .filter-container .filter-list .filter-content ul li span+span {
margin-left: .5em
}
.category-filter.overlayCat .filter-container .filter-list .filter-content ul li.active,
.category-filter.overlayCat .filter-container .filter-list .filter-content ul li:hover {
background: #dbbd68;
border-color: #dbbd68;
color: #000
}
.category-filter.overlayCat .filter-container .filter-list .filter-content .closeButton {
position: absolute;
top: -1em;
right: -1em;
cursor: pointer;
display: block
}
.category-filter.overlayCat .filter-container .filter-list .filter-content .closeButton i {
font-size: 2em;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
@media only screen and (max-width:991px) {
.category-filter.overlayCat .filter-container .filter-list .filter-content .closeButton {
top: -1em;
right: 0
}
}
@media only screen and (min-width:992px) {
.category-filter.overlayCat .filter-container .filter-list .filter-content .closeButton:hover i {
color: #dbbd68
}
}
.category-filter.overlayCat.open .toggleButton {
opacity: 0;
visibility: hidden
}
.category-filter.overlayCat.open .filter-list {
visibility: visible;
z-index: 1;
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
transition: transform .3s ease-in-out, opacity .3s ease-in-out;
transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.category-filter.overlayCat.open .filter-list .filter-content ul {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition: all .4s ease-in-out .05s;
-o-transition: all .4s ease-in-out .05s;
transition: all .4s ease-in-out .05s
}
.category-filter.listCat .closeButton,
.category-filter.listCat .toggleButton {
display: none
}
.category-filter.listCat .filter-container {
padding: 0 15px
}
.category-filter.listCat .filter-container .filter-list .filter-content h3 {
display: none
}
.category-filter.listCat .filter-container .filter-list .filter-content ul {
margin-bottom: 2em;
display: block
}
@media only screen and (max-width:991px) {
.category-filter.listCat .filter-container .filter-list .filter-content ul {
text-align: center
}
}
.category-filter.listCat .filter-container .filter-list .filter-content ul li {
font-size: 1em;
display: inline-block;
margin-right: .7em;
cursor: pointer;
opacity: .5;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.category-filter.listCat .filter-container .filter-list .filter-content ul li.active,
.category-filter.listCat .filter-container .filter-list .filter-content ul li:hover {
opacity: 1
}
@-webkit-keyframes float-in {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes float-in {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
body.ar .blog-container h1,
body.ar .blog-container h2,
body.ar .blog-container h3,
body.ar .blog-container h4,
body.ar .blog-container h5,
body.ar .blog-container h6 {
font-family: Noto-Bold, sans-serif
}
body.ar .blog-container p,
body.ar .blog-container span {
font-family: Noto-Regular, sans-serif
}
body.ar .blog-container .blog-article .blog-social {
margin-left: 0;
margin-right: -6em
}
@media only screen and (max-width:991px) {
body.ar .blog-container .blog-article .blog-social {
margin-right: 0
}
}
body.ar .blog-container .blog-article .author,
body.ar .blog-container .blog-article .cms h1,
body.ar .blog-container .blog-article .cms h2,
body.ar .blog-container .blog-article .cms h3,
body.ar .blog-container .blog-article .cms h4,
body.ar .blog-container .blog-article .cms h5,
body.ar .blog-container .blog-article .cms h6,
body.ar .blog-container .blog-article .cms img,
body.ar .blog-container .blog-article .cms li,
body.ar .blog-container .blog-article .cms p,
body.ar .blog-container .blog-article .cms span,
body.ar .blog-container .blog-article h1 {
text-align: right
}
body.ar .blog-container .blog-article .cms li {
direction: rtl
}
body.ar .blog-container .blog-article .footer {
clear: both
}
.blog-container {
overflow-x: hidden
}
.blog-container .blog-translate-message {
width: 100%;
background-color: #e5a300;
color: #fff;
padding: 5px;
font-size: 16px
}
.blog-container .blog-header {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
height: 400px;
position: relative;
overflow: hidden
}
@media only screen and (min-width:1200px) {
.blog-container .blog-header {
height: 60vh;
min-height: 600px
}
}
.blog-container .blog-header img.invisible-image {
width: 100%;
opacity: 0;
position: absolute;
pointer-events: none
}
@media only screen and (max-width:767px) {
.blog-container .blog-header {
height: 300px;
background-position: top
}
}
.blog-container .fallback {
display: none !important
}
.blog-container .blog-article {
padding-top: 4em
}
@media only screen and (max-width:767px) {
.blog-container .blog-article {
padding-top: 2em;
font-size: .9em
}
}
.blog-container .blog-article h1 {
font-family: OpenSans, sans-serif;
font-size: 40px;
text-transform: uppercase;
color: #000
}
.blog-container .blog-article .blog-content {
-webkit-transform: none;
-ms-transform: none;
transform: none;
color: #000;
max-width: 840px;
margin: 0 auto 50px;
min-height: 50vh
}
.blog-container .blog-article .blog-content .blog-social {
position: absolute;
top: 11.5em;
margin-left: -6em;
z-index: 998;
opacity: 1
}
@media only screen and (max-width:991px) {
.blog-container .blog-article .blog-content .blog-social {
margin-left: 0;
bottom: -1px;
top: auto;
background: #f6f7f9;
border-top: 1px solid rgba(0, 0, 0, .1);
left: 0;
right: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
text-align: center;
position: fixed;
padding: .5em 0;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
}
.blog-container .blog-article .blog-content .blog-social.top {
top: 15.2em;
opacity: 1
}
@media only screen and (max-width:991px) {
.blog-container .blog-article .blog-content .blog-social.top {
top: auto
}
}
.blog-container .blog-article .blog-content .blog-social.bottom {
top: auto;
bottom: 0
}
@media only screen and (max-width:991px) {
.blog-container .blog-article .blog-content .blog-social.bottom {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
}
.blog-container .blog-article .blog-content .blog-social.fixed {
position: fixed
}
@media only screen and (max-width:991px) {
.blog-container .blog-article .blog-content .blog-social.fixed {
bottom: -1px
}
}
.blog-container .blog-article .blog-content .blog-social .social-count {
text-align: center;
font-size: .85em;
font-weight: 700;
vertical-align: middle
}
@media only screen and (max-width:991px) {
.blog-container .blog-article .blog-content .blog-social .social-count {
display: inline-block;
margin-right: .25em;
margin-top: .75em
}
}
.blog-container .blog-article .blog-content .blog-social .social-count .count {
display: block;
font-weight: 700
}
@media only screen and (max-width:991px) {
.blog-container .blog-article .blog-content .blog-social .social-count .count {
display: inline-block;
margin-right: .25em
}
}
.blog-container .blog-article .blog-content .blog-social .social-count .count span {
padding-right: .5em
}
.blog-container .blog-article .blog-content .blog-social .social-count .count .social-count-subtext {
font-weight: 400
}
.blog-container .blog-article .blog-content .blog-social i {
color: #fff;
display: block;
width: 2em;
height: 2em;
border-radius: 50%;
opacity: 1;
padding: .5em;
cursor: pointer;
margin: .5em auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
@media only screen and (max-width:991px) {
.blog-container .blog-article .blog-content .blog-social i {
display: inline-block;
margin: .5em
}
}
.blog-container .blog-article .blog-content .blog-social i.facebook {
background-color: #236293
}
.blog-container .blog-article .blog-content .blog-social i.twitter {
background-color: #38ace0
}
.blog-container .blog-article .blog-content .blog-social i.google-plus {
background-color: #d6492b
}
.blog-container .blog-article .blog-content .blog-social i.vk {
background-color: #456890
}
.blog-container .blog-article .blog-content .blog-social i.reddit {
background-color: #ff8558
}
.blog-container .blog-article .blog-content .blog-social i.tumblr {
background-color: #36465d
}
.blog-container .blog-article .blog-content .blog-social i.linkedin {
background-color: #0077b5
}
.blog-container .blog-article .blog-content .blog-social i.weibo {
background-color: #f7671d
}
.blog-container .blog-article .blog-content .blog-social i.wechat {
background-color: #10cf1f
}
.blog-container .blog-article .blog-content .blog-social i:hover {
opacity: .8
}
.blog-container .blog-article .blog-content .blog-social .wechat-share {
position: relative;
display: inline
}
.blog-container .blog-article .blog-content .blog-social .wechat-share .qrcode-block {
background-color: #fff;
display: none;
position: absolute;
bottom: 0;
left: 3em
}
.blog-container .blog-article .blog-content .blog-social .wechat-share .qrcode-block canvas {
padding: 6px 6px 0
}
.blog-container .blog-article .blog-content .blog-social .wechat-share:hover .qrcode-block {
display: block
}
.blog-container .blog-article .blog-content .cmsContainer {
position: relative
}
.blog-container .blog-article .blog-content .cmsContainer .stream-wrapper {
padding-top: 56.25%;
position: relative
}
.blog-container .blog-article .blog-content .cmsContainer .stream-wrapper iframe {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.blog-container .blog-article .blog-content .cmsContainer .tik-tok-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
max-width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width:767px) {
.blog-container .blog-article .blog-content .cmsContainer .tik-tok-container video {
margin: 0 auto
}
}
.blog-container .blog-article .blog-content .blog-header-info {
margin-bottom: .75em
}
.blog-container .blog-article .blog-content .blog-header-info hr {
border-color: #e2e3e4;
opacity: 1;
margin: .5em 0
}
.blog-container .blog-article .blog-content .blog-header-info .category-section {
margin: 0
}
.blog-container .blog-article .blog-content .blog-header-info .category-section .category {
color: #000;
font-family: Brutal_Medium;
display: inline-block;
text-transform: capitalize;
font-size: .875em;
padding-right: 0;
margin: 0;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.blog-container .blog-article .blog-content .blog-header-info .category-section .category:hover {
color: #dbbd68
}
.blog-container .blog-article .blog-content .blog-header-info .category-section a:not(:last-child) .category {
margin: 0 .5em 0 0;
padding-right: .5em;
border-right: 1px solid #000
}
.blog-container .blog-article .blog-content .blog-header-info .blog-header-title {
font-family: OpenSans, sans-serif;
font-size: 2.8em;
line-height: 1;
text-transform: uppercase;
margin: 0 0 .25em
}
@media only screen and (max-width:767px) {
.blog-container .blog-article .blog-content .blog-header-info .blog-header-title {
font-size: 2em
}
}
.blog-container .blog-article .blog-content .blog-header-info .blog-header-subtitle {
font-family: OpenSans, sans-serif;
padding-right: .5em;
margin-right: .5em;
font-size: 1em;
border-right: 1px solid #000
}
.blog-container .blog-article .blog-content .blog-header-info .blog-header-date {
font-family: OpenSans, sans-serif;
font-size: 1em
}
.blog-container .blog-article .blog-content .blog-header-info .blog-header-author {
font-family: OpenSans, sans-serif;
font-size: 1em;
margin: 1em 0 1.25em
}
.blog-container .blog-article .blog-content p {
word-wrap: break-word
}
.blog-container .blog-article .blog-content .cms>p,
.blog-container .blog-article .blog-content .cms>p * {
color: #000
}
.blog-container .blog-article .blog-content .cms>p a {
line-height: 1em;
color: #dbbd68
}
.blog-container .blog-article .blog-content .cms>p a:active,
.blog-container .blog-article .blog-content .cms>p a:focus,
.blog-container .blog-article .blog-content .cms>p a:hover {
text-decoration: underline
}
.blog-container .blog-article .blog-content article {
clear: both
}
.blog-container .blog-article .blog-content article .author .post-author {
font-style: italic
}
.blog-container .blog-article .blog-content article strong {
font-family: OpenSans, sans-serif
}
@media only screen and (max-width:1199px) {
.blog-container .blog-article {
margin-top: 0
}
.blog-container .blog-article h1 {
font-size: 48px
}
}
@media only screen and (max-width:991px) {
.blog-container .blog-article h1.post-title {
margin-top: 100px
}
.blog-container .blog-article .content {
padding: 0 20px
}
.blog-container .blog-article .content .socialLink {
display: block;
margin-top: 10px
}
.blog-container .blog-article .content .cms p:first-child {
margin-top: 10px
}
}
.blog-container .blog-article .cms {
padding-top: .5em
}
.blog-container .blog-article .cms h1 {
font-size: 3.25em
}
.blog-container .blog-article .cms h2 {
font-size: 1.875em
}
.blog-container .blog-article .cms h3 {
font-size: 1em
}
.blog-container .blog-article .cms img {
max-width: 100%;
height: auto !important;
margin: 2em 0
}
.blog-container .blog-article .cms .embed-responsive {
margin: 2em 0
}
.blog-container .blog-article .cms p {
margin: 1em 0;
line-height: 2;
font-size: 1em
}
.blog-container .blog-article .cms ol,
.blog-container .blog-article .cms ul {
padding-left: 20px
}
.blog-container .blog-article .cms li {
list-style-type: inherit;
line-height: 2;
font-size: 1em
}
.blog-container .blog-article .cms li ul {
padding-left: 40px
}
.blog-container .blog-article .cms .cms-quote {
text-transform: uppercase;
float: right;
width: 40%;
padding: 0 0 5% 5%;
margin: 0;
color: #236394;
font-size: 2em;
clear: both
}
.blog-container .blog-article .cms .cms-quote:after,
.blog-container .blog-article .cms .cms-quote:before {
content: '"'
}
@media only screen and (max-width:1199px) {
.blog-container .blog-article .cms .cms-quote {
font-size: 1.4em;
padding: 0 0 5% 5%
}
}
@media only screen and (max-width:991px) {
.blog-container .blog-article .cms .cms-quote {
font-size: 1em
}
}
.blog-container .blog-article .recentPostContainer {
margin: 5em auto 0
}
.blog-container .blog-article .recentPostContainer .recent-title {
text-align: center;
text-transform: uppercase;
font-size: 1.75em
}
.blog-container .blog-article .recentPostContainer .content-toss-item {
border: none
}
@media only screen and (max-width:991px) {
.blog-container .blog-article .recentPostContainer .content-toss-item .image {
height: 200px
}
}
.blog-container .blog-article .recentPostContainer .content-toss-item .byline,
.blog-container .blog-article .recentPostContainer .content-toss-item .short {
display: none
}
.blog-container table {
width: 100%;
border: 1px solid #3d3c3c
}
.blog-container table tr:first-child {
text-align: center
}
.blog-container table tr:first-child:first-child {
background-color: #dbbd68;
color: #000
}
.blog-container table td {
text-align: center
}
.blog-container table td p {
margin: 0 !important
}
.blog-container.no-image {
overflow: hidden;
background-position-y: 0
}
.blog-container.no-image .blog-header {
height: auto
}
.blog-container.no-image .blog-header .blog-header-info {
text-shadow: none;
color: #000
}
.comment-area h1,
.comment-area h2,
.comment-area h3,
.comment-area h4,
.comment-area h5 {
margin: 0
}
.comment-area a {
text-decoration: none
}
.comment-area ul {
margin: 0;
padding: 0
}
.comment-add-reply .textile-head,
.comment-edit-box .textile-head {
z-index: 10;
top: 0;
position: relative;
line-height: normal
}
.comment-add-reply .textile-head li,
.comment-edit-box .textile-head li {
background-color: #f8f8f8;
top: 0;
cursor: pointer;
display: inline-block;
height: 28px;
line-height: 28px;
margin: 0 5px 0 0;
padding: 0 10px 30px;
position: relative;
text-align: center;
width: auto;
border-top: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px
}
.comment-add-reply .textile-head li.selected,
.comment-edit-box .textile-head li.selected {
background: transparent;
border: 1px solid #656565;
border-top: none;
z-index: 10
}
.comment-add-reply .textile-body,
.comment-edit-box .textile-body {
position: relative;
top: 0;
height: 140px;
left: 0;
z-index: 1;
margin-bottom: 0
}
.comment-add-reply .textile-body .textile-edit,
.comment-add-reply .textile-body .textile-help,
.comment-add-reply .textile-body .textile-preview,
.comment-edit-box .textile-body .textile-edit,
.comment-edit-box .textile-body .textile-help,
.comment-edit-box .textile-body .textile-preview {
width: 100%;
display: none
}
.comment-add-reply .textile-body .textile-edit.selected,
.comment-add-reply .textile-body .textile-help.selected,
.comment-add-reply .textile-body .textile-preview.selected,
.comment-edit-box .textile-body .textile-edit.selected,
.comment-edit-box .textile-body .textile-help.selected,
.comment-edit-box .textile-body .textile-preview.selected {
display: inline-block
}
.comment-add-reply .textile-body .textile-edit textarea,
.comment-add-reply .textile-body .textile-help textarea,
.comment-add-reply .textile-body .textile-preview textarea,
.comment-edit-box .textile-body .textile-edit textarea,
.comment-edit-box .textile-body .textile-help textarea,
.comment-edit-box .textile-body .textile-preview textarea {
resize: none;
max-width: 1000px;
max-height: 1000px !important;
background: transparent;
width: 100%;
height: 140px !important;
max-height: 200px;
border: 1px solid #656565;
padding: 20px;
font-size: 14px;
outline: none;
overflow: hidden !important;
overflow-y: auto !important
}
.comment-add-reply .textile-body .textile-edit textarea:focus,
.comment-add-reply .textile-body .textile-help textarea:focus,
.comment-add-reply .textile-body .textile-preview textarea:focus,
.comment-edit-box .textile-body .textile-edit textarea:focus,
.comment-edit-box .textile-body .textile-help textarea:focus,
.comment-edit-box .textile-body .textile-preview textarea:focus {
-webkit-box-shadow: 0 0 5px #656565;
box-shadow: 0 0 5px #656565
}
.comment-add-reply .textile-body .textile-preview,
.comment-edit-box .textile-body .textile-preview {
max-width: 1000px;
text-align: left;
text-align: initial;
width: 100%;
height: 140px !important;
max-height: 200px;
border: 1px solid #656565;
padding: 20px;
font-size: 14px;
outline: none;
overflow: hidden !important;
overflow-y: auto !important
}
.comment-add-reply .textile-body .textile-preview:focus,
.comment-edit-box .textile-body .textile-preview:focus {
-webkit-box-shadow: 0 0 5px #656565;
box-shadow: 0 0 5px #656565
}
.comment-add-reply .comment-chars-max,
.comment-add-reply .comment-chars-min,
.comment-edit-box .comment-chars-max,
.comment-edit-box .comment-chars-min {
color: #1e1e1e;
display: none;
font-size: 12px
}
.comment-add-reply .comment-chars-max.comment-edit-invalid,
.comment-add-reply .comment-chars-min.comment-edit-invalid,
.comment-edit-box .comment-chars-max.comment-edit-invalid,
.comment-edit-box .comment-chars-min.comment-edit-invalid {
color: #782c30;
display: block !important
}
.blog-container .add-comment {
margin-top: 40px
}
.blog-container .add-comment .textile-head {
z-index: 10;
top: 0;
position: relative;
line-height: 1em
}
.blog-container .add-comment .textile-head li {
background-color: transparent;
cursor: pointer;
display: inline-block;
height: 28px;
line-height: 28px;
margin: 0 5px 0 0;
padding: 0 10px 30px;
text-align: center;
width: auto;
border-top: 0;
position: relative;
top: -1px
}
.blog-container .add-comment .textile-head li.selected {
background: transparent;
border: 1px solid #656565;
border-top: none;
color: #000;
z-index: 10
}
.blog-container .add-comment .textile-body {
position: relative;
top: 0;
height: 140px;
left: 0;
z-index: 1;
margin-bottom: 0
}
.blog-container .add-comment .textile-body .textile-edit,
.blog-container .add-comment .textile-body .textile-help,
.blog-container .add-comment .textile-body .textile-preview {
width: 100%;
display: none
}
.blog-container .add-comment .textile-body .textile-edit.selected,
.blog-container .add-comment .textile-body .textile-help.selected,
.blog-container .add-comment .textile-body .textile-preview.selected {
display: inline-block
}
.blog-container .add-comment .textile-body .textile-edit textarea,
.blog-container .add-comment .textile-body .textile-help textarea,
.blog-container .add-comment .textile-body .textile-preview textarea {
resize: none;
max-width: 1000px;
max-height: 1000px !important;
background: transparent;
color: #000 !important;
width: 100%;
height: 140px !important;
max-height: 200px;
border: 1px solid #656565;
padding: 20px;
font-size: 14px;
outline: none;
overflow: hidden !important;
overflow-y: auto !important
}
.blog-container .add-comment .textile-body .textile-edit textarea:focus,
.blog-container .add-comment .textile-body .textile-help textarea:focus,
.blog-container .add-comment .textile-body .textile-preview textarea:focus {
-webkit-box-shadow: 0 0 5px #656565;
box-shadow: 0 0 5px #656565
}
.blog-container .add-comment .textile-body .textile-preview {
max-width: 1000px;
color: #000
}
[dir=ltr] .blog-container .add-comment .textile-body .textile-preview {
text-align: left
}
[dir=rtl] .blog-container .add-comment .textile-body .textile-preview {
text-align: right
}
.blog-container .add-comment .textile-body .textile-preview {
width: 100%;
height: 140px !important;
max-height: 200px;
border: 1px solid #656565;
padding: 20px;
font-size: 14px;
outline: none;
overflow: hidden !important;
overflow-y: auto !important
}
.blog-container .add-comment .textile-body .textile-preview:focus {
-webkit-box-shadow: 0 0 5px #656565;
box-shadow: 0 0 5px #656565
}
body.ar #react-blog-comment textarea {
text-align: right
}
body.ar #react-blog-comment .sort-box {
padding-bottom: 2em
}
body.ar #react-blog-comment .comment-item .comment-body {
text-align: right
}
body.ar #react-blog-comment .comment-item .comment-downvote,
body.ar #react-blog-comment .comment-item .comment-upvote,
body.ar #react-blog-comment .comment-item .comment-vote {
float: right
}
body.ar #react-blog-comment .textile-body {
text-align: right
}
body.ar #react-blog-comment .comment-body,
body.ar #react-blog-comment .comment-count {
direction: rtl
}
body.ar #react-blog-comment .sort-box a.active:before {
left: 0
}
body.ar .ReactModalPortal textarea {
text-align: right
}
.blog-container .comment-item {
margin-bottom: 2em
}
.blog-container .comment-item .comment-vote {
display: inline-block;
width: 40px;
vertical-align: top
}
.blog-container .comment-item .comment-vote>a,
.blog-container .comment-item .comment-vote>span {
display: block;
text-align: center;
width: 100%
}
.blog-container .comment-item .comment-vote .comment-count {
color: #1e1e1e
}
.blog-container .comment-item .comment-vote .comment-downvote,
.blog-container .comment-item .comment-vote .comment-upvote {
color: #9e9e9e;
cursor: pointer
}
.blog-container .comment-item .comment-vote .comment-downvote:hover,
.blog-container .comment-item .comment-vote .comment-upvote:hover {
color: #000;
text-decoration: none
}
.blog-container .comment-item .comment-vote .comment-downvote.voted,
.blog-container .comment-item .comment-vote .comment-upvote.voted {
cursor: not-allowed;
color: #000
}
.blog-container .comment-item .comment-vote .comment-downvote i,
.blog-container .comment-item .comment-vote .comment-upvote i {
font-style: normal
}
.blog-container .comment-item .comment-vote .comment-upvote i:before {
display: block;
content: "\25BE";
font-size: 1.5em;
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1)
}
.blog-container .comment-item .comment-vote .comment-downvote i:before {
content: "\25BE";
font-size: 1.5em
}
.blog-container .comment-item .comment-info-box {
display: inline-block;
width: calc(100% - 50px)
}
.blog-container .comment-item .comment-body {
margin-bottom: 1.5em;
margin-left: 1em
}
.blog-container .comment-item .comment-body .username {
margin-bottom: 1em
}
.blog-container .comment-item .comment-body .comment-content {
margin: 0
}
.blog-container .comment-item .comment-body .textile-container-view {
color: #000
}
.blog-container .comment-item .comment-body .comment-links {
font-size: 14px;
margin-top: 10px
}
.blog-container .comment-item .comment-body .comment-links>a {
cursor: pointer
}
.blog-container .comment-item .comment-body .comment-links .comment-date {
color: #1e1e1e
}
.blog-container .comment-item .comment-body .comment-links>a,
.blog-container .comment-item .comment-body .comment-links>span {
color: #1e1e1e;
margin-right: 1em;
position: relative
}
@media only screen and (max-width:767px) {
.blog-container .comment-item .comment-body .comment-links>a,
.blog-container .comment-item .comment-body .comment-links>span {
margin-right: .7em
}
}
.blog-container .comment-item .comment-body .comment-links>a:hover .comment-tooltip,
.blog-container .comment-item .comment-body .comment-links>span:hover .comment-tooltip {
display: block
}
.blog-container .comment-item .comment-body .comment-links>a .comment-tooltip,
.blog-container .comment-item .comment-body .comment-links>span .comment-tooltip {
background: #1e1e1e;
border-radius: 4px;
color: #fff;
display: none;
font-size: 12px;
left: -20px;
line-height: 1.2;
margin: 0;
min-width: 60px;
padding: 5px 10px;
position: absolute;
text-align: center;
top: 35px;
z-index: 99;
word-break: normal
}
.blog-container .comment-item .comment-body .comment-links>a .comment-tooltip:before,
.blog-container .comment-item .comment-body .comment-links>span .comment-tooltip:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #000;
left: 20px;
top: -16px
}
.blog-container .comment-item .reply-box {
margin-top: 1em
}
@media only screen and (max-width:767px) {
.blog-container .comment-item .reply-box {
padding-left: 0
}
}
.blog-container .comment-item .reply-box .comment-vote {
min-height: 50px
}
.blog-container .comment-item .view-more {
color: #1e1e1e;
cursor: pointer;
margin-left: 1em
}
.blog-container .comment-item .view-more:hover {
color: #444
}
.blog-container .comment-item .comment-add-reply {
margin-top: 10px;
margin-left: 15%
}
.blog-container .comment-item .comment-add-reply .textile-head li.selected {
border-top: 1px solid #181818;
color: #000
}
.blog-container .comment-item .comment-add-reply .textile-body .textile-edit textarea,
.blog-container .comment-item .comment-add-reply .textile-body .textile-help textarea,
.blog-container .comment-item .comment-add-reply .textile-body .textile-preview,
.blog-container .comment-item .comment-add-reply .textile-body .textile-preview textarea {
color: #000
}
.blog-container .comment-rating-box {
color: #1e1e1e;
margin-top: 50px;
width: 100%
}
.blog-container .comment-rating-box h1.title {
border-bottom: 1px solid #1e1e1e;
margin-bottom: 10px;
line-height: 200%;
font-family: OpenSans, sans-serif;
font-size: 24px;
padding-bottom: 10px
}
.blog-container .comment-rating-box .sort-box {
text-align: right;
color: #000
}
.blog-container .comment-rating-box .sort-box span {
font-family: OpenSans, sans-serif;
font-size: 14px;
text-transform: uppercase
}
.blog-container .comment-rating-box .sort-box div>span:first-child:after {
content: ": "
}
.blog-container .comment-rating-box .sort-box a {
color: #1e1e1e;
margin-left: 10px;
cursor: pointer
}
.blog-container .comment-rating-box .sort-box a:hover {
color: #444
}
.blog-container .comment-rating-box .sort-box a.active {
cursor: default;
position: relative
}
.blog-container .comment-rating-box .sort-box a.active:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-bottom: 4px solid #9e9e9e;
top: 5px;
left: 0
}
@media only screen and (max-width:991px) {
.blog-container .comment-rating-box .sort-box {
text-align: left;
padding-bottom: 1em
}
.blog-container .comment-rating-box .sort-box span {
font-size: 12px
}
}
.blog-container .comment-rating-box .loading-svg {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzFlMWUxZSI+PHBhdGggZD0iTTIgMTJ2OGg0di04eiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZCIgdmFsdWVzPSJNMCAxMiBWMjAgSDQgVjEyejsgTTAgNCBWMjggSDQgVjR6OyBNMCAxMiBWMjAgSDQgVjEyejsgTTAgMTIgVjIwIEg0IFYxMnoiIGR1cj0iMS4ycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwIiBrZXlTcGxpbmVzPSIwLjIgMC4yIDAuNCAwLjg7MC4yIDAuNiAwLjQgMC44OzAuMiAwLjggMC40IDAuOCIgY2FsY01vZGU9InNwbGluZSIvPjwvcGF0aD48cGF0aCBkPSJNOCAxMnY4aDR2LTh6Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJkIiB2YWx1ZXM9Ik0wIDEyIFYyMCBINCBWMTJ6OyBNMCA0IFYyOCBINCBWNHo7IE0wIDEyIFYyMCBINCBWMTJ6OyBNMCAxMiBWMjAgSDQgVjEyeiIgZHVyPSIxLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii4yIiBrZXlTcGxpbmVzPSIwLjIgMC4yIDAuNCAwLjg7MC4yIDAuNiAwLjQgMC44OzAuMiAwLjggMC40IDAuOCIgY2FsY01vZGU9InNwbGluZSIvPjwvcGF0aD48cGF0aCBkPSJNMTQgMTJ2OGg0di04eiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZCIgdmFsdWVzPSJNMCAxMiBWMjAgSDQgVjEyejsgTTAgNCBWMjggSDQgVjR6OyBNMCAxMiBWMjAgSDQgVjEyejsgTTAgMTIgVjIwIEg0IFYxMnoiIGR1cj0iMS4ycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIuNCIga2V5U3BsaW5lcz0iMC4yIDAuMiAwLjQgMC44OzAuMiAwLjYgMC40IDAuODswLjIgMC44IDAuNCAwLjgiIGNhbGNNb2RlPSJzcGxpbmUiLz48L3BhdGg+PHBhdGggZD0iTTIwIDEydjhoNHYtOHoiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImQiIHZhbHVlcz0iTTAgMTIgVjIwIEg0IFYxMno7IE0wIDQgVjI4IEg0IFY0ejsgTTAgMTIgVjIwIEg0IFYxMno7IE0wIDEyIFYyMCBINCBWMTJ6IiBkdXI9IjEuMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iLjYiIGtleVNwbGluZXM9IjAuMiAwLjIgMC40IDAuODswLjIgMC42IDAuNCAwLjg7MC4yIDAuOCAwLjQgMC44IiBjYWxjTW9kZT0ic3BsaW5lIi8+PC9wYXRoPjxwYXRoIGQ9Ik0yNiAxMnY4aDR2LTh6Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJkIiB2YWx1ZXM9Ik0wIDEyIFYyMCBINCBWMTJ6OyBNMCA0IFYyOCBINCBWNHo7IE0wIDEyIFYyMCBINCBWMTJ6OyBNMCAxMiBWMjAgSDQgVjEyeiIgZHVyPSIxLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49Ii44IiBrZXlTcGxpbmVzPSIwLjIgMC4yIDAuNCAwLjg7MC4yIDAuNiAwLjQgMC44OzAuMiAwLjggMC40IDAuOCIgY2FsY01vZGU9InNwbGluZSIvPjwvcGF0aD48L3N2Zz4=);
background-size: contain;
height: 80px;
margin: 20px auto;
width: 80px
}
.blog-container .comment-rating-box .pagination {
padding: 10px 2em;
text-align: center;
display: block
}
.blog-container .comment-rating-box .pagination .comment-load-more {
text-transform: uppercase;
font-size: 14px
}
.blog-container .comment-rating-box .pagination a {
color: #1e1e1e;
float: right;
width: 100px
}
.blog-container .comment-rating-box .pagination a:hover {
color: #1e1e1e
}
.blog-container .comment-rating-box .text-area-box {
text-align: center
}
.blog-container .comment-rating-box .text-area-box .alert-moderation {
max-width: 1000px;
text-align: left;
margin: 0 auto 1em;
font-size: .8em
}
.blog-container .comment-rating-box .text-area-box .not-login {
position: relative;
cursor: pointer;
text-align: center;
display: inline-block;
margin: 0 auto;
padding: 1em
}
.blog-container .comment-rating-box .text-area-box .not-login:hover {
background: #e0c67d
}
.blog-container .comment-rating-box .text-area-box .not-login span {
color: #000 !important
}
.blog-container .comment-rating-box .text-area-box .not-login p {
margin: 0
}
.blog-container .comment-chars-max,
.blog-container .comment-chars-min {
color: #1e1e1e;
display: none;
font-size: 12px;
position: relative;
top: 10px;
margin-bottom: 2em
}
.blog-container .comment-chars-max.comment-edit-invalid,
.blog-container .comment-chars-min.comment-edit-invalid {
color: #782c30;
display: block !important
}
.ReactModalPortal {
position: relative;
z-index: 99999
}
.ReactModalPortal .ReactModal__Content {
position: absolute !important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #181818;
margin: 0 auto !important;
top: 50% !important;
right: 0 !important;
left: 0 !important;
bottom: auto !important;
max-width: 90%;
max-height: 98%
}
.ReactModalPortal .report-modal .cw-close,
.ReactModalPortal .report-modal .cw-title {
display: inline-block;
line-height: 25px;
text-align: center
}
.ReactModalPortal .report-modal .cw-title {
background-color: #1e1e1e;
color: #fff;
font-size: 12px;
position: relative;
text-transform: uppercase;
top: -1px;
width: 100%
}
.ReactModalPortal .report-modal .cw-close {
position: absolute;
top: 0;
right: 0;
height: 24px;
background-color: #1e1e1e;
cursor: pointer;
width: 40px
}
.ReactModalPortal .report-modal>p {
text-align: center
}
.ReactModalPortal .report-modal textarea {
border: 1px solid #1e1e1e;
font-size: 14px;
margin: 20px;
max-height: 150px;
padding: 20px;
outline: none;
overflow: scroll;
resize: none;
width: calc(100% - 40px)
}
.ReactModalPortal .report-modal a.btn,
.ReactModalPortal .report-modal button.btn {
display: block;
width: 150px
}
@media only screen and (max-width:767px) {
.ReactModalPortal .report-modal a.btn,
.ReactModalPortal .report-modal button.btn {
line-height: 1;
padding: 1em
}
}
.ReactModalPortal .btn {
margin: 0 auto;
color: #000
}
.ReactModalPortal .edit-modal .cw-close,
.ReactModalPortal .edit-modal .cw-title,
.ReactModalPortal .reply-edit-modal .cw-close,
.ReactModalPortal .reply-edit-modal .cw-title {
display: inline-block;
line-height: 25px;
text-align: center
}
.ReactModalPortal .edit-modal .cw-title,
.ReactModalPortal .reply-edit-modal .cw-title {
background-color: #1e1e1e;
color: #fff;
font-size: 12px;
position: relative;
text-transform: uppercase;
top: -1px;
width: 100%
}
.ReactModalPortal .edit-modal .cw-close,
.ReactModalPortal .reply-edit-modal .cw-close {
position: absolute;
top: 0;
right: 0;
height: 24px;
background-color: #1e1e1e;
cursor: pointer;
width: 40px
}
.ReactModalPortal .edit-modal .delete-info,
.ReactModalPortal .edit-modal>p,
.ReactModalPortal .reply-edit-modal .delete-info,
.ReactModalPortal .reply-edit-modal>p {
text-align: center
}
.ReactModalPortal .edit-modal .comment-edit-box,
.ReactModalPortal .reply-edit-modal .comment-edit-box {
margin: 20px auto 0;
width: 95%
}
.ReactModalPortal .edit-modal .comment-edit-box .textile-container ul,
.ReactModalPortal .reply-edit-modal .comment-edit-box .textile-container ul {
padding-left: 0
}
.ReactModalPortal .edit-modal .comment-edit-box .btn,
.ReactModalPortal .reply-edit-modal .comment-edit-box .btn {
margin-top: 20px;
display: block
}
@media only screen and (max-width:767px) {
.ReactModalPortal .edit-modal .comment-edit-box .btn,
.ReactModalPortal .reply-edit-modal .comment-edit-box .btn {
line-height: 1;
padding: 1em
}
}
.ReactModalPortal .delete-modal {
text-align: center
}
.ReactModalPortal .delete-modal .cw-close,
.ReactModalPortal .delete-modal .cw-title {
display: inline-block;
line-height: 25px;
text-align: center
}
.ReactModalPortal .delete-modal .cw-title {
background-color: #1e1e1e;
color: #fff;
font-size: 12px;
position: relative;
text-transform: uppercase;
top: -1px;
width: 100%
}
.ReactModalPortal .delete-modal .cw-close {
position: absolute;
top: 0;
right: 0;
height: 24px;
background-color: #1e1e1e;
cursor: pointer;
width: 40px
}
.ReactModalPortal .delete-modal>p {
text-align: center
}
.ReactModalPortal .login-modal .cw-close,
.ReactModalPortal .login-modal .cw-title {
display: inline-block;
line-height: 25px;
text-align: center
}
.ReactModalPortal .login-modal .cw-title {
background-color: #1e1e1e;
color: #fff;
font-size: 12px;
position: relative;
text-transform: uppercase;
top: -1px;
width: 100%
}
.ReactModalPortal .login-modal .cw-close {
position: absolute;
top: 0;
right: 0;
height: 24px;
background-color: #1e1e1e;
cursor: pointer;
width: 40px
}
.ReactModalPortal .login-modal>p {
text-align: center
}
.ReactModalPortal .comment-chars-max,
.ReactModalPortal .comment-chars-min {
color: #1e1e1e;
display: none;
font-size: 12px;
text-align: center
}
.ReactModalPortal .comment-chars-max.comment-edit-invalid,
.ReactModalPortal .comment-chars-min.comment-edit-invalid {
color: #782c30;
display: block !important
}
.blog-container .textile-preview em,
.ReactModalPortal .textile-preview em {
font-style: italic
}
.blog-container .textile-preview strong,
.ReactModalPortal .textile-preview strong {
font-weight: 700
}
.blog-container .textile-preview ul,
.ReactModalPortal .textile-preview ul {
margin-left: 1.5em;
margin-top: 0;
margin-bottom: 11px
}
.blog-container .textile-preview ul li,
.ReactModalPortal .textile-preview ul li {
list-style: disc
}
.blog-container .textile-preview ol,
.ReactModalPortal .textile-preview ol {
margin-top: 0;
margin-bottom: 11px;
-webkit-padding-start: 40px
}
.blog-container .textile-preview ol li,
.ReactModalPortal .textile-preview ol li {
list-style: decimal
}
.blog-container .textile-preview a,
.ReactModalPortal .textile-preview a {
color: inherit
}
#table-race {
margin: 1em 0;
font-size: .85em;
text-align: center
}
@media only screen and (max-width:991px) {
#table-race {
text-align: left
}
}
#table-race .header {
text-transform: uppercase;
color: #acab9c;
padding: 1em 0
}
@media only screen and (max-width:991px) {
#table-race .header {
display: none
}
}
#table-race .dark,
#table-race .light {
padding: 1.5em 0
}
@media only screen and (max-width:991px) {
#table-race .dark,
#table-race .light {
padding: 2em 0
}
}
#table-race .dark .pos,
#table-race .light .pos {
position: relative;
display: block;
font-weight: 700;
z-index: 1
}
#table-race .dark .pos.first:after,
#table-race .dark .pos.second:after,
#table-race .dark .pos.third:after,
#table-race .light .pos.first:after,
#table-race .light .pos.second:after,
#table-race .light .pos.third:after {
content: "";
position: absolute;
top: -2px;
left: 0;
right: 0;
display: block;
width: 25px;
height: 25px;
margin: 0 auto;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: -1
}
@media only screen and (max-width:991px) {
#table-race .dark .pos.first:after,
#table-race .dark .pos.second:after,
#table-race .dark .pos.third:after,
#table-race .light .pos.first:after,
#table-race .light .pos.second:after,
#table-race .light .pos.third:after {
top: .85em;
left: 2em
}
}
@media only screen and (max-width:767px) {
#table-race .dark .pos.first:after,
#table-race .dark .pos.second:after,
#table-race .dark .pos.third:after,
#table-race .light .pos.first:after,
#table-race .light .pos.second:after,
#table-race .light .pos.third:after {
top: 7px;
left: 24px
}
}
#table-race .dark .pos.first:after,
#table-race .light .pos.first:after {
background: #dbbd68
}
#table-race .dark .pos.second:after,
#table-race .light .pos.second:after {
background: #908b85
}
#table-race .dark .pos.third:after,
#table-race .light .pos.third:after {
background: #a66e43
}
@media only screen and (max-width:991px) {
#table-race .dark .level,
#table-race .dark .pos,
#table-race .dark .stamp,
#table-race .dark .usr,
#table-race .light .level,
#table-race .light .pos,
#table-race .light .stamp,
#table-race .light .usr {
padding: 1em 0 1em 1em
}
#table-race .dark .level:before,
#table-race .dark .pos:before,
#table-race .dark .stamp:before,
#table-race .dark .usr:before,
#table-race .light .level:before,
#table-race .light .pos:before,
#table-race .light .stamp:before,
#table-race .light .usr:before {
display: inline-block;
width: 50%;
color: #acab9c;
text-transform: uppercase;
font-weight: 400
}
}
@media only screen and (max-width:991px) {
#table-race .dark .pos:before,
#table-race .light .pos:before {
content: "Position"
}
}
@media only screen and (max-width:991px) {
#table-race .dark .usr:before,
#table-race .light .usr:before {
content: "Participant"
}
}
@media only screen and (max-width:991px) {
#table-race .dark .level:before,
#table-race .light .level:before {
content: "Hero Level"
}
}
@media only screen and (max-width:991px) {
#table-race .dark .stamp:before,
#table-race .light .stamp:before {
content: "Time Stamp"
}
}
#table-race .light {
background: #505050
}
#table-race .dark:first-child {
background: #908b85
}
.cms .caption {
margin: 0 0 2em !important;
color: #000;
font-size: .75em;
background: #000;
padding: 1em
}
footer {
clear: both
}
.hidden-scroll {
overflow: hidden
}
.blog-container .lightbox-enabled img {
cursor: pointer;
border: 1px solid transparent
}
.blog-container .lightbox-enabled img,
.blog-container .lightbox-enabled img:hover {
-webkit-transition: border .3s ease-in-out;
-o-transition: border .3s ease-in-out;
transition: border .3s ease-in-out
}
.blog-container .lightbox-enabled img:hover {
border: 1px solid #000
}
.blog-container .lightbox {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .9);
top: 0;
left: 0;
z-index: 100000;
padding: 50px;
text-align: center
}
.blog-container .lightbox:before {
display: inline-block;
height: 100%;
content: "";
vertical-align: middle
}
.blog-container .lightbox img {
cursor: default;
max-width: 100%;
max-height: 100%
}
.blog-container .lightbox button {
background-color: transparent;
border: 0;
outline: none;
color: #c5c5c5;
position: absolute;
top: calc(50% - 1.8em);
padding: 15px 18px;
font-size: 1.8em
}
.blog-container .lightbox button:focus {
outline: none
}
.blog-container .lightbox button:hover {
color: #ddd
}
.blog-container .lightbox button.prev {
left: 0
}
.blog-container .lightbox button.next {
right: 0
}
.blog-container .lightbox button.close {
right: 5px;
top: 5px;
opacity: 1
}
.blog-view-container .blog-view .top-featured-activity .feature-banner {
position: relative;
display: block;
color: #fff;
text-decoration: none;
overflow: hidden
}
@media only screen and (min-width:992px) {
.blog-view-container .blog-view .top-featured-activity .feature-banner:hover .container-image .feature-image:before {
opacity: 1
}
.blog-view-container .blog-view .top-featured-activity .feature-banner:hover .feature-headline h2 {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: -webkit-transform .3s ease-in-out .03s;
transition: -webkit-transform .3s ease-in-out .03s;
-o-transition: transform .3s ease-in-out .03s;
transition: transform .3s ease-in-out .03s;
transition: transform .3s ease-in-out .03s, -webkit-transform .3s ease-in-out .03s
}
.blog-view-container .blog-view .top-featured-activity .feature-banner:hover .feature-headline .feature-date {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px)
}
}
.blog-view-container .blog-view .top-featured-activity .feature-banner .container-image {
position: relative;
top: 0;
left: 0;
right: 0;
width: 100%;
padding-bottom: 56.25%;
max-width: 120vh;
min-width: 1170px;
margin: 0 auto
}
@media only screen and (max-width:991px) {
.blog-view-container .blog-view .top-featured-activity .feature-banner .container-image {
max-width: 100%;
min-width: 100%
}
}
.blog-view-container .blog-view .top-featured-activity .feature-banner .container-image .feature-image {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto;
z-index: 0
}
.blog-view-container .blog-view .top-featured-activity .feature-banner .container-image .feature-image:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 2;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .65)));
background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .65));
background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .65) 100%);
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .65));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(0, 0, 0, 0)", endColorstr="rgba(166, 0, 0, 0)", GradientType=0)
}
.blog-view-container .blog-view .top-featured-activity .feature-banner .container-image .feature-image:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 15%;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .4)));
background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .4));
background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .4) 100%);
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .4));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(0, 0, 0, 0)", endColorstr="rgba(166, 0, 0, 0)", GradientType=0)
}
@media only screen and (max-width:767px) {
.blog-view-container .blog-view .top-featured-activity .feature-banner .container-image .feature-image:after {
display: none
}
}
.blog-view-container .blog-view .top-featured-activity .feature-banner .feature-headline {
position: absolute;
bottom: 0;
left: 0;
padding: 4em;
color: #fff;
z-index: 1;
max-width: 65em
}
@media only screen and (max-width:991px) {
.blog-view-container .blog-view .top-featured-activity .feature-banner .feature-headline {
position: relative;
background: #fff;
color: #000;
padding: 1.5em;
max-width: 100%
}
}
.blog-view-container .blog-view .top-featured-activity .feature-banner .feature-headline h2 {
font-family: OpenSans, sans-serif;
font-weight: 700;
font-size: 2em;
text-transform: uppercase;
margin: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
@media only screen and (max-width:767px) {
.blog-view-container .blog-view .top-featured-activity .feature-banner .feature-headline h2 {
font-size: 1.5em
}
}
.blog-view-container .blog-view .top-featured-activity .feature-banner .feature-headline .feature-date {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.grid-layout {
position: relative;
max-width: 120vh;
min-width: 100%;
background: #f1f4f6;
padding-top: 2em;
padding-left: 0 !important;
padding-right: 0 !important
}
@media screen and (max-width:1170px) {
.grid-layout {
max-width: 100%;
width: 100%
}
}
@media only screen and (max-width:991px) {
.grid-layout {
padding-left: 15px !important;
padding-right: 15px !important
}
}
.grid-layout .slick-slider {
clear: both;
padding-bottom: 50px;
padding-left: 15px
}
.grid-layout .slick-slider .slick-track {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.grid-layout .slick-slider .slick-track .slick-slide {
background: #fff;
margin-right: 15px
}
.grid-layout .slick-slider .slick-track .slick-slide .gridItem-large,
.grid-layout .slick-slider .slick-track .slick-slide .gridItem-medium,
.grid-layout .slick-slider .slick-track .slick-slide .gridItem-small,
.grid-layout .slick-slider .slick-track .slick-slide .gridItem-thirdPos {
padding: 0
}
.grid-layout .slick-slider .slick-track .slick-slide .grid-item .background-image {
height: 70vw
}
.grid-layout .slick-slider .slick-arrow {
bottom: 0;
top: auto;
height: auto
}
.grid-layout .slick-slider .slick-arrow.slick-next {
right: 30%
}
.grid-layout .slick-slider .slick-arrow.slick-next .icon-arrow:hover {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3)
}
.grid-layout .slick-slider .slick-arrow.slick-prev {
left: 30%
}
.grid-layout .slick-slider .slick-arrow.slick-prev .icon-arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.grid-layout .slick-slider .slick-arrow.slick-prev .icon-arrow:hover {
-webkit-transform: rotate(180deg) scale(1.3);
-ms-transform: rotate(180deg) scale(1.3);
transform: rotate(180deg) scale(1.3)
}
.grid-layout .slick-slider .slick-arrow .slick-control {
width: 3em;
height: 3em;
border: 1px solid #fff;
border-radius: 50%;
color: #fff
}
.grid-layout .slick-slider .slick-arrow .slick-control:hover {
color: #fff
}
.grid-layout .slick-slider .slick-arrow .slick-control .icon-arrow {
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear
}
.grid-layout .slick-slider .slick-arrow .slick-control .icon-arrow:before {
content: "\E92C"
}
.blog-view-container .blog-view .grid-item {
text-decoration: none;
color: #000
}
.blog-view-container .blog-view .grid-item .background-image {
position: relative;
height: 25vh;
min-height: 245px;
background-image: url(a6e34f5815a1a3ab4768cde6656de5cb.jpg);
background-position: 50%;
background-size: cover;
background-repeat: no-repeat
}
@media screen and (max-width:1400px) {
.blog-view-container .blog-view .grid-item .background-image {
height: 27vh;
min-height: 245px
}
}
@media only screen and (max-width:1199px) {
.blog-view-container .blog-view .grid-item .background-image {
height: 22em
}
}
@media only screen and (max-width:767px) {
.blog-view-container .blog-view .grid-item .background-image {
height: auto;
min-height: 100%;
padding-bottom: 56.25%
}
}
.blog-view-container .blog-view .grid-item .background-image .invisible-image {
visibility: hidden;
height: 0;
opacity: 0;
width: 100%;
display: block
}
.blog-view-container .blog-view .grid-item .grid-content {
background: #fff;
padding: 2em;
height: 12.5em;
margin-bottom: 2em;
position: relative;
z-index: 1
}
@media only screen and (max-width:1399px) {
.blog-view-container .blog-view .grid-item .grid-content {
padding: 1.5em
}
}
@media screen and (max-height:975px) {
.blog-view-container .blog-view .grid-item .grid-content {
padding: 1em
}
}
@media only screen and (max-width:767px) {
.blog-view-container .blog-view .grid-item .grid-content {
height: 100%;
padding: 1.5em 1em
}
}
.blog-view-container .blog-view .grid-item .grid-content .date {
font-family: OpenSans, sans-serif;
font-weight: 700;
margin: 0 0 1em
}
.blog-view-container .blog-view .grid-item .grid-content .title {
font-family: OpenSans, sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 1.5em;
margin: 0
}
.blog-view-container .blog-view .gridItem-large .grid-item {
position: relative;
color: #fff;
padding-bottom: 35em;
margin-bottom: 2em;
overflow: hidden;
height: 0
}
@media only screen and (max-width:1399px) {
.blog-view-container .blog-view .gridItem-large .grid-item {
padding-bottom: 0;
height: 31vw
}
}
@media only screen and (max-width:1199px) {
.blog-view-container .blog-view .gridItem-large .grid-item {
color: #000;
height: auto;
margin-bottom: 0
}
}
.blog-view-container .blog-view .gridItem-large .grid-item .background-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50% 50%
}
.blog-view-container .blog-view .gridItem-large .grid-item .background-image:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 30%;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .45)));
background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .45));
background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .45) 100%);
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .45));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(0, 0, 0, 0)", endColorstr="rgba(166, 0, 0, 0)", GradientType=0)
}
@media only screen and (max-width:1199px) {
.blog-view-container .blog-view .gridItem-large .grid-item .background-image {
position: relative;
height: 22em;
padding-bottom: 0;
margin-bottom: 0
}
.blog-view-container .blog-view .gridItem-large .grid-item .background-image:after {
display: none
}
}
@media only screen and (max-width:767px) {
.blog-view-container .blog-view .gridItem-large .grid-item .background-image {
height: auto;
padding-bottom: 56.25%
}
}
.blog-view-container .blog-view .gridItem-large .grid-item .grid-content {
position: absolute;
bottom: 0;
left: 0;
background-color: transparent;
margin-bottom: 0;
height: auto
}
@media only screen and (max-width:1199px) {
.blog-view-container .blog-view .gridItem-large .grid-item .grid-content {
margin-bottom: 2em;
position: relative;
background-color: #fff;
height: 12.5em
}
}
@media only screen and (max-width:767px) {
.blog-view-container .blog-view .gridItem-large .grid-item .grid-content {
height: 100%
}
}
.blog-view-container .blog-view .gridItem-medium .grid-item {
position: relative;
padding-bottom: 35em;
margin-bottom: 2em;
overflow: hidden;
color: #fff;
height: 0
}
@media only screen and (max-width:1399px) {
.blog-view-container .blog-view .gridItem-medium .grid-item {
padding-bottom: 0;
height: 31vw
}
}
@media only screen and (max-width:1199px) {
.blog-view-container .blog-view .gridItem-medium .grid-item {
height: auto;
color: #000;
margin-bottom: 0
}
}
.blog-view-container .blog-view .gridItem-medium .grid-item .background-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.blog-view-container .blog-view .gridItem-medium .grid-item .background-image:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 30%;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .45)));
background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .45));
background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .45) 100%);
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .45));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(0, 0, 0, 0)", endColorstr="rgba(166, 0, 0, 0)", GradientType=0)
}
@media only screen and (max-width:1199px) {
.blog-view-container .blog-view .gridItem-medium .grid-item .background-image {
position: relative;
height: 22em;
padding-bottom: 0;
margin-bottom: 0
}
.blog-view-container .blog-view .gridItem-medium .grid-item .background-image:after {
display: none
}
}
@media only screen and (max-width:767px) {
.blog-view-container .blog-view .gridItem-medium .grid-item .background-image {
height: auto;
padding-bottom: 56.25%
}
}
.blog-view-container .blog-view .gridItem-medium .grid-item .grid-content {
position: absolute;
bottom: 0;
left: 0;
background: transparent;
margin-bottom: 0;
height: auto
}
@media only screen and (max-width:1199px) {
.blog-view-container .blog-view .gridItem-medium .grid-item .grid-content {
margin-bottom: 2em;
position: relative;
background-color: #fff;
height: 12.5em
}
}
@media only screen and (max-width:767px) {
.blog-view-container .blog-view .gridItem-medium .grid-item .grid-content {
height: 100%
}
}
.blog-view-container .blog-view .gridItem-thirdPos .grid-item {
position: relative
}
@media only screen and (max-width:1199px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item {
color: #fff;
margin-bottom: 2em
}
}
@media only screen and (max-width:991px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item {
margin-bottom: 0;
color: #000
}
}
@media only screen and (max-width:1199px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .background-image {
height: auto;
padding-bottom: 56.25%
}
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .background-image:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 30%;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .45)));
background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .45));
background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .45) 100%);
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .45));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(0, 0, 0, 0)", endColorstr="rgba(166, 0, 0, 0)", GradientType=0)
}
}
@media only screen and (max-width:991px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .background-image {
height: 22em
}
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .background-image:after {
display: none
}
}
@media only screen and (max-width:767px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .background-image {
height: auto;
padding-bottom: 56.25%
}
}
@media only screen and (max-width:1199px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .grid-content {
position: absolute;
bottom: 0;
left: 0;
background: transparent;
margin-bottom: 0;
height: auto
}
}
@media only screen and (max-width:991px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .grid-content {
margin-bottom: 2em;
bottom: 0;
position: relative;
background-color: #fff;
height: 12.5em
}
}
@media only screen and (max-width:767px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .grid-content {
height: 100%
}
}
.blog-view-container .blog-view .gridItem-large,
.blog-view-container .blog-view .gridItem-medium,
.blog-view-container .blog-view .gridItem-small,
.blog-view-container .blog-view .gridItem-thirdPos {
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px)
}
.blog-view-container .blog-view .gridItem-large .grid-item,
.blog-view-container .blog-view .gridItem-medium .grid-item,
.blog-view-container .blog-view .gridItem-small .grid-item,
.blog-view-container .blog-view .gridItem-thirdPos .grid-item {
overflow: hidden
}
.blog-view-container .blog-view .gridItem-large .grid-item .background-image,
.blog-view-container .blog-view .gridItem-medium .grid-item .background-image,
.blog-view-container .blog-view .gridItem-small .grid-item .background-image,
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .background-image {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.blog-view-container .blog-view .gridItem-large:hover,
.blog-view-container .blog-view .gridItem-medium:hover,
.blog-view-container .blog-view .gridItem-small:hover,
.blog-view-container .blog-view .gridItem-thirdPos:hover {
text-decoration: none !important
}
.blog-view-container .blog-view .gridItem-large:hover .background-image,
.blog-view-container .blog-view .gridItem-medium:hover .background-image,
.blog-view-container .blog-view .gridItem-small:hover .background-image,
.blog-view-container .blog-view .gridItem-thirdPos:hover .background-image {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
@media only screen and (min-width:992px) {
.blog-view-container .blog-view .gridItem-small .grid-item .grid-content {
overflow: hidden
}
.blog-view-container .blog-view .gridItem-small .grid-item .grid-content h1,
.blog-view-container .blog-view .gridItem-small .grid-item .grid-content h4 {
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.blog-view-container .blog-view .gridItem-small:hover {
text-decoration: none
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.blog-view-container .blog-view .gridItem-large .grid-item .grid-content h1,
.blog-view-container .blog-view .gridItem-large .grid-item .grid-content h4,
.blog-view-container .blog-view .gridItem-medium .grid-item .grid-content h1,
.blog-view-container .blog-view .gridItem-medium .grid-item .grid-content h4 {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.blog-view-container .blog-view .gridItem-large:hover .grid-item .background-image,
.blog-view-container .blog-view .gridItem-medium:hover .grid-item .background-image {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
.blog-view-container .blog-view .gridItem-large:hover .grid-item .background-image:before,
.blog-view-container .blog-view .gridItem-medium:hover .grid-item .background-image:before {
opacity: 1
}
.blog-view-container .blog-view .gridItem-large:hover .grid-item .grid-content h1,
.blog-view-container .blog-view .gridItem-medium:hover .grid-item .grid-content h1 {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: -webkit-transform .3s ease-in-out .03s;
transition: -webkit-transform .3s ease-in-out .03s;
-o-transition: transform .3s ease-in-out .03s;
transition: transform .3s ease-in-out .03s;
transition: transform .3s ease-in-out .03s, -webkit-transform .3s ease-in-out .03s
}
.blog-view-container .blog-view .gridItem-large:hover .grid-item .grid-content h4,
.blog-view-container .blog-view .gridItem-medium:hover .grid-item .grid-content h4 {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
}
@media only screen and (min-width:1400px) {
.blog-view-container .blog-view .gridItem-large .grid-item .grid-content h1,
.blog-view-container .blog-view .gridItem-large .grid-item .grid-content h4,
.blog-view-container .blog-view .gridItem-medium .grid-item .grid-content h1,
.blog-view-container .blog-view .gridItem-medium .grid-item .grid-content h4 {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.blog-view-container .blog-view .gridItem-large:hover .grid-item .background-image,
.blog-view-container .blog-view .gridItem-medium:hover .grid-item .background-image {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
.blog-view-container .blog-view .gridItem-large:hover .grid-item .background-image:before,
.blog-view-container .blog-view .gridItem-medium:hover .grid-item .background-image:before {
opacity: 1
}
.blog-view-container .blog-view .gridItem-large:hover .grid-item .grid-content h1,
.blog-view-container .blog-view .gridItem-medium:hover .grid-item .grid-content h1 {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: -webkit-transform .3s ease-in-out .03s;
transition: -webkit-transform .3s ease-in-out .03s;
-o-transition: transform .3s ease-in-out .03s;
transition: transform .3s ease-in-out .03s;
transition: transform .3s ease-in-out .03s, -webkit-transform .3s ease-in-out .03s
}
.blog-view-container .blog-view .gridItem-large:hover .grid-item .grid-content h4,
.blog-view-container .blog-view .gridItem-medium:hover .grid-item .grid-content h4 {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .grid-content {
overflow: hidden
}
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .grid-content h1,
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .grid-content h4 {
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.blog-view-container .blog-view .gridItem-thirdPos:hover {
text-decoration: none
}
}
@media only screen and (min-width:1400px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .grid-content {
overflow: hidden
}
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .grid-content h1,
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .grid-content h4 {
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.blog-view-container .blog-view .gridItem-thirdPos:hover {
text-decoration: none
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .grid-content h1,
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .grid-content h4 {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.blog-view-container .blog-view .gridItem-thirdPos:hover .grid-item .background-image {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
.blog-view-container .blog-view .gridItem-thirdPos:hover .grid-item .background-image:before {
opacity: 1
}
.blog-view-container .blog-view .gridItem-thirdPos:hover .grid-item .grid-content h1 {
-webkit-transition: -webkit-transform .3s ease-in-out .03s;
transition: -webkit-transform .3s ease-in-out .03s;
-o-transition: transform .3s ease-in-out .03s;
transition: transform .3s ease-in-out .03s;
transition: transform .3s ease-in-out .03s, -webkit-transform .3s ease-in-out .03s
}
.blog-view-container .blog-view .gridItem-thirdPos:hover .grid-item .grid-content h1,
.blog-view-container .blog-view .gridItem-thirdPos:hover .grid-item .grid-content h4 {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
}
.blog-view-container .blog-view .gridItem-large.inView,
.blog-view-container .blog-view .gridItem-medium.inView,
.blog-view-container .blog-view .gridItem-small.inView,
.blog-view-container .blog-view .gridItem-thirdPos.inView {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
-o-transition: transform .4s ease-out, opacity .4s ease-out;
transition: transform .4s ease-out, opacity .4s ease-out;
transition: transform .4s ease-out, opacity .4s ease-out, -webkit-transform .4s ease-out
}
.blog-load-indicator {
padding-top: 24vh
}
.blog-load-indicator .loading-icon {
font-size: 4em;
background-size: 2em
}
.alert-container {
padding-top: 2em;
line-height: 2em
}
.alert-container .alert {
margin-bottom: 0
}
@media only screen and (max-width:480px) {
.alert-container .alert .col-xs-1:last-child {
position: absolute;
right: 15px
}
}
.alert-container .alert-icon {
line-height: 1em;
font-size: 1.4em;
vertical-align: text-bottom
}
.alert-container .alert-success {
border-color: #526451;
background-color: #526451
}
.alert-container .alert-warning {
border-color: #d96e37;
background-color: #d96e37
}
.alert-container .alert-info {
border-color: #506da2;
background-color: #506da2
}
.alert-container .alert-danger {
border-color: #782c30;
background-color: #782c30
}
.alert-container .alert-danger,
.alert-container .alert-info,
.alert-container .alert-success,
.alert-container .alert-warning {
border-radius: 0;
color: #fff
}
.alert-container .close {
opacity: 1;
line-height: 1.4em;
font-size: 1.4em;
vertical-align: middle
}
.alert-container .close .epic-blog-icon-close {
color: #fff
}
.alert-container p {
margin-bottom: 0
}
.prev-link-wrap {
background-color: #1e1e1e;
clear: both;
font-size: 20px;
overflow: hidden;
padding: 15px 30px;
min-height: 60px
}
@media only screen and (max-width:767px) {
.prev-link-wrap {
font-size: 14px
}
}
.prev-link-wrap .next-link i,
.prev-link-wrap .prev-link i {
font-size: 1.5em;
float: right;
margin-top: .2em
}
.prev-link-wrap .next-link span,
.prev-link-wrap .prev-link span {
text-transform: uppercase;
font-family: OpenSans, sans-serif
}
@media only screen and (max-width:767px) {
.prev-link-wrap .next-link span,
.prev-link-wrap .prev-link span {
display: none
}
}
.prev-link-wrap .next-link:hover,
.prev-link-wrap .prev-link:hover {
color: #e5cf91;
cursor: pointer
}
.prev-link-wrap .prev-link,
.prev-link-wrap .prev-link i {
float: left
}
.prev-link-wrap .prev-link span {
margin-left: 2em
}
.prev-link-wrap .next-link {
float: right;
text-align: right
}
.prev-link-wrap .next-link span {
margin-right: 2em
}
.prev-link-wrap .slug-link {
position: absolute;
z-index: 0;
width: auto;
left: 50%;
margin-top: .2em;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.prev-link-wrap .prev-icon:hover:before {
border-color: transparent transparent #e0c67d
}
.prev-link-wrap .prev-icon:hover:after {
border-color: #e0c67d transparent transparent
}
.prev-link-wrap .prev-icon:before {
display: block;
content: "";
width: 0;
height: 0;
border-color: transparent transparent #dbbd68;
border-style: solid;
border-width: 0 .5em 1em;
-webkit-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
transform: skewX(-45deg)
}
.prev-link-wrap .prev-icon:after {
display: block;
content: "";
width: 0;
height: 0;
border-color: #dbbd68 transparent transparent;
border-style: solid;
border-width: 1em .5em 0;
-webkit-transform: skewX(45deg);
-ms-transform: skewX(45deg);
transform: skewX(45deg)
}
.prev-link-wrap .next-icon:hover:before {
border-color: transparent transparent #e0c67d
}
.prev-link-wrap .next-icon:hover:after {
border-color: #e0c67d transparent transparent
}
.prev-link-wrap .next-icon:before {
display: block;
content: "";
width: 0;
height: 0;
border-color: transparent transparent #dbbd68;
border-style: solid;
border-width: 0 .5em 1em;
-webkit-transform: skewX(45deg);
-ms-transform: skewX(45deg);
transform: skewX(45deg)
}
.prev-link-wrap .next-icon:after {
display: block;
content: "";
width: 0;
height: 0;
border-color: #dbbd68 transparent transparent;
border-style: solid;
border-width: 1em .5em 0;
-webkit-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
transform: skewX(-45deg)
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
font-family: FontAwesome;
src: url(674f50d287a8c48dc19ba404d20fe713.html);
src: url(674f50d287a8c48dc19ba404d20fe713d41dd41d.html?#iefix&v=4.7.0) format("embedded-opentype"), url(af7ae505a9eed503f8b8e6982036873e.html) format("woff2"), url(fee66e712a8a08eef5805a46892932ad.html) format("woff"), url(b06871f281fee6b241d60582ae9369b9.html) format("truetype"), url(912ec66d7572ff821749319396470bde.html#fontawesomeregular) format("svg");
font-weight: 400;
font-style: normal
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571429em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none
}
.fa-ul>li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center
}
.fa-li.fa-lg {
left: -1.85714286em
}
.fa-border {
padding: .2em .25em .15em;
border: .08em solid #eee;
border-radius: .1em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right {
margin-left: .3em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s linear infinite;
animation: fa-spin 2s linear infinite
}
.fa-pulse {
-webkit-animation: fa-spin 1s steps(8) infinite;
animation: fa-spin 1s steps(8) infinite
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1)
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1)
}
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
-webkit-filter: none;
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: "\F000"
}
.fa-music:before {
content: "\F001"
}
.fa-search:before {
content: "\F002"
}
.fa-envelope-o:before {
content: "\F003"
}
.fa-heart:before {
content: "\F004"
}
.fa-star:before {
content: "\F005"
}
.fa-star-o:before {
content: "\F006"
}
.fa-user:before {
content: "\F007"
}
.fa-film:before {
content: "\F008"
}
.fa-th-large:before {
content: "\F009"
}
.fa-th:before {
content: "\F00A"
}
.fa-th-list:before {
content: "\F00B"
}
.fa-check:before {
content: "\F00C"
}
.fa-close:before,
.fa-remove:before,
.fa-times:before {
content: "\F00D"
}
.fa-search-plus:before {
content: "\F00E"
}
.fa-search-minus:before {
content: "\F010"
}
.fa-power-off:before {
content: "\F011"
}
.fa-signal:before {
content: "\F012"
}
.fa-cog:before,
.fa-gear:before {
content: "\F013"
}
.fa-trash-o:before {
content: "\F014"
}
.fa-home:before {
content: "\F015"
}
.fa-file-o:before {
content: "\F016"
}
.fa-clock-o:before {
content: "\F017"
}
.fa-road:before {
content: "\F018"
}
.fa-download:before {
content: "\F019"
}
.fa-arrow-circle-o-down:before {
content: "\F01A"
}
.fa-arrow-circle-o-up:before {
content: "\F01B"
}
.fa-inbox:before {
content: "\F01C"
}
.fa-play-circle-o:before {
content: "\F01D"
}
.fa-repeat:before,
.fa-rotate-right:before {
content: "\F01E"
}
.fa-refresh:before {
content: "\F021"
}
.fa-list-alt:before {
content: "\F022"
}
.fa-lock:before {
content: "\F023"
}
.fa-flag:before {
content: "\F024"
}
.fa-headphones:before {
content: "\F025"
}
.fa-volume-off:before {
content: "\F026"
}
.fa-volume-down:before {
content: "\F027"
}
.fa-volume-up:before {
content: "\F028"
}
.fa-qrcode:before {
content: "\F029"
}
.fa-barcode:before {
content: "\F02A"
}
.fa-tag:before {
content: "\F02B"
}
.fa-tags:before {
content: "\F02C"
}
.fa-book:before {
content: "\F02D"
}
.fa-bookmark:before {
content: "\F02E"
}
.fa-print:before {
content: "\F02F"
}
.fa-camera:before {
content: "\F030"
}
.fa-font:before {
content: "\F031"
}
.fa-bold:before {
content: "\F032"
}
.fa-italic:before {
content: "\F033"
}
.fa-text-height:before {
content: "\F034"
}
.fa-text-width:before {
content: "\F035"
}
.fa-align-left:before {
content: "\F036"
}
.fa-align-center:before {
content: "\F037"
}
.fa-align-right:before {
content: "\F038"
}
.fa-align-justify:before {
content: "\F039"
}
.fa-list:before {
content: "\F03A"
}
.fa-dedent:before,
.fa-outdent:before {
content: "\F03B"
}
.fa-indent:before {
content: "\F03C"
}
.fa-video-camera:before {
content: "\F03D"
}
.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
content: "\F03E"
}
.fa-pencil:before {
content: "\F040"
}
.fa-map-marker:before {
content: "\F041"
}
.fa-adjust:before {
content: "\F042"
}
.fa-tint:before {
content: "\F043"
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\F044"
}
.fa-share-square-o:before {
content: "\F045"
}
.fa-check-square-o:before {
content: "\F046"
}
.fa-arrows:before {
content: "\F047"
}
.fa-step-backward:before {
content: "\F048"
}
.fa-fast-backward:before {
content: "\F049"
}
.fa-backward:before {
content: "\F04A"
}
.fa-play:before {
content: "\F04B"
}
.fa-pause:before {
content: "\F04C"
}
.fa-stop:before {
content: "\F04D"
}
.fa-forward:before {
content: "\F04E"
}
.fa-fast-forward:before {
content: "\F050"
}
.fa-step-forward:before {
content: "\F051"
}
.fa-eject:before {
content: "\F052"
}
.fa-chevron-left:before {
content: "\F053"
}
.fa-chevron-right:before {
content: "\F054"
}
.fa-plus-circle:before {
content: "\F055"
}
.fa-minus-circle:before {
content: "\F056"
}
.fa-times-circle:before {
content: "\F057"
}
.fa-check-circle:before {
content: "\F058"
}
.fa-question-circle:before {
content: "\F059"
}
.fa-info-circle:before {
content: "\F05A"
}
.fa-crosshairs:before {
content: "\F05B"
}
.fa-times-circle-o:before {
content: "\F05C"
}
.fa-check-circle-o:before {
content: "\F05D"
}
.fa-ban:before {
content: "\F05E"
}
.fa-arrow-left:before {
content: "\F060"
}
.fa-arrow-right:before {
content: "\F061"
}
.fa-arrow-up:before {
content: "\F062"
}
.fa-arrow-down:before {
content: "\F063"
}
.fa-mail-forward:before,
.fa-share:before {
content: "\F064"
}
.fa-expand:before {
content: "\F065"
}
.fa-compress:before {
content: "\F066"
}
.fa-plus:before {
content: "\F067"
}
.fa-minus:before {
content: "\F068"
}
.fa-asterisk:before {
content: "\F069"
}
.fa-exclamation-circle:before {
content: "\F06A"
}
.fa-gift:before {
content: "\F06B"
}
.fa-leaf:before {
content: "\F06C"
}
.fa-fire:before {
content: "\F06D"
}
.fa-eye:before {
content: "\F06E"
}
.fa-eye-slash:before {
content: "\F070"
}
.fa-exclamation-triangle:before,
.fa-warning:before {
content: "\F071"
}
.fa-plane:before {
content: "\F072"
}
.fa-calendar:before {
content: "\F073"
}
.fa-random:before {
content: "\F074"
}
.fa-comment:before {
content: "\F075"
}
.fa-magnet:before {
content: "\F076"
}
.fa-chevron-up:before {
content: "\F077"
}
.fa-chevron-down:before {
content: "\F078"
}
.fa-retweet:before {
content: "\F079"
}
.fa-shopping-cart:before {
content: "\F07A"
}
.fa-folder:before {
content: "\F07B"
}
.fa-folder-open:before {
content: "\F07C"
}
.fa-arrows-v:before {
content: "\F07D"
}
.fa-arrows-h:before {
content: "\F07E"
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\F080"
}
.fa-twitter-square:before {
content: "\F081"
}
.fa-facebook-square:before {
content: "\F082"
}
.fa-camera-retro:before {
content: "\F083"
}
.fa-key:before {
content: "\F084"
}
.fa-cogs:before,
.fa-gears:before {
content: "\F085"
}
.fa-comments:before {
content: "\F086"
}
.fa-thumbs-o-up:before {
content: "\F087"
}
.fa-thumbs-o-down:before {
content: "\F088"
}
.fa-star-half:before {
content: "\F089"
}
.fa-heart-o:before {
content: "\F08A"
}
.fa-sign-out:before {
content: "\F08B"
}
.fa-linkedin-square:before {
content: "\F08C"
}
.fa-thumb-tack:before {
content: "\F08D"
}
.fa-external-link:before {
content: "\F08E"
}
.fa-sign-in:before {
content: "\F090"
}
.fa-trophy:before {
content: "\F091"
}
.fa-github-square:before {
content: "\F092"
}
.fa-upload:before {
content: "\F093"
}
.fa-lemon-o:before {
content: "\F094"
}
.fa-phone:before {
content: "\F095"
}
.fa-square-o:before {
content: "\F096"
}
.fa-bookmark-o:before {
content: "\F097"
}
.fa-phone-square:before {
content: "\F098"
}
.fa-twitter:before {
content: "\F099"
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\F09A"
}
.fa-github:before {
content: "\F09B"
}
.fa-unlock:before {
content: "\F09C"
}
.fa-credit-card:before {
content: "\F09D"
}
.fa-feed:before,
.fa-rss:before {
content: "\F09E"
}
.fa-hdd-o:before {
content: "\F0A0"
}
.fa-bullhorn:before {
content: "\F0A1"
}
.fa-bell:before {
content: "\F0F3"
}
.fa-certificate:before {
content: "\F0A3"
}
.fa-hand-o-right:before {
content: "\F0A4"
}
.fa-hand-o-left:before {
content: "\F0A5"
}
.fa-hand-o-up:before {
content: "\F0A6"
}
.fa-hand-o-down:before {
content: "\F0A7"
}
.fa-arrow-circle-left:before {
content: "\F0A8"
}
.fa-arrow-circle-right:before {
content: "\F0A9"
}
.fa-arrow-circle-up:before {
content: "\F0AA"
}
.fa-arrow-circle-down:before {
content: "\F0AB"
}
.fa-globe:before {
content: "\F0AC"
}
.fa-wrench:before {
content: "\F0AD"
}
.fa-tasks:before {
content: "\F0AE"
}
.fa-filter:before {
content: "\F0B0"
}
.fa-briefcase:before {
content: "\F0B1"
}
.fa-arrows-alt:before {
content: "\F0B2"
}
.fa-group:before,
.fa-users:before {
content: "\F0C0"
}
.fa-chain:before,
.fa-link:before {
content: "\F0C1"
}
.fa-cloud:before {
content: "\F0C2"
}
.fa-flask:before {
content: "\F0C3"
}
.fa-cut:before,
.fa-scissors:before {
content: "\F0C4"
}
.fa-copy:before,
.fa-files-o:before {
content: "\F0C5"
}
.fa-paperclip:before {
content: "\F0C6"
}
.fa-floppy-o:before,
.fa-save:before {
content: "\F0C7"
}
.fa-square:before {
content: "\F0C8"
}
.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
content: "\F0C9"
}
.fa-list-ul:before {
content: "\F0CA"
}
.fa-list-ol:before {
content: "\F0CB"
}
.fa-strikethrough:before {
content: "\F0CC"
}
.fa-underline:before {
content: "\F0CD"
}
.fa-table:before {
content: "\F0CE"
}
.fa-magic:before {
content: "\F0D0"
}
.fa-truck:before {
content: "\F0D1"
}
.fa-pinterest:before {
content: "\F0D2"
}
.fa-pinterest-square:before {
content: "\F0D3"
}
.fa-google-plus-square:before {
content: "\F0D4"
}
.fa-google-plus:before {
content: "\F0D5"
}
.fa-money:before {
content: "\F0D6"
}
.fa-caret-down:before {
content: "\F0D7"
}
.fa-caret-up:before {
content: "\F0D8"
}
.fa-caret-left:before {
content: "\F0D9"
}
.fa-caret-right:before {
content: "\F0DA"
}
.fa-columns:before {
content: "\F0DB"
}
.fa-sort:before,
.fa-unsorted:before {
content: "\F0DC"
}
.fa-sort-desc:before,
.fa-sort-down:before {
content: "\F0DD"
}
.fa-sort-asc:before,
.fa-sort-up:before {
content: "\F0DE"
}
.fa-envelope:before {
content: "\F0E0"
}
.fa-linkedin:before {
content: "\F0E1"
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\F0E2"
}
.fa-gavel:before,
.fa-legal:before {
content: "\F0E3"
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\F0E4"
}
.fa-comment-o:before {
content: "\F0E5"
}
.fa-comments-o:before {
content: "\F0E6"
}
.fa-bolt:before,
.fa-flash:before {
content: "\F0E7"
}
.fa-sitemap:before {
content: "\F0E8"
}
.fa-umbrella:before {
content: "\F0E9"
}
.fa-clipboard:before,
.fa-paste:before {
content: "\F0EA"
}
.fa-lightbulb-o:before {
content: "\F0EB"
}
.fa-exchange:before {
content: "\F0EC"
}
.fa-cloud-download:before {
content: "\F0ED"
}
.fa-cloud-upload:before {
content: "\F0EE"
}
.fa-user-md:before {
content: "\F0F0"
}
.fa-stethoscope:before {
content: "\F0F1"
}
.fa-suitcase:before {
content: "\F0F2"
}
.fa-bell-o:before {
content: "\F0A2"
}
.fa-coffee:before {
content: "\F0F4"
}
.fa-cutlery:before {
content: "\F0F5"
}
.fa-file-text-o:before {
content: "\F0F6"
}
.fa-building-o:before {
content: "\F0F7"
}
.fa-hospital-o:before {
content: "\F0F8"
}
.fa-ambulance:before {
content: "\F0F9"
}
.fa-medkit:before {
content: "\F0FA"
}
.fa-fighter-jet:before {
content: "\F0FB"
}
.fa-beer:before {
content: "\F0FC"
}
.fa-h-square:before {
content: "\F0FD"
}
.fa-plus-square:before {
content: "\F0FE"
}
.fa-angle-double-left:before {
content: "\F100"
}
.fa-angle-double-right:before {
content: "\F101"
}
.fa-angle-double-up:before {
content: "\F102"
}
.fa-angle-double-down:before {
content: "\F103"
}
.fa-angle-left:before {
content: "\F104"
}
.fa-angle-right:before {
content: "\F105"
}
.fa-angle-up:before {
content: "\F106"
}
.fa-angle-down:before {
content: "\F107"
}
.fa-desktop:before {
content: "\F108"
}
.fa-laptop:before {
content: "\F109"
}
.fa-tablet:before {
content: "\F10A"
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\F10B"
}
.fa-circle-o:before {
content: "\F10C"
}
.fa-quote-left:before {
content: "\F10D"
}
.fa-quote-right:before {
content: "\F10E"
}
.fa-spinner:before {
content: "\F110"
}
.fa-circle:before {
content: "\F111"
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\F112"
}
.fa-github-alt:before {
content: "\F113"
}
.fa-folder-o:before {
content: "\F114"
}
.fa-folder-open-o:before {
content: "\F115"
}
.fa-smile-o:before {
content: "\F118"
}
.fa-frown-o:before {
content: "\F119"
}
.fa-meh-o:before {
content: "\F11A"
}
.fa-gamepad:before {
content: "\F11B"
}
.fa-keyboard-o:before {
content: "\F11C"
}
.fa-flag-o:before {
content: "\F11D"
}
.fa-flag-checkered:before {
content: "\F11E"
}
.fa-terminal:before {
content: "\F120"
}
.fa-code:before {
content: "\F121"
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\F122"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\F123"
}
.fa-location-arrow:before {
content: "\F124"
}
.fa-crop:before {
content: "\F125"
}
.fa-code-fork:before {
content: "\F126"
}
.fa-chain-broken:before,
.fa-unlink:before {
content: "\F127"
}
.fa-question:before {
content: "\F128"
}
.fa-info:before {
content: "\F129"
}
.fa-exclamation:before {
content: "\F12A"
}
.fa-superscript:before {
content: "\F12B"
}
.fa-subscript:before {
content: "\F12C"
}
.fa-eraser:before {
content: "\F12D"
}
.fa-puzzle-piece:before {
content: "\F12E"
}
.fa-microphone:before {
content: "\F130"
}
.fa-microphone-slash:before {
content: "\F131"
}
.fa-shield:before {
content: "\F132"
}
.fa-calendar-o:before {
content: "\F133"
}
.fa-fire-extinguisher:before {
content: "\F134"
}
.fa-rocket:before {
content: "\F135"
}
.fa-maxcdn:before {
content: "\F136"
}
.fa-chevron-circle-left:before {
content: "\F137"
}
.fa-chevron-circle-right:before {
content: "\F138"
}
.fa-chevron-circle-up:before {
content: "\F139"
}
.fa-chevron-circle-down:before {
content: "\F13A"
}
.fa-html5:before {
content: "\F13B"
}
.fa-css3:before {
content: "\F13C"
}
.fa-anchor:before {
content: "\F13D"
}
.fa-unlock-alt:before {
content: "\F13E"
}
.fa-bullseye:before {
content: "\F140"
}
.fa-ellipsis-h:before {
content: "\F141"
}
.fa-ellipsis-v:before {
content: "\F142"
}
.fa-rss-square:before {
content: "\F143"
}
.fa-play-circle:before {
content: "\F144"
}
.fa-ticket:before {
content: "\F145"
}
.fa-minus-square:before {
content: "\F146"
}
.fa-minus-square-o:before {
content: "\F147"
}
.fa-level-up:before {
content: "\F148"
}
.fa-level-down:before {
content: "\F149"
}
.fa-check-square:before {
content: "\F14A"
}
.fa-pencil-square:before {
content: "\F14B"
}
.fa-external-link-square:before {
content: "\F14C"
}
.fa-share-square:before {
content: "\F14D"
}
.fa-compass:before {
content: "\F14E"
}
.fa-caret-square-o-down:before,
.fa-toggle-down:before {
content: "\F150"
}
.fa-caret-square-o-up:before,
.fa-toggle-up:before {
content: "\F151"
}
.fa-caret-square-o-right:before,
.fa-toggle-right:before {
content: "\F152"
}
.fa-eur:before,
.fa-euro:before {
content: "\F153"
}
.fa-gbp:before {
content: "\F154"
}
.fa-dollar:before,
.fa-usd:before {
content: "\F155"
}
.fa-inr:before,
.fa-rupee:before {
content: "\F156"
}
.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
content: "\F157"
}
.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
content: "\F158"
}
.fa-krw:before,
.fa-won:before {
content: "\F159"
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\F15A"
}
.fa-file:before {
content: "\F15B"
}
.fa-file-text:before {
content: "\F15C"
}
.fa-sort-alpha-asc:before {
content: "\F15D"
}
.fa-sort-alpha-desc:before {
content: "\F15E"
}
.fa-sort-amount-asc:before {
content: "\F160"
}
.fa-sort-amount-desc:before {
content: "\F161"
}
.fa-sort-numeric-asc:before {
content: "\F162"
}
.fa-sort-numeric-desc:before {
content: "\F163"
}
.fa-thumbs-up:before {
content: "\F164"
}
.fa-thumbs-down:before {
content: "\F165"
}
.fa-youtube-square:before {
content: "\F166"
}
.fa-youtube:before {
content: "\F167"
}
.fa-xing:before {
content: "\F168"
}
.fa-xing-square:before {
content: "\F169"
}
.fa-youtube-play:before {
content: "\F16A"
}
.fa-dropbox:before {
content: "\F16B"
}
.fa-stack-overflow:before {
content: "\F16C"
}
.fa-instagram:before {
content: "\F16D"
}
.fa-flickr:before {
content: "\F16E"
}
.fa-adn:before {
content: "\F170"
}
.fa-bitbucket:before {
content: "\F171"
}
.fa-bitbucket-square:before {
content: "\F172"
}
.fa-tumblr:before {
content: "\F173"
}
.fa-tumblr-square:before {
content: "\F174"
}
.fa-long-arrow-down:before {
content: "\F175"
}
.fa-long-arrow-up:before {
content: "\F176"
}
.fa-long-arrow-left:before {
content: "\F177"
}
.fa-long-arrow-right:before {
content: "\F178"
}
.fa-apple:before {
content: "\F179"
}
.fa-windows:before {
content: "\F17A"
}
.fa-android:before {
content: "\F17B"
}
.fa-linux:before {
content: "\F17C"
}
.fa-dribbble:before {
content: "\F17D"
}
.fa-skype:before {
content: "\F17E"
}
.fa-foursquare:before {
content: "\F180"
}
.fa-trello:before {
content: "\F181"
}
.fa-female:before {
content: "\F182"
}
.fa-male:before {
content: "\F183"
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\F184"
}
.fa-sun-o:before {
content: "\F185"
}
.fa-moon-o:before {
content: "\F186"
}
.fa-archive:before {
content: "\F187"
}
.fa-bug:before {
content: "\F188"
}
.fa-vk:before {
content: "\F189"
}
.fa-weibo:before {
content: "\F18A"
}
.fa-renren:before {
content: "\F18B"
}
.fa-pagelines:before {
content: "\F18C"
}
.fa-stack-exchange:before {
content: "\F18D"
}
.fa-arrow-circle-o-right:before {
content: "\F18E"
}
.fa-arrow-circle-o-left:before {
content: "\F190"
}
.fa-caret-square-o-left:before,
.fa-toggle-left:before {
content: "\F191"
}
.fa-dot-circle-o:before {
content: "\F192"
}
.fa-wheelchair:before {
content: "\F193"
}
.fa-vimeo-square:before {
content: "\F194"
}
.fa-try:before,
.fa-turkish-lira:before {
content: "\F195"
}
.fa-plus-square-o:before {
content: "\F196"
}
.fa-space-shuttle:before {
content: "\F197"
}
.fa-slack:before {
content: "\F198"
}
.fa-envelope-square:before {
content: "\F199"
}
.fa-wordpress:before {
content: "\F19A"
}
.fa-openid:before {
content: "\F19B"
}
.fa-bank:before,
.fa-institution:before,
.fa-university:before {
content: "\F19C"
}
.fa-graduation-cap:before,
.fa-mortar-board:before {
content: "\F19D"
}
.fa-yahoo:before {
content: "\F19E"
}
.fa-google:before {
content: "\F1A0"
}
.fa-reddit:before {
content: "\F1A1"
}
.fa-reddit-square:before {
content: "\F1A2"
}
.fa-stumbleupon-circle:before {
content: "\F1A3"
}
.fa-stumbleupon:before {
content: "\F1A4"
}
.fa-delicious:before {
content: "\F1A5"
}
.fa-digg:before {
content: "\F1A6"
}
.fa-pied-piper-pp:before {
content: "\F1A7"
}
.fa-pied-piper-alt:before {
content: "\F1A8"
}
.fa-drupal:before {
content: "\F1A9"
}
.fa-joomla:before {
content: "\F1AA"
}
.fa-language:before {
content: "\F1AB"
}
.fa-fax:before {
content: "\F1AC"
}
.fa-building:before {
content: "\F1AD"
}
.fa-child:before {
content: "\F1AE"
}
.fa-paw:before {
content: "\F1B0"
}
.fa-spoon:before {
content: "\F1B1"
}
.fa-cube:before {
content: "\F1B2"
}
.fa-cubes:before {
content: "\F1B3"
}
.fa-behance:before {
content: "\F1B4"
}
.fa-behance-square:before {
content: "\F1B5"
}
.fa-steam:before {
content: "\F1B6"
}
.fa-steam-square:before {
content: "\F1B7"
}
.fa-recycle:before {
content: "\F1B8"
}
.fa-automobile:before,
.fa-car:before {
content: "\F1B9"
}
.fa-cab:before,
.fa-taxi:before {
content: "\F1BA"
}
.fa-tree:before {
content: "\F1BB"
}
.fa-spotify:before {
content: "\F1BC"
}
.fa-deviantart:before {
content: "\F1BD"
}
.fa-soundcloud:before {
content: "\F1BE"
}
.fa-database:before {
content: "\F1C0"
}
.fa-file-pdf-o:before {
content: "\F1C1"
}
.fa-file-word-o:before {
content: "\F1C2"
}
.fa-file-excel-o:before {
content: "\F1C3"
}
.fa-file-powerpoint-o:before {
content: "\F1C4"
}
.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
content: "\F1C5"
}
.fa-file-archive-o:before,
.fa-file-zip-o:before {
content: "\F1C6"
}
.fa-file-audio-o:before,
.fa-file-sound-o:before {
content: "\F1C7"
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\F1C8"
}
.fa-file-code-o:before {
content: "\F1C9"
}
.fa-vine:before {
content: "\F1CA"
}
.fa-codepen:before {
content: "\F1CB"
}
.fa-jsfiddle:before {
content: "\F1CC"
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
content: "\F1CD"
}
.fa-circle-o-notch:before {
content: "\F1CE"
}
.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
content: "\F1D0"
}
.fa-empire:before,
.fa-ge:before {
content: "\F1D1"
}
.fa-git-square:before {
content: "\F1D2"
}
.fa-git:before {
content: "\F1D3"
}
.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
content: "\F1D4"
}
.fa-tencent-weibo:before {
content: "\F1D5"
}
.fa-qq:before {
content: "\F1D6"
}
.fa-wechat:before,
.fa-weixin:before {
content: "\F1D7"
}
.fa-paper-plane:before,
.fa-send:before {
content: "\F1D8"
}
.fa-paper-plane-o:before,
.fa-send-o:before {
content: "\F1D9"
}
.fa-history:before {
content: "\F1DA"
}
.fa-circle-thin:before {
content: "\F1DB"
}
.fa-header:before {
content: "\F1DC"
}
.fa-paragraph:before {
content: "\F1DD"
}
.fa-sliders:before {
content: "\F1DE"
}
.fa-share-alt:before {
content: "\F1E0"
}
.fa-share-alt-square:before {
content: "\F1E1"
}
.fa-bomb:before {
content: "\F1E2"
}
.fa-futbol-o:before,
.fa-soccer-ball-o:before {
content: "\F1E3"
}
.fa-tty:before {
content: "\F1E4"
}
.fa-binoculars:before {
content: "\F1E5"
}
.fa-plug:before {
content: "\F1E6"
}
.fa-slideshare:before {
content: "\F1E7"
}
.fa-twitch:before {
content: "\F1E8"
}
.fa-yelp:before {
content: "\F1E9"
}
.fa-newspaper-o:before {
content: "\F1EA"
}
.fa-wifi:before {
content: "\F1EB"
}
.fa-calculator:before {
content: "\F1EC"
}
.fa-paypal:before {
content: "\F1ED"
}
.fa-google-wallet:before {
content: "\F1EE"
}
.fa-cc-visa:before {
content: "\F1F0"
}
.fa-cc-mastercard:before {
content: "\F1F1"
}
.fa-cc-discover:before {
content: "\F1F2"
}
.fa-cc-amex:before {
content: "\F1F3"
}
.fa-cc-paypal:before {
content: "\F1F4"
}
.fa-cc-stripe:before {
content: "\F1F5"
}
.fa-bell-slash:before {
content: "\F1F6"
}
.fa-bell-slash-o:before {
content: "\F1F7"
}
.fa-trash:before {
content: "\F1F8"
}
.fa-copyright:before {
content: "\F1F9"
}
.fa-at:before {
content: "\F1FA"
}
.fa-eyedropper:before {
content: "\F1FB"
}
.fa-paint-brush:before {
content: "\F1FC"
}
.fa-birthday-cake:before {
content: "\F1FD"
}
.fa-area-chart:before {
content: "\F1FE"
}
.fa-pie-chart:before {
content: "\F200"
}
.fa-line-chart:before {
content: "\F201"
}
.fa-lastfm:before {
content: "\F202"
}
.fa-lastfm-square:before {
content: "\F203"
}
.fa-toggle-off:before {
content: "\F204"
}
.fa-toggle-on:before {
content: "\F205"
}
.fa-bicycle:before {
content: "\F206"
}
.fa-bus:before {
content: "\F207"
}
.fa-ioxhost:before {
content: "\F208"
}
.fa-angellist:before {
content: "\F209"
}
.fa-cc:before {
content: "\F20A"
}
.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
content: "\F20B"
}
.fa-meanpath:before {
content: "\F20C"
}
.fa-buysellads:before {
content: "\F20D"
}
.fa-connectdevelop:before {
content: "\F20E"
}
.fa-dashcube:before {
content: "\F210"
}
.fa-forumbee:before {
content: "\F211"
}
.fa-leanpub:before {
content: "\F212"
}
.fa-sellsy:before {
content: "\F213"
}
.fa-shirtsinbulk:before {
content: "\F214"
}
.fa-simplybuilt:before {
content: "\F215"
}
.fa-skyatlas:before {
content: "\F216"
}
.fa-cart-plus:before {
content: "\F217"
}
.fa-cart-arrow-down:before {
content: "\F218"
}
.fa-diamond:before {
content: "\F219"
}
.fa-ship:before {
content: "\F21A"
}
.fa-user-secret:before {
content: "\F21B"
}
.fa-motorcycle:before {
content: "\F21C"
}
.fa-street-view:before {
content: "\F21D"
}
.fa-heartbeat:before {
content: "\F21E"
}
.fa-venus:before {
content: "\F221"
}
.fa-mars:before {
content: "\F222"
}
.fa-mercury:before {
content: "\F223"
}
.fa-intersex:before,
.fa-transgender:before {
content: "\F224"
}
.fa-transgender-alt:before {
content: "\F225"
}
.fa-venus-double:before {
content: "\F226"
}
.fa-mars-double:before {
content: "\F227"
}
.fa-venus-mars:before {
content: "\F228"
}
.fa-mars-stroke:before {
content: "\F229"
}
.fa-mars-stroke-v:before {
content: "\F22A"
}
.fa-mars-stroke-h:before {
content: "\F22B"
}
.fa-neuter:before {
content: "\F22C"
}
.fa-genderless:before {
content: "\F22D"
}
.fa-facebook-official:before {
content: "\F230"
}
.fa-pinterest-p:before {
content: "\F231"
}
.fa-whatsapp:before {
content: "\F232"
}
.fa-server:before {
content: "\F233"
}
.fa-user-plus:before {
content: "\F234"
}
.fa-user-times:before {
content: "\F235"
}
.fa-bed:before,
.fa-hotel:before {
content: "\F236"
}
.fa-viacoin:before {
content: "\F237"
}
.fa-train:before {
content: "\F238"
}
.fa-subway:before {
content: "\F239"
}
.fa-medium:before {
content: "\F23A"
}
.fa-y-combinator:before,
.fa-yc:before {
content: "\F23B"
}
.fa-optin-monster:before {
content: "\F23C"
}
.fa-opencart:before {
content: "\F23D"
}
.fa-expeditedssl:before {
content: "\F23E"
}
.fa-battery-4:before,
.fa-battery-full:before,
.fa-battery:before {
content: "\F240"
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\F241"
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\F242"
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\F243"
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\F244"
}
.fa-mouse-pointer:before {
content: "\F245"
}
.fa-i-cursor:before {
content: "\F246"
}
.fa-object-group:before {
content: "\F247"
}
.fa-object-ungroup:before {
content: "\F248"
}
.fa-sticky-note:before {
content: "\F249"
}
.fa-sticky-note-o:before {
content: "\F24A"
}
.fa-cc-jcb:before {
content: "\F24B"
}
.fa-cc-diners-club:before {
content: "\F24C"
}
.fa-clone:before {
content: "\F24D"
}
.fa-balance-scale:before {
content: "\F24E"
}
.fa-hourglass-o:before {
content: "\F250"
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\F251"
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\F252"
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\F253"
}
.fa-hourglass:before {
content: "\F254"
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\F255"
}
.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
content: "\F256"
}
.fa-hand-scissors-o:before {
content: "\F257"
}
.fa-hand-lizard-o:before {
content: "\F258"
}
.fa-hand-spock-o:before {
content: "\F259"
}
.fa-hand-pointer-o:before {
content: "\F25A"
}
.fa-hand-peace-o:before {
content: "\F25B"
}
.fa-trademark:before {
content: "\F25C"
}
.fa-registered:before {
content: "\F25D"
}
.fa-creative-commons:before {
content: "\F25E"
}
.fa-gg:before {
content: "\F260"
}
.fa-gg-circle:before {
content: "\F261"
}
.fa-tripadvisor:before {
content: "\F262"
}
.fa-odnoklassniki:before {
content: "\F263"
}
.fa-odnoklassniki-square:before {
content: "\F264"
}
.fa-get-pocket:before {
content: "\F265"
}
.fa-wikipedia-w:before {
content: "\F266"
}
.fa-safari:before {
content: "\F267"
}
.fa-chrome:before {
content: "\F268"
}
.fa-firefox:before {
content: "\F269"
}
.fa-opera:before {
content: "\F26A"
}
.fa-internet-explorer:before {
content: "\F26B"
}
.fa-television:before,
.fa-tv:before {
content: "\F26C"
}
.fa-contao:before {
content: "\F26D"
}
.fa-500px:before {
content: "\F26E"
}
.fa-amazon:before {
content: "\F270"
}
.fa-calendar-plus-o:before {
content: "\F271"
}
.fa-calendar-minus-o:before {
content: "\F272"
}
.fa-calendar-times-o:before {
content: "\F273"
}
.fa-calendar-check-o:before {
content: "\F274"
}
.fa-industry:before {
content: "\F275"
}
.fa-map-pin:before {
content: "\F276"
}
.fa-map-signs:before {
content: "\F277"
}
.fa-map-o:before {
content: "\F278"
}
.fa-map:before {
content: "\F279"
}
.fa-commenting:before {
content: "\F27A"
}
.fa-commenting-o:before {
content: "\F27B"
}
.fa-houzz:before {
content: "\F27C"
}
.fa-vimeo:before {
content: "\F27D"
}
.fa-black-tie:before {
content: "\F27E"
}
.fa-fonticons:before {
content: "\F280"
}
.fa-reddit-alien:before {
content: "\F281"
}
.fa-edge:before {
content: "\F282"
}
.fa-credit-card-alt:before {
content: "\F283"
}
.fa-codiepie:before {
content: "\F284"
}
.fa-modx:before {
content: "\F285"
}
.fa-fort-awesome:before {
content: "\F286"
}
.fa-usb:before {
content: "\F287"
}
.fa-product-hunt:before {
content: "\F288"
}
.fa-mixcloud:before {
content: "\F289"
}
.fa-scribd:before {
content: "\F28A"
}
.fa-pause-circle:before {
content: "\F28B"
}
.fa-pause-circle-o:before {
content: "\F28C"
}
.fa-stop-circle:before {
content: "\F28D"
}
.fa-stop-circle-o:before {
content: "\F28E"
}
.fa-shopping-bag:before {
content: "\F290"
}
.fa-shopping-basket:before {
content: "\F291"
}
.fa-hashtag:before {
content: "\F292"
}
.fa-bluetooth:before {
content: "\F293"
}
.fa-bluetooth-b:before {
content: "\F294"
}
.fa-percent:before {
content: "\F295"
}
.fa-gitlab:before {
content: "\F296"
}
.fa-wpbeginner:before {
content: "\F297"
}
.fa-wpforms:before {
content: "\F298"
}
.fa-envira:before {
content: "\F299"
}
.fa-universal-access:before {
content: "\F29A"
}
.fa-wheelchair-alt:before {
content: "\F29B"
}
.fa-question-circle-o:before {
content: "\F29C"
}
.fa-blind:before {
content: "\F29D"
}
.fa-audio-description:before {
content: "\F29E"
}
.fa-volume-control-phone:before {
content: "\F2A0"
}
.fa-braille:before {
content: "\F2A1"
}
.fa-assistive-listening-systems:before {
content: "\F2A2"
}
.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
content: "\F2A3"
}
.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
content: "\F2A4"
}
.fa-glide:before {
content: "\F2A5"
}
.fa-glide-g:before {
content: "\F2A6"
}
.fa-sign-language:before,
.fa-signing:before {
content: "\F2A7"
}
.fa-low-vision:before {
content: "\F2A8"
}
.fa-viadeo:before {
content: "\F2A9"
}
.fa-viadeo-square:before {
content: "\F2AA"
}
.fa-snapchat:before {
content: "\F2AB"
}
.fa-snapchat-ghost:before {
content: "\F2AC"
}
.fa-snapchat-square:before {
content: "\F2AD"
}
.fa-pied-piper:before {
content: "\F2AE"
}
.fa-first-order:before {
content: "\F2B0"
}
.fa-yoast:before {
content: "\F2B1"
}
.fa-themeisle:before {
content: "\F2B2"
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\F2B3"
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\F2B4"
}
.fa-handshake-o:before {
content: "\F2B5"
}
.fa-envelope-open:before {
content: "\F2B6"
}
.fa-envelope-open-o:before {
content: "\F2B7"
}
.fa-linode:before {
content: "\F2B8"
}
.fa-address-book:before {
content: "\F2B9"
}
.fa-address-book-o:before {
content: "\F2BA"
}
.fa-address-card:before,
.fa-vcard:before {
content: "\F2BB"
}
.fa-address-card-o:before,
.fa-vcard-o:before {
content: "\F2BC"
}
.fa-user-circle:before {
content: "\F2BD"
}
.fa-user-circle-o:before {
content: "\F2BE"
}
.fa-user-o:before {
content: "\F2C0"
}
.fa-id-badge:before {
content: "\F2C1"
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\F2C2"
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\F2C3"
}
.fa-quora:before {
content: "\F2C4"
}
.fa-free-code-camp:before {
content: "\F2C5"
}
.fa-telegram:before {
content: "\F2C6"
}
.fa-thermometer-4:before,
.fa-thermometer-full:before,
.fa-thermometer:before {
content: "\F2C7"
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\F2C8"
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\F2C9"
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\F2CA"
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\F2CB"
}
.fa-shower:before {
content: "\F2CC"
}
.fa-bath:before,
.fa-bathtub:before,
.fa-s15:before {
content: "\F2CD"
}
.fa-podcast:before {
content: "\F2CE"
}
.fa-window-maximize:before {
content: "\F2D0"
}
.fa-window-minimize:before {
content: "\F2D1"
}
.fa-window-restore:before {
content: "\F2D2"
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\F2D3"
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\F2D4"
}
.fa-bandcamp:before {
content: "\F2D5"
}
.fa-grav:before {
content: "\F2D6"
}
.fa-etsy:before {
content: "\F2D7"
}
.fa-imdb:before {
content: "\F2D8"
}
.fa-ravelry:before {
content: "\F2D9"
}
.fa-eercast:before {
content: "\F2DA"
}
.fa-microchip:before {
content: "\F2DB"
}
.fa-snowflake-o:before {
content: "\F2DC"
}
.fa-superpowers:before {
content: "\F2DD"
}
.fa-wpexplorer:before {
content: "\F2DE"
}
.fa-meetup:before {
content: "\F2E0"
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
.inviteView,
.redeemView {
padding: 10px 0;
min-height: 100vh
}
.inviteView h1.site-block-page-title,
.redeemView h1.site-block-page-title {
margin-top: 0;
padding: 2em 0;
text-transform: uppercase;
color: #fff;
text-align: center
}
@media only screen and (max-width:767px) {
.inviteView h1.site-block-page-title,
.redeemView h1.site-block-page-title {
padding: 1em 0;
font-size: 2em
}
}
@media only screen and (max-width:991px) {
.inviteView .redeemLoading,
.redeemView .redeemLoading {
min-height: 100vh
}
}
@media only screen and (max-width:991px) {
.inviteView,
.redeemView {
min-height: 0;
padding: 0 0 50px
}
}
@media only screen and (max-width:767px) {
.inviteView,
.redeemView {
padding: 0 0 24px
}
}
.inviteView .posa-content,
.redeemView .posa-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 50%;
max-width: 50em;
background: -webkit-gradient(linear, left top, right top, from(#0e0e0e), to(#3d3d3d));
background: -webkit-linear-gradient(left, #0e0e0e, #3d3d3d);
background: -o-linear-gradient(left, #0e0e0e 0, #3d3d3d 100%);
background: linear-gradient(90deg, #0e0e0e 0, #3d3d3d);
padding: 2% 3%;
margin: 2em 0
}
@media only screen and (max-width:991px) {
.inviteView .posa-content,
.redeemView .posa-content {
width: 75%
}
}
@media only screen and (max-width:767px) {
.inviteView .posa-content,
.redeemView .posa-content {
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: .5em 2em
}
}
@media only screen and (max-width:768px) and (orientation:landscape) {
.inviteView .posa-content,
.redeemView .posa-content {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
.inviteView .posa-content .posa-content-block,
.redeemView .posa-content .posa-content-block {
width: 50%;
padding: 0;
color: #fff
}
@media only screen and (max-width:767px) {
.inviteView .posa-content .posa-content-block,
.redeemView .posa-content .posa-content-block {
width: 100%;
text-align: center
}
}
.inviteView .posa-content a,
.redeemView .posa-content a {
text-decoration: underline
}
.inviteView .posa-content img,
.redeemView .posa-content img {
width: 100%;
margin-left: 4em
}
@media only screen and (max-width:767px) {
.inviteView .posa-content img,
.redeemView .posa-content img {
width: 60%;
margin-left: 0;
margin-top: 1em
}
}
body.ar .inviteView,
body.ar .redeemView {
direction: rtl
}
body.ar .inviteView .site-block,
body.ar .redeemView .site-block {
text-align: left;
text-align: initial
}
.inviteView {
padding: 10px 0;
min-height: 100vh
}
.inviteView .load-diamond {
background-color: #000;
outline: 5px solid #000
}
@media only screen and (max-width:991px) {
.inviteView .inviteLoading {
min-height: 100vh
}
}
@media only screen and (max-width:991px) {
.inviteView {
min-height: auto;
padding: 0 0 50px
}
}
@media only screen and (max-width:767px) {
.inviteView {
padding: 0 0 24px
}
}
.epic-code-redemption.posaRedeemView,
.epic-code-redemption.posaSuccessView {
background: #fff
}
.inviteContainer p,
.redeemContainer p {
margin-bottom: 2em
}
.inviteContainer .buttonContainer,
.inviteContainer p.centered,
.redeemContainer .buttonContainer,
.redeemContainer p.centered {
text-align: center
}
@media only screen and (max-width:767px) {
.inviteContainer .buttonContainer .btn,
.redeemContainer .buttonContainer .btn {
width: 100% !important;
margin-bottom: 2em
}
}
.confirmStage {
width: 50%
}
@media only screen and (max-width:991px) {
.confirmStage {
width: 75%
}
}
@media only screen and (max-width:767px) {
.confirmStage {
width: 100%
}
}
.confirmStage hr {
width: 50%;
border-color: #e8e8e8
}
.confirmStage .itemTitle {
font-family: OpenSans, sans-serif;
font-size: 24px;
letter-spacing: 1.2px;
color: #1e1e1e;
font-weight: 700;
text-align: center;
text-transform: uppercase
}
@media only screen and (max-width:767px) {
.confirmStage .itemTitle {
font-size: 14px
}
}
.confirmStage .itemDescription {
margin: .5em 0 0;
font-family: OpenSans, sans-serif;
font-weight: 400;
font-size: 14px;
letter-spacing: .59px;
text-align: center
}
@media only screen and (max-width:767px) {
.confirmStage .itemDescription {
font-size: 12px;
font-weight: 400
}
}
.confirmStage .buttonContainer {
margin-top: 40px
}
.confirmStage .errorData {
text-align: center;
font-family: OpenSans, sans-serif;
font-size: 14px
}
.confirmStage .errorData div {
margin: 0
}
.confirmStage .errorData div.uppercase {
text-transform: uppercase
}
.confirmStage .errorData .errorPrimary {
color: #1e1e1e
}
.confirmStage .errorData .errorSecondary {
font-size: 16px
}
.loginRequired {
width: 50%
}
@media only screen and (max-width:991px) {
.loginRequired {
width: 75%
}
}
@media only screen and (max-width:767px) {
.loginRequired {
width: 100%
}
}
.loginRequired .site-block p {
margin-bottom: 2em
}
.loginRequired .btn {
display: block;
margin: 0 auto
}
.successStage button {
font-size: medium;
padding: 0
}
.successStage .buttonContainer {
margin-top: 50px
}
.successStage .buttonContainer .btn {
margin: 0 1em
}
.successStage .successMac p {
color: #1e1e1e
}
.successStage .successMobile .squareButton {
margin-top: 50px
}
.successStage .alternateDownload {
margin-top: 30px;
text-align: center
}
.successStage .alternateDownload a {
font-size: .8em
}
.inviteStage,
.validateStage {
width: 100%;
}
@media only screen and (max-width:991px) {
.inviteStage,
.validateStage {
width: 75%
}
}
@media only screen and (max-width:767px) {
.inviteStage,
.validateStage {
width: 100%
}
}
.inviteStage input,
.validateStage input {
display: block;
margin: 1em auto 2em;
padding: 1em;
width: 100%;
border: 1px solid #e8e8e8;
background-color: transparent;
font-weight: 700;
font-size: 1em;
text-align: center;
text-transform: uppercase
}
@media only screen and (max-width:767px) {
.inviteStage input,
.validateStage input {
font-size: 16px;
line-height: 16px
}
}
@media only screen and (max-width:767px) {
.inviteStage input p.centered,
.validateStage input p.centered {
text-align: left
}
}
.inviteStage .errorMessage,
.validateStage .errorMessage {
display: block;
margin-bottom: 2em;
text-align: center;
clear: both
}
.error-code {
margin: 0 10px
}
.errorMessage .redeem-redirect-link {
font-size: 1em
}
.ecr-redeemSection {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 5%;
background-repeat: no-repeat;
background-size: cover
}
@media only screen and (max-width:991px) {
.ecr-redeemSection {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width:767px) {
.ecr-redeemSection {
font-size: 14px
}
}
.ecr-redeemSection>div {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1
}
.ecr-redeemSection .ecrrs-left {
overflow: hidden
}
.ecr-redeemSection .ecrrs-left img {
width: 100%
}
.ecr-redeemSection .ecrrs-right {
max-width: 800px;
padding: 3%;
margin-left: 2em
}
.ecr-redeemSection button {
outline: none;
border: none
}
.ecr-redeemSection .ecrrs-loggedIn .input-wrapper {
max-width: 400px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1em;
position: relative
}
.ecr-redeemSection .ecrrs-loggedIn .input-wrapper input {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
margin-right: 1em;
padding: 10px 20px;
border: none
}
.ecr-redeemSection .ecrrs-loggedIn .input-wrapper input.error {
-webkit-box-shadow: 0 0 0 1.5px red;
box-shadow: 0 0 0 1.5px red;
color: red
}
.ecr-redeemSection .ecrrs-loggedIn .input-wrapper input:disabled {
pointer-events: none
}
.ecr-redeemSection .ecrrs-loggedIn .input-wrapper .ecr-dropdown {
margin-right: 1em
}
.ecr-redeemSection .ecrrs-loggedIn .input-wrapper.verified:before {
content: "\2713";
font-size: 2em;
position: absolute;
left: -1em
}
.ecr-redeemSection .ecrrs-loggedIn .input-wrapper.verifying:before {
content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2Utb3BhY2l0eT0iLjUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L3N2Zz4=);
position: absolute;
left: -2.5em;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5)
}
.ecr-redeemSection .ecrrs-loggedIn .input-wrapper.platformInput .ecr-dropdown-list {
z-index: 100
}
.ecr-redeemSection .ecrrs-loggedIn .input-wrapper.psnCountryInput .ecr-dropdown-list {
z-index: 99
}
.ecr-redeemSection .ecrrs-loggedIn .error-msg {
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
color: #fff;
opacity: 0;
margin-top: 1em
}
.ecr-redeemSection .ecrrs-loggedIn .error-msg.opaque {
opacity: 1
}
.ecr-redeemSection .ecrrs-loggedIn .redeem-next>span {
margin-left: 1em
}
.ecr-redeemSection .ecrrs-loggedIn .confirm-next-section {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:767px) {
.ecr-redeemSection .ecrrs-loggedIn .confirm-next-section {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.ecr-redeemSection .ecrrs-loggedIn .confirm-next-section button {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.ecr-faqSection {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 5%;
position: relative
}
.ecr-faqSection>div {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1
}
.ecr-faqSection .ecrfs-left {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
@media only screen and (max-width:991px) {
.ecr-faqSection .ecrfs-left {
z-index: 1
}
}
.ecr-faqSection .ecrfs-right img {
width: 100%
}
@media only screen and (max-width:991px) {
.ecr-faqSection .ecrfs-right {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: .2
}
}
.ecr-faqItem {
border-top: 1px solid rgba(0, 42, 68, .18039)
}
.ecr-faqItem .ecr-faqItem-question {
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.ecr-faqItem .ecr-faqItem-question h3 {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1
}
.ecr-faqItem .ecr-faqItem-question .expand-icon {
min-width: 4em;
text-align: center;
font-weight: bolder
}
.ecr-faqItem .ecr-faqItem-question .expand-icon:after {
content: "+";
font-weight: bolder;
font-size: 2em
}
.ecr-faqItem .ecr-faqItem-answer {
overflow: hidden;
-webkit-transition: max-height .2s linear;
-o-transition: max-height .2s linear;
transition: max-height .2s linear;
max-width: calc(100% - 6em)
}
.ecr-faqItem.expand {
margin-bottom: 1.5em
}
.ecr-faqItem.expand .ecr-faqItem-question .expand-icon:after {
content: "-"
}
.ecr-ctaSection {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 5%;
position: relative
}
.ecr-ctaSection .bg-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
.ecr-ctaSection>div {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
z-index: 1
}
.ecr-ctaSection .ecrcs-left {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center
}
.ecr-ctaSection .ecrcs-left img {
width: 100%
}
.ecr-ctaSection .ecrcs-right {
max-width: 800px;
padding: 3%
}
.ecr-ctaSection .ecrcs-right button {
outline: none;
border: none
}
.ecr-tooltip {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
display: inline-block;
max-width: 90vw;
font-size: 12px
}
.ecr-tooltip .ecr-tooltip-wrapper {
position: absolute;
bottom: calc(100% - 1em)
}
.ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup {
padding: 15px;
position: relative;
display: none;
background: #fff;
visibility: hidden;
left: -90%;
margin-bottom: 15px;
opacity: 0;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
max-width: 90vw
}
@media only screen and (max-width:767px) {
.ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-width: 300px
}
}
.ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup:after {
content: "";
position: absolute;
top: 100%;
left: calc(90% + 6px);
border: 6px solid transparent;
border-top-color: #fff
}
.ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup img {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
max-width: 250px;
margin-top: -15px
}
.ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup .ecr-tooltip-tip {
padding: 3%;
min-width: 300px;
font-size: 12px
}
@media only screen and (max-width:767px) {
.ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup .ecr-tooltip-tip {
min-width: unset
}
}
.ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-icon {
cursor: pointer;
border-radius: 50%;
width: 2em;
height: 2em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #000;
font-weight: 1000
}
.ecr-tooltip .ecr-tooltip-wrapper:hover .ecr-tooltip-popup {
visibility: visible;
opacity: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.ecr-tooltip .ecr-tooltip-wrapper:hover .ecr-tooltip-icon {
color: #fff;
background: #000
}
.ecr-dropdown {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
position: relative
}
.ecr-dropdown .ecr-dropdown-row {
background: #fff;
cursor: pointer;
padding: 1.7% 5%
}
.ecr-dropdown .ecr-dropdown-row.disabled {
cursor: not-allowed;
opacity: .65
}
.ecr-dropdown .ecr-dropdown-row.disabled:hover {
background: unset !important
}
.ecr-dropdown .ecr-dropdown-menu {
position: relative
}
.ecr-dropdown .ecr-dropdown-menu:after {
content: "\22C1";
position: absolute;
right: 4%
}
.ecr-dropdown .ecr-dropdown-list {
padding-bottom: 1vw;
max-height: 80vh;
overflow: auto;
background: #fff;
position: absolute;
top: 100%;
left: 0;
right: 0;
display: none
}
.ecr-dropdown .ecr-dropdown-list .ecr-dropdown-row:hover {
background: rgba(33, 179, 246, .23922)
}
.ecr-dropdown.open .ecr-dropdown-list,
.ecr-dropdown.open .ecr-dropdown-menu {
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .33);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .33)
}
.ecr-dropdown.open .ecr-dropdown-list {
display: block
}
span.nobreak {
white-space: nowrap
}
.ecr-posa-confirm-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
background: rgba(0, 0, 0, .9);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff
}
@media only screen and (max-width:767px) {
.ecr-posa-confirm-overlay {
font-size: 14px
}
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper {
max-width: 60vw;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper h1 span.yellow {
color: #ff0
}
@media only screen and (max-width:991px) {
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper {
max-width: 100%
}
}
@media only screen and (max-height:600px) {
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper {
height: 100%
}
}
@media only screen and (max-width:767px) {
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper {
padding-top: 5%
}
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper .ecrp-confirm-close {
position: absolute;
right: 0;
top: 0;
font-size: 2em;
cursor: pointer
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper .ecrp-confirm-close:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
@media only screen and (max-width:767px) {
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper .ecrp-confirm-close {
top: 3%;
right: 3%
}
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper .ecrp-confirm-content {
padding: 3% 5%;
text-align: center
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper .ecrp-confirm-content .ecrp-confirm-detail .ecrp-confirm-detail-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: left;
text-align: initial;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 3% 0;
border-bottom: 1px solid grey;
font-size: 1.2em
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper .ecrp-confirm-content .ecrp-confirm-detail .ecrp-confirm-detail-row:first-child {
border-top: 1px solid grey
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper .ecrp-confirm-content .ecrp-confirm-detail .ecrp-confirm-detail-row .ecrp-confirm-detail-row-name {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
text-align: left
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper .ecrp-confirm-content .ecrp-confirm-detail .ecrp-confirm-detail-row .ecrp-confirm-detail-row-value {
text-align: right
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper .ecrp-confirm-content .ecrp-confirm-action {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper .ecrp-confirm-content .ecrp-confirm-action button {
color: #000
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper .ecrp-confirm-content .ecrp-confirm-action .ecrp-confirm-reset {
background: transparent;
margin-left: 2em;
color: #fff
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper .ecrp-confirm-content .confirm-error-msg {
margin-top: 15px
}
.ecr-posa-confirm-overlay .ecrp-confirm-wrapper .ecrp-confirm-content .confirm-error-msg.opaque {
opacity: 1
}
.ecr-success-header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 5%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed
}
.ecr-success-header .ecr-success-header-wrapper {
text-align: center
}
.ecr-success-header .ecr-success-header-wrapper .right-part h1 {
font-size: 2.5vw
}
.ecr-success-header .ecr-success-header-wrapper .right-part h3 {
font-size: 1.5vw
}
.ecr-success-header .ecr-success-header-wrapper .right-part h4 {
margin-top: 0
}
@media only screen and (max-width:991px) {
.ecr-success-header .ecr-success-header-wrapper .right-part h1 {
font-size: 5vw
}
.ecr-success-header .ecr-success-header-wrapper .right-part h3 {
font-size: 3vw
}
.ecr-success-header .ecr-success-header-wrapper .right-part div.centered {
text-align: center
}
}
.ecr-success-header .ecr-success-header-wrapper ul {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.ecr-success-header .ecr-success-header-wrapper li,
.ecr-success-header .ecr-success-header-wrapper ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding-left: 0
}
.ecr-success-header .ecr-success-header-wrapper li:first-child h4 {
margin-top: -4px
}
.ecr-success-header .ecr-success-header-wrapper li {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: self-start;
-ms-flex-align: self-start;
align-items: self-start;
-webkit-justify-content: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
min-height: 3vw;
margin-bottom: 1vw
}
.ecr-success-header .ecr-success-header-wrapper li .circle {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-radius: 50%;
border: 1.5px solid #fff;
height: 2vw;
width: 2vw;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 700;
color: #fff;
min-width: 2vw;
min-height: 2vw;
margin-right: 1vw
}
@media only screen and (max-width:1399px) {
.ecr-success-header .ecr-success-header-wrapper li .circle {
min-width: 40px;
min-height: 40px
}
}
.ecr-success-header .ecr-success-header-wrapper li.center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1vw
}
.ecr-success-header .ecr-success-header-wrapper .ecrs-button {
font-size: 1em;
outline: none;
border: none;
width: 250px;
display: inline-block;
padding: .4vw;
color: #000;
background: #ff0;
text-align: center
}
@media only screen and (max-width:767px) {
.ecr-success-header .ecr-success-header-wrapper .ecrs-button {
max-width: 200px
}
}
@media only screen and (max-width:991px) {
.ecr-success-header .ecr-success-header-wrapper .ecrs-button {
padding: 1.5vw 1vw 1vw
}
}
.ecr-success-header .ecr-success-header-wrapper .ecrs-copiedText {
opacity: 0;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
background: #fff;
padding: .5em 1em;
font-size: .8em;
margin-top: .2vw
}
.ecr-success-header .ecr-success-header-wrapper .ecrs-copiedText.copied {
opacity: 1;
margin-left: 1em
}
.posaSuccessView.psn .ecr-success-header li {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
min-height: unset
}
.posaSuccessView.psn .ecr-success-header .right-part li {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.posaSuccessView.psn .ecr-success-header .right-part li h4 {
margin-bottom: 0
}
@media only screen and (max-width:991px) {
body[data-ios=true] .ecr-success-header .ecr-success-header-wrapper .right-part h1,
body[data-iphone=true] .ecr-success-header .ecr-success-header-wrapper .right-part h1 {
font-size: 4.5vw
}
}
.ecr-steps-slider {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 5%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed
}
.ecr-steps-slider .ecr-slider-wrapper {
text-align: center;
max-width: 1000px
}
.ecr-steps-slider .ecr-slider-wrapper li {
list-style: none
}
.ecr-steps-slider .ecr-slider-wrapper img {
width: 100%
}
.ecr-rich-text {
padding: 5%
}
.overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
background: rgba(0, 0, 0, .7);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff
}
@media only screen and (max-width:767px) {
.overlay {
font-size: 14px
}
}
.overlay .overlay-wrapper {
max-width: 800px;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-height:600px) {
.overlay .overlay-wrapper {
height: 100%
}
}
@media only screen and (max-width:767px) {
.overlay .overlay-wrapper {
padding-top: 2.5%
}
}
.overlay .overlay-wrapper .overlay-close {
position: absolute;
right: .5em;
top: 0;
font-size: 2em;
text-transform: lowercase;
cursor: pointer;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: color .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: color .3s ease-in-out, -webkit-transform .3s ease-in-out;
-o-transition: color .3s ease-in-out, transform .3s ease-in-out;
transition: color .3s ease-in-out, transform .3s ease-in-out;
transition: color .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 1000;
-webkit-font-smoothing: antialiased
}
.overlay .overlay-wrapper .overlay-close:before {
content: "x"
}
.overlay .overlay-wrapper .overlay-close:hover {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15)
}
@media only screen and (max-width:767px) {
.overlay .overlay-wrapper .overlay-close {
top: 3%;
right: 3%
}
}
.overlay .overlay-wrapper .overlay-content-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.overlay .overlay-wrapper .overlay-content-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media only screen and (max-width:768px) and (orientation:landscape) {
.overlay .overlay-wrapper .overlay-content-wrapper {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
.overlay .overlay-wrapper .overlay-content {
text-align: center;
background: -webkit-gradient(linear, left top, right top, from(#0e0e0e), to(#3d3d3d));
background: -webkit-linear-gradient(left, #0e0e0e, #3d3d3d);
background: -o-linear-gradient(left, #0e0e0e 0, #3d3d3d 100%);
background: linear-gradient(90deg, #0e0e0e 0, #3d3d3d);
padding: 5% 2%
}
.overlay .overlay-wrapper .overlay-content .overlay-content-block {
width: 50%;
padding: 1em;
display: inline-block;
text-align: left;
vertical-align: top
}
@media only screen and (max-width:767px) {
.overlay .overlay-wrapper .overlay-content .overlay-content-block {
width: 100%;
text-align: center
}
}
.overlay .overlay-wrapper .overlay-content h1 {
line-height: 1
}
.overlay .overlay-wrapper .overlay-content img {
width: 100%;
display: block
}
.overlay .overlay-wrapper .overlay-content .buttons-container button+button {
margin: 0 1em
}
@media only screen and (max-width:767px) {
.overlay .overlay-wrapper .overlay-content .buttons-container button+button {
margin: .5em 0
}
}
.blog-view-container .blog-view .top-featured-activity .feature-banner .container-image .feature-image {
overflow: hidden;
background-image: url(919434a9541d3bff645e128a174c3d11.html)
}
.blog-view-container .blog-view .top-featured-activity .feature-banner .container-image .feature-image:after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.blog-view-container .blog-view .top-featured-activity .feature-banner .container-image .feature-image:before {
background-color: rgba(29, 184, 243, .9);
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
background-size: cover;
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-view-container .blog-view .top-featured-activity .feature-banner .feature-headline h2 {
font-family: BurbankBigCondensed-Black, sans-serif;
font-weight: 400;
font-size: 5em
}
@media only screen and (max-width:991px) {
.blog-view-container .blog-view .top-featured-activity .feature-banner .feature-headline h2 {
font-size: 2em
}
}
.blog-view-container .blog-view .top-featured-activity .feature-banner .feature-headline .feature-date p {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1.5em;
color: #fff;
line-height: 1;
margin: 0
}
@media only screen and (max-width:991px) {
.blog-view-container .blog-view .top-featured-activity .feature-banner .feature-headline .feature-date p {
font-family: OpenSans, sans-serif;
font-weight: 700;
margin: 0 0 .5em;
font-size: 1em;
text-transform: uppercase;
color: #1db8f3
}
}
@media only screen and (min-width:992px) {
.blog-view-container .blog-view .top-featured-activity .feature-banner:hover .container-image .feature-image:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@media only screen and (min-width:992px) and (min-width:992px) {
.blog-view-container .blog-view .top-featured-activity .feature-banner:hover .container-image .feature-image:after {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
}
.blog-view-container .blog-view .category-filter.listCat {
margin-top: 3em
}
.blog-view-container .blog-view .category-filter.listCat .filter-container .filter-list .filter-content ul {
margin-bottom: 1em
}
.blog-view-container .blog-view .category-filter.listCat .filter-container .filter-list .filter-content ul li {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1.4em;
text-transform: capitalize
}
.blog-view-container .blog-view .category-filter.overlayCat .filter-container .toggleButton {
background-color: #1db8f3
}
.blog-view-container .blog-view .category-filter.overlayCat .filter-container .toggleButton .count span {
color: #000;
font-weight: 700
}
.blog-view-container .blog-view .category-filter.overlayCat .filter-container .toggleButton .count:before {
background-color: #ff0
}
.blog-view-container .blog-view .category-filter.overlayCat .filter-container .toggleButton:hover {
background-color: #0b9bd2
}
.blog-view-container .blog-view .category-filter.overlayCat .filter-container .toggleButton:hover i {
color: #fff
}
@media screen and (max-width:1675px) {
.blog-view-container .blog-view .category-filter.overlayCat .filter-container .toggleButton {
background-color: #0b9bd2
}
.blog-view-container .blog-view .category-filter.overlayCat .filter-container .toggleButton:hover {
background-color: #0a89ba
}
}
.blog-view-container .blog-view .category-filter.overlayCat .filter-list .bkgrd {
background: rgba(29, 184, 243, .95)
}
.blog-view-container .blog-view .category-filter.overlayCat .filter-list .filter-content .closeButton .epic-blog-icon-close:before {
font-family: icomoon;
content: "\E913"
}
.blog-view-container .blog-view .category-filter.overlayCat .filter-list .filter-content .closeButton:hover i {
color: #ff0
}
.blog-view-container .blog-view .category-filter.overlayCat .filter-list .filter-content h3 {
font-size: 2.5em;
margin: 1em 0
}
.blog-view-container .blog-view .category-filter.overlayCat .filter-list .filter-content ul li {
font-family: BurbankSmall-Black, sans-serif;
text-transform: capitalize;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
@media only screen and (max-width:991px) {
.blog-view-container .blog-view .category-filter.overlayCat .filter-list .filter-content ul li {
font-size: 1.1em
}
}
.blog-view-container .blog-view .category-filter.overlayCat .filter-list .filter-content ul li.active,
.blog-view-container .blog-view .category-filter.overlayCat .filter-list .filter-content ul li:hover {
color: #000;
-webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
background: #ff0;
border-color: #ff0
}
@media only screen and (max-width:991px) {
.blog-view-container .blog-view .category-filter.overlayCat .filter-list .filter-content ul li.active,
.blog-view-container .blog-view .category-filter.overlayCat .filter-list .filter-content ul li:hover {
-webkit-clip-path: none;
clip-path: none
}
}
.blog-view-container .blog-view .grid-item .background-image {
background-image: url(919434a9541d3bff645e128a174c3d11.jpg)
}
.blog-view-container .blog-view .grid-item .grid-content .title {
font-family: BurbankBigRegular-Black, sans-serif;
font-weight: 400;
font-size: 1.8em
}
.blog-view-container .blog-view .grid-item .grid-content .date {
font-size: 1em;
color: #1db8f3;
line-height: 1;
margin: 0 0 .5em
}
@media only screen and (min-width:1200px) {
.blog-view-container .blog-view .gridItem-large .grid-item .background-image:after,
.blog-view-container .blog-view .gridItem-medium .grid-item .background-image:after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.blog-view-container .blog-view .gridItem-large .grid-item .background-image:before,
.blog-view-container .blog-view .gridItem-medium .grid-item .background-image:before {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-view-container .blog-view .gridItem-large .grid-item .grid-content .title,
.blog-view-container .blog-view .gridItem-medium .grid-item .grid-content .title {
font-size: 2.8em
}
.blog-view-container .blog-view .gridItem-large .grid-item .grid-content .date,
.blog-view-container .blog-view .gridItem-medium .grid-item .grid-content .date {
color: #fff
}
.blog-view-container .blog-view .gridItem-large:hover .grid-item .background-image:before,
.blog-view-container .blog-view .gridItem-medium:hover .grid-item .background-image:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@media only screen and (min-width:1200px) and (min-width:992px) {
.blog-view-container .blog-view .gridItem-large:hover .grid-item .background-image:after,
.blog-view-container .blog-view .gridItem-medium:hover .grid-item .background-image:after {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.blog-view-container .blog-view .gridItem-large .grid-item .grid-content,
.blog-view-container .blog-view .gridItem-medium .grid-item .grid-content {
overflow: hidden
}
.blog-view-container .blog-view .gridItem-large:hover .grid-content:after,
.blog-view-container .blog-view .gridItem-medium:hover .grid-content:after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.blog-view-container .blog-view .gridItem-small .grid-item .grid-content:after {
background-color: #1db8f3
}
@media only screen and (min-width:1200px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .grid-content:after {
background-color: #1db8f3
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .background-image {
overflow: hidden
}
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .background-image:after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .background-image:before {
-webkit-transform: scale3d(2, 2, 2);
transform: scale3d(2, 2, 2);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-view-container .blog-view .gridItem-thirdPos:hover .grid-item .background-image:before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@media only screen and (min-width:992px) and (max-width:1199px) and (min-width:992px) {
.blog-view-container .blog-view .gridItem-thirdPos:hover .grid-item .background-image:after {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
}
.article-view {
min-height: 80vh;
background-color: #fff
}
.article-view .blog-header-info hr {
border-color: #b7b7b7 !important
}
.article-view .blog-header-info .blog-header-title {
margin-top: .2em !important
}
.article-view .textile-preview ul {
margin-left: 1.5em
}
.article-view .textile-preview ul li {
list-style: disc
}
.article-view .textile-preview.selected.selected {
border: 1px solid #1db8f3
}
.article-view .cmsContainer h1 {
font-family: BurbankBigCondensed-Black, sans-serif !important
}
.article-view .cmsContainer h3,
.article-view .cmsContainer h4,
.article-view .cmsContainer h5,
.article-view .cmsContainer h6 {
font-family: OpenSans, sans-serif !important
}
.article-view .cmsContainer .blog-header-info {
font-family: OpenSans, sans-serif
}
.article-view .cmsContainer .cms ul {
font-size: 15px
}
.article-view .cmsContainer .cms a {
font-size: 1em;
font-weight: 500;
color: #1db8f3 !important
}
.article-view .cmsContainer .cms a:active,
.article-view .cmsContainer .cms a:focus,
.article-view .cmsContainer .cms a:hover {
color: #0b9bd2 !important
}
.blog-wrapper .blog-load-indicator .loading-icon,
.ReactModalPortal .blog-load-indicator .loading-icon {
background: url(ef532e79e05e2d24a0f6332068f3a61b.gif) 50% no-repeat;
height: 3em
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more {
border: 0;
border-radius: 0;
line-height: 2;
z-index: 1;
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1em;
text-transform: uppercase;
-webkit-transform: translateZ(0);
transform: translateZ(0);
letter-spacing: 0;
position: relative;
font-size: 1.75em;
padding: 0 2em;
color: #000;
margin-top: .5em;
background: transparent !important;
border: 4px solid #000 !important;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-xs,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-xs {
height: 3em;
line-height: 2.25em;
padding: .4em 1em
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-block,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-block {
display: block
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-inline,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-inline {
display: inline-block
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-info,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-info {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1.25em;
color: #000;
background-color: #fff;
border: none;
text-decoration: none;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease;
-webkit-clip-path: polygon(0 0, 100% 10%, 98% 90%, 2% 100%);
clip-path: polygon(0 0, 100% 10%, 98% 90%, 2% 100%);
padding: .75em
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-border,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-border {
background-image: url('data:image/svg+xml;charset=utf-8,');
background-repeat: no-repeat;
background-size: contain;
background-color: transparent;
background-position: 50%;
font-size: 1.875em;
color: #fff;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-border span,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-border span {
color: #fff;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-border:hover,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-border:hover {
background-image: url('data:image/svg+xml;charset=utf-8,')
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-border:hover span,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-border:hover span {
color: #ff0
}
@media only screen and (max-width:767px) {
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-border,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-border {
padding: .25em 1em
}
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-default,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-default {
font-size: 1.5em;
color: #fff;
background-color: #2c82c5;
border: none;
padding: 0 1.5em;
text-decoration: none;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-default:hover,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-default:hover {
background-color: #3be1ff;
text-decoration: none
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-display,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-display {
position: relative;
font-size: 1.5em;
padding: 0 1.5em;
color: #000;
margin-top: .5em;
background: transparent
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-display span,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-display span {
position: relative;
z-index: 1
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-display:after,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-display:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2em;
background-color: #ff0;
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
-webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, .5);
box-shadow: 0 4px 12px -4px rgba(0, 0, 0, .5);
-webkit-animation: jelly 6s ease-in-out infinite;
animation: jelly 6s ease-in-out infinite;
-webkit-transform-origin: 50% 50% 20px;
-ms-transform-origin: 50% 50% 20px;
transform-origin: 50% 50% 20px
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-display:hover:after,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-display:hover:after {
background-color: #e6e600
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-display.no-animate:after,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-display.no-animate:after {
-webkit-animation: none;
animation: none;
-webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%)
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-primary,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-primary {
font-size: 1.5em;
color: #000;
background-color: #ff0;
border: none;
padding: 0 1.5em;
text-decoration: none;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-primary:hover,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-primary:hover {
background-color: #e6e600
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-hover-transform,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-hover-transform {
-webkit-clip-path: polygon(2% 0, 98% 0, 98% 100%, 2% 100%);
clip-path: polygon(2% 0, 98% 0, 98% 100%, 2% 100%);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-hover-transform>span,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-hover-transform>span {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: inline-block
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-hover-transform:hover,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-hover-transform:hover {
-webkit-clip-path: polygon(4% 0, 100% 0, 98% 100%, 2% 100%);
clip-path: polygon(4% 0, 100% 0, 98% 100%, 2% 100%)
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-hover-transform:hover>span,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-hover-transform:hover>span {
-webkit-transform: translateX(2%);
-ms-transform: translateX(2%);
transform: translateX(2%)
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.btn-fixed-width,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.btn-fixed-width {
min-width: 260px
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.disabled,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.disabled {
background-color: #ccc;
color: grey;
border-color: #ccc
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more.disabled:hover,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more.disabled:hover {
color: grey !important
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more span,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more span {
position: relative;
z-index: 1
}
.blog-wrapper .blog-container .comment-rating-box .pagination .comment-load-more:hover,
.ReactModalPortal .blog-container .comment-rating-box .pagination .comment-load-more:hover {
background: #000 !important;
color: #fff;
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg)
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .sso-sign-in .not-login span,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .sso-sign-in .not-login span {
font-weight: 500;
color: #fff !important
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login {
border: 0;
border-radius: 0;
line-height: 2;
z-index: 1;
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1em;
text-transform: uppercase;
-webkit-transform: translateZ(0);
transform: translateZ(0);
letter-spacing: 0;
position: relative;
font-size: 1.75em;
padding: 0 2em;
color: #000;
margin-top: .5em;
background: transparent !important;
border: 4px solid #000 !important;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-xs,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-xs {
height: 3em;
line-height: 2.25em;
padding: .4em 1em
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-block,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-block {
display: block
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-inline,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-inline {
display: inline-block
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-info,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-info {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1.25em;
color: #000;
background-color: #fff;
border: none;
text-decoration: none;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease;
-webkit-clip-path: polygon(0 0, 100% 10%, 98% 90%, 2% 100%);
clip-path: polygon(0 0, 100% 10%, 98% 90%, 2% 100%);
padding: .75em
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-border,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-border {
background-image: url('data:image/svg+xml;charset=utf-8,');
background-repeat: no-repeat;
background-size: contain;
background-color: transparent;
background-position: 50%;
font-size: 1.875em;
color: #fff;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-border span,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-border span {
color: #fff;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-border:hover,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-border:hover {
background-image: url('data:image/svg+xml;charset=utf-8,')
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-border:hover span,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-border:hover span {
color: #ff0
}
@media only screen and (max-width:767px) {
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-border,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-border {
padding: .25em 1em
}
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-default,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-default {
font-size: 1.5em;
color: #fff;
background-color: #2c82c5;
border: none;
padding: 0 1.5em;
text-decoration: none;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-default:hover,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-default:hover {
background-color: #3be1ff;
text-decoration: none
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-display,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-display {
position: relative;
font-size: 1.5em;
padding: 0 1.5em;
color: #000;
margin-top: .5em;
background: transparent
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-display span,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-display span {
position: relative;
z-index: 1
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-display:after,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-display:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2em;
background-color: #ff0;
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
-webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, .5);
box-shadow: 0 4px 12px -4px rgba(0, 0, 0, .5);
-webkit-animation: jelly 6s ease-in-out infinite;
animation: jelly 6s ease-in-out infinite;
-webkit-transform-origin: 50% 50% 20px;
-ms-transform-origin: 50% 50% 20px;
transform-origin: 50% 50% 20px
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-display:hover:after,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-display:hover:after {
background-color: #e6e600
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-display.no-animate:after,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-display.no-animate:after {
-webkit-animation: none;
animation: none;
-webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%)
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-primary,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-primary {
font-size: 1.5em;
color: #000;
background-color: #ff0;
border: none;
padding: 0 1.5em;
text-decoration: none;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-primary:hover,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-primary:hover {
background-color: #e6e600
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-hover-transform,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-hover-transform {
-webkit-clip-path: polygon(2% 0, 98% 0, 98% 100%, 2% 100%);
clip-path: polygon(2% 0, 98% 0, 98% 100%, 2% 100%);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-hover-transform>span,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-hover-transform>span {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: inline-block
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-hover-transform:hover,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-hover-transform:hover {
-webkit-clip-path: polygon(4% 0, 100% 0, 98% 100%, 2% 100%);
clip-path: polygon(4% 0, 100% 0, 98% 100%, 2% 100%)
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-hover-transform:hover>span,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-hover-transform:hover>span {
-webkit-transform: translateX(2%);
-ms-transform: translateX(2%);
transform: translateX(2%)
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.btn-fixed-width,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.btn-fixed-width {
min-width: 260px
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.disabled,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.disabled {
background-color: #ccc;
color: grey;
border-color: #ccc
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login.disabled:hover,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login.disabled:hover {
color: grey !important
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login span,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login span {
position: relative;
z-index: 1
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login:hover,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login:hover {
background: #000 !important;
color: #fff;
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg)
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login .sso-sign-in,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login .sso-sign-in {
font-weight: 500
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login .sso-sign-in span,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login .sso-sign-in span {
color: #fff !important
}
.blog-wrapper .blog-container .comment-rating-box .text-area-box .textile-preview.selected,
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .textile-preview.selected {
border: 1px solid #1db8f3 !important
}
.blog-wrapper .blog-container table tr:first-child:first-child,
.ReactModalPortal .blog-container table tr:first-child:first-child {
background-color: #1db8f3;
color: #fff
}
.blog-wrapper .comment-edit-box .loading-svg,
.blog-wrapper .comment-rating-box .loading-svg,
.ReactModalPortal .comment-edit-box .loading-svg,
.ReactModalPortal .comment-rating-box .loading-svg {
background: url(ef532e79e05e2d24a0f6332068f3a61b.gif) 50% no-repeat;
background-size: 3em;
height: 5em
}
.blog-wrapper .comment-edit-box .textile-container .textile-head li,
.blog-wrapper .comment-rating-box .textile-container .textile-head li,
.ReactModalPortal .comment-edit-box .textile-container .textile-head li,
.ReactModalPortal .comment-rating-box .textile-container .textile-head li {
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding: .2em 1.2em;
border-radius: 0;
border: 1px solid #1db8f3
}
.blog-wrapper .comment-edit-box .textile-container .textile-head li.selected,
.blog-wrapper .comment-rating-box .textile-container .textile-head li.selected,
.ReactModalPortal .comment-edit-box .textile-container .textile-head li.selected,
.ReactModalPortal .comment-rating-box .textile-container .textile-head li.selected {
background-color: #1db8f3;
border-color: #1db8f3;
color: #fff
}
.blog-wrapper .comment-edit-box textarea,
.blog-wrapper .comment-rating-box textarea,
.ReactModalPortal .comment-edit-box textarea,
.ReactModalPortal .comment-rating-box textarea {
border: 1px solid #1db8f3 !important
}
.blog-wrapper .accent-color,
.ReactModalPortal .accent-color {
color: #ff0 !important
}
.blog-wrapper .accent-hover-color:hover,
.ReactModalPortal .accent-hover-color:hover {
color: #1db8f3 !important
}
.blog-wrapper .btn,
.blog-wrapper .btn-primary,
.ReactModalPortal .btn,
.ReactModalPortal .btn-primary {
border: 0;
border-radius: 0;
line-height: 2;
z-index: 1;
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1em;
text-transform: uppercase;
-webkit-transform: translateZ(0);
transform: translateZ(0);
letter-spacing: 0;
position: relative;
font-size: 1.75em;
padding: 0 2em;
color: #000;
margin-top: .5em;
background: transparent !important;
border: 4px solid #000 !important;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-wrapper .btn-primary.btn-xs,
.blog-wrapper .btn.btn-xs,
.ReactModalPortal .btn-primary.btn-xs,
.ReactModalPortal .btn.btn-xs {
height: 3em;
line-height: 2.25em;
padding: .4em 1em
}
.blog-wrapper .btn-primary.btn-block,
.blog-wrapper .btn.btn-block,
.ReactModalPortal .btn-primary.btn-block,
.ReactModalPortal .btn.btn-block {
display: block
}
.blog-wrapper .btn-primary.btn-inline,
.blog-wrapper .btn.btn-inline,
.ReactModalPortal .btn-primary.btn-inline,
.ReactModalPortal .btn.btn-inline {
display: inline-block
}
.blog-wrapper .btn-primary.btn-info,
.blog-wrapper .btn.btn-info,
.ReactModalPortal .btn-primary.btn-info,
.ReactModalPortal .btn.btn-info {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1.25em;
color: #000;
background-color: #fff;
border: none;
text-decoration: none;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease;
-webkit-clip-path: polygon(0 0, 100% 10%, 98% 90%, 2% 100%);
clip-path: polygon(0 0, 100% 10%, 98% 90%, 2% 100%);
padding: .75em
}
.blog-wrapper .btn-primary.btn-border,
.blog-wrapper .btn.btn-border,
.ReactModalPortal .btn-primary.btn-border,
.ReactModalPortal .btn.btn-border {
background-image: url('data:image/svg+xml;charset=utf-8,');
background-repeat: no-repeat;
background-size: contain;
background-color: transparent;
background-position: 50%;
font-size: 1.875em;
color: #fff;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-wrapper .btn-primary.btn-border span,
.blog-wrapper .btn.btn-border span,
.ReactModalPortal .btn-primary.btn-border span,
.ReactModalPortal .btn.btn-border span {
color: #fff;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-wrapper .btn-primary.btn-border:hover,
.blog-wrapper .btn.btn-border:hover,
.ReactModalPortal .btn-primary.btn-border:hover,
.ReactModalPortal .btn.btn-border:hover {
background-image: url('data:image/svg+xml;charset=utf-8,')
}
.blog-wrapper .btn-primary.btn-border:hover span,
.blog-wrapper .btn.btn-border:hover span,
.ReactModalPortal .btn-primary.btn-border:hover span,
.ReactModalPortal .btn.btn-border:hover span {
color: #ff0
}
@media only screen and (max-width:767px) {
.blog-wrapper .btn-primary.btn-border,
.blog-wrapper .btn.btn-border,
.ReactModalPortal .btn-primary.btn-border,
.ReactModalPortal .btn.btn-border {
padding: .25em 1em
}
}
.blog-wrapper .btn-primary.btn-default,
.blog-wrapper .btn.btn-default,
.ReactModalPortal .btn-primary.btn-default,
.ReactModalPortal .btn.btn-default {
font-size: 1.5em;
color: #fff;
background-color: #2c82c5;
border: none;
padding: 0 1.5em;
text-decoration: none;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease
}
.blog-wrapper .btn-primary.btn-default:hover,
.blog-wrapper .btn.btn-default:hover,
.ReactModalPortal .btn-primary.btn-default:hover,
.ReactModalPortal .btn.btn-default:hover {
background-color: #3be1ff;
text-decoration: none
}
.blog-wrapper .btn-primary.btn-display,
.blog-wrapper .btn.btn-display,
.ReactModalPortal .btn-primary.btn-display,
.ReactModalPortal .btn.btn-display {
position: relative;
font-size: 1.5em;
padding: 0 1.5em;
color: #000;
margin-top: .5em;
background: transparent
}
.blog-wrapper .btn-primary.btn-display span,
.blog-wrapper .btn.btn-display span,
.ReactModalPortal .btn-primary.btn-display span,
.ReactModalPortal .btn.btn-display span {
position: relative;
z-index: 1
}
.blog-wrapper .btn-primary.btn-display:after,
.blog-wrapper .btn.btn-display:after,
.ReactModalPortal .btn-primary.btn-display:after,
.ReactModalPortal .btn.btn-display:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2em;
background-color: #ff0;
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
-webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, .5);
box-shadow: 0 4px 12px -4px rgba(0, 0, 0, .5);
-webkit-animation: jelly 6s ease-in-out infinite;
animation: jelly 6s ease-in-out infinite;
-webkit-transform-origin: 50% 50% 20px;
-ms-transform-origin: 50% 50% 20px;
transform-origin: 50% 50% 20px
}
.blog-wrapper .btn-primary.btn-display:hover:after,
.blog-wrapper .btn.btn-display:hover:after,
.ReactModalPortal .btn-primary.btn-display:hover:after,
.ReactModalPortal .btn.btn-display:hover:after {
background-color: #e6e600
}
.blog-wrapper .btn-primary.btn-display.no-animate:after,
.blog-wrapper .btn.btn-display.no-animate:after,
.ReactModalPortal .btn-primary.btn-display.no-animate:after,
.ReactModalPortal .btn.btn-display.no-animate:after {
-webkit-animation: none;
animation: none;
-webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%)
}
.blog-wrapper .btn-primary.btn-primary,
.blog-wrapper .btn.btn-primary,
.ReactModalPortal .btn-primary.btn-primary,
.ReactModalPortal .btn.btn-primary {
font-size: 1.5em;
color: #000;
background-color: #ff0;
border: none;
padding: 0 1.5em;
text-decoration: none;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease
}
.blog-wrapper .btn-primary.btn-primary:hover,
.blog-wrapper .btn.btn-primary:hover,
.ReactModalPortal .btn-primary.btn-primary:hover,
.ReactModalPortal .btn.btn-primary:hover {
background-color: #e6e600
}
.blog-wrapper .btn-primary.btn-hover-transform,
.blog-wrapper .btn.btn-hover-transform,
.ReactModalPortal .btn-primary.btn-hover-transform,
.ReactModalPortal .btn.btn-hover-transform {
-webkit-clip-path: polygon(2% 0, 98% 0, 98% 100%, 2% 100%);
clip-path: polygon(2% 0, 98% 0, 98% 100%, 2% 100%);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.blog-wrapper .btn-primary.btn-hover-transform>span,
.blog-wrapper .btn.btn-hover-transform>span,
.ReactModalPortal .btn-primary.btn-hover-transform>span,
.ReactModalPortal .btn.btn-hover-transform>span {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: inline-block
}
.blog-wrapper .btn-primary.btn-hover-transform:hover,
.blog-wrapper .btn.btn-hover-transform:hover,
.ReactModalPortal .btn-primary.btn-hover-transform:hover,
.ReactModalPortal .btn.btn-hover-transform:hover {
-webkit-clip-path: polygon(4% 0, 100% 0, 98% 100%, 2% 100%);
clip-path: polygon(4% 0, 100% 0, 98% 100%, 2% 100%)
}
.blog-wrapper .btn-primary.btn-hover-transform:hover>span,
.blog-wrapper .btn.btn-hover-transform:hover>span,
.ReactModalPortal .btn-primary.btn-hover-transform:hover>span,
.ReactModalPortal .btn.btn-hover-transform:hover>span {
-webkit-transform: translateX(2%);
-ms-transform: translateX(2%);
transform: translateX(2%)
}
.blog-wrapper .btn-primary.btn-fixed-width,
.blog-wrapper .btn.btn-fixed-width,
.ReactModalPortal .btn-primary.btn-fixed-width,
.ReactModalPortal .btn.btn-fixed-width {
min-width: 260px
}
.blog-wrapper .btn-primary.disabled,
.blog-wrapper .btn.disabled,
.ReactModalPortal .btn-primary.disabled,
.ReactModalPortal .btn.disabled {
background-color: #ccc;
color: grey;
border-color: #ccc
}
.blog-wrapper .btn-primary.disabled:hover,
.blog-wrapper .btn.disabled:hover,
.ReactModalPortal .btn-primary.disabled:hover,
.ReactModalPortal .btn.disabled:hover {
color: grey !important
}
.blog-wrapper .btn-primary span,
.blog-wrapper .btn span,
.ReactModalPortal .btn-primary span,
.ReactModalPortal .btn span {
position: relative;
z-index: 1
}
.blog-wrapper .btn-primary:hover,
.blog-wrapper .btn:hover,
.ReactModalPortal .btn-primary:hover,
.ReactModalPortal .btn:hover {
background: #000 !important;
color: #fff;
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg)
}
.blog-wrapper .blog-container .blog-article .blog-content,
.ReactModalPortal .blog-container .blog-article .blog-content {
min-height: 52vh
}
.blog-wrapper .blog-container .blog-article .prev-link-wrap .next-link span,
.blog-wrapper .blog-container .blog-article .prev-link-wrap .prev-link span,
.ReactModalPortal .blog-container .blog-article .prev-link-wrap .next-link span,
.ReactModalPortal .blog-container .blog-article .prev-link-wrap .prev-link span {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1.125em;
vertical-align: sub
}
.blog-wrapper .blog-container .blog-article .prev-link-wrap .next-link i,
.blog-wrapper .blog-container .blog-article .prev-link-wrap .prev-link i,
.ReactModalPortal .blog-container .blog-article .prev-link-wrap .next-link i,
.ReactModalPortal .blog-container .blog-article .prev-link-wrap .prev-link i {
font-size: 2em
}
.blog-wrapper .loading-icon,
.ReactModalPortal .loading-icon {
background: url(ef532e79e05e2d24a0f6332068f3a61b.gif) 50% no-repeat;
background-size: 3em;
height: 5em
}
.blog-wrapper .cw-close,
.ReactModalPortal .cw-close {
color: #1db8f3
}
.ja .activityGridRow .activity-item .headline a {
font-weight: 700
}
.ja .blog-view-container .blog-view .headline-banner h2,
.ja .blog-view-container .blog-view .headline h2,
.ja .blog-wrapper .blog-view-container .headline-banner.headline-btn .btn-news,
.ja .ReactModalPortal .blog-view-container .headline-banner.headline-btn .btn-news {
font-family: Nis_Jyau_P, sans-serif
}
.ja .article-view .cmsContainer h1,
.ja .article-view .cmsContainer h2,
.ja .article-view .cmsContainer h3,
.ja .article-view .cmsContainer h4,
.ja .article-view .cmsContainer h5,
.ja .article-view .cmsContainer h6 {
font-family: Nis_Jyau_P, sans-serif !important
}
.downloadView {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 90vh;
background: url(cfcda1acac362aff019de6eb2f7d180d.jpg) 50% no-repeat;
background-size: cover
}
.downloadView .site-block {
text-align: center;
max-width: 100%
}
.downloadView .site-block h1 {
font-size: 2em;
font-weight: 200;
margin-top: .5em;
margin-bottom: .75em
}
.downloadView .site-block p {
font-weight: 200
}
@media only screen and (max-width:767px) {
.downloadView .site-block {
padding: 30px 20px;
border-radius: 0;
margin: 0 auto
}
}
.downloadView .selectPlatform {
font-size: 13px;
font-weight: 400;
margin: 16px 0
}
.downloadView .btn {
display: inline-block;
width: 100%;
padding: 0 .5em
}
@media only screen and (max-width:767px) {
.downloadView .btn {
margin-right: 0;
margin-bottom: 1.5em
}
}
.downloadView .mobile-faq-link {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.5em;
margin: 10px 0;
display: block
}
.downloadView ul.downloadLegalTags {
padding: 0;
max-width: 400px;
font-size: .8em;
margin: 0 auto
}
.downloadView ul.downloadLegalTags li.tag-container {
display: inline-block
}
.downloadView ul.downloadLegalTags li.tag-container p {
margin: 0
}
.downloadView ul.downloadLegalTags li.tag-container .bottomImg {
display: inline-block;
max-height: 7em;
max-width: 100%;
margin: 0 auto;
padding: .2em
}
.downloadView .returnLink {
-webkit-transition: .1s ease-in-out;
-o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
font-weight: 200;
font-size: 14px;
cursor: pointer;
margin-top: 1em;
display: block
}
.downloadView .epicLogo {
width: 80px;
height: 100px;
margin: 20px auto;
background: url(cb4399a7ee205610531057537937045e.png) 50% no-repeat;
background-size: contain
}
.downloadView .downloadButtons {
margin-bottom: 2em
}
@media only screen and (max-width:991px) {
.downloadView .downloadButtons {
max-width: 20em;
margin: 0 auto
}
}
.downloadView .downloadButtons .button {
width: 8em;
height: 8em;
margin: .5em;
padding: 1.8em 0 0;
background-color: #2c82c5;
display: inline-block;
color: #fff;
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out
}
.downloadView .downloadButtons .button:hover {
background-color: #3be1ff
}
.downloadView .downloadButtons .button span {
font-size: .8em
}
.downloadView .downloadButtons .button i {
color: #fff;
font-size: 3.5em;
display: block
}
.downloadView .mobileMsg {
margin: 10px 0 40px
}
.downloadView .epicLogo {
display: none
}
.downloadView .download-header-container h1 {
font-size: 2.8em;
margin-top: .4em;
margin-bottom: 0
}
.downloadView .download-header-container h2 {
font-size: 1.8em
}
.downloadView .download-header-container h3 {
font-size: 1.4em;
margin-top: .2em;
font-weight: 400
}
.downloadView .newsletter-box {
padding: 0 1.25em 1.25em
}
.downloadView .newsletter-box h2 {
max-width: 20em
}
.downloadView .newsletter-box .newsletter-select {
text-align: left;
margin: 1.25em
}
.downloadView .newsletter-box .custom-checkbox {
width: 1.5em;
height: 1.5em;
border: 2px solid #ff0;
display: inline-block;
margin-right: .8em;
top: .4em;
cursor: pointer;
position: relative
}
.downloadView .newsletter-box .custom-checkbox:hover {
border-color: #e6e600
}
.downloadView .newsletter-box .custom-checkbox.interest-select:before {
content: "\2713";
position: absolute;
top: -.5em;
left: 0;
font-size: 2em;
color: #1e1e1e
}
.downloadView .newsletter-box .subscribe-message {
padding: 1em
}
.downloadView .newsletter-box .subscribe-message.success {
background-color: #dbeed3
}
.downloadView .newsletter-box .subscribe-message.success i {
color: #64b144
}
.downloadView .newsletter-box .subscribe-message.failed {
background-color: #ffe4e4
}
.downloadView .newsletter-box .subscribe-message.failed i {
color: #ff1818
}
.downloadView .newsletter-box .subscribe-message i {
margin-right: .5em;
font-size: 2em;
position: relative;
top: .2em
}
#faq {
background-color: #fff
}
@media only screen and (max-width:767px) {
#faq .container {
padding-left: 2%;
padding-right: 2%
}
}
#faq h1 {
letter-spacing: .02em;
font-size: 3em;
text-transform: uppercase;
color: #fff;
text-align: center;
padding: 1em 0
}
@media only screen and (max-width:991px) {
#faq h1 {
padding: 0
}
}
#faq .last-modified-date {
font-style: italic;
padding: calc(1em + 15px)
}
@media only screen and (max-width:991px) {
#faq .last-modified-date {
padding: 0
}
}
#faq .quickLink {
margin-bottom: 2em;
padding: 1em;
border-left: 1px solid #e8e8e8
}
@media only screen and (max-width:991px) {
#faq .quickLink {
border-bottom: 1px solid #e8e8e8;
border-left: none
}
}
#faq .quickLink h3 {
text-transform: uppercase;
text-align: center;
padding-bottom: 1em
}
@media only screen and (max-width:991px) {
#faq .quickLink h3 {
border-bottom: 1px solid #e8e8e8;
text-align: left;
margin-top: 0;
font-weight: 700
}
}
#faq .quickLink ul {
list-style: none;
margin-left: 2em;
padding: 0
}
#faq .stick {
position: fixed;
top: 91px
}
#faq .site-block {
max-width: 1200px
}
@media only screen and (max-width:767px) {
#faq .site-block {
padding: 3%
}
}
.ja #faq .quickLink h3 {
font-size: 1.5em
}
#homePage {
position: relative;
overflow: hidden;
background: #000
}
@media only screen and (max-width:991px) {
#homePage {
font-size: 12px
}
}
#homePage.light-theme {
background-color: #fff
}
#homePage.light-theme #mainCarousel .carousel-dots li button {
background: #f3fa48
}
#homePage.light-theme .blog-wrapper .load-more .btn-load {
color: #000 !important;
background: transparent !important;
border: 4px solid #000 !important
}
#homePage.light-theme .blog-wrapper .load-more .btn-load:hover {
background: #000 !important;
color: #fff !important
}
@media only screen and (max-width:1199px) {
#homePage.light-theme .blog-wrapper .grid-content {
background-color: #f9f9f9
}
}
#homePage.light-theme .blog-wrapper .gridItem-small .grid-content,
#homePage.light-theme .blog-wrapper .gridItem-thirdPos .grid-content {
background-color: #f9f9f9
}
@media only screen and (max-width:767px) {
#homePage.light-theme .blog-wrapper .gridItem-small .grid-content,
#homePage.light-theme .blog-wrapper .gridItem-thirdPos .grid-content {
margin-bottom: 0
}
}
#homePage.light-theme .blog-wrapper .gridItem-thirdPos .grid-content {
background-color: #f9f9f9
}
@media only screen and (max-width:1199px) {
#homePage.light-theme .blog-wrapper .gridItem-thirdPos .grid-content {
background-color: transparent
}
}
@media only screen and (max-width:991px) {
#homePage.light-theme .blog-wrapper .gridItem-thirdPos .grid-content,
#homePage.light-theme .blog-wrapper .slick-slide {
background-color: #f9f9f9
}
}
#homePage.light-theme .blog-wrapper .slick-arrow .slick-control {
border-color: #000;
color: #000
}
@-webkit-keyframes textAnimateIn {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes textAnimateIn {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes ctaAnimateIn {
0% {
opacity: 0;
-webkit-transform: skewX(30deg);
transform: skewX(30deg);
-webkit-transform-origin: "center bottom";
transform-origin: "center bottom"
}
to {
opacity: 1;
-webkit-transform: skewX(0);
transform: skewX(0)
}
}
@keyframes ctaAnimateIn {
0% {
opacity: 0;
-webkit-transform: skewX(30deg);
transform: skewX(30deg);
-webkit-transform-origin: "center bottom";
transform-origin: "center bottom"
}
to {
opacity: 1;
-webkit-transform: skewX(0);
transform: skewX(0)
}
}
@-webkit-keyframes disappear {
0% {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
transform: translateY(0) scale(1)
}
to {
opacity: 0;
-webkit-transform: translateY(-100px) scale(.7);
transform: translateY(-100px) scale(.7)
}
}
@keyframes disappear {
0% {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
transform: translateY(0) scale(1)
}
to {
opacity: 0;
-webkit-transform: translateY(-100px) scale(.7);
transform: translateY(-100px) scale(.7)
}
}
body.ar .searchView {
direction: rtl
}
.search-ctr {
background-color: #fff
}
.search-ctr .section-header-imagebg {
background: url(ca7116072ca035620008ed0d737397fe.jpg) no-repeat top;
background-size: cover
}
.searchView {
min-height: 80vh;
padding: 60px 1em;
background: url(5b74e268c0f56be754b767d7e9b8cc26.jpg) no-repeat top;
background-size: 100% auto
}
@media only screen and (max-width:767px) {
.searchView {
padding: 1em 0
}
}
.searchView.bingView {
min-height: 40vh
}
.searchView h1 {
padding-bottom: .6em;
border-bottom: 1px solid #1e1e1e;
margin-bottom: .6em
}
@media only screen and (max-width:767px) {
.searchView h1 {
font-size: 2em
}
}
.searchView .gsc-control-cse {
margin: 0 auto;
border: 1px solid transparent;
padding: 0;
background-color: transparent
}
.searchView .gsc-control-cse * {
font-family: OpenSans, sans-serif !important;
font-weight: 400
}
.searchView .gs-webResult .gs-snippet {
margin-top: .4em;
margin-bottom: .4em
}
.searchView .gsc-webResult.gsc-result {
margin-bottom: 1em;
background-color: #fff;
padding: 1.6em
}
.searchView .gsc-webResult.gsc-result:hover {
border-color: transparent;
background-color: #fff
}
@media only screen and (max-width:767px) {
.searchView .gsc-webResult.gsc-result {
padding: 1em
}
}
.searchView .gsc-result .gs-title {
height: auto
}
@media only screen and (max-width:767px) {
.searchView .gsc-result .gs-title {
margin-bottom: .2em
}
}
.searchView .gs-webResult.gs-result a.gs-title:link {
color: #1db8f3;
font-size: 22px;
line-height: 1.3;
font-weight: 200
}
.searchView .gs-webResult.gs-result a.gs-title:link b {
font-size: 22px;
color: #1db8f3;
font-weight: 400
}
.searchView .gs-webResult.gs-result a.gs-title:link:hover {
color: #0cadea;
text-decoration: underline
}
@media only screen and (max-width:767px) {
.searchView .gs-webResult.gs-result a.gs-title:link,
.searchView .gs-webResult.gs-result a.gs-title:link b {
font-size: 18px
}
}
.searchView .gs-webResult.gs-result a.gs-title:visited,
.searchView .gs-webResult.gs-result a.gs-title:visited b {
color: #065471
}
.searchView .gs-webResult div.gs-visibleUrl-long {
color: #737373
}
.searchView .gs-result .gs-title {
text-decoration: none
}
.searchView .gsc-results .gsc-cursor-box .gsc-cursor-page {
margin-right: 1em;
color: #1e1e1e;
background-color: transparent;
font-size: 18px
}
.searchView .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
color: #f8f8f8;
background-color: #1e1e1e;
text-shadow: none;
font-size: 18px
}
.searchView .gs-no-results-result .gs-snippet {
padding: 10px
}
.searchView .gsc-table-cell-snippet-close {
padding-left: 4px
}
.searchView .gsc-tabHeader.gsc-tabhActive,
.searchView .gsc-tabHeader.gsc-tabhInactive {
border: none;
padding: .8em 1.6em;
font-size: 13px
}
.searchView .gsc-tabHeader.gsc-tabhActive {
background-color: #1db8f3;
color: #333;
font-weight: 700
}
.searchView .gsc-tabHeader.gsc-tabhInactive {
background-color: #333;
color: #fff
}
.searchView .gs-spelling a {
color: #1db8f3
}
.searchView .gs-spelling a:hover {
color: #0b9bd2;
text-decoration: underline
}
.searchView .gsc-input>input {
padding: .8em
}
@media only screen and (max-width:767px) {
.searchView .gsc-input>input {
padding: .5em;
font-size: 14px
}
}
.searchView input.gsc-search-button {
padding: .8em 1.5em;
border: 0;
border-radius: 0;
background-color: #ff0;
color: #000;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
height: auto
}
.searchView input.gsc-search-button:hover {
background-color: #e6e600
}
@media only screen and (max-width:767px) {
.searchView input.gsc-search-button {
font-size: 14px;
padding: .5em
}
}
.searchView td.gcsc-branding-text div.gcsc-branding-text {
color: #bfbfbf
}
.searchView .searchResults>div {
background-color: transparent !important
}
.searchView .cse form.gsc-search-box,
.searchView form.gsc-search-box {
padding: 0
}
.searchView .cse .gsc-cursor-box,
.searchView .gsc-cursor-box {
border-color: transparent
}
.searchView .cse table.gsc-search-box td.gsc-input,
.searchView table.gsc-search-box td.gsc-input {
padding-right: 0
}
.searchView .gsc-control-cse .gs-spelling {
font-weight: 600
}
@media only screen and (max-width:767px) {
.searchView .gsc-url-bottom {
display: none
}
}
.terms-view-container {
background-color: #3c3c3c
}
.terms-view-container .site-block {
max-width: 932px;
margin: 0 auto;
background-color: #fff;
border: 0;
padding: 40px 20px
}
.terms-view-container .site-block:before {
display: block;
content: "";
border-bottom: 1px solid #d6d6d6
}
.terms-view-container .terms-text {
margin: 42px 23px 0 42px
}
@media only screen and (max-width:767px) {
.terms-view-container .terms-text {
margin: 20px 0
}
}
.eula-view-container {
background-color: #fff
}
.eula-view-container #eulaContainer {
min-height: 90vh;
width: 100%;
display: table;
height: 80vh
}
.eula-view-container #eulaContainer .eula-container {
margin-top: 2em;
margin-bottom: 2em
}
.eula-view-container #eulaContainer .eula-container .site-block-header h1 {
max-width: 66%
}
@media only screen and (max-width:1199px) {
.eula-view-container #eulaContainer .eula-container .site-block-header h1 {
max-width: 100%
}
}
.eula-view-container #eulaContainer .eula-container .site-block-body .site-block-body-text {
font-size: .9em
}
.eula-view-container #eulaContainer .eula-container .btn.btn-primary {
min-width: 7em;
margin-top: .6em;
font-size: 1em;
padding: .4em 1.5em
}
.eula-view-container #eulaContainer .eula-container .eula-text {
line-height: 2em
}
body.ar #eulaContainer {
direction: rtl
}
.founders-view-container .founders-view.move {
-webkit-transform: translateY(-20em);
-ms-transform: translateY(-20em);
transform: translateY(-20em);
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
-o-transition: transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease
}
.founders-view-container .transitionLayer {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 50;
height: 100%;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.founders-view-container .transitionLayer.tier-1 {
background-image: -webkit-linear-gradient(top, #cacad8, #adb8cd);
background-image: -o-linear-gradient(top, #cacad8 0, #adb8cd 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#cacad8), to(#adb8cd));
background-image: linear-gradient(180deg, #cacad8 0, #adb8cd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 202, 202, 0.84706)", endColorstr="rgba(255, 173, 184, 0.80392)", GradientType=0)
}
@media only screen and (max-width:991px) {
.founders-view-container .transitionLayer.tier-1 {
background: #c9cad8
}
}
.founders-view-container .transitionLayer.tier-2 {
background-image: -webkit-linear-gradient(top, #1ac3ff, #2893cd);
background-image: -o-linear-gradient(top, #1ac3ff 0, #2893cd 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#1ac3ff), to(#2893cd));
background-image: linear-gradient(180deg, #1ac3ff 0, #2893cd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgb(255, 26, 195)", endColorstr="rgba(255, 40, 147, 0.80392)", GradientType=0)
}
@media only screen and (max-width:991px) {
.founders-view-container .transitionLayer.tier-2 {
background: #1ac2fe
}
}
.founders-view-container .transitionLayer.tier-3 {
background-image: -webkit-linear-gradient(top, #b93df3, #802abf);
background-image: -o-linear-gradient(top, #b93df3 0, #802abf 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#b93df3), to(#802abf));
background-image: linear-gradient(180deg, #b93df3 0, #802abf);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 185, 61, 0.95294)", endColorstr="rgba(255, 128, 42, 0.74902)", GradientType=0)
}
@media only screen and (max-width:991px) {
.founders-view-container .transitionLayer.tier-3 {
background: #b83df2
}
}
.founders-view-container .transitionLayer.tier-4 {
background-image: -webkit-linear-gradient(top, #de964e, #e57d58);
background-image: -o-linear-gradient(top, #de964e 0, #e57d58 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#de964e), to(#e57d58));
background-image: linear-gradient(180deg, #de964e 0, #e57d58);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 222, 150, 0.30588)", endColorstr="rgba(255, 229, 125, 0.3451)", GradientType=0)
}
@media only screen and (max-width:991px) {
.founders-view-container .transitionLayer.tier-4 {
background: #eb9257
}
}
.founders-view-container .transitionLayer.move {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .35s ease;
transition: -webkit-transform .35s ease;
-o-transition: transform .35s ease;
transition: transform .35s ease;
transition: transform .35s ease, -webkit-transform .35s ease
}
.detail-view {
background-color: #fff;
z-index: 11
}
.detail-view .gradient-bkgrd {
background-image: -webkit-linear-gradient(top, #fff 60%, #bbdcef);
background-image: -o-linear-gradient(top, #fff 60%, #bbdcef 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fff), to(#bbdcef));
background-image: linear-gradient(180deg, #fff 60%, #bbdcef);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgb(255, 255, 255)", endColorstr="rgba(255, 187, 220, 0.93725)", GradientType=0)
}
.detail-view .section {
max-width: 112em;
padding-top: 5em;
padding-bottom: 5em;
margin-bottom: 0;
text-align: center
}
@media only screen and (max-width:1199px) {
.detail-view .section {
padding-top: 2em;
padding-bottom: 2em
}
}
.detail-view .section .content {
max-width: 30em;
margin: 2em auto 0
}
@media only screen and (max-width:991px) {
.detail-view .section .content {
margin: 2em auto 0
}
}
@media only screen and (max-width:767px) {
.detail-view .section .content {
text-align: center
}
}
.detail-view .section h2 {
font-size: 4em;
color: #1db8f3
}
@media only screen and (max-width:991px) {
.detail-view .section h2 {
font-size: 2em
}
}
.detail-view .section p {
font-weight: 500
}
.detail-view .header-container {
position: relative
}
.detail-view .header-container .message-fortnite {
background: #1ac3ff;
text-align: center;
padding: 1em .5em;
display: block
}
.detail-view .header-container .message-fortnite .ja-message {
display: none
}
@media only screen and (max-width:767px) {
.detail-view .header-container .message-fortnite {
text-align: left
}
}
.detail-view .header-container .message-fortnite h4 {
margin: 0;
color: #000;
font-size: 1em;
display: block
}
@media only screen and (max-width:767px) {
.detail-view .header-container .message-fortnite h4 {
font-size: .8em;
max-width: 80%
}
}
.detail-view .founders-section {
max-width: 109em;
padding-top: 0
}
.detail-view .founders-section h2 {
max-width: 7em
}
.detail-view .founders-section p {
max-width: 30em
}
.detail-view .founders-section .image {
width: 100%;
height: 30em
}
.detail-view .founders-section .image.founders-pistol {
background: url(ced821aa4b31c55c9e72ae2972de9f06.png) no-repeat 50%;
background-size: contain
}
@media only screen and (max-width:991px) {
.detail-view .founders-section h2 {
margin: .5em auto
}
.detail-view .founders-section .image {
height: 15em
}
}
.detail-view .banners {
max-width: 100%;
background-color: #bbecff
}
.detail-view .banners .content {
max-width: 26em;
margin: 4em auto 0
}
@media only screen and (max-width:991px) {
.detail-view .banners .content {
text-align: center;
margin: 2em auto 0
}
}
.detail-view .banners .image {
background-size: contain !important;
width: 100%;
max-width: 40em;
height: 28em;
margin: 0 auto;
background: url(ffb98d095f66619f2d9f5c61cdc50ef6.png) no-repeat 50%
}
@media only screen and (max-width:767px) {
.detail-view .banners .image {
height: 16em
}
}
@media only screen and (max-width:991px) {
.detail-view .chatChannel .content,
.detail-view .inventory .content {
margin: 1em auto 3em;
text-align: center
}
}
.detail-view .chatChannel .image,
.detail-view .inventory .image {
width: 75%;
height: 20em;
margin: 0 auto
}
@media only screen and (max-width:767px) {
.detail-view .chatChannel .image,
.detail-view .inventory .image {
height: 12em
}
}
.detail-view .chatChannel h2,
.detail-view .inventory h2 {
font-size: 3em;
line-height: 1;
margin: 0
}
.detail-view .chatChannel h2 .pre-formatted,
.detail-view .inventory h2 .pre-formatted {
white-space: pre
}
@media only screen and (max-width:991px) {
.detail-view .chatChannel h2 .pre-formatted,
.detail-view .inventory h2 .pre-formatted {
white-space: normal
}
}
@media only screen and (max-width:991px) {
.detail-view .chatChannel h2,
.detail-view .inventory h2 {
font-size: 2em
}
}
.detail-view .chatChannel .margin-top,
.detail-view .inventory .margin-top {
margin-top: 1em
}
.detail-view .chatChannel p,
.detail-view .inventory p {
margin-top: 1em;
max-width: 30em
}
@media only screen and (max-width:991px) {
.detail-view .chatChannel p,
.detail-view .inventory p {
margin: 0 auto
}
}
.detail-view .inventory .inventory {
background: url(d62468ae5bbc8801cccd8638d0a45be0.jpg) no-repeat 50%;
background-size: contain
}
.detail-view .inventory .backpack {
background: url(43e840bd16c86e09f563dba5bef16737.jpg) no-repeat 50%;
background-size: contain
}
.detail-view .chatChannel .image {
width: 100%;
height: 28em;
margin: 0;
background: url(003c600b787dad371c8050ffd35bc464.png) no-repeat 0 0;
background-size: contain
}
@media only screen and (max-width:991px) {
.detail-view .chatChannel .image {
background-position: top;
height: 20em
}
}
.detail-view .xpBoost {
position: relative;
max-width: 100%;
background-image: -webkit-linear-gradient(top, #1ac3ff, #2893cd);
background-image: -o-linear-gradient(top, #1ac3ff 0, #2893cd 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#1ac3ff), to(#2893cd));
background-image: linear-gradient(180deg, #1ac3ff 0, #2893cd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgb(255, 26, 195)", endColorstr="rgba(255, 40, 147, 0.80392)", GradientType=0)
}
.detail-view .xpBoost .xpBoost-content {
max-width: 112em;
margin: 0 auto
}
.detail-view .xpBoost .xpBoost-content .image {
background-color: grey;
width: 70%;
margin: 0 auto 2em;
height: 24em
}
@media only screen and (max-width:1199px) {
.detail-view .xpBoost .xpBoost-content .image {
height: 20em
}
}
@media only screen and (max-width:991px) {
.detail-view .xpBoost .xpBoost-content .image {
margin: 1em auto 2em
}
}
@media only screen and (max-width:767px) {
.detail-view .xpBoost .xpBoost-content .image {
height: 13em
}
}
.detail-view .xpBoost .xpBoost-content .image.xpBoost {
background: url(1af7d517d2c864698e1f4d7af79efe21.png) no-repeat 50%;
background-size: contain
}
.detail-view .xpBoost .xpBoost-content .image.giftXp {
background: url(5e1aea9fbdfce076629c1ba0ad7dc62d.png) no-repeat 50%;
background-size: contain
}
.detail-view .xpBoost .xpBoost-content h2 {
font-size: 2.5em;
line-height: 1;
color: #fff;
margin: 0
}
.detail-view .xpBoost .xpBoost-content h2 .pre-formatted {
white-space: pre
}
.detail-view .xpBoost .xpBoost-content p {
color: #fff;
max-width: 24em;
margin: 1em auto 0
}
.detail-view .slick-slider .slick-next {
right: 0
}
.detail-view .slick-slider .slick-prev {
left: 0
}
.detail-view.overflowHidden {
overflow: hidden;
height: 100vh
}
@media only screen and (max-width:768px) and (orientation:landscape) {
.detail-view.overflowHidden {
height: 100%;
max-height: 40em
}
}
.detail-view.tier-0 .header-container .message-fortnite {
display: none
}
.ja .detail-view .header-container .message-fortnite h4 {
font-size: .8em;
margin: 0 0 .5em
}
.ja .detail-view .header-container .message-fortnite .ja-message {
display: block;
margin: 0
}
@media only screen and (max-width:1199px) {
.redeemContainer .bk-img {}
}
.redeemContainer .parallax-container {
opacity: 0;
-webkit-animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .3s forwards;
animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .3s forwards;
width: 60%;
float: right
}
@media only screen and (max-width:991px) {
.redeemContainer .parallax-container {
display: none
}
}
.redeemContainer .load-indicator,
.redeemContainer .loadscreen-overlay {
width: 100vw
}
.redeemContainer .redeemView {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 100vh;
opacity: 0;
width: 100%;
min-width: 600px;
-webkit-animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .3s forwards;
animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .3s forwards;
padding-top: 2em;
}
@media only screen and (max-width:767px) {
.redeemContainer .redeemView {
padding: 0 20px 50px;
min-width: auto;
width: 100%;
}
}
@media screen and (max-width:320px) {
.redeemContainer .redeemView {}
}
@media screen and (min-height:900px) {
.redeemContainer .redeemView {
min-height: 100vh
}
}
.redeemContainer .redeemView .site-block-page-title {
display: none
}
.redeemContainer .redeemView .site-block {
background: none;
color: #fff;
border: none;
padding: 0;
margin: auto;
position: relative;
}
.redeemContainer .redeemView .site-block p {
font: 21px/28px BurbankBigRegular-Black, sans-serif;
text-transform: uppercase
}
@media only screen and (max-width:767px) {
.redeemContainer .redeemView .site-block {
text-align: center
}
}
.redeemContainer .redeemView .site-block .site-block-header {
border: none;
padding: 0;
text-align: center;
}
@media only screen and (max-width:767px) {
.redeemContainer .redeemView .site-block .site-block-header {
margin-bottom: 0
}
}
.redeemContainer .redeemView .site-block .site-block-header .site-block-title {
font: 81px/70px BurbankBigRegular-Black, sans-serif;
margin: 1em 0 0
}
@media only screen and (max-width:1199px) {
.redeemContainer .redeemView .site-block .site-block-header .site-block-title {
font: 43px/50px BurbankBigRegular-Black, sans-serif
}
}
@media only screen and (max-width:991px) {
.redeemContainer .redeemView .site-block .site-block-header .site-block-title {
font: 43px/50px BurbankBigRegular-Black, sans-serif
}
}
.redeemContainer .redeemView .site-block .itemTitle {
color: #fff
}
.redeemContainer .redeemView input {
margin: 0;
border: none;
background: #fff;
text-align: left;
color: #000;
font-family: 'BurbankBigCondensed-Black';
font-size: 25px;
padding: .5em;
}
@media only screen and (max-width:767px) {
.redeemContainer .redeemView input {
max-width: 100%;
}
}
.redeemContainer .redeemView .errorMessage {
text-align: left
}
.redeemContainer .redeemView .buttonContainer {
text-align: center;
margin-top: 10px;
margin-bottom: 2.5em;
}
@media only screen and (max-width:767px) {
.redeemContainer .redeemView .buttonContainer {
text-align: center;
margin: 0 auto
}
}
.redeemContainer .redeemView .buttonContainer .btn {
width: 340px;
padding: 0;
-webkit-clip-path: polygon(2% 0, 98% 0, 98% 100%, 2% 100%);
clip-path: polygon(2% 0, 98% 0, 98% 100%, 2% 100%);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin-top: 20px;
}
.redeemContainer .redeemView .buttonContainer .btn>span {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: inline-block
}
.redeemContainer .redeemView .buttonContainer .btn:hover {
-webkit-clip-path: polygon(4% 0, 100% 0, 98% 100%, 2% 100%);
clip-path: polygon(4% 0, 100% 0, 98% 100%, 2% 100%)
}
.redeemContainer .redeemView .buttonContainer .btn:hover>span {
-webkit-transform: translateX(2%);
-ms-transform: translateX(2%);
transform: translateX(2%)
}
@media only screen and (max-width:767px) {
.redeemContainer .redeemView .buttonContainer .btn {
margin: 1em auto
}
}
.redeemContainer .redeemView .posa-content {
padding: 1% 3%;
height: 15em
}
@media only screen and (max-width:991px) {
.redeemContainer .redeemView .posa-content {
height: 100%
}
}
.redeemContainer .redeemView .posa-content a {
color: #ff0;
font-size: 1em
}
.redeemContainer .redeemView .posa-content .posa-subtitle,
.redeemContainer .redeemView .posa-content .posa-title {
margin: 0 0 1.5rem;
padding: 0
}
.redeemContainer .redeemView .posa-content .posa-subtitle a {
font-family: BurbankSmall-Black, sans-serif;
color: #ff0;
line-height: 1
}
@media only screen and (max-width:1199px) {
.redeemContainer .redeemView .posa-content .posa-subtitle {
font-size: 1.2em
}
}
.redeemContainer .redeemView .overlay .overlay-close:hover {
color: #ff0
}
.redeemContainer .redeemView .overlay .overlay-content h1 {
font-size: 2.5em
}
.redeemContainer .redeemView .overlay .overlay-content a {
color: #ff0;
font-size: 1em
}
.redeemContainer .site-block-content {
position: relative;
color: #fff;
font-family: BurbankSmall-Black, sans-serif;
font-size: 2rem
}
@media only screen and (max-width:767px) {
.redeemContainer .site-block-content {
text-align: center;
font-size: 1.2em
}
}
.redeemContainer .site-block-content a {
font-family: BurbankSmall-Black, sans-serif;
font-size: 2rem;
color: #ff0
}
.redeemContainer .btn.btn-default {
background: #000
}
.redeemContainer .btn.btn-default:hover {
background: #fff;
color: #000
}
.redeemContainer .confirmStage .errorPrimary {
font: 21px/28px BurbankBigRegular-Black, sans-serif;
text-transform: uppercase;
color: #fff
}
.redeemContainer .confirmStage .errorData,
.redeemContainer .confirmStage .itemDescription,
.redeemContainer .confirmStage .itemTitle,
.redeemContainer .confirmStage p.centered {
text-align: left
}
@media only screen and (max-width:767px) {
.redeemContainer .confirmStage .errorData,
.redeemContainer .confirmStage .itemDescription,
.redeemContainer .confirmStage .itemTitle,
.redeemContainer .confirmStage p.centered {
text-align: center
}
}
.redeemContainer .confirmStage hr {
margin-left: 0
}
@media only screen and (max-width:767px) {
.redeemContainer .confirmStage hr {
margin-left: auto
}
}
.redeemContainer .successStage .site-block-page-title {
font: 81px/70px BurbankBigRegular-Black, sans-serif;
padding: 0;
text-align: left;
display: block
}
@media only screen and (max-width:767px) {
.redeemContainer .successStage .site-block-page-title {
text-align: center;
font-size: 3.5em
}
}
.redeemContainer .successStage .site-block .site-block-header .site-block-title {
font: 27px/28px BurbankBigRegular-Black, sans-serif
}
.redeemContainer .successStage .btn {
margin: 0
}
body.ar .redeemContainer .redeemView {
padding-left: 0;
padding-right: 10%
}
@media only screen and (max-width:767px) {
body.ar .redeemContainer .redeemView {
padding: 0 20px 50px
}
}
@media only screen and (max-width:767px) {
body.ar .redeemContainer .redeemView .site-block {
text-align: center
}
}
body.ar .redeemContainer .parallax-container {
float: left
}
body.ja .redeemContainer .redeemView .site-block p {
font-family: NotoSansCJKjp, sans-serif
}
body.ja .redeemContainer .redeemView .site-block .site-block-title {
font-family: Nis_Jyau_P, sans-serif
}
@media only screen and (max-width:767px) {
body.ja .redeemContainer .redeemView .site-block .site-block-title {
font-family: Nis_Jyau_P, sans-serif
}
}
body.ja .redeemContainer .confirmStage .errorPrimary {
font-family: NotoSansCJKjp, sans-serif
}
body.ja .redeemContainer .confirmStage .successStage .site-block-page-title,
body.ja .redeemContainer .confirmStage .successStage .site-block .site-block-header .site-block-title {
font-family: Nis_Jyau_P, sans-serif
}
body.ko .redeemContainer .redeemView .site-block p {
font-family: NotoSansCJKkr, sans-serif
}
body.ko .redeemContainer .redeemView .site-block .site-block-title {
font-family: aERIN, sans-serif
}
@media only screen and (max-width:767px) {
body.ko .redeemContainer .redeemView .site-block .site-block-title {
font-family: aERIN, sans-serif
}
}
body.ko .redeemContainer .confirmStage .errorPrimary {
font-family: NotoSansCJKkr, sans-serif
}
body.ko .redeemContainer .confirmStage .successStage .site-block-page-title,
body.ko .redeemContainer .confirmStage .successStage .site-block .site-block-header .site-block-title {
font-family: aERIN, sans-serif
}
body.ru .redeemContainer .redeemView .site-block .site-block-title,
body.ru .redeemContainer .redeemView .site-block p {
font-family: BurbankSmall-Black, sans-serif
}
@media only screen and (max-width:767px) {
body.ru .redeemContainer .redeemView .site-block .site-block-title {
font-family: BurbankSmall-Black, sans-serif
}
}
body.ru .redeemContainer .confirmStage .errorPrimary {
font-family: BurbankSmall-Black, sans-serif
}
body.ru .redeemContainer .successStage .site-block-page-title {
font-family: BurbankSmall-Black, sans-serif;
font-size: 3em
}
body.ru .redeemContainer .successStage .site-block .site-block-header .site-block-title {
font-family: BurbankSmall-Black, sans-serif
}
body.de #redeemSuccessView .redeemContainer .buttonContainer .btn {
width: 300px !important;
padding: 0 5%
}
body.de .redeemContainer .posa-content,
body.es_ES .redeemContainer .posa-content,
body.es_MX .redeemContainer .posa-content,
body.fr .redeemContainer .posa-content,
body.it .redeemContainer .posa-content,
body.ja .redeemContainer .posa-content,
body.ko .redeemContainer .posa-content,
body.pl .redeemContainer .posa-content,
body.pt_BR .redeemContainer .posa-content,
body.ru .redeemContainer .posa-content,
body.tr .redeemContainer .posa-content {
height: 16.5em
}
@media only screen and (max-width:991px) {
body.de .redeemContainer .posa-content,
body.es_ES .redeemContainer .posa-content,
body.es_MX .redeemContainer .posa-content,
body.fr .redeemContainer .posa-content,
body.it .redeemContainer .posa-content,
body.ja .redeemContainer .posa-content,
body.ko .redeemContainer .posa-content,
body.pl .redeemContainer .posa-content,
body.pt_BR .redeemContainer .posa-content,
body.ru .redeemContainer .posa-content,
body.tr .redeemContainer .posa-content {
height: 100%
}
}
body.de .redeemContainer .posa-content .posa-title h1,
body.es_ES .redeemContainer .posa-content .posa-title h1,
body.es_MX .redeemContainer .posa-content .posa-title h1,
body.fr .redeemContainer .posa-content .posa-title h1,
body.it .redeemContainer .posa-content .posa-title h1,
body.ja .redeemContainer .posa-content .posa-title h1,
body.ko .redeemContainer .posa-content .posa-title h1,
body.pl .redeemContainer .posa-content .posa-title h1,
body.pt_BR .redeemContainer .posa-content .posa-title h1,
body.ru .redeemContainer .posa-content .posa-title h1,
body.tr .redeemContainer .posa-content .posa-title h1 {
font-size: 2em
}
@media only screen and (max-width:1199px) {
body.de .redeemContainer .posa-content .posa-title h1,
body.es_ES .redeemContainer .posa-content .posa-title h1,
body.es_MX .redeemContainer .posa-content .posa-title h1,
body.fr .redeemContainer .posa-content .posa-title h1,
body.it .redeemContainer .posa-content .posa-title h1,
body.ja .redeemContainer .posa-content .posa-title h1,
body.ko .redeemContainer .posa-content .posa-title h1,
body.pl .redeemContainer .posa-content .posa-title h1,
body.pt_BR .redeemContainer .posa-content .posa-title h1,
body.ru .redeemContainer .posa-content .posa-title h1,
body.tr .redeemContainer .posa-content .posa-title h1 {
font-size: 1.8em
}
}
@media only screen and (max-width:767px) {
body.de .redeemContainer .posa-content .posa-title h1,
body.es_ES .redeemContainer .posa-content .posa-title h1,
body.es_MX .redeemContainer .posa-content .posa-title h1,
body.fr .redeemContainer .posa-content .posa-title h1,
body.it .redeemContainer .posa-content .posa-title h1,
body.ja .redeemContainer .posa-content .posa-title h1,
body.ko .redeemContainer .posa-content .posa-title h1,
body.pl .redeemContainer .posa-content .posa-title h1,
body.pt_BR .redeemContainer .posa-content .posa-title h1,
body.ru .redeemContainer .posa-content .posa-title h1,
body.tr .redeemContainer .posa-content .posa-title h1 {
font-size: 1.5em
}
}
.inviteView {
background: url(f39f81fc60884ef9baf42c2e53e6e54f.jpg) 50% no-repeat;
background-size: cover
}
#fortnite-posa-redemption.epic-code-redemption .ecr-ctaSection,
#fortnite-posa-redemption.epic-code-redemption.landingPageViewed .ecr-faqSection,
#fortnite-posa-redemption.epic-code-redemption.landingPageViewed .ecr-rich-text {
display: none
}
#fortnite-posa-redemption.epic-code-redemption.landingPageViewed .ecr-redeemSection {
background-repeat: no-repeat;
background-size: cover
}
#fortnite-posa-redemption.epic-code-redemption.landingPageViewed .ecr-redeemSection .ecrrs-left {
text-align: center
}
#fortnite-posa-redemption.epic-code-redemption.landingPageViewed .ecr-redeemSection .ecrrs-left img {
width: 60%;
max-width: 800px;
-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, .6));
filter: drop-shadow(0 0 10px rgba(0, 0, 0, .6));
padding: 20px
}
#fortnite-posa-redemption.epic-code-redemption.codeVerified .ecr-redeemSection .ecrrs-left {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
margin-left: unset;
text-align: center
}
#fortnite-posa-redemption.epic-code-redemption.codeVerified .ecr-redeemSection .ecrrs-left img {
max-width: 800px;
-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, .6));
filter: drop-shadow(0 0 10px rgba(0, 0, 0, .6));
padding: 20px
}
#fortnite-posa-redemption.epic-code-redemption h1,
#fortnite-posa-redemption.epic-code-redemption h2,
#fortnite-posa-redemption.epic-code-redemption h3,
#fortnite-posa-redemption.epic-code-redemption h4,
.posaSuccessView h1,
.posaSuccessView h2,
.posaSuccessView h3,
.posaSuccessView h4 {
line-height: 100%
}
#fortnite-posa-redemption.epic-code-redemption .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup,
.posaSuccessView .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup {
background-color: #002a44
}
#fortnite-posa-redemption.epic-code-redemption .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup:after,
.posaSuccessView .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup:after {
border-color: #002a44 transparent transparent
}
#fortnite-posa-redemption.epic-code-redemption .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup .ecr-tooltip-tip h1,
.posaSuccessView .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup .ecr-tooltip-tip h1 {
color: #00c6ff;
font-size: 2em
}
#fortnite-posa-redemption.epic-code-redemption .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup .ecr-tooltip-tip p,
.posaSuccessView .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup .ecr-tooltip-tip p {
color: #fff
}
#fortnite-posa-redemption.epic-code-redemption .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-icon,
.posaSuccessView .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-icon {
border-color: #002a44
}
#fortnite-posa-redemption.epic-code-redemption .ecr-tooltip .ecr-tooltip-wrapper:hover .ecr-tooltip-icon,
.posaSuccessView .ecr-tooltip .ecr-tooltip-wrapper:hover .ecr-tooltip-icon {
background-color: #002a44
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection,
.posaSuccessView .ecr-redeemSection {
background-size: cover;
background-repeat: round
}
@media only screen and (max-width:991px) {
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection,
.posaSuccessView .ecr-redeemSection {
background-size: cover;
background-repeat: no-repeat
}
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .input-wrapper,
.posaSuccessView .ecr-redeemSection .input-wrapper {
max-width: calc(100% - 2em)
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .input-wrapper .ecr-dropdown-menu,
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .input-wrapper input,
.posaSuccessView .ecr-redeemSection .input-wrapper .ecr-dropdown-menu,
.posaSuccessView .ecr-redeemSection .input-wrapper input {
padding: 1em
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .platformInput .ecr-dropdown-row.warning,
.posaSuccessView .ecr-redeemSection .platformInput .ecr-dropdown-row.warning {
color: #f61212;
opacity: 1
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .input-wrapper.verified:before,
.posaSuccessView .ecr-redeemSection .input-wrapper.verified:before {
color: #ff0;
content: "\E901";
font-family: icomoon;
font-weight: 400;
font-style: normal;
font-size: 1.5em;
left: -1.5em
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .redeem-next,
.posaSuccessView .ecr-redeemSection .redeem-next {
font-family: BurbankBigRegular-Black, sans-serif;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 150%
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .redeem-next strong,
.posaSuccessView .ecr-redeemSection .redeem-next strong {
color: #fff
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .redeem-next span,
.posaSuccessView .ecr-redeemSection .redeem-next span {
color: #002a44
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection.verified .ecrrs-right,
.posaSuccessView .ecr-redeemSection.verified .ecrrs-right {
padding-bottom: 6em
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection.verified .ecrrs-right .confirm-next-section,
.posaSuccessView .ecr-redeemSection.verified .ecrrs-right .confirm-next-section {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection.verified .ecrrs-right .confirm-next-section,
.posaSuccessView .ecr-redeemSection.verified .ecrrs-right .confirm-next-section {
-webkit-align-items: unset;
-ms-flex-align: unset;
align-items: unset
}
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection.verified .ecrrs-right .confirm-next-section button,
.posaSuccessView .ecr-redeemSection.verified .ecrrs-right .confirm-next-section button {
margin-top: 0;
text-transform: uppercase;
padding: 10px 2em
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection.verified .ecrrs-right .confirm-next-section span,
.posaSuccessView .ecr-redeemSection.verified .ecrrs-right .confirm-next-section span {
margin-left: .7em;
font-weight: 700
}
@media only screen and (max-width:767px) {
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection.verified .ecrrs-right .confirm-next-section span,
.posaSuccessView .ecr-redeemSection.verified .ecrrs-right .confirm-next-section span {
margin: 4% 0
}
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection.verified .ecrrs-right .psnWarning,
.posaSuccessView .ecr-redeemSection.verified .ecrrs-right .psnWarning {
font-weight: 700;
font-size: 1.4em;
color: #ff0;
font-family: BurbankBigRegular-Black, sans-serif;
text-transform: uppercase
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection.verified .ecrrs-right .psnWarning.psn-sign-out,
.posaSuccessView .ecr-redeemSection.verified .ecrrs-right .psnWarning.psn-sign-out {
text-decoration: underline;
padding: 0 1em
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection.unloggedIn .ecrrs-left,
.posaSuccessView .ecr-redeemSection.unloggedIn .ecrrs-left {
text-align: center
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection.unloggedIn .ecrrs-left img,
.posaSuccessView .ecr-redeemSection.unloggedIn .ecrrs-left img {
width: 60%;
max-width: 800px;
-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, .6));
filter: drop-shadow(0 0 10px rgba(0, 0, 0, .6));
padding: 20px
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-left,
.posaSuccessView .ecr-redeemSection .ecrrs-left {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .redeem-next.next-select-platform,
.posaSuccessView .ecr-redeemSection .redeem-next.next-select-platform {
word-spacing: nowrap
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right,
.posaSuccessView .ecr-redeemSection .ecrrs-right {
padding-right: 0
}
@media only screen and (max-width:991px) {
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right,
.posaSuccessView .ecr-redeemSection .ecrrs-right {
margin-left: 0
}
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn,
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn {
padding-left: 0;
margin-left: 0
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn button,
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn button,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn button,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn button {
background-color: #ff0;
color: #333;
padding: 2% 8%;
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.5em;
margin-top: 2%
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn button.disabled,
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn button.disabled,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn button.disabled,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn button.disabled {
pointer-events: none
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn h1,
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn h1,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn h1,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn h1 {
color: #fff
}
@media only screen and (min-width:1200px) {
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn h1,
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn h1,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn h1,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn h1 {
font-size: 4em
}
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn h2,
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn h2,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn h2,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn h2 {
color: #ff0
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn p,
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn p,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-loggedIn p,
.posaSuccessView .ecr-redeemSection .ecrrs-right .ecrrs-notLoggedIn p {
font-family: OpenSans, sans-serif;
font-weight: 500
}
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection,
.posaSuccessView .ecr-faqSection {
padding-right: 0;
padding-bottom: 0
}
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left,
.posaSuccessView .ecr-faqSection .ecrfs-left {
max-width: 1000px;
padding-left: 5%
}
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left h1,
.posaSuccessView .ecr-faqSection .ecrfs-left h1 {
font-size: 4em;
color: #002a44
}
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left h5,
.posaSuccessView .ecr-faqSection .ecrfs-left h5 {
font-size: 1.2em;
color: #f61212
}
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left .ecr-faqItem-question h3,
.posaSuccessView .ecr-faqSection .ecrfs-left .ecr-faqItem-question h3 {
color: #00c6ff
}
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left .ecr-faqItem-question .expand-icon,
.posaSuccessView .ecr-faqSection .ecrfs-left .ecr-faqItem-question .expand-icon {
color: #002a44
}
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left .ecr-faqItem-answer,
.posaSuccessView .ecr-faqSection .ecrfs-left .ecr-faqItem-answer {
font-weight: 700
}
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left .ecr-faqItem-answer a,
.posaSuccessView .ecr-faqSection .ecrfs-left .ecr-faqItem-answer a {
font-size: unset;
font-weight: 700
}
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left .ecr-faqItem-answer a:hover,
.posaSuccessView .ecr-faqSection .ecrfs-left .ecr-faqItem-answer a:hover {
text-decoration: underline
}
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-right,
.posaSuccessView .ecr-faqSection .ecrfs-right {
padding-left: 5%;
margin-left: auto
}
#fortnite-posa-redemption.epic-code-redemption .ecr-rich-text p,
.posaSuccessView .ecr-rich-text p {
font-weight: 500;
padding-left: 5%
}
#fortnite-posa-redemption.epic-code-redemption .ecr-rich-text p a,
.posaSuccessView .ecr-rich-text p a {
font-weight: 700;
font-size: inherit
}
#fortnite-posa-redemption.epic-code-redemption .ecr-ctaSection,
.posaSuccessView .ecr-ctaSection {
padding-bottom: 0;
padding-top: 0;
padding-left: 0
}
#fortnite-posa-redemption.epic-code-redemption .ecr-ctaSection .ecrcs-left,
.posaSuccessView .ecr-ctaSection .ecrcs-left {
position: relative;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
margin-top: -5%;
overflow: hidden
}
#fortnite-posa-redemption.epic-code-redemption .ecr-ctaSection .ecrcs-left img,
.posaSuccessView .ecr-ctaSection .ecrcs-left img {
position: absolute
}
@media only screen and (max-width:1399px) {
#fortnite-posa-redemption.epic-code-redemption .ecr-ctaSection .ecrcs-left img,
.posaSuccessView .ecr-ctaSection .ecrcs-left img {
bottom: 0
}
}
#fortnite-posa-redemption.epic-code-redemption .ecr-ctaSection .ecrcs-content button,
.posaSuccessView .ecr-ctaSection .ecrcs-content button {
background-color: #000;
color: #fff;
font-size: 1.2em;
padding: 8px 25px;
font-family: BurbankBigRegular-Black, sans-serif;
margin-top: 3%
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay,
.posaSuccessView .ecr-posa-confirm-overlay {
background-color: rgba(16, 110, 160, .98);
z-index: 9999999;
overflow: auto
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay:before,
.posaSuccessView .ecr-posa-confirm-overlay:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(data:image/png;base64,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) no-repeat 50%;
background-size: cover;
z-index: 0
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-close,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-close {
font-size: 1.3em;
background: #1ac5d9;
width: 1.2em;
height: 1.2em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #1e1e1e;
font-weight: bolder;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-close:hover,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-close:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content>h1,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content>h1 {
font-size: 3vw
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content>h3,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content>h3 {
color: #ff0
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-table,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-table {
background-color: #28abf8;
padding-top: 1vw;
width: 70%;
margin: 0 auto
}
@media only screen and (max-width:991px) {
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-table,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-table {
width: 90%
}
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-table h1,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-table h1 {
font-size: 2.7vw
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-table h3,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-table h3 {
margin: 0 5.3vw .9vw;
color: #002a44
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-detail-row,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-detail-row {
padding: 3% 6%;
border-bottom-color: #1592e6
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-detail-row:first-child,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-detail-row:first-child {
border-top-color: #1592e6
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-detail-row:nth-child(odd),
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-detail-row:nth-child(odd) {
background: #0d99eb;
border: unset
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-notice,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-notice {
background-color: #002a44;
padding: 2%;
width: 100%
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-notice .ecn-important,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-notice .ecn-important {
color: #ff0
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecn-warning-msg,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecn-warning-msg {
max-width: 80%;
margin: 0 auto;
color: #f61212;
background: #fff;
padding: 1em;
font-size: 90%
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-action,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-action {
margin-top: 1em
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-action button,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-action button {
border-width: 0
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-action button:first-child,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-action button:first-child {
padding: .5em 2em;
font-family: BurbankBigRegular-Black, sans-serif;
background-color: #ff0
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-action button.ecrp-confirm-reset,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-action button.ecrp-confirm-reset {
border: none;
background: transparent;
font-size: .8em;
font-weight: 700
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-action button.ecrp-confirm-reset:hover,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-action button.ecrp-confirm-reset:hover {
text-decoration: underline
}
@media only screen and (max-width:767px) {
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView {
font-size: 14px
}
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView .ecr-success-header {
background-attachment: unset
}
@media only screen and (max-width:767px) {
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView .ecr-success-header {
background-attachment: fixed
}
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView .ecr-success-header img {
width: 100%
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView .ecr-success-header-wrapper .ecrs-button,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView .ecr-success-header-wrapper .ecrs-copiedText {
font-family: BurbankBigRegular-Black, sans-serif
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-success-header,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-success-header,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-success-header,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-success-header {
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4vw), 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4vw), 0 100%);
font-size: 2.5vw
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-success-header .ecr-success-header-wrapper,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-success-header .ecr-success-header-wrapper,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-success-header .ecr-success-header-wrapper,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-success-header .ecr-success-header-wrapper {
text-align: unset
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-success-header .ecr-success-header-wrapper .ecrs-content,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-success-header .ecr-success-header-wrapper .ecrs-content,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-success-header .ecr-success-header-wrapper .ecrs-content,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-success-header .ecr-success-header-wrapper .ecrs-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:991px) {
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-success-header .ecr-success-header-wrapper .ecrs-content,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-success-header .ecr-success-header-wrapper .ecrs-content,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-success-header .ecr-success-header-wrapper .ecrs-content,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-success-header .ecr-success-header-wrapper .ecrs-content {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-success-header .ecr-success-header-wrapper .ecrs-content .left-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-success-header .ecr-success-header-wrapper .ecrs-content .left-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-success-header .ecr-success-header-wrapper .ecrs-content .left-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-success-header .ecr-success-header-wrapper .ecrs-content .left-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
padding: 0 6%;
max-width: 600px
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part {
font-size: 1.3em;
color: #fff
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h1,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h1,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h1,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h1 {
color: #fff;
font-size: 5vw
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h3,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h3,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h3,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h3 {
font-size: 2vw;
color: #fff
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part .btn-primary,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part .btn-primary,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part .btn-primary,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part .btn-primary {
font-size: 1.2vw;
padding: .5vw 1.5vw .3vw
}
@media only screen and (max-width:991px) {
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h1,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h1,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h1,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h1 {
color: #fff;
font-size: 8vw
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h3,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h3,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h3,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h3 {
font-size: 4vw
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part .btn-primary,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part .btn-primary,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part .btn-primary,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part .btn-primary {
font-size: 2.4vw;
margin-bottom: 4vw
}
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-ctaSection,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-ctaSection,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-ctaSection,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-ctaSection {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
margin-top: -3%
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-ctaSection .bg-image,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-ctaSection .bg-image,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-ctaSection .bg-image,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-ctaSection .bg-image {
all: unset;
position: absolute;
top: 0;
left: 0;
width: 100vw
}
@media only screen and (max-width:991px) {
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-ctaSection .bg-image,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-ctaSection .bg-image,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-ctaSection .bg-image,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-ctaSection .bg-image {
width: auto;
height: 100%
}
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-ctaSection .ecrcs-left,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-ctaSection .ecrcs-left,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-ctaSection .ecrcs-left,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-ctaSection .ecrcs-left {
display: none
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-ctaSection .ecrcs-right,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-ctaSection .ecrcs-right,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-ctaSection .ecrcs-right,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-ctaSection .ecrcs-right {
padding: 6%
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-ctaSection .ecrcs-right .ecrcs-content>div h1,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-ctaSection .ecrcs-right .ecrcs-content>div h1,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-ctaSection .ecrcs-right .ecrcs-content>div h1,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-ctaSection .ecrcs-right .ecrcs-content>div h1 {
color: #fff
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.mobile .ecr-ctaSection .ecrcs-right .ecrcs-content>div p,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.nintendo .ecr-ctaSection .ecrcs-right .ecrcs-content>div p,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.null .ecr-ctaSection .ecrcs-right .ecrcs-content>div p,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.pc .ecr-ctaSection .ecrcs-right .ecrcs-content>div p {
font-weight: 700
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper {
text-align: unset
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 1.2em
}
@media only screen and (max-width:991px) {
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content .left-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content .left-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
padding: 0 2%
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content .left-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content .left-part {
max-width: 600px;
font-size: 1.3em;
color: #fff
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content .left-part h1,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content .left-part h1 {
color: #fff;
font-size: 3.75em
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content .left-part h3,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content .left-part h3 {
color: #ff0
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part {
max-width: 800px
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h3,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h3 {
color: #002a44
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h1,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h1 {
display: inline-block;
margin: 0;
background: #fff;
padding: 20px 30px;
-webkit-clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
color: #002a44
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h4,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h4 {
color: #fff
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h4 a,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part h4 a {
font-family: BurbankBigRegular-Black, sans-serif
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part p,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part p {
font-weight: 450
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part a,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part a {
color: #ff0;
text-decoration: underline;
font-weight: 700
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part a.ecrs-button,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper .ecrs-content .right-part a.ecrs-button {
color: #000
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper>ul li,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper>ul li {
margin-top: 1em;
margin-left: 34vw
}
@media only screen and (min-width:1555px) {
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper>ul li,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper>ul li {
margin-left: 200px
}
}
@media only screen and (max-width:991px) {
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper>ul li,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper>ul li {
margin-left: unset
}
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper>ul li:before,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper>ul li:before {
border-color: #fff;
color: #fff
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper>ul li a,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper>ul li button,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper>ul li a,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper>ul li button {
color: #000;
background: #ff0;
text-align: center;
font-family: BurbankBigRegular-Black, sans-serif
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-success-header .ecr-success-header-wrapper>ul li .ecrs-copiedText,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-success-header .ecr-success-header-wrapper>ul li .ecrs-copiedText {
font-family: BurbankBigRegular-Black, sans-serif
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-steps-slider .ecr-slider-wrapper>h1,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-steps-slider .ecr-slider-wrapper>h1 {
max-width: 600px;
color: #002a44;
margin: 0 auto 1em
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-steps-slider .ecr-slider-wrapper img,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-steps-slider .ecr-slider-wrapper img {
margin-bottom: 1em
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-steps-slider .ecr-slider-wrapper li>div,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-steps-slider .ecr-slider-wrapper li>div {
max-width: 600px;
margin: 0 auto
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-steps-slider .ecr-slider-wrapper li>div a,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-steps-slider .ecr-slider-wrapper li>div p,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-steps-slider .ecr-slider-wrapper li>div a,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-steps-slider .ecr-slider-wrapper li>div p {
font-weight: 700
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn .ecr-steps-slider .ecr-slider-wrapper li>div a,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl .ecr-steps-slider .ecr-slider-wrapper li>div a {
text-decoration: underline
}
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection,
.ar .posaSuccessView .ecr-redeemSection {
background-size: cover
}
@media only screen and (max-width:991px) {
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection,
.ar .posaSuccessView .ecr-redeemSection {
direction: rtl
}
}
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right,
.ar .posaSuccessView .ecr-redeemSection .ecrrs-right {
direction: rtl
}
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left {
padding-left: 0;
padding-right: 5%
}
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left,
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-rich-text {
direction: rtl
}
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup {
left: 50%
}
@media only screen and (max-width:991px) {
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup {
left: 90%
}
}
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup:after {
left: 46%
}
@media only screen and (max-width:991px) {
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-tooltip .ecr-tooltip-wrapper .ecr-tooltip-popup:after {
left: 5%
}
}
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-tooltip {
margin-right: 10px
}
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-loggedIn .input-wrapper input {
margin-right: 0
}
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-loggedIn .input-wrapper.verified:before {
right: -1.5em
}
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-loggedIn .confirm-next-section {
display: block
}
.ar #fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-loggedIn .confirm-next-section>span {
margin-right: 10px
}
.ru #fortnite-posa-redemption.epic-code-redemption button {
font-family: BurbankBigCondensed-Black, sans-serif !important
}
.ja #fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content>h1 {
font-size: 2em
}
.ja #fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay .ecrp-confirm-content .ecrp-confirm-table h3 {
font-size: 2.25em
}
.vbuckcardTerms {
background-color: #fff
}
.vbuckcardTerms .content {
padding: 2em;
margin: 0 auto;
max-width: 940px
}
@media only screen and (max-width:767px) {
.vbuckcardTerms .content {
font-size: 14px;
padding: 5%
}
}
.vbuckcardTerms .content a,
.vbuckcardTerms .content p {
font-size: 100%
}
@media only screen and (max-width:767px) {
.vbuckcardTerms .content ol,
.vbuckcardTerms .content ul {
padding-left: 3em
}
}
@media only screen and (max-width:767px) {
.vbuckcardTerms .content img {
width: 100%;
height: auto
}
}
.vbuckcardTerms .content p>span {
white-space: unset !important
}
.watch-view {
background-color: #fff
}
.watch-view .fortnite-watch-view {
max-width: 1200px;
min-height: 90vh
}
.watch-view .fortnite-watch-view .watch-page-container {
margin-top: 3em
}
.watch-view .fortnite-watch-view .watch-page-container .live-container {
margin-bottom: 0;
margin-top: 20px;
border-top: 1px solid #dedede
}
.watch-view .fortnite-watch-view .watch-page-container .live-container .slick-control .icon-arrow:hover {
color: #1db8f3
}
@media only screen and (min-width:1400px) {
.watch-view .fortnite-watch-view .watch-page-container .live-container .slick-control .icon-arrow {
position: relative;
top: -28px
}
}
.watch-view .fortnite-watch-view .error-message {
margin-top: 8em
}
.watch-view .fortnite-watch-view .error-image {
height: 48em;
background: 50% url(003c600b787dad371c8050ffd35bc464.png) no-repeat
}
.watch-view .fortnite-watch-view h2 {
font-size: 1.4em
}
.watch-view .light-bg {
background-image: -webkit-linear-gradient(top, #60aad3, #fff 50%);
background-image: -o-linear-gradient(top, #60aad3 0, #fff 50%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#60aad3), color-stop(50%, #fff));
background-image: linear-gradient(180deg, #60aad3 0, #fff 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 96, 170, 0.82745)", endColorstr="rgb(255, 255, 255)", GradientType=0);
padding-top: 18em
}
.watch-view .page-jumbotron .section-header-imagebg {
background: bottom transparent url(faa9bb5fa4616696ad3b4bab31d6e1ec.png) no-repeat;
background-size: cover;
min-height: 11%;
position: absolute;
width: 100%
}
.watch-view .page-jumbotron .name-container h1 {
top: 1em;
font-size: 4em
}
#leaderboard .site-block {
max-width: 100%;
background-color: #fff
}
#leaderboard .site-block-heading-container .site-block-page-title {
padding-bottom: .5em
}
#leaderboard .site-block-heading-container .site-block-page-sub {
margin-bottom: 2em;
font-size: 1.2em;
font-weight: 400;
color: #fff
}
.fn-mobile-view .btn.btn-primary {
color: #000;
background-color: #ff0
}
.fn-mobile-view .btn.btn-primary:hover {
background-color: #cc0
}
.fn-mobile-view .redeemView {
background: url(fd64e454c0873bf7f80163ea059e931a.jpg) no-repeat 50%;
background-size: cover
}
.fn-mobile-view .redeemView .buttonContainer .col-sm-6:last-child {
width: 100%
}
.fn-mobile-view .redeemView .buttonContainer .btn-default {
display: none
}
.twitch-prime-login-view {
background: #e797f8;
background: -webkit-linear-gradient(315deg, #e797f8, #2a175b);
background: -o-linear-gradient(315deg, #e797f8 0, #2a175b 100%);
background: linear-gradient(135deg, #e797f8, #2a175b);
min-height: 800px;
height: 75vh;
padding-top: 2em
}
@media only screen and (max-width:991px) {
.twitch-prime-login-view {
min-height: 100%;
height: 100%
}
}
.patch-notes-view {
position: relative;
background-color: #fff
}
.patch-notes-view .section {
padding-bottom: 0
}
.patch-notes-view .section:after {
content: "";
display: block;
margin: 4em 0;
border-bottom: 1px solid #b3b3b3;
width: 66.66666667%
}
@media only screen and (max-width:1199px) {
.patch-notes-view .section:after {
width: 91.6666667%
}
}
@media only screen and (max-width:767px) {
.patch-notes-view .section {
padding-bottom: 2em
}
.patch-notes-view .section:after {
margin: 2em 0;
width: 100%
}
}
.patch-notes-view .section.noBreak:after,
.patch-notes-view .section hr {
display: none
}
.friend-invite-view {
background-size: cover !important
}
.friend-invite-overlay {
position: fixed !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99998;
width: 100%;
height: 100%;
background-color: rgba(16, 110, 160, .95)
}
.friend-invite-overlay:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(data:image/png;base64,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) no-repeat 50%;
background-size: cover;
z-index: 0
}
@media only screen and (max-width:767px) {
.friend-invite-overlay:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAKjBAMAAAD/nevzAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADnRSTlMAMzUEFA0sKAgwGiMeMvXCAPEAAAmqSURBVHja7N29yhNREMbxgZxgUJssKihYjPiBX2D1bmGj4gW4jZDCwqhgKdpYWgmWfoGlCPbyWtnJ3oGg4OUoqJscssY9u2dUdv6/O0hgk2ef2TMr/5/pp/m6MwJje3W+rngt4/Rmvu6UwNj1eeTsBRmnfRpdP5cEpiZLHz9YMrkffc57gpjJhdw4IqP1JPqkBwWm4uihI/6HCPFfviBi+m0XL2XEomvo6DWBocV83clRf9vRv37xUWAnju7FXRmzOL6/EtiJo/upsVYNPz2hIt3GLHYU72Xcovb90Mivon8qqK8bpStUpH/Hwlmc3a/zlVsCI5Olk260Nb4fFxjZp0660cZjZQ5tLo7uxQtxIIrvoy7tUpm17qd9fM2X543incDEwk832hrfvwgaVtH91CPx4b6neiWBUXQvHogTO6tPfdjLxfSX1R6eG90wfeqpuPsXgrrqRlva9+K5IL+F+hzI7lWXH3srs+juoRtt7K4eP3MTAP6ii7r6S/gsnuwoc2hDtbtudBXf/d0Lb2cU3Ys74suqfT8hyOyGw250Fd+ZQ1uZLB12o41d5tBW9qjDbrRRKnNoI7XLbvSXWRPfvwpyCj670c34fk5gFN1HuwRke3xnDt2wie6+utHG7uiX6/wTe9RpN9oolaM6Bmq33egvsyVHdRoGrftJtxGjoiLN70ZT4zwUr4Iyh85tsnTcjTZqVkbmtke9LAHZplRWRmZW0w5+N7vJUZ28gu9udKMkdnv/YvWFzg+Ia0HdzkpNNA3Oae/3QzUrI/NGdw8LkrvYp36n8AZqFwuSE2qXw447l4yCuu9GGwsq0nwWThYkd78/LphDZ4nuPJO78oY5dL7oTje6Ht+ZQ2dS041G8Z2jOnkEpRtd94RYkLV1P8+N0A+BOXQWkyXdaOwNgTNPdKcbje1TjupkULtakNzF5D5HdYYLSjfaGt9ZGTnMDZ4b3TBlDp2hdacb3fSGlZHDoztnf9viO3PogWovL49LjO8c1RkmKM+NtnmiTCIGqehGW00/cVRnWHSnG213hTn0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)
}
}
.friend-invite-overlay .sharelink-container {
max-width: 40em;
height: 20em;
margin: 0 auto;
padding: 2em;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 99999
}
@media only screen and (max-width:767px) {
.friend-invite-overlay .sharelink-container {
padding: 2em 1em
}
}
.friend-invite-overlay .sharelink-container:before {
content: "";
width: 100%;
height: 16em;
background-color: #125f8e;
position: absolute;
top: 30%;
left: 0;
right: 0;
-webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 98%);
clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 98%);
margin: 0 auto;
-webkit-transition: height .3s ease-in-out;
-o-transition: height .3s ease-in-out;
transition: height .3s ease-in-out
}
@media only screen and (max-width:1199px) {
.friend-invite-overlay .sharelink-container:before {
height: 18em
}
}
@media only screen and (max-width:991px) {
.friend-invite-overlay .sharelink-container:before {
top: 28%;
height: 16em
}
}
.friend-invite-overlay .sharelink-container .close-button {
display: inline-block;
cursor: pointer;
padding: .3em .5em .2em;
z-index: 2;
margin-bottom: .5em;
background-color: #3be1ff
}
.friend-invite-overlay .sharelink-container i.icon-down-arrow {
color: #3be1ff;
font-size: 2.5em;
display: block;
margin: .5em 0
}
@media only screen and (max-width:1199px) {
.friend-invite-overlay .sharelink-container i.icon-down-arrow {
display: none
}
}
.friend-invite-overlay .sharelink-container h1 {
font-size: 5em;
margin: 0;
color: #fff
}
@media only screen and (max-width:991px) {
.friend-invite-overlay .sharelink-container h1 {
font-size: 3em
}
}
.friend-invite-overlay .sharelink-container h3 {
font-family: BurbankSmall-Black, sans-serif;
font-size: 1.2em;
text-transform: none;
margin: 0;
color: #fff
}
@media only screen and (max-width:991px) {
.friend-invite-overlay .sharelink-container h3 {
font-size: 1em
}
}
.friend-invite-overlay .sharelink-container .note {
width: 20em;
position: absolute;
left: 98%;
top: 30%;
background-color: #3be1ff;
text-align: left;
padding: 1.5em;
-webkit-box-shadow: -8px 8px rgba(0, 0, 0, .2);
box-shadow: -8px 8px rgba(0, 0, 0, .2);
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.friend-invite-overlay .sharelink-container .note:after {
content: "";
width: 1em;
height: 1em;
position: absolute;
top: -.1em;
right: 1em;
border-top: 1em solid #3373a1;
border-right: 1em solid transparent
}
.friend-invite-overlay .sharelink-container .note h3,
.friend-invite-overlay .sharelink-container .note p {
color: #013056;
font-family: BurbankSmall-Black, sans-serif
}
.friend-invite-overlay .sharelink-container .note h3 {
text-transform: uppercase
}
.friend-invite-overlay .sharelink-container .note p {
line-height: 1.1
}
@media only screen and (max-width:1199px) {
.friend-invite-overlay .sharelink-container .note {
position: relative;
top: 0;
left: 0;
-webkit-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
width: 100%;
max-width: 30em;
padding: .5em 1em;
margin: 1em auto
}
.friend-invite-overlay .sharelink-container .note:after {
border-top: 1em solid #125f8e
}
}
.friend-invite-overlay .sharelink-container .input-link {
background-color: #013056;
color: #fff;
border-radius: 0;
border: none;
outline: 0;
text-align: center;
font-size: .9em;
width: 100%;
margin: 0 auto
}
.ja .friend-invite-overlay .sharelink-container h1,
.ko .friend-invite-overlay .sharelink-container h1 {
line-height: 1.2
}
.de .friend-invite-overlay .sharelink-container h1,
.es_ES .friend-invite-overlay .sharelink-container h1,
.es_MX .friend-invite-overlay .sharelink-container h1,
.pt_BR .friend-invite-overlay .sharelink-container h1 {
font-size: 3.75em
}
@media only screen and (max-width:991px) {
.de .friend-invite-overlay .sharelink-container h1,
.es_ES .friend-invite-overlay .sharelink-container h1,
.es_MX .friend-invite-overlay .sharelink-container h1,
.pt_BR .friend-invite-overlay .sharelink-container h1 {
font-size: 2em
}
}
.play-guide-view .content {
position: relative;
margin-top: 55px;
display: block
}
.play-guide-view .guide-info {
background-size: 0, 0, 0, cover, cover;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
background-position: 0 0, 100%, 0 0, 0 0, 0 0;
width: 100%;
overflow: auto;
padding-bottom: 30px
}
.play-guide-view .guide-info h2 {
text-align: center;
margin: 45px 0 20px;
font-size: 35px;
color: #fff
}
.play-guide-view .guide-info h3 {
text-align: center;
margin: 50px 0 20px;
font-size: 24px;
color: #fff
}
.play-guide-view .guide-info h5 {
text-align: center;
margin: 20px 0;
color: #fff;
line-height: 1.5
}
.play-guide-view .guide-info-head {
margin: 50px 5px
}
.play-guide-view .guide-info-content {
margin: 0 5px;
padding-bottom: 30px
}
.play-guide-view .guide-btn {
display: inline-block;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
text-align: center;
white-space: nowrap;
margin: 5px;
background-color: #fff;
width: calc(33.3% - 10px);
height: 41px;
line-height: 41px;
font-size: 18px;
cursor: pointer;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease;
-webkit-clip-path: polygon(0 0, 100% 0, 99% 100%, 1% 100%);
clip-path: polygon(0 0, 100% 0, 99% 100%, 1% 100%)
}
.play-guide-view .guide-btn:first-child,
.play-guide-view .guide-btn:nth-child(7),
.play-guide-view .guide-btn:nth-child(13),
.play-guide-view .guide-btn:nth-child(19) {
-webkit-clip-path: polygon(0 0, 83% 0, 80% 15%, 100% 10%, 99% 100%, 1% 100%);
clip-path: polygon(0 0, 83% 0, 80% 15%, 100% 10%, 99% 100%, 1% 100%)
}
.play-guide-view .guide-btn:nth-child(3),
.play-guide-view .guide-btn:nth-child(9),
.play-guide-view .guide-btn:nth-child(15),
.play-guide-view .guide-btn:nth-child(21) {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 17% 100%, 20% 85%, 0 90%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 17% 100%, 20% 85%, 0 90%)
}
.play-guide-view .guide-btn:nth-child(5),
.play-guide-view .guide-btn:nth-child(11),
.play-guide-view .guide-btn:nth-child(17),
.play-guide-view .guide-btn:nth-child(23) {
-webkit-clip-path: polygon(0 10%, 20% 15%, 17% 0, 100% 10%, 99% 100%, 1% 100%);
clip-path: polygon(0 10%, 20% 15%, 17% 0, 100% 10%, 99% 100%, 1% 100%)
}
.play-guide-view .guide-btn.active {
background-color: #fffe55;
cursor: default
}
.play-guide-view .guide-text {
text-align: center;
margin-top: 20px;
font-size: 13px;
line-height: 18px;
color: #fff
}
.play-guide-view .guide-map {
background-color: #fff;
width: 400px;
height: 400px;
margin: 20px auto;
padding: 20px;
-webkit-clip-path: polygon(0 0, 100% 3%, 98% 98%, 3% 100%);
clip-path: polygon(0 0, 100% 3%, 98% 98%, 3% 100%)
}
.play-guide-view .guide-map:hover .cover {
display: block
}
.play-guide-view .guide-map div {
background-repeat: no-repeat;
background-size: cover;
height: 100%
}
.play-guide-view .guide-map .cover {
margin-top: -100%;
display: none
}
.play-guide-view .guide-selection .guide-btn {
width: calc(33% - 10px)
}
.play-guide-view .guide-tip-wrap {
position: relative;
margin-top: 80px
}
.play-guide-view .guide-tip-content {
background-color: #6221b3;
text-align: center;
color: #c99af9;
padding: 50px 80px;
margin-bottom: 30px;
font-size: 13px;
-webkit-clip-path: polygon(0 0, 100% 15px, 99% calc(100% - 15px), 1% 100%);
clip-path: polygon(0 0, 100% 15px, 99% calc(100% - 15px), 1% 100%)
}
.play-guide-view .guide-tip-content:nth-child(3) {
-webkit-clip-path: polygon(0 0, 93% 15px, 90% 35px, 100% 33px, 99% calc(100% - 15px), 1% 100%);
clip-path: polygon(0 0, 93% 15px, 90% 35px, 100% 33px, 99% calc(100% - 15px), 1% 100%)
}
.play-guide-view .guide-tip-content h5 {
font-size: 15px
}
.play-guide-view .guide-tip-content img {
max-width: 100%
}
.play-guide-view .guide-tip-title {
position: absolute;
top: -30px;
left: -20px;
z-index: 1;
display: inline-block;
background-color: #c9c9d8;
padding: 5px 40px;
font-weight: 700;
font-size: 2.5rem;
-webkit-clip-path: polygon(13% 0, 76% 0, 68% 17%, 100% 14%, 87% 100%, 0 100%);
clip-path: polygon(13% 0, 76% 0, 68% 17%, 100% 14%, 87% 100%, 0 100%)
}
.play-guide-view .guide-table {
margin-top: 30px;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
background-color: #fff;
text-align: center
}
.play-guide-view .guide-table tr.has-info td {
background-color: #fff
}
.play-guide-view .guide-table th {
background-color: #000;
color: #fff;
text-align: center;
padding: 15px 20px;
border: 5px solid #000
}
.play-guide-view .guide-table td {
border: 5px solid #fff;
background-color: #edeef2;
width: 15%;
padding: 10px
}
.play-guide-view .guide-table td:first-child {
padding: 0
}
.play-guide-view .guide-table td:last-child {
width: auto;
text-align: left
}
.play-guide-view .guide-table img {
width: 100%
}
.play-guide-view .guide-extra img {
max-width: 100%
}
.play-guide-view.map-information .guide-selection .guide-btn,
.play-guide-view.piece .guide-selection .guide-btn {
width: calc(25% - 10px)
}
.play-guide-view.key-binding .guide-tip-title {
display: none
}
.play-guide-view.key-binding .guide-tip-content {
background-color: #6edcfa;
color: #009ed0
}
.play-guide-view.fortnite-school .guide-selection .guide-btn {
width: calc(50% - 10px)
}
.play-guide-view.fortnite-school .guide-tip-title {
background-color: #fff
}
.play-guide-view.fortnite-school .guide-tip-content {
background-color: #e37239;
color: #fff;
text-align: left
}
@media only screen and (min-width:568px) {
.play-guide-view .content {
margin-top: 65px
}
.play-guide-view .guide-info-content {
margin: 0 30px
}
.play-guide-view .guide-info h2 {
font-size: 40px
}
.play-guide-view .guide-info h3 {
font-size: 30px
}
.play-guide-view .guide-tip-content {
font-size: 16px
}
.play-guide-view .guide-tip-content h5 {
font-size: 19px
}
.play-guide-view .guide-text {
font-size: 16px;
line-height: 22px
}
.play-guide-view .guide-btn {
height: 60px;
line-height: 60px;
font-size: 22px
}
}
@media only screen and (min-width:768px) {
.play-guide-view .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.play-guide-view .guide-menu-wrap {
width: 317px;
min-width: 317px
}
.play-guide-view .guide-info h2 {
font-size: 38px;
margin-top: 70px
}
.play-guide-view .guide-info h3 {
font-size: 28px
}
.play-guide-view .guide-info-content,
.play-guide-view .guide-info-head {
margin: 0 8%
}
.play-guide-view .guide-tip-content {
font-size: 13px
}
.play-guide-view .guide-tip-content h5 {
font-size: 15px
}
.play-guide-view .guide-text {
font-size: 13px;
line-height: 18px
}
.play-guide-view .guide-btn {
height: 44px;
line-height: 44px;
font-size: 18px
}
}
@media only screen and (min-width:992px) {
.play-guide-view .guide-info {
background-size: contain, auto, contain, cover, cover
}
.play-guide-view .guide-info h2 {
font-size: 50px;
margin-top: 95px
}
.play-guide-view .guide-info h3 {
font-size: 36px
}
.play-guide-view .guide-tip-content {
font-size: 14px
}
.play-guide-view .guide-tip-content h5 {
font-size: 16px
}
.play-guide-view .guide-text {
font-size: 14px;
line-height: 24px
}
.play-guide-view .guide-btn {
height: 58px;
line-height: 58px;
font-size: 21px
}
}
@media only screen and (min-width:1200px) {
.play-guide-view .guide-info h2 {
font-size: 60px
}
.play-guide-view .guide-info h3 {
font-size: 44px
}
.play-guide-view .guide-info-content,
.play-guide-view .guide-info-head {
margin: 0 10%
}
.play-guide-view .guide-tip-content {
font-size: 16px
}
.play-guide-view .guide-tip-content h5 {
font-size: 19px
}
.play-guide-view .guide-text {
font-size: 16px;
line-height: 27px
}
.play-guide-view .guide-btn {
height: 65px;
line-height: 65px;
font-size: 24
}
}
@media only screen and (min-width:1400px) {
.play-guide-view .guide-info h2 {
font-size: 80px
}
.play-guide-view .guide-info h3 {
font-size: 52px
}
.play-guide-view .guide-info-content,
.play-guide-view .guide-info-head {
margin: 0 16%
}
.play-guide-view .guide-tip-content {
font-size: 18px
}
.play-guide-view .guide-tip-content h5 {
font-size: 22px
}
.play-guide-view .guide-text {
font-size: 18px;
line-height: 30px
}
.play-guide-view .guide-btn {
height: 71px;
line-height: 71px;
font-size: 28px
}
}
.play-guide-view.home .content {
margin: 0;
padding: 0;
overflow: auto
}
.play-guide-view.home .guides {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.play-guide-view.home .guide {
display: block;
background-repeat: no-repeat;
background-position: 50%;
background-size: auto 50%;
text-align: center;
width: 100%;
height: 55px;
background-size: 0;
padding-top: 10px;
-webkit-transition: width .2s;
-o-transition: width .2s;
transition: width .2s
}
.play-guide-view.home .guide:hover {
border-bottom: 5px solid #ecfd5f
}
.play-guide-view.home .guide:first-child {
background-color: #9a50d8
}
.play-guide-view.home .guide:nth-child(2) {
background-color: #3ddabb
}
.play-guide-view.home .guide:nth-child(3) {
background-color: #f36a22;
margin: 0
}
.play-guide-view.home .guide span {
color: #fff;
font-size: 22px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap
}
.play-guide-view.home .guide-text {
color: inherit
}
@media only screen and (max-width:767px) {
.play-guide-view.home {
background: -webkit-linear-gradient(135deg, #72b8d1, #7beccd) !important;
background: -o-linear-gradient(135deg, #72b8d1, #7beccd) !important;
background: linear-gradient(-45deg, #72b8d1, #7beccd) !important
}
}
@media only screen and (min-width:568px) {
.play-guide-view.home .guide {
background-size: auto 50%;
padding-top: 85px;
height: 130px;
border-bottom: 6px solid transparent
}
.play-guide-view.home .guide:hover {
border-bottom: 6px solid #ecfd5f
}
.play-guide-view.home .guide span {
font-size: 25px
}
}
@media only screen and (min-width:768px) {
.play-guide-view.home {
background-repeat: no-repeat, no-repeat;
background-position: 0 0, 0 0;
background-size: cover, cover
}
.play-guide-view.home .guides {
display: block;
margin: 50px 0
}
.play-guide-view.home .guide {
margin-bottom: 15px;
height: 125px;
width: 152px
}
.play-guide-view.home .guide:hover {
width: 170px;
border: 0
}
.play-guide-view.home .guide:first-child:hover {
-webkit-clip-path: polygon(0 0, 0 3%, 19% 16%, 0 9%, 0 100%, 14% 93%, 10% 100%, 100% 100%, 100% 99%, 85% 86%, 100% 91%, 100% 0, 95% 0, 79% 9%, 86% 0);
clip-path: polygon(0 0, 0 3%, 19% 16%, 0 9%, 0 100%, 14% 93%, 10% 100%, 100% 100%, 100% 99%, 85% 86%, 100% 91%, 100% 0, 95% 0, 79% 9%, 86% 0)
}
.play-guide-view.home .guide:nth-child(2):hover {
-webkit-clip-path: polygon(0 0, 0 3%, 11% 12%, 0 9%, 0 100%, 6% 100%, 18% 92%, 13% 100%, 100% 100%, 100% 96%, 88% 81%, 100% 90%, 100% 0, 98% 0, 85% 9%, 91% 0);
clip-path: polygon(0 0, 0 3%, 11% 12%, 0 9%, 0 100%, 6% 100%, 18% 92%, 13% 100%, 100% 100%, 100% 96%, 88% 81%, 100% 90%, 100% 0, 98% 0, 85% 9%, 91% 0)
}
.play-guide-view.home .guide:nth-child(3):hover {
-webkit-clip-path: polygon(0 0, 0 90%, 13% 82%, 0 98%, 0 100%, 91% 100%, 86% 91%, 100% 100%, 100% 9%, 86% 16%, 100% 4%, 100% 0, 13% 0, 18% 8%, 6% 0);
clip-path: polygon(0 0, 0 90%, 13% 82%, 0 98%, 0 100%, 91% 100%, 86% 91%, 100% 100%, 100% 9%, 86% 16%, 100% 4%, 100% 0, 13% 0, 18% 8%, 6% 0)
}
.play-guide-view.home .guide span {
font-size: 20px
}
.play-guide-view.home .guide-info {
width: 328px;
padding: 30px 0;
margin: 0 12% 0 0
}
}
@media only screen and (min-width:992px) {
.play-guide-view.home .guide {
height: 165px;
width: 185px;
padding-top: 110px
}
.play-guide-view.home .guide:hover {
width: 210px
}
.play-guide-view.home .guide span {
font-size: 24px
}
.play-guide-view.home .guide-info {
width: 450px
}
}
@media only screen and (min-width:1200px) {
.play-guide-view.home .guide {
height: 210px;
width: 240px;
padding-top: 135px
}
.play-guide-view.home .guide:hover {
width: 265px
}
.play-guide-view.home .guide span {
font-size: 32px
}
.play-guide-view.home .guide-info {
width: 550px
}
}
@media only screen and (min-width:1400px) {
.play-guide-view.home .guide {
height: 262px;
width: 316px;
padding-top: 185px
}
.play-guide-view.home .guide:hover {
width: 372px
}
.play-guide-view.home .guide span {
font-size: 40px
}
.play-guide-view.home .guide-info {
width: 742px
}
}
.summer-skirmish-view {
position: relative;
min-height: 80vh;
overflow: hidden;
background: #87e0fd;
background: -webkit-linear-gradient(-45deg, #3561ae, #56c0da);
background: -webkit-linear-gradient(315deg, #3561ae, #56c0da);
background: -o-linear-gradient(315deg, #3561ae 0, #56c0da 100%);
background: linear-gradient(135deg, #3561ae, #56c0da);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3561ae", endColorstr="#56c0da", GradientType=1);
z-index: 0;
padding: 4em 0 0
}
.summer-skirmish-view:after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB9CAYAAABzlUfvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZBN0Q2QTM0ODlENTExRTg4MjFCRjg3Rjg5NjNCNEQ4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZBN0Q2QTM1ODlENTExRTg4MjFCRjg3Rjg5NjNCNEQ4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkE3RDZBMzI4OUQ1MTFFODgyMUJGODdGODk2M0I0RDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkE3RDZBMzM4OUQ1MTFFODgyMUJGODdGODk2M0I0RDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Y9xrrAAAKgklEQVR42uyd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) repeat 0 0;
opacity: .75;
background-size: 10em auto;
z-index: 0
}
.fall-skirmish-view {
position: relative;
min-height: 80vh;
overflow: hidden;
padding: 4em 0 0
}
.fall-skirmish-view:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1080px;
background: url(102dd0c78eb3987133adc25548980ab1.jpg) no-repeat 50%;
background-size: cover
}
.android-view {
background: #0583fc;
background-image: -webkit-linear-gradient(315deg, #0583fc, #3fdbf8 95%, #3fdbf8);
background-image: -o-linear-gradient(315deg, #0583fc 0, #3fdbf8 95%, #3fdbf8 100%);
background-image: linear-gradient(135deg, #0583fc, #3fdbf8 95%, #3fdbf8)
}
.android-view .btn.btn-display.no-animate:after {
-webkit-clip-path: polygon(2% 5%, 98% 0, 100% 100%, 0 100%);
clip-path: polygon(2% 5%, 98% 0, 100% 100%, 0 100%)
}
.android-view .btn.btn-display span {
display: block;
margin-top: 3px
}
.android-view .redeemView {
background: #0583fc;
background-image: -webkit-linear-gradient(315deg, #0583fc, #3fdbf8 95%, #3fdbf8);
background-image: -o-linear-gradient(315deg, #0583fc 0, #3fdbf8 95%, #3fdbf8 100%);
background-image: linear-gradient(135deg, #0583fc, #3fdbf8 95%, #3fdbf8)
}
.creative-view,
.retail-bundle-view {
background-color: #fff
}
.creative-view.extraPadding {
padding-bottom: 15em
}
.creative-view .section {
max-width: 1600px;
width: 100%;
margin: 0 auto;
padding: 0 1em
}
.videoRecap {
background-size: cover;
background-position: 50%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 10px;
min-height: 80vh
}
@media only screen and (max-width:767px) {
.videoRecap {
font-size: 8px
}
}
.videoRecap .videoRecap-underlayer {
background-color: rgba(0, 0, 0, .8);
-webkit-clip-path: polygon(0 3%, 100% 0, 99% 100%, 1% 97%);
clip-path: polygon(0 3%, 100% 0, 99% 100%, 1% 97%);
padding: 5em;
max-width: 1200px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin: 10% 3%;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center
}
.videoRecap .videoRecap-underlayer h1.videoRecap-title {
color: #0cf;
font-size: 3em
}
.videoRecap .videoRecap-underlayer h4.videoRecap-subtitle {
color: #fff;
line-height: 1.5;
font-size: 1.8em;
font-family: BurbankSmall-Black, sans-serif
}
.videoRecap .videoRecap-underlayer .btn-primary {
margin-top: 2em;
padding: 1% 1em;
font-size: 3em;
-webkit-clip-path: polygon(0 2%, 100% 0, 99% 100%, 1% 97%);
clip-path: polygon(0 2%, 100% 0, 99% 100%, 1% 97%)
}
.customVideoRecapView {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
min-height: 85vh;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background: #fff
}
.customVideoRecapView .background {
position: absolute;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .5)));
background: -webkit-linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
background: -o-linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
background-size: cover;
background-position: 50%;
width: 100%;
height: 100%
}
.customVideoRecapView .background-overlay {
position: relative;
text-align: center;
padding: 2em;
text-shadow: 0 0 20px #000;
margin: auto 25%
}
@media only screen and (min-width:1200px) {
.customVideoRecapView .background-overlay h1 {
font-size: 4em
}
}
.customVideoRecapView .background-overlay h1,
.customVideoRecapView .background-overlay p {
color: #fff;
font-weight: bolder
}
@media only screen and (max-width:767px) {
.customVideoRecapView .background-overlay {
padding: 1em;
margin: auto 1em
}
}
.customVideoRecapView .cvrv-creating-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .8);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
z-index: 99;
color: #fff;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 2%;
text-align: center
}
.customVideoRecapView .cvrv-creating-overlay h2 {
margin: -30px auto 0
}
.customVideoRecapView .cvrv-creating-overlay .goback {
-webkit-clip-path: polygon(0 0, 100% 9%, 98% 96%, 1% 100%);
clip-path: polygon(0 0, 100% 9%, 98% 96%, 1% 100%);
background-color: #1db8f3;
color: #fff;
padding: 15px 50px;
font-size: 200%;
margin-top: 40px
}
.customVideoRecapView .cvrv-btn {
position: relative;
padding: .5em 1.5em;
background-color: #1db8f3;
color: #fff;
font-size: 2em;
text-align: center;
-webkit-clip-path: polygon(0 0, 100% 10%, 98% 90%, 2% 100%);
clip-path: polygon(0 0, 100% 10%, 98% 90%, 2% 100%);
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear
}
@media only screen and (max-width:991px) {
.customVideoRecapView .cvrv-btn {
font-size: 1.6em;
margin: .2em 0
}
}
.customVideoRecapView .cvrv-btn.divider {
margin: 2em auto
}
.customVideoRecapView .cvrv-btn.small {
font-size: 1.2em
}
.customVideoRecapView .cvrv-btn.diagonal {
-webkit-clip-path: polygon(0 10%, 100% 0, 98% 100%, 1% 90%);
clip-path: polygon(0 10%, 100% 0, 98% 100%, 1% 90%)
}
.customVideoRecapView .cvrv-btn.inverted {
background-color: #000;
color: #000
}
.customVideoRecapView .cvrv-btn.inverted.blue {
color: #1db8f3;
background-color: #1db8f3
}
.customVideoRecapView .cvrv-btn.inverted:before {
position: absolute;
content: "";
-webkit-clip-path: polygon(1% 15%, 99% 6%, 97% 95%, 2% 86%);
clip-path: polygon(1% 15%, 99% 6%, 97% 95%, 2% 86%);
background-color: #fff;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: -1
}
.customVideoRecapView .cvrv-btn[disabled] {
background-color: grey
}
.customVideoRecapView .cvrv-btn[disabled].inverted {
color: grey
}
.customVideoRecapView .cvrv-btn:hover {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03)
}
.customVideoRecapView a,
.customVideoRecapView button {
outline: 0;
display: block;
border: 0;
text-transform: uppercase;
font-family: BurbankSmall-Black, sans-serif;
margin: 0 auto
}
.customVideoRecapView a[disabled],
.customVideoRecapView button[disabled] {
cursor: not-allowed;
pointer-events: none
}
.customVideoRecapView a:hover,
.customVideoRecapView button:hover {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03)
}
.noheader {
height: 100%
}
.noheader .text-color,
.noheader a,
.noheader nav {
color: #e7e7e7
}
.noheader i {
color: #ccc
}
.noheader .text-color-before-after:after,
.noheader .text-color-before-after:before,
.noheader .text-color-bg {
background-color: #e7e7e7
}
.noheader .text-color-border {
border-color: #e7e7e7 !important
}
.noheader .text-color-hover-border:hover {
border-color: #fff !important
}
.noheader .text-color-nonactive-border {
border-color: #ccc !important
}
.noheader .text-color-dark-nonactive-border {
border-color: #999 !important
}
.noheader .text-color-border-after:hover:after {
border-color: #fff !important
}
.noheader .text-color-border-after:after {
border-color: #e7e7e7 !important
}
.noheader .text-color-active {
color: #fff
}
.noheader .text-color-hover:hover,
.noheader .text-color-hover:hover>i,
.noheader i:hover {
color: #fff !important
}
.noheader .text-color-nonactive {
color: #ccc
}
.noheader .text-color-dark-nonactive {
color: #999
}
.noheader .page-body {
height: 100%
}
.noheader .container {
position: absolute;
padding: 0;
top: 0;
right: 0;
width: 100%;
z-index: 1000
}
.noheader .container .locale-wrapper {
width: 128px;
float: right;
padding-right: 1em
}
.noheader .container .fulls {
float: left;
margin: 3.35vw 3.5vw 0 2vw
}
@media only screen and (max-width:991px) {
.noheader .container .fulls {
width: 4.5em;
text-align: right
}
}
.noheader .container .fulls a {
font-weight: 700;
color: #fff;
font-size: 1vw
}
@media only screen and (max-width:991px) {
.noheader .container .fulls a {
font-size: .5em
}
}
.noheader .container .fulls a:hover {
color: #ff0 !important
}
.noheader .container .fulls.right {
float: right
}
.noheader .container #locale {
float: right;
text-align: right;
width: 128px;
background-color: unset;
font-size: 1.2em
}
.noheader .container #locale i {
color: #fff
}
.noheader .container .lines.accent-text-color,
.noheader .container .lines.accent-text-color:after,
.noheader .container .lines.accent-text-color:before {
background-color: #000
}
.noheader .container .locale-list {
background-color: #2a2a2a
}
.noheader .container #egh {
background-color: none;
background: none;
height: 4vw;
margin: 3.5vw 0 0 3.5vw
}
.noheader .container #egh .propLogo {
width: 12.25vw;
background-size: cover;
height: 4vw;
margin: 0;
cursor: hand;
cursor: pointer
}
@media only screen and (max-width:950px) and (min-width:768px) {
.noheader .container #locale,
.noheader .container #locale a {
width: 60px;
min-width: 60px
}
.noheader .container #locale a .label {
display: none
}
.noheader .container #locale:after {
right: 12px
}
}
.noheader .container #locale {
padding: 0
}
.noheader .container #locale ul {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
padding: .5em 0;
width: auto;
position: absolute;
top: 1.5em;
left: -60px;
min-width: 180px;
z-index: 4
}
@media only screen and (min-width:768px) and (max-width:1199px) {
.noheader .container #locale ul {
right: -48px;
left: auto
}
}
.noheader .container #locale ul.ul-right {
right: -60px;
left: auto
}
.noheader .container #locale ul.ul-right.ul-right-0 {
right: 0
}
.noheader .container #locale ul li {
float: none;
display: block;
width: 100%;
margin: .1em 0;
text-align: center
}
.noheader .container #locale ul li a {
padding: 0 .9em;
text-align: center;
width: auto
}
.noheader .container #locale ul li a p,
.noheader .container #locale ul li a span {
font-size: .625em;
text-transform: uppercase;
line-height: 12px;
height: 100%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.noheader .container #locale:hover a {
opacity: 1
}
.noheader .container #locale:hover ul {
opacity: 1;
height: auto;
visibility: visible;
-webkit-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out
}
div.page-body {
background-color: #f5faff
}
div.page-body h1,
div.page-body h2,
div.page-body h3,
div.page-body h4,
div.page-body h5,
div.page-body h6 {
font-family: BurbankBigRegular-Black, sans-serif
}
html[lang=ar] div.page-body {
direction: rtl
}
html[lang=ar] div.page-body div.LPdownloadSelection .LPdlinnerwrapper.default .legalTags {
-webkit-align-self: end;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end
}
.wrapper button.btn.btn-red,
.wrapper button.btn.btn-red:hover {
background: #e8473d;
background-color: #e8473d
}
.wrapper .chapter2-season3 .BgCTA-container {
height: 100vh;
min-height: 800px
}
@media only screen and (max-width:767px) {
.wrapper .chapter2-season3 .BgCTA-container {
min-height: 600px;
height: 90vh
}
}
.wrapper .chapter2-season3 .BgCTA-container .BgCTA-wrapper {
width: 100%;
height: 100%;
background-position: top;
background-repeat: no-repeat
}
.wrapper .chapter2-season3 .BgCTA-container .center {
position: absolute;
padding-top: 50px;
color: #fff;
left: 0;
right: 0;
width: 100%;
text-align: center;
top: 10%;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
@media only screen and (min-width:768px) {
.wrapper .chapter2-season3 .BgCTA-container .center {
top: 15%
}
}
@media only screen and (min-width:992px) {
.wrapper .chapter2-season3 .BgCTA-container .center {
top: 20%
}
}
@media only screen and (min-width:1200px) {
.wrapper .chapter2-season3 .BgCTA-container .center {
top: 25%
}
}
@media only screen and (max-width:991px) {
.wrapper .chapter2-season3 .BgCTA-container .center {
height: 90vh;
max-height: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 10vh;
padding-bottom: 12vh
}
}
.wrapper .chapter2-season3 .BgCTA-container .center button {
margin-top: 10vw
}
@media only screen and (max-width:1199px) {
.wrapper .chapter2-season3 .BgCTA-container .center button {
margin-top: 25vw
}
}
@media only screen and (max-width:767px) {
.wrapper .chapter2-season3 .BgCTA-container .center button {
margin-top: 50vw
}
}
.wrapper .chapter2-season3 .BgCTA-container .center a,
.wrapper .chapter2-season3 .BgCTA-container .center button {
color: #fff;
opacity: 0
}
.wrapper .chapter2-season3 .BgCTA-container .center img {
width: 30vw;
margin-bottom: 0
}
@media only screen and (max-width:991px) {
.wrapper .chapter2-season3 .BgCTA-container .center img {
width: 90%
}
}
.wrapper .chapter2-season3 .BgCTA-container .center h1 {
opacity: 0
}
@media only screen and (max-width:767px) {
.wrapper .chapter2-season3 .BgCTA-container .center {
text-align: center
}
}
.wrapper .chapter2-season3 .BgCTA-container .center h1:first-child {
position: relative;
z-index: 1;
font-size: 1.875em;
line-height: 1.5;
text-shadow: 0 0 8px rgba(255, 126, 0, .8), 0 5px 8px rgba(255, 126, 0, .3);
letter-spacing: 5px;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
margin: 0 0 10px
}
@media only screen and (max-width:1199px) {
.wrapper .chapter2-season3 .BgCTA-container .center h1:first-child {
font-size: 1.875em
}
}
@media only screen and (max-width:767px) {
.wrapper .chapter2-season3 .BgCTA-container .center h1:first-child {
letter-spacing: 2px
}
}
.wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2) {
font-size: 9vw;
font-style: italic;
margin: 0;
text-shadow: 0 0 40px rgba(255, 126, 0, .8), 0 5px 8px rgba(255, 126, 0, .3)
}
@media only screen and (max-width:1199px) {
.wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2) {
font-size: 5.5em
}
}
@media only screen and (max-width:991px) {
.wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2) {
font-size: 3em
}
}
@media only screen and (max-width:767px) {
.wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2) {
font-size: 64px
}
}
.wrapper .chapter2-season3 .BgCTA-container .center.active button,
.wrapper .chapter2-season3 .BgCTA-container .center.active h1,
.wrapper .chapter2-season3 .BgCTA-container .center.active p {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
-webkit-animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .6s forwards;
animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .6s forwards
}
.noheader .chapter2-season3 .container .fulls {
margin: 1.35vw 3.5vw 0 2vw
}
.noheader .chapter2-season3-thankyou .candownload {
color: #ec2c1f
}
.noheader .chapter2-season3-thankyou .available,
.noheader .chapter2-season3-thankyou .downloadLegalTags,
.noheader .chapter2-season3-thankyou .fordownload,
.noheader .chapter2-season3-thankyou .selectPlatform,
.noheader .chapter2-season3-thankyou .thankyou,
.noheader .chapter2-season3-thankyou a.returnLink {
color: #001a2d !important
}
.noheader .chapter2-season3-thankyou div.LPdownloadSelection .LPdlwrapper .LPdlwrapper-lowlight-overlay {
background-color: unset
}
.de .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.es_ES .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.es_MX .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.fr .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.it .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.ja .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.kr .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.pt_BR .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.ru .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2) {
font-size: 5vw;
line-height: 1
}
@media only screen and (max-width:1199px) {
.de .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.es_ES .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.es_MX .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.fr .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.it .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.ja .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.kr .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.pt_BR .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.ru .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2) {
font-size: 4em
}
}
@media only screen and (max-width:991px) {
.de .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.es_ES .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.es_MX .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.fr .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.it .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.ja .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.kr .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.pt_BR .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2),
.ru .wrapper .chapter2-season3 .BgCTA-container .center h1:nth-child(2) {
font-size: 2em
}
}
@media only screen and (max-width:767px) {
.de .wrapper .chapter2-season3 .BgCTA-container .center h1:first-child,
.es_ES .wrapper .chapter2-season3 .BgCTA-container .center h1:first-child,
.es_MX .wrapper .chapter2-season3 .BgCTA-container .center h1:first-child,
.fr .wrapper .chapter2-season3 .BgCTA-container .center h1:first-child,
.it .wrapper .chapter2-season3 .BgCTA-container .center h1:first-child,
.ja .wrapper .chapter2-season3 .BgCTA-container .center h1:first-child,
.kr .wrapper .chapter2-season3 .BgCTA-container .center h1:first-child,
.pt_BR .wrapper .chapter2-season3 .BgCTA-container .center h1:first-child,
.ru .wrapper .chapter2-season3 .BgCTA-container .center h1:first-child {
font-size: 1.2em;
text-shadow: none;
letter-spacing: 2px
}
}
.partyroyale {
font-family: BurbankBigRegular-Black, sans-serif
}
.partyroyale.page-body {
background-color: #fff
}
.partyroyale p {
font-family: BurbankBigRegular-Black, sans-serif
}
.partyroyale .BgSec-container .wrapper {
background-size: cover
}
.partyroyale .cta-container.PartyRoyal-LPCenterHeader {
margin-top: 1em
}
.partyroyale .cta-container.PartyRoyal-LPCenterHeader h1 {
background: #2f96ff;
background: -webkit-gradient(linear, left top, right top, from(#2f96ff), color-stop(13%, #462399), color-stop(61%, #f8194c), to(#f1d90d));
background: -webkit-linear-gradient(left, #2f96ff, #462399 13%, #f8194c 61%, #f1d90d);
background: -o-linear-gradient(left, #2f96ff 0, #462399 13%, #f8194c 61%, #f1d90d 100%);
background: linear-gradient(90deg, #2f96ff, #462399 13%, #f8194c 61%, #f1d90d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: inline
}
.partyroyale .cta-container.PartyRoyal-LPCenterHeader .cta-wrapper {
max-width: 600px;
width: 100%;
margin: 0 auto
}
@media only screen and (min-width:1200px) {
.partyroyale .cta-container.PartyRoyal-LPCenterHeader .cta-wrapper {
max-width: 900px
}
.partyroyale .cta-container.PartyRoyal-LPCenterHeader .cta-wrapper .btn,
.partyroyale .cta-container.PartyRoyal-LPCenterHeader .cta-wrapper h1 {
font-size: 1em
}
}
.partyroyale .cta-container.PartyRoyal-LPCenterHeader .cta-wrapper .btn {
margin-top: .6em
}
.partyroyale .cta-container.PartyRoyal-LPCenterHeader .cta-wrapper p {
line-height: 1
}
@media only screen and (max-width:767px) {
.partyroyale .cta-container.PartyRoyal-LPCenterHeader .cta-wrapper {
width: 100%
}
.partyroyale .cta-container.PartyRoyal-LPCenterHeader .cta-wrapper .btn {
font-size: 1.3em;
margin-top: 0
}
.partyroyale .cta-container.PartyRoyal-LPCenterHeader .cta-wrapper p {
width: 80%;
font-size: 1em;
line-height: 1.2;
padding-bottom: 1em;
padding-top: .5em
}
}
.partyroyale .cta-container.PartyRoyal-LPCenterHeader .cta-wrapper div div:nth-child(3) .visible-xs-inline-block {
margin-top: -.125em
}
.partyroyale .cta-container.PartyRoyal-LPCenterHeader .visible-xs-inline-block {
font-size: 2.5em;
line-height: 1
}
@media only screen and (max-width:991px) {
.partyroyale .cta-container.PartyRoyal-LPCenterHeader.cta-container {
padding: 1em 1em 2.5em
}
}
.partyroyale .BgImgVd-container {
position: relative
}
.partyroyale .BgImgVd-container .clip {
-webkit-clip-path: polygon(0 50%, 100% 0, 100% 105%, 0 105%);
clip-path: polygon(0 50%, 100% 0, 100% 105%, 0 105%);
margin-bottom: -5px;
height: 100px;
background-color: #fff;
position: absolute;
bottom: 0;
right: 0;
width: 100%;
z-index: 5
}
.partyroyale .BgImgVd-container .LPVideo {
margin: 0 5%;
z-index: 10
}
.partyroyale .PosterList {
color: #000
}
@media only screen and (max-width:991px) {
.partyroyale .PosterList .PosterItem .title {
font-size: 1em
}
}
@media only screen and (min-width:768px) {
.partyroyale .PosterList .PosterItem .title {
font-size: .75em
}
}
@media only screen and (min-width:992px) {
.partyroyale .PosterList .PosterItem .title {
font-size: 1em
}
}
@media only screen and (min-width:1200px) {
.partyroyale .PosterList .PosterItem .title {
font-size: 1.1em
}
}
.partyroyale .ScheduleList {
text-align: center;
color: #000
}
.partyroyale .ScheduleList .container-fluid {
padding: .25em 10px 2em;
text-align: center
}
@media only screen and (max-width:991px) {
.partyroyale .ScheduleList .container-fluid {
padding-top: 1em
}
}
@media only screen and (min-width:1200px) {
.partyroyale .ScheduleList .container-fluid {
margin-top: 1em
}
}
.partyroyale .ScheduleList h1 {
background: #2f96ff;
background: -webkit-gradient(linear, left top, right top, from(#2f96ff), color-stop(13%, #462399), color-stop(61%, #f8194c), to(#f1d90d));
background: -webkit-linear-gradient(left, #2f96ff, #462399 13%, #f8194c 61%, #f1d90d);
background: -o-linear-gradient(left, #2f96ff 0, #462399 13%, #f8194c 61%, #f1d90d 100%);
background: linear-gradient(90deg, #2f96ff, #462399 13%, #f8194c 61%, #f1d90d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: inline
}
.partyroyale .ScheduleList .ScheduleItem {
margin: 0
}
.partyroyale .ScheduleList .ScheduleItem div {
padding: .25em 1em;
text-align: left
}
@media only screen and (min-width:768px) {
.partyroyale .ScheduleList .ScheduleItem div {
padding: .9em 1em
}
}
@media only screen and (min-width:1200px) {
.partyroyale .ScheduleList .ScheduleItem div {
padding: 1em .5em
}
}
.partyroyale .ScheduleList .ScheduleItem div a {
text-transform: uppercase
}
@media only screen and (max-width:991px) {
.partyroyale .ScheduleList .ScheduleItem {
font-size: .8em;
padding: .65em 0
}
.partyroyale .ScheduleList .ScheduleItem div {
padding: 0;
text-align: center
}
}
@media only screen and (max-width:1199px) {
.partyroyale .ScheduleList .ScheduleItem {
font-size: .8em
}
}
@media only screen and (min-width:1200px) {
.partyroyale .ScheduleList .ScheduleItem {
font-size: 1.2em
}
}
body.ru .partyroyale {
font-family: BurbankBigCondensed-Black, sans-serif
}
body.ko .partyroyale {
font-family: NotoSansCJKkr, sans-serif
}
body.ja .partyroyale {
font-family: NotoSansCJKjp, sans-serif
}
.forumSunset {
background: url(5ba9f1b6f10104c1ab882eaee97c8250.jpg) 50% no-repeat;
background-size: cover !important;
font-size: 16px;
overflow: hidden;
min-height: 90vh
}
.forumSunset:after,
.forumSunset:before {
content: " ";
display: table
}
.forumSunset:after {
clear: both
}
@media only screen and (max-width:1199px) {
.forumSunset {
min-height: 85vh
}
}
@media only screen and (max-width:991px) {
.forumSunset {
padding: 1em
}
}
.forumSunset .content {
padding: 2em;
background-color: #f8f8f8;
border: 1px solid #e8e8e8;
margin: 3em auto;
max-width: 940px
}
#blockPartyView.block-party-view-container {
background-color: #212121;
font-size: 16px
}
#blockPartyView.block-party-view-container a,
#blockPartyView.block-party-view-container h1,
#blockPartyView.block-party-view-container h2,
#blockPartyView.block-party-view-container h3,
#blockPartyView.block-party-view-container h4 {
font-family: BurbankBigRegular-Black, sans-serif
}
#blockPartyView.block-party-view-container a {
font-family: BurbankSmall-Black, sans-serif
}
#blockPartyView.block-party-view-container .bpv-header {
background: #fff;
position: relative
}
#blockPartyView.block-party-view-container .bpv-header .bpv-header-wrapper {
max-width: 800px;
margin: 0 auto;
padding: 3em;
text-align: center
}
@media only screen and (max-width:991px) {
#blockPartyView.block-party-view-container .bpv-header .bpv-header-wrapper {
font-size: 14px
}
}
@media only screen and (max-width:767px) {
#blockPartyView.block-party-view-container .bpv-header .bpv-header-wrapper {
font-size: 12px
}
}
#blockPartyView.block-party-view-container .bpv-header .bpv-header-wrapper img {
margin: 0 auto
}
#blockPartyView.block-party-view-container .bpv-header .bpv-header-wrapper h1,
#blockPartyView.block-party-view-container .bpv-header .bpv-header-wrapper h2,
#blockPartyView.block-party-view-container .bpv-header .bpv-header-wrapper h3 {
color: #fa295c
}
#blockPartyView.block-party-view-container .bpv-header .bpv-header-wrapper h2,
#blockPartyView.block-party-view-container .bpv-header .bpv-header-wrapper h3 {
max-width: 400px;
margin: 0 auto
}
#blockPartyView.block-party-view-container .bpv-header .bpv-header-wrapper .bpv-header-time {
margin-bottom: 1em
}
#blockPartyView.block-party-view-container .bpv-header .bpv-header-wrapper .bpv-header-btn {
margin-top: 2.5em;
margin-bottom: 5em;
background-color: #fa295c;
color: #fff;
-webkit-clip-path: polygon(1% 1%, 100% 0, 100% 97%, 0 100%);
clip-path: polygon(1% 1%, 100% 0, 100% 97%, 0 100%);
font-family: BurbankBigRegular-Black, sans-serif;
padding: 5px 40px
}
#blockPartyView.block-party-view-container .bpv-header .bpv-header-wrapper .bpv-header-btn:hover {
background-color: #d20537
}
#blockPartyView.block-party-view-container .bpv-items {
max-width: 1200px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: -8em auto 0;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#blockPartyView.block-party-view-container .bpv-items .bpv-card {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
width: 480px;
margin: 3em 1em 1em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
#blockPartyView.block-party-view-container .bpv-items .bpv-card:first-child .bpv-card-top {
background-color: #86cbf6
}
#blockPartyView.block-party-view-container .bpv-items .bpv-card:first-child .bpv-card-top .bpv-card-circle {
background-color: #27a2ef
}
#blockPartyView.block-party-view-container .bpv-items .bpv-card:nth-child(2) .bpv-card-top {
background-color: #fa295c
}
#blockPartyView.block-party-view-container .bpv-items .bpv-card:nth-child(2) .bpv-card-top .bpv-card-circle {
background-color: #b90430
}
#blockPartyView.block-party-view-container .bpv-items .bpv-card .bpv-card-top {
position: relative;
padding: 2em 5em
}
#blockPartyView.block-party-view-container .bpv-items .bpv-card .bpv-card-top .bpv-card-circle {
position: absolute;
top: 1em;
left: 1em;
height: 4em;
width: 4em;
border-radius: 50%;
background: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
#blockPartyView.block-party-view-container .bpv-items .bpv-card .bpv-card-top .bpv-card-circle>span {
word-spacing: 200px;
text-align: center;
color: #fff;
font-family: BurbankBigRegular-Black, sans-serif;
text-transform: uppercase;
line-height: 1
}
#blockPartyView.block-party-view-container .bpv-items .bpv-card .bpv-card-top img {
margin: 0 auto
}
#blockPartyView.block-party-view-container .bpv-items .bpv-card .bpv-card-bottom {
background-color: #fff;
color: #222;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
padding: 1em 3em;
font-size: 90%
}
#blockPartyView.block-party-view-container .bpv-items .bpv-card .bpv-card-bottom p {
font-family: BurbankSmall-Black, sans-serif;
font-size: 1.1em;
line-height: 1.5;
font-weight: 700;
margin-bottom: 2em
}
#blockPartyView.block-party-view-container .bpv-items .bpv-card .bpv-card-bottom .bpv-card-btn {
margin-top: auto;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-bottom: -45px
}
#blockPartyView.block-party-view-container .bpv-faqs {
max-width: 1200px;
color: #fff;
padding: 1em;
margin: 3em auto 0;
font-size: 150%
}
#blockPartyView.block-party-view-container .bpv-faqs ul {
padding: 0
}
#blockPartyView.block-party-view-container .bpv-faqs ul li {
list-style: none
}
#blockPartyView.block-party-view-container .bpv-faqs ul li hr {
opacity: .5
}
#blockPartyView.block-party-view-container .bpv-faqs ul li .bpv-faq-content {
margin: 5% 3%;
max-width: 800px
}
#blockPartyView.block-party-view-container .bpv-faqs ul li .bpv-faq-content .bpv-faq-a {
font-family: BurbankSmall-Black, sans-serif;
font-size: .8em
}
#blockPartyDetailsView.block-party-details-view-container {
font-size: 16px
}
#blockPartyDetailsView.block-party-details-view-container h1,
#blockPartyDetailsView.block-party-details-view-container h2,
#blockPartyDetailsView.block-party-details-view-container h3,
#blockPartyDetailsView.block-party-details-view-container h4 {
font-family: BurbankBigRegular-Black, sans-serif
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-header {
background-color: #212121;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
max-height: 300px;
padding: 2% 3%
}
@media only screen and (max-width:767px) {
#blockPartyDetailsView.block-party-details-view-container .bpdv-header {
font-size: 10px
}
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-header img {
-webkit-filter: invert(1) brightness(2);
filter: invert(1) brightness(2);
max-height: 8em
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-header .bpdv-header-ctas {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 5%;
font-size: 70%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-header .bpdv-header-ctas .btn {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
font-family: BurbankBigRegular-Black, sans-serif;
-webkit-clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
padding: .25em 2em;
margin-top: 10px
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-nav {
background-color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
position: relative
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-nav ul {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 800px;
margin: 0;
padding: 0
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-nav ul li {
cursor: pointer;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
list-style: none;
text-align: center;
position: relative;
font-size: 85%
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-nav ul li.active:after {
content: "";
position: absolute;
top: 100%;
bottom: -8px;
left: 0;
right: 0
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-nav ul li h2 {
margin: 0;
padding: .75em;
color: #222
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-nav ul li .bpdv-nav-badge {
position: absolute;
top: -3em;
left: calc(50% - 2em);
height: 4em;
width: 4em;
border-radius: 50%;
background-color: red;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
#blockPartyDetailsView.block-party-details-view-container .bpdv-nav ul li .bpdv-nav-badge {
font-size: 8px
}
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-nav ul li .bpdv-nav-badge>span {
word-spacing: 200px;
text-align: center;
color: #fff;
font-family: BurbankBigRegular-Black, sans-serif;
text-transform: uppercase;
line-height: 1
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-nav ul li:nth-child(2).active:after,
#blockPartyDetailsView.block-party-details-view-container .bpdv-nav ul li:nth-child(2) .bpdv-nav-badge {
background-color: #eb053d
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-nav ul li:first-child.active:after,
#blockPartyDetailsView.block-party-details-view-container .bpdv-nav ul li:first-child .bpdv-nav-badge {
background-color: #27a2ef
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-event {
min-height: 80vh;
background-color: #e0f1ff;
padding-bottom: 3%
}
#blockPartyDetailsView.block-party-details-view-container .bpdv-event .bpdv-event-wrapper {
max-width: 1200px;
margin: 0 auto
}
.parentalControlsView {
background-color: #fff
}
.parentalControlsView .header-image {
background-size: cover;
width: 100%;
padding-top: 31.25%
}
.parentalControlsView .content {
padding: 2em;
margin: 0 auto;
max-width: 940px
}
@media only screen and (max-width:767px) {
.parentalControlsView .content {
font-size: 14px;
padding: 5%
}
}
.parentalControlsView .content a,
.parentalControlsView .content p {
font-size: 100%
}
@media only screen and (max-width:767px) {
.parentalControlsView .content ol,
.parentalControlsView .content ul {
padding-left: 3em
}
}
@media only screen and (max-width:767px) {
.parentalControlsView .content img {
width: 100%;
height: auto
}
}
.safetySecurityView {
background-color: #fff
}
.safetySecurityView .header-image {
background-size: cover;
width: 100%;
padding-top: 31.25%
}
.safetySecurityView .content {
padding: 2em;
margin: 0 auto;
max-width: 940px
}
@media only screen and (max-width:767px) {
.safetySecurityView .content {
font-size: 14px;
padding: 5%
}
}
.safetySecurityView .content a,
.safetySecurityView .content p {
font-size: 100%
}
@media only screen and (max-width:767px) {
.safetySecurityView .content ol,
.safetySecurityView .content ul {
padding-left: 3em
}
}
@media only screen and (max-width:767px) {
.safetySecurityView .content img {
width: 100%;
height: auto
}
}
#stw {
background: #000;
overflow: hidden
}
#stw .bk-img {
background-size: 100%
}
@media only screen and (max-width:767px) {
#stw .bk-img {
background-size: cover;
max-height: 65vh
}
}
#stw .pack-dialog-container {
position: absolute
}
.help-center-wrapper {
color: #fff;
padding: 50px 0 0 120px
}
.help-center-wrapper h1 {
font-size: 100px
}
@media only screen and (max-width:1199px) {
.help-center-wrapper h1 {
font-size: 85px
}
}
@media only screen and (max-width:991px) {
.help-center-wrapper h1 {
font-size: 70px
}
}
.help-center-wrapper h2 {
font-size: 81px
}
@media only screen and (max-width:1199px) {
.help-center-wrapper h2 {
font-size: 62px
}
}
@media only screen and (max-width:991px) {
.help-center-wrapper h2 {
font-size: 55px
}
}
.help-center-wrapper h3 {
font-size: 48px
}
@media only screen and (max-width:1199px) {
.help-center-wrapper h3 {
font-size: 40px
}
}
@media only screen and (max-width:991px) {
.help-center-wrapper h3 {
font-size: 32px
}
}
.help-center-wrapper h4 {
font-size: 27px
}
@media only screen and (max-width:1199px) {
.help-center-wrapper h4 {
font-size: 24px
}
}
@media only screen and (max-width:991px) {
.help-center-wrapper h4 {
font-size: 18px
}
}
@media only screen and (max-width:1199px) {
.help-center-wrapper {
padding: 0
}
}
.help-center-wrapper .help-center-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-right: 0
}
.help-center-wrapper .help-center-container .help-center-column {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1
}
.help-center-wrapper .content-left {
padding-bottom: 50px
}
.help-center-wrapper .content-left .main-title {
margin: 50px 0
}
@media only screen and (max-width:1199px) {
.help-center-wrapper .content-left .main-title {
margin: 30px 0;
text-align: center
}
}
.help-center-wrapper .content-right {
position: relative;
right: 0;
display: block;
overflow: hidden
}
@media only screen and (max-width:1199px) {
.help-center-wrapper .content-right {
display: none
}
}
.help-center-wrapper .content-right img {
background-size: cover;
background-repeat: no-repeat;
width: 70%;
position: absolute;
right: 10%;
top: 50px
}
.help-center-wrapper .hero-container-mobile {
display: none;
width: 100%;
overflow: hidden
}
@media only screen and (max-width:1199px) {
.help-center-wrapper .hero-container-mobile {
display: block;
height: 1000px
}
}
@media only screen and (max-width:767px) {
.help-center-wrapper .hero-container-mobile {
display: block;
height: 700px
}
}
.help-center-wrapper .hero-container-mobile .hero-image-mobile {
display: block;
background-size: contain;
background-repeat: no-repeat;
width: 100%
}
body:not(.ja) .wrapper .battle-pass-view p,
body:not(.ko) .wrapper .battle-pass-view p {
font-family: BurbankBigRegular-Black, sans-serif;
line-height: 1.25;
text-transform: uppercase
}
body.ru .wrapper .battle-pass-view p {
font-family: BurbankBigCondensed-Black, sans-serif
}
.wrapper .battle-pass-view.ch2-s2 h1 {
color: #4dccfa
}
.TakeOverView {
background: #000
}
.TakeOverView div {
position: relative;
margin: 0 auto
}
.TakeOverView div .text {
position: absolute;
top: 246px;
right: 0;
letter-spacing: .1em;
font-size: 2.1em;
font-family: BurbankBigRegular-Black;
background: -webkit-linear-gradient(left, #fffbc6, #8d660f 75%);
background: -o-linear-gradient(right, #fffbc6, #8d660f 75%);
background: -webkit-gradient(linear, left top, right top, from(#fffbc6), color-stop(75%, #8d660f));
background: -o-linear-gradient(left, #fffbc6, #8d660f 75%);
background: linear-gradient(90deg, #fffbc6, #8d660f 75%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.TakeOverView.desktop {
padding: 90px 0
}
.TakeOverView.desktop div {
width: 830px
}
.TakeOverView.desktop div img {
width: 830px;
min-width: 830px;
max-width: 830px
}
.TakeOverView.mobile {
display: none
}
.TakeOverView.mobile div {
width: 320px
}
.TakeOverView.mobile div img {
min-width: 320px;
max-width: 320px
}
.TakeOverView.mobile div .text {
top: 370px;
right: 40px;
font-size: 1.2em
}
@media only screen and (max-width:1199px) {
.TakeOverView.mobile {
display: block
}
.TakeOverView.desktop {
display: none
}
}
html[lang=ko] .TakeOverView div .text {
right: -4% !important
}
@media only screen and (max-width:1199px) {
html[lang=ko] .TakeOverView div .text {
right: 0 !important
}
}
.wrapper .chapter2 {
position: relative;
background: #fff
}
.wrapper .chapter2 p {
font-family: BurbankBigRegular-Black, sans-serif;
line-height: 1.25;
text-transform: uppercase
}
.wrapper .chapter2 .chapters-screens {
margin-top: -10%
}
@media only screen and (max-width:767px) {
.wrapper .chapter2 .chapters-screens {
margin-top: unset
}
}
.wrapper .battlePassOverView.ch2-s2,
.wrapper .battlePassOverView.ch2-s3,
.wrapper .battlePassOverView.chapter-2-season-3,
.wrapper .chapter2s2 {
position: relative;
background: #fff
}
.wrapper .battlePassOverView.ch2-s2 .chapter2s2-header,
.wrapper .battlePassOverView.ch2-s3 .chapter2s2-header,
.wrapper .battlePassOverView.chapter-2-season-3 .chapter2s2-header,
.wrapper .chapter2s2 .chapter2s2-header {
height: 100vh
}
.wrapper .battlePassOverView.ch2-s2 .chapter2s2-header h1,
.wrapper .battlePassOverView.ch2-s3 .chapter2s2-header h1,
.wrapper .battlePassOverView.chapter-2-season-3 .chapter2s2-header h1,
.wrapper .chapter2s2 .chapter2s2-header h1 {
font-size: 2vw
}
.wrapper .battlePassOverView.ch2-s2 p,
.wrapper .battlePassOverView.ch2-s3 p,
.wrapper .battlePassOverView.chapter-2-season-3 p,
.wrapper .chapter2s2 p {
font-family: BurbankBigRegular-Black, sans-serif;
line-height: 1.25;
text-transform: uppercase
}
.wrapper .battlePassOverView.ch2-s2 p .logo-img img,
.wrapper .battlePassOverView.ch2-s3 p .logo-img img,
.wrapper .battlePassOverView.chapter-2-season-3 p .logo-img img,
.wrapper .chapter2s2 p .logo-img img {
margin-bottom: -5%
}
.wrapper .battlePassOverView.ch2-s2 .chapters-screens,
.wrapper .battlePassOverView.ch2-s3 .chapters-screens,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-screens,
.wrapper .chapter2s2 .chapters-screens {
margin-top: -10%
}
@media only screen and (max-width:767px) {
.wrapper .battlePassOverView.ch2-s2 .chapters-screens,
.wrapper .battlePassOverView.ch2-s3 .chapters-screens,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-screens,
.wrapper .chapter2s2 .chapters-screens {
margin-top: -15%
}
.wrapper .battlePassOverView.ch2-s2 .chapters-screens .screen-section,
.wrapper .battlePassOverView.ch2-s3 .chapters-screens .screen-section,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-screens .screen-section,
.wrapper .chapter2s2 .chapters-screens .screen-section {
width: 90%
}
}
.wrapper .battlePassOverView.ch2-s2 .screen-content h1,
.wrapper .battlePassOverView.ch2-s3 .screen-content h1,
.wrapper .battlePassOverView.chapter-2-season-3 .screen-content h1,
.wrapper .chapter2s2 .screen-content h1 {
color: #4dccfa
}
.wrapper .battlePassOverView.ch2-s2 .screen-content h4,
.wrapper .battlePassOverView.ch2-s3 .screen-content h4,
.wrapper .battlePassOverView.chapter-2-season-3 .screen-content h4,
.wrapper .chapter2s2 .screen-content h4 {
font-size: 1.2vw
}
.wrapper .battlePassOverView.ch2-s3,
.wrapper .battlePassOverView.chapter-2-season-3 {
position: relative;
background: #fff
}
.wrapper .battlePassOverView.ch2-s3 p,
.wrapper .battlePassOverView.chapter-2-season-3 p {
font-family: BurbankBigRegular-Black, sans-serif;
line-height: 1.25;
text-transform: uppercase
}
.wrapper .battlePassOverView.ch2-s3 p .logo-img img,
.wrapper .battlePassOverView.chapter-2-season-3 p .logo-img img {
margin-bottom: -5%
}
.wrapper .battlePassOverView.ch2-s3 .chapters-screens,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-screens {
margin-top: -10%
}
@media only screen and (max-width:991px) {
.wrapper .battlePassOverView.ch2-s3 .chapters-screens,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-screens {
margin-top: -15%
}
.wrapper .battlePassOverView.ch2-s3 .chapters-screens .screen-section,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-screens .screen-section {
width: 90%
}
}
.wrapper .battlePassOverView.ch2-s3 .screen-content h1,
.wrapper .battlePassOverView.chapter-2-season-3 .screen-content h1 {
color: #4dccfa
}
@media only screen and (max-width:991px) {
.wrapper .battlePassOverView.ch2-s3 .screen-content h1,
.wrapper .battlePassOverView.chapter-2-season-3 .screen-content h1 {
font-size: 2em
}
}
.wrapper .battlePassOverView.ch2-s3 .screen-content h4,
.wrapper .battlePassOverView.chapter-2-season-3 .screen-content h4 {
font-size: 1.2vw
}
@media only screen and (max-width:1199px) {
.wrapper .battlePassOverView.ch2-s3 .screen-content h4,
.wrapper .battlePassOverView.chapter-2-season-3 .screen-content h4 {
line-height: 1.25;
font-size: 1em
}
}
.wrapper .battlePassOverView.ch2-s3 .ctaBackground,
.wrapper .battlePassOverView.chapter-2-season-3 .ctaBackground {
background-position: top
}
.wrapper .battlePassOverView.ch2-s3 .chapters-cta-footer,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-cta-footer {
min-height: 62vw;
width: 100%
}
@media only screen and (max-width:1399px) {
.wrapper .battlePassOverView.ch2-s3 .chapters-cta-footer,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-cta-footer {
min-height: 62vw
}
}
@media only screen and (max-width:1199px) {
.wrapper .battlePassOverView.ch2-s3 .chapters-cta-footer,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-cta-footer {
min-height: 185vw
}
}
.wrapper .battlePassOverView.ch2-s3 .chapters-cta-footer .center-section,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-cta-footer .center-section {
top: 10%
}
@media only screen and (max-width:1199px) {
.wrapper .battlePassOverView.ch2-s3 .chapters-cta-footer .center-section,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-cta-footer .center-section {
top: 16%;
width: 100%;
min-height: 100%
}
}
@media only screen and (max-width:1199px) {
.wrapper .battlePassOverView.ch2-s3 .chapters-cta-footer .center-section .animate-string:first-child,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-cta-footer .center-section .animate-string:first-child {
margin-bottom: 0
}
}
.wrapper .battlePassOverView.ch2-s3 .chapters-cta-footer .center-section .animate-string:nth-child(2),
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-cta-footer .center-section .animate-string:nth-child(2) {
margin-bottom: 0
}
.wrapper .battlePassOverView.ch2-s3 .chapters-cta-footer .center-section h1,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-cta-footer .center-section h1 {
line-height: 1;
font-size: 3vw;
padding-top: 1.5vw
}
.wrapper .battlePassOverView.ch2-s3 .chapters-cta-footer .center-section h5,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-cta-footer .center-section h5 {
font-size: 8vw;
line-height: 1;
color: #fff;
margin-right: -.2em
}
@media only screen and (max-width:1399px) {
.wrapper .battlePassOverView.ch2-s3 .chapters-cta-footer .center-section h5,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-cta-footer .center-section h5 {
font-size: 9vw;
font-size: 12vw;
line-height: 85%
}
}
@media only screen and (max-width:1199px) {
.wrapper .battlePassOverView.ch2-s3 .chapters-cta-footer .center-section h5,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-cta-footer .center-section h5 {
font-size: 15vw;
line-height: 85%
}
}
@media only screen and (min-width:1920px) {
.wrapper .battlePassOverView.ch2-s3 .chapters-cta-footer .center-section h5,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-cta-footer .center-section h5 {
font-size: 9vw
}
}
@media only screen and (max-width:767px) {
.wrapper .battlePassOverView.ch2-s3 .chapters-cta-footer .center-section,
.wrapper .battlePassOverView.chapter-2-season-3 .chapters-cta-footer .center-section {
height: 375px;
bottom: unset;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter .btn-wrapper,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter .btn-wrapper {
position: absolute;
width: 100%;
bottom: 39%
}
@media only screen and (min-width:768px) {
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter .btn-wrapper,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter .btn-wrapper {
bottom: 5%;
text-align: center;
margin: 0 auto 2vw;
font-size: 2vw
}
}
@media only screen and (min-width:992px) {
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter .btn-wrapper,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter .btn-wrapper {
font-size: 2vw
}
}
@media only screen and (max-width:1199px) {
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter .btn-wrapper,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter .btn-wrapper {
font-size: 3vw
}
}
@media only screen and (max-width:991px) {
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter .btn-wrapper,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter .btn-wrapper {
font-size: 3vw
}
}
@media only screen and (max-width:767px) {
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter .btn-wrapper,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter .btn-wrapper {
font-size: 6vw
}
}
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter .btn-wrapper span,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter .btn-wrapper span {
color: #000
}
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter div.legalWrapper,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter div.legalWrapper {
width: 100%;
position: absolute;
bottom: 50px
}
@media only screen and (max-width:991px) {
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter div.legalWrapper,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter div.legalWrapper {
bottom: 20%
}
}
@media only screen and (min-width:768px) {
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter div.legalWrapper,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter div.legalWrapper {
bottom: 2%
}
}
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter div.legal,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter div.legal {
margin: 0 auto;
max-width: 80%;
bottom: 0;
text-shadow: 0 0 19px rgba(0, 89, 115, .41);
color: #fff;
font-size: 2vw
}
@media only screen and (max-width:991px) {
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter div.legal,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter div.legal {
font-size: .9rem;
text-align: left
}
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter div.legal img,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter div.legal img {
margin-right: .5em;
margin-bottom: .3em
}
}
@media only screen and (min-width:768px) {
.wrapper .battlePassOverView.ch2-s3 .backgroundFooter div.legal,
.wrapper .battlePassOverView.chapter-2-season-3 .backgroundFooter div.legal {
width: 90%;
font-size: 1rem;
text-align: center;
width: 100%;
padding-bottom: 2vw
}
}
@media only screen and (min-width:1200px) {
body.ja .battlePassOverView.ch2-s3 .chapters-cta-footer .cta-footer-content .center-section h1,
body.ja .battlePassOverView.chapter-2-season-3 .chapters-cta-footer .cta-footer-content .center-section h1 {
font-size: 2vw
}
}
@media only screen and (max-width:991px) {
body.ja .battlePassOverView.ch2-s3 .chapters-cta-footer .backgroundFooter .btn.btn-primary,
body.ja .battlePassOverView.chapter-2-season-3 .chapters-cta-footer .backgroundFooter .btn.btn-primary {
font-size: 1.3em
}
}
.theEnd-wrapper .theEnd-stream {
height: 100%;
width: 100%
}
.darkfireView {
background: #030000
}
@media only screen and (max-width:767px) {
.darkfireView {
font-size: 12px
}
}
.darkfireView h1,
.darkfireView h2,
.darkfireView h3,
.darkfireView h4,
.darkfireView h5 {
line-height: 100%
}
.darkfireView .btn-hover-transform,
.darkfireView .btn-hover-transform:hover {
background-color: #e88df3 !important
}
.darkfireView .header-section {
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-width: 1600px;
margin: 0 auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 5% 5% 0;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.darkfireView .header-section .header-section-left {
min-width: 300px;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
width: 50%;
z-index: 1
}
.darkfireView .header-section .header-section-left img {
width: 100%
}
@media only screen and (max-width:767px) {
.darkfireView .header-section .header-section-left {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
}
.darkfireView .header-section .header-section-right {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
width: 50%;
text-align: center
}
.darkfireView .header-section .header-section-right img {
width: 100%;
max-width: 525px
}
@media only screen and (max-width:767px) {
.darkfireView .header-section .header-section-right img {
width: 80%
}
}
.darkfireView .header-section .header-section-right h1 {
color: #e88df3
}
.darkfireView .header-section .header-section-right h2 {
color: #fff;
max-width: 500px;
margin: 2em auto
}
@media only screen and (max-width:767px) {
.darkfireView .header-section .header-section-right h2 {
width: 70%
}
}
@media only screen and (max-width:767px) {
.darkfireView .header-section .header-section-right {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
}
.darkfireView .platform-section {
width: 100vw;
background-image: -webkit-linear-gradient(112deg, #1d0521, #58126e);
background-image: -o-linear-gradient(112deg, #1d0521 0, #58126e 100%);
background-image: linear-gradient(-22deg, #1d0521, #58126e);
padding: 4% 2%;
-webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%)
}
@media only screen and (max-width:767px) {
.darkfireView .platform-section {
-webkit-clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 100%)
}
}
.darkfireView .platform-section .platform-section-wrapper {
max-width: 1600px;
margin: 0 auto
}
.darkfireView .platform-section .platform-section-wrapper .platforms-header {
padding: 3%;
text-align: center
}
.darkfireView .platform-section .platform-section-wrapper .platforms-header h1,
.darkfireView .platform-section .platform-section-wrapper .platforms-header h3 {
color: #fff
}
.darkfireView .platform-section .platform-section-wrapper .platform-icons {
margin-top: 2%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.darkfireView .platform-section .platform-section-wrapper .platform-icons .platform-icon {
list-style: none;
max-width: 200px;
min-width: 100px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 3%;
color: #fff;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.darkfireView .platform-section .platform-section-wrapper .platform-icons .platform-icon i {
font-size: 10em
}
@media only screen and (max-width:991px) {
.darkfireView .platform-section .platform-section-wrapper .platform-icons .platform-icon i {
font-size: 6em
}
}
@media only screen and (max-width:767px) {
.darkfireView .platform-section .platform-section-wrapper .platform-icons .platform-icon i {
font-size: 4em
}
}
.darkfireView .platform-section .platform-section-wrapper .platform-icons .platform-icon>span {
font-weight: 500;
text-transform: uppercase;
position: relative
}
@media only screen and (max-width:767px) {
.darkfireView .platform-section .platform-section-wrapper .platform-icons .platform-icon>span {
font-size: .6em
}
}
.darkfireView .platform-section .platform-section-wrapper .platform-icons .platform-icon.note>span:after {
content: "*";
position: absolute;
left: 105%
}
.darkfireView .platform-section .platform-section-wrapper .platform-note {
color: #e88df3;
margin-top: 5%;
text-align: center
}
.darkfireView .bundle-section {
max-width: 1600px;
margin: 0 auto;
padding-bottom: 10%
}
.darkfireView .bundle-section header {
padding: 5% 5% 0;
font-size: 20px
}
.darkfireView .bundle-section header h1 {
text-align: center;
color: #e88df3
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section header h1 {
font-size: 6vw
}
}
.darkfireView .bundle-section .outfits {
position: relative;
margin: 0 5%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .outfits {
margin-top: 0;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
.darkfireView .bundle-section .outfits img {
width: 100%;
margin-bottom: 5%;
margin-top: -15%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .outfits img {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-bottom: 0
}
}
.darkfireView .bundle-section .outfits h1 {
color: #e88df3;
font-size: 5vw;
bottom: 60%;
position: absolute;
max-width: 300px;
left: 0
}
@media only screen and (min-width:1920px) {
.darkfireView .bundle-section .outfits h1 {
font-size: 58px
}
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .outfits h1 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
position: relative;
font-size: 5vw;
margin-bottom: 0
}
}
.darkfireView .bundle-section .outfits .outfit-names {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-width: 250px;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
bottom: 50%
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .outfits .outfit-names {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: unset;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
position: relative
}
}
.darkfireView .bundle-section .outfits .outfit-names h5 {
color: #fff;
font-size: 1vw;
margin: 0;
line-height: 1.2
}
@media only screen and (min-width:1920px) {
.darkfireView .bundle-section .outfits .outfit-names h5 {
font-size: 20px
}
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .outfits .outfit-names h5 {
font-size: 3vw
}
}
.darkfireView .bundle-section .guns {
position: relative;
margin: 5%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 0
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .guns {
margin-top: 50px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
.darkfireView .bundle-section .guns img {
width: 100%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .guns img {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
width: 100vw
}
}
.darkfireView .bundle-section .guns h1 {
margin: 0;
color: #e88df3;
font-size: 3vw;
position: absolute;
max-width: 15vw;
top: 7%
}
@media only screen and (min-width:1920px) {
.darkfireView .bundle-section .guns h1 {
font-size: 58px
}
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .guns h1 {
position: relative;
top: 0;
font-size: 5vw;
text-align: center;
max-width: unset;
width: 100%;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
}
.darkfireView .bundle-section .guns .guns-names {
position: absolute;
left: 0;
right: 0;
bottom: 70%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 30%
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .guns .guns-names {
max-width: unset;
position: relative;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
}
.darkfireView .bundle-section .guns .guns-names h5 {
color: #fff;
font-size: 1vw;
position: relative;
margin: 0;
line-height: 1.2
}
@media only screen and (min-width:1920px) {
.darkfireView .bundle-section .guns .guns-names h5 {
font-size: 20px
}
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .guns .guns-names h5 {
font-size: 3vw
}
}
.darkfireView .bundle-section .emote {
position: relative;
width: 100%;
padding-top: 10%;
height: 0
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .emote {
padding-top: 0
}
}
.darkfireView .bundle-section .emote .emote-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 70%;
top: -10vw
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .emote .emote-wrapper {
left: 75%;
top: -55vw;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.darkfireView .bundle-section .emote .emote-wrapper h3 {
position: absolute;
left: 100%;
color: #e88df3;
font-size: 1.5vw;
width: 10vw
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .emote .emote-wrapper h3 {
margin-top: 1em;
position: relative;
left: unset;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
max-width: 20vw;
font-size: 3vw;
text-align: center
}
}
.darkfireView .bundle-section .emote .emote-wrapper img {
max-height: 20vw
}
.darkfireView .bundle-section .backBlings {
position: relative;
margin: 0 5%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .backBlings {
padding: 5% 0
}
}
.darkfireView .bundle-section .backBlings img {
width: 100%;
margin-bottom: 5%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .backBlings img {
margin-bottom: 0;
width: 120vw
}
}
.darkfireView .bundle-section .backBlings .text-wrapper {
position: absolute;
right: 0;
max-width: 25%;
top: 0;
bottom: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .backBlings .text-wrapper {
position: relative;
max-width: unset;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
.darkfireView .bundle-section .backBlings .text-wrapper h1 {
color: #e88df3;
font-size: 3vw;
margin: 0
}
@media only screen and (min-width:1920px) {
.darkfireView .bundle-section .backBlings .text-wrapper h1 {
font-size: 58px
}
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .backBlings .text-wrapper h1 {
font-size: 5vw
}
}
.darkfireView .bundle-section .backBlings .text-wrapper .backBlings-names {
margin-top: 10%
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .backBlings .text-wrapper .backBlings-names {
margin-top: 0
}
}
.darkfireView .bundle-section .backBlings .text-wrapper .backBlings-names h5 {
color: #fff;
font-size: 1vw;
line-height: 1.2;
margin: 0
}
@media only screen and (min-width:1920px) {
.darkfireView .bundle-section .backBlings .text-wrapper .backBlings-names h5 {
font-size: 20px
}
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .backBlings .text-wrapper .backBlings-names h5 {
text-align: center;
font-size: 3vw;
margin-top: 0
}
}
.darkfireView .bundle-section .axes {
position: relative;
margin: 0 5%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 20%
}
.darkfireView .bundle-section .axes img {
width: 100%;
margin-bottom: 5%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .axes img {
margin-bottom: 0
}
}
.darkfireView .bundle-section .axes h1 {
color: #e88df3;
font-size: 3vw;
position: absolute;
max-width: 15%;
top: 15%;
margin: 0
}
@media only screen and (min-width:1920px) {
.darkfireView .bundle-section .axes h1 {
font-size: 58px
}
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .axes h1 {
position: relative;
text-align: center;
max-width: 100%;
margin-bottom: 5%;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
font-size: 5vw;
top: -16vw
}
}
.darkfireView .bundle-section .axes .axes-wrapper {
margin-left: 10%;
position: relative
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .axes .axes-wrapper {
margin-left: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.darkfireView .bundle-section .axes .axes-wrapper .axes-names {
position: absolute;
top: 30%;
left: -11%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .axes .axes-wrapper .axes-names {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
right: 0;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.darkfireView .bundle-section .axes .axes-wrapper .axes-names h5 {
color: #fff;
font-size: 1vw;
top: 15%;
position: relative;
margin: 0;
line-height: 1.2;
max-width: 20vw
}
@media only screen and (min-width:1920px) {
.darkfireView .bundle-section .axes .axes-wrapper .axes-names h5 {
font-size: 20px
}
}
@media only screen and (max-width:767px) {
.darkfireView .bundle-section .axes .axes-wrapper .axes-names h5 {
font-size: 3vw;
max-width: unset
}
}
.darkfireView .disks-section {
background: #fff;
position: relative
}
.darkfireView .disks-section:before {
content: "";
width: 100%;
position: absolute;
background: #fff;
height: 15%;
-webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%);
bottom: calc(100% - 1px);
border: none
}
@media only screen and (max-width:767px) {
.darkfireView .disks-section:before {
content: none
}
}
.darkfireView .disks-section .disks-wrapper {
max-width: 1600px;
margin: 0 auto
}
.darkfireView .disks-section .disks-wrapper img.disks-pic {
width: 100%;
max-width: 1400px;
margin: 0 auto -45%;
display: block;
-webkit-transform: translateY(-70%);
-ms-transform: translateY(-70%);
transform: translateY(-70%)
}
@media only screen and (max-width:767px) {
.darkfireView .disks-section .disks-wrapper img.disks-pic {
-webkit-transform: translateY(-60%);
-ms-transform: translateY(-60%);
transform: translateY(-60%)
}
}
.darkfireView .disks-section .disks-wrapper .disks-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 2em;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
color: #000
}
@media only screen and (max-width:767px) {
.darkfireView .disks-section .disks-wrapper .disks-content {
font-size: 1em
}
}
.darkfireView .disks-section .disks-wrapper .disks-content h3 {
margin: 0 1em
}
@media only screen and (max-width:767px) {
.darkfireView .disks-section .disks-wrapper .disks-content h3 {
font-size: 1.2em
}
}
.darkfireView .disks-section .disks-wrapper .disks-content .btn-hover-transform {
background-color: #8e16a5 !important;
color: #fff;
margin-top: 4%;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
@media only screen and (max-width:767px) {
.darkfireView .disks-section .disks-wrapper .disks-content .btn-hover-transform {
margin-top: 1em
}
}
.darkfireView .disks-section .disks-wrapper .legal-terms {
max-width: 80%;
text-align: center;
color: #000;
padding: 5em 0;
margin: 0 auto;
line-height: 1.5;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.darkfireView .disks-section .disks-wrapper .legal-terms>img {
width: 232px;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
@media only screen and (max-width:767px) {
.darkfireView .disks-section .disks-wrapper .legal-terms>img {
margin: 3% auto
}
}
.darkfireView .disks-section .disks-wrapper .legal-terms .legal-content {
margin: 0 3%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.darkfireView .disks-section .disks-wrapper .legal-terms {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 95%;
font-size: .8em
}
}
.paymentsact-view-container {
background-color: #fff
}
.paymentsact-view-container #paymentsactContainer {
min-height: 90vh;
width: 100%;
display: table;
height: 80vh
}
.paymentsact-view-container #paymentsactContainer .paymentsact-container {
margin-top: 2em;
margin-bottom: 2em
}
.paymentsact-view-container #paymentsactContainer .paymentsact-container .site-block-header h1 {
max-width: 66%
}
@media only screen and (max-width:1199px) {
.paymentsact-view-container #paymentsactContainer .paymentsact-container .site-block-header h1 {
max-width: 100%
}
}
.paymentsact-view-container #paymentsactContainer .paymentsact-container .site-block-body .site-block-body-text {
font-size: .9em
}
.paymentsact-view-container #paymentsactContainer .paymentsact-container .btn.btn-primary {
min-width: 7em;
margin-top: .6em;
font-size: 1em;
padding: .4em 1.5em
}
.paymentsact-view-container #paymentsactContainer .paymentsact-container .paymentsact-text {
line-height: 2em
}
body.ar #paymentsactContainer {
direction: rtl
}
.simpleView {
background-size: cover !important;
overflow: hidden;
min-height: 90vh;
font-size: 1.1em
}
.simpleView .content {
padding: 2em;
margin: 3em auto;
max-width: 940px
}
.simpleView .content img {
max-width: 100%;
height: auto !important
}
.simpleView.verticalCenter {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.simpleView.verticalCenter .content {
width: 100%
}
.simpleView.noTopMargin .content {
margin: 0 auto
}
.simpleView.withBorder .content {
border: 1px solid #e8e8e8
}
.linkColorBlue a,
.linkColorBlue a:hover,
.linkColorBlue a:visited {
color: #15c
}
.linkColorBlack a,
.linkColorBlack a:hover,
.linkColorBlack a:visited {
color: #000
}
.fontBurbankBigCondensedBlack {
font-family: BurbankBigCondensed-Black, sans-serif
}
.fontBurbankSmallBlack {
font-family: BurbankSmall-Black, sans-serif
}
.fontBurbankBigRegularBlack {
font-family: BurbankBigRegular-Black, sans-serif
}
.fontOpenSans {
font-family: OpenSans, sans-serif
}
.fontsansserif {
font-family: sans-serif
}
.fontOpenSans {
font-family: OpenSans, icomoon, sans-serif
}
.fontKoaERIN {
font-family: aERIN, sans-serif
}
.fontKo {
font-family: NotoSansCJKkr, sans-serif
}
.fontjaHeader {
font-family: Nis_Jyau_P, sans-serif
}
.fontjaBody {
font-family: NotoSansCJKjp, sans-serif
}
.fontArabic {
font-family: NotoNaskhArabicUI, NotoNaskhArabic, sans-serif
}
.featured-item {
overflow: hidden
}
.featured-item.large {
min-height: 18em
}
.featured-item.stacked {
margin-bottom: 1em
}
.featured-item.stacked .stream-card-info {
display: none
}
.featured-item.hero {
max-height: 690px;
height: auto
}
.featured-section {
margin-bottom: 1em
}
.featured-section .row+.row {
margin-top: 1.8em
}
body.ar #img-container .caption span,
body.fr #img-container .caption span {
max-width: 170px
}
body.ar #img-container .cpation span {
margin: 1em auto
}
#img-container {
overflow: hidden;
position: relative;
min-width: 100%;
min-height: 100%;
background: #1e1e1e
}
#img-container .img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: 50% 0;
background-size: cover;
-webkit-transform: scale3d(1.3, 1.3, 1.3);
transform: scale3d(1.3, 1.3, 1.3);
-webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out, opacity .25s ease-in-out;
transition: transform .25s ease-in-out, opacity .25s ease-in-out;
transition: transform .25s ease-in-out, opacity .25s ease-in-out, -webkit-transform .25s ease-in-out
}
@media only screen and (max-width:1199px) {
#img-container .img {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@media only screen and (max-width:767px) {
#img-container .img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: .45
}
}
#img-container .caption {
position: absolute;
top: 0;
right: 0;
left: 0;
padding: 1em 2.5em;
-webkit-transform: translateY(12vw);
-ms-transform: translateY(12vw);
transform: translateY(12vw);
-webkit-transition: -webkit-transform .25s ease-in-out;
transition: -webkit-transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
max-height: 95%
}
@media screen and (max-width:1300px) {
#img-container .caption {
-webkit-transform: translateY(9vw);
-ms-transform: translateY(9vw);
transform: translateY(9vw)
}
}
@media only screen and (max-width:1199px) {
#img-container .caption {
-webkit-transform: translateY(10vw);
-ms-transform: translateY(10vw);
transform: translateY(10vw)
}
}
@media only screen and (max-width:991px) {
#img-container .caption {
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px)
}
}
@media only screen and (max-width:767px) {
#img-container .caption {
-webkit-transform: translateY(1em);
-ms-transform: translateY(1em);
transform: translateY(1em)
}
}
#img-container .caption h2 {
color: #fff;
text-align: center;
margin-bottom: 0;
position: relative;
padding: .5em 0;
text-shadow: 0 2px 20px #000
}
#img-container .caption .title-underline {
position: relative;
width: 100%;
height: 3px;
background: #fff;
-webkit-transition: width .5s ease-in-out;
-o-transition: width .5s ease-in-out;
transition: width .5s ease-in-out;
margin: 0 auto 1em
}
@media only screen and (min-width:768px) {
#img-container .caption .title-underline {
width: 10%
}
}
#img-container .caption a,
#img-container .caption p,
#img-container .caption span {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: opacity .25s ease-in-out, -webkit-transform .3s ease-in-out;
transition: opacity .25s ease-in-out, -webkit-transform .3s ease-in-out;
-o-transition: opacity .25s ease-in-out, transform .3s ease-in-out;
transition: opacity .25s ease-in-out, transform .3s ease-in-out;
transition: opacity .25s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s
}
@media only screen and (max-width:767px) {
#img-container .caption a,
#img-container .caption p,
#img-container .caption span {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
-o-transition: opacity .25s ease-in-out, transform .25s ease-in-out;
transition: opacity .25s ease-in-out, transform .25s ease-in-out;
transition: opacity .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
-webkit-transition-delay: .125s;
-o-transition-delay: .125s;
transition-delay: .125s
}
}
#img-container .caption p {
color: #fff;
margin: 0 auto;
text-align: center;
overflow: hidden;
max-width: 500px;
max-height: 8em
}
@media only screen and (min-width:1600px) {
#img-container .caption p {
max-height: 10em
}
}
@media only screen and (max-width:1350px) {
#img-container .caption p {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
}
@media only screen and (max-width:1199px) {
#img-container .caption p {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
}
@media only screen and (max-width:991px) {
#img-container .caption p {
max-height: 6em;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
}
@media only screen and (max-width:767px) {
#img-container .caption p {
max-height: none;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
}
#img-container .caption a,
#img-container .caption span {
color: #ff0;
display: block;
margin: .5em auto;
position: relative;
max-width: 100px;
text-align: center
}
#img-container .caption a:after,
#img-container .caption a:before,
#img-container .caption span:after,
#img-container .caption span:before {
content: "";
display: block;
position: absolute;
top: 0;
height: 100%;
width: 2px;
background: #ff0;
opacity: 0;
-webkit-transition: opacity .25s ease-in-out, left .25s ease-in-out, right .25s ease-in-out;
-o-transition: opacity .25s ease-in-out, left .25s ease-in-out, right .25s ease-in-out;
transition: opacity .25s ease-in-out, left .25s ease-in-out, right .25s ease-in-out;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s
}
#img-container .caption a:before,
#img-container .caption span:before {
left: .5em
}
#img-container .caption a:after,
#img-container .caption span:after {
right: .5em
}
@media only screen and (min-width:568px) {
#img-container:hover .caption {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
#img-container:hover .caption .title-underline {
width: 100%
}
#img-container:hover .caption p,
#img-container:hover .caption span {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
-o-transition: opacity .25s ease-in-out, transform .25s ease-in-out;
transition: opacity .25s ease-in-out, transform .25s ease-in-out;
transition: opacity .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
-webkit-transition-delay: .125s;
-o-transition-delay: .125s;
transition-delay: .125s
}
#img-container:hover .caption a:after,
#img-container:hover .caption a:before,
#img-container:hover .caption span:after,
#img-container:hover .caption span:before {
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
opacity: 1
}
#img-container:hover .caption a:before,
#img-container:hover .caption span:before {
left: -.5em
}
#img-container:hover .caption a:after,
#img-container:hover .caption span:after {
right: -.5em
}
#img-container:hover .img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: .45
}
}
body.ar .page-jumbotron .section-header-imagebg {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1)
}
.page-jumbotron .section-header-imagebg {
height: 260px;
width: 100%;
background-size: cover;
background-color: #4d4d4d
}
@media only screen and (max-width:1199px) {
.page-jumbotron .section-header-imagebg {
height: 220px
}
}
@media only screen and (max-width:991px) {
.page-jumbotron .section-header-imagebg {
height: 160px
}
}
@media only screen and (max-width:767px) {
.page-jumbotron .section-header-imagebg {
height: 130px
}
}
.page-jumbotron .name-container {
position: relative;
left: 0;
color: #fff;
max-width: 1200px
}
.page-jumbotron .name-container h1 {
position: absolute;
top: -175px;
color: #fff
}
@media only screen and (max-width:1199px) {
.page-jumbotron .name-container h1 {
top: -155px
}
}
@media only screen and (max-width:991px) {
.page-jumbotron .name-container h1 {
top: -120px
}
}
@media only screen and (max-width:767px) {
.page-jumbotron .name-container h1 {
top: -100px
}
}
body.ar .cs-skin-slide>span {
text-align: right
}
body.ar .cs-select>span:after {
right: auto !important;
left: 1em !important
}
body.ar .skins .skin-list .cs-options li {
text-align: right;
padding-right: 40px
}
body.ar .skins .skin-list .cs-options li:before {
right: 0;
left: auto
}
div.cs-select {
display: inline-block;
vertical-align: middle;
position: relative;
text-align: left;
background: #fff;
z-index: 100;
width: 100%;
max-width: 500px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
div.cs-select:focus {
outline: none
}
.cs-select select {
display: none
}
.cs-select span {
display: block;
position: relative;
cursor: pointer;
padding: 1em;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.cs-select>span {
padding-right: 3em
}
.cs-select>span:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.cs-select .cs-selected span:after,
.cs-select>span:after {
speak: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.cs-select .cs-selected span:after {
content: "\E913";
margin-left: 1em
}
.cs-select>span:after {
content: "\E913";
right: 1em
}
.cs-select.cs-active>span:after {
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg)
}
.cs-select .cs-options {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
background: #fff;
visibility: hidden
}
.cs-select.cs-active .cs-options {
visibility: visible
}
.cs-select ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%
}
.cs-select ul span {
padding: 1em
}
.cs-select ul li.cs-focus span {
background-color: #ddd
}
.cs-select li.cs-optgroup ul {
padding-left: 1em
}
.cs-select li.cs-optgroup>span {
cursor: default
}
.cs-select .cs-select-underlay {
background: transparent;
visibility: hidden;
position: fixed;
display: none;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 0
}
.cs-select .cs-select-underlay.cs-select-underlay-active {
display: block;
visibility: visible;
z-index: -1
}
div.cs-skin-slide {
color: #000;
font-size: 1.5em;
width: 300px
}
div.cs-skin-slide:before {
content: "";
background: #fff;
color: #000;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.cs-skin-slide.cs-active:before {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
height: 280%;
background: transparent
}
.cs-skin-slide.cs-active>span {
text-indent: -290px;
opacity: 0
}
.cs-skin-slide.cs-active>span:after {
font-family: icomoon;
content: "\E913";
color: #ff0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.cs-skin-slide>span {
height: 80px;
line-height: 3.5em;
font-size: .6em;
font-family: BurbankBigCondensed-Black, sans-serif;
text-transform: uppercase;
-webkit-transition: text-indent .3s, opacity .3s;
-o-transition: text-indent .3s, opacity .3s;
transition: text-indent .3s, opacity .3s
}
@media only screen and (max-width:767px) {
.cs-skin-slide>span {
font-size: .6em
}
}
.cs-skin-slide>span:after {
font-family: icomoon;
content: "\E913";
color: #ff0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.cs-skin-slide .cs-options {
background: #fff;
width: 100%;
height: auto;
padding: 1em;
top: 150%;
left: 50%;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.cs-skin-slide .cs-options li {
opacity: 0;
-webkit-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0);
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, -webkit-transform .3s;
-o-transition: transform .3s, opacity .3s;
transition: transform .3s, opacity .3s;
transition: transform .3s, opacity .3s, -webkit-transform .3s
}
.cs-skin-slide.cs-active .cs-options li {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
.cs-skin-slide.cs-active .cs-options li:first-child {
-webkit-transition-delay: .05s;
-o-transition-delay: .05s;
transition-delay: .05s
}
.cs-skin-slide.cs-active .cs-options li:nth-child(2) {
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.cs-skin-slide.cs-active .cs-options li:nth-child(3) {
-webkit-transition-delay: .15s;
-o-transition-delay: .15s;
transition-delay: .15s
}
.cs-skin-slide.cs-active .cs-options li:nth-child(4) {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s
}
.cs-skin-slide.cs-active .cs-options li:nth-child(5) {
-webkit-transition-delay: .25s;
-o-transition-delay: .25s;
transition-delay: .25s
}
.cs-skin-slide.cs-active .cs-options li:nth-child(6) {
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s
}
.cs-skin-slide.cs-active .cs-options li:nth-child(7) {
-webkit-transition-delay: .35s;
-o-transition-delay: .35s;
transition-delay: .35s
}
.cs-skin-slide.cs-active .cs-options li:nth-child(8) {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s
}
.cs-skin-slide.cs-active .cs-options li:nth-child(9) {
-webkit-transition-delay: .45s;
-o-transition-delay: .45s;
transition-delay: .45s
}
.cs-skin-slide.cs-active .cs-options li:nth-child(10) {
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s
}
.cs-skin-slide .cs-options li span {
font-family: BurbankBigCondensed-Black, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
font-size: .6em;
padding: .6em 1em .8em 2.5em
}
.cs-skin-slide .cs-options li.cs-focus span,
.cs-skin-slide .cs-options li.cs-selected span,
.cs-skin-slide .cs-options li span:hover {
color: #ff0;
background: transparent
}
.cs-skin-slide .cs-selected span:after {
content: ""
}
@media only screen and (max-width:1199px) {
.cs-skin-slide.cs-active:before {
height: 400%;
-webkit-transform: scaleY(1.1);
transform: scaleY(1.1)
}
div.cs-skin-slide {
width: 180px
}
div.cs-skin-slide .cs-options {
padding: .25em
}
div.cs-skin-slide .cs-options li {
line-height: 1.5em
}
div.cs-skin-slide .cs-options li:before {
top: 0 !important
}
div.cs-skin-slide .cs-options li span {
padding: .2em 1em .2em 2.5em !important
}
div.cs-skin-slide>span {
height: 39px;
line-height: 1em;
font-size: .6em !important
}
}
body.ar .skins .skin-list {
left: 0;
right: 70px
}
@media only screen and (max-width:1199px) {
body.ar .skins .skin-list {
right: 130px
}
}
body.ar .slick-slider .pagination,
body.ar .slick-slider>div {
direction: ltr
}
body[data-ios=true] #contentWrapper .slick-slider .pagination li,
body[data-iphone=true] #contentWrapper .slick-slider .pagination li {
display: inline-block
}
body[data-ios=true] #contentWrapper .slick-slider .pagination li button,
body[data-iphone=true] #contentWrapper .slick-slider .pagination li button {
height: auto !important
}
.slick-slider .slick-control {
position: relative;
border: none;
color: #1e1e1e;
width: 3em;
font-weight: 700;
text-align: center;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
display: table;
height: 100%
}
.slick-slider .slick-control i {
font-size: 1.6em;
display: table-cell;
vertical-align: middle
}
.slick-slider .slick-next {
right: -3em
}
.slick-slider .slick-prev {
left: -3em
}
.slick-slider .slick-prev i {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.slick-slider.nav-top div.slick-next {
top: -43px;
height: 37px;
right: 0
}
.slick-slider.nav-top div.slick-prev {
right: 50px;
top: -43px;
left: inherit;
height: 37px
}
.slick-slider.nav-top div.slick-slider .slick-control {
width: 2em
}
@media only screen and (max-width:1399px) {
.slick-slider div.slick-next {
top: -43px;
height: 37px;
right: 0
}
.slick-slider div.slick-prev {
right: 50px;
top: -43px;
left: inherit;
height: 37px
}
.slick-slider div.slick-slider .slick-control {
width: 2em
}
}
@media only screen and (max-width:1199px) {
.slick-slider div.slick-next {
right: -3px
}
.slick-slider div.slick-next .slick-control {
width: 2em
}
.slick-slider div.slick-prev {
right: 22px
}
.slick-slider div.slick-prev .slick-control {
width: 2em
}
}
.slick-slider .slick-next,
.slick-slider .slick-prev {
position: absolute;
display: block;
height: 100%;
top: 0;
z-index: 99
}
.slick-slider .slick-next.slick-disabled,
.slick-slider .slick-prev.slick-disabled {
display: none !important
}
.slick-slider:hover .slick-control:hover {
color: #ff0
}
.slick-slider .pagination {
text-align: center
}
.slick-slider .pagination li {
display: inline-block
}
.slick-slider .pagination li button {
display: inline-block;
width: 1em;
height: 1em;
border: 1px solid #e8e8e8;
margin: 1em;
border-radius: 50%;
background: transparent;
color: transparent
}
@media only screen and (max-width:767px) {
.slick-slider .pagination li button {
margin: .75em
}
}
.slick-slider .pagination li.slick-active button {
background: #e8e8e8
}
.twitch-chat-embed {
height: 27.4vw
}
@media (max-width:1650px) {
.twitch-chat-embed {
height: 20vw
}
}
@media (max-width:1200px) and (min-width:992px) {
.twitch-chat-embed {
height: 30vw
}
}
.twitch-chat-embed iframe {
width: 100%;
height: 100%
}
.twitch-preview-anchor img,
.twitch-video-embed {
height: 100%
}
.twitch-video-embed .twitch-preview-anchor img {
width: 100%;
height: auto
}
.twitch-video-embed iframe,
.youtube-video-embed {
width: 100%;
height: 100%
}
.youtube-video-embed iframe {
min-width: 100%;
min-height: 100%
}
#videoOverlay.video-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: -1;
visibility: hidden
}
#videoOverlay.video-overlay .full-height {
height: 100%
}
#videoOverlay.video-overlay .video-container {
text-align: center;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 0 2px 23px -1px #000;
box-shadow: 0 2px 23px -1px #000
}
#videoOverlay.video-overlay .close-video {
position: absolute;
top: 0;
right: 0;
padding: .5em;
cursor: pointer
}
#videoOverlay.video-overlay .close-video i {
font-size: 1.5em;
color: #ff0
}
#videoOverlay.video-overlay.active {
z-index: 11;
visibility: visible;
background: rgba(0, 0, 0, .9);
-webkit-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out
}
#videoOverlay.video-overlay.active .video-container {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: zoom .75s ease-in-out;
animation: zoom .75s ease-in-out
}
.mouse-position {
position: fixed;
width: 4em;
height: 4em;
border-radius: 50%;
background-color: transparent;
z-index: 5;
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
overflow: hidden;
text-align: center
}
.mouse-position i {
display: inline-block;
vertical-align: middle;
margin-top: .55em;
color: #fff;
font-size: 2em
}
.mouse-position.tier-1 {
background-color: rgba(142, 144, 173, .9)
}
.mouse-position.tier-2 {
background-color: rgba(1, 131, 177, .9)
}
.mouse-position.tier-3 {
background-color: rgba(132, 13, 188, .9)
}
.mouse-position.tier-4 {
background-color: rgba(197, 92, 23, .9)
}
.mouse-position.showChaser {
opacity: 1;
visibility: visible
}
body[data-firefox=true] .mouse-position i,
body[data-ios=true] .mouse-position i,
body[data-msie=true] .mouse-position i,
body[data-safari=true] .mouse-position i {
margin-top: .44em
}
.wrapper .download-button.btn-display {
background-color: transparent !important
}
.wrapper .download-button.play-free {
color: #000
}
.wrapper .download-button.play-free:after {
background-color: #ff0
}
.wrapper .download-button.play-free:active,
.wrapper .download-button.play-free:focus,
.wrapper .download-button.play-free:hover {
color: #000
}
.wrapper .download-button.play-free:active:after,
.wrapper .download-button.play-free:focus:after,
.wrapper .download-button.play-free:hover:after {
background-color: #e6e600
}
.wrapper .download-button.play-free.disabled:after {
-webkit-animation: none;
animation: none
}
.wrapper .download-button .bolt {
position: absolute;
top: 0;
right: 0;
width: 3.5em;
height: 100%;
z-index: 2
}
.wrapper .download-button .bolt i {
color: #ff0;
font-size: .5em;
background: #000;
position: absolute;
top: .5em;
right: .5em;
padding: .5em;
border-radius: 2em;
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8)
}
.animate-string span {
display: inline-block;
padding-right: .2em;
opacity: 0
}
.animate-string span:last-child {
padding-right: 0
}
.animate-string.overflow {
overflow: hidden
}
.animate-object {
opacity: 0;
display: inline-block
}
.bk-img {
position: absolute;
background: no-repeat top;
background-size: cover;
overflow: hidden
}
.bk-img,
.fn-common-overlay {
top: 0;
left: 0;
width: 100%;
height: 100%
}
.fn-common-overlay {
position: fixed;
right: 0;
bottom: 0;
z-index: -99;
background-color: rgba(16, 110, 160, .98);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
opacity: 0;
-webkit-transition: opacity .1s linear;
-o-transition: opacity .1s linear;
transition: opacity .1s linear;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.fn-common-overlay .bkgrd {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(data:image/png;base64,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) no-repeat 50%;
background-size: cover;
z-index: 0
}
@media only screen and (max-width:767px) {
.fn-common-overlay .bkgrd {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAKjBAMAAAD/nevzAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADnRSTlMAMzUEFA0sKAgwGiMeMvXCAPEAAAmqSURBVHja7N29yhNREMbxgZxgUJssKihYjPiBX2D1bmGj4gW4jZDCwqhgKdpYWgmWfoGlCPbyWtnJ3oGg4OUoqJscssY9u2dUdv6/O0hgk2ef2TMr/5/pp/m6MwJje3W+rngt4/Rmvu6UwNj1eeTsBRmnfRpdP5cEpiZLHz9YMrkffc57gpjJhdw4IqP1JPqkBwWm4uihI/6HCPFfviBi+m0XL2XEomvo6DWBocV83clRf9vRv37xUWAnju7FXRmzOL6/EtiJo/upsVYNPz2hIt3GLHYU72Xcovb90Mivon8qqK8bpStUpH/Hwlmc3a/zlVsCI5Olk260Nb4fFxjZp0660cZjZQ5tLo7uxQtxIIrvoy7tUpm17qd9fM2X543incDEwk832hrfvwgaVtH91CPx4b6neiWBUXQvHogTO6tPfdjLxfSX1R6eG90wfeqpuPsXgrrqRlva9+K5IL+F+hzI7lWXH3srs+juoRtt7K4eP3MTAP6ii7r6S/gsnuwoc2hDtbtudBXf/d0Lb2cU3Ys74suqfT8hyOyGw250Fd+ZQ1uZLB12o41d5tBW9qjDbrRRKnNoI7XLbvSXWRPfvwpyCj670c34fk5gFN1HuwRke3xnDt2wie6+utHG7uiX6/wTe9RpN9oolaM6Bmq33egvsyVHdRoGrftJtxGjoiLN70ZT4zwUr4Iyh85tsnTcjTZqVkbmtke9LAHZplRWRmZW0w5+N7vJUZ28gu9udKMkdnv/YvWFzg+Ia0HdzkpNNA3Oae/3QzUrI/NGdw8LkrvYp36n8AZqFwuSE2qXw447l4yCuu9GGwsq0nwWThYkd78/LphDZ4nuPJO78oY5dL7oTje6Ht+ZQ2dS041G8Z2jOnkEpRtd94RYkLV1P8+N0A+BOXQWkyXdaOwNgTNPdKcbje1TjupkULtakNzF5D5HdYYLSjfaGt9ZGTnMDZ4b3TBlDp2hdacb3fSGlZHDoztnf9viO3PogWovL49LjO8c1RkmKM+NtnmiTCIGqehGW00/cVRnWHSnG213hTn0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)
}
}
.fn-common-overlay .close-button {
display: inline-block;
background-color: #1ac5d9;
outline: none;
border: none;
margin-bottom: .5em
}
@media only screen and (max-width:1199px) {
.fn-common-overlay .close-button {
right: 1em
}
}
@media only screen and (max-width:991px) {
.fn-common-overlay .close-button {
top: .2em
}
}
.fn-common-overlay .close-button i {
display: inline-block;
padding-top: .3em;
font-size: 1.2em
}
.fn-common-overlay .overlay-container {
display: -webkit-flex;
display: -ms-flexbox;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.fn-common-overlay .overlay-container .fn-content-container h1 {
color: #fff;
text-align: center
}
.fn-common-overlay .overlay-container .fn-content-container .fn-overlay-btns {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.fn-common-overlay .overlay-container .fn-content-container .fn-overlay-btns a.fn-overlay-btn {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 5px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #ff0;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
width: 15em;
height: 15em;
color: #000
}
.fn-common-overlay .overlay-container .fn-content-container .fn-overlay-btns a.fn-overlay-btn>span {
font-size: 5em;
color: #000
}
.fn-common-overlay.visible {
z-index: 9999999;
opacity: 1
}
.parallax-container .parallax-image {
width: 100%
}
.videoPlayButton {
width: 5.4em;
height: 5.4em;
background-color: rgba(0, 0, 0, .3);
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
cursor: pointer;
border: .2em solid #fff;
-webkit-border-image: none;
-o-border-image: none;
border-image: none;
-webkit-border-image: initial;
-o-border-image: initial;
border-image: initial;
-webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
-o-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s
}
.videoPlayButton span {
position: relative;
left: .2em;
width: 0;
height: 0;
display: inline-block;
border-top: 1.2em solid transparent;
border-bottom: 1.2em solid transparent;
border-left: 1.8em solid #fff
}
.no-touch .fn-mobile-overlay .overlay-container .content-question .btn:hover,
.no-touch .fn-mobile-overlay .overlay-container .content-selection .btn:hover {
background-color: #cc0
}
.fn-mobile-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999999;
width: 100%;
height: 100%;
background-color: rgba(16, 110, 160, .98)
}
.fn-mobile-overlay .bkgrd {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(data:image/png;base64,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) no-repeat 50%;
background-size: cover;
z-index: 0
}
@media only screen and (max-width:767px) {
.fn-mobile-overlay .bkgrd {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAKjBAMAAAD/nevzAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADnRSTlMAMzUEFA0sKAgwGiMeMvXCAPEAAAmqSURBVHja7N29yhNREMbxgZxgUJssKihYjPiBX2D1bmGj4gW4jZDCwqhgKdpYWgmWfoGlCPbyWtnJ3oGg4OUoqJscssY9u2dUdv6/O0hgk2ef2TMr/5/pp/m6MwJje3W+rngt4/Rmvu6UwNj1eeTsBRmnfRpdP5cEpiZLHz9YMrkffc57gpjJhdw4IqP1JPqkBwWm4uihI/6HCPFfviBi+m0XL2XEomvo6DWBocV83clRf9vRv37xUWAnju7FXRmzOL6/EtiJo/upsVYNPz2hIt3GLHYU72Xcovb90Mivon8qqK8bpStUpH/Hwlmc3a/zlVsCI5Olk260Nb4fFxjZp0660cZjZQ5tLo7uxQtxIIrvoy7tUpm17qd9fM2X543incDEwk832hrfvwgaVtH91CPx4b6neiWBUXQvHogTO6tPfdjLxfSX1R6eG90wfeqpuPsXgrrqRlva9+K5IL+F+hzI7lWXH3srs+juoRtt7K4eP3MTAP6ii7r6S/gsnuwoc2hDtbtudBXf/d0Lb2cU3Ys74suqfT8hyOyGw250Fd+ZQ1uZLB12o41d5tBW9qjDbrRRKnNoI7XLbvSXWRPfvwpyCj670c34fk5gFN1HuwRke3xnDt2wie6+utHG7uiX6/wTe9RpN9oolaM6Bmq33egvsyVHdRoGrftJtxGjoiLN70ZT4zwUr4Iyh85tsnTcjTZqVkbmtke9LAHZplRWRmZW0w5+N7vJUZ28gu9udKMkdnv/YvWFzg+Ia0HdzkpNNA3Oae/3QzUrI/NGdw8LkrvYp36n8AZqFwuSE2qXw447l4yCuu9GGwsq0nwWThYkd78/LphDZ4nuPJO78oY5dL7oTje6Ht+ZQ2dS041G8Z2jOnkEpRtd94RYkLV1P8+N0A+BOXQWkyXdaOwNgTNPdKcbje1TjupkULtakNzF5D5HdYYLSjfaGt9ZGTnMDZ4b3TBlDp2hdacb3fSGlZHDoztnf9viO3PogWovL49LjO8c1RkmKM+NtnmiTCIGqehGW00/cVRnWHSnG213hTn0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)
}
}
.fn-mobile-overlay .close-button {
display: inline-block;
background-color: #1ac5d9;
outline: none;
border: none;
margin-bottom: .5em
}
@media only screen and (max-width:1199px) {
.fn-mobile-overlay .close-button {
right: 1em
}
}
@media only screen and (max-width:991px) {
.fn-mobile-overlay .close-button {
top: .2em
}
}
.fn-mobile-overlay .close-button i {
display: inline-block;
padding-top: .3em;
font-size: 1.2em
}
.fn-mobile-overlay .overlay-container {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
max-width: 50em;
z-index: 1;
margin: 0 auto
}
@media screen and (max-height:800px) {
.fn-mobile-overlay .overlay-container {
margin: 2em auto 0
}
}
@media only screen and (max-width:991px) {
.fn-mobile-overlay .overlay-container {
margin: 0 auto;
padding: 2em 15px
}
}
.fn-mobile-overlay .overlay-container .content-error h2,
.fn-mobile-overlay .overlay-container .content-question h2,
.fn-mobile-overlay .overlay-container .content-selection h2,
.fn-mobile-overlay .overlay-container .download-selection h2 {
font-size: 5em;
color: #fff;
line-height: 1
}
@media screen and (max-height:800px) {
.fn-mobile-overlay .overlay-container .content-error h2,
.fn-mobile-overlay .overlay-container .content-question h2,
.fn-mobile-overlay .overlay-container .content-selection h2,
.fn-mobile-overlay .overlay-container .download-selection h2 {
font-size: 2em
}
}
@media only screen and (max-width:767px) {
.fn-mobile-overlay .overlay-container .content-error h2,
.fn-mobile-overlay .overlay-container .content-question h2,
.fn-mobile-overlay .overlay-container .content-selection h2,
.fn-mobile-overlay .overlay-container .download-selection h2 {
font-size: 2em;
margin-bottom: .5em
}
}
.fn-mobile-overlay .overlay-container .content-error p,
.fn-mobile-overlay .overlay-container .content-question p,
.fn-mobile-overlay .overlay-container .content-selection p,
.fn-mobile-overlay .overlay-container .download-selection p {
color: #fff;
max-width: 23em;
margin: 1em auto
}
.fn-mobile-overlay .overlay-container .content-error .btn,
.fn-mobile-overlay .overlay-container .content-question .btn,
.fn-mobile-overlay .overlay-container .content-selection .btn,
.fn-mobile-overlay .overlay-container .download-selection .btn {
background-color: #ff0;
color: #000;
margin: .5em;
padding: .5em 2em;
white-space: normal;
line-height: 1;
-webkit-transition: background-color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out
}
.fn-mobile-overlay .overlay-container .customized-answer-no {
max-width: 600px;
margin: 0 auto
}
.fn-mobile-overlay .overlay-container .customized-answer-no h1 {
color: #fff;
font-size: 5em
}
.fn-mobile-overlay .overlay-container .content-selection h2,
.fn-mobile-overlay .overlay-container .download-selection h2 {
margin: 0 auto .5em;
font-size: 4.5em;
max-width: 8em
}
@media only screen and (max-width:991px) {
.fn-mobile-overlay .overlay-container .content-selection h2,
.fn-mobile-overlay .overlay-container .download-selection h2 {
font-size: 2em
}
}
@media only screen and (device-max-width:768px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
.fn-mobile-overlay .overlay-container .content-selection h2,
.fn-mobile-overlay .overlay-container .download-selection h2 {
max-width: 10em
}
}
.fn-mobile-overlay .overlay-container .content-selection .btn-container,
.fn-mobile-overlay .overlay-container .download-selection .btn-container {
max-width: 33em;
margin: 0 auto
}
@media only screen and (max-width:767px) {
.fn-mobile-overlay .overlay-container .content-selection .btn-container,
.fn-mobile-overlay .overlay-container .download-selection .btn-container {
max-width: 23em
}
}
@media only screen and (device-max-width:768px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
.fn-mobile-overlay .overlay-container .content-selection .btn-container,
.fn-mobile-overlay .overlay-container .download-selection .btn-container {
max-width: 33em
}
}
.fn-mobile-overlay .overlay-container .content-selection .btn-container .btn,
.fn-mobile-overlay .overlay-container .download-selection .btn-container .btn {
font-size: 1em;
width: 10em;
padding: .5em 0 0;
margin: .5em;
line-height: 1;
height: 10em;
overflow: hidden
}
.fn-mobile-overlay .overlay-container .content-selection .btn-container .btn i,
.fn-mobile-overlay .overlay-container .download-selection .btn-container .btn i {
font-size: 5em;
display: block
}
.fn-mobile-overlay .overlay-container .content-selection .btn-container .btn span,
.fn-mobile-overlay .overlay-container .download-selection .btn-container .btn span {
font-family: OpenSans, sans-serif;
font-size: .8em;
font-weight: 800
}
.fn-mobile-overlay .overlay-container .content-selection .btn-container .btn span span,
.fn-mobile-overlay .overlay-container .download-selection .btn-container .btn span span {
font-size: 1em;
text-transform: none
}
@media only screen and (max-width:991px) {
.fn-mobile-overlay .overlay-container .content-selection .btn-container .btn,
.fn-mobile-overlay .overlay-container .download-selection .btn-container .btn {
width: 5em;
height: 5em
}
.fn-mobile-overlay .overlay-container .content-selection .btn-container .btn i,
.fn-mobile-overlay .overlay-container .download-selection .btn-container .btn i {
font-size: 2.5em
}
.fn-mobile-overlay .overlay-container .content-selection .btn-container .btn span,
.fn-mobile-overlay .overlay-container .download-selection .btn-container .btn span {
font-size: .6em
}
}
.fn-mobile-overlay .overlay-container .content-error {
padding: 0 1em
}
.fn-mobile-overlay .overlay-container .content-error h2 {
font-size: 3em;
margin-bottom: .5em
}
@media screen and (max-height:800px) {
.fn-mobile-overlay .overlay-container .content-error h2 {
font-size: 2em
}
}
@media only screen and (max-width:767px) {
.fn-mobile-overlay .overlay-container .content-error h2 {
font-size: 1.5em;
margin-bottom: 1em
}
}
@media only screen and (max-width:767px) {
.fn-mobile-overlay .overlay-container .content-error .btn {
width: 100%;
max-width: 10em;
margin: 0 0 .5em;
padding: .5em
}
}
.fn-mobile-overlay .overlay-container .download-selection .btn-container {
max-width: 42em
}
@media only screen and (max-width:767px) {
.fn-mobile-overlay .overlay-container .download-selection .btn-container {
max-width: 100%
}
}
@media only screen and (device-max-width:568px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
.fn-mobile-overlay .overlay-container .download-selection .btn-container {
max-width: 20em
}
}
.error404 {
background: url(5ba9f1b6f10104c1ab882eaee97c8250.jpg) 50% no-repeat;
background-size: cover !important;
text-align: center;
font-size: 16px;
overflow: hidden;
min-height: 90vh
}
.error404:after,
.error404:before {
content: " ";
display: table
}
.error404:after {
clear: both
}
@media only screen and (max-width:1199px) {
.error404 {
min-height: 85vh
}
}
@media only screen and (max-width:991px) {
.error404 {
padding: 1em
}
}
.error404 .content.content {
margin: 60px auto
}
@media only screen and (min-width:1440px) {
.error404 .content.content {
margin-bottom: 90px
}
}
@media only screen and (max-width:1199px) {
.error404 .content.content {
margin-bottom: 30px
}
}
.error404 .content.content h1 {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 40em;
letter-spacing: .05em;
color: #fff;
display: inline;
line-height: 1;
pointer-events: none
}
@media only screen and (max-width:1199px) {
.error404 .content.content h1 {
font-size: 400px
}
}
@media only screen and (max-width:991px) {
.error404 .content.content h1 {
font-size: 200px
}
}
@media only screen and (max-width:767px) {
.error404 .content.content h1 {
font-size: 150px
}
}
@media only screen and (min-width:1440px) {
.error404 .content.content h1 {
font-size: 52em
}
}
.error404 .content.content p {
font-family: BurbankBigCondensed-Black, sans-serif;
text-transform: uppercase;
font-size: 2em;
color: #fff;
line-height: 1.5
}
@media only screen and (max-width:767px) {
.error404 .content.content p {
font-size: 1.5em
}
}
.error404 .errorHeader {
display: block;
max-width: 66em;
position: relative;
margin: 0 auto 1em
}
.error404 .errorHeader h1 {
position: relative;
z-index: 2;
line-height: .85 !important
}
.error404 .errorHeader .llama-1,
.error404 .errorHeader .llama-2,
.error404 .errorHeader .llama-3 {
position: absolute
}
.error404 .errorHeader .llama-1 {
background: url(4dbe8308b471613ff577dc9c2b08da8f.png) 50% no-repeat;
background-size: contain !important;
width: 10em;
height: 20em;
left: -2em;
top: 0
}
.error404 .errorHeader .llama-2 {
background: url(8ea4204bebd269ce384292e6ea425df9.png) 50% no-repeat;
background-size: contain !important;
width: 10em;
height: 10em;
left: 26%;
top: 27%
}
.error404 .errorHeader .llama-3 {
background: url(30c8e354b940c1cdc9b0624fcee97bd9.png) 50% no-repeat;
background-size: contain !important;
width: 10em;
height: 16em;
right: 0;
top: 0
}
@media only screen and (max-width:1199px) {
.error404 .errorHeader {
max-width: 45em
}
.error404 .errorHeader .llama-1 {
width: 7em;
height: 14em;
left: 0
}
.error404 .errorHeader .llama-2 {
display: none
}
.error404 .errorHeader .llama-3 {
width: 8em;
height: 12em
}
}
@media only screen and (max-width:991px) {
.error404 .errorHeader {
max-width: 22em
}
.error404 .errorHeader .llama-1 {
width: 3em;
height: 7em
}
.error404 .errorHeader .llama-3 {
width: 5em;
height: 6em
}
}
@media only screen and (max-width:767px) {
.error404 .errorHeader {
max-width: 18em
}
.error404 .errorHeader .llama-1 {
height: 5em
}
.error404 .errorHeader .llama-3 {
width: 4em;
height: 5em
}
}
@media only screen and (min-width:1440px) {
.error404 .errorHeader {
max-width: 78em
}
.error404 .errorHeader .llama-1 {
left: -2em;
top: 10%
}
.error404 .errorHeader .llama-2 {
width: 13em;
height: 13em
}
.error404 .errorHeader .llama-3 {
width: 10em;
height: 16em;
right: -3em;
top: -1em
}
}
.error404 .errorBody {
margin: 4em auto
}
@media only screen and (max-width:991px) {
.error404 .errorBody {
margin: 1em auto
}
}
.error404 .box-shadow {
position: absolute;
bottom: 2em;
left: 0;
right: 0;
width: 50%;
height: .7em;
border-radius: 44%;
background: rgba(0, 0, 0, .1);
margin: 0 auto;
-webkit-box-shadow: 0 0 14px 3px rgba(0, 0, 0, .1);
box-shadow: 0 0 14px 3px rgba(0, 0, 0, .1)
}
.error404 .btn.wobble-btn {
z-index: 5;
background-color: #ff0;
color: #000
}
.error404 .btn.wobble-btn:before {
display: none
}
@media only screen and (max-width:767px) {
.error404 .btn.wobble-btn {
padding-left: 0 !important;
padding-right: 0 !important
}
}
body.ar .error404 .errorBody {
text-align: center
}
.errorPages .btn-error.btn-error {
margin-top: 2em;
padding-left: 3em;
padding-right: 3em
}
.errorPages .btn-error.btn-error a {
font-family: BurbankBigCondensed-Black, sans-serif;
color: #fff
}
.errorPages .btn-error.btn-error a:hover {
color: #fff
}
@media only screen and (max-width:991px) {
.errorPages .btn-error.btn-error {
width: 100%
}
}
.error500 {
background: url(5ba9f1b6f10104c1ab882eaee97c8250.jpg) no-repeat top;
background-size: cover;
font-size: 16px;
overflow: hidden;
min-height: 90vh
}
.error500:after,
.error500:before {
content: " ";
display: table
}
.error500:after {
clear: both
}
@media only screen and (max-width:991px) {
.error500 {
min-height: 75vh
}
}
.error500 .content h1 {
font-size: 200px;
line-height: .95
}
.error500 .content h1,
.error500 .content h2 {
font-family: BurbankBigCondensed-Black, sans-serif;
text-transform: uppercase;
color: #fff
}
.error500 .content h2 {
margin-bottom: .8em
}
.error500 .content p {
font-family: BurbankSmall-Black, sans-serif;
font-size: 14.5px;
line-height: 1.5;
margin-bottom: .5em;
color: #fff
}
@media only screen and (max-width:1199px) {
.error500 .content h1 {
font-size: 60px
}
}
@media only screen and (max-width:991px) {
.error500 .content {
padding: 1em
}
.error500 .content h1 {
font-size: 100px
}
.error500 .content h2 {
font-size: 30px;
margin-bottom: 1em
}
}
@media only screen and (max-width:991px) and (max-width:767px) {
.error500 .content h2 {
margin-bottom: 0
}
}
@media only screen and (max-width:991px) {
.error500 .content p {
font-size: 16px
}
}
.error500 .errorBody {
position: relative;
margin-top: 180px;
margin-bottom: 180px;
margin-left: 10%
}
@media only screen and (max-width:991px) {
.error500 .errorBody {
margin-top: 100px;
margin-bottom: 100px
}
.error500 .errorBody:before {
content: none
}
}
@media only screen and (max-width:991px) {
.error500 .errorBody {
margin-top: 60px;
margin-bottom: 60px;
margin-left: 0;
z-index: 1
}
}
@media only screen and (device-max-width:568px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
.error500 .errorBody {
margin-top: 0
}
}
.error500 .btn.wobble-btn {
z-index: 5;
background-color: #ff0;
color: #000
}
.error500 .btn.wobble-btn:before {
display: none
}
@media only screen and (max-width:1199px) {
.error500 .btn.wobble-btn {
width: auto;
margin-top: .5em
}
}
@media only screen and (max-width:767px) {
.error500 .btn.wobble-btn {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important
}
}
.error500 .zombie {
background: url(fbe4699e5dd90db15131ffa13ddf2ff2.png) no-repeat 50%;
background-size: contain;
width: 44em;
height: 55em;
position: absolute;
right: 25%;
top: 10%
}
@media screen and (max-width:1495px) {
.error500 .zombie {
right: 2em
}
}
@media only screen and (max-width:1199px) {
.error500 .zombie {
top: 2em;
height: 42em
}
}
@media only screen and (max-width:991px) {
.error500 .zombie {
width: 28em;
height: 30em;
right: -5em;
top: 2em
}
}
@media only screen and (max-width:767px) {
.error500 .zombie {
width: 11em;
height: 12em;
right: 0
}
}
body.ar .error500 {
text-align: right
}
body.ar .error500 .content h1 {
word-spacing: normal
}
body.ar .error500 .content h1:after {
content: none
}
body.ar .error500 .errorBody {
margin-left: 0;
padding-right: 16%
}
body.ar .error500 .errorBody:before {
left: auto;
right: 40em
}
@media only screen and (max-width:1199px) {
body.ar .error500 .errorBody:before {
right: 31em
}
}
@media only screen and (max-width:991px) {
body.ar .error500 .errorBody {
padding-right: 0
}
}
body.ar .error500 .zombie {
right: auto
}
@media only screen and (max-width:1199px) {
body.ar .error500 .zombie {
right: auto
}
}
#faq {
padding-bottom: 6em
}
#faq .section {
margin-bottom: 2em;
padding: 1em
}
@media only screen and (max-width:767px) {
#faq .section {
padding: 0
}
}
#faq .section#general {
border: none
}
#faq .section .content {
margin: 0 auto
}
#faq .section .content h2 {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 2.4em;
color: #1e1e1e;
text-transform: uppercase;
padding-bottom: 1em
}
@media only screen and (max-width:767px) {
#faq .section .content h2 {
font-size: 1.5em
}
}
.ja #faq .section .content h2 {
font-family: Nis_Jyau_P, sans-serif
}
.ar #faq .section h2 {
text-align: right
}
.answer {
font-size: .9em
}
.question {
font-size: 1em
}
.answer,
.question {
font-family: OpenSans, sans-serif;
color: #1e1e1e;
padding-left: 3em
}
@media only screen and (max-width:767px) {
.answer,
.question {
padding-left: 1.5em
}
}
.answer:before,
.question:before {
display: inline-block;
margin-right: 1em;
margin-left: -2em;
float: left;
line-height: 1.5
}
.answer a,
.question a {
color: #0cadea;
-webkit-transition: color .1s ease-in-out;
-o-transition: color .1s ease-in-out;
transition: color .1s ease-in-out
}
.answer a:hover,
.question a:hover {
color: #35c0f4
}
.answer>div,
.answer p,
.question>div,
.question p {
margin: 0 0 5px
}
.answer img,
.question img {
display: block;
max-width: 100%;
height: auto
}
.answer table,
.question table {
border: 1px solid #3d3c3c;
width: 100%;
max-width: 500px;
margin: 0 auto
}
.answer table td,
.question table td {
padding-left: 10px;
text-align: center
}
.answer table td p,
.question table td p {
text-align: center !important
}
.answer table tr:first-child,
.question table tr:first-child {
background: #1db8f3;
color: #000
}
.question {
font-weight: 700
}
.question:before {
content: "Q: "
}
.answer {
margin-bottom: 2em
}
.answer:before {
content: "A: "
}
.ja .question p {
font-weight: 700
}
body.ar .answer,
body.ar .question {
padding-left: 0;
padding-right: 3em
}
body.ar .answer div,
body.ar .answer p,
body.ar .question div,
body.ar .question p {
text-align: right
}
body.ar .answer li,
body.ar .question li {
margin-right: 20px
}
body.ar .answer:after,
body.ar .answer:before,
body.ar .question:after,
body.ar .question:before {
margin-right: -2em;
margin-left: 2em;
float: right
}
body.ar .answer ul,
body.ar .question ul {
margin-top: 1em
}
body.ar .question:before {
content: "Q : "
}
body.ar .answer:before {
content: "A : "
}
body.ar .sectionLink {
text-align: right
}
body.ar .sectionLink:before {
margin-left: 10px
}
.sectionLink {
font-family: OpenSans, sans-serif;
font-size: .85em;
margin: .5em 0;
cursor: pointer;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
vertical-align: top;
list-style-position: inside;
text-indent: -1.2em
}
@media only screen and (max-width:991px) {
.sectionLink {
width: 33%;
display: inline-block
}
}
@media only screen and (max-width:767px) {
.sectionLink {
width: 50%;
display: inline-block
}
}
@media only screen and (max-width:480px) {
.sectionLink {
width: 100%
}
}
.sectionLink:hover {
color: #1db8f3
}
.sectionLink:before {
content: "";
display: inline-block;
width: 5px;
height: 5px;
background: #1db8f3;
margin-bottom: 3px;
margin-right: 10px;
border-radius: 50%
}
.background-video,
.video {
position: relative
}
.background-video.video,
.video.video {
position: relative;
z-index: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: #000;
background-size: cover
}
.background-video.video.fixed,
.video.video.fixed {
top: 0;
left: 0;
position: fixed
}
.background-video.video.absolute,
.video.video.absolute {
position: absolute;
top: 0;
left: 0;
right: 0
}
.background-video.video .overlay,
.video.video .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .25);
z-index: 1
}
.background-video.video .screen,
.video.video .screen {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 0;
margin: auto
}
@media only screen and (max-width:991px) {
.background-video.video .screen,
.video.video .screen {
top: 0 !important;
min-height: 100%
}
}
.background-video.video .screen .bkImage,
.video.video .screen .bkImage {
background-size: cover !important;
width: 100%;
height: 100%
}
.play-pause-overlay {
height: 100%;
position: absolute;
z-index: 1;
background: rgba(0, 0, 0, .25);
opacity: 0;
text-align: center;
width: 100%;
top: 0;
cursor: pointer;
bottom: 0;
pointer-events: none
}
.play-pause-overlay.show {
opacity: 1 !important;
pointer-events: auto
}
.play-pause-overlay .play-pause-btn {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: .85;
color: #fff;
z-index: 2;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.play-pause-overlay .play-pause-btn h4 {
margin: -1.75em 0 0;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
text-shadow: 0 2px 20px #333
}
.play-pause-overlay .play-pause-btn a {
font-size: 6em;
color: #fff;
display: block;
text-shadow: 0 2px 20px #333
}
.play-pause-overlay:hover .play-pause-btn {
opacity: 1
}
.play-pause-overlay:hover a,
.play-pause-overlay:hover h4 {
color: #7ec0ee
}
body.ar #header-section .trailer i {
font-size: 1.25em
}
#header-section {
position: relative;
overflow-x: hidden
}
#header-section .card {
height: 85vh
}
#header-section .slick-slider .slick-next,
#header-section .slick-slider .slick-prev {
opacity: .5;
height: 4em;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
@media only screen and (max-width:1199px) {
#header-section .slick-slider .slick-next,
#header-section .slick-slider .slick-prev {
opacity: 1
}
}
@media only screen and (max-width:991px) {
#header-section .slick-slider .slick-next,
#header-section .slick-slider .slick-prev {
display: none !important
}
}
#header-section .slick-slider .slick-next:hover,
#header-section .slick-slider .slick-prev:hover {
opacity: 1
}
#header-section .slick-slider .slick-next i,
#header-section .slick-slider .slick-prev i {
color: #fff
}
#header-section .slick-slider .slick-prev {
left: 2em
}
#header-section .slick-slider .slick-next,
#header-section .slick-slider .slick-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
#header-section .slick-slider .slick-next {
right: 2em
}
#header-section .slick-slider .pagination {
position: absolute;
left: 0;
right: 0;
bottom: 1em;
text-align: center;
max-width: 30em;
margin: 0 auto
}
@media only screen and (max-width:991px) {
#header-section .slick-slider .pagination {
max-width: 15em;
bottom: .25em
}
}
#header-section .slick-slider .pagination li button {
border: 1px solid #fff
}
@media only screen and (max-width:767px) {
#header-section .slick-slider .pagination li button {
height: 14px
}
}
#header-section .slick-slider .pagination li.slick-active button {
background: #fff
}
#header-section .slider-container {
padding-left: 0;
padding-right: 0
}
#header-section .slider-container .card {
height: 85vh;
width: 100vw;
position: relative
}
@media only screen and (max-width:991px) {
#header-section .slider-container .card {
height: 36em
}
}
@media only screen and (max-width:736px) and (orientation:landscape) {
#header-section .slider-container .card {
height: 30em
}
}
@media only screen and (device-max-width:568px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
#header-section .slider-container .card {
height: 26em
}
}
#header-section h1,
#header-section p {
color: #fff
}
#header-section .header-content {
position: absolute;
height: 100%;
bottom: 0;
left: 0;
right: 0;
z-index: 5;
padding-top: 40vh;
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .75s ease-in-out, -webkit-transform .75s ease;
transition: opacity .75s ease-in-out, -webkit-transform .75s ease;
-o-transition: opacity .75s ease-in-out, transform .75s ease;
transition: opacity .75s ease-in-out, transform .75s ease;
transition: opacity .75s ease-in-out, transform .75s ease, -webkit-transform .75s ease
}
@media only screen and (max-width:991px) {
#header-section .header-content {
padding-top: 10%
}
}
@media only screen and (max-width:767px) and (orientation:landscape) and (min-aspect-ratio:1/1) {
#header-section .header-content {
padding-top: 3%
}
}
#header-section .header-content.tran-out {
opacity: 0;
-webkit-transform: translate3d(0, -10em, 0);
transform: translate3d(0, -10em, 0)
}
#header-section .header-content h5,
#header-section .header-content p {
font-size: 1.125em;
color: #fff;
max-width: 50em;
margin: 0 auto 2em;
font-family: BurbankBigCondensed-Black, sans-serif;
text-transform: uppercase
}
#header-section .trailer-video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
background: #0d0d0d;
z-index: -10;
padding-top: 5em
}
#header-section .trailer-video .vid {
position: relative
}
@media only screen and (max-width:1199px) {
#header-section .trailer-video .vid {
max-width: 90%
}
}
@media only screen and (max-width:767px) and (orientation:landscape) and (min-aspect-ratio:1/1) {
#header-section .trailer-video .vid {
max-width: 70%
}
}
@media only screen and (max-width:1199px) {
#header-section .trailer-video {
padding-top: 4em
}
}
#header-section .trailer-video.play {
z-index: 99999
}
#header-section .trailer-video.play .close-btn {
position: absolute;
top: 0;
right: -2.5em;
padding: 0;
border-radius: 0;
cursor: pointer;
z-index: 1
}
@media only screen and (max-width:1199px) {
#header-section .trailer-video.play .close-btn {
right: 0;
top: -2.5em
}
}
#header-section .trailer-video.play .close-btn .lines {
position: relative;
display: block;
width: 2.5em;
height: 2.5em;
background-color: #ff0;
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out
}
#header-section .trailer-video.play .close-btn .lines:hover {
background-color: #ffff1a
}
#header-section .trailer-video.play .close-btn .lines:after,
#header-section .trailer-video.play .close-btn .lines:before {
content: "";
position: absolute;
left: 2px;
right: 0;
top: 18px;
width: 90%;
height: 1px;
background: #000
}
@media only screen and (max-width:767px) {
#header-section .trailer-video.play .close-btn .lines:after,
#header-section .trailer-video.play .close-btn .lines:before {
top: 15px
}
}
#header-section .trailer-video.play .close-btn .lines:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
#header-section .trailer-video.play .close-btn .lines:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
#header-section .trailer {
position: absolute;
bottom: 1em;
left: 1em;
z-index: 5;
opacity: 1
}
@media only screen and (max-width:767px) {
#header-section .trailer {
text-align: center;
bottom: 6em;
left: 0;
right: 0
}
}
#header-section .trailer .icon-play-button {
display: inline-block;
color: #ff0;
font-size: 1.35em;
cursor: pointer;
vertical-align: sub;
font-style: normal
}
#header-section .trailer .icon-play-button .path2 {
color: #fff
}
#header-section .trailer .icon-play-button .path3 {
display: none
}
#header-section .trailer h6 {
display: inline;
color: #fff;
padding: 0 .5em;
cursor: pointer;
vertical-align: middle
}
.launcherClient #header-section .background-video.video {
width: calc(100% - 25px)
}
.launcherClient #header-section .trailer-video {
width: auto;
right: 25px
}
.explore-container {
height: calc(100vh - 52px);
background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABaAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1MDFGRkI4MjQ4NDExRTdBRUQzODA3MTJEQzM4NzA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1MTZGNjdFMjQ5MTExRTdBRUQzODA3MTJEQzM4NzA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDUwMUZGQjYyNDg0MTFFN0FFRDM4MDcxMkRDMzg3MDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDUwMUZGQjcyNDg0MTFFN0FFRDM4MDcxMkRDMzg3MDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAgEBAQICAgEBAgICAgICAgICAwIDAwMDAgMDBAQEBAQDBQUFBQUFBwcHBwcICAgICAgICAgIAQEBAQICAgUDAwUHBQQFBwgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAj/wAARCAAGAAoDAREAAhEBAxEB/8QAdQABAAAAAAAAAAAAAAAAAAAACQEBAQAAAAAAAAAAAAAAAAAABgUQAAAEAwQLAAAAAAAAAAAAAAECBAYSAwUAFDYHMSIyM2NkNVUWVggRAAEBBAkEAwAAAAAAAAAAAAECABEhMUFREjJiAxMEBpGhIlIzQwX/2gAMAwEAAhEDEQA/ADKYNbySadIfSF7M6s5o/Tyy7Ax6455yJCRGgiA6oUcpxLEImXDLApEYiBoT6xymLEFnvOtxyBSUDPRmBBECDACkqCXkgigukGcfqZO9OcnVW5Qe+0PJQhZskmDjOEQyh+SvX0NyYPumxkfjbuHXdPLbriWgP5Bh+PDc6MB09n7fZUu9VPvJv//Z) 50%;
background-size: cover;
position: relative
}
@media only screen and (max-width:767px) {
.explore-container {
height: 100%
}
}
.sfs-container {
position: relative;
padding: 10em;
background: url(f39f81fc60884ef9baf42c2e53e6e54f.jpg) no-repeat top;
background-size: cover;
color: #fff
}
#homePage .home-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .8);
z-index: 3
}
#homePage .home-overlay .overlayContainer {
height: 100%;
min-height: 70vh;
max-height: 35em;
z-index: 5;
width: 100%;
max-width: 50em;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: 1.25em auto 0
}
@media only screen and (max-width:767px) {
#homePage .home-overlay .overlayContainer {
max-height: 25em
}
}
@media only screen and (max-width:992px) and (orientation:landscape) {
#homePage .home-overlay .overlayContainer {
width: 309px;
max-height: 16.5em
}
}
@media screen and (max-width:320px) {
#homePage .home-overlay .overlayContainer {
max-height: 20em
}
}
@media screen and (max-width:568px) and (orientation:landscape) {
#homePage .home-overlay .overlayContainer {
width: 500px;
max-height: 15em
}
}
@media screen and (min-height:1030px) {
#homePage .home-overlay .overlayContainer {
min-height: 55vh
}
}
#homePage .home-overlay .overlayContainer .logo {
position: absolute;
top: -5.5em;
left: 0;
right: 0;
width: 8em;
height: 8em;
margin: 0 auto;
background-size: contain !important;
z-index: 6
}
@media only screen and (max-width:1199px) {
#homePage .home-overlay .overlayContainer .logo {
left: 3em
}
}
@media only screen and (max-width:992px) and (orientation:landscape) {
#homePage .home-overlay .overlayContainer .logo {
top: -2em;
width: 4em;
height: 4em
}
}
@media only screen and (max-width:991px) {
#homePage .home-overlay .overlayContainer .logo {
left: 0
}
}
@media only screen and (max-width:767px) {
#homePage .home-overlay .overlayContainer .logo {
width: 4em;
height: 4em;
left: 0;
top: -2em
}
}
@media only screen and (max-width:768px) and (orientation:landscape) {
#homePage .home-overlay .overlayContainer .logo {
top: -.6em
}
}
@media screen and (max-width:568px) and (orientation:landscape) {
#homePage .home-overlay .overlayContainer .logo {
left: 0;
top: -5px
}
}
#homePage .home-overlay .overlayContainer .bk-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover !important;
-webkit-clip-path: polygon(0 0, 100% 2%, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 2%, 100% 100%, 0 100%)
}
@media only screen and (max-width:767px) {
#homePage .home-overlay .overlayContainer .bk-image {
-webkit-clip-path: none;
clip-path: none;
background-position: top !important
}
}
#homePage .home-overlay .overlayContainer .content {
position: absolute;
top: .5em;
left: 0;
right: 0;
z-index: 7;
text-align: center
}
#homePage .home-overlay .overlayContainer .content h1 {
color: #fff;
font-size: 4.5em
}
@media only screen and (max-width:991px) {
#homePage .home-overlay .overlayContainer .content h1 {
font-size: 2.3em
}
}
@media only screen and (max-width:992px) and (orientation:landscape) {
#homePage .home-overlay .overlayContainer .content h1 {
font-size: 1.5em
}
}
#homePage .home-overlay .overlayContainer .button-container {
position: absolute;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
text-align: center
}
#homePage .home-overlay .overlayContainer .button-container.noSale {
bottom: -2em;
right: 0
}
#homePage .home-overlay .overlayContainer .button-container .starBurst {
position: absolute;
bottom: 1.5em;
left: -2em;
width: 15em;
height: 14em;
background: url(819468ae4550b6bdbbf06b919888d3fd.png) no-repeat 50%;
background-size: contain
}
@media only screen and (max-width:767px) {
#homePage .home-overlay .overlayContainer .button-container .starBurst {
left: -1.5em;
right: 0;
margin: 0 auto
}
}
#homePage .home-overlay .overlayContainer .button-container h3 {
position: relative;
z-index: 2;
color: #fff;
margin: .25em 0
}
#homePage .home-overlay .overlayContainer .button-container h3.percent-off {
color: #000
}
@media only screen and (max-width:767px) {
#homePage .home-overlay .overlayContainer .button-container {
bottom: 0;
right: 1em
}
}
@media only screen and (max-width:568px) and (orientation:portrait) {
#homePage .home-overlay .overlayContainer .button-container {
right: 0;
left: 0;
bottom: 0
}
}
#homePage .home-overlay .overlayContainer .close-button {
position: absolute;
top: 0;
right: -2.5em;
cursor: pointer;
z-index: 9
}
#homePage .home-overlay .overlayContainer .close-button i {
color: #fff;
font-size: 2em
}
@media only screen and (max-width:768px) and (orientation:landscape) {
#homePage .home-overlay .overlayContainer .close-button {
right: -.7em;
top: 0
}
}
@media only screen and (max-width:1399px) {
#homePage .home-overlay .overlayContainer .close-button {
right: 1em;
top: 0
}
}
@media only screen and (max-width:767px) {
#homePage .home-overlay .overlayContainer .close-button {
top: 0;
right: 0
}
}
@media screen and (max-width:320px) {
#homePage .home-overlay .overlayContainer .close-button {
right: 0
}
}
.es_ES #homePage .home-overlay .overlayContainer .content h1,
.es_MX #homePage .home-overlay .overlayContainer .content h1,
.fr #homePage .home-overlay .overlayContainer .content h1,
.it #homePage .home-overlay .overlayContainer .content h1,
.pt_BR #homePage .home-overlay .overlayContainer .content h1,
.ru #homePage .home-overlay .overlayContainer .content h1 {
font-size: 2.5em
}
.pl #homePage .home-overlay .overlayContainer .content h1 {
font-size: 3em
}
#homePage .blog-wrapper {
margin-top: -150px;
position: relative
}
@media screen and (max-width:1600px) {
#homePage .blog-wrapper {
margin-top: -300px
}
}
@media only screen and (max-width:1199px) {
#homePage .blog-wrapper {
margin-top: -100px
}
}
@media only screen and (max-width:991px) {
#homePage .blog-wrapper {
margin-top: -10vh
}
}
@media only screen and (max-width:767px) {
#homePage .blog-wrapper {
margin-top: 0
}
}
#homePage .blog-wrapper .blog-view-container {
background-color: transparent
}
#homePage .blog-wrapper .blog-view-container .blog-view {
max-width: 1400px;
padding: 2em 4em 0;
background-color: transparent
}
@media only screen and (min-width:1200px) {
#homePage .blog-wrapper .blog-view-container .blog-view {
max-width: 1920px
}
}
@media only screen and (max-width:991px) {
#homePage .blog-wrapper .blog-view-container .blog-view,
#homePage .blog-wrapper .blog-view-container .blog-view .top-featured-activity {
padding: 0
}
#homePage .blog-wrapper .blog-view-container .blog-view .top-featured-activity .feature-banner {
height: 80vw;
font-size: 1.2em
}
#homePage .blog-wrapper .blog-view-container .blog-view .top-featured-activity .feature-banner .container-image {
height: 100%
}
#homePage .blog-wrapper .blog-view-container .blog-view .top-featured-activity .feature-banner .feature-headline {
position: absolute;
background: none;
color: #fff
}
#homePage .blog-wrapper .blog-view-container .blog-view .top-featured-activity .feature-banner .feature-headline .feature-date p {
color: #fff
}
}
#homePage .blog-wrapper .blog-view-container .blog-view .grid-layout {
background: transparent
}
#homePage .blog-wrapper .blog-view-container .blog-view .slick-slide {
height: auto
}
@media only screen and (min-width:1200px) {
#homePage .blog-wrapper .blog-view-container .blog-view .gridItem-large .grid-item,
#homePage .blog-wrapper .blog-view-container .blog-view .gridItem-medium .grid-item {
padding-bottom: 45em
}
}
@media only screen and (max-width:767px) {
#homePage .blog-wrapper .blog-view-container .blog-view .gridItem-large,
#homePage .blog-wrapper .blog-view-container .blog-view .gridItem-medium {
padding: 0
}
}
#homePage .blog-wrapper .blog-view-container .blog-view .gridItem-small .grid-item .background-image,
#homePage .blog-wrapper .blog-view-container .blog-view .gridItem-thirdPos .grid-item .background-image {
height: 40vh
}
@media only screen and (max-width:991px) {
#homePage .blog-wrapper .blog-view-container .blog-view .gridItem-small .grid-item .background-image,
#homePage .blog-wrapper .blog-view-container .blog-view .gridItem-thirdPos .grid-item .background-image {
padding-bottom: 0
}
}
#homePage .blog-wrapper .blog-view-container .slick-disabled {
display: block !important
}
#homePage .blog-wrapper .blog-view-container .slick-disabled .slick-control {
opacity: .3
}
#homePage .blog-wrapper .load-more .btn-load {
color: #fff;
border: 4px solid #fff !important;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
#homePage .blog-wrapper .load-more .btn-load:hover {
color: #000;
background: #fff !important;
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg)
}
.home-card {
position: relative;
overflow: hidden;
padding: 8vw 4vw 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 62vw
}
@media only screen and (max-width:991px) {
.home-card {
height: 146vw
}
}
.home-card .caption {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 1vw 0 0;
text-align: center
}
@media only screen and (max-width:991px) {
.home-card .caption {
padding-top: 1.5vw
}
}
.home-card .caption h1 {
font-size: 2.3vw;
color: #fff
}
@media only screen and (max-width:991px) {
.home-card .caption h1 {
font-size: 4vw
}
}
.home-card .caption .home-battle-pass {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 5.5vw;
color: #ff4a41;
text-transform: uppercase;
line-height: .8
}
.home-card .caption .home-battle-pass .battlePass1 {
font-size: 8.4vw;
text-transform: uppercase
}
.home-card .caption .home-battle-pass .battlePass2 {
font-size: 5.5vw
}
.home-card .caption .home-battle-pass span {
clear: both;
display: inline-block;
width: 100%
}
@media only screen and (max-width:991px) {
.home-card .caption .home-battle-pass .battlePass1 {
padding-top: .2vw;
font-size: 15.5vw
}
.home-card .caption .home-battle-pass .battlePass2 {
font-size: 11vw
}
}
.home-card .caption img {
width: 150px
}
@media only screen and (max-width:991px) {
.home-card .caption img {
width: 80px;
bottom: 50px
}
}
.home-card .caption h2 {
font-size: 40px;
color: #fff
}
@media only screen and (max-width:991px) {
.home-card .caption h2 {
font-size: 21px
}
}
.home-card .caption .btn {
margin-top: 0
}
.home-card .caption .battlepass {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1
}
@media only screen and (max-width:991px) {
.home-card .caption .battlepass {
-webkit-flex: 1 0;
-ms-flex: 1 0;
flex: 1 0;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-top: 11vw
}
}
.home-card .caption .btn-bottom {
padding-bottom: 0;
font-size: 1.5vw
}
@media only screen and (max-width:991px) {
.home-card .caption .btn-bottom {
font-size: 3.5vw;
padding-bottom: 0;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-top: 12.5vw
}
}
.home-card .caption .btn-bottom .btn.btn-primary {
color: #1e1e1e;
background-color: #ff0
}
.home-card .caption .btn-bottom .btn.btn-hover-transform {
-webkit-clip-path: polygon(8% 0, 100% 0, 93% 93%, 0 100%);
clip-path: polygon(8% 0, 100% 0, 93% 93%, 0 100%)
}
.home-card .caption .logoFooter {
margin-top: 1.7vw;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
z-index: 1;
height: 3.8vw
}
@media only screen and (max-width:991px) {
.home-card .caption .logoFooter {
height: 11.5vw;
padding-bottom: 3vw
}
}
.home-card .caption .logoFooter div {
width: 50%;
color: #fff;
font-family: OpenSans, sans-serif;
font-weight: 700
}
.home-card .caption .logoFooter .left {
opacity: .9;
text-align: left;
padding-left: 5.5vw;
padding-top: .4vw;
font-size: .8vw;
text-shadow: rgba(255, 106, 0, .4) 0 0 5px, rgba(255, 106, 0, .4) 0 0 10px, rgba(255, 106, 0, .4) 0 0 15px, rgba(255, 106, 0, .4) 0 0 20px, rgba(255, 106, 0, .4) 0 0 30px, rgba(255, 106, 0, .4) 0 0 40px, rgba(255, 106, 0, .4) 0 0 50px, rgba(255, 106, 0, .4) 0 0 75px;
text-transform: uppercase
}
@media only screen and (max-width:991px) {
.home-card .caption .logoFooter .left {
text-shadow: rgba(0, 0, 0, .5) 0 0 5px, rgba(0, 0, 0, .5) 0 0 10px, rgba(0, 0, 0, .5) 0 0 15px, rgba(255, 106, 0, .4) 0 0 20px, rgba(255, 106, 0, .4) 0 0 30px, rgba(255, 106, 0, .4) 0 0 40px, rgba(255, 106, 0, .4) 0 0 50px, rgba(0, 0, 0, .5) 0 0 75px;
opacity: unset;
font-size: 2vw;
padding: 0
}
}
.home-card .caption .logoFooter .right {
text-align: right
}
.home-card .caption .logoFooter .right img {
width: 5vw
}
.home-card .caption .logoFooter .right span {
opacity: .9;
font-size: .8vw;
text-transform: uppercase;
margin-right: .5vw;
text-shadow: rgba(255, 106, 0, .4) 0 0 5px, rgba(255, 106, 0, .4) 0 0 10px, rgba(255, 106, 0, .4) 0 0 15px, rgba(255, 106, 0, .4) 0 0 20px, rgba(255, 106, 0, .4) 0 0 30px, rgba(255, 106, 0, .4) 0 0 40px, rgba(255, 106, 0, .4) 0 0 50px, rgba(255, 106, 0, .4) 0 0 75px
}
@media only screen and (max-width:991px) {
.home-card .caption .logoFooter .right {
padding-top: .9vw
}
.home-card .caption .logoFooter .right img {
padding-top: .5vw;
width: 15.5vw
}
.home-card .caption .logoFooter .right span {
opacity: 1;
font-size: 2vw;
text-shadow: rgba(0, 0, 0, .5) 0 0 5px, rgba(0, 0, 0, .5) 0 0 10px, rgba(0, 0, 0, .5) 0 0 15px, rgba(255, 106, 0, .4) 0 0 20px, rgba(255, 106, 0, .4) 0 0 30px, rgba(255, 106, 0, .4) 0 0 40px, rgba(255, 106, 0, .4) 0 0 50px, rgba(0, 0, 0, .5) 0 0 75px
}
}
.home-card .caption .logoFooter img {
display: inline
}
.ch2s3 .home-card {
padding: 6.5vw 4vw 0
}
.ch2s3 .home-card .caption {
padding: 0
}
@media only screen and (max-width:767px) {
.ch2s3 .home-card .caption {
padding-top: 1vw
}
}
@media only screen and (max-width:991px) {
.ch2s3 .home-card .caption {
padding-top: 0
}
}
.ch2s3 .home-card .caption h1 {
font-size: 9vw;
line-height: 7vw
}
@media only screen and (max-width:767px) {
.ch2s3 .home-card .caption h1 {
font-size: 16vw;
margin-top: 16vw
}
}
@media only screen and (max-width:991px) {
.ch2s3 .home-card .caption h1 {
font-size: 16vw;
margin-top: 13vw
}
.es_ES .ch2s3 .home-card .caption h1,
.es_MX .ch2s3 .home-card .caption h1,
.fr .ch2s3 .home-card .caption h1,
.it .ch2s3 .home-card .caption h1,
.pl .ch2s3 .home-card .caption h1,
.pt_BR .ch2s3 .home-card .caption h1,
.ru .ch2s3 .home-card .caption h1 {
font-size: 10vw
}
}
.ch2s3 .home-card .caption .home-battle-pass {
color: #fff
}
.ch2s3 .home-card .caption .home-battle-pass .battlePass1 {
text-transform: uppercase
}
.ch2s3 .home-card .caption h2 {
font-size: 24px;
letter-spacing: 3px;
margin: 0;
padding: 0
}
@media only screen and (max-width:991px) {
.ch2s3 .home-card .caption h2 {
font-size: 3vw;
margin-top: 20px
}
}
.ch2s3 .home-card .caption .logoFooter .left {
display: none
}
.ch2s3 .home-card .caption .logoFooter .right {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
font-weight: 100;
font-size: 12px
}
.ch2s3 .home-card .caption .logoFooter .right span {
text-align: left
}
.ch2s3 .home-card .caption .logoFooter .right img {
width: 25px;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
margin-right: 10px
}
body.en_US .home-card .home-battle-pass {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width:991px) {
body.en_US .home-card .home-battle-pass {
font-size: 11vw
}
body.en_US .home-card .home-battle-pass span {
font-size: 15.5vw
}
}
body.ja .home-card .home-battle-pass {
font-family: Nis_Jyau_P, sans-serif
}
body.ja .ch2s3 .home-card .caption h1,
body.ja .home-card .home-battle-pass,
body.ko .ch2s3 .home-card .caption h1,
body.ko .home-card .home-battle-pass,
body.tr .ch2s3 .home-card .caption h1,
body.tr .home-card .home-battle-pass {
line-height: 1
}
body.ko .home-card .home-battle-pass .battlePass1,
body.tr .home-card .home-battle-pass .battlePass1 {
font-size: 7.4vw
}
body.ko .home-card .home-battle-pass {
font-family: aERIN, sans-serif
}
body.ru .home-card .home-battle-pass {
margin-top: .5vw
}
body.ru .home-card .home-battle-pass .battlePass1 {
line-height: 1;
font-size: 7.4vw
}
body.ru .ch2s3 .home-card .home-battle-pass .battlePass1 {
line-height: 1
}
#mainCarousel {
position: relative
}
#mainCarousel .slick-slide {
width: 100%
}
#mainCarousel .slick-active {
z-index: 10
}
#mainCarousel .slick-active .caption img {
-webkit-animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .2s forwards;
animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .2s forwards
}
#mainCarousel .slick-active .caption h1 {
-webkit-animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .4s forwards;
animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .4s forwards
}
#mainCarousel .slick-active .caption h3 {
-webkit-animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .6s forwards;
animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .6s forwards
}
#mainCarousel .slick-active .caption button {
-webkit-animation: ctaAnimateIn .8s cubic-bezier(.5, 0, 0, 1) .5s forwards;
animation: ctaAnimateIn .8s cubic-bezier(.5, 0, 0, 1) .5s forwards
}
#mainCarousel .slide {
height: 90vh;
min-height: 1000px;
position: relative;
overflow: hidden
}
@media only screen and (max-width:1199px) {
#mainCarousel .slide {
height: 50vh;
min-height: 500px
}
}
@media only screen and (max-width:991px) {
#mainCarousel .slide {
height: 90vh;
max-height: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-top: 10vh;
padding-bottom: 12vh
}
}
#mainCarousel .slide .caption {
position: absolute;
color: #fff;
max-width: 50vw;
top: 45%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-top: 50px;
text-align: center
}
@media only screen and (min-width:1200px) {
#mainCarousel .slide .caption {
top: 35%
}
}
@media only screen and (max-width:991px) {
#mainCarousel .slide .caption {
max-width: 450px
}
}
#mainCarousel .slide .caption button,
#mainCarousel .slide .caption h1,
#mainCarousel .slide .caption h3,
#mainCarousel .slide .caption img {
opacity: 0
}
#mainCarousel .slide .caption img {
width: 100px;
margin-bottom: 20px
}
@media only screen and (max-width:991px) {
#mainCarousel .slide .caption img {
width: 60px;
margin-left: auto;
margin-right: auto;
-webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .5));
filter: drop-shadow(0 0 5px rgba(0, 0, 0, .5))
}
}
#mainCarousel .slide .caption a,
#mainCarousel .slide .caption button {
margin-top: 40px;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out
}
@media only screen and (max-width:991px) {
#mainCarousel .slide .caption a,
#mainCarousel .slide .caption button {
margin-top: 1em
}
}
#mainCarousel .slide .caption h1 {
font-size: 5vw;
line-height: .8;
margin: 0
}
@media only screen and (max-width:991px) {
#mainCarousel .slide .caption h1 {
font-size: 60px
}
}
#mainCarousel .slide .caption h3 {
font-size: 2vw;
line-height: 2;
margin: 0;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
color: #ff0
}
@media only screen and (max-width:991px) {
#mainCarousel .slide .caption h3 {
font-size: 21px
}
}
#mainCarousel .slide .caption.right {
right: 200px
}
#mainCarousel .slide .caption.left {
left: 100px
}
#mainCarousel .slide .caption.center {
text-align: center;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto
}
#mainCarousel .slide .caption.center img {
margin-left: auto;
margin-right: auto
}
@media only screen and (max-width:991px) {
#mainCarousel .slide .caption {
position: relative;
text-align: center;
top: auto;
left: 0 !important;
right: 0 !important;
margin-left: auto;
margin-right: auto;
padding: 0 1em;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
width: auto !important
}
}
#mainCarousel .slide .play-wrapper {
z-index: 1;
position: absolute;
right: 3vw;
bottom: 10vh;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (min-width:1200px) {
#mainCarousel .slide .play-wrapper {
top: 74%;
bottom: auto
}
}
@media only screen and (min-width:992px) {
#mainCarousel .slide .play-wrapper {
top: 65%
}
}
@media only screen and (max-width:767px) {
#mainCarousel .slide .play-wrapper {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 10px;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%)
}
}
#mainCarousel .slide .play-wrapper h3 {
margin-right: 2vw;
font-size: 1.25vw;
color: #fff;
-webkit-filter: drop-shadow(0 5px 3px rgba(0, 0, 0, .2));
filter: drop-shadow(0 5px 3px rgba(0, 0, 0, .2))
}
@media only screen and (max-width:767px) {
#mainCarousel .slide .play-wrapper h3 {
font-size: 5vw;
text-align: center
}
}
#mainCarousel .slide .play-wrapper .videoPlayButton {
font-size: .6vw
}
@media only screen and (max-width:767px) {
#mainCarousel .slide .play-wrapper .videoPlayButton {
font-size: 2vw
}
}
#mainCarousel .slide .play-wrapper .videoPlayButton:hover {
-webkit-transform: scale(1.1) !important;
-ms-transform: scale(1.1) !important;
transform: scale(1.1) !important
}
#mainCarousel .slide.standard .caption button {
margin-top: 1vw
}
@media only screen and (max-width:991px) {
#mainCarousel .slide.standard .caption .desktop {
display: none
}
}
#mainCarousel .slide.standard .caption .mobile {
display: none
}
@media only screen and (max-width:991px) {
#mainCarousel .slide.standard .caption .mobile {
display: block
}
}
@media only screen and (max-width:991px) {
#mainCarousel .slide.centerimage {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
}
#mainCarousel .slide.centerimage .caption {
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
@media only screen and (min-width:768px) {
#mainCarousel .slide.centerimage .caption {
top: 15%
}
}
@media only screen and (min-width:992px) {
#mainCarousel .slide.centerimage .caption {
top: 20%
}
}
@media only screen and (min-width:1200px) {
#mainCarousel .slide.centerimage .caption {
top: 25%
}
}
#mainCarousel .slide.centerimage .caption img {
width: 30vw;
margin-bottom: 0
}
@media only screen and (max-width:991px) {
#mainCarousel .slide.centerimage .caption img {
width: 90%
}
}
#mainCarousel .slide.centerimage .caption a,
#mainCarousel .slide.centerimage .caption button {
margin-top: 0
}
@media only screen and (max-width:991px) {
#mainCarousel .slide.centerimage .caption a,
#mainCarousel .slide.centerimage .caption button {
margin-top: 1vw;
margin-bottom: 0
}
}
#mainCarousel .slide.centerimage .caption h3 {
margin-bottom: -20px
}
@media only screen and (max-width:991px) {
#mainCarousel .slide.centerimage .caption h3 {
font-size: 21px
}
}
#mainCarousel .slide.feature .caption {
max-width: 30vw
}
@media only screen and (max-width:991px) {
#mainCarousel .slide.feature .caption {
max-width: 450px
}
}
#mainCarousel .slide.feature .caption h1 {
font-size: 7vw;
line-height: .8;
margin: 0;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
-webkit-filter: drop-shadow(0 5px 3px rgba(0, 0, 0, .2));
filter: drop-shadow(0 5px 3px rgba(0, 0, 0, .2))
}
@media only screen and (max-width:991px) {
#mainCarousel .slide.feature .caption h1 {
font-size: 60px;
text-shadow: 0 0 20px rgba(0, 0, 0, .2)
}
}
@media only screen and (max-width:991px) {
#mainCarousel .slide.feature {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
}
#mainCarousel .carousel-dots {
position: absolute;
left: 0;
right: 0;
text-align: center;
padding: 0;
bottom: 100px;
z-index: 10
}
@media screen and (max-width:1600px) {
#mainCarousel .carousel-dots {
bottom: 250px
}
}
@media only screen and (max-width:1199px) {
#mainCarousel .carousel-dots {
bottom: 40px
}
}
@media only screen and (max-width:991px) {
#mainCarousel .carousel-dots {
bottom: 15vh;
margin-bottom: 0
}
}
@media only screen and (max-width:767px) {
#mainCarousel .carousel-dots {
bottom: 2vh
}
}
#mainCarousel .carousel-dots li {
position: relative;
display: inline-block;
margin: 0 .5em
}
#mainCarousel .carousel-dots li button {
cursor: pointer;
outline: none;
height: 10px;
width: 160px;
border: none;
background: #00fcff;
color: transparent;
opacity: .3;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out
}
@media only screen and (max-width:991px) {
#mainCarousel .carousel-dots li button {
width: 80px
}
}
#mainCarousel .carousel-dots li.slick-active button {
opacity: 1
}
@media only screen and (max-width:1199px) {
.ch2s3 #mainCarousel .slide {
padding-bottom: 25vh
}
}
@media only screen and (max-width:767px) {
.ch2s3 #mainCarousel .slide {
padding-bottom: 10vh
}
}
.ch2s3 #mainCarousel .slide .caption {
max-width: 80vw;
text-align: center
}
@media only screen and (min-width:768px) {
.ch2s3 #mainCarousel .slide .caption {
max-width: none
}
}
.ch2s3 #mainCarousel .slide .caption button {
background: #e8473d;
color: #fff
}
.ch2s3 #mainCarousel .slide .caption h3 {
letter-spacing: 5px
}
@media only screen and (max-width:991px) {
.ch2s3 #mainCarousel .slide .caption h3 {
letter-spacing: 2px
}
.es_ES .ch2s3 #mainCarousel .slide .caption h3,
.fr .ch2s3 #mainCarousel .slide .caption h3,
.it .ch2s3 #mainCarousel .slide .caption h3 {
letter-spacing: 0;
font-size: 5vw
}
}
.ch2s3 #mainCarousel .slide.centerimage .caption {
top: -5%;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
@media only screen and (min-width:768px) {
.ch2s3 #mainCarousel .slide.centerimage .caption {
top: 15%
}
}
@media only screen and (min-width:992px) {
.ch2s3 #mainCarousel .slide.centerimage .caption {
top: 20%
}
}
@media only screen and (min-width:1200px) {
.ch2s3 #mainCarousel .slide.centerimage .caption {
top: 25%
}
}
.ch2s3 #mainCarousel .slide.centerimage .caption button {
margin-top: 15vh
}
@media only screen and (min-width:992px) {
.ch2s3 #mainCarousel .slide.centerimage .caption button {
margin-top: 10vh
}
}
@media screen and (min-width:1600px) {
.ch2s3 #mainCarousel .slide.centerimage .caption button {
margin-top: 15vh
}
}
.ch2s3 #mainCarousel .slide.centerimage .caption h1 {
font-size: 10vw;
line-height: .8;
font-style: italic;
margin: 0;
text-shadow: 0 0 40px rgba(255, 126, 0, .8), 0 5px 8px rgba(255, 126, 0, .3)
}
.es_ES .ch2s3 #mainCarousel .slide.centerimage .caption h1,
.es_MX .ch2s3 #mainCarousel .slide.centerimage .caption h1 {
font-size: 7vw;
line-height: 7vw
}
@media only screen and (max-width:991px) {
.ch2s3 #mainCarousel .slide.centerimage .caption h1 {
font-size: 64px
}
.de .ch2s3 #mainCarousel .slide.centerimage .caption h1,
.es_ES .ch2s3 #mainCarousel .slide.centerimage .caption h1,
.it .ch2s3 #mainCarousel .slide.centerimage .caption h1 {
font-size: 9vw;
line-height: 9vw
}
.fr .ch2s3 #mainCarousel .slide.centerimage .caption h1 {
font-size: 13vw;
line-height: 13vw
}
}
.ch2s3 #mainCarousel .slide.centerimage .caption h3 {
position: relative;
z-index: 1;
font-size: 2vw;
line-height: 1.5;
margin-bottom: 10px;
text-shadow: 0 0 40px rgba(255, 126, 0, .8);
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out
}
@media only screen and (max-width:991px) {
.ch2s3 #mainCarousel .slide.centerimage .caption h3 {
font-size: 21px
}
.es_ES .ch2s3 #mainCarousel .slide.centerimage .caption h3,
.fr .ch2s3 #mainCarousel .slide.centerimage .caption h3 {
letter-spacing: 0;
font-size: 5vw
}
}
.ch2s3 #mainCarousel .slide.standard .caption button {
margin-top: 1vw
}
@media only screen and (max-width:991px) {
.ch2s3 #mainCarousel .slide.standard .caption .desktop {
display: none
}
}
.ch2s3 #mainCarousel .slide.standard .caption .mobile {
display: none
}
@media only screen and (max-width:991px) {
.ch2s3 #mainCarousel .slide.standard .caption .mobile.top {
font-size: 72px
}
.fr .ch2s3 #mainCarousel .slide.standard .caption .mobile.top,
.it .ch2s3 #mainCarousel .slide.standard .caption .mobile.top {
font-size: 15vw;
line-height: 15vw
}
}
@media only screen and (max-width:991px) {
.ch2s3 #mainCarousel .slide.standard .caption .mobile {
display: block
}
}
.ch2s3 #mainCarousel .slide.standard .caption h1 {
text-shadow: 0 0 30px #fff;
font-size: 8vw
}
.ch2s3 #mainCarousel .slide.standard .caption h1.top {
font-size: 10vw
}
.ch2s3 #mainCarousel .slide.standard .caption h3 {
text-shadow: 0 0 30px #fff
}
.ar #mainCarousel .slide .caption h1,
.ar #mainCarousel .slide .caption h3,
.es_ES #mainCarousel .slide .caption h1,
.es_ES #mainCarousel .slide .caption h3,
.es_MX #mainCarousel .slide .caption h1,
.es_MX #mainCarousel .slide .caption h3,
.it #mainCarousel .slide .caption h1,
.it #mainCarousel .slide .caption h3,
.ja #mainCarousel .slide .caption h1,
.ja #mainCarousel .slide .caption h3,
.ko #mainCarousel .slide .caption h1,
.ko #mainCarousel .slide .caption h3,
.ru #mainCarousel .slide .caption h1,
.ru #mainCarousel .slide .caption h3,
.tr #mainCarousel .slide .caption h1,
.tr #mainCarousel .slide .caption h3 {
line-height: 1
}
#homePage.light-theme #mainCarousel .carousel-dots li button {
background: #4dccfa
}
#homePage.light-theme.ch2s3 .carousel-dots li button {
background: #e8473d !important
}
body.ar #mainCarousel .slide.standard .caption {
max-width: 40vw
}
body.ar #mainCarousel .slide.standard .caption button {
float: right
}
#contentWrapper .loadscreen-overlay {
position: fixed;
background-repeat: no-repeat;
background-position: 50%;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #1e1e1e !important;
z-index: 10000
}
#contentWrapper .loadscreen-overlay .load-indicator {
left: 0;
right: 0;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
#contentWrapper .loadscreen-overlay .load-indicator .container .row:after,
#contentWrapper .loadscreen-overlay .load-indicator .container .row:before,
#contentWrapper .loadscreen-overlay .load-indicator .container:after,
#contentWrapper .loadscreen-overlay .load-indicator .container:before {
display: table;
content: ""
}
#contentWrapper .loadscreen-overlay .load-indicator .container:after {
clear: both
}
#contentWrapper .loadscreen-overlay .load-indicator .container .row {
margin-left: -15px;
margin-right: -15px
}
#contentWrapper .loadscreen-overlay .load-indicator .container .row:after {
clear: both
}
#contentWrapper .loadscreen-overlay .load-indicator h6 {
-webkit-animation: text 5s ease-in-out infinite alternate;
animation: text 5s ease-in-out infinite alternate;
display: block;
font-family: sans-serif;
color: #9e9e9e;
font-size: .875em;
letter-spacing: 5px;
font-weight: 700;
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
text-transform: uppercase;
line-height: 1.42857143
}
#contentWrapper .loadscreen-overlay .load-indicator .logo {
width: 14em;
height: 4em;
margin: 1em auto;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
perspective: 1000px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA1MTIgMTMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNmMmYyZjJ9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzcuOSAzNC4ybDIuNS0yNi4zSDMwLjl2MTE3LjdjOC42LTEuNiAxNy41LTMuMiAyNi43LTQuNlY3OS42aDE3LjFsLjUtMjUuNkg1Ny42VjM0LjJoMjAuM3pNMTEyLjUgMTAuOGMtMjYgMC0zMi4yIDIzLTMyLjIgNTEuMyAwIDI4LjMgNi43IDUxLjMgMzIuMiA1MS4zIDI1LjUgMCAzMi4yLTIzIDMyLjItNTEuMy4xLTI4LjMtNi4xLTUxLjMtMzIuMi01MS4zem0tLjIgODIuMmMtMy41IDAtNC4xLTEzLjctNC4xLTMwLjYgMC0xNi45LjUtMzAuNiA0LjEtMzAuNiAzLjYgMCA0LjEgMTMuNyA0LjEgMzAuNiAwIDE2LjktLjYgMzAuNi00LjEgMzAuNnpNMjExLjggNDkuNmMwLTE4LjktMTIuNi0zNS4xLTI4LjktMzUuMWgtMzIuMnY5NS4zYzguNC0uNiAxNi45LTEuMiAyNS41LTEuNmwuOS0yNC45IDcuMSAyNC41YzguNy0uNCAxNy41LS44IDI2LjMtMUwyMDAuNCA3NmMuMS0uMSAxMS40LTcuNiAxMS40LTI2LjR6bS0zNS40IDE1LjNWMzcuMXM4LS44IDggMTMuNGMtLjEgMTQuMy04IDE0LjQtOCAxNC40ek0yMTQuMiA0MS44aDEzLjlWMTA4YzguNy0uMiAxNy41LS4yIDI2LjMtLjJWNDYuMmgxNC41VjIwLjZsLTU0LjgtNC40djI1LjZ6TTQ4MSAzOS41VjEwLjJMNDM1LjYgMTR2MTA0LjljMTUuOSAyLjIgMzEgNC42IDQ1LjQgNy40di0yNmgtMTlWNzkuOGgxNi4xVjU2LjRoLTE2LjVWNDAuMmwxOS40LS43ek0zNzQuMyA0OWgxNC4zdjY0YzguOS45IDE3LjcgMS44IDI2LjMgMi44VjQ2LjFoMTVWMjAuNWwtNTUuNiAyLjlWNDl6TTM0MS41IDExMC4xYzkuMi41IDE4LjIgMS4yIDI3LjEgMS45VjE4LjloLTI3LjF2OTEuMnpNMzEwLjggMTQuM2wzLjcgNDcuNi0xOC43LTQ2LjUtMjEuMSA0LjN2ODguMmM4IC4xIDE2IC4zIDIzLjkuNWwtMS4yLTM0LjEgMTQuMyAzNC41YzguMi4zIDE2LjQuNyAyNC40IDEuMWwtLjctOTUuNmgtMjQuNnoiLz48L3N2Zz4=");
background-repeat: no-repeat;
background-size: contain;
background-position: 50%
}
#contentWrapper .loadscreen-overlay .load-indicator .beacon-container {
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: -1
}
#contentWrapper .loadscreen-overlay .load-indicator .beacon-container .beacon {
position: absolute;
top: 0;
left: 50%;
background-color: rgba(44, 62, 80, .25);
height: 2em;
width: 2em;
border-radius: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: -2
}
#contentWrapper .loadscreen-overlay .load-indicator .beacon-container .beacon:before {
position: absolute;
content: "";
height: 2em;
width: 2em;
left: 0;
top: 0;
background-color: transparent;
border-radius: 50%;
-webkit-box-shadow: 0 0 2px 2px #2980b9;
box-shadow: 0 0 2px 2px #2980b9;
-webkit-animation: active 2s linear infinite;
animation: active 2s linear infinite
}
#contentWrapper .loadscreen-overlay .load-indicator .beacon-container .triangle {
width: 0;
height: 0;
margin: 0 auto;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 80px solid #2c3e50
}
#contentWrapper .loadscreen-overlay .load-indicator .container {
position: relative;
max-width: 500px;
margin: 0 auto;
height: auto
}
#contentWrapper .loadscreen-overlay .load-indicator .container .loading-container {
position: relative;
width: 100%;
height: 2px;
margin: 2px 0
}
@-webkit-keyframes text {
0% {
opacity: .25
}
75% {
opacity: 1
}
to {
opacity: .25
}
}
@keyframes text {
0% {
opacity: .25
}
75% {
opacity: 1
}
to {
opacity: .25
}
}
@-webkit-keyframes active {
0% {
-webkit-transform: scale(.1);
transform: scale(.1);
opacity: 1
}
70% {
-webkit-transform: scale(2.5);
transform: scale(2.5);
opacity: 0
}
to {
opacity: 0
}
}
@keyframes active {
0% {
-webkit-transform: scale(.1);
transform: scale(.1);
opacity: 1
}
70% {
-webkit-transform: scale(2.5);
transform: scale(2.5);
opacity: 0
}
to {
opacity: 0
}
}
.bingResult {
padding: 2em;
margin: 1em 0;
background-color: #fff
}
@media only screen and (max-width:767px) {
.bingResult {
padding: 1em
}
}
.bingResult a {
color: #1db8f3;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.bingResult a:hover {
color: #0b9bd2
}
.bingResult .resultTitle a {
display: inline-block;
font-size: 22px;
font-weight: 600;
line-height: 1.2;
margin-bottom: .125em;
padding-bottom: .25em;
border-bottom: 2px solid transparent;
-webkit-transition: border .3s ease-in-out;
-o-transition: border .3s ease-in-out;
transition: border .3s ease-in-out
}
@media only screen and (max-width:767px) {
.bingResult .resultTitle a {
font-size: 16px;
text-decoration: underline;
border-bottom: 0
}
}
.bingResult .resultTitle a:hover {
border-bottom: 2px solid #0b9bd2
}
.bingResult .resultLink a {
display: inline-block;
margin: 5px 0 3px;
font-size: 13px;
word-break: break-all;
color: #1e1e1e;
font-weight: 600;
line-height: 1.1
}
.bingResult .resultLink a:hover {
color: #1db8f3
}
.bingResult .resultDescription {
font-size: 14px;
font-weight: 400;
line-height: 1.4em;
color: #1e1e1e
}
@media only screen and (max-width:767px) {
.bingResult .resultDescription {
font-size: 13px
}
}
.bingResults .bingLoader {
margin: 80px auto;
width: 85px;
background: url(ef532e79e05e2d24a0f6332068f3a61b.gif) no-repeat 50%;
background-size: cover;
height: 5em;
border: 0
}
.bingResults .bingSearchBar {
position: relative;
height: 40px
}
.bingResults .bingSearchBar input {
display: block;
border: 1px solid #f8f8f8;
padding: 0 0 0 1em;
width: calc(100% - 108px);
height: 100%;
color: #000
}
@media only screen and (max-width:767px) {
.bingResults .bingSearchBar input {
width: calc(100% - 70px)
}
}
.bingResults .bingSearchBar button {
position: absolute;
padding: 0;
border: 0;
height: 100%;
width: 100px;
background: #ff0;
color: #000;
right: 0;
top: 0;
font-size: .8em;
font-weight: 500;
text-transform: uppercase;
text-align: center;
-webkit-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out;
transition: background .2s ease-in-out
}
.bingResults .bingSearchBar button:hover {
background: #e6e600
}
@media only screen and (max-width:767px) {
.bingResults .bingSearchBar button {
font-size: .6em;
width: 60px
}
}
.bingResults .bing-branding {
padding: 0 2em;
background-color: #fff
}
.bingResults .pagination {
width: 100%
}
.bingResults .pagination:after,
.bingResults .pagination:before {
content: " ";
display: table
}
.bingResults .pagination:after {
clear: both
}
.bingResults .pagination button {
border: 0;
font-size: 3em;
background: transparent;
color: #1e1e1e;
-webkit-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out
}
.bingResults .pagination button:hover {
color: #e6e600
}
.bingResults .no-result {
background-color: #fff
}
.bingResults .nextResults {
float: right
}
.bingResults .prevResults {
float: left
}
.bingResults .noResults {
color: #1e1e1e;
margin: 1em 0;
padding: .5em 2em
}
.ar .bingResults .bingSearchBar input {
padding: 0 1em;
float: left;
width: calc(100% - 108px)
}
@media only screen and (max-width:767px) {
.ar .bingResults .bingSearchBar input {
width: calc(100% - 70px)
}
}
.ar .nextResults span,
.ar .prevResults span {
font-family: FontAwesome !important
}
.bing-branding {
text-align: left
}
.bing-branding .logo-container .logo {
position: relative;
top: 4px;
width: 50px;
margin-right: .5em
}
.bing-branding .link,
.bing-branding .logo-container {
display: inline-block
}
.bing-branding .link {
font-size: .9em;
margin: 1.1em auto;
border-left: 1px solid #505050;
padding-left: .5em
}
.bing-branding.dark .logo-container .logo {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAUCAYAAAG4zV4MAAAABGdBTUEAALGPC/xhBQAAA9JJREFUSA3Nl19ozlEYxzfbzGrNEC21LZJZSsmFP7GVluJipdRckLiSC2pI0i79TSxxIcm/doO4oOxSEcrk34U1mj9jRSTZlj/Z6/M973l+zn5+r/flVTz1fZ/n+T7Pec45v9/5nXPeglQq9aggkxB0ojjGCdDq7ZQIyXC8Mdy7OBf5hWapKfZYsArUuXIWNE1OUaaACvSAqZY8QisqArUssI2rgHMzsUYuh59pRuSkrXKYbBx6Y8jLHqUfAsPgkGxJIYKvJ/EMfRl8APvApWjyOG7srgU/8pFm+ejbgouJ9TLZEdl+LDtbXj5xN28rQIdjzI5rDUYcqgTsjMd/5Y/ohMQmFTOJN4TXszsK+rG1HppBKyhRLrrH65fSErhUcdp0TiX2BfPRzwLbTL2DKjBohDQv/Kv3P3it2TZiNzkfpxS8B5LVPikvRZ3zYCV4CGo0nba8KubSmE4kQ7nk/mlO/MUn1mEQM91QUqlvaO057oUmJieRvvEQuiEpLo6YOlng7REvPVObkA9n0uc7fI2eFyaZDT8R+6F85XqtRbMf3AHjPfcFewO4C6qjJcwyfAqhDXwSuIn9Aq5WjbwsRE8Hc4zwupy8LbJpswdoGZfCYaZeiY86kUOgiEAv5hT5MblO/AbxT6AmiL0PbO0YFerAc+n6NJDonRxw1o+f5dYYSu9E2+lWhcUH+k2Q1w5fDu6BGeABqHbJGKGctkb5aoqudzUwtvgeXqGjYzKfDqizDWwG/dYJdiTX8in+T9tGU0gbee0ulBgFdAIYRidNjvgckPHoSmqTjQu/92y5ucTrSdKnuALos13MgC8C3Tca8bWWtbQUK5f/tyRxInS2C+gycxIsAUW/2WE3n3wX6KRdC/gCZvkapehFQEesJqbJ7gVloA10gjNgpuKhwLWADnAFaFeoA0fAuPjXHi0tgiqYJL2Q28MOzIa3M2cQe8A3Vv7sIEfLTmKXOV1CJGuCnCp87eJut0DXA51jKy1HGv8ckPy0bUUT8Yma8XHwWdmBPA8Lmk3cJuLOtoDXUaP9V/eVpIlE+2vQpovcdvnoY+CqxUzDNQJJdeLSUiLBOtRBsA4kfrTwucoEErW8hFzFTiPl3wPzGVNtrPFa8+MT0RN7A1SkGyy1RLRuDjtAGWs/XtDSNNAn4BQlHoP74Cz+cdpUAtXV2a4cu4noSNUxHJc+iLciaXcEpeWp70OrQ/fjw/iqLfmoJ681nEluEZibzv2/fhmX7tl6UB0aWTGznSoDQq9f1+EBsBvenhjuvxXGppWzCejPgW5q/UDLrYFxarsv+A5s7u1WSq+jhwAAAABJRU5ErkJggg==);
height: 20px
}
.bing-branding.dark .link {
color: #fff;
border-color: #fff
}
.bing-branding.light .logo-container .logo {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAWCAYAAAEax5Q5AAAABGdBTUEAALGPC/xhBQAABV1JREFUWAnNlw1oW1UUx5O0TdW0yhZbpytb03YTHTKk36vOMFydOBgIRSe6iSCI7hukjDkNOsWtCJ1DUQR1IBPshrhiwzq1iHb9jF+4lbGtHVKja9S6dV1J2yT+ztu7j+Tt9aW0Dnrh5rxzzzn/83HPu+/GUVpa+pNjiuFifTkKJ83yysrKJSKUcbf8oBTXaWMsFntEni1HhlotLy9fFg6HI9CdBQUFeU4gRhDOd7lcS3t6ejSfrCUEO6GsFK2trfVgWa54M1XBiXGtAhgeHi4EuScQCCTLG8UYrAc0kLKysqNmNCse0BC6hxzU4jYrBbs11+Tk5J9mBdD8sgbyc2aZ8FIhrRBut7ugo6Pjd1kk7hXxePwbp9P5QSKRuAxd2NvbuwGwYE5Oznot0VAo5BwfHx8Ug6TRgsEmDJ7VDQ5AHx4dHc3VjHRvo8oA5W95dgvPs7bdGGzGUwsRxRwVFRVLlbIdraurywC8U9MRLyovO6PZyjKnC0BBl5He4oyMjPPs0kmpHQHeB/1+OhgpjqhNALBXlKGAqWehyN7FSR49v0hf/w6q7bTuuBjZSuZx9B5l7W0w29i0DUYL60AndABLAsATGHtw+Hh1dfWNSUoReUZ2jjZaznymqKjoPVnDSatG8fgHhguEkUFp1nR3dx+7ys3+F/y9dFK9dP6O2cPZI0jZ3rreHZeyN3bxkLpfJgHdInpyNPF8u52NkhlO2JuUrlIKiiJv4w09Bd/AS7oWJ/L2XlRyO2ocOnTQarrjOF1Rz2btMxtJSfWWzUL3eY/H8/7IyMgS9G7Nz88/MTQ09AW2W7E9LbbofwLfy2OxkQmH81ciJOK9AkhpLgmfPFgTgD5094+NjbkB8cHfG4lEthDAGmz7RB/7KPyTPp/vAGubDCcilEghv8gzwlyhyYMo70SnBJCwab1B53/U6Q9Cm5qaYkLNb/9pwNMeimSQL8bmwbp2yrJekiwznEiJGJoM5an2JYqCOysry8v+JeOkPGP/EaWVbPIE09h4XesM5UibSQpiGobgz2hti9cvMzMzX+js7DyfxmZaYoD/IZs2lNex+TcZmbA4SWrHyGTttJDmoJLRxSQifTD1TWsOBm8OyWhks2CmvHy8afJfTfbj8G+y69p3mPYohj9LN2znNddufyb9GbGWyeBsP46cfDIPdnV1hWaCzGlaw2Gnfd/l+9Dc3HwJXDcJ7WSeA9P2+J+JT8tkqNY2XtYBbiKbCUDhxsnva+ZBKv85AV1RAjvKJdBNIvuwG+Ro0g5VbtI3g32RtXX4OoqPHTzvAqeNdr8MPcvcyNq87OxsX3t7u/xjcBDTLuSv8fgpMvnOyWvBUmIFxVtkmQyKCW5CNdyLj6BcyZThwmi1zKusfWVJ+GmCXDUwMOBF38+8Y2JiQrCCzGsGuPO8Xu/G1tZWda3eQ/D90Wi0HuWXJGHodmY2hZzQAV6nrR+TZIS3TEYE8o+Aqq4kmBdhpSLJ1zxRsR1U6mPVZqJIYOvBaCGoxbD/Whj/lZSIEv+NTY7O3AOVC7RKRFtGbnzTjdNMWbMjC3H4GTPR398fRXkPMzmRPnRXKf101O/33yBXHjDeYccPE8xv6Wys5Ly/jWDcT1yvKjmxlvD8oeKv2RmLv1xyqT4C2DYOg0FlOBWlvQbZlaeQF9ECRfw1u8LaKZKYr2x4X8ZEh6ldRHiXgqxZJfkyfiNix939Z4gLzAfZ5QCJXWAGmVuI71BhYWHYWVNTk0tf7mZxK8puMUQ4Bv8G97mGYDAo94o5MeQvOAW9oIKBr6IIclfdLUf8/348KkfXg1ZVVd1F8A8R/AKKLR0QYsc6lK//AAZ8fJjg6ytbAAAAAElFTkSuQmCC);
height: 22px
}
.bing-branding.light .link {
color: #505050
}
.squareButton {
display: block;
padding: 1.5em 1.75em;
font-family: OpenSans, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: .91px;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.squareButton.centered {
margin: 0 auto
}
.squareButton.inline {
display: inline-block
}
.squareButton.filled {
background-color: #ff0;
border: 1px solid transparent;
color: #f8f8f8
}
.squareButton.filled:hover {
background-color: #e6e600
}
.squareButton.clear {
background-color: transparent;
border: 1px solid #ff0;
color: #ff0
}
.squareButton.clear:hover {
background-color: #ebebeb
}
.wrapper .pack {
padding: 1em;
color: #fff;
position: relative;
-webkit-box-shadow: 0 -7px 10px -3px rgba(0, 0, 0, .1);
box-shadow: 0 -7px 10px -3px rgba(0, 0, 0, .1);
float: left;
cursor: pointer;
min-height: 8em
}
.wrapper .pack:hover .arrow-icon {
-webkit-animation: popUp .3s linear;
animation: popUp .3s linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.wrapper .pack.tier-0 {
background-image: -webkit-linear-gradient(top, #f5d337, #fff889);
background-image: -o-linear-gradient(top, #f5d337 0, #fff889 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5d337), to(#fff889));
background-image: linear-gradient(180deg, #f5d337 0, #fff889);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 245, 211, 0.21569)", endColorstr="rgba(255, 255, 248, 0.53725)", GradientType=0);
position: relative
}
.wrapper .pack.tier-0:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background: url(data:image/png;base64,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) no-repeat 100% 0;
background-size: 100% 100%
}
.wrapper .pack.tier-0 h2.tier-title {
font-size: 2.5em;
max-width: 4em;
line-height: 1;
color: #000
}
.wrapper .pack.tier-0 h2.price {
font-size: 3em !important
}
.wrapper .pack.tier-1 {
background-color: #c9cad8;
width: 25%
}
@media only screen and (max-width:991px) {
.wrapper .pack.tier-1 {
width: 100%;
height: 25%
}
}
.wrapper .pack.tier-1 .pack-image {
background: url(0bd5c0052dfd8274c26a7a979f8a6a50.jpg) no-repeat bottom
}
.wrapper .pack.tier-1 .arrow-icon i {
background-color: #8e90ad
}
.wrapper .pack.tier-1 h2.tier-title {
color: #8e90ad
}
.wrapper .pack.tier-2 {
background-color: #1ac2fe;
width: 25%
}
@media only screen and (max-width:991px) {
.wrapper .pack.tier-2 {
width: 100%;
height: 25%
}
}
.wrapper .pack.tier-2 .pack-image {
background: url(79472a126cb2787e2ab56a03480e7456.jpg) no-repeat bottom
}
.wrapper .pack.tier-2 .arrow-icon i {
background-color: #0183b1
}
.wrapper .pack.tier-2 .packValue h3.value,
.wrapper .pack.tier-2 h2.tier-title {
color: #0183b1
}
.wrapper .pack.tier-3 {
background-color: #b83df2;
width: 25%
}
@media only screen and (max-width:991px) {
.wrapper .pack.tier-3 {
width: 100%;
height: 25%
}
}
.wrapper .pack.tier-3 .pack-image {
background: url(766cdb0b3bf3cdfa0ba9df7326bb8371.jpg) no-repeat bottom
}
.wrapper .pack.tier-3 .arrow-icon i {
background-color: #840dbc
}
.wrapper .pack.tier-3 .packValue h3.value,
.wrapper .pack.tier-3 h2.tier-title {
color: #840dbc
}
.wrapper .pack.tier-4 {
background-color: #eb9257;
width: 25%
}
@media only screen and (max-width:991px) {
.wrapper .pack.tier-4 {
width: 100%;
height: 25%
}
}
.wrapper .pack.tier-4 .pack-image {
background: url(9d055f867c62e0fd022aa99ab9823d18.jpg) no-repeat bottom
}
.wrapper .pack.tier-4 .arrow-icon i {
background-color: #c55c17
}
.wrapper .pack.tier-4 .packValue h3.value,
.wrapper .pack.tier-4 h2.tier-title {
color: #c55c17
}
.wrapper .pack.compare,
.wrapper .pack.overview {
padding-bottom: 7em
}
@media only screen and (max-width:991px) {
.wrapper .pack.compare,
.wrapper .pack.overview {
padding-bottom: 2em
}
}
.wrapper .pack.compare .pack-buy-button .btn,
.wrapper .pack.overview .pack-buy-button .btn {
width: 100%
}
.wrapper .pack.compare .pack-buy-button {
margin-top: -1em
}
.wrapper .pack.compare .image-container {
width: 101%;
height: 22vw;
position: relative;
margin-top: -1em;
overflow: hidden
}
.wrapper .pack.compare .image-container .pack-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: contain !important;
opacity: .65;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
@media screen and (max-width:1600px) {
.wrapper .pack.compare .image-container {
height: 18em
}
}
@media only screen and (max-width:1199px) {
.wrapper .pack.compare .image-container {
height: 22vh
}
.wrapper .pack.compare .image-container .pack-image {
opacity: 1
}
}
@media only screen and (max-width:991px) {
.wrapper .pack.compare .image-container {
position: absolute;
top: 1em;
right: 0;
width: 50%;
height: 100%
}
.wrapper .pack.compare .image-container .pack-image {
opacity: 1;
background-position: center -2em;
background-size: cover !important
}
}
@media only screen and (max-width:767px) {
.wrapper .pack.compare .image-container {
width: 75%
}
.wrapper .pack.compare .image-container .pack-image {
background-position: 3em -1.5em
}
}
@media only screen and (max-width:768px) and (orientation:landscape) {
.wrapper .pack.compare .image-container {
width: 50%
}
.wrapper .pack.compare .image-container .pack-image {
background-position: center -2em
}
}
.wrapper .pack.compare:hover .pack-image {
opacity: 1
}
.wrapper .pack .pack-summary {
min-height: 5.5em;
position: relative;
z-index: 1
}
.wrapper .pack .pack-summary h2 {
margin: 0
}
@media only screen and (max-width:1199px) {
.wrapper .pack .pack-summary h2 {
display: block
}
}
@media only screen and (max-width:991px) {
.wrapper .pack .pack-summary h2 {
display: inline-block
}
.wrapper .pack .pack-summary h2.tier-title {
font-size: 3em
}
}
@media only screen and (max-width:767px) {
.wrapper .pack .pack-summary h2.tier-title {
font-size: 1.5em;
max-width: 8em
}
}
.wrapper .pack .pack-summary .price-container {
position: absolute;
top: -1em;
right: 1em;
width: 100%;
text-align: right
}
.wrapper .pack .pack-summary .price-container .price {
font-size: 2em
}
@media only screen and (max-width:991px) {
.wrapper .pack .pack-summary .price-container .price {
font-size: 4em
}
}
@media only screen and (max-width:767px) {
.wrapper .pack .pack-summary .price-container .price {
font-size: 3em
}
}
@media only screen and (max-width:991px) {
.wrapper .pack .pack-summary .price-container {
text-align: left;
position: relative;
right: auto;
top: auto;
padding-left: 15px
}
}
.wrapper .pack .pack-summary .price-container .discount-container {
margin-top: .5em
}
@media only screen and (max-width:991px) {
.wrapper .pack .pack-summary .price-container .discount-container {
margin-top: 0
}
}
.wrapper .pack .pack-summary .price-container .discount-container .discount-price {
display: inline-block;
position: relative;
font-size: 1em;
color: rgba(0, 0, 0, .4);
margin: 0
}
.wrapper .pack .pack-summary .price-container .discount-container .discount-price:after {
content: "";
display: block;
width: 100%;
height: 2px;
background: rgba(0, 0, 0, .3);
position: absolute;
top: 34%;
left: 0
}
@media only screen and (max-width:991px) {
.wrapper .pack .pack-summary .price-container .discount-container .discount-price {
font-size: 1.5em
}
}
.wrapper .pack .pack-summary .price-container .discount-container .discount-tag {
color: #fff;
font-size: .85em;
background: rgba(0, 0, 0, .3);
display: inline-block;
padding: .5em;
margin: 0 0 0 .5em;
white-space: nowrap;
-webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 88%);
clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 88%)
}
@media screen and (max-width:1115px) {
.wrapper .pack .pack-summary .price-container .discount-container .discount-tag {
font-size: .7em
}
}
@media only screen and (max-width:991px) {
.wrapper .pack .pack-summary .price-container .discount-container .discount-tag {
margin-left: 1em;
font-size: .85em;
vertical-align: bottom
}
}
.wrapper .pack .arrow-icon {
z-index: 1;
position: absolute;
top: 7em;
left: 1em;
opacity: 0
}
.wrapper .pack .arrow-icon i {
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: 2em;
border-radius: 50%;
padding: .5em
}
@media only screen and (max-width:991px) {
.wrapper .pack .arrow-icon {
display: none
}
}
.wrapper .pack.large {
min-height: 93em
}
@media only screen and (max-width:991px) {
.wrapper .pack.large {
min-height: 25vh
}
}
.wrapper .pack-buy-button {
width: 100%
}
@media only screen and (max-width:991px) {
.wrapper .pack-buy-button {
display: none
}
}
.wrapper .pack-buy-button .btn {
height: 100%;
background-color: #b3b3b3;
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1.5em;
color: rgba(30, 30, 30, .5);
text-align: left;
padding: .25em .5em;
-webkit-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
-webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%)
}
.wrapper .pack-buy-button .btn:active,
.wrapper .pack-buy-button .btn:focus,
.wrapper .pack-buy-button .btn:hover {
background-color: #b3b3b3
}
.wrapper .pack-buy-button .btn[disabled] {
opacity: 1
}
.wrapper .pack-buy-button.can-buy .btn {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 2em;
color: #1e1e1e;
background-color: #ff0
}
.wrapper .pack-buy-button.can-buy .btn:active,
.wrapper .pack-buy-button.can-buy .btn:focus,
.wrapper .pack-buy-button.can-buy .btn:hover {
background-color: #e6e600
}
body.es_ES .pack-container .pack.compare .pack-summary h2.tier-title,
body.es_MX .pack-container .pack.compare .pack-summary h2.tier-title,
body.fr .pack-container .pack.compare .pack-summary h2.tier-title,
body.it .pack-container .pack.compare .pack-summary h2.tier-title,
body.pl .pack-container .pack.compare .pack-summary h2.tier-title,
body.pt_BR .pack-container .pack.compare .pack-summary h2.tier-title,
body.ru .pack-container .pack.compare .pack-summary h2.tier-title {
font-size: 1.5em
}
body.es_ES .pack-container .pack.compare .pack-summary .price-container h2.price,
body.es_MX .pack-container .pack.compare .pack-summary .price-container h2.price,
body.fr .pack-container .pack.compare .pack-summary .price-container h2.price,
body.it .pack-container .pack.compare .pack-summary .price-container h2.price,
body.pl .pack-container .pack.compare .pack-summary .price-container h2.price,
body.pt_BR .pack-container .pack.compare .pack-summary .price-container h2.price,
body.ru .pack-container .pack.compare .pack-summary .price-container h2.price {
font-size: 2em
}
@media screen and (max-width:1440px) {
body.es_ES .pack-container .pack.compare .pack-summary .price-container h2.price,
body.es_ES .pack-container .pack.compare .pack-summary h2.tier-title,
body.es_MX .pack-container .pack.compare .pack-summary .price-container h2.price,
body.es_MX .pack-container .pack.compare .pack-summary h2.tier-title,
body.fr .pack-container .pack.compare .pack-summary .price-container h2.price,
body.fr .pack-container .pack.compare .pack-summary h2.tier-title,
body.it .pack-container .pack.compare .pack-summary .price-container h2.price,
body.it .pack-container .pack.compare .pack-summary h2.tier-title,
body.pl .pack-container .pack.compare .pack-summary .price-container h2.price,
body.pl .pack-container .pack.compare .pack-summary h2.tier-title,
body.pt_BR .pack-container .pack.compare .pack-summary .price-container h2.price,
body.pt_BR .pack-container .pack.compare .pack-summary h2.tier-title,
body.ru .pack-container .pack.compare .pack-summary .price-container h2.price,
body.ru .pack-container .pack.compare .pack-summary h2.tier-title {
font-size: 1.2em
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
body.es_ES .pack-container .pack.compare .pack-summary h2.tier-title,
body.es_MX .pack-container .pack.compare .pack-summary h2.tier-title,
body.fr .pack-container .pack.compare .pack-summary h2.tier-title,
body.it .pack-container .pack.compare .pack-summary h2.tier-title,
body.pl .pack-container .pack.compare .pack-summary h2.tier-title,
body.pt_BR .pack-container .pack.compare .pack-summary h2.tier-title,
body.ru .pack-container .pack.compare .pack-summary h2.tier-title {
font-size: 1.7em
}
}
@media only screen and (max-width:767px) {
body.es_ES .pack-container .pack.compare .pack-summary h2.tier-title,
body.es_MX .pack-container .pack.compare .pack-summary h2.tier-title,
body.fr .pack-container .pack.compare .pack-summary h2.tier-title,
body.it .pack-container .pack.compare .pack-summary h2.tier-title,
body.pl .pack-container .pack.compare .pack-summary h2.tier-title,
body.pt_BR .pack-container .pack.compare .pack-summary h2.tier-title,
body.ru .pack-container .pack.compare .pack-summary h2.tier-title {
max-width: 8em
}
}
@media screen and (max-width:1330px) {
body.pl .pack-container .large .pack-buy-button .btn,
body.pt_BR .pack-container .large .pack-buy-button .btn {
font-size: 1.3em !important
}
}
body.de .pack-container .pack.tier-0:before,
body.pl .pack-container .pack.tier-0:before,
body.pt_BR .pack-container .pack.tier-0:before,
body.ru .pack-container .pack.tier-0:before {
width: 70%
}
body.de .pack-container .pack.tier-0 .price-container .price,
body.pl .pack-container .pack.tier-0 .price-container .price,
body.pt_BR .pack-container .pack.tier-0 .price-container .price,
body.ru .pack-container .pack.tier-0 .price-container .price {
font-size: 2.2em !important
}
body.es_ES .pack-container .pack.tier-0:before,
body.es_MX .pack-container .pack.tier-0:before,
body.fr .pack-container .pack.tier-0:before,
body.it .pack-container .pack.tier-0:before {
width: 70%
}
body.zh .pack-container .pack .pack-summary .fullWidth,
body.zh_HK .pack-container .pack .pack-summary .fullWidth {
width: 100%;
max-width: 13em
}
body.zh .pack-container .pack .pack-summary .fullWidth h2,
body.zh_HK .pack-container .pack .pack-summary .fullWidth h2 {
margin-top: .5em
}
body.zh .pack-container .pack .pack-summary .price-container,
body.zh_HK .pack-container .pack .pack-summary .price-container {
display: none
}
body.zh .pack-container .pack.tier-0 .pack-summary .fullWidth h2,
body.zh_HK .pack-container .pack.tier-0 .pack-summary .fullWidth h2 {
margin-top: 0
}
body.zh .pack-container .pack.tier-0 .pack-summary .price-container,
body.zh_HK .pack-container .pack.tier-0 .pack-summary .price-container {
display: block
}
@-webkit-keyframes popUp {
0% {
-webkit-transform: translate3d(0, 6em, 0) scale3d(0, 0, 0);
transform: translate3d(0, 6em, 0) scale3d(0, 0, 0);
opacity: 0
}
50% {
-webkit-transform: translateZ(0) scale3d(1.3, 1.3, 1.3);
transform: translateZ(0) scale3d(1.3, 1.3, 1.3);
opacity: 1
}
to {
opacity: 1
}
}
@keyframes popUp {
0% {
-webkit-transform: translate3d(0, 6em, 0) scale3d(0, 0, 0);
transform: translate3d(0, 6em, 0) scale3d(0, 0, 0);
opacity: 0
}
50% {
-webkit-transform: translateZ(0) scale3d(1.3, 1.3, 1.3);
transform: translateZ(0) scale3d(1.3, 1.3, 1.3);
opacity: 1
}
to {
opacity: 1
}
}
.wrapper .pack-buy-button.tier-1 .pack-dialog h1 {
color: #adb8cd
}
.wrapper .pack-buy-button.tier-2 .pack-dialog h1 {
color: #1db8f3
}
.wrapper .pack-buy-button.tier-3 .pack-dialog h1 {
color: #802abf
}
.wrapper .pack-buy-button.tier-4 .pack-dialog h1 {
color: #e57d58
}
.wrapper .pack-dialog-container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
width: 100%;
height: 100%;
cursor: default;
z-index: 999
}
.wrapper .pack-dialog-container.visible {
display: block
}
.wrapper .pack-dialog-container .close {
opacity: .5;
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.wrapper .pack-dialog-container .close:hover {
opacity: 1
}
.wrapper .pack-dialog-container .close i {
color: #1db8f3
}
.wrapper .pack-dialog-container .pack-dialog-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .7);
z-index: -1
}
.wrapper .pack-dialog-container .pack-dialog {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #fff;
max-width: 460px;
margin-left: auto;
margin-right: auto;
min-height: 32em;
padding: 4em 2em;
color: #1e1e1e;
text-transform: uppercase;
-webkit-clip-path: polygon(0 5%, 24% 4%, 24% 7%, 27% 4%, 100% 0, 100% 100%, 0 98%);
clip-path: polygon(0 5%, 24% 4%, 24% 7%, 27% 4%, 100% 0, 100% 100%, 0 98%)
}
.wrapper .pack-dialog-container .pack-dialog h1 {
margin-top: 0
}
.wrapper .pack-dialog-container .pack-dialog h2 {
color: #1e1e1e !important
}
.wrapper .pack-dialog-container .pack-dialog .coming-soon-container .retailers-list .retailer {
display: inline-block;
width: 50%;
height: 2em;
margin: 1em 0
}
.wrapper .pack-dialog-container .pack-dialog .coming-soon-container .retailers-list .amazon {
background: url(data:image/png;base64,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) 50% no-repeat;
background-size: contain
}
.wrapper .pack-dialog-container .pack-dialog .coming-soon-container .retailers-list .gamestop {
background: url(data:image/png;base64,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) 50% no-repeat;
background-size: contain
}
.wrapper .pack-dialog-container .pack-dialog .coming-soon-container .retailers-list .walmart {
background: url(data:image/png;base64,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) 50% no-repeat;
background-size: contain
}
.wrapper .pack-dialog-container .pack-dialog .coming-soon-container .retailers-list .target {
background: url(data:image/png;base64,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) 50% no-repeat;
background-size: contain
}
.wrapper .pack-dialog-container .pack-dialog .btn {
display: block;
margin: 0 auto
}
.wrapper .pack-dialog-container .cta-step {
margin-bottom: 1em
}
.wrapper .pack-dialog-container .cta-step select {
width: 100%;
padding: 1em
}
.wrapper .pack-dialog-container .cta-step select:active,
.wrapper .pack-dialog-container .cta-step select:hover {
outline: #ff0
}
.wrapper .pack-dialog-container .cta-step .cta-step-container>label {
display: block
}
.wrapper .pack-dialog-container .cta-step .step-label {
font-weight: 800;
color: #999
}
.wrapper .pack-dialog-container .cta-step.cta-radio label+label {
margin-left: 1em
}
.wrapper .pack-dialog-container .cta-step.cta-radio input {
margin-right: .25em
}
.wrapper .pack-dialog-container .legal-disclaimer {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: .8em;
margin-top: 1em;
text-align: center;
display: block
}
.wrapper .pack-dialog-container ul.pack-dialog-legalTags {
margin-top: 1em;
text-align: center;
list-style: none;
padding: 0
}
.wrapper .pack-dialog-container ul.pack-dialog-legalTags li {
display: inline-block
}
.wrapper .pack-dialog-container ul.pack-dialog-legalTags li p {
margin: 0
}
.wrapper .pack-dialog-container ul.pack-dialog-legalTags li img {
display: inline-block;
max-height: 100px;
max-width: 100%;
margin: 0 auto;
padding: 5px
}
.wrapper .pack.compare:hover .allItems i.icon-down-arrow:before {
-webkit-animation: bounce 1.25s ease-in-out infinite;
animation: bounce 1.25s ease-in-out infinite
}
.wrapper .pack-compare-container .right {
text-align: right
}
.wrapper .pack-compare-container .right h3 {
padding-right: .4em
}
@media only screen and (max-width:991px) {
.wrapper .pack-compare-container .right {
text-align: left
}
}
.wrapper .pack-compare-container .packValue {
min-height: 3.1em
}
.wrapper .pack-compare-container .packValue h3 {
font-size: 1.5em;
margin: .5em 0
}
@media only screen and (max-width:991px) {
.wrapper .pack-compare-container .packValue,
.wrapper .pack-compare-container table.pack-extra-content-table,
.wrapper .pack-compare-container table.pack-main-content-table {
display: none
}
}
.wrapper .pack-compare-container table.pack-extra-content-table {
width: 100%;
margin-top: 1em
}
.wrapper .pack-compare-container table.pack-extra-content-table td {
line-height: 2;
font-size: .875em;
padding: 0 1em
}
@media only screen and (max-width:1199px) {
.wrapper .pack-compare-container table.pack-extra-content-table td {
padding: 0
}
}
.wrapper .pack-compare-container table.pack-main-content-table {
width: 100%;
margin-top: 1em
}
.wrapper .pack-compare-container table.pack-main-content-table tr {
border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}
.wrapper .pack-compare-container table.pack-main-content-table td {
line-height: 2;
font-size: .875em
}
.wrapper .pack-compare-container table.pack-main-content-table td:first-child {
padding: 0 0 0 1em
}
@media only screen and (max-width:1199px) {
.wrapper .pack-compare-container table.pack-main-content-table td:first-child {
padding: 0
}
}
.wrapper .pack-compare-container table.pack-main-content-table td:last-child {
padding: 0 1em 0 0;
font-weight: 800
}
@media only screen and (max-width:1199px) {
.wrapper .pack-compare-container table.pack-main-content-table td:last-child {
padding: 0
}
}
.wrapper .pack-compare-container table.pack-extra-content-table,
.wrapper .pack-compare-container table.pack-super-content-table {
font-family: BurbankSmall-Black, sans-serif;
text-transform: uppercase;
font-size: 1em
}
.wrapper .pack-compare-container .allItems {
position: absolute;
bottom: 4em;
left: 0;
right: 0
}
.wrapper .pack-compare-container .allItems:hover i.icon-down-arrow:before {
-webkit-transform: translateY(.2em);
-ms-transform: translateY(.2em);
transform: translateY(.2em)
}
.wrapper .pack-compare-container .allItems h4 {
display: inline;
padding-right: .5em
}
.wrapper .pack-compare-container .allItems i {
font-size: 1.9em;
color: #ff0;
background: #000;
padding: .5em .6em;
border-radius: 50%
}
.wrapper .pack-compare-container .allItems i.icon-down-arrow:before {
-webkit-transform: translateY(.1em);
-ms-transform: translateY(.1em);
transform: translateY(.1em);
display: inline-block
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.wrapper .pack-compare-container .allItems {
bottom: 2em;
right: 1em;
z-index: 1
}
.wrapper .pack-compare-container .allItems i {
font-size: 1.5em;
display: inline-block;
margin-top: .5em
}
}
@media only screen and (max-width:991px) {
.wrapper .pack-compare-container .allItems {
display: none
}
}
@media only screen and (max-width:1199px) {
body.pl .wrapper .pack.compare .allItems i {
display: inline-block
}
}
.wrapper .detail-header-container {
min-height: 80vh;
position: relative
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container {
min-height: 100%
}
}
.wrapper .detail-header-container .detail-wrapper {
overflow: hidden;
min-height: 80vh;
width: 100%;
position: relative;
z-index: 0
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container .detail-wrapper {
min-height: 30em
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container .detail-wrapper {
min-height: 100%
}
}
.wrapper .detail-header-container .detail-header-title {
position: absolute;
pointer-events: none
}
.wrapper .detail-header-container .detail-header-title h1 {
color: #fff;
opacity: .2
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container .detail-header-title h1 {
margin: 0 !important;
padding: .25em 0 !important
}
}
.wrapper .detail-header-container .detail-header-pricing {
max-width: 26em;
position: absolute;
left: .5%;
top: 2%;
padding: 1.2em 1.2em 1em;
-webkit-box-shadow: 0 0 65px 4px rgba(0, 0, 0, .1);
box-shadow: 0 0 65px 4px rgba(0, 0, 0, .1);
z-index: 7
}
@media screen and (min-width:1750px) {
.wrapper .detail-header-container .detail-header-pricing {
left: 5%;
top: 4%
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container .detail-header-pricing {
position: relative;
margin: 0 auto;
max-width: 100%;
-webkit-box-shadow: none;
box-shadow: none
}
}
.wrapper .detail-header-container .detail-header-pricing .detail-pricing-title h1.pack-title {
line-height: 1;
margin: 0 0 .25em
}
.wrapper .detail-header-container .detail-header-pricing .detail-pricing-title h2 {
color: #fff;
font-size: 3.125em;
display: inline-block;
margin: .25em 0
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container .detail-header-pricing .detail-pricing-title h2 {
margin: 0
}
}
.wrapper .detail-header-container .detail-header-pricing .detail-pricing-title h2.price {
margin-bottom: .5em
}
.wrapper .detail-header-container .detail-header-pricing .detail-pricing-title h3 {
font-family: BurbankSmall-Black, sans-serif;
color: #fff;
font-size: .9em;
margin: .5em 0
}
.wrapper .detail-header-container .detail-header-pricing .detail-pricing-title .discount {
font-size: 2.2em;
padding-top: .4em;
color: rgba(0, 0, 0, .4);
position: relative
}
.wrapper .detail-header-container .detail-header-pricing .detail-pricing-title .discount:after {
content: "";
display: block;
width: 110%;
height: 2px;
background: rgba(0, 0, 0, .3);
position: absolute;
top: 62%;
left: -4%
}
.wrapper .detail-header-container .detail-header-pricing .pack-buy-button {
position: absolute;
bottom: -3.5em;
left: 0;
right: 0
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container .detail-header-pricing .pack-buy-button {
display: block
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container .detail-header-pricing .pack-buy-button {
margin-top: 1em;
display: block;
position: relative;
bottom: 0
}
}
.wrapper .detail-header-container .detail-header-pricing .pack-buy-button .value {
font-family: BurbankBigCondensed-Black, icomoon, sans-serif;
margin: 0 0 .25em;
z-index: 2;
padding-right: .7em;
font-size: 1.4em;
color: rgba(0, 0, 0, .4);
pointer-events: none
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container .detail-header-pricing .pack-buy-button .value {
padding-right: 0
}
}
.wrapper .detail-header-container .detail-header-pricing .pack-buy-button.can-buy .btn {
padding: 0 .5em
}
.wrapper .detail-header-container .detail-header-pricing .smallScreen-show {
display: none
}
@media screen and (max-height:1080px) {
.wrapper .detail-header-container .detail-header-pricing .smallScreen-hide {
display: none
}
.wrapper .detail-header-container .detail-header-pricing .smallScreen-show {
display: block
}
}
@media screen and (max-height:730px) and (orientation:portrait) {
.wrapper .detail-header-container .detail-header-pricing .extraContent {
display: none
}
}
@media screen and (max-height:750px) and (orientation:landscape) {
.wrapper .detail-header-container .detail-header-pricing .extraContent {
display: none
}
}
@media screen and (max-height:568px) and (orientation:portrait) {
.wrapper .detail-header-container .detail-header-pricing .smallScreen-hide {
display: block
}
.wrapper .detail-header-container .detail-header-pricing .smallScreen-show {
display: none
}
.wrapper .detail-header-container .detail-header-pricing .extraContent {
display: block
}
}
.wrapper .detail-header-container .detail-header-pricing table.pack-main-content-table {
width: 100%;
color: #fff;
margin-top: .5em
}
.wrapper .detail-header-container .detail-header-pricing table.pack-main-content-table tr:first-child {
border-top: 1px solid hsla(0, 0%, 100%, .3)
}
.wrapper .detail-header-container .detail-header-pricing table.pack-main-content-table tr {
border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}
.wrapper .detail-header-container .detail-header-pricing table.pack-main-content-table tr td {
padding: .5em 0;
font-size: .85em
}
.wrapper .detail-header-container .detail-header-pricing table.pack-main-content-table tr td:last-child {
font-weight: 800
}
.wrapper .detail-header-container .detail-standard {
position: absolute;
right: 15%;
bottom: 0;
width: 60vw;
height: 88%;
display: none;
z-index: 1
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container .detail-standard {
position: relative;
background: url(0bd5c0052dfd8274c26a7a979f8a6a50.jpg) no-repeat bottom;
background-size: contain;
right: 0;
max-width: 35em;
width: 100%;
height: 50vh
}
}
@media only screen and (max-width:568px) and (orientation:landscape) {
.wrapper .detail-header-container .detail-standard {
height: 20em
}
}
.wrapper .detail-header-container .detail-standard .banners {
position: absolute;
top: 25%;
right: 0;
width: 16vw;
height: 30em;
background: url(a52805fd843a4af0918640965356a1c2.png) no-repeat top;
background-size: contain
}
@media screen and (min-width:1700px) {
.wrapper .detail-header-container .detail-standard .banners {
right: 5%
}
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container .detail-standard .banners {
display: none
}
}
.wrapper .detail-header-container .detail-standard .llama {
position: absolute;
bottom: 15%;
left: 0;
width: 29vw;
height: 38vh;
background: url(befd132c419c34a329b52ba85c4c608e.png) no-repeat top;
background-size: contain
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container .detail-standard .llama {
display: none
}
}
.wrapper .detail-header-container .detail-standard .soldier {
position: absolute;
bottom: 0;
right: 0;
left: 0;
margin: 0 auto;
width: 50vw;
height: 100%;
background: url(bad981f937c4c8c985b61eb7f0ebaa95.png) no-repeat bottom;
background-size: contain
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container .detail-standard .soldier {
width: 65vw;
background-position: 100% 100% !important
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container .detail-standard .soldier {
display: none
}
}
.wrapper .detail-header-container .detail-starter-heroes {
position: absolute;
right: 0;
bottom: 0;
display: none;
z-index: 1
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container .detail-starter-heroes {
position: relative;
margin: 0 auto
}
}
.wrapper .detail-header-container .detail-defenders {
position: absolute;
right: 38%;
bottom: 0;
display: none;
z-index: 1
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container .detail-defenders {
position: relative;
margin: 0 auto
}
}
.wrapper .detail-header-container .detail-trollLlamas {
position: absolute;
right: 1%;
bottom: 1%;
width: 24em;
display: none
}
@media screen and (min-width:1650px) {
.wrapper .detail-header-container .detail-trollLlamas {
right: 5%
}
}
.wrapper .detail-header-container .detail-trollLlamas h3 {
color: #fff;
margin-top: 3em
}
.wrapper .detail-header-container .pack-buy-button .btn {
-webkit-clip-path: none;
clip-path: none;
width: 100%
}
.wrapper .detail-header-container.tier-0 .detail-wrapper {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat
}
.wrapper .detail-header-container.tier-0 .battleRoyale,
.wrapper .detail-header-container.tier-0 .detail-header-pricing,
.wrapper .detail-header-container.tier-0 .detail-header-title {
display: none
}
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink {
position: absolute;
top: 4em;
left: 3em;
padding: 1em
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink {
top: 2em;
left: 1em
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink {
top: auto;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9;
text-align: left;
padding: .3em 0 0
}
}
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ff0;
-webkit-clip-path: polygon(0 2%, 100% 0, 100% 18%, 92% 24%, 100% 24%, 100% 100%, 0 98%);
clip-path: polygon(0 2%, 100% 0, 100% 18%, 92% 24%, 100% 24%, 100% 100%, 0 98%);
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink:after {
-webkit-clip-path: none;
clip-path: none
}
}
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink:hover:after {
background-color: #e6e600
}
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink a,
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink a:hover {
color: #000
}
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink .link-content {
position: relative;
z-index: 1
}
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink .link-content .icon {
width: 7em;
height: 7em;
margin: -3em auto 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAABvCAMAAADVG25SAAADAFBMVEUAAAABAQFLns2BhX04oepdrNlDl8dGYm2u2OpVjaxERTif0Ow+ndx3ZVQ9lMg1gq6Qxd5AQjU8kMFaXFQ9ksJMTTpus9xAksF4s9VCQDKAwOV1d252vOQ7PCyeyOBHSD9FkbxbqtQmKyyhmJG4sa2EeW9FntJAmc93wOY6lctRptSr3fRktOC14vBartpLotaCxuuw3/NMotFvu+Rpttxpt+Nsud9KT0FWqtdKUTpkstpgr9dfsNyIyOxbYkpSVUaRz/B+w+lCRDBbrNRSpM/PlnSc1PJzvOBSqNmm2fNYqNBFSTmYz++MzO94wuh+g246PC+03exyvubtxKfTnHw7QSgqKR5rcV225vTNjmCRy+vsuI+Jj35ka1VfZFNyeGFWW0o1OSORlI2GinPJkG+v5fWSl4BXXkUkJBzswJ0uNBzSl2iIak9kZ02l3fWg2PPIxrCaoYpQWD9LSDUyNCyX0/KZm5jhpHbltJfboHLDiGYeHRXAvqCvsZq0bEOdhj6UTy+6tZXfzIimZD9SnsTRuWHl1Zl3fmsqLSeJcR7cm21STjx+ZBTlsYncoX7dlGfet6RyNh3V1ci7wLLfqIXbxHWh1fLl49zOz7ulpaGgqJdoZ1+/flVYWlXa2dZxdGrGr17KhFe3d1B+ZEyrbkuJSCshJQ1nwO3t6+bk2cnoqn6iVzMVFA5uVgq4olT36tZpb1q1nD1lLxX8/PvixbfPx6OVjIV0enl6fGGRc1q/dEg9QD2TfSx8PiJcQQVfZV90WUCskCoIBwLyyrRaJAzExsbeq5TSpZSjmI+pqIyYZUeqkkNlVT2ws6+UXjVIGATi17SCb1pcPyxcuvT4579MkrTGmoPFqUfc6+9ct+j03aSYh3mVgmzEilKxXjOJOhjH3+j71sPOu4Lp0XhzcFJMUU5NsPH88uSmjnObe2J3x/Coy9SspHuud1qslVef7P91orX813jQqYBHMhtyz/yO3v+KfGCmfU53HAvH8/zhiE/XqT7dvFdEhaQSHUhNX26HXqYlAAAAJnRSTlMCCvX+/vT6Jb8+bb/4+ONe/bidw8Ggn31oP9G66dqy7t/Y2qSPjqc1QwgAABOYSURBVGje7NRLiNNAGAdwlagUSl1kqSIe9KLpIq74WMTHoaJsEd2D9aJeveh60FNRhMFABgamHtQcFA8BhXWFRAbZk0MgPi5G12KDwdxMoItWg9GDh/Xg16SjdbWl6+Ok/8mDQuiP/5dpF/zPv5GFvdcfZhb2oMQTv+0KSGB/lxRfAEe/WZCCv2KKTvOOGMj8uV/PPDt2DDGzYvlgLrdkyaJ2spKUzUpZyOIfs3ZtfkVmqRDnXy6zPLcesg4yDAFL2vz+2lRwZmSguUOCbNy14Vu2JdmwNb8SyP7N1IIsGywU2hx4Q8NSae/7t0rs+rP+HTfGowPNgUajTaWYyNZ8Roh9g8vWFBJOtJOkqxjP+jN377Da3UlFwa6iaRjEl1tB6MxI65JfKl5jX+2WDqaa4LLSzgs+ZsGtWzPO1EwNK1ib0nRmf8ZPG/WRFjKybUtrfc3qlf0VTEeZ6+Q2Z6WXj3w3IB9mXBchP1AURTX1EIeq7cVaHUChiIzCme9jpukTKwotrtAut06SLseaa1L9joIsQ9c1TXdsT9dVNQyZ2QJH28yhVuAmb5Fl+dCqZKa9tBRcXki8r5yMZ5FvGgibhkVNwAhHzDM9VdXVkOmxUp8YBQciw4KryOr2tukOzuXAk87M0pOKRolDLBJFJqIGN5nDGHifuRp6any6nmppxuQ5YI9+YpgdO7O0/979tzExCCEoihzQkMlsnniaR7TQ0/xmHcY3lkQujo3BAWexWJRXpz/FXltlDje8WWqcDx3DIFAtQgSZCCHGqG3rqhbYjIehqvpvJoAQSkfkVYLrUm/pHA76Sc3Y4fDiAAJO5xxxxzSIrXp+REMbhVj9PDlxCKifJd2lXesNphxEcMMNzOCdJb0o1zlBMFuTGrauTVGi6VTBvhpfqhchbzYVN8GRBO4JmOnuiWl2ctulAQ9xyzJNjijRYbCWZRnEMphaiyjXTI5xTVHdoxObfh6YaCs/r5drc2KYQ0NSXWHIenYqcAg1TIfS6el3546M37Rs/wXltooQeFhzm53e7nRB4MPKLgVFPdEu8UqlwH7y8eO5ckAMy3GM6eNXqtXq7eqx658+XERU14mj1GoYu803bQnO77Mq+SPtWU8Ms1RqvH++5+Oz168eRJZFOHBnz569WKlUqieuVF8dNoKIsHASK9g9AJ5oBTnYAYqCP2zOzPfTHAJve6N+4+HzC6/Knx7vc6av7xsfHwexUrl9rFwuPziOKGd4UsEKeLtFDn5hvG5ClAjjMIBTQQRBdIi6daygjL6JKPCiJWxBOx6amaseRKguNTMexFYMGnRmBPs4SKzLyrpKSZsRSR8sltIGfWdrlGb0HZuxtbRtET3vzLyT5Ro9+86ye/r5/F/fGUXwi9vNcTvwg4JItzsLPQrgdO/Bp88X71VLosi7WU/gGWt5PoDNr2eOPb7bh+Q5eFCsEA+Ynlnvo+Y4DW6DUQ9e7dGGLy8rJTE26WCTSeLJ8DBPH8BSKRo93hfpO340z637Ldl32+12zg6S48jVOVBoxjhpOzrOtWtrD2rzNHiKn00+MzyAvO4x+bfRCLjjD+FRygrHYZEsn32gyyyPaCa3ffv214dLjJiA98zwZN1jCNj8eCxCCubzdngUounhjCymZ75j+2g9qx28NbsWN7V2D6H9mtVbj/teRI5mMm3FDtkPwbLC9XQZ6JK23aP1wK3ZxTV9psfqnv52McH+yIXHOA4ZtDM1PT09dqohS2ftt8iqtwEe4SyPgSexKcL5pSz7jHKlUv/dWxG8Pcd3UwqhpJVZNpB4ZjvU0zmz3prXi7/7GVFy+FniKQI7OvrDBCFqo/icdh4eIXTISdPuIX/3m089cPDWIoTb/PrD93ORhAIPwxSkx6Ojx46d62MAgmy+6I88OTI5vtuAKEZF54kesAs7+lEPHLy2esiXm1dxZ+6X2CSrPhs9Fo1Gr16NXz7+hOH1Q3/2x90KPz7VY1EHEOcByzzh7PTmAIQHjnioZ20eMjTPMTaCZ9DtehQPo5E7d+7fvp2rFwWej/GY59mjntRE8fkUkYhl5QTixHI6Oz3E8ox21Nu8pTaVvf/q7f07Y6lgOBdKX7n/89rw05FccSaLgqXJ/ruO0PS03DpEnf1YLhcViQkPma0fOOqBg4fPzrV1zKWfR6pXKjyflVlWDv28FgsM4FjEYrzITPY/fDsyk1JtU0RwIfuNkD+hkXTpR7m2s6B7O5rMu1AjVRKykoqjzjYajbqKZyAJM/kiH7rTYPm9Uy7U+gs0zW77R72t7fU21riSmK3XGU0WZFWVY3yqHizKBBN50TfZd7ecm87BMw14FKTpnCfJ3JXg4LXXo15CEYcTkqDCy2Ylf4rFHY2AoviiMAyvwXsBrHa5VrcF/+sF4UHr3L8V1NtKvU1bNm/ZWFtXisErKALxBHA491KMcIhWaLLT8brYAkeIP+MC2bWfNc7f9fSvPkOFbCKhaXLW6CfAY2XsXywGz1fwqbngzI2WAazH0kNBrK79CNdRb2Pvgw/EK6sx4uE2SsJKQgwpi2JBlNWZRIs085oWFQ20e7/2s254W4g3tENUEgUFHtrxUj2YLBZTrCxkE6QhXog6s7dFNO96clmxWi7o7Ee8jnEaXG/vl4OqNiwLvqwQywr8QK4eDBaTrJRAymVNUdUbLa+e9dC8tvW2vVgmCBLeP/rRs74NHjh4qzDQSiUlSeiVS4cmAsFQLhxM+ZWEopTLojQDzsg+7759NnjmZaZbP1qPepuoN7RbdFfT09ONxvXrd9IBj2MwHQonHbqHlMZb+ymHZQNp24tliV36wTM4eOAMT/8e+eWGu1IdS8dH4qFwIBDwuCdG0hMeBcFEC8P5k/tahEOgeW1mIGKqWF37tXt0+8DtGVpcrmiaNtEID4BzKJ6x8O0xjxupKFqhkBk++W2fXtCMBRrp2o+OE5zRb2ev7u15fxAek6gPOCTJHRgMJ/3hQY+jSkSNgXfqTWZ8HCYVdcwSu/Zr94xx7uwlXO+X05VqtTrYyOVCoXRoQFYHBiewj263w13QmJOZIxdOnj59MkNIolkN/6cfOOJtotsHb8j2plL1jF2JX4nH04N+wR/4RVj9hDQZx3EcP3Tu1DHoHERREBR4WLktYXRY+RwcVJg+rn8IP5l0WL/JHnYUxD0Gz6N79oTT5R52GPjsUZnIwjaXMp16EINhOygb9EiQIHjr89NnEuZjP3bei/f3+/ttCrbI8243vOywptPquijKogayo+fo6OgOA//b52Ke81ZLS9NrO86DV8uQ0hI3kA7j7eXw6wKNYczTskvtmdSuuS4TIssixJ+zNf10phf0uVwu5Fne3VOP9d3IiKUSn8Y/H55eAhqjeHx83Fe3b6hd7yob67JACSFaXYp9mNG3ayfkBX3gLK/lJA/Xxep7kNGGS/xkmPUlFHAcVsfzwaDCuXdyvo8ZMdAwRGIKlMqqro8uxuspVa3Vbnbcse+D57H64P09z4cYaBY3JqgowPhTblyZnIzs5Mbdb+qxsmBogkkNgpHqxcV5HSAjey7oc3nuO51O5DXX14Zxgns6tZ3K4gGWmns74XwJXNYIFurjMl0vq4YmmwJASZIAxvSUJKmiWrt5Qd+5HuMyqjacHeaCzVvCtvcusrAAbiAHsF1424vAZZNSIqpqSn+/OCrhsMQO+/3dP8/D9ayrspqFZ8WxOi6YnI6Cg6co40Nb/YOmsU4bgmCIIhup9zUpjhSLxdXV1Wu2fcec5d1teuAkTSZalo0TGOM4fmW6EE2mGZdIKIpvyxuoCobcMOHhWaj6yGL128ylS7P5/OxV2z6PE+cf70kdi6BkKbK2FlGQh89+tFKIYprHfSww2BrYNakWOmQeIUTSvYGZWCyWj3d+umr7/jwecGfneR3rE/El++FkMryW4H5z+wuVyjS4dISBORSO73sHe7sFQg5Ng1AqCEQf/VyNv8jn43t52z5wZz2ch1O3JTajRpSdhZWVaKVSAJcMo48FJuCt9A++2u1bJv6GQUOhkECllLcc74zj5G374J17Xx6l2Izkjc2JifJBBafAvB9JBFqe8qV/0NHr9xP/oUGFkCBQWY9vXr7n2IN3xb7Pc07f98eZlCrTkCzPzY2NPSsX2JkGCC9teZOt3oDjebd/pG+Xwgsxb/ZgY97hgHjFvs8aKLhTcOqXrqnSCPnDmN2DPg2EYQAfCoqCgqKIg6i7OIgSsiSYRTDgBSHtkq/mICnBgNeELH8ziIUGsplBm1ILfhSHDJ1soIOlKNjSChYcBMd2cRJUnETfa5vJgD5Ll9BfnvcuTdvcC++G67VFyASmufdoweeQpxPfE/kaeKE7g3lCv7svzeqdMcMwmw14lCvvty+48yC3boSz5cNHSfr43iwhrp2T9APUA29bcMfNJUkUbR28xLWoB5f9k7T6TBIZhucLr3R/FusH2XpfrjvThoAfhu0Q3shyZRunePWGcuC93/XzIkEUuRyTJNFxOJtR72HoP4sBpB7NP/rtvVtffpi1YHRQT8M2noWpsq7LObEmAIIH4Hz+/Pkqov1UhNMk1NGMzML74CXS5I4kAnii9Pc7eMWGKQZ69cb3L1+DJXwqBf60nRAMq4fXssMpJF8V4IP3qwZsFteG5QtD4iJCCBRM3t4VVz89OtH/8ih4+/vHXjzevB696wTMlElTyyIWXgsDmUMETSAv3s/v8KKmqq7rIoWExLJzOAgmmiR3+W8/J5LnsX97FLy49woQ+n35/U0b9Xtjf/OqMtpMnTa2FEtBuTcYOII7VFXNdTXDbgp1p85hi54PauqWZc1mIXgG9QTPO116PZyiXlFwC37/tTKD4NWr/vhgjPu/NxmrtxVs4jyPB1k2kGmcAcSJdXoeCsaK3hxiBQqGy+SuVqeeCF7Z/4Mn916xZT5d+1oxzX7sefGCz6Jurzdu2JyOsYXy3HWywTZ1j9ORoqAa12TtHCE3VhEcQr2kVp8/o97R0uvhTKtVgBDQzM+V0ahvCLLs5uLU74mbKDJEDSkUXNezOsvV2tCrzbEwT1n2mkNd51hVR9gineUyaft37sSSdP5sab8jLchevHzpa+VD93W3D+kaseG6UtaIpPGBb4iMTkyE8rVXdQSWFWTHAYxGEGTWNVitBoWttLNMsD+Zz5/FJw6XeJDjrV1uwrem0TG4d/UYvtvvdgGMuUU1qx74USZojKwRgkC0q9PpdODUdxq8CCI35BlOHeZYCTrL0BInC2mx2I2zZAF3HJS8UvmsmJVKpc8LzGutZ8RebHtZVYyixgGrGg5jphghjFyvOoDs+gksSDrDGJpWa+Mg6HQIM4kjSYJxQkqejRXeoSDsBOCNRiNVkBiD52HPxNVs7DeiRsSrnC/jVMFAIt21BWdHik1OUzlx6+nYDDppaqwmgnTuL60gL3xstT62Dh1aLivdngY3rj/t2j1r20AcBvDB0FKDh1A8lFIKffkM5pYT3HqDtei0SDqdC5UQ9VBFZNEHkMBjlyameBB08qApJXhwKBQ6uIMLndqxhYYunbIV+tz1TCc3MYEu7WPH8ZL8eP46HQk+gLO44LGDRcrceb1I67osaEtV5h/hzh9i4cjP42QfNyCiGMHuFUehLzvGW75fTdxt40TBDzrX3rzlahJNp5HDXwAcFwvjMVuwZNRPvIwMnx49DR4NK+m32F0SZ0I4504ca2+GO+ng6Gi2YvWWehBRUHPfzrNodHhwMBodzxy+rHxauLZgMUhFXQoswdxTGZEQHwePqkpK3299fEU0iqJwOq0CeAdPZ/tu0d3mQdQFvzeTw2e4fMcmPb4ctlFRAGQsnfNCoKCbhD7JjIitZIS56pYm2OPA+dZ7tNhaz+5pP669On8DDvUgfvx4fE58gMJ14KnXYiFQsOQGZMRjyRh3d6DT6QxRFGI7xTiNFzz+Iuzi3PZ56o8fh2/eHWrvrfaQ88EMm1XKCWOsnLu1EKKssfRlnhGaE0JyivVRVUPEmNgihoH1XuxZbesnnN+fgwMIT3OfPn3qDYZS7qcD5jHxuihQME1ZEka+kxF/nCOU0nGoA3gmq2EnMP1GQXBTa3hu6Yc8APfW5Bja2dnJydkq7vihcDE9zwwUBQuCddHSjEk5pkmSaBHB2zxJsD4rrM8RvD8fMTDgfYsZDRzi+JXkJUHBzUAFi0NK2yjLwqEMx5QaEt9yguRJWwXwOjdMve3cBvyK6G4mT06auJK0dLnHMjNQkaYuifDrQ6peMn8j4mm8PE9C2cESunG5AxsP19MXvRNosH5ltaxakXLX8+apm8IrC+ZQc2vHKstl5f+aZW44eBEm2rluue2abdi9u1gsTs8A2TTxTLI595RnBppioC4Bp8XI8TxaSYz3t6eX7O0Lrp0lTW7tLYr6FO0sh4IYKGPK0wNN4ZUFti7HJI4cxULpR/CITR52jXYxuKl4r64bQE/W6/UT/JcS+61QXCk1L4sUKWs2gGXFmCsWAYTHufb6ptylNMMZcR+Q9tZNc+osWyWI0gMthPZS86f6AMELqjLFcTEHhDNO+nZTsdzFphX7vaYBh9dm8qXlJTwlXmNDg1cWADcxqutySp3BXtd2s9rlSJtb3f7NXq/XnK4GUVwyV2Wbgc6Fyy24Ee/e2ev/xvDY7QzmFWKsv3eCENruoO25u2WpnTXbctfHFWJ/eDcIb66g7rrM/soZ5f/5Z/ITza9Fc325TL8AAAAASUVORK5CYII=) no-repeat 50%;
background-size: contain
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink .link-content .icon {
width: 8em;
height: 8em;
margin: -3em 1em 0 0;
display: inline-block;
vertical-align: middle
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink .link-content .text {
display: inline-block;
margin-top: .5em
}
}
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink .link-content .text h2 {
max-width: 5em;
margin: 0 auto
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink .link-content .text h2 {
max-width: 100%;
font-size: 2em
}
}
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink .link-content .text h2 span {
text-transform: none
}
.wrapper .detail-header-container.tier-0 .battleRoyale-content .mobileLink .link-content .text h4 {
margin: .2em 0
}
.wrapper .detail-header-container.tier-0 .battleRoyale-content .br-title {
position: absolute;
bottom: 10em;
left: 0;
right: 0
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-0 .battleRoyale-content .br-title {
text-align: center;
left: 0;
right: 0;
bottom: 1.5em
}
}
.wrapper .detail-header-container.tier-0 .battleRoyale-content .br-title h1 {
font-size: 5em;
margin: 0;
color: #fff;
text-shadow: 0 0 14px rgba(0, 0, 0, .5)
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container.tier-0 .battleRoyale-content .br-title h1 {
font-size: 4em
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-0 .battleRoyale-content .br-title h1 {
font-size: 2em
}
}
.wrapper .detail-header-container.tier-0 .battleRoyale-content .br-title .br-play-now-container {
padding: 0 1em
}
.wrapper .detail-header-container.tier-0 .battleRoyale-content .br-title .br-play-now-container .download-button {
font-size: 2.5em
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-0 .battleRoyale-content .br-title .br-play-now-container .download-button {
padding: 0 1em
}
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container.tier-0 {
padding: 0;
min-height: 30em
}
.wrapper .detail-header-container.tier-0 .detail-wrapper {
height: 30em
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-0 {
min-height: 22em
}
.wrapper .detail-header-container.tier-0 .detail-wrapper {
height: 22em
}
}
.wrapper .detail-header-container.tier-1 {
background-image: -webkit-linear-gradient(top, #cacad8, #adb8cd);
background-image: -o-linear-gradient(top, #cacad8 0, #adb8cd 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#cacad8), to(#adb8cd));
background-image: linear-gradient(180deg, #cacad8 0, #adb8cd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 202, 202, 0.84706)", endColorstr="rgba(255, 173, 184, 0.80392)", GradientType=0)
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-1 {
background: #c9cad8
}
}
.wrapper .detail-header-container.tier-1 .detail-standard {
display: block
}
.wrapper .detail-header-container.tier-1 .detail-header-title {
right: 5%;
top: 10%
}
.wrapper .detail-header-container.tier-1 .detail-header-title h1 {
font-size: 18em;
font-size: 18vmax;
line-height: 1
}
@media screen and (max-width:1430px) {
.wrapper .detail-header-container.tier-1 .detail-header-title h1 {
font-size: 16em;
font-size: 16vmax
}
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container.tier-1 .detail-header-title {
top: 50%;
right: 8%
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-1 .detail-header-title {
position: relative;
right: 0;
left: 0;
top: 0;
text-align: center
}
.wrapper .detail-header-container.tier-1 .detail-header-title h1 {
font-size: 2em;
color: #fff;
opacity: 1;
margin: 0;
padding: .25em 0 0;
background: #8e90ad
}
}
.wrapper .detail-header-container.tier-1 .detail-header-pricing {
background-color: #c9cad8
}
.wrapper .detail-header-container.tier-1 .detail-header-pricing h1.pack-title {
color: #8e90ad
}
.wrapper .detail-header-container.tier-2 {
background-image: -webkit-linear-gradient(top, #1ac3ff, #2893cd);
background-image: -o-linear-gradient(top, #1ac3ff 0, #2893cd 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#1ac3ff), to(#2893cd));
background-image: linear-gradient(180deg, #1ac3ff 0, #2893cd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgb(255, 26, 195)", endColorstr="rgba(255, 40, 147, 0.80392)", GradientType=0)
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container.tier-2 {
background: #1ac2fe
}
}
.wrapper .detail-header-container.tier-2 .detail-starter-heroes {
display: block;
width: 78vw;
height: 90%;
right: 0;
bottom: 0;
background: url(0454cf0f0fe41ce10b6d6e69159908fb.png) no-repeat 0 0;
background-size: contain
}
@media screen and (max-width:2223px) {
.wrapper .detail-header-container.tier-2 .detail-starter-heroes {
width: 73vw;
height: 80%
}
}
@media screen and (max-width:1375px) {
.wrapper .detail-header-container.tier-2 .detail-starter-heroes {
width: 68vw;
background-size: cover;
height: 90%
}
}
@media screen and (max-width:1160px) {
.wrapper .detail-header-container.tier-2 .detail-starter-heroes {
width: 59vw
}
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container.tier-2 .detail-starter-heroes {
width: 45vw
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-2 .detail-starter-heroes {
background: url(79472a126cb2787e2ab56a03480e7456.jpg) no-repeat bottom;
background-size: contain;
right: 0;
max-width: 35em;
width: 100%;
height: 50vh
}
}
@media only screen and (max-width:568px) and (orientation:landscape) {
.wrapper .detail-header-container.tier-2 .detail-starter-heroes {
height: 20em
}
}
.wrapper .detail-header-container.tier-2 .detail-header-title {
right: 5%;
top: 10%
}
.wrapper .detail-header-container.tier-2 .detail-header-title h1 {
font-size: 26em;
font-size: 26vmax
}
@media screen and (max-width:1430px) {
.wrapper .detail-header-container.tier-2 .detail-header-title h1 {
font-size: 22em;
font-size: 20vmax
}
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container.tier-2 .detail-header-title {
top: 50%
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-2 .detail-header-title {
position: relative;
right: 0;
left: 0;
top: 0;
text-align: center
}
.wrapper .detail-header-container.tier-2 .detail-header-title h1 {
font-size: 2em;
color: #fff;
opacity: 1;
margin: 0;
padding: .25em 0 0;
background: #0183b1
}
}
.wrapper .detail-header-container.tier-2 .detail-header-pricing {
background-color: #1ac2fe
}
.wrapper .detail-header-container.tier-2 .detail-header-pricing .pack-buy-button h3.value,
.wrapper .detail-header-container.tier-2 .detail-header-pricing h1.pack-title {
color: #0183b1
}
.wrapper .detail-header-container.tier-3 {
background-image: -webkit-linear-gradient(top, #b93df3, #802abf);
background-image: -o-linear-gradient(top, #b93df3 0, #802abf 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#b93df3), to(#802abf));
background-image: linear-gradient(180deg, #b93df3 0, #802abf);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 185, 61, 0.95294)", endColorstr="rgba(255, 128, 42, 0.74902)", GradientType=0)
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container.tier-3 {
background: #b83df2
}
}
.wrapper .detail-header-container.tier-3 .detail-defenders {
right: 28%;
bottom: -30%;
display: block;
background: url(5cccac01ba28c81780ca712c2bb4d5b2.png) no-repeat top;
background-size: contain;
width: 42vw;
height: 94vh;
z-index: 1
}
@media screen and (min-width:1650px) {
.wrapper .detail-header-container.tier-3 .detail-defenders {
right: 35%
}
}
@media only screen and (max-width:1199px) {
.wrapper .detail-header-container.tier-3 .detail-defenders {
right: 8%;
width: 35em;
bottom: -40%
}
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container.tier-3 .detail-defenders {
background-position: 100% 100% !important;
margin: 0;
width: 20em;
right: 12%;
bottom: -48%
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-3 .detail-defenders {
background: url(766cdb0b3bf3cdfa0ba9df7326bb8371.jpg) no-repeat bottom;
background-size: contain;
right: 0;
max-width: 35em;
width: 100%;
height: 50vh
}
}
@media only screen and (max-width:568px) and (orientation:landscape) {
.wrapper .detail-header-container.tier-3 .detail-defenders {
height: 20em
}
}
.wrapper .detail-header-container.tier-3 .detail-starter-heroes {
display: block;
right: 0;
bottom: 24%;
width: 100%;
height: 100%;
background: url(21a2eeae6c4553b2a3d30ff64afde145.png) no-repeat top;
background-size: contain;
max-width: 36vw;
max-height: 36vh
}
@media only screen and (max-width:1199px) {
.wrapper .detail-header-container.tier-3 .detail-starter-heroes {
display: none
}
}
.wrapper .detail-header-container.tier-3 .detail-trollLlamas {
bottom: 0;
width: 29em;
display: none
}
.wrapper .detail-header-container.tier-3 .detail-header-title {
right: 13%;
top: 10%
}
.wrapper .detail-header-container.tier-3 .detail-header-title h1 {
font-size: 26em;
font-size: 26vmax
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-3 .detail-header-title {
position: relative;
right: 0;
left: 0;
top: 0;
text-align: center
}
.wrapper .detail-header-container.tier-3 .detail-header-title h1 {
font-size: 2em;
color: #fff;
opacity: 1;
margin: 0;
padding: .25em 0 0;
background: #840dbc
}
}
.wrapper .detail-header-container.tier-3 .detail-header-pricing {
background-color: #b83df2
}
.wrapper .detail-header-container.tier-3 .detail-header-pricing .pack-buy-button h3.value,
.wrapper .detail-header-container.tier-3 .detail-header-pricing h1.pack-title {
color: #840dbc
}
.wrapper .detail-header-container.tier-4 {
background-image: -webkit-linear-gradient(top, #de964e, #e57d58);
background-image: -o-linear-gradient(top, #de964e 0, #e57d58 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#de964e), to(#e57d58));
background-image: linear-gradient(180deg, #de964e 0, #e57d58);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 222, 150, 0.30588)", endColorstr="rgba(255, 229, 125, 0.3451)", GradientType=0)
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container.tier-4 {
background: #eb9257
}
}
.wrapper .detail-header-container.tier-4 .detail-defenders {
right: 22%;
display: block;
background: url(3e6b25979ab88740333dc70965ef614a.png) no-repeat top;
background-size: cover;
width: 45em;
height: 70vh
}
@media screen and (min-width:1750px) {
.wrapper .detail-header-container.tier-4 .detail-defenders {
right: 35%
}
}
@media screen and (max-width:1430px) {
.wrapper .detail-header-container.tier-4 .detail-defenders {
right: 17%
}
}
@media only screen and (max-width:1199px) {
.wrapper .detail-header-container.tier-4 .detail-defenders {
right: 0;
width: 35em
}
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container.tier-4 .detail-defenders {
width: 20em;
height: 20em
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-4 .detail-defenders {
background: url(9d055f867c62e0fd022aa99ab9823d18.jpg) no-repeat bottom;
background-size: contain;
max-width: 35em;
width: 100%;
height: 50vh
}
}
@media only screen and (max-width:568px) and (orientation:landscape) {
.wrapper .detail-header-container.tier-4 .detail-defenders {
height: 20em
}
}
.wrapper .detail-header-container.tier-4 .detail-starter-heroes {
display: block;
right: 0;
bottom: 37%;
width: 100%;
height: 100%;
background: url(a4d4b4ee014e8eb9ce52950cd439b2c8.png) no-repeat top;
background-size: contain;
max-width: 36vw;
max-height: 32vh
}
@media only screen and (min-width:1200px) {
.wrapper .detail-header-container.tier-4 .detail-starter-heroes {
bottom: 35%
}
}
@media only screen and (max-width:1199px) {
.wrapper .detail-header-container.tier-4 .detail-starter-heroes {
display: none
}
}
.wrapper .detail-header-container.tier-4 .detail-trollLlamas {
display: block
}
@media only screen and (max-width:1199px) {
.wrapper .detail-header-container.tier-4 .detail-trollLlamas {
display: none
}
}
.wrapper .detail-header-container.tier-4 .detail-trollLlamas .trollLlamas {
background: url(5cccac01ba28c81780ca712c2bb4d5b2.png) no-repeat top;
background-size: contain;
height: 16em;
width: 100%
}
.wrapper .detail-header-container.tier-4 .detail-header-title {
right: 0;
top: 10%
}
.wrapper .detail-header-container.tier-4 .detail-header-title h1 {
font-size: 24em;
font-size: 24vmax;
line-height: 1
}
@media screen and (max-width:1430px) {
.wrapper .detail-header-container.tier-4 .detail-header-title h1 {
font-size: 22em;
font-size: 20vmax
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container.tier-4 .detail-header-title {
position: relative;
right: 0;
left: 0;
top: 0;
text-align: center
}
.wrapper .detail-header-container.tier-4 .detail-header-title h1 {
font-size: 2em;
color: #fff;
opacity: 1;
margin: 0;
padding: .25em 0 0;
background: #c55c17
}
}
.wrapper .detail-header-container.tier-4 .detail-header-pricing {
background-color: #eb9257
}
.wrapper .detail-header-container.tier-4 .detail-header-pricing .pack-buy-button h3.value,
.wrapper .detail-header-container.tier-4 .detail-header-pricing h1.pack-title {
color: #c55c17
}
.wrapper .detail-header-container .battleRoyale {
text-align: center;
z-index: 7;
position: absolute;
top: 6%;
right: 15%
}
.wrapper .detail-header-container .battleRoyale h2 {
color: #fff;
margin: 0
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container .battleRoyale {
right: 2%
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container .battleRoyale {
top: 2em;
left: .5em;
right: auto;
margin: 0 auto
}
}
.wrapper .detail-header-container .battleRoyale .BR-Image {
width: 17em;
height: 5em;
background: url(d8e266c224a80107d9e5e237c2d649a4.png) no-repeat 50%;
background-size: contain;
-webkit-box-shadow: 0 5px 17px -8px rgba(0, 0, 0, .5);
box-shadow: 0 5px 17px -8px rgba(0, 0, 0, .5);
margin: 0 auto
}
@media only screen and (max-width:991px) {
.wrapper .detail-header-container .battleRoyale .BR-Image {
width: 10em;
height: 3em
}
}
@media only screen and (max-width:767px) {
.wrapper .detail-header-container .battleRoyale .BR-Image {
width: 7em;
height: 2em
}
}
@media screen and (max-height:768px) and (orientation:landscape) {
body[data-tablet=true] .detail-header-container .detail-header-pricing .extraContent {
display: block
}
}
body.ru .wrapper .detail-header-container .detail-pricing-title .discount {
margin: .6em 0
}
@media only screen and (max-width:991px) {
body.ru .wrapper .detail-header-container .detail-pricing-title .discount {
margin-top: 1em;
padding-top: 0;
font-size: 2em
}
}
body.ru .wrapper .detail-header-container .detail-pricing-title .price {
font-size: 2.5em;
margin: .8em 0
}
@media only screen and (max-width:991px) {
body.ru .wrapper .detail-header-container .detail-pricing-title .price {
margin-top: 1em;
font-size: 2em
}
}
body.ru .wrapper .detail-header-container .battleRoyale-content .br-logo {
background: url(2963dd848cf097cb4ff813be04107e83.png) no-repeat 50%;
background-size: contain
}
body.ru .wrapper .detail-header-container .battleRoyale .BR-Image {
background: url(8b33a8b3d4d556d74d2b260a3d06529e.png) no-repeat 50%;
background-size: contain;
width: 17em;
height: 3.5em
}
@media only screen and (max-width:991px) {
body.ru .wrapper .detail-header-container .battleRoyale .BR-Image {
width: 10em;
height: 2.2em
}
}
@media only screen and (max-width:767px) {
body.ru .wrapper .detail-header-container .battleRoyale .BR-Image {
width: 8em;
height: 1.5em
}
}
body.it .wrapper .detail-header-container .battleRoyale-content .br-logo {
background: url(0deb620f2bfd0765b306508b8a01719f.png) no-repeat 50%;
background-size: contain
}
body.it .wrapper .detail-header-container .battleRoyale .BR-Image {
background: url(c0e214a4e73d09da0fd7c6b4997d7518.png) no-repeat 50%;
background-size: contain;
height: 4.5em
}
@media only screen and (max-width:991px) {
body.it .wrapper .detail-header-container .battleRoyale .BR-Image {
height: 2.5em
}
}
@media only screen and (max-width:767px) {
body.it .wrapper .detail-header-container .battleRoyale .BR-Image {
height: 2em
}
}
body.ko .wrapper .detail-header-container .battleRoyale-content .br-logo {
background: url(f0df95c21420130c4aa3d8e238cbf3ff.png) no-repeat 50%;
background-size: contain
}
body.zh .wrapper .detail-header-container .battleRoyale-content .br-title,
body.zh_HK .wrapper .detail-header-container .battleRoyale-content .br-title {
text-align: center
}
body.zh .wrapper .detail-header-container .battleRoyale-content .br-title h1,
body.zh_HK .wrapper .detail-header-container .battleRoyale-content .br-title h1 {
font-size: 4em;
font-weight: 800
}
@media only screen and (max-width:991px) {
body.zh .wrapper .detail-header-container .battleRoyale-content .br-title h1,
body.zh_HK .wrapper .detail-header-container .battleRoyale-content .br-title h1 {
font-size: 2em
}
}
body.zh .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn,
body.zh_HK .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn {
font-weight: 800;
padding: .2em 2.5em
}
body.zh .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn:after,
body.zh_HK .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn:after {
height: 2.5em
}
body.zh .wrapper .detail-header-container .detail-header-pricing .discount,
body.zh .wrapper .detail-header-container .detail-header-pricing .price,
body.zh .wrapper .detail-header-container .detail-header-pricing .value,
body.zh_HK .wrapper .detail-header-container .detail-header-pricing .discount,
body.zh_HK .wrapper .detail-header-container .detail-header-pricing .price,
body.zh_HK .wrapper .detail-header-container .detail-header-pricing .value {
display: none
}
@media only screen and (max-width:767px) {
body.de .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn,
body.es_ES .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn,
body.es_MX .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn,
body.fr .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn,
body.it .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn,
body.ko .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn,
body.pl .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn,
body.pt_BR .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn,
body.ru .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn,
body.tr .wrapper .detail-header-container .battleRoyale-content .br-title .br-play-now-container .btn {
font-size: 1.5em
}
}
body.ja .wrapper .detail-header-container .battleRoyale-content .mobileLink .link-content .text h2 {
font-size: 1.2em
}
body.ja .wrapper .detail-header-container .battleRoyale-content .mobileLink .link-content .text h4 {
font-size: 1em
}
@media only screen and (max-width:767px) {
body.ja .wrapper .detail-header-container .battleRoyale-content .mobileLink .link-content .text h2 {
font-size: 1.2em
}
}
body.ja .wrapper .detail-header-container .detail-header-pricing .detail-pricing-title h2.price {
font-size: 2em;
margin-bottom: .8em
}
body.ja .wrapper .detail-header-container .detail-trollLlamas h3 {
font-size: 1.5em
}
body.ja .wrapper .detail-header-container .detail-header-title h1 {
font-size: 14em
}
@media only screen and (max-width:1399px) {
body.ja .wrapper .detail-header-container .detail-header-title h1 {
font-size: 10em
}
}
@media only screen and (max-width:991px) {
body.ja .wrapper .detail-header-container .detail-header-title h1 {
font-size: 7em
}
}
@media only screen and (max-width:767px) {
body.ja .wrapper .detail-header-container .detail-header-title h1 {
font-size: 2em
}
}
.wrapper .offer-detail-container.tier-4 .weapon-section {
padding-top: 5em
}
.wrapper .weapon-section {
padding-top: 8em
}
@media only screen and (max-width:1199px) {
.wrapper .weapon-section {
padding-top: 8em
}
}
@media only screen and (max-width:991px) {
.wrapper .weapon-section {
padding-top: 2em
}
}
.wrapper .weapon-section .weapon {
background: url(data:image/jpeg;base64,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) repeat 0 0;
background-size: 6em auto;
width: 100%;
height: 22em;
margin: 1em 0;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
@media only screen and (max-width:767px) {
.wrapper .weapon-section .weapon {
height: 12em
}
}
.wrapper .weapon-section .weapon:hover .image {
-webkit-transform: matrix3d(1, .03, 0, -.0004, -.03, 1, .05, 0, 0, -.05, 1, 0, -5, 0, 20, 1);
transform: matrix3d(1, .03, 0, -.0004, -.03, 1, .05, 0, 0, -.05, 1, 0, -5, 0, 20, 1)
}
.wrapper .weapon-section .weapon .highlight {
background: -webkit-radial-gradient(center, ellipse, hsla(0, 0%, 100%, .8) 0, hsla(0, 0%, 100%, 0) 80%);
background: -o-radial-gradient(center, ellipse, hsla(0, 0%, 100%, .8) 0, hsla(0, 0%, 100%, 0) 80%);
background: radial-gradient(ellipse at center, hsla(0, 0%, 100%, .8) 0, hsla(0, 0%, 100%, 0) 80%);
width: 50%;
min-height: 100%;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0
}
.wrapper .weapon-section .weapon .image {
width: 90%;
min-height: 100%;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
background-size: contain !important;
-webkit-transform-origin: center center 0;
-ms-transform-origin: center center 0;
transform-origin: center center 0;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out
}
.wrapper .weapon-section .weapon .image.Breacher {
background: url(668053c3d6076f58c22871b3c81aa65b.png) no-repeat 50%
}
.wrapper .weapon-section .weapon .image.RetractableFloorSpikes {
background: url(db58d90d4b8c7c5adbe4ee9a0c0b0b99.png) no-repeat 50%;
width: 60%
}
.wrapper .weapon-section .weapon .image.NinjaSword {
background: url(6b5f930768438f3ca263fc5508a49a40.png) no-repeat 50%
}
.wrapper .weapon-section .weapon .image.ScopedBullseye {
background: url(3b6c67728366901c993fe0c5fee69e67.png) no-repeat 50%
}
.wrapper .weapon-section .weapon .image.Crusader {
background: url(06efa9fc05c2afb60dfe411f83930837.png) no-repeat 50%
}
.wrapper .weapon-section .weapon .title {
position: absolute;
bottom: .75em;
right: 1em;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.wrapper .weapon-section .weapon .title h4 {
color: #0a89ba;
margin: 0;
text-align: right
}
.wrapper .weapon-section .weapon .title .pre-formatted {
white-space: pre
}
.wrapper .slick-slider .slick-dots {
margin-left: -1em;
position: absolute;
bottom: 1em;
left: 0;
right: 0
}
.wrapper .slick-slider .slick-dots li {
display: inline-block;
background: transparent;
width: 1em;
height: 1em;
border: 1px solid #fff;
border-radius: 50%;
margin-right: .5em;
overflow: hidden;
-webkit-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out;
transition: background .2s ease-in-out
}
.wrapper .slick-slider .slick-dots li button {
opacity: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%
}
.wrapper .slick-slider .slick-dots li.slick-active {
background: #fff
}
@media only screen and (max-width:767px) {
.wrapper .slick-slider .slick-dots {
margin-left: -2.5em;
position: relative;
bottom: 0
}
.wrapper .slick-slider .slick-dots li {
border-color: #d3d3d3
}
.wrapper .slick-slider .slick-dots li.slick-active {
border-color: #1db8f3;
background-color: #1db8f3
}
}
.wrapper .starter-hero {
max-width: 100%;
padding-bottom: 6em
}
@media only screen and (max-width:1199px) {
.wrapper .starter-hero {
padding-bottom: 2em
}
}
.wrapper .starter-hero h3 {
margin-bottom: .5em
}
.wrapper .starter-hero p {
max-width: 30em;
margin: 0 auto
}
.wrapper .starter-hero .hero-container {
max-width: 112em;
height: 45em;
margin: 2em auto;
position: relative
}
@media only screen and (max-width:991px) {
.wrapper .starter-hero .hero-container {
height: 23em
}
}
@media only screen and (max-width:767px) {
.wrapper .starter-hero .hero-container {
height: 13em;
margin: 1em auto
}
}
.wrapper .starter-hero .hero-container .bk-gradient {
position: absolute;
top: 1em;
left: 0;
width: 100%;
height: 70%;
background: #a8e2fa;
background: -webkit-gradient(linear, left top, right top, from(#fff), to(#a8e2fa));
background: -webkit-linear-gradient(left, #fff, #a8e2fa);
background: -o-linear-gradient(left, #fff 0, #a8e2fa 100%);
background: linear-gradient(90deg, #fff 0, #a8e2fa);
-webkit-clip-path: polygon(0 10%, 100% 0, 98% 100%, 2% 100%);
clip-path: polygon(0 10%, 100% 0, 98% 100%, 2% 100%);
margin: 3em auto 0
}
@media only screen and (max-width:767px) {
.wrapper .starter-hero .hero-container .bk-gradient {
top: 0
}
}
.wrapper .starter-hero .hero-container .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50em
}
@media only screen and (max-width:1199px) {
.wrapper .starter-hero .hero-container .image {
height: 42em
}
}
@media only screen and (max-width:991px) {
.wrapper .starter-hero .hero-container .image {
height: 23em
}
}
@media only screen and (max-width:767px) {
.wrapper .starter-hero .hero-container .image {
height: 13em
}
}
.wrapper .starter-hero .hero-container .image.heroes {
background: url(0454cf0f0fe41ce10b6d6e69159908fb.png) no-repeat 50%;
background-size: contain
}
@media only screen and (max-width:767px) {
.wrapper .starter-hero .hero-container .image.heroes {
background-size: cover
}
}
.zh .starter-hero p,
.zh_HK .starter-hero p {
max-width: 35em
}
.wrapper .defenders {
position: relative;
min-height: 50em;
background: url(6710b9db5864aacfb3f5eaa860396fac.jpg) no-repeat top;
background-size: cover;
max-width: 100%
}
@media only screen and (max-width:767px) {
.wrapper .defenders {
min-height: 28em
}
}
.wrapper .defenders .defenders-content {
max-width: 112em
}
.wrapper .defenders .defenders-content .content {
max-width: 26em
}
@media only screen and (max-width:767px) {
.wrapper .defenders .defenders-content .content {
max-width: 15em;
text-align: left
}
}
.wrapper .defenders .defenders-content h2,
.wrapper .defenders .defenders-content p {
color: #fff
}
.wrapper .defenders .defenders-content p {
max-width: 26em
}
.wrapper .defenders .defender-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
.wrapper .defenders .defender-container .platform {
position: absolute;
bottom: 0;
right: 0;
background: url(681b7a56f49dcb44e446c73eb73e092b.png) no-repeat top;
background-size: cover;
width: 80em;
height: 13em;
margin: 0 auto
}
@media only screen and (max-width:991px) {
.wrapper .defenders .defender-container .platform {
width: 100%;
height: 10em
}
}
@media only screen and (max-width:767px) {
.wrapper .defenders .defender-container .platform {
width: 70%;
height: 4em;
right: -4em
}
}
.wrapper .defenders .defender-container .defender {
position: absolute;
bottom: 0;
right: 30%;
background: url(12f44c70e51f3a78d185839922f68b84.png) no-repeat top;
background-size: cover;
width: 28em;
height: 95%;
margin: 0 auto
}
@media screen and (max-width:1340px) {
.wrapper .defenders .defender-container .defender {
right: 20%
}
}
@media only screen and (max-width:1199px) {
.wrapper .defenders .defender-container .defender {
right: 0
}
}
@media only screen and (max-width:991px) {
.wrapper .defenders .defender-container .defender {
height: 80%
}
}
@media only screen and (max-width:767px) {
.wrapper .defenders .defender-container .defender {
width: 10em;
height: 60%;
right: -2em
}
}
@media only screen and (max-width:768px) and (orientation:landscape) {
.wrapper .defenders .defender-container .defender {
height: 90%;
right: 2em;
width: 14em
}
}
.wrapper .pinata {
position: relative;
background: #000;
max-width: 100%;
min-height: 75vh;
text-align: left
}
@media only screen and (max-width:1199px) {
.wrapper .pinata {
min-height: 35em
}
}
.wrapper .pinata.tier-1 {
margin-top: 8em
}
@media only screen and (max-width:991px) {
.wrapper .pinata.tier-1 {
margin-top: 4em
}
}
.wrapper .pinata .pinata-content {
max-width: 86em;
position: relative;
z-index: 1;
margin-top: 5em;
padding: 0 1em
}
@media screen and (max-height:800px) {
.wrapper .pinata .pinata-content {
margin-top: 2em
}
}
@media only screen and (max-width:1199px) {
.wrapper .pinata .pinata-content {
margin-top: 3em
}
}
.wrapper .pinata .pinata-content h1 {
font-size: 10em;
color: #fff;
margin: 0;
line-height: 1
}
.wrapper .pinata .pinata-content h1 span.sub {
display: block;
font-size: .4em
}
.wrapper .pinata .pinata-content table.pinata-table {
margin-top: 1em;
color: #fff;
font-size: .875em
}
.wrapper .pinata .pinata-content table.pinata-table td {
padding-bottom: 1em;
padding-right: 1em
}
.wrapper .pinata .pinata-content table.pinata-table td.value {
font-weight: 800;
text-align: right
}
.wrapper .pinata .pinata-content table.pinata-table td:last-child {
padding: 0 0 1em 2em
}
.ja .pinata .pinata-content h1 {
font-size: 10em
}
@media only screen and (max-width:991px) {
.ja .pinata .pinata-content h1 {
font-size: 6em
}
}
.wrapper .exclusive-hero {
max-width: 100%;
position: relative;
padding-top: 5em;
padding-bottom: 5em;
background-image: -webkit-linear-gradient(top, #fff 50%, #f2f2f2);
background-image: -o-linear-gradient(top, #fff 50%, #f2f2f2 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#f2f2f2));
background-image: linear-gradient(180deg, #fff 50%, #f2f2f2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgb(255, 255, 255)", endColorstr="rgba(255, 242, 242, 0.94902)", GradientType=0)
}
@media only screen and (max-width:991px) {
.wrapper .exclusive-hero {
padding-bottom: 3em
}
}
.wrapper .exclusive-hero h3 {
margin-bottom: .5em
}
.wrapper .exclusive-hero p {
max-width: 35em;
margin: 0 auto 1em
}
.wrapper .exclusive-hero .hero-container {
width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
padding: 1em 0 3em
}
@media only screen and (max-width:991px) {
.wrapper .exclusive-hero .hero-container {
padding: 0 0 3em
}
}
.wrapper .exclusive-hero .hero-container .bk-gradient {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
max-width: 30em;
height: 100%;
background-image: -webkit-linear-gradient(top, #a8e2fa, #fff 70%);
background-image: -o-linear-gradient(top, #a8e2fa 0, #fff 70%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#a8e2fa), color-stop(70%, #fff));
background-image: linear-gradient(180deg, #a8e2fa 0, #fff 70%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 168, 226, 0.98039)", endColorstr="rgb(255, 255, 255)", GradientType=0);
-webkit-clip-path: polygon(0 10%, 100% 5%, 93% 100%, 6% 100%);
clip-path: polygon(0 10%, 100% 5%, 93% 100%, 6% 100%);
margin: 0 auto
}
.wrapper .exclusive-hero .hero-container .hero-slide {
position: relative
}
@media screen and (max-width:1800px) {
.wrapper .exclusive-hero .hero-container .hero-slide {
max-width: 67em;
margin: 0 auto
}
}
@media only screen and (max-width:767px) {
.wrapper .exclusive-hero .hero-container .hero-slide {
max-width: 15em
}
}
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer {
position: absolute;
top: 1em;
right: 0;
text-align: left;
z-index: 2;
opacity: 0
}
@media screen and (min-width:1800px) {
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer {
right: -30%
}
}
@media screen and (max-width:1965px) {
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer {
right: -50%
}
}
@media screen and (max-width:1800px) {
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer {
right: 0
}
}
@media only screen and (max-width:991px) {
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer {
top: 0;
right: -2em
}
}
@media only screen and (max-width:767px) {
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer {
right: -3em
}
}
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer .weapon {
width: 20em;
height: 10em;
background-size: contain !important
}
@media only screen and (max-width:991px) {
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer .weapon {
width: 13em;
height: 8em
}
}
@media only screen and (max-width:767px) {
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer .weapon {
width: 6em;
height: 4em
}
}
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer .weapon.outlander {
background: url(fe0e6fd5d90792d001bae611901b7265.png) no-repeat 50%
}
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer .weapon.ninja {
background: url(ea67833ce9a8499d4f839d9659bd4e3e.png) no-repeat 50%
}
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer .weapon.constructor {
background: url(8d47a63df957cd1b44fdc943a6a09a35.png) no-repeat 50%
}
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer .weapon.soldier {
background: url(6c3e7562e75d94c6c4356e93e5a094a9.png) no-repeat 50%
}
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer i {
font-size: 2.5em;
display: inline-block;
color: #1db8f3;
margin-top: 2em
}
@media only screen and (max-width:991px) {
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer i {
font-size: 1.5em
}
}
@media only screen and (max-width:767px) {
.wrapper .exclusive-hero .hero-container .hero-slide .weaponContainer i {
font-size: 1em
}
}
.wrapper .exclusive-hero .hero-container .hero-slide .image {
max-width: 50em;
height: 62vh;
margin: 0 auto;
opacity: .2;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
background-size: contain !important
}
@media only screen and (max-width:991px) {
.wrapper .exclusive-hero .hero-container .hero-slide .image {
height: 45em;
background-position: 0 0 !important
}
}
@media only screen and (max-width:767px) {
.wrapper .exclusive-hero .hero-container .hero-slide .image {
height: 15em
}
}
.wrapper .exclusive-hero .hero-container .hero-slide .image.outlander {
background: url(fe5c3a92532cc434708e64213a6dee61.png) no-repeat 50%
}
.wrapper .exclusive-hero .hero-container .hero-slide .image.ninja {
background: url(256b279f1bccd3591598fa5ab1128136.png) no-repeat 50%
}
.wrapper .exclusive-hero .hero-container .hero-slide .image.constructor {
background: url(458278bae7bcb87eba9f88871b472b87.png) no-repeat 50%
}
.wrapper .exclusive-hero .hero-container .hero-slide .image.soldier {
background: url(bdf2c79e67de34c851a66c441e309351.png) no-repeat 50%
}
.wrapper .exclusive-hero .pagination {
position: absolute;
bottom: -3em;
left: 0;
right: 0;
z-index: 1;
margin: 0
}
@media only screen and (max-width:1199px) {
.wrapper .exclusive-hero .pagination {
bottom: -2em
}
}
@media only screen and (max-width:991px) {
.wrapper .exclusive-hero .pagination {
bottom: -1em
}
}
.wrapper .exclusive-hero .pagination ul {
list-style-type: none;
padding: 0;
margin: 0
}
.wrapper .exclusive-hero .pagination ul li {
display: inline-block;
cursor: pointer
}
.wrapper .exclusive-hero .pagination ul li p {
text-transform: uppercase;
margin-bottom: 1.25em;
opacity: 0;
text-align: center;
-webkit-transform: translateY(1em);
-ms-transform: translateY(1em);
transform: translateY(1em)
}
@media only screen and (max-width:767px) {
.wrapper .exclusive-hero .pagination ul li p {
margin-bottom: .5em
}
}
.wrapper .exclusive-hero .pagination ul li i {
font-size: 2.5em;
color: grey;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.wrapper .exclusive-hero .pagination ul li:hover i {
color: #1db8f3
}
.wrapper .exclusive-hero .pagination ul li.active p {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
-o-transition: opacity .3s ease-in-out, transform .3s ease-in-out;
transition: opacity .3s ease-in-out, transform .3s ease-in-out;
transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.wrapper .exclusive-hero .pagination ul li.active i {
color: #1db8f3
}
.wrapper .exclusive-hero .slick-slider .slick-next,
.wrapper .exclusive-hero .slick-slider .slick-prev {
z-index: 1
}
.wrapper .exclusive-hero .slick-slider .slick-center .weaponContainer {
opacity: 1
}
.wrapper .exclusive-hero .slick-slider .slick-center .weaponContainer .weapon {
-webkit-animation: float 2.5s ease-in-out infinite;
animation: float 2.5s ease-in-out infinite
}
.wrapper .exclusive-hero .slick-slider .slick-center .image {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity .3s ease-out, -webkit-transform .5s ease;
transition: opacity .3s ease-out, -webkit-transform .5s ease;
-o-transition: transform .5s ease, opacity .3s ease-out;
transition: transform .5s ease, opacity .3s ease-out;
transition: transform .5s ease, opacity .3s ease-out, -webkit-transform .5s ease
}
.wrapper .friend-invite {
background: url(6710b9db5864aacfb3f5eaa860396fac.jpg) no-repeat top;
background-size: cover;
max-width: 100%;
min-height: 40em
}
@media only screen and (max-width:991px) {
.wrapper .friend-invite {
min-height: 100%
}
}
@media only screen and (max-width:767px) {
.wrapper .friend-invite {
background-size: inherit
}
}
.wrapper .friend-invite .friend-content {
max-width: 105em
}
.wrapper .friend-invite .friend-content .content {
max-width: 28em
}
@media only screen and (max-width:767px) {
.wrapper .friend-invite .friend-content .content {
text-align: center
}
}
.wrapper .friend-invite .friend-content h2 {
color: #fff;
margin: 0;
line-height: 1
}
.wrapper .friend-invite .friend-content h3 {
color: #fff;
font-size: 1.2em;
margin: 1em 0
}
.wrapper .friend-invite .friend-content p {
color: #fff;
max-width: 26em
}
.wrapper .friend-invite .friend-content .image {
background-size: contain !important;
width: 100%;
max-width: 40em;
height: 28em;
margin: 0 auto
}
.wrapper .friend-invite .friend-content .image.one {
background: url(39537d309285fc070d367f4d41978423.png) no-repeat 50%
}
.wrapper .friend-invite .friend-content .image.two {
background: url(05fd6c3209fa932e85a16299481fed82.png) no-repeat 50%
}
@media only screen and (max-width:991px) {
.wrapper .friend-invite .friend-content .image {
height: 20em
}
}
.zh .friend-invite .friend-content .value,
.zh_HK .friend-invite .friend-content .value {
display: none
}
.zh .friend-invite .friend-content p,
.zh_HK .friend-invite .friend-content p {
margin-top: .5em
}
.detail-view .stickyNav {
position: relative;
margin-top: 0;
max-width: 70em;
-webkit-transition: max-width .2s ease-in-out;
-o-transition: max-width .2s ease-in-out;
transition: max-width .2s ease-in-out
}
@media screen and (max-width:1380px) {
.detail-view .stickyNav {
max-width: 45em
}
}
@media only screen and (max-width:767px) {
.detail-view .stickyNav {
display: none
}
}
.detail-view .stickyNav.wide {
max-width: 90em
}
.detail-view .stickyNav .pack-nav-container {
position: relative;
float: left
}
.detail-view .stickyNav .pack-nav-container h5 {
font-family: BurbankSmall-Black, sans-serif;
font-size: .9em;
margin: 0;
position: absolute;
color: #000;
z-index: 2;
opacity: .8;
top: 1em;
left: 1.1em
}
.detail-view .stickyNav .pack-nav-container.pvePack h5 {
color: #fff;
left: 1em
}
.detail-view .stickyNav .pack-nav-container .pack-summary {
margin-top: 1em
}
@media screen and (max-width:1380px) {
.detail-view .stickyNav .pack-nav-container {
width: 50% !important
}
.detail-view .stickyNav .pack-nav-container.pvePack {
position: absolute;
top: 0;
right: 0;
display: none
}
}
.detail-view .stickyNav .pack-nav-container .pack {
width: 100%
}
.detail-view .stickyNav .pack-nav-container .pack .pack-summary .price-container {
position: absolute;
right: 1em;
text-align: right;
top: -1em
}
.detail-view .stickyNav .pack-nav-container .pack .pack-summary .price-container .price {
font-size: 2em
}
.detail-view .stickyNav .pack-nav-container .pack .pack-summary .discount-price {
display: none !important
}
.detail-view .stickyNav .pack-nav-container .pack .pack-summary .discount-container {
margin-top: 0 !important;
position: absolute;
right: 0;
top: 2.5em
}
.detail-view .stickyNav .pack-nav-container .pack .pack-summary .discount-container .discount-tag {
font-family: BurbankSmall-Black, sans-serif;
font-size: .9em
}
.detail-view .stickyNav .pack-nav-container .pack .pack-summary h2 {
display: block
}
@media only screen and (max-width:991px) {
.detail-view .stickyNav .pack-nav-container .pack.tier-0 h2.tier-title {
font-size: 2.5em
}
}
.detail-view .stickyNav .pack-nav-container .pack-buy-button {
position: absolute;
left: 0;
right: 0;
z-index: -1;
visibility: hidden
}
.detail-view .stickyNav .pack-nav-container .pack-buy-button .btn {
text-align: center;
width: 100%;
line-height: 1.5;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%)
}
.detail-view .stickyNav .pack-nav-container .pack-buy-button .btn.btn-primary {
padding: 0
}
.detail-view .stickyNav .pack-nav-container .pack-buy-button .btn.btn-primary:disabled,
.detail-view .stickyNav .pack-nav-container .pack-buy-button .btn.btn-primary[disabled] {
padding: .25em .5em
}
.detail-view .stickyNav.absolute {
margin-top: -4em;
z-index: 2;
padding-bottom: 2em
}
.detail-view .stickyNav.absolute .activePack h5 {
top: -.5em
}
.detail-view .stickyNav.absolute .activePack .pack.active {
min-height: 10em;
-webkit-transform: translateY(-1.5em);
-ms-transform: translateY(-1.5em);
transform: translateY(-1.5em)
}
.detail-view .stickyNav.absolute .activePack .pack.active .seeMore {
position: absolute;
bottom: -2.25em;
right: 2em
}
.detail-view .stickyNav.absolute .activePack .pack.active .seeMore h4 {
color: #000;
display: inline;
padding-right: .5em
}
.detail-view .stickyNav.absolute .activePack .pack.active .seeMore i {
font-size: 1.9em;
color: #ff0;
background: #000;
padding: .5em .6em;
border-radius: 50%
}
.detail-view .stickyNav.absolute .activePack .pack.active .seeMore i.icon-down-arrow:before {
display: inline-block;
-webkit-animation: bounce .8s ease-in-out infinite;
animation: bounce .8s ease-in-out infinite
}
.detail-view .stickyNav.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 5;
max-width: 100%;
-webkit-box-shadow: 0 2px 17px -2px rgba(0, 0, 0, .5);
box-shadow: 0 2px 17px -2px rgba(0, 0, 0, .5)
}
.detail-view .stickyNav.fixed .pack-navDropDown {
height: 7.2em
}
.detail-view .stickyNav.fixed .seeMore {
display: none
}
.detail-view .stickyNav.fixed .pack-summary {
min-height: 4.3em;
position: relative;
overflow: visible
}
.detail-view .stickyNav.fixed .pack-summary .discount {
margin: 0
}
.detail-view .stickyNav.fixed .pack-nav-container.activePack .pack-buy-button {
visibility: visible;
top: 100%;
z-index: 12;
-webkit-transition: bottom .2s ease-in-out;
-o-transition: bottom .2s ease-in-out;
transition: bottom .2s ease-in-out
}
body.de .detail-view .stickyNav.absolute .pack-summary h2.tier-title,
body.de .detail-view .stickyNav.fixed .pack-summary h2.tier-title,
body.es_ES .detail-view .stickyNav.absolute .pack-summary h2.tier-title,
body.es_ES .detail-view .stickyNav.fixed .pack-summary h2.tier-title,
body.es_MX .detail-view .stickyNav.absolute .pack-summary h2.tier-title,
body.es_MX .detail-view .stickyNav.fixed .pack-summary h2.tier-title,
body.it .detail-view .stickyNav.absolute .pack-summary h2.tier-title,
body.it .detail-view .stickyNav.fixed .pack-summary h2.tier-title,
body.pl .detail-view .stickyNav.absolute .pack-summary h2.tier-title,
body.pl .detail-view .stickyNav.fixed .pack-summary h2.tier-title,
body.pt_BR .detail-view .stickyNav.absolute .pack-summary h2.tier-title,
body.pt_BR .detail-view .stickyNav.fixed .pack-summary h2.tier-title,
body.ru .detail-view .stickyNav.absolute .pack-summary h2.tier-title,
body.ru .detail-view .stickyNav.fixed .pack-summary h2.tier-title,
body.tr .detail-view .stickyNav.absolute .pack-summary h2.tier-title,
body.tr .detail-view .stickyNav.fixed .pack-summary h2.tier-title {
font-size: 1.5em
}
body.de .detail-view .stickyNav.absolute .seeMore h4,
body.de .detail-view .stickyNav.fixed .seeMore h4,
body.es_ES .detail-view .stickyNav.absolute .seeMore h4,
body.es_ES .detail-view .stickyNav.fixed .seeMore h4,
body.es_MX .detail-view .stickyNav.absolute .seeMore h4,
body.es_MX .detail-view .stickyNav.fixed .seeMore h4,
body.it .detail-view .stickyNav.absolute .seeMore h4,
body.it .detail-view .stickyNav.fixed .seeMore h4,
body.pl .detail-view .stickyNav.absolute .seeMore h4,
body.pl .detail-view .stickyNav.fixed .seeMore h4,
body.pt_BR .detail-view .stickyNav.absolute .seeMore h4,
body.pt_BR .detail-view .stickyNav.fixed .seeMore h4,
body.ru .detail-view .stickyNav.absolute .seeMore h4,
body.ru .detail-view .stickyNav.fixed .seeMore h4,
body.tr .detail-view .stickyNav.absolute .seeMore h4,
body.tr .detail-view .stickyNav.fixed .seeMore h4 {
font-size: 1em
}
body.es_ES .detail-view .stickyNav .pack-nav-container .discount-container .discount-tag,
body.es_MX .detail-view .stickyNav .pack-nav-container .discount-container .discount-tag,
body.pt_BR .detail-view .stickyNav .pack-nav-container .discount-container .discount-tag {
font-size: .7em !important
}
@media only screen and (min-width:1200px) {
body.es_ES .detail-view .stickyNav .pack-nav-container .discount-container .discount-tag,
body.es_MX .detail-view .stickyNav .pack-nav-container .discount-container .discount-tag,
body.pt_BR .detail-view .stickyNav .pack-nav-container .discount-container .discount-tag {
font-size: .9em !important
}
}
body.zh .detail-view .stickyNav.fixed .pack-nav-container.activePack .pack-buy-button,
body.zh_HK .detail-view .stickyNav.fixed .pack-nav-container.activePack .pack-buy-button {
bottom: -4em
}
body.zh .detail-view .stickyNav.fixed .pack-nav-container.activePack .pack-buy-button .btn.download-button,
body.zh_HK .detail-view .stickyNav.fixed .pack-nav-container.activePack .pack-buy-button .btn.download-button {
padding: .25em .5em
}
body.zh .detail-view .stickyNav.fixed .pack-nav-container.activePack .pack-buy-button .bolt,
body.zh_HK .detail-view .stickyNav.fixed .pack-nav-container.activePack .pack-buy-button .bolt {
display: none
}
body.ja .detail-view .stickyNav.absolute .pack-navDropDown h2.title,
body.ja .detail-view .stickyNav.fixed .pack-navDropDown h2.title {
font-size: 1.6em
}
body.ja .detail-view .stickyNav.absolute .pack-summary h2.tier-title,
body.ja .detail-view .stickyNav.fixed .pack-summary h2.tier-title {
font-size: 1.2em
}
body.ja .detail-view .stickyNav.absolute .seeMore h4,
body.ja .detail-view .stickyNav.fixed .seeMore h4 {
font-size: 1em
}
body.ar .detail-view .stickyNav.absolute .pack-summary h2.tier-title,
body.ar .detail-view .stickyNav.fixed .pack-summary h2.tier-title {
text-align: left
}
body.ar .detail-view .stickyNav.absolute .pack.tier-0 h2.tier-title {
max-width: 6em
}
body.ar .detail-view .stickyNav.absolute .activePack .pack.active .seeMore h4 {
padding-left: .5em
}
body.ar .detail-view .stickyNav.fixed .pack.tier-0 h2.tier-title {
max-width: unset
}
.buyNow {
max-width: 100% !important;
background: url(ae608e855e31748f35ac2366b7d91cca.jpg) no-repeat 50%;
background-size: cover;
padding-top: 4em;
padding-bottom: 8em;
position: relative
}
@media only screen and (max-width:991px) {
.buyNow {
padding-top: 4em;
padding-bottom: 10em
}
}
.buyNow .buyNow-content {
max-width: 112em;
margin: 0 auto
}
@media only screen and (max-width:991px) {
.buyNow .buyNow-content .pack-buy-button {
display: block
}
.buyNow .buyNow-content .text-left {
text-align: center
}
}
.buyNow .buyNow-content .btn {
padding: 0 2em;
-webkit-clip-path: polygon(0 10%, 100% 0, 100% 98%, 0 95%);
clip-path: polygon(0 10%, 100% 0, 100% 98%, 0 95%);
margin: 1em auto
}
@media only screen and (max-width:767px) {
.buyNow .buyNow-content .btn {
-webkit-clip-path: none;
clip-path: none
}
}
.buyNow .buyNow-content h2 {
font-size: 4em;
margin: 0;
color: #fff
}
@media only screen and (max-width:991px) {
.buyNow .buyNow-content h2 {
font-size: 3em
}
}
.buyNow .buyNow-content p {
color: #fff;
line-height: 1.5;
margin-bottom: 1em;
font-size: 1.4em;
z-index: 2;
position: relative
}
@media only screen and (max-width:991px) {
.buyNow .buyNow-content p {
margin: 0 auto
}
}
.buyNow .buyNow-content .show-sm {
display: none
}
@media only screen and (max-width:991px) {
.buyNow .buyNow-content .show-sm {
display: block
}
}
.buyNow .buyNow-content .hide-sm {
display: block
}
@media only screen and (max-width:991px) {
.buyNow .buyNow-content .hide-sm {
display: none
}
}
.buyNow .buyNow-content .image {
background: url(a0811d4973cbee00c8c2eaf848a868f8.png) no-repeat 50%;
background-size: contain;
width: 100%;
height: 25em;
margin: 0 auto;
z-index: 1;
position: relative
}
@media only screen and (max-width:991px) {
.buyNow .buyNow-content .image {
height: 15em;
margin-top: 2em
}
}
@media only screen and (max-width:767px) {
.buyNow .buyNow-content .image {
height: 10em
}
}
.buyNow .exclusive {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .75)
}
.buyNow .exclusive .exclusive-container {
max-width: 112em;
margin: 0 auto;
position: relative;
padding: 0 1em;
text-align: center
}
.buyNow .exclusive .exclusive-container .banner {
background: url(data:image/png;base64,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) no-repeat 50%;
background-size: contain;
position: absolute;
top: -1em;
width: 3em;
height: 5em;
z-index: 2;
display: inline-block
}
.buyNow .exclusive .exclusive-container p {
color: #fff;
max-width: 100%;
padding: 1em 1em 1em 4em;
margin: 0;
display: inline-block
}
.buyNow .exclusive .exclusive-container .btn.btn-display {
font-size: 1.2em;
cursor: pointer;
display: inline-block;
-webkit-clip-path: none;
clip-path: none;
margin: .5em 0
}
@media only screen and (max-width:767px) {
.buyNow .exclusive .exclusive-container {
text-align: center
}
.buyNow .exclusive .exclusive-container p {
text-align: left;
padding: 1em 1em 1em 6em
}
.buyNow .exclusive .exclusive-container .banner {
top: .5em
}
}
.buyNow .fullPage-content {
color: #fff;
padding: 8vh 0
}
@media only screen and (max-width:991px) {
.buyNow .fullPage-content {
padding: 7vh 0
}
}
.buyNow .fullPage-content h2 {
font-size: 6em;
margin: 0;
line-height: 1
}
@media only screen and (max-width:991px) {
.buyNow .fullPage-content h2 {
font-size: 5em
}
}
@media only screen and (max-width:767px) {
.buyNow .fullPage-content h2 {
font-size: 3em
}
}
.buyNow .fullPage-content p {
font-size: 1.8em;
max-width: 30em;
margin: 0 auto 1em
}
@media only screen and (max-width:991px) {
.buyNow .fullPage-content p {
font-size: 1.2em
}
}
.buyNow .fullPage-content .image {
background: url(a0811d4973cbee00c8c2eaf848a868f8.png) no-repeat 50%;
background-size: contain;
width: 100%;
max-width: 45em;
height: 100%;
padding-top: 33%;
margin: 0 auto;
z-index: 1;
position: relative
}
@media only screen and (max-width:991px) {
.buyNow .fullPage-content .image {
height: 15em;
margin-top: 2em
}
}
@media only screen and (max-width:767px) {
.buyNow .fullPage-content .image {
height: 10em
}
}
.buyNow .fullPage-content .btn {
padding: 0 2em;
-webkit-clip-path: polygon(0 10%, 100% 0, 100% 98%, 0 95%);
clip-path: polygon(0 10%, 100% 0, 100% 98%, 0 95%);
margin: 0 auto 1em
}
@media only screen and (max-width:991px) {
.buyNow .fullPage-content .btn {
margin: 0 auto
}
}
@media only screen and (max-width:767px) {
.buyNow .fullPage-content .btn {
-webkit-clip-path: none;
clip-path: none
}
}
@media only screen and (max-width:991px) {
.buyNow .fullPage-content .pack-buy-button {
display: block
}
}
body.ru .buyNow .buyNow-content h2 {
max-width: 7em;
margin: 0 auto
}
@media screen and (max-width:1135px) {
body.ru .buyNow .buyNow-content h2 {
font-size: 3em
}
}
@media only screen and (max-width:991px) {
body.ru .buyNow .buyNow-content h2 {
max-width: 100%;
text-align: center
}
}
body.zh .buyNow .exclusive,
body.zh_HK .buyNow .exclusive {
display: none
}
.br-carousel {
padding: 3em 2em 8em;
min-height: 40em;
position: relative;
z-index: 1
}
.br-carousel .carouselBk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
z-index: 1
}
@media only screen and (max-width:991px) {
.br-carousel {
background-size: auto;
padding: 2em 1em 4em
}
}
.br-carousel .br-carousel-content {
max-width: 1170px;
margin: 0 auto;
z-index: 2;
position: relative
}
.br-carousel .br-carousel-content h1 {
color: #000;
font-size: 4em
}
@media only screen and (max-width:991px) {
.br-carousel .br-carousel-content h1 {
font-size: 2em
}
}
.br-carousel .br-carousel-content p {
max-width: 44em;
margin: 0 auto;
font-weight: 500
}
.br-carousel .br-carousel-content .br-play-now-container .download-button {
font-size: 2.5em
}
.br-carousel .br-carousel-content .br-carousel-container {
margin: 5em 2em
}
.br-carousel .br-carousel-content .br-carousel-container .video:after {
display: none
}
@media only screen and (max-width:991px) {
.br-carousel .br-carousel-content .br-carousel-container {
margin: 3em 0
}
}
.br-carousel .br-carousel-content .br-carousel-container .slick-arrow {
font-size: 2em;
height: 100%;
top: 0
}
.br-carousel .br-carousel-content .br-carousel-container .slick-arrow.slick-prev {
left: -3em
}
@media screen and (max-width:1399px) {
.br-carousel .br-carousel-content .br-carousel-container .slick-arrow.slick-prev {
right: auto
}
}
@media only screen and (max-width:1199px) {
.br-carousel .br-carousel-content .br-carousel-container .slick-arrow.slick-prev {
left: -2em
}
}
.br-carousel .br-carousel-content .br-carousel-container .slick-arrow.slick-next {
right: -3em
}
@media only screen and (max-width:1199px) {
.br-carousel .br-carousel-content .br-carousel-container .slick-arrow.slick-next {
right: -2em
}
}
.br-carousel .br-carousel-content .br-carousel-container .slick-arrow .slick-control {
color: #2c82c5
}
@media only screen and (max-width:991px) {
.br-carousel .br-carousel-content .br-carousel-container .slick-arrow .slick-control {
display: none
}
}
.br-carousel .br-carousel-content .br-carousel-container .slick-arrow .slick-control:hover {
color: #194b72
}
.br-carousel .br-carousel-content .br-carousel-container .slick-dots {
bottom: -4em;
padding: 0;
text-align: center;
margin-left: 0 !important
}
@media only screen and (max-width:767px) {
.br-carousel .br-carousel-content .br-carousel-container .slick-dots {
bottom: -2em
}
}
.br-carousel .br-carousel-content .br-carousel-container .slick-dots li {
background: #cae1f3;
border-color: #cae1f3
}
.br-carousel .br-carousel-content .br-carousel-container .slick-dots li.slick-active {
background: #2c82c5;
border-color: #2c82c5
}
.br-carousel .br-carousel-content .br-carousel-container .tvp_container:not(.tvp_controls_hide) .tvp_controls {
bottom: 5px
}
.zh .br-carousel .br-carousel-content p,
.zh_HK .br-carousel .br-carousel-content p {
font-weight: 400;
max-width: 46em
}
.zh .br-carousel .br-carousel-content .btn,
.zh_HK .br-carousel .br-carousel-content .btn {
font-weight: 800
}
.zh .br-carousel .br-carousel-content .btn .bolt,
.zh_HK .br-carousel .br-carousel-content .btn .bolt {
display: none
}
@media only screen and (max-width:767px) {
.de .br-carousel .br-carousel-content .btn,
.es_ES .br-carousel .br-carousel-content .btn,
.es_MX .br-carousel .br-carousel-content .btn,
.fr .br-carousel .br-carousel-content .btn,
.it .br-carousel .br-carousel-content .btn,
.ko .br-carousel .br-carousel-content .btn,
.pl .br-carousel .br-carousel-content .btn,
.pt_BR .br-carousel .br-carousel-content .btn,
.ru .br-carousel .br-carousel-content .btn {
font-size: 1.5em
}
}
@media only screen and (max-width:767px) {
.ja .br-carousel .br-carousel-content .btn {
font-size: 2em
}
}
.br-info-section {
margin-top: -8em;
padding: 2em;
background-size: cover !important;
background-position: top !important;
min-height: 60em;
position: relative;
z-index: 2
}
@media only screen and (max-width:991px) {
.br-info-section {
padding: 0
}
}
.br-info-section img {
max-height: 38em
}
@media only screen and (max-width:767px) {
.br-info-section img {
width: 125%;
padding-bottom: 2em
}
}
@media only screen and (max-width:991px) {
.br-info-section img {
padding-bottom: 2em
}
}
.br-info-section .br-info-content p {
margin-top: 2em
}
.br-info-section .br-info-content .br-info-text {
padding-top: 16em;
color: #fff
}
@media only screen and (max-width:991px) {
.br-info-section .br-info-content .br-info-text {
padding-top: 8em
}
}
@media only screen and (max-width:1199px) {
.br-info-section .br-info-content .br-info-text {
padding-top: 10em;
padding-bottom: 2em
}
}
.br-info-section .br-info-content .play-free {
margin-top: 2em
}
@media only screen and (max-width:991px) {
.br-info-section .br-info-content .play-free {
margin-top: 1em
}
}
.battle-pass-section {
height: 50vh;
min-height: 620px;
position: relative;
background-size: cover !important
}
@media only screen and (max-width:991px) {
.battle-pass-section {
min-height: 100%;
height: 30em
}
}
.battle-pass-section .content {
position: relative;
z-index: 2;
padding-top: 6em;
color: #fff
}
@media only screen and (max-width:767px) {
.battle-pass-section .content {
padding: 6em 1em 0
}
}
.battle-pass-section .content a,
.battle-pass-section .content h1,
.battle-pass-section .content h2,
.battle-pass-section .content h3 {
position: relative;
z-index: 1
}
.battle-pass-section .content h1 {
font-size: 6em;
margin: 0;
line-height: .85
}
@media only screen and (max-width:991px) {
.battle-pass-section .content h1 {
font-size: 4em
}
}
.battle-pass-section .content h2 {
font-size: 3.5em;
margin: 0
}
@media only screen and (max-width:991px) {
.battle-pass-section .content h2 {
font-size: 2em
}
}
.battle-pass-section .content h3 {
color: #00fcff;
font-size: 1.5em;
max-width: 18em;
margin: 0 auto
}
.battle-pass-section .content .btn {
color: #000;
margin-top: 2em
}
.battle-pass-section .content .btn:after {
background-color: #ff0
}
.battle-pass-section .content .btn:hover:after {
background-color: #e6e600
}
.battle-pass-section .logo {
position: absolute;
top: -3em;
left: 0;
right: 0;
display: block;
width: 100%;
max-width: 14em;
height: 14em;
margin: 0 auto;
background: url(86f5554fe9ea1398ff9009dcea6c156e.png) no-repeat 50%;
background-size: contain;
z-index: 0
}
.battle-pass-section .heroes {
position: absolute;
bottom: 0;
left: 0;
right: 0;
max-width: 1600px;
margin: 0 auto;
z-index: 1
}
@media only screen and (max-width:767px) {
.battle-pass-section .heroes {
display: none
}
}
.battle-pass-section .heroes .one {
position: absolute;
bottom: 0;
right: 0;
max-width: 50%
}
@media only screen and (max-width:1199px) {
.battle-pass-section .heroes .one {
right: -10em
}
}
.battle-pass-section .heroes .two {
position: absolute;
left: 0;
bottom: 0;
max-width: 50%
}
@media only screen and (max-width:1399px) {
.battle-pass-section .heroes .two {
left: -5em
}
}
@media only screen and (max-width:1199px) {
.battle-pass-section .heroes .two {
left: -10em
}
}
.zh .battle-pass-section .content h1,
.zh_HK .battle-pass-section .content h1 {
line-height: 1
}
.zh .battle-pass-section .content h2,
.zh_HK .battle-pass-section .content h2 {
margin-bottom: .2em
}
.zh .battle-pass-section .content .btn,
.zh_HK .battle-pass-section .content .btn {
font-weight: 800;
font-size: 2.5em;
margin-top: 1em
}
.ja .battle-pass-section .content {
max-width: 35em;
margin: 0 auto
}
.ja .battle-pass-section .content h1 {
line-height: 1
}
.ja .battle-pass-section .content h2 {
margin-bottom: 1em
}
.stickyNav .pack-navDropDown {
display: none;
width: 50%;
float: right;
height: 7.6em;
padding: 1em 0;
background-color: #9fa3c2;
cursor: pointer;
position: relative
}
.stickyNav .pack-navDropDown h2.title {
color: #5f6495;
font-size: 1.875em;
padding: 0 .5em
}
.stickyNav .pack-navDropDown i {
color: #fff;
float: right;
display: inline-block;
-webkit-animation: rock 1.2s ease infinite;
animation: rock 1.2s ease infinite;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.stickyNav .pack-navDropDown ul {
display: block;
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 100%;
left: 0;
right: 0;
visibility: hidden
}
.stickyNav .pack-navDropDown ul .pack-dropItem {
display: block;
width: 100%;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
.stickyNav .pack-navDropDown ul .pack-dropItem:first-child {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.stickyNav .pack-navDropDown ul .pack-dropItem:nth-child(2) {
-webkit-transition: all .3s ease-in-out .1s;
-o-transition: all .3s ease-in-out .1s;
transition: all .3s ease-in-out .1s
}
.stickyNav .pack-navDropDown ul .pack-dropItem:nth-child(3) {
-webkit-transition: all .3s ease-in-out .2s;
-o-transition: all .3s ease-in-out .2s;
transition: all .3s ease-in-out .2s
}
.stickyNav .pack-navDropDown ul .pack-dropItem:nth-child(4) {
-webkit-transition: all .3s ease-in-out .3s;
-o-transition: all .3s ease-in-out .3s;
transition: all .3s ease-in-out .3s
}
.stickyNav .pack-navDropDown ul .pack-dropItem .pack {
width: 100%;
min-height: inherit;
-webkit-box-shadow: none;
box-shadow: none
}
.stickyNav .pack-navDropDown ul .pack-dropItem .pack h2.tier-title {
font-size: 1.875em
}
.stickyNav .pack-navDropDown ul .pack-dropItem .pack .seeMore {
display: none
}
.stickyNav .pack-navDropDown ul .pack-dropItem .pack .pack-summary .price-container {
top: 0
}
@media only screen and (max-width:991px) {
.stickyNav .pack-navDropDown ul .pack-dropItem .pack .pack-summary .price-container {
text-align: right;
position: absolute;
right: 1em
}
.stickyNav .pack-navDropDown ul .pack-dropItem .pack .pack-summary .price-container .price {
font-size: 1.875em
}
}
.stickyNav .pack-navDropDown ul .pack-dropItem .pack .pack-summary .discount-container .discount-price {
display: none
}
.stickyNav .pack-navDropDown ul .pack-dropItem .pack .pack-summary .discount-container .discount-tag {
font-size: 1.125em
}
.stickyNav .pack-navDropDown.active ul {
visibility: visible
}
.stickyNav .pack-navDropDown.active ul .pack-dropItem {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.stickyNav .pack-navDropDown.active i {
-webkit-animation: none;
animation: none;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}
@media screen and (max-width:1380px) {
.stickyNav .pack-navDropDown {
display: block
}
}
.detail-view .mobile-pack-nav {
display: none
}
@media only screen and (max-width:767px) {
.detail-view .mobile-pack-nav {
display: block
}
}
.detail-view .mobile-pack-nav .packsButton {
position: fixed;
top: 4.5em;
right: 1em;
background-color: #ff0;
border-radius: 50%;
z-index: 10;
width: 3em;
height: 3em;
text-align: center;
-webkit-animation: jiggle 2s ease infinite;
animation: jiggle 2s ease infinite;
cursor: pointer
}
.detail-view .mobile-pack-nav .packsButton i {
font-size: 1.2em;
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto
}
.detail-view .mobile-pack-nav .mobilePackList {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #9fa3c2;
z-index: -6;
margin: 0;
padding: 0;
list-style-type: none;
visibility: hidden;
opacity: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
.detail-view .mobile-pack-nav .mobilePackList .packItem {
display: block;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
opacity: 0
}
.detail-view .mobile-pack-nav .mobilePackList .packItem:first-child {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.detail-view .mobile-pack-nav .mobilePackList .packItem:nth-child(2) {
-webkit-transition: all .3s ease-in-out .1s;
-o-transition: all .3s ease-in-out .1s;
transition: all .3s ease-in-out .1s
}
.detail-view .mobile-pack-nav .mobilePackList .packItem:nth-child(3) {
-webkit-transition: all .3s ease-in-out .2s;
-o-transition: all .3s ease-in-out .2s;
transition: all .3s ease-in-out .2s
}
.detail-view .mobile-pack-nav .mobilePackList .packItem:last-child,
.detail-view .mobile-pack-nav .mobilePackList .packItem:nth-child(4) {
-webkit-transition: all .3s ease-in-out .3s;
-o-transition: all .3s ease-in-out .3s;
transition: all .3s ease-in-out .3s
}
.detail-view .mobile-pack-nav .mobilePackList .packItem .pack {
width: 100%;
height: 20vh !important;
min-height: auto;
-webkit-box-shadow: none;
box-shadow: none
}
@media only screen and (max-width:768px) and (orientation:landscape) {
.detail-view .mobile-pack-nav .mobilePackList .packItem .pack {
height: 10em !important
}
}
.detail-view .mobile-pack-nav .mobilePackList .packItem .pack.tier-0 h2.price {
color: #000
}
.detail-view .mobile-pack-nav .mobilePackList .packItem .pack.tier-0:after {
content: "";
display: block;
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: url(46786df3a8db2dac95d9c4cc6f5b944e.png) no-repeat 0 0;
background-size: 100%
}
.detail-view .mobile-pack-nav .mobilePackList .packItem .pack.tier-0:before {
height: 100%;
width: 50%
}
.detail-view .mobile-pack-nav .mobilePackList .packItem .pack.tier-1 {
background-image: url(0bd5c0052dfd8274c26a7a979f8a6a50.jpg);
background-size: 50%;
background-repeat: no-repeat;
background-position: 100% 0
}
.detail-view .mobile-pack-nav .mobilePackList .packItem .pack.tier-2 {
background-image: url(79472a126cb2787e2ab56a03480e7456.jpg);
background-size: 50%;
background-repeat: no-repeat;
background-position: 100% 0
}
.detail-view .mobile-pack-nav .mobilePackList .packItem .pack.tier-3 {
background-image: url(766cdb0b3bf3cdfa0ba9df7326bb8371.jpg);
background-size: 50%;
background-repeat: no-repeat;
background-position: 100% 0
}
.detail-view .mobile-pack-nav .mobilePackList .packItem .pack.tier-4 {
background-image: url(9d055f867c62e0fd022aa99ab9823d18.jpg);
background-size: 50%;
background-repeat: no-repeat;
background-position: 100% 0
}
@media only screen and (max-width:768px) and (orientation:landscape) {
.detail-view .mobile-pack-nav .mobilePackList .packItem .pack.tier-1,
.detail-view .mobile-pack-nav .mobilePackList .packItem .pack.tier-2,
.detail-view .mobile-pack-nav .mobilePackList .packItem .pack.tier-3,
.detail-view .mobile-pack-nav .mobilePackList .packItem .pack.tier-4 {
background-size: 37%
}
}
.detail-view .mobile-pack-nav .mobilePackList .packItem.activePack .seeMore {
display: none
}
.detail-view .mobile-pack-nav.active .packsButton {
z-index: 0
}
.detail-view .mobile-pack-nav.active .mobilePackList {
z-index: 9;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
visibility: visible;
opacity: 1
}
.detail-view .mobile-pack-nav.active .mobilePackList .packItem {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
body.de .detail-view .mobile-pack-nav .pack h2.price,
body.es_ES .detail-view .mobile-pack-nav .pack h2.price,
body.es_MX .detail-view .mobile-pack-nav .pack h2.price,
body.fr .detail-view .mobile-pack-nav .pack h2.price,
body.it .detail-view .mobile-pack-nav .pack h2.price,
body.pl .detail-view .mobile-pack-nav .pack h2.price,
body.pt_BR .detail-view .mobile-pack-nav .pack h2.price,
body.ru .detail-view .mobile-pack-nav .pack h2.price {
font-size: 2em
}
body.zh .detail-view .mobile-pack-nav .pack-summary .fullWidth,
body.zh_HK .detail-view .mobile-pack-nav .pack-summary .fullWidth {
max-width: 11em
}
.detail-view .detail-pricing-title .discount,
.detail-view .detail-pricing-title .price,
.detail-view .friend-content .value,
.pack .pack-summary .discount-price,
.pack .pack-summary .price,
.pack .packValue .value {
font-family: BurbankBigCondensed-Black, icomoon, sans-serif
}
.asset-price .discounted-amount {
font-family: OpenSans, icomoon, sans-serif;
text-decoration: line-through;
color: #797979
}
.asset-price .discounted-amount+.actual-price {
margin-left: .5em
}
.asset-price .actual-price {
font-weight: 500
}
#purchase-app .price-value,
.asset-price .actual-price {
font-family: OpenSans, icomoon, sans-serif
}
.text-block {
display: inline-block;
max-width: 21em;
-webkit-transform: translateY(-8em);
-ms-transform: translateY(-8em);
transform: translateY(-8em)
}
@media only screen and (max-width:991px) {
.text-block {
max-width: 100%;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.text-block.padding {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
padding-top: 6em
}
@media only screen and (max-width:991px) {
.text-block.padding {
padding-top: 0
}
}
.text-block h2 {
font-size: 2em
}
.text-block h2 i {
font-family: BurbankSmall-Black, sans-serif;
font-size: .5em;
color: #fff;
font-style: normal;
display: inline-block;
position: relative;
z-index: 1;
vertical-align: top;
margin-right: .5em;
padding: .5em .6em .3em;
border-radius: 50%;
background: #2c82c5
}
.text-block p {
font-size: .85em;
font-weight: 600;
padding-left: 1em
}
.home-backup {
background: url(f39f81fc60884ef9baf42c2e53e6e54f.jpg) no-repeat 100% 0;
background-size: cover;
min-height: calc(100vh - 3em);
position: relative
}
@media only screen and (max-width:767px) {
.home-backup {
min-height: 80vh;
background-position: 86% 50%
}
}
@media only screen and (max-width:768px) and (orientation:landscape) {
.home-backup {
min-height: 100vh
}
}
.home-backup .content {
position: absolute;
top: 25%;
left: 10em
}
.home-backup .content .copy {
margin-top: 1em
}
.home-backup .content .copy p {
color: #fff;
font-size: 1em;
margin: 0
}
.home-backup .content h1 {
font-size: 6em;
margin: 0;
color: #fff
}
.home-backup .content h1.sub {
font-size: 12.875em
}
.home-backup .content .btn.btn-display {
font-size: 3em;
padding: 0 1.25em
}
.home-backup .content .videoLink {
color: #fff;
margin-top: 3.52em;
cursor: pointer;
text-shadow: 0 1px 3px rgba(0, 0, 0, .75)
}
.home-backup .content .videoLink i {
font-size: 2em;
vertical-align: middle
}
.home-backup .content .videoLink span {
padding-left: 1em;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
vertical-align: middle
}
@media screen and (max-width:1450px) {
.home-backup .content {
left: 5%
}
}
@media only screen and (max-width:1199px) {
.home-backup .content {
width: 100%;
max-width: 32em
}
.home-backup .content h1 {
font-size: 3em
}
.home-backup .content h1.sub {
font-size: 9em
}
.home-backup .content .btn.btn-display {
font-size: 2em
}
.home-backup .content .videoLink {
margin-top: 2em
}
}
@media only screen and (max-width:991px) {
.home-backup .content {
top: 10%;
left: 1em;
max-width: 24em
}
.home-backup .content h1 {
font-size: 1.8em
}
.home-backup .content h1.sub {
font-size: 4em
}
.home-backup .content .btn.btn-display {
font-size: 1.5em
}
.home-backup .content .videoLink {
margin-top: 1.3em
}
.home-backup .content .videoLink i {
font-size: 2em
}
.home-backup .content .videoLink .gamePlay {
display: none
}
}
@media only screen and (max-width:767px) {
.home-backup .content {
position: relative;
margin-top: 2em;
left: 0
}
.home-backup .content .videoLink {
text-align: left;
max-width: 100%
}
}
.home-backup .bottom-section {
position: absolute;
bottom: 3em;
left: 10em;
right: 0
}
.home-backup .bottom-section ul {
list-style-type: none;
margin: 0;
padding: 0
}
.home-backup .bottom-section ul li:last-child {
margin-left: 1em
}
.home-backup .bottom-section ul li {
display: inline-block;
color: #fff;
pointer: cursor
}
.home-backup .bottom-section ul li p,
.home-backup .bottom-section ul li span {
font-size: 1em !important
}
.home-backup .bottom-section ul li i {
font-size: 2em;
vertical-align: middle
}
.home-backup .bottom-section ul li span {
padding-left: 1em;
text-transform: uppercase;
font-size: .7em;
font-weight: 700;
letter-spacing: 1px;
vertical-align: middle
}
@media screen and (max-width:1450px) {
.home-backup .bottom-section {
left: 5%
}
}
@media only screen and (max-width:1450px) and (max-width:991px) {
.home-backup .bottom-section {
left: 1em;
bottom: 1em
}
.home-backup .bottom-section ul li:last-child {
margin-left: 0
}
.home-backup .bottom-section ul li {
display: block
}
}
.home-backup .bottom-section .scroll-down {
position: absolute;
bottom: 0;
right: 3em
}
.home-backup .bottom-section .scroll-down i {
color: #000;
background: #ff0;
font-size: 1.2em;
padding: .5em .6em;
border-radius: 50%
}
@media only screen and (max-width:991px) {
.home-backup .bottom-section .scroll-down {
bottom: 1em
}
}
@media only screen and (max-width:1199px) {
body.de .home-backup .content h1.sub,
body.es_ES .home-backup .content h1.sub,
body.es_MX .home-backup .content h1.sub,
body.fr .home-backup .content h1.sub,
body.it .home-backup .content h1.sub,
body.ru .home-backup .content h1.sub {
font-size: 4em
}
body.de .home-backup .content .btn.btn-display,
body.es_ES .home-backup .content .btn.btn-display,
body.es_MX .home-backup .content .btn.btn-display,
body.fr .home-backup .content .btn.btn-display,
body.it .home-backup .content .btn.btn-display,
body.ru .home-backup .content .btn.btn-display {
font-size: 1.5em
}
body.de .home-backup .content .videoLink,
body.es_ES .home-backup .content .videoLink,
body.es_MX .home-backup .content .videoLink,
body.fr .home-backup .content .videoLink,
body.it .home-backup .content .videoLink,
body.ru .home-backup .content .videoLink {
margin-top: 1.2em;
text-align: left
}
}
@media only screen and (max-width:767px) {
body.de .home-backup .content .videoLink,
body.es_ES .home-backup .content .videoLink,
body.es_MX .home-backup .content .videoLink,
body.fr .home-backup .content .videoLink,
body.it .home-backup .content .videoLink,
body.ru .home-backup .content .videoLink {
text-align: left
}
}
body.pl .home-backup .content {
max-width: 56em
}
body.pl .home-backup .content h1 {
font-size: 5em
}
body.pl .home-backup .content h1.sub {
font-size: 10em
}
body.pl .home-backup .content .btn {
font-size: 1.5em
}
body.pl .home-backup .content .videoLink {
margin-top: 1em
}
@media only screen and (max-width:1199px) {
body.pl .home-backup .content {
max-width: 32em
}
body.pl .home-backup .content h1 {
font-size: 3em
}
body.pl .home-backup .content h1.sub {
font-size: 7em
}
body.pl .home-backup .content .btn.btn-display {
font-size: 1.5em
}
body.pl .home-backup .content .videoLink {
margin-top: 1em;
padding-left: 1em
}
}
@media only screen and (max-width:767px) {
body.pl .home-backup .content {
max-width: 100%
}
body.pl .home-backup .content h1 {
font-size: 2em
}
body.pl .home-backup .content h1.sub {
font-size: 4em
}
body.pl .home-backup .content .btn.btn-display {
font-size: 1.2em
}
}
body.pt_BR .home-backup .content .btn.btn-display {
font-size: 2em
}
body.pt_BR .home-backup .content .videoLink {
margin-top: 1.9em
}
@media only screen and (max-width:1199px) {
body.pt_BR .home-backup .content .btn.btn-display {
font-size: 1.5em
}
body.pt_BR .home-backup .content .videoLink {
margin-top: 1em
}
}
@media only screen and (max-width:767px) {
body.pt_BR .home-backup .content .btn.btn-display {
font-size: 1.2em
}
}
.pop-down {
width: 100%;
background: url(10e774aab4dc069d667a07417d6b038c.jpg) no-repeat 26% 5%;
background-size: cover;
text-align: center;
position: relative
}
@media only screen and (max-width:991px) {
.pop-down {
background-position: 30% 50% !important
}
}
@media only screen and (min-width:1200px) {
.pop-down {
background-position: 50% 5% !important
}
}
.pop-down:after,
.pop-down:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
width: 20em;
height: 100%
}
@media only screen and (min-width:1200px) {
.pop-down:after,
.pop-down:before {
width: 40em
}
}
@media only screen and (max-width:767px) {
.pop-down:after,
.pop-down:before {
width: 5em
}
}
.pop-down:after {
background: #191919;
background: -webkit-gradient(linear, left top, right top, from(rgba(25, 25, 25, 0)), to(#191919));
background: -webkit-linear-gradient(left, rgba(25, 25, 25, 0), #191919);
background: -o-linear-gradient(left, rgba(25, 25, 25, 0) 0, #191919 100%);
background: linear-gradient(90deg, rgba(25, 25, 25, 0) 0, #191919);
right: 0
}
@media only screen and (max-width:767px) {
.pop-down:after {
display: none
}
}
.pop-down:before {
background: #191919;
background: -webkit-gradient(linear, right top, left top, from(rgba(25, 25, 25, 0)), to(#191919));
background: -webkit-linear-gradient(right, rgba(25, 25, 25, 0), #191919);
background: -o-linear-gradient(right, rgba(25, 25, 25, 0) 0, #191919 100%);
background: linear-gradient(270deg, rgba(25, 25, 25, 0) 0, #191919);
left: 0
}
@media only screen and (max-width:767px) {
.pop-down:before {
width: 100%;
background: rgba(25, 25, 25, .5) !important
}
}
.pop-down .content {
z-index: 1;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-right: 8%
}
@media only screen and (max-width:991px) {
.pop-down .content {
margin-right: 5%
}
}
@media only screen and (max-width:767px) {
.pop-down .content {
margin: 0 auto !important;
width: 300px;
float: none !important
}
}
.pop-down .content h1 {
color: #f2d53a;
margin: 0;
padding: 0;
font-size: 4em
}
@media only screen and (max-width:991px) {
.pop-down .content h1 {
font-size: 2.75em
}
}
.pop-down .content h3 {
color: #fff;
margin: 0
}
.pop-down .close-button {
position: absolute;
top: .7em;
right: .5em;
cursor: pointer;
z-index: 1
}
.pop-down .close-button i {
font-size: 1.5em;
color: #fff
}
body.fr .pop-down .content h1 {
font-size: 4em
}
@media only screen and (max-width:991px) {
body.fr .pop-down .content h1 {
font-size: 2.75em
}
}
.featured-videos-container {
margin-top: 28px;
border-top: 1px solid #e8e8e8
}
.featured-videos-container .featured-hero-video,
.featured-videos-container .featured-secondary-video {
display: inline-block;
width: 50%
}
.featured-videos-container .featured-hero-video .stream-card-container,
.featured-videos-container .featured-secondary-video .stream-card-container {
display: block
}
.featured-container.row {
min-height: 500px
}
@media only screen and (max-width:991px) {
.featured-container.row {
min-height: 440px
}
}
.feature-video-container {
margin-bottom: 1em
}
.feature-video-container .feature-video {
max-height: 658px;
min-height: 440px;
height: 53.8vw;
background: #656565
}
.feature-video-container .feature-video-detail {
margin-top: .5em
}
.feature-video-container .feature-video-detail p {
line-height: 1.5em;
margin-bottom: 0
}
.feature-video-container .feature-video-detail .feature-stream-title {
font-weight: 500;
font-size: 1.6em;
line-height: 1.5em;
color: #1e1e1e;
font-family: BurbankBigCondensed-Black, sans-serif
}
.feature-video-container .feature-video-detail .feature-stream-title:hover {
color: #1db8f3
}
@media only screen and (max-width:991px) {
.feature-video-container .feature-video-detail .feature-stream-title {
font-size: 1.2em
}
}
body.ar .feature-video-container .feature-video-detail {
text-align: right
}
.fortnite-playlist {
margin-bottom: 2em;
border-top: 1px solid #e8e8e8
}
.fortnite-playlist h2 {
padding-left: 4px
}
.fortnite-playlist .slick-slider:hover .slick-control:hover {
color: #1db8f3
}
.stream-card-container {
padding: 0 6px
}
.stream-card-container .stream-card-link {
text-decoration: none !important
}
.stream-card-container .stream-card {
width: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
background-color: #666;
color: #fff;
overflow: hidden;
cursor: pointer
}
.stream-card-container .stream-card .stream-status.status-live {
padding: .25em 2em;
background-color: #ff0;
color: #000;
font-weight: 700
}
.stream-card-container .stream-card .hover-message {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
background: rgba(0, 0, 0, .2);
opacity: 0;
-webkit-transition: opacity .1s ease-in-out;
-o-transition: opacity .1s ease-in-out;
transition: opacity .1s ease-in-out
}
.stream-card-container .stream-card .hover-message:hover {
opacity: 1
}
.stream-card-container .stream-card .hover-message .btn {
margin-top: 25%;
font-size: 1.2em
}
.stream-card-container .stream-card-info {
margin-top: .5em
}
.stream-card-container .stream-card-info .stream-total-views,
.stream-card-container .stream-card-info .stream-viewers {
margin-right: 2em;
font-size: .8em
}
.stream-card-container .stream-card-info a {
line-height: 1.4em;
color: #1e1e1e;
cursor: pointer;
font-family: BurbankSmall-Black, sans-serif;
font-sizE: 1.1em
}
.stream-card-container .stream-card-info p {
font-size: .8em;
margin-bottom: 0
}
.stream-card-container .stream-card-info .status-live {
color: #000
}
.stream-card-container .stream-card-info .streamer-name {
white-space: pre;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden
}
.featured-item .stream-card-container {
padding: 0;
display: block;
height: 100%
}
body.ar .live-container .stream-card-container .stream-card-info,
body.ar .playlists-container .stream-card-container .stream-card-info {
text-align: left
}
body.ar .live-container .stream-card-container .stream-card-info a,
body.ar .playlists-container .stream-card-container .stream-card-info a {
direction: ltr
}
.stream-overlay-container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .9);
z-index: 99999
}
.stream-overlay-container .stream-container {
position: relative;
width: 65vw;
padding: 0;
margin: 7vh auto;
background: #000
}
@media only screen and (min-width:992px) {
.stream-overlay-container .stream-container {
margin: 3vh auto
}
}
@media only screen and (max-width:991px) {
.stream-overlay-container .stream-container div.stream-title-bar h5.stream-title {
margin-top: .95em;
padding-left: 0
}
.stream-overlay-container .stream-container div.stream-title-bar button.stream-overlay-close {
margin-top: .2em;
position: absolute;
z-index: 999;
right: 14px
}
.stream-overlay-container .stream-container div.stream-title-bar .chat-toggle {
display: none
}
}
.stream-overlay-container .stream-container .stream-title-bar {
height: 2em;
background-color: #704ead;
color: #fff;
line-height: 2em
}
.stream-overlay-container .stream-container .stream-title-bar .stream-overlay-button {
padding: 4px;
margin: 0;
height: 1.3em;
line-height: 1.4em;
font-size: 1.2em;
color: #fff
}
.stream-overlay-container .stream-container .stream-title-bar.youtube {
background-color: #e62117
}
.stream-overlay-container .stream-container .stream-title-bar .stream-title {
margin-top: 1.2em
}
.stream-overlay-container .stream-container .stream-title-bar button {
margin-top: .4em
}
.stream-overlay-container .stream-container .stream-title-bar .chat-toggle {
margin-right: .5em;
color: #fff
}
.stream-overlay-container .stream-container .stream-title-bar .stream-overlay-close {
background: none !important;
border: none !important
}
.stream-overlay-container .stream-container .stream-contents {
height: calc(100% - 2em);
background-color: #000
}
@media only screen and (max-width:991px) {
.stream-overlay-container .stream-container .stream-contents {
height: calc(100% - 2.5em)
}
}
.stream-overlay-container .stream-container .stream-contents .stream-video-container {
height: 100%
}
@media (max-width:1650px) {
.stream-overlay-container .stream-container .stream-contents .stream-video-container.str-chat,
.stream-overlay-container .stream-container .stream-contents .stream-video-container.str-video {
width: 100%
}
.stream-overlay-container .stream-container .stream-contents .stream-video-container.str-video {
max-height: 60%
}
.stream-overlay-container .stream-container .stream-contents .stream-video-container.str-chat {
max-height: 40%
}
}
@media (max-width:1200px) and (min-width:992px) {
.stream-overlay-container .stream-container .stream-contents .stream-video-container.str-video.col-md-12 {
max-height: 60%
}
.stream-overlay-container .stream-container .stream-contents .stream-video-container.str-chat.col-md-12 {
max-height: 40%
}
}
.stream-overlay-container .stream-container .stream-contents .row {
height: 100%
}
@media only screen and (orientation:landscape) and (min-aspect-ratio:1/1) {
.wrapper.mobile .stream-container .stream-contents,
.wrapper.tablet .stream-container .stream-contents {
margin-top: 1.5em;
height: calc(100% - 9em)
}
}
.live-container {
min-height: 16em
}
.live-container .loading-spinner-center {
width: 5em;
height: 5em;
margin: 0 auto;
background: url(ef532e79e05e2d24a0f6332068f3a61b.gif) no-repeat 50%;
background-size: contain
}
.stream-card-container .stream-card .stream-status.status-recorded {
font-size: .85em;
padding: .25em 2em;
background-color: #8c9aad
}
.stream-card-container .stream-card-info a {
white-space: pre;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
display: block
}
.stream-card-container .stream-card-info a .video-title {
font-weight: 500;
font-size: .85em
}
.stream-card-container .stream-card-info a .channel-title {
color: #1e1e1e
}
.leaderboard table {
width: 100%
}
.leaderboard table tr td:nth-child(3),
.leaderboard table tr th:nth-child(3) {
text-align: right
}
.leaderboard table thead tr th {
padding: 1em .5em;
border-bottom: 1px solid #ddd
}
.leaderboard table tbody tr:nth-child(2n) {
background-color: #f8f8f8
}
.leaderboard table tbody tr:nth-child(odd) {
background-color: #fff
}
.leaderboard table tbody tr td {
padding: 1em .5em
}
.leaderboard table tbody tr:hover {
background-color: #eee
}
.player-stat {
padding: 1.5em 1em;
margin: .5em 0;
border: 1px solid #ddd
}
.player-stat.empty {
display: none
}
.player-stat .stat-title {
font-size: 1.6em;
font-weight: 400
}
.player-stat .stat-value {
font-size: 2em;
font-weight: 600
}
.callout {
width: 100%;
margin: 2em auto;
position: relative;
padding: 10em 0;
-webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 100%);
background-color: #000
}
@media only screen and (max-width:991px) {
.callout {
padding: 6em 0
}
}
.callout .background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center 45%;
background-size: cover;
opacity: .65
}
.callout .content {
position: relative;
max-width: 1600px;
width: 100%;
margin: 0 auto
}
@media only screen and (max-width:991px) {
.callout .content {
text-align: center
}
}
.callout .content .contentWrapper {
max-width: 33em;
width: 100%;
margin: 0 auto
}
.callout .content .contentWrapper .description {
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 1;
color: #fff
}
.callout .content .contentWrapper .description h2 {
font-size: 2.5em;
text-shadow: 1px 0 10px rgba(0, 0, 0, .5)
}
@media only screen and (max-width:1199px) {
.callout .content .contentWrapper .description h2 {
font-size: 2em
}
}
@media only screen and (max-width:767px) {
.callout .content .contentWrapper .description h2 {
font-size: 1.5em
}
}
.bug {
position: absolute;
top: 8%;
right: 5%;
background-color: #fff;
padding: 1em;
width: 100%;
max-width: 10em;
-webkit-clip-path: polygon(10% 100%, 0 5%, 90% 0, 90% 5%, 93% 0, 100% 0, 96% 100%);
clip-path: polygon(10% 100%, 0 5%, 90% 0, 90% 5%, 93% 0, 100% 0, 96% 100%)
}
@media only screen and (max-width:991px) {
.bug {
display: none
}
}
.bug h3 {
color: #04c7ff;
margin: 0
}
@media only screen and (max-width:767px) {
.es_ES .callout .content .contentWrapper .description h2 {
font-size: 1.5em
}
}
.ja .bug h3,
.ko .bug h3 {
font-size: 1.2em
}
.battle-pass-header {
height: 85vh;
min-height: 800px;
padding: 4em 2em 5em;
color: #fff;
position: relative
}
@media only screen and (max-width:991px) {
.battle-pass-header {
height: 80vh;
min-height: 640px
}
}
.battle-pass-header:after {
content: "";
display: block;
background: #c5f6ff;
position: absolute;
left: 0;
right: 0;
bottom: -1em;
height: 6em;
-webkit-clip-path: polygon(0 70%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 70%, 100% 0, 100% 100%, 0 100%)
}
.battle-pass-header .backgroundImage {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 100%;
background-size: cover
}
@media only screen and (max-width:991px) {
.battle-pass-header .backgroundImage {
position: absolute;
background-position: 50%
}
}
.battle-pass-header .content-container {
position: absolute;
bottom: 20%;
left: 10%
}
@media only screen and (max-width:1199px) {
.battle-pass-header .content-container {
left: 0;
right: 0
}
}
@media only screen and (max-width:991px) {
.battle-pass-header .content-container {
bottom: auto;
top: 40%
}
}
.battle-pass-header .content-container h1,
.battle-pass-header .content-container h2,
.battle-pass-header .content-container h3 {
position: relative;
z-index: 1
}
.battle-pass-header .content-container h1 {
margin: 0 0 .1em;
font-size: 10em;
text-shadow: 1px 0 10px rgba(0, 0, 0, .5)
}
@media only screen and (max-width:991px) {
.battle-pass-header .content-container h1 {
font-size: 6em
}
}
@media only screen and (max-width:767px) {
.battle-pass-header .content-container h1 {
font-size: 4em;
margin: .2em 0
}
}
.battle-pass-header .content-container h2 {
margin: 0;
font-size: 6.5em
}
.battle-pass-header .content-container h3 {
font-size: 4em;
margin: 0 0 .3em;
text-shadow: 1px 0 10px rgba(0, 0, 0, .5)
}
@media only screen and (max-width:991px) {
.battle-pass-header .content-container h3 {
font-size: 3em
}
}
@media only screen and (max-width:767px) {
.battle-pass-header .content-container h3 {
font-size: 2em
}
}
.battle-pass-header .content-container .buttons {
margin-bottom: 1em;
opacity: 0
}
.battle-pass-header .date {
position: absolute;
top: 1em;
right: 5%;
max-width: 14em
}
.battle-pass-header .date h3 {
color: #000;
margin: 0
}
@media only screen and (max-width:991px) {
.battle-pass-header .date {
top: .5em;
right: .5em
}
.battle-pass-header .date h3 {
font-size: 1em
}
}
@media only screen and (max-width:767px) {
.battle-pass-header .date {
left: 0;
right: 0;
margin: 0 auto
}
}
.battle-pass-header .bottom-section {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: 1700px;
margin: 0 auto
}
.battle-pass-header .bottom-section .more {
position: absolute;
bottom: -2em;
left: 3em;
width: 100%;
max-width: 19em;
padding: 2em;
z-index: 1
}
@media only screen and (max-width:1399px) {
.battle-pass-header .bottom-section .more {
left: 0;
max-width: 14em
}
}
@media only screen and (max-width:1199px) {
.battle-pass-header .bottom-section .more {
position: relative;
bottom: 0;
left: 0;
margin: 0 auto
}
}
.battle-pass-header .bottom-section .more:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
-webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%)
}
.battle-pass-header .bottom-section .more i {
color: #fff;
position: absolute;
top: 99%;
left: 0;
right: 0;
font-size: 3.5em
}
@media only screen and (max-width:767px) {
.battle-pass-header .bottom-section .more i {
top: 95%
}
}
.battle-pass-header .bottom-section .more h3 {
position: relative;
z-index: 1;
font-size: 1.5em;
color: #04c7ff;
margin: 0
}
@media only screen and (max-width:1399px) {
.battle-pass-header .bottom-section .more h3 {
font-size: 1em
}
}
.de .battle-pass-header .content-container h1,
.de .battle-pass-header .content-container h2,
.de .battle-pass-header .content-container h3,
.en_US .battle-pass-header .content-container h1,
.en_US .battle-pass-header .content-container h2,
.en_US .battle-pass-header .content-container h3 {
line-height: .8
}
.fr .battle-pass-header .content-container h1 {
font-size: 8em !important
}
@media only screen and (max-width:991px) {
.fr .battle-pass-header .content-container h1 {
font-size: 6em !important
}
}
@media only screen and (max-width:767px) {
.fr .battle-pass-header .content-container h1 {
font-size: 4em !important;
margin: .2em 0
}
}
.fr .battle-pass-header .content-container h2 {
font-size: 6.5em !important
}
.fr .battle-pass-header .content-container h3 {
font-size: 3em !important
}
@media only screen and (max-width:767px) {
.fr .battle-pass-header .content-container h3 {
font-size: 2em !important
}
}
@media only screen and (max-width:1399px) {
.es_ES .battle-pass-header .content-container h1,
.es_MX .battle-pass-header .content-container h1,
.fr .battle-pass-header .content-container h1,
.it .battle-pass-header .content-container h1,
.ja .battle-pass-header .content-container h1,
.pl .battle-pass-header .content-container h1,
.pt_BR .battle-pass-header .content-container h1,
.ru .battle-pass-header .content-container h1,
.tr .battle-pass-header .content-container h1 {
font-size: 5em;
font-size: 3.5em
}
.es_ES .battle-pass-header .content-container h3,
.es_MX .battle-pass-header .content-container h3,
.fr .battle-pass-header .content-container h3,
.it .battle-pass-header .content-container h3,
.ja .battle-pass-header .content-container h3,
.pl .battle-pass-header .content-container h3,
.pt_BR .battle-pass-header .content-container h3,
.ru .battle-pass-header .content-container h3,
.tr .battle-pass-header .content-container h3 {
font-size: 1.5em
}
}
@media only screen and (max-width:991px) {
.es_ES .battle-pass-header .content-container h1,
.es_MX .battle-pass-header .content-container h1,
.fr .battle-pass-header .content-container h1,
.it .battle-pass-header .content-container h1,
.ja .battle-pass-header .content-container h1,
.pl .battle-pass-header .content-container h1,
.pt_BR .battle-pass-header .content-container h1,
.ru .battle-pass-header .content-container h1,
.tr .battle-pass-header .content-container h1 {
font-size: 2.5em
}
}
.ja .battle-pass-header .bottom-section .more h3,
.ja .battle-pass-header .date h3,
.ko .battle-pass-header .bottom-section .more h3,
.ko .battle-pass-header .date h3 {
font-size: 1em
}
.ja .battle-pass-header .bottom-section .more i,
.ko .battle-pass-header .bottom-section .more i {
top: 90%
}
.season-8 .battle-pass-header:after {
background-color: #211d1e
}
.season-8 .battle-pass-header .content-container {
bottom: unset;
left: 5%;
top: 30%
}
@media only screen and (max-width:991px) {
.season-8 .battle-pass-header .content-container {
top: auto;
bottom: 30%;
left: 0
}
}
@media only screen and (max-width:992px) and (orientation:landscape) {
.season-8 .battle-pass-header .content-container {
top: unset;
bottom: 30%;
left: 0
}
}
.season-8 .battle-pass-header .more h3 {
color: #000
}
.season-8 .battle-pass-header .more i {
color: #fff710
}
.season-8 .battle-pass-header .more:after {
background-color: #fff710
}
.ar .battle-pass-header button {
direction: rtl
}
.season-9 .battle-pass-header .date {
right: 3%;
top: 5%
}
.season-9 .battle-pass-header .backgroundImage {
background-position: bottom
}
@media screen and (min-height:400px) {
.season-9 .battle-pass-header .backgroundImage {
background-position: top
}
}
@media screen and (min-height:600px) {
.season-9 .battle-pass-header .backgroundImage {
background-position: 50%
}
}
@media screen and (min-height:800px) {
.season-9 .battle-pass-header .backgroundImage {
background-position: bottom
}
}
.season-9 .battle-pass-header .content-container {
bottom: unset;
right: unset;
left: 5%;
top: 5%
}
@media only screen and (max-width:991px) {
.season-9 .battle-pass-header .content-container {
left: 2%;
font-size: 10px
}
}
@media only screen and (max-width:767px) {
.season-9 .battle-pass-header .content-container {
left: unset;
top: unset;
bottom: unset;
right: unset;
font-size: 8px;
position: relative
}
}
.season-9 .battle-pass-header .content-container h3 {
text-shadow: none;
font-size: 6em !important;
color: #f11960;
margin-bottom: 10px;
line-height: .8
}
@media only screen and (max-width:991px) {
.season-9 .battle-pass-header .content-container h3 {
font-size: 10em !important
}
}
.season-9 .battle-pass-header .content-container h1 {
text-shadow: 1px 0 10px #fff;
font-size: 3em !important;
color: #000
}
@media only screen and (max-width:991px) {
.season-9 .battle-pass-header .content-container h1 {
font-size: 4em !important
}
}
.season-9 .battle-pass-header .more h3 {
color: #fff
}
.season-9 .battle-pass-header .more i:before {
color: #04c7ff
}
.season-9 .battle-pass-header .more:after {
background-color: #04c7ff
}
.season-x .battle-pass-header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 6em
}
.season-x .battle-pass-header:after {
background: #000
}
.season-x .battle-pass-header .backgroundImage {
background-position: top
}
.season-x .battle-pass-header .date {
right: 3%;
top: 5%
}
.season-x .battle-pass-header .date h3 {
color: #fff
}
.season-x .battle-pass-header .content-container {
position: static;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.season-x .battle-pass-header .content-container .animate-string:first-of-type {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
color: #00fcff
}
.season-x .battle-pass-header .content-container .animate-string:second-of-type {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.season-x .battle-pass-header .content-container .buttons {
position: absolute;
top: 5%;
left: 3%
}
@media only screen and (max-width:767px) {
.season-x .battle-pass-header .content-container .buttons {
left: unset;
top: unset;
bottom: unset;
right: unset;
font-size: 8px;
position: relative;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
}
}
.season-x .battle-pass-header .more h3 {
color: #000
}
.season-x .battle-pass-header .more i:before {
color: #00fcff
}
.season-x .battle-pass-header .more:after {
background-color: #00fcff
}
.battle-pass-headerVideo {
height: 70vh;
min-height: 800px;
color: #fff;
position: relative
}
.battle-pass-headerVideo:after {
content: "";
display: block;
background: #c5f6ff;
position: absolute;
left: 0;
right: 0;
bottom: -.5em;
height: 6em;
-webkit-clip-path: polygon(0 70%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 70%, 100% 0, 100% 100%, 0 100%)
}
@media only screen and (max-width:1199px) {
.battle-pass-headerVideo {
height: 50vh;
min-height: 600px
}
.battle-pass-headerVideo:after {
height: 3em
}
}
@media only screen and (max-width:767px) {
.battle-pass-headerVideo {
height: 80vh;
min-height: 500px
}
}
.battle-pass-headerVideo .bkVid {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 0
}
@media only screen and (max-width:991px) {
.battle-pass-headerVideo .bkVid .backgr5ound-video:after,
.battle-pass-headerVideo .bkVid .video:after {
display: none
}
}
.battle-pass-headerVideo .containerWrapper {
max-width: 1600px;
margin: 0 auto;
position: relative;
height: 100%
}
@media only screen and (max-width:767px) {
.battle-pass-headerVideo .containerWrapper {
height: auto
}
}
.battle-pass-headerVideo .containerWrapper .skins {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media only screen and (max-width:767px) {
.battle-pass-headerVideo .containerWrapper .skins {
position: relative;
height: 30em
}
}
.battle-pass-headerVideo .containerWrapper .skins img {
position: absolute;
bottom: 0;
right: 2em;
height: 100%;
width: auto;
opacity: 0;
visibility: hidden;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out
}
@media only screen and (max-width:1199px) {
.battle-pass-headerVideo .containerWrapper .skins img {
right: -8%
}
}
@media only screen and (max-width:767px) {
.battle-pass-headerVideo .containerWrapper .skins img {
right: 0;
left: 0;
margin: 0 auto
}
}
@media only screen and (max-width:768px) and (orientation:portrait) {
.battle-pass-headerVideo .containerWrapper .skins img {
width: auto;
height: 100%
}
}
.battle-pass-headerVideo .containerWrapper .skins img.show {
opacity: 1;
visibility: visible
}
.battle-pass-headerVideo .containerWrapper .content-container {
position: relative;
top: 25%;
left: 0;
z-index: 3;
width: 100%;
max-width: 40em
}
@media only screen and (max-width:991px) {
.battle-pass-headerVideo .containerWrapper .content-container {
left: 0;
max-width: 25em
}
}
@media only screen and (max-width:767px) {
.battle-pass-headerVideo .containerWrapper .content-container {
top: 0;
left: 0;
margin: 0 auto;
padding-top: 25vh
}
}
.battle-pass-headerVideo .containerWrapper .content-container h1,
.battle-pass-headerVideo .containerWrapper .content-container h2,
.battle-pass-headerVideo .containerWrapper .content-container h3 {
position: relative;
z-index: 1
}
.battle-pass-headerVideo .containerWrapper .content-container h1 {
margin: 0;
font-size: 10em;
color: #caf6ff
}
@media only screen and (max-width:1199px) {
.battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 8em
}
}
@media only screen and (max-width:991px) {
.battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 5em
}
}
@media only screen and (max-width:767px) {
.battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 4em
}
}
.battle-pass-headerVideo .containerWrapper .content-container h2 {
margin: 0;
font-size: 6.5em
}
@media only screen and (max-width:991px) {
.battle-pass-headerVideo .containerWrapper .content-container h2 {
font-size: 5em
}
}
.battle-pass-headerVideo .containerWrapper .content-container h3 {
color: #fff;
margin: 0;
font-size: 2em
}
@media only screen and (max-width:991px) {
.battle-pass-headerVideo .containerWrapper .content-container h3 {
font-size: 1.5em
}
}
@media only screen and (max-width:767px) {
.battle-pass-headerVideo .containerWrapper .content-container h3 {
font-size: 1.2em
}
}
.battle-pass-headerVideo .containerWrapper .content-container .buttons {
opacity: 0;
margin-bottom: 1em
}
.battle-pass-headerVideo .date {
position: absolute;
top: 1em;
right: 2em
}
.battle-pass-headerVideo .date h3 {
margin: 0;
color: #000
}
@media only screen and (max-width:991px) {
.battle-pass-headerVideo .date {
top: .5em;
right: .5em
}
.battle-pass-headerVideo .date h3 {
font-size: 1em
}
}
@media only screen and (max-width:767px) {
.battle-pass-headerVideo .date {
right: 0;
left: 0;
text-align: center
}
.battle-pass-headerVideo .date h3 {
color: #caf6ff
}
}
.battle-pass-headerVideo .bottom-section {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: 1700px;
margin: 0 auto
}
.battle-pass-headerVideo .bottom-section .play {
position: absolute;
left: 0;
right: 0;
bottom: -5em;
z-index: 2
}
.battle-pass-headerVideo .bottom-section .play h3 {
margin: 0;
font-size: 2.5em;
color: #04c7ff
}
@media only screen and (max-width:1199px) {
.battle-pass-headerVideo .bottom-section .play {
bottom: -8.5em
}
}
@media only screen and (max-width:991px) {
.battle-pass-headerVideo .bottom-section .play {
bottom: -7.5em
}
.battle-pass-headerVideo .bottom-section .play h3 {
font-size: 2em
}
}
@media only screen and (max-width:767px) {
.battle-pass-headerVideo .bottom-section .play {
bottom: -125%;
width: 100%;
max-width: 20em;
margin: 0 auto
}
.battle-pass-headerVideo .bottom-section .play h3 {
font-size: 1.5em
}
}
.battle-pass-headerVideo .bottom-section .more {
position: absolute;
bottom: -2em;
left: 3em;
width: 100%;
max-width: 19em;
padding: 2em;
z-index: 1
}
@media only screen and (max-width:1399px) {
.battle-pass-headerVideo .bottom-section .more {
left: 0;
max-width: 14em
}
}
@media only screen and (max-width:1199px) {
.battle-pass-headerVideo .bottom-section .more {
position: relative;
bottom: 0;
left: 0;
margin: 0 auto
}
}
.battle-pass-headerVideo .bottom-section .more:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
-webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%)
}
.battle-pass-headerVideo .bottom-section .more i {
color: #fff;
position: absolute;
top: 99%;
left: 0;
right: 0;
font-size: 3.5em
}
@media only screen and (max-width:767px) {
.battle-pass-headerVideo .bottom-section .more i {
top: 95%
}
}
.battle-pass-headerVideo .bottom-section .more h3 {
position: relative;
z-index: 1;
font-size: 1.5em;
margin: 0;
color: #04c7ff
}
@media only screen and (max-width:1399px) {
.battle-pass-headerVideo .bottom-section .more h3 {
font-size: 1em
}
}
.en_US .battle-pass-headerVideo .containerWrapper .content-container h1 {
line-height: .85
}
.de .battle-pass-headerVideo .containerWrapper .content-container,
.es_ES .battle-pass-headerVideo .containerWrapper .content-container,
.es_MX .battle-pass-headerVideo .containerWrapper .content-container,
.fr .battle-pass-headerVideo .containerWrapper .content-container,
.it .battle-pass-headerVideo .containerWrapper .content-container,
.ko .battle-pass-headerVideo .containerWrapper .content-container,
.pl .battle-pass-headerVideo .containerWrapper .content-container,
.pt_BR .battle-pass-headerVideo .containerWrapper .content-container,
.ru .battle-pass-headerVideo .containerWrapper .content-container,
.tr .battle-pass-headerVideo .containerWrapper .content-container,
.zh .battle-pass-headerVideo .containerWrapper .content-container,
.zh_HK .battle-pass-headerVideo .containerWrapper .content-container {
max-width: 40em;
width: 100%
}
@media only screen and (max-width:1199px) {
.de .battle-pass-headerVideo .containerWrapper .content-container,
.es_ES .battle-pass-headerVideo .containerWrapper .content-container,
.es_MX .battle-pass-headerVideo .containerWrapper .content-container,
.fr .battle-pass-headerVideo .containerWrapper .content-container,
.it .battle-pass-headerVideo .containerWrapper .content-container,
.ko .battle-pass-headerVideo .containerWrapper .content-container,
.pl .battle-pass-headerVideo .containerWrapper .content-container,
.pt_BR .battle-pass-headerVideo .containerWrapper .content-container,
.ru .battle-pass-headerVideo .containerWrapper .content-container,
.tr .battle-pass-headerVideo .containerWrapper .content-container,
.zh .battle-pass-headerVideo .containerWrapper .content-container,
.zh_HK .battle-pass-headerVideo .containerWrapper .content-container {
max-width: 30em
}
}
.de .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_ES .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_MX .battle-pass-headerVideo .containerWrapper .content-container h1,
.fr .battle-pass-headerVideo .containerWrapper .content-container h1,
.it .battle-pass-headerVideo .containerWrapper .content-container h1,
.ko .battle-pass-headerVideo .containerWrapper .content-container h1,
.pl .battle-pass-headerVideo .containerWrapper .content-container h1,
.pt_BR .battle-pass-headerVideo .containerWrapper .content-container h1,
.ru .battle-pass-headerVideo .containerWrapper .content-container h1,
.tr .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh_HK .battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 7em
}
@media only screen and (max-width:1199px) {
.de .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_ES .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_MX .battle-pass-headerVideo .containerWrapper .content-container h1,
.fr .battle-pass-headerVideo .containerWrapper .content-container h1,
.it .battle-pass-headerVideo .containerWrapper .content-container h1,
.ko .battle-pass-headerVideo .containerWrapper .content-container h1,
.pl .battle-pass-headerVideo .containerWrapper .content-container h1,
.pt_BR .battle-pass-headerVideo .containerWrapper .content-container h1,
.ru .battle-pass-headerVideo .containerWrapper .content-container h1,
.tr .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh_HK .battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 5em
}
}
@media only screen and (max-width:991px) {
.de .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_ES .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_MX .battle-pass-headerVideo .containerWrapper .content-container h1,
.fr .battle-pass-headerVideo .containerWrapper .content-container h1,
.it .battle-pass-headerVideo .containerWrapper .content-container h1,
.ko .battle-pass-headerVideo .containerWrapper .content-container h1,
.pl .battle-pass-headerVideo .containerWrapper .content-container h1,
.pt_BR .battle-pass-headerVideo .containerWrapper .content-container h1,
.ru .battle-pass-headerVideo .containerWrapper .content-container h1,
.tr .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh_HK .battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 5em
}
}
@media only screen and (max-width:767px) {
.de .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_ES .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_MX .battle-pass-headerVideo .containerWrapper .content-container h1,
.fr .battle-pass-headerVideo .containerWrapper .content-container h1,
.it .battle-pass-headerVideo .containerWrapper .content-container h1,
.ko .battle-pass-headerVideo .containerWrapper .content-container h1,
.pl .battle-pass-headerVideo .containerWrapper .content-container h1,
.pt_BR .battle-pass-headerVideo .containerWrapper .content-container h1,
.ru .battle-pass-headerVideo .containerWrapper .content-container h1,
.tr .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh_HK .battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 3em
}
}
.ja .battle-pass-headerVideo .containerWrapper .content-container h1,
.ko .battle-pass-headerVideo .containerWrapper .content-container h1,
.pl .battle-pass-headerVideo .containerWrapper .content-container h1,
.ru .battle-pass-headerVideo .containerWrapper .content-container h1,
.tr .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh_HK .battle-pass-headerVideo .containerWrapper .content-container h1 {
line-height: 1;
font-size: 7em
}
@media only screen and (max-width:1199px) {
.ja .battle-pass-headerVideo .containerWrapper .content-container h1,
.ko .battle-pass-headerVideo .containerWrapper .content-container h1,
.pl .battle-pass-headerVideo .containerWrapper .content-container h1,
.ru .battle-pass-headerVideo .containerWrapper .content-container h1,
.tr .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh_HK .battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 5em
}
}
@media only screen and (max-width:991px) {
.ja .battle-pass-headerVideo .containerWrapper .content-container h1,
.ko .battle-pass-headerVideo .containerWrapper .content-container h1,
.pl .battle-pass-headerVideo .containerWrapper .content-container h1,
.ru .battle-pass-headerVideo .containerWrapper .content-container h1,
.tr .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh_HK .battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 5em
}
}
@media only screen and (max-width:767px) {
.ja .battle-pass-headerVideo .containerWrapper .content-container h1,
.ko .battle-pass-headerVideo .containerWrapper .content-container h1,
.pl .battle-pass-headerVideo .containerWrapper .content-container h1,
.ru .battle-pass-headerVideo .containerWrapper .content-container h1,
.tr .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh .battle-pass-headerVideo .containerWrapper .content-container h1,
.zh_HK .battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 3em
}
}
.ja .battle-pass-headerVideo .date h3,
.ko .battle-pass-headerVideo .date h3,
.pl .battle-pass-headerVideo .date h3,
.ru .battle-pass-headerVideo .date h3,
.tr .battle-pass-headerVideo .date h3,
.zh .battle-pass-headerVideo .date h3,
.zh_HK .battle-pass-headerVideo .date h3 {
font-size: 1em
}
@media only screen and (max-width:767px) {
.ja .battle-pass-headerVideo .bottom-section .play,
.ko .battle-pass-headerVideo .bottom-section .play,
.pl .battle-pass-headerVideo .bottom-section .play,
.ru .battle-pass-headerVideo .bottom-section .play,
.tr .battle-pass-headerVideo .bottom-section .play,
.zh .battle-pass-headerVideo .bottom-section .play,
.zh_HK .battle-pass-headerVideo .bottom-section .play {
bottom: -100%;
max-width: 35em;
margin: 0 auto
}
}
.ja .battle-pass-headerVideo .bottom-section .play h3,
.ko .battle-pass-headerVideo .bottom-section .play h3,
.pl .battle-pass-headerVideo .bottom-section .play h3,
.ru .battle-pass-headerVideo .bottom-section .play h3,
.tr .battle-pass-headerVideo .bottom-section .play h3,
.zh .battle-pass-headerVideo .bottom-section .play h3,
.zh_HK .battle-pass-headerVideo .bottom-section .play h3 {
font-size: 2em
}
@media only screen and (max-width:767px) {
.ja .battle-pass-headerVideo .bottom-section .play h3,
.ko .battle-pass-headerVideo .bottom-section .play h3,
.pl .battle-pass-headerVideo .bottom-section .play h3,
.ru .battle-pass-headerVideo .bottom-section .play h3,
.tr .battle-pass-headerVideo .bottom-section .play h3,
.zh .battle-pass-headerVideo .bottom-section .play h3,
.zh_HK .battle-pass-headerVideo .bottom-section .play h3 {
font-size: 1.2em
}
}
.ja .battle-pass-headerVideo .bottom-section .more h3,
.ko .battle-pass-headerVideo .bottom-section .more h3,
.pl .battle-pass-headerVideo .bottom-section .more h3,
.ru .battle-pass-headerVideo .bottom-section .more h3,
.tr .battle-pass-headerVideo .bottom-section .more h3,
.zh .battle-pass-headerVideo .bottom-section .more h3,
.zh_HK .battle-pass-headerVideo .bottom-section .more h3 {
font-size: 1em
}
.ja .battle-pass-headerVideo .bottom-section .more i,
.ko .battle-pass-headerVideo .bottom-section .more i,
.pl .battle-pass-headerVideo .bottom-section .more i,
.ru .battle-pass-headerVideo .bottom-section .more i,
.tr .battle-pass-headerVideo .bottom-section .more i,
.zh .battle-pass-headerVideo .bottom-section .more i,
.zh_HK .battle-pass-headerVideo .bottom-section .more i {
top: 90%
}
@media only screen and (max-width:767px) {
.zh .battle-pass-headerVideo .containerWrapper .content-container .buttons .btn.btn-display,
.zh_HK .battle-pass-headerVideo .containerWrapper .content-container .buttons .btn.btn-display {
padding: 0 1em
}
}
.season-6 .battle-pass-headerVideo:after {
background-color: #130414
}
@media only screen and (max-width:767px) {
.season-6 .battle-pass-headerVideo .containerWrapper .skins {
height: 24em
}
}
@media screen and (max-width:320px) {
.season-6 .battle-pass-headerVideo .containerWrapper .skins {
height: 20em
}
}
.season-6 .battle-pass-headerVideo .containerWrapper .content-container {
max-width: 36em
}
.season-6 .battle-pass-headerVideo .containerWrapper .content-container h1 {
color: #fe23a9
}
.season-6 .battle-pass-headerVideo .containerWrapper .content-container h3 {
color: #fff;
font-size: 2.5em
}
@media screen and (max-width:1540px) {
.season-6 .battle-pass-headerVideo .containerWrapper .content-container {
left: 1em
}
}
@media only screen and (max-width:1199px) {
.season-6 .battle-pass-headerVideo .containerWrapper .content-container {
max-width: 30em
}
}
@media only screen and (max-width:991px) {
.season-6 .battle-pass-headerVideo .containerWrapper .content-container {
max-width: 20em
}
.season-6 .battle-pass-headerVideo .containerWrapper .content-container h3 {
font-size: 1.5em
}
}
@media only screen and (max-width:767px) {
.season-6 .battle-pass-headerVideo .containerWrapper .content-container {
left: 0
}
}
.season-6 .battle-pass-headerVideo .bottom-section .play h3 {
color: #c47cff
}
.season-6 .battle-pass-headerVideo .bottom-section .more h3 {
color: #fff
}
.season-6 .battle-pass-headerVideo .bottom-section .more:after {
background-color: #fe23a9
}
.season-6 .battle-pass-headerVideo .bottom-section .more i {
color: #fe23a9
}
.en_US .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1 {
line-height: .85
}
.de .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_ES .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_MX .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.fr .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.it .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.ko .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.pl .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.pt_BR .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.ru .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.tr .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 7em
}
@media only screen and (max-width:1199px) {
.de .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_ES .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_MX .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.fr .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.it .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.ko .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.pl .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.pt_BR .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.ru .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.tr .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 5em
}
}
@media only screen and (max-width:991px) {
.de .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_ES .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_MX .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.fr .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.it .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.ko .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.pl .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.pt_BR .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.ru .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.tr .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 4em
}
}
@media only screen and (max-width:767px) {
.de .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_ES .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.es_MX .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.fr .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.it .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.ko .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.pl .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.pt_BR .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.ru .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1,
.tr .season-6 .battle-pass-headerVideo .containerWrapper .content-container h1 {
font-size: 3em
}
}
.battle-pass-faq {
min-height: 80vh;
padding: 5em 8em;
background-color: #060a14;
color: #fff;
position: relative
}
@media only screen and (max-width:1199px) {
.battle-pass-faq {
padding: 1em
}
}
@media only screen and (max-width:991px) {
.battle-pass-faq {
padding: 1em;
min-height: 100%
}
}
.battle-pass-faq h1.battle-pass-faq-title {
text-transform: none;
font-size: 6em
}
@media only screen and (max-width:991px) {
.battle-pass-faq h1.battle-pass-faq-title {
font-size: 4em
}
}
.battle-pass-faq .battle-pass-faqs-container {
margin-top: 4em;
margin-bottom: 8em
}
@media only screen and (max-width:991px) {
.battle-pass-faq .battle-pass-faqs-container {
margin-top: 2em;
margin-bottom: 2em
}
}
.battle-pass-faq .battle-pass-faqs-container h1 {
font-size: 2.5em
}
@media only screen and (max-width:991px) {
.battle-pass-faq .battle-pass-faqs-container h1 {
font-size: 1.5em
}
}
.battle-pass-faq .battle-pass-faqs-container .battle-pass-faq-item {
margin-top: 4em;
padding-bottom: 2em;
border-bottom: 1px solid #353535
}
@media only screen and (max-width:991px) {
.battle-pass-faq .battle-pass-faqs-container .battle-pass-faq-item {
margin-top: 2emv
}
}
.battle-pass-faq .battle-pass-faqs-container .battle-pass-faq-item .battle-pass-answer {
margin-top: 2em;
max-width: 70em
}
@media only screen and (max-width:991px) {
.battle-pass-faq .battle-pass-faqs-container .battle-pass-faq-item .battle-pass-answer {
margin-top: 1em
}
}
.battle-pass-jumbotron {
min-height: 50vh;
position: relative;
padding: 0;
background-color: #fff
}
@media only screen and (max-width:991px) {
.battle-pass-jumbotron {
padding: 5em 1em 0
}
}
.battle-pass-jumbotron:after {
content: "";
display: block;
width: 100%;
height: 5em;
background-color: #060a14;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.battle-pass-jumbotron .title-container {
position: relative
}
@media only screen and (max-width:767px) {
.battle-pass-jumbotron .title-container {
margin-bottom: 1em
}
}
.battle-pass-jumbotron .title-container h1 {
font-size: 15em;
color: #66d0ff;
text-align: center;
margin: 0
}
@media only screen and (max-width:991px) {
.battle-pass-jumbotron .title-container h1 {
font-size: 10em
}
}
@media only screen and (max-width:767px) {
.battle-pass-jumbotron .title-container h1 {
font-size: 5em
}
}
.battle-pass-jumbotron .jumbo-content {
max-width: 30em;
margin: 0 auto 2em;
position: relative;
z-index: 1
}
.battle-pass-jumbotron .jumbo-content h2 {
font-size: 4em;
color: #000;
max-width: 10em;
margin: 0
}
@media only screen and (max-width:767px) {
.battle-pass-jumbotron .jumbo-content h2 {
font-size: 2em;
max-width: 100%;
margin-bottom: .2em
}
}
.battle-pass-jumbotron .jumbo-content p {
font-family: BurbankSmall-Black, sans-serif;
font-size: 1em;
color: #000;
margin-bottom: .5em
}
@media only screen and (max-width:767px) {
.battle-pass-jumbotron .jumbo-content p {
font-size: .9em
}
}
.battle-pass-jumbotron .image {
position: relative;
z-index: 2;
cursor: pointer;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.battle-pass-jumbotron .image .playButton {
position: absolute;
left: 0;
right: 0;
bottom: -2em;
background: #000;
width: 4em;
margin: 0 auto;
border-radius: 50%;
cursor: pointer;
display: block;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
@media only screen and (max-width:767px) {
.battle-pass-jumbotron .image .playButton {
width: 2em
}
}
.battle-pass-jumbotron .image .playButton i {
color: #ff0;
font-size: 4em;
display: block;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
@media only screen and (max-width:767px) {
.battle-pass-jumbotron .image .playButton i {
font-size: 2em
}
}
@media only screen and (min-width:992px) {
.battle-pass-jumbotron .image:hover {
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01)
}
}
.de .battle-pass-jumbotron .jumbo-content,
.es_MX .battle-pass-jumbotron .jumbo-content,
.fr .battle-pass-jumbotron .jumbo-content,
.ja .battle-pass-jumbotron .jumbo-content,
.pt_BR .battle-pass-jumbotron .jumbo-content,
.tr .battle-pass-jumbotron .jumbo-content,
.zh .battle-pass-jumbotron .jumbo-content,
.zh_HK .battle-pass-jumbotron .jumbo-content {
max-width: 40em
}
@media only screen and (max-width:1199px) {
.es_ES .battle-pass-jumbotron .title-container h1,
.fr .battle-pass-jumbotron .title-container h1 {
font-size: 8em
}
}
@media only screen and (max-width:991px) {
.es_ES .battle-pass-jumbotron .title-container h1,
.fr .battle-pass-jumbotron .title-container h1 {
font-size: 4em
}
}
@media only screen and (max-width:767px) {
.es_ES .battle-pass-jumbotron .title-container h1,
.fr .battle-pass-jumbotron .title-container h1 {
font-size: 3em
}
}
.it .battle-pass-jumbotron .title-container h1,
.ja .battle-pass-jumbotron .title-container h1,
.ko .battle-pass-jumbotron .title-container h1,
.zh .battle-pass-jumbotron .title-container h1,
.zh_HK .battle-pass-jumbotron .title-container h1 {
font-size: 9em
}
@media only screen and (max-width:1199px) {
.it .battle-pass-jumbotron .title-container h1,
.ja .battle-pass-jumbotron .title-container h1,
.ko .battle-pass-jumbotron .title-container h1,
.zh .battle-pass-jumbotron .title-container h1,
.zh_HK .battle-pass-jumbotron .title-container h1 {
font-size: 7em
}
}
@media only screen and (max-width:991px) {
.it .battle-pass-jumbotron .title-container h1,
.ja .battle-pass-jumbotron .title-container h1,
.ko .battle-pass-jumbotron .title-container h1,
.zh .battle-pass-jumbotron .title-container h1,
.zh_HK .battle-pass-jumbotron .title-container h1 {
font-size: 4em
}
}
.season-8 .battle-pass-jumbotron .title-container h1 {
color: #ff700a
}
.season-9 .battle-pass-jumbotron .title-container h1 {
color: #ff2443
}
.season-x .battle-pass-jumbotron .title-container h1 {
color: #000
}
.battle-pass-text {
position: relative;
background-color: #c5f6ff
}
.battle-pass-text .details-container {
position: relative;
padding: 2em 0
}
@media only screen and (max-width:1199px) {
.battle-pass-text .details-container {
padding: 4em 0 2em
}
}
@media only screen and (max-width:991px) {
.battle-pass-text .details-container {
padding: 6em 0 1em
}
}
@media only screen and (max-width:767px) {
.battle-pass-text .details-container {
padding: 4em 0 1em
}
}
.battle-pass-text .details-container .play {
margin: 0 auto 8em;
padding: 0 3em;
max-width: 55em;
width: 100%
}
.battle-pass-text .details-container .play h2 {
font-size: 2.5em;
color: #04c7ff
}
@media only screen and (max-width:991px) {
.battle-pass-text .details-container .play {
padding: 0 1em;
margin: 0 auto 4.5em
}
.battle-pass-text .details-container .play h2 {
font-size: 1.5em
}
}
.battle-pass-text .details-container .details-section {
width: 100%;
max-width: 1600px
}
.battle-pass-text .details-container .items {
opacity: 0
}
.battle-pass-text .details-container .content {
padding: .5em;
background-color: #fff
}
.battle-pass-text .details-container .content .image {
position: relative;
width: 100%;
height: 20em;
background: url(c70066d5308a6062e710e2ee24ec8dc0.png) no-repeat 50%;
background-size: cover
}
@media only screen and (max-width:1399px) {
.battle-pass-text .details-container .content .image {
height: 17em
}
}
@media only screen and (max-width:767px) {
.battle-pass-text .details-container .content .image {
height: 11em
}
}
.battle-pass-text .details-container .content .image img {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
max-width: 40em
}
@media only screen and (max-width:1399px) {
.battle-pass-text .details-container .content .image img {
max-width: 33em
}
}
@media only screen and (max-width:767px) {
.battle-pass-text .details-container .content .image img {
max-width: 25em
}
}
@media only screen and (max-width:991px) {
.battle-pass-text .details-container .content.item-0 {
margin-bottom: 5em
}
}
.battle-pass-text .details-container .content.item-1 .image {
background: url(c70066d5308a6062e710e2ee24ec8dc0.png) no-repeat 50%;
background-size: cover
}
.battle-pass-text .details-container .content .callOut {
position: absolute;
bottom: 2em;
right: -3em;
padding: .5em 2em
}
@media only screen and (max-width:1199px) {
.battle-pass-text .details-container .content .callOut {
right: 0
}
}
@media only screen and (max-width:767px) {
.battle-pass-text .details-container .content .callOut {
bottom: 0;
padding: .5em 1em
}
}
.battle-pass-text .details-container .content .callOut:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
-webkit-clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%)
}
@media only screen and (max-width:767px) {
.battle-pass-text .details-container .content .callOut:after {
-webkit-clip-path: none;
clip-path: none
}
}
.battle-pass-text .details-container .content .callOut h5 {
max-width: 4.5em;
position: relative;
z-index: 1;
color: #04c7ff;
font-size: 1.2em
}
@media only screen and (max-width:767px) {
.battle-pass-text .details-container .content .callOut h5 {
margin: 0;
max-width: 100%
}
}
.battle-pass-text .details-container .content .bundle-text {
position: relative;
padding: 0 1em;
min-height: 11em
}
.battle-pass-text .details-container .content .bundle-text .bundle-description p {
max-width: 35em;
margin: 0 auto
}
.battle-pass-text .details-container .content .bundle-text h3 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
color: #04c7ff
}
@media only screen and (max-width:767px) {
.battle-pass-text .details-container .content .bundle-text h3 {
position: relative
}
}
.battle-pass-text .battle-pass-text-container {
padding: 2em 1em 8em;
position: relative
}
@media only screen and (max-width:1399px) {
.battle-pass-text .battle-pass-text-container {
padding: 2em 1em 6em
}
}
@media only screen and (max-width:991px) {
.battle-pass-text .battle-pass-text-container {
padding: 2em 1em 4em
}
}
.battle-pass-text .battle-pass-text-container .text-content {
max-width: 40em;
margin: 0 auto;
font-size: 1.3em;
color: #333
}
.battle-pass-text .battle-pass-text-container .text-content p {
font-family: BurbankSmall-Black, sans-serif;
margin-bottom: 1em;
line-height: 1.5
}
.battle-pass-text .battle-pass-text-container .loot {
margin-top: 3em
}
.battle-pass-text .battle-pass-text-container .loot h1,
.battle-pass-text .battle-pass-text-container .loot h2 {
color: #04c7ff
}
.battle-pass-text .battle-pass-text-container .loot h1 {
font-size: 15em;
line-height: .8;
margin: 0;
letter-spacing: 2px
}
@media only screen and (max-width:991px) {
.battle-pass-text .battle-pass-text-container .loot h1 {
font-size: 10em
}
}
@media only screen and (max-width:767px) {
.battle-pass-text .battle-pass-text-container .loot h1 {
font-size: 6em
}
}
.battle-pass-text .battle-pass-text-container .loot h2 {
font-size: 2em;
margin: 0
}
.de .battle-pass-text .details-container .content .bundle-text,
.es_ES .battle-pass-text .details-container .content .bundle-text,
.es_MX .battle-pass-text .details-container .content .bundle-text,
.fr .battle-pass-text .details-container .content .bundle-text,
.it .battle-pass-text .details-container .content .bundle-text,
.ja .battle-pass-text .details-container .content .bundle-text,
.pl .battle-pass-text .details-container .content .bundle-text,
.pt_BR .battle-pass-text .details-container .content .bundle-text,
.ru .battle-pass-text .details-container .content .bundle-text,
.tr .battle-pass-text .details-container .content .bundle-text {
min-height: 14em
}
.es_ES .battle-pass-text .battle-pass-text-container .loot h1,
.es_MX .battle-pass-text .battle-pass-text-container .loot h1,
.ja .battle-pass-text .battle-pass-text-container .loot h1,
.pl .battle-pass-text .battle-pass-text-container .loot h1,
.ru .battle-pass-text .battle-pass-text-container .loot h1,
.tr .battle-pass-text .battle-pass-text-container .loot h1,
.zh .battle-pass-text .battle-pass-text-container .loot h1,
.zh_HK .battle-pass-text .battle-pass-text-container .loot h1 {
line-height: 1.3
}
.ja .battle-pass-text .details-container .content .bundle-text h3,
.ko .battle-pass-text .details-container .content .bundle-text h3 {
font-size: 1.5em
}
.ja .battle-pass-text .battle-pass-text-container .loot h1,
.ko .battle-pass-text .battle-pass-text-container .loot h1 {
font-size: 6em;
line-height: 1.3
}
.de .battle-pass-text .details-container .play h2,
.es_ES .battle-pass-text .details-container .play h2,
.es_MX .battle-pass-text .details-container .play h2,
.fr .battle-pass-text .details-container .play h2,
.ja .battle-pass-text .details-container .play h2,
.ko .battle-pass-text .details-container .play h2,
.pl .battle-pass-text .details-container .play h2,
.pt_BR .battle-pass-text .details-container .play h2,
.ru .battle-pass-text .details-container .play h2,
.tr .battle-pass-text .details-container .play h2 {
font-size: 2em
}
@media only screen and (max-width:991px) {
.de .battle-pass-text .details-container .play h2,
.es_ES .battle-pass-text .details-container .play h2,
.es_MX .battle-pass-text .details-container .play h2,
.fr .battle-pass-text .details-container .play h2,
.ja .battle-pass-text .details-container .play h2,
.ko .battle-pass-text .details-container .play h2,
.pl .battle-pass-text .details-container .play h2,
.pt_BR .battle-pass-text .details-container .play h2,
.ru .battle-pass-text .details-container .play h2,
.tr .battle-pass-text .details-container .play h2 {
font-size: 1.5em
}
}
.season-8 .battle-pass-text {
background: url(c5a8d135eb438e198bdfd25bbd77cd05.png) no-repeat bottom;
background-color: #211d1e
}
.season-8 .battle-pass-text .play h2 {
color: #fff710
}
.season-8 .battle-pass-text .details-container .content .image,
.season-8 .battle-pass-text .details-container .content.item-1 .image {
background: #ff700a;
background: -webkit-linear-gradient(315deg, #ffbf2a, #ff700a 65%, #ff700a);
background: -o-linear-gradient(315deg, #ffbf2a 0, #ff700a 65%, #ff700a 100%);
background: linear-gradient(135deg, #ffbf2a, #ff700a 65%, #ff700a)
}
.season-8 .battle-pass-text .details-container .content .bundle-text h3 {
color: #ff700a
}
.season-8 .battle-pass-text .details-container .content .callOut:after {
background-color: #fff710
}
.season-8 .battle-pass-text .details-container .content .callOut h5 {
color: #000
}
.season-8 .battle-pass-text .battle-pass-text-container .text-content {
color: #fff
}
.season-8 .battle-pass-text .battle-pass-text-container .loot h1,
.season-8 .battle-pass-text .battle-pass-text-container .loot h2 {
color: #fff710
}
.season-9 .battle-pass-text .details-container .content .image {
background: url(6e9934287c2354c026d063e7ff0e8c3b.png) no-repeat bottom;
background-size: cover
}
.season-9 .battle-pass-text .details-container .content .bundle-text h3 {
color: #000
}
.season-9 .battle-pass-text .battle-pass-text-container .loot h1,
.season-9 .battle-pass-text .battle-pass-text-container .loot h2 {
color: #ff2443
}
.season-x .battle-pass-text {
background-color: #000
}
.season-x .battle-pass-text .details-container .content .image {
background: url(4c81bd364de2c7f5c393e32f453d9992.jpg) no-repeat bottom;
background-size: cover
}
.season-x .battle-pass-text .details-container .content .image .callOut h5 {
color: #000
}
.season-x .battle-pass-text .details-container .play h2 {
color: #fff
}
.season-x .battle-pass-text .details-container .details-section .bundle-text h3 {
color: #000
}
.season-x .battle-pass-text .battle-pass-text-container .text-content {
color: #fff
}
.season-x .battle-pass-text .battle-pass-text-container .loot h1,
.season-x .battle-pass-text .battle-pass-text-container .loot h2 {
color: #00fcff
}
.battle-pass-list {
min-height: 60vh;
position: relative;
background-color: #fff;
padding: 8em 0
}
@media only screen and (max-width:991px) {
.battle-pass-list {
padding: 0
}
}
.battle-pass-list:before {
content: "";
display: block;
width: 100%;
height: 2em;
position: absolute;
bottom: 99%;
left: 0;
right: 0;
background-color: #fff;
-webkit-clip-path: polygon(0 75%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 75%, 100% 0, 100% 100%, 0 100%)
}
@media only screen and (max-width:991px) {
.battle-pass-list:before {
display: none !important
}
}
.battle-pass-list .content-container {
max-width: 1200px;
min-height: 32em;
margin: 0 auto;
position: relative
}
.battle-pass-list .content-container:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABSkAAAI1CAMAAAANYo9PAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAE3RSTlMATURIDAcSIx0BAj82LQQYOzIo3dQeWgAADE5JREFUeNrs3QGOmzAQQFGPwRhqQ+Lc/7Bt1W3VSltps/aQneG/IyAFRviHCU9apdt0BAAWzaLonoIjyyS9cgBg0UP0VGcj1BylU/wWANizRVHT3N0W0l06rQGAPTdR8wj+HFX6xC0AMKfKf/BK7l3bzlAJXE4SLbfgVJYuJQCw5iE6piW4tfIIAa5F6zwnzsGxvlroHgDY8naew43yzFrI8bgN+FTlD3rzJ6Qin1cDAEuSaKjuMsr3aiGGSuAqHqKgXaIY3HaGSuAafp/n0JufXAs5f40L+HKTN/Tm59ZCLQAwo8ov9Oafs0wMlYB7SX6iN39BLbQHAEZk+YGM8hW10OS+owK8GH6eUy748z8q516AazcZ6+7ss70fs+2siQA8ayL05gNkGgHAryRD7ZfozcfVQtNVHyyALZnefJRlYqgEfPr3PIftMF3myO4xwKVFxpku1Zu/JxWeLoBHjd58pKOyewzwJ9Gbj7Xt/PMTcCfTm7/8krJ7DPjqIr35cCtDJeDLIoM0TnD/roXYPQZ40ujNNcyRNRGAH4nP9upIhTURgBuZ3lzJUfmiL+BFoTfXsu2siQB8WOjNFWWGSsCFRm+uaWVNBOBAojfvMLgW4joCX1SmN1c2R4ZKwLpCb64tFXaPAbYt9Ob6jso3kAHTGr35Cbad3WOAYcdEb36KzIMHsCuTUZ5kZU0EYFaRHpEb5TO1EEMlYNNCb36eObImAjCp0ZufKBXe/AIGdZ3nVI5pVWqh8p29u01xG4bCMFpbsi1/yHWz/8X2T6GQUkrSiXUF52xhYHJxnvh1VEIsi978Xms1EwHd2Yc/SKQ/azETAZ2Z9eb3K2YioC9Vb97AnByV0JEz6c1byKOjEvpRZJRtTLvtMejG7h9lI+dhJgI6MQ9vufTm/2+ttsegD3V4xyGj/BKLoxJ6cKa3enM/IPkixUwEdKDozduak+0xCO/SmzeWR59JEFwenvhB8u2m3UwExFb15u2dh6MSItuSjDKAtToqIbDitb0x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) no-repeat 50%;
z-index: 1
}
.battle-pass-list .content-container:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 98%);
clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 98%);
background: #c3edff;
background: -webkit-radial-gradient(center, ellipse farthest-corner, #c3edff 0, #66d0ff 50%, #66d0ff 100%);
background: -webkit-radial-gradient(center, ellipse, #c3edff 0, #66d0ff 50%, #66d0ff 100%);
background: -o-radial-gradient(center, ellipse, #c3edff 0, #66d0ff 50%, #66d0ff 100%);
background: radial-gradient(ellipse at center, #c3edff 0, #66d0ff 50%, #66d0ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c3edff", endColorstr="#66d0ff", GradientType=1)
}
@media only screen and (max-width:991px) {
.battle-pass-list .content-container:after {
-webkit-clip-path: none;
clip-path: none
}
}
.battle-pass-list .content-container .text-container {
position: absolute;
top: -3em;
left: 3em;
max-width: 30em;
z-index: 10
}
.battle-pass-list .content-container .text-container .content {
position: relative;
z-index: 3
}
.battle-pass-list .content-container .text-container .content .logo {
background: url(313adce7b5ac85fc49304e31cc66b8de.png) no-repeat 50%;
background-size: contain;
width: 10em;
height: 9em
}
.battle-pass-list .content-container .text-container .content h1 {
font-size: 6em;
color: #fff;
max-width: 4em;
width: 100%;
line-height: .85;
margin: .1em 0
}
@media only screen and (max-width:1199px) {
.battle-pass-list .content-container .text-container .content h1 {
font-size: 4em
}
}
@media only screen and (max-width:991px) {
.battle-pass-list .content-container .text-container .content h1 {
margin: .3em 0
}
}
.battle-pass-list .content-container .text-container .content h2 {
margin: 0 0 .2em;
color: #000
}
.battle-pass-list .content-container .text-container .content ul {
margin: 0;
padding: 0 0 0 1.2em
}
.battle-pass-list .content-container .text-container .content ul li p {
font-family: BurbankSmall-Black, sans-serif;
font-size: 1em;
color: #000;
margin: 0
}
@media only screen and (max-width:991px) {
.battle-pass-list .content-container .text-container {
position: relative;
top: 0;
left: 0;
text-align: center;
max-width: 100%;
padding: 2em 1em
}
.battle-pass-list .content-container .text-container .content .logo {
margin: 0 auto
}
.battle-pass-list .content-container .text-container .content h1 {
font-size: 3em;
max-width: 100%
}
.battle-pass-list .content-container .text-container .content ul {
max-width: 35em;
padding: 0;
margin: 0 auto
}
.battle-pass-list .content-container .text-container .content ul li {
display: block;
margin: .5em auto
}
}
.battle-pass-list .content-container .image-container {
position: absolute;
right: -1em;
top: 0;
width: 60%;
z-index: 10
}
.battle-pass-list .content-container .image-container img {
width: 100%
}
@media only screen and (max-width:1199px) {
.battle-pass-list .content-container .image-container {
right: 0
}
}
@media only screen and (max-width:991px) {
.battle-pass-list .content-container .image-container {
position: relative;
top: 0;
text-align: center;
width: 80%;
right: 0;
left: 0;
margin: 0 auto
}
}
.battle-pass-list .content-container .icon-down-arrow {
position: absolute;
top: 95%;
left: 0;
right: 0;
font-size: 8em;
color: #66d0ff;
z-index: 1
}
@media only screen and (max-width:991px) {
.battle-pass-list .content-container .icon-down-arrow {
top: 99%;
font-size: 6em
}
}
.season-8 .battle-pass-list .content-container {
min-height: 35em
}
.season-8 .battle-pass-list .content-container .icon-down-arrow {
color: #ff700a
}
.season-8 .battle-pass-list .content-container .text-container .content h2,
.season-8 .battle-pass-list .content-container .text-container .content ul li,
.season-8 .battle-pass-list .content-container .text-container .content ul li p {
color: #fff
}
.season-8 .battle-pass-list .content-container .text-container .content h1 {
color: #fff710
}
.season-8 .battle-pass-list .content-container:after {
background: #ff700a;
background: -webkit-radial-gradient(center, ellipse farthest-corner, #feb580 0, #ff700a 50%, #ff700a 100%);
background: -webkit-radial-gradient(center, ellipse, #feb580 0, #ff700a 50%, #ff700a 100%);
background: -o-radial-gradient(center, ellipse, #feb580 0, #ff700a 50%, #ff700a 100%);
background: radial-gradient(ellipse at center, #feb580 0, #ff700a 50%, #ff700a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$lightOrange", endColorstr="$orange", GradientType=1)
}
.season-9 .battle-pass-list .content-container {
min-height: 36em
}
.season-9 .battle-pass-list .content-container:before {
content: unset
}
.season-9 .battle-pass-list .content-container .image-container {
right: 5%;
top: 10%
}
.season-9 .battle-pass-list .content-container .text-container .content h1,
.season-9 .battle-pass-list .content-container .text-container .content h2 {
color: #4fa8cd
}
.season-9 .battle-pass-list .content-container .icon-down-arrow {
color: rgba(102, 208, 255, .78039);
z-index: 0
}
.season-9 .battle-pass-list .content-container .text-container .content ul li {
list-style: none
}
.season-9 .battle-pass-list .content-container:after {
background-image: -webkit-linear-gradient(37deg, #cbf0ff, #04bcff);
background-image: -o-linear-gradient(37deg, #cbf0ff 0, #04bcff 100%);
background-image: linear-gradient(53deg, #cbf0ff, #04bcff)
}
.season-x .battle-pass-list .content-container {
min-height: 36em
}
.season-x .battle-pass-list .content-container:before {
content: unset
}
.season-x .battle-pass-list .content-container .image-container {
right: 5%;
top: 10%
}
.season-x .battle-pass-list .content-container .text-container .content h1 {
color: #fff
}
.season-x .battle-pass-list .content-container .icon-down-arrow {
color: #c1ddf1;
z-index: 0
}
.season-x .battle-pass-list .content-container .text-container .content ul {
padding: 0
}
.season-x .battle-pass-list .content-container .text-container .content ul li {
list-style: none
}
.season-x .battle-pass-list .content-container:after {
background: #c1ddf1 !important
}
.de div[class*=season-].battle-pass-view .battle-pass-list .content-container .text-container .content h1,
.fr div[class*=season-].battle-pass-view .battle-pass-list .content-container .text-container .content h1,
.ko div[class*=season-].battle-pass-view .battle-pass-list .content-container .text-container .content h1 {
font-size: 4.5em;
max-width: 10em;
margin: 0 auto .5em;
line-height: 1
}
@media only screen and (max-width:1199px) {
.de div[class*=season-].battle-pass-view .battle-pass-list .content-container .text-container .content h1,
.fr div[class*=season-].battle-pass-view .battle-pass-list .content-container .text-container .content h1,
.ko div[class*=season-].battle-pass-view .battle-pass-list .content-container .text-container .content h1 {
max-width: 7em;
font-size: 3em
}
}
@media only screen and (max-width:991px) {
.de div[class*=season-].battle-pass-view .battle-pass-list .content-container .text-container .content h1,
.fr div[class*=season-].battle-pass-view .battle-pass-list .content-container .text-container .content h1,
.ko div[class*=season-].battle-pass-view .battle-pass-list .content-container .text-container .content h1 {
font-size: 3em;
max-width: 100%
}
}
.ko div[class*=season-].battle-pass-view .battle-pass-list .content-container .text-container .content h1 {
font-size: 3.5em
}
.battle-pass-carousel {
position: relative;
color: #fff;
padding: 16em 0 2em;
background-color: #c5f6ff
}
@media only screen and (max-width:1399px) {
.battle-pass-carousel {
padding: 8em 0 0
}
}
@media only screen and (max-width:767px) {
.battle-pass-carousel {
padding: 20em 0 0
}
}
.battle-pass-carousel:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ff6d32;
background: -webkit-linear-gradient(315deg, #ffb864, #ff6d32 65%, #ff6d32);
background: -o-linear-gradient(315deg, #ffb864 0, #ff6d32 65%, #ff6d32 100%);
background: linear-gradient(135deg, #ffb864, #ff6d32 65%, #ff6d32);
-webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%)
}
@media only screen and (max-width:1399px) {
.battle-pass-carousel:before {
-webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%)
}
}
@media only screen and (max-width:991px) {
.battle-pass-carousel:before {
-webkit-clip-path: none;
clip-path: none
}
}
.battle-pass-carousel .spike1,
.battle-pass-carousel .spike2 {
position: absolute;
background-size: contain !important
}
.battle-pass-carousel .spike1 {
top: 0;
width: 200px;
height: 230px;
left: 10%;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVIAAAFoCAYAAAAFNHMkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTEwLTIzVDEwOjAwOjAzLTA0OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0xMS0yOVQxMToxMDoxMi0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0xMS0yOVQxMToxMDoxMi0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplYWIwYjNjZi1hNmU5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) no-repeat 50%
}
@media only screen and (max-width:1399px) {
.battle-pass-carousel .spike1 {
top: 1em;
left: 0;
width: 120px;
height: 120px
}
}
@media only screen and (max-width:991px) {
.battle-pass-carousel .spike1 {
display: none
}
}
.battle-pass-carousel .spike2 {
top: -2.5em;
width: 150px;
height: 150px;
right: 10%;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAADSCAYAAAAv+dCeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTEwLTIzVDEwOjAwOjAzLTA0OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0xMS0yOVQxMTowOTo1NC0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0xMS0yOVQxMTowOTo1NC0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3N2UwYzgxZS04OTdi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) no-repeat 50%
}
@media only screen and (max-width:1399px) {
.battle-pass-carousel .spike2 {
right: 0;
width: 120px;
height: 120px
}
}
@media only screen and (max-width:991px) {
.battle-pass-carousel .spike2 {
top: -2em;
width: 60px;
height: 60px
}
}
.battle-pass-carousel .carousel-top {
position: absolute;
top: -5em;
left: 0;
right: 0;
max-width: 1600px;
margin: 0 auto;
z-index: 1
}
@media only screen and (max-width:1399px) {
.battle-pass-carousel .carousel-top {
top: -3.8em
}
}
.battle-pass-carousel .carousel-top .logo {
display: block;
width: 100%;
max-width: 18em;
height: 18em;
margin: 0 auto;
opacity: 0;
background: url(86f5554fe9ea1398ff9009dcea6c156e.png) no-repeat 50%;
background-size: contain
}
@media only screen and (max-width:1399px) {
.battle-pass-carousel .carousel-top .logo {
max-width: 12em;
height: 12em
}
}
@media only screen and (max-width:991px) {
.battle-pass-carousel .carousel-top .logo {
margin: 0 0 0 1.6em;
max-width: 10em;
height: 10em
}
}
@media only screen and (max-width:767px) {
.battle-pass-carousel .carousel-top .logo {
margin: 0 auto
}
}
.battle-pass-carousel .carousel-top .content {
max-width: 30em;
margin: -6em auto 0
}
@media only screen and (max-width:1399px) {
.battle-pass-carousel .carousel-top .content {
max-width: 20em;
margin: -5em auto 0
}
}
@media only screen and (max-width:991px) {
.battle-pass-carousel .carousel-top .content {
margin: 0;
max-width: 14em
}
}
@media only screen and (max-width:767px) {
.battle-pass-carousel .carousel-top .content {
margin: 0 auto
}
}
.battle-pass-carousel .carousel-top .content h2 {
color: #fff;
font-size: 4.5em;
line-height: .85
}
@media only screen and (max-width:1399px) {
.battle-pass-carousel .carousel-top .content h2 {
font-size: 2.5em
}
}
@media only screen and (max-width:991px) {
.battle-pass-carousel .carousel-top .content h2 {
font-size: 2em;
margin: -1em 0 0
}
}
.battle-pass-carousel .carousel-top .content h3 {
margin: .25em 0;
color: #000;
font-size: 2em
}
@media only screen and (max-width:991px) {
.battle-pass-carousel .carousel-top .content h3 {
font-size: 1.5em
}
}
.battle-pass-carousel .carousel-top .burst {
position: absolute;
bottom: 3em;
right: 0;
width: 24em;
text-align: center;
padding: 1em 2em
}
@media only screen and (max-width:1199px) {
.battle-pass-carousel .carousel-top .burst {
width: 15em
}
}
@media only screen and (max-width:991px) {
.battle-pass-carousel .carousel-top .burst {
width: 18em
}
}
@media only screen and (max-width:767px) {
.battle-pass-carousel .carousel-top .burst {
top: 14em;
right: 0;
left: 0;
margin: 0 auto;
width: 100%;
max-width: 18em;
padding: 1em;
height: 5em
}
}
.battle-pass-carousel .carousel-top .burst:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f9cf30;
-webkit-clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%)
}
.battle-pass-carousel .carousel-top .burst i {
color: #f9cf30;
position: absolute;
top: 99%;
left: 0;
right: 0;
font-size: 3.5em
}
@media only screen and (max-width:767px) {
.battle-pass-carousel .carousel-top .burst i {
top: 95%
}
}
.battle-pass-carousel .carousel-top .burst h4 {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1em;
color: #000;
position: relative;
z-index: 1
}
@media only screen and (max-width:991px) {
.battle-pass-carousel .carousel-top .burst h4 {
font-size: 1em
}
}
.battle-pass-carousel .mediaContainer {
position: relative;
max-width: 1600px;
margin: 0 auto
}
@media screen and (max-width:1785px) {
.battle-pass-carousel .mediaContainer {
max-width: 1200px
}
}
.battle-pass-carousel .mediaContainer .slick-list {
overflow: visible;
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
-o-transition: transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out
}
.battle-pass-carousel .mediaContainer .slick-list .slick-track {
padding: 4em 0;
-webkit-transition: -webkit-transform 1s cubic-bezier(.68, -.55, 0, 1.55);
transition: -webkit-transform 1s cubic-bezier(.68, -.55, 0, 1.55);
-o-transition: transform 1s cubic-bezier(.68, -.55, 0, 1.55);
transition: transform 1s cubic-bezier(.68, -.55, 0, 1.55);
transition: transform 1s cubic-bezier(.68, -.55, 0, 1.55), -webkit-transform 1s cubic-bezier(.68, -.55, 0, 1.55)
}
@media only screen and (max-width:991px) {
.battle-pass-carousel .mediaContainer .slick-list .slick-track {
padding: 2em 0
}
}
.battle-pass-carousel .mediaContainer .slick-list .slick-track .slick-slide {
opacity: 0;
visibility: hidden;
-webkit-transition: all .2s ease-in-out .1s;
-o-transition: all .2s ease-in-out .1s;
transition: all .2s ease-in-out .1s
}
.battle-pass-carousel .mediaContainer .slick-list .slick-track .slick-slide img {
width: 100%;
margin: 0 auto;
cursor: unset;
pointer-events: none
}
.battle-pass-carousel .mediaContainer .slick-list .slick-track .slick-slide.slick-active {
opacity: 1;
visibility: visible
}
.battle-pass-carousel .mediaContainer.moving .slick-list {
-webkit-transform: scale(.6) translateZ(0);
transform: scale(.6) translateZ(0)
}
.battle-pass-carousel .mediaContainer.moving .slick-list .slick-slide {
visibility: visible;
opacity: 1;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.battle-pass-carousel .mediaContainer .slick-dots {
bottom: 1em
}
@media only screen and (max-width:991px) {
.battle-pass-carousel .mediaContainer .slick-dots {
bottom: 0
}
}
.battle-pass-carousel .mediaContainer .slick-dots li {
border-color: #fff
}
.battle-pass-carousel .mediaContainer .slick-dots li.slick-active {
background: #fff
}
.battle-pass-carousel .mediaContainer .slick-next i,
.battle-pass-carousel .mediaContainer .slick-prev i {
font-size: 4em;
color: #fff;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s cubic-bezier(.68, -.55, .265, 1.55);
transition: -webkit-transform .3s cubic-bezier(.68, -.55, .265, 1.55);
-o-transition: transform .3s cubic-bezier(.68, -.55, .265, 1.55);
transition: transform .3s cubic-bezier(.68, -.55, .265, 1.55);
transition: transform .3s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .3s cubic-bezier(.68, -.55, .265, 1.55)
}
.battle-pass-carousel .mediaContainer .slick-next i:hover,
.battle-pass-carousel .mediaContainer .slick-prev i:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
.battle-pass-carousel .mediaContainer .slick-prev {
left: -5em
}
@media only screen and (max-width:1399px) {
.battle-pass-carousel .mediaContainer .slick-prev {
display: none !important
}
}
.battle-pass-carousel .mediaContainer .slick-prev i {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.battle-pass-carousel .mediaContainer .slick-prev .icon-arrow:before {
content: "\E90B"
}
.battle-pass-carousel .mediaContainer .slick-next {
right: -5em
}
@media only screen and (max-width:1399px) {
.battle-pass-carousel .mediaContainer .slick-next {
display: none !important
}
}
.battle-pass-carousel .mediaContainer .slick-next .icon-arrow:before {
content: "\E90F"
}
.battle-pass-carousel .mediaContainer .unlock {
position: absolute;
left: -5em;
bottom: 22%;
width: 20em;
color: #000;
padding: 1em 2em;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
-o-transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
transition: all .3s cubic-bezier(.68, -.55, .265, 1.55)
}
.battle-pass-carousel .mediaContainer .unlock:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: #f9cf30;
-webkit-clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%)
}
.battle-pass-carousel .mediaContainer .unlock h4 {
font-size: 1.2em;
position: relative;
z-index: 1
}
@media only screen and (max-width:1399px) {
.battle-pass-carousel .mediaContainer .unlock {
bottom: 13%;
left: 0
}
}
@media only screen and (max-width:991px) {
.battle-pass-carousel .mediaContainer .unlock {
position: relative;
left: 0;
bottom: 0;
width: 100%
}
.battle-pass-carousel .mediaContainer .unlock:after {
-webkit-clip-path: none;
clip-path: none
}
.battle-pass-carousel .mediaContainer .unlock h4 {
margin: 0
}
}
.battle-pass-carousel .mediaContainer .unlock.popIn {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s cubic-bezier(.67, -.55, .44, 1.6) 1.4s;
transition: -webkit-transform .3s cubic-bezier(.67, -.55, .44, 1.6) 1.4s;
-o-transition: transform .3s cubic-bezier(.67, -.55, .44, 1.6) 1.4s;
transition: transform .3s cubic-bezier(.67, -.55, .44, 1.6) 1.4s;
transition: transform .3s cubic-bezier(.67, -.55, .44, 1.6) 1.4s, -webkit-transform .3s cubic-bezier(.67, -.55, .44, 1.6) 1.4s
}
.ja .battle-pass-carousel .carousel-top .content h2,
.ko .battle-pass-carousel .carousel-top .content h2,
.zh .battle-pass-carousel .carousel-top .content h2,
.zh_HK .battle-pass-carousel .carousel-top .content h2 {
line-height: 1
}
.ja .battle-pass-carousel .carousel-top .burst i,
.ko .battle-pass-carousel .carousel-top .burst i,
.zh .battle-pass-carousel .carousel-top .burst i,
.zh_HK .battle-pass-carousel .carousel-top .burst i {
top: 94%
}
@media only screen and (max-width:991px) {
.de .battle-pass-carousel .carousel-top .content h3 {
font-size: 1.3em
}
}
.pl .battle-pass-carousel .carousel-top .content h2 {
font-size: 4em;
line-height: 1
}
@media only screen and (max-width:1399px) {
.pl .battle-pass-carousel .carousel-top .content h2 {
font-size: 2.5em
}
}
@media only screen and (max-width:991px) {
.pl .battle-pass-carousel .carousel-top .content h2 {
font-size: 1.75em
}
}
.ko .battle-pass-carousel .carousel-top .burst,
.ru .battle-pass-carousel .carousel-top .burst {
bottom: 3em
}
@media only screen and (max-width:1199px) {
.ko .battle-pass-carousel .carousel-top .burst,
.ru .battle-pass-carousel .carousel-top .burst {
width: 18em;
padding: 1em
}
.ko .battle-pass-carousel .carousel-top .burst h4,
.ru .battle-pass-carousel .carousel-top .burst h4 {
font-size: 1em
}
}
.ko .battle-pass-carousel .carousel-top .content,
.ru .battle-pass-carousel .carousel-top .content {
max-width: 40em
}
@media only screen and (max-width:1199px) {
.ko .battle-pass-carousel .carousel-top .content,
.ru .battle-pass-carousel .carousel-top .content {
max-width: 30em
}
}
@media only screen and (max-width:991px) {
.ko .battle-pass-carousel .carousel-top .content,
.ru .battle-pass-carousel .carousel-top .content {
max-width: 25em
}
}
@media only screen and (max-width:991px) {
.ko .battle-pass-carousel .carousel-top .logo,
.ru .battle-pass-carousel .carousel-top .logo {
margin: 0 0 0 7em
}
}
@media only screen and (max-width:767px) {
.ko .battle-pass-carousel .carousel-top .logo,
.ru .battle-pass-carousel .carousel-top .logo {
margin: 0 auto
}
}
.season-8 .battle-pass-carousel {
background-color: #211d1e
}
.season-8 .battle-pass-carousel .spike1 {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVIAAAFoCAYAAAAFNHMkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAG0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wMi0yNFQxMDo0NC0wODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDItMjRUMTA6NDg6NTUtMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDItMjRUMTA6NDg6NTUtMDg6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YzY2MThmNWUtNzk4Zi00NmI2LThkYTItZDVjMDU4ZjFiMGYwIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MTBlMWEwM2ItMmZjYy0xNzRkLWE1MTgtZDg4MzA5NTIyNGQ2IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MkVGQzY0MTRDMDBDMTFFOEFDQzlENkFGMDZDNUZDOTkiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRUZDNjQxMUMwMEMxMUU4QUNDOUQ2QUYwNkM1RkM5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRUZDNjQxMkMwMEMxMUU4QUNDOUQ2QUYwNkM1RkM5OSIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozZGZkZjU1Ny1lZjc3LTRhNjktOGNiZi1iODI1NWJiNmE3MDMiIHN0RXZ0OndoZW49IjIwMTktMDItMjRUMTA6NDg6NTUtMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjNjYxOGY1ZS03OThmLTQ2YjYtOGRhMi1kNWMwNThmMWIwZjAiIHN0RXZ0OndoZW49IjIwMTktMDItMjRUMTA6NDg6NTUtMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVu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) no-repeat 50%
}
.season-8 .battle-pass-carousel .spike2 {
background: url(data:image/png;base64,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) no-repeat 50%
}
.season-9 .battle-pass-carousel:before {
background-image: -webkit-linear-gradient(118deg, #fbe552, #ff2443);
background-image: -o-linear-gradient(118deg, #fbe552 0, #ff2443 100%);
background-image: linear-gradient(-28deg, #fbe552, #ff2443)
}
.season-9 .battle-pass-carousel .container-fluid .burst,
.season-9 .battle-pass-carousel .container-fluid .burst:after {
background: #ff0
}
.season-9 .battle-pass-carousel .container-fluid .burst i {
color: #ff0
}
.season-9 .battle-pass-carousel .mediaContainer .unlock:after {
background: #ff0
}
.season-x .battle-pass-carousel {
background-color: #000
}
.season-x .battle-pass-carousel:before {
background-image: url(c8e19778d693678ce56a10ee4ef1b0f6.png);
background-repeat: no-repeat;
background-size: cover
}
.season-x .battle-pass-carousel .spike1,
.season-x .battle-pass-carousel .spike2 {
display: none
}
.season-x .battle-pass-carousel .carousel-top .content .animate-string h3 {
color: #ff0
}
.season-x .battle-pass-carousel .carousel-top .burst,
.season-x .battle-pass-carousel .carousel-top .burst:after {
background: #00fcff
}
.season-x .battle-pass-carousel .carousel-top .burst i {
color: #00fcff
}
.season-x .battle-pass-carousel .mediaContainer .unlock:after {
background: #00fcff
}
.battle-pass-sneak-peak {
position: relative;
height: 96vh;
min-height: 965px;
background-color: #000;
padding-left: 0;
padding-right: 0
}
.battle-pass-sneak-peak .backgroundImage {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 0 100%;
z-index: 1
}
.battle-pass-sneak-peak .content {
z-index: 2;
max-width: 40em;
margin: 0 auto
}
.battle-pass-sneak-peak .content h1 {
font-size: 9em;
color: #ff5c26;
margin: 0;
font-style: italic
}
.battle-pass-sneak-peak .content h2 {
font-size: 4em;
margin: 0;
color: #fff;
font-style: italic
}
@media screen and (max-width:1850px) {
.battle-pass-sneak-peak.comet {
height: 100%;
min-height: 100%
}
.battle-pass-sneak-peak.comet .backgroundImage {
position: relative;
padding-bottom: 56.25%;
background-size: contain;
background-position: 100% 0
}
}
@media only screen and (max-width:767px) {
.battle-pass-sneak-peak.comet {
height: 100%;
min-height: 100%
}
}
.battle-pass-sneak-peak.comet .content {
position: absolute;
top: 5em;
left: 0
}
@media screen and (max-width:1850px) {
.battle-pass-sneak-peak.comet .content {
max-width: 20em
}
.battle-pass-sneak-peak.comet .content h1 {
font-size: 6em
}
}
@media only screen and (max-width:1199px) {
.battle-pass-sneak-peak.comet .content {
max-width: 25em
}
.battle-pass-sneak-peak.comet .content h1 {
font-size: 4em
}
.battle-pass-sneak-peak.comet .content h2 {
font-size: 2em
}
}
@media only screen and (max-width:991px) {
.battle-pass-sneak-peak.comet .content {
max-width: 15em;
left: 1em
}
}
@media only screen and (max-width:767px) {
.battle-pass-sneak-peak.comet .content {
position: relative;
top: 0;
left: 0;
padding: 1em 1em 3em;
max-width: 25em
}
}
.battle-pass-sneak-peak.dayBefore {
height: 100vh;
min-height: 500px
}
.battle-pass-sneak-peak.dayBefore .backgroundImage {
background-position: 50%
}
.battle-pass-sneak-peak.dayBefore .content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0
}
.battle-pass-sneak-peak.dayBefore .content h1 {
color: #fff
}
@media only screen and (max-width:991px) {
.battle-pass-sneak-peak.dayBefore .content h1 {
font-size: 4em
}
}
@media only screen and (max-width:991px) {
.battle-pass-sneak-peak.dayBefore .content h2 {
font-size: 2em
}
}
.battle-pass-sneak-peak.dayBefore .content .buttonContainer {
padding-top: 1em
}
.battle-pass-sneak-peak.available {
height: 95vh;
min-height: 500px
}
.battle-pass-sneak-peak.available .backgroundImage {
background-position: 50%
}
.battle-pass-sneak-peak.available .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
padding: 2em 1em
}
.battle-pass-sneak-peak.available .content h1 {
color: #fff
}
@media only screen and (max-width:991px) {
.battle-pass-sneak-peak.available .content h1 {
font-size: 4em
}
}
.battle-pass-sneak-peak.available .buttonContainer {
position: absolute;
bottom: 3em;
left: 0;
right: 0
}
.battle-pass-sneak-peak.available .playButtonContainer {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0
}
.battle-pass-sneak-peak.available .playButtonContainer h2 {
display: inline;
padding-right: .5em;
vertical-align: top
}
@media only screen and (max-width:991px) {
.battle-pass-sneak-peak.available .playButtonContainer h2 {
font-size: 2em
}
}
.battle-pass-sneak-peak.available .playButtonContainer i {
font-size: 5em;
color: #ff0;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
@media only screen and (max-width:991px) {
.battle-pass-sneak-peak.available .playButtonContainer i {
font-size: 2.5em
}
}
.battle-pass-sneak-peak.available .playButtonContainer i:hover {
color: #e6e600
}
.en_US .battle-pass-sneak-peak h1 {
line-height: .85
}
.es_ES .battle-pass-sneak-peak.comet .content h1,
.es_MX .battle-pass-sneak-peak.comet .content h1,
.fr .battle-pass-sneak-peak.comet .content h1,
.it .battle-pass-sneak-peak.comet .content h1,
.pl .battle-pass-sneak-peak.comet .content h1,
.pt_BR .battle-pass-sneak-peak.comet .content h1,
.ru .battle-pass-sneak-peak.comet .content h1 {
font-size: 6em
}
.es_ES .battle-pass-sneak-peak.comet .content h2,
.es_MX .battle-pass-sneak-peak.comet .content h2,
.fr .battle-pass-sneak-peak.comet .content h2,
.it .battle-pass-sneak-peak.comet .content h2,
.pl .battle-pass-sneak-peak.comet .content h2,
.pt_BR .battle-pass-sneak-peak.comet .content h2,
.ru .battle-pass-sneak-peak.comet .content h2 {
font-size: 4em
}
@media screen and (max-width:1850px) {
.es_ES .battle-pass-sneak-peak.comet .content,
.es_MX .battle-pass-sneak-peak.comet .content,
.fr .battle-pass-sneak-peak.comet .content,
.it .battle-pass-sneak-peak.comet .content,
.pl .battle-pass-sneak-peak.comet .content,
.pt_BR .battle-pass-sneak-peak.comet .content,
.ru .battle-pass-sneak-peak.comet .content {
max-width: 27em
}
.es_ES .battle-pass-sneak-peak.comet .content h1,
.es_MX .battle-pass-sneak-peak.comet .content h1,
.fr .battle-pass-sneak-peak.comet .content h1,
.it .battle-pass-sneak-peak.comet .content h1,
.pl .battle-pass-sneak-peak.comet .content h1,
.pt_BR .battle-pass-sneak-peak.comet .content h1,
.ru .battle-pass-sneak-peak.comet .content h1 {
font-size: 4em
}
.es_ES .battle-pass-sneak-peak.comet .content h2,
.es_MX .battle-pass-sneak-peak.comet .content h2,
.fr .battle-pass-sneak-peak.comet .content h2,
.it .battle-pass-sneak-peak.comet .content h2,
.pl .battle-pass-sneak-peak.comet .content h2,
.pt_BR .battle-pass-sneak-peak.comet .content h2,
.ru .battle-pass-sneak-peak.comet .content h2 {
font-size: 2em
}
}
@media only screen and (max-width:1199px) {
.es_ES .battle-pass-sneak-peak.comet .content,
.es_MX .battle-pass-sneak-peak.comet .content,
.fr .battle-pass-sneak-peak.comet .content,
.it .battle-pass-sneak-peak.comet .content,
.pl .battle-pass-sneak-peak.comet .content,
.pt_BR .battle-pass-sneak-peak.comet .content,
.ru .battle-pass-sneak-peak.comet .content {
max-width: 20em;
top: 2em
}
.es_ES .battle-pass-sneak-peak.comet .content h1,
.es_MX .battle-pass-sneak-peak.comet .content h1,
.fr .battle-pass-sneak-peak.comet .content h1,
.it .battle-pass-sneak-peak.comet .content h1,
.pl .battle-pass-sneak-peak.comet .content h1,
.pt_BR .battle-pass-sneak-peak.comet .content h1,
.ru .battle-pass-sneak-peak.comet .content h1 {
font-size: 3em
}
.es_ES .battle-pass-sneak-peak.comet .content h2,
.es_MX .battle-pass-sneak-peak.comet .content h2,
.fr .battle-pass-sneak-peak.comet .content h2,
.it .battle-pass-sneak-peak.comet .content h2,
.pl .battle-pass-sneak-peak.comet .content h2,
.pt_BR .battle-pass-sneak-peak.comet .content h2,
.ru .battle-pass-sneak-peak.comet .content h2 {
font-size: 1.5em
}
}
@media only screen and (max-width:767px) {
.es_ES .battle-pass-sneak-peak.comet .content,
.es_MX .battle-pass-sneak-peak.comet .content,
.fr .battle-pass-sneak-peak.comet .content,
.it .battle-pass-sneak-peak.comet .content,
.pl .battle-pass-sneak-peak.comet .content,
.pt_BR .battle-pass-sneak-peak.comet .content,
.ru .battle-pass-sneak-peak.comet .content {
max-width: 100%
}
}
.es_ES .battle-pass-sneak-peak.dayBefore .content h1,
.es_MX .battle-pass-sneak-peak.dayBefore .content h1,
.fr .battle-pass-sneak-peak.dayBefore .content h1,
.it .battle-pass-sneak-peak.dayBefore .content h1,
.pl .battle-pass-sneak-peak.dayBefore .content h1,
.pt_BR .battle-pass-sneak-peak.dayBefore .content h1,
.ru .battle-pass-sneak-peak.dayBefore .content h1 {
font-size: 6em
}
.es_ES .battle-pass-sneak-peak.dayBefore .content h2,
.es_MX .battle-pass-sneak-peak.dayBefore .content h2,
.fr .battle-pass-sneak-peak.dayBefore .content h2,
.it .battle-pass-sneak-peak.dayBefore .content h2,
.pl .battle-pass-sneak-peak.dayBefore .content h2,
.pt_BR .battle-pass-sneak-peak.dayBefore .content h2,
.ru .battle-pass-sneak-peak.dayBefore .content h2 {
font-size: 4em
}
@media only screen and (max-width:1199px) {
.es_ES .battle-pass-sneak-peak.dayBefore .content h1,
.es_MX .battle-pass-sneak-peak.dayBefore .content h1,
.fr .battle-pass-sneak-peak.dayBefore .content h1,
.it .battle-pass-sneak-peak.dayBefore .content h1,
.pl .battle-pass-sneak-peak.dayBefore .content h1,
.pt_BR .battle-pass-sneak-peak.dayBefore .content h1,
.ru .battle-pass-sneak-peak.dayBefore .content h1 {
font-size: 3em
}
.es_ES .battle-pass-sneak-peak.dayBefore .content h2,
.es_MX .battle-pass-sneak-peak.dayBefore .content h2,
.fr .battle-pass-sneak-peak.dayBefore .content h2,
.it .battle-pass-sneak-peak.dayBefore .content h2,
.pl .battle-pass-sneak-peak.dayBefore .content h2,
.pt_BR .battle-pass-sneak-peak.dayBefore .content h2,
.ru .battle-pass-sneak-peak.dayBefore .content h2 {
font-size: 1.5em
}
}
.es_ES .battle-pass-sneak-peak.available .content h1,
.es_MX .battle-pass-sneak-peak.available .content h1,
.fr .battle-pass-sneak-peak.available .content h1,
.it .battle-pass-sneak-peak.available .content h1,
.pl .battle-pass-sneak-peak.available .content h1,
.pt_BR .battle-pass-sneak-peak.available .content h1,
.ru .battle-pass-sneak-peak.available .content h1 {
font-size: 9em;
color: #fff
}
@media only screen and (max-width:991px) {
.es_ES .battle-pass-sneak-peak.available .content h1,
.es_MX .battle-pass-sneak-peak.available .content h1,
.fr .battle-pass-sneak-peak.available .content h1,
.it .battle-pass-sneak-peak.available .content h1,
.pl .battle-pass-sneak-peak.available .content h1,
.pt_BR .battle-pass-sneak-peak.available .content h1,
.ru .battle-pass-sneak-peak.available .content h1 {
font-size: 4em
}
}
@media only screen and (max-width:767px) {
.es_ES .battle-pass-sneak-peak.available .content h1,
.es_MX .battle-pass-sneak-peak.available .content h1,
.fr .battle-pass-sneak-peak.available .content h1,
.it .battle-pass-sneak-peak.available .content h1,
.pl .battle-pass-sneak-peak.available .content h1,
.pt_BR .battle-pass-sneak-peak.available .content h1,
.ru .battle-pass-sneak-peak.available .content h1 {
font-size: 3em
}
}
.es_ES .battle-pass-sneak-peak.available .content h2,
.es_MX .battle-pass-sneak-peak.available .content h2,
.fr .battle-pass-sneak-peak.available .content h2,
.it .battle-pass-sneak-peak.available .content h2,
.pl .battle-pass-sneak-peak.available .content h2,
.pt_BR .battle-pass-sneak-peak.available .content h2,
.ru .battle-pass-sneak-peak.available .content h2 {
display: inline;
padding-right: .5em;
vertical-align: top
}
@media only screen and (max-width:991px) {
.es_ES .battle-pass-sneak-peak.available .content h2,
.es_MX .battle-pass-sneak-peak.available .content h2,
.fr .battle-pass-sneak-peak.available .content h2,
.it .battle-pass-sneak-peak.available .content h2,
.pl .battle-pass-sneak-peak.available .content h2,
.pt_BR .battle-pass-sneak-peak.available .content h2,
.ru .battle-pass-sneak-peak.available .content h2 {
font-size: 2em
}
}
@media screen and (max-width:1850px) {
.de .battle-pass-sneak-peak.comet .content,
.tr .battle-pass-sneak-peak.comet .content {
max-width: 27em
}
}
@media only screen and (max-width:1199px) {
.de .battle-pass-sneak-peak.comet .content,
.tr .battle-pass-sneak-peak.comet .content {
max-width: 18em;
top: 2em
}
.de .battle-pass-sneak-peak.comet .content h1,
.tr .battle-pass-sneak-peak.comet .content h1 {
font-size: 4em
}
.de .battle-pass-sneak-peak.comet .content h2,
.tr .battle-pass-sneak-peak.comet .content h2 {
font-size: 2em
}
}
@media only screen and (max-width:767px) {
.de .battle-pass-sneak-peak.comet .content,
.tr .battle-pass-sneak-peak.comet .content {
max-width: 100%
}
}
@media screen and (max-width:1850px) {
.ja .battle-pass-sneak-peak.comet .content {
max-width: 30em
}
}
@media only screen and (max-width:1199px) {
.ja .battle-pass-sneak-peak.comet .content {
max-width: 18em;
top: 2em
}
.ja .battle-pass-sneak-peak.comet .content h1 {
font-size: 4em
}
.ja .battle-pass-sneak-peak.comet .content h2 {
font-size: 2em
}
}
@media only screen and (max-width:767px) {
.ja .battle-pass-sneak-peak.comet .content {
max-width: 100%
}
}
.ko .battle-pass-sneak-peak.comet .content h1,
.zh .battle-pass-sneak-peak.comet .content h1,
.zh_HK .battle-pass-sneak-peak.comet .content h1 {
font-size: 6em
}
.ko .battle-pass-sneak-peak.comet .content h2,
.zh .battle-pass-sneak-peak.comet .content h2,
.zh_HK .battle-pass-sneak-peak.comet .content h2 {
font-size: 4em
}
@media screen and (max-width:1850px) {
.ko .battle-pass-sneak-peak.comet .content,
.zh .battle-pass-sneak-peak.comet .content,
.zh_HK .battle-pass-sneak-peak.comet .content {
max-width: 33em
}
}
@media only screen and (max-width:1199px) {
.ko .battle-pass-sneak-peak.comet .content,
.zh .battle-pass-sneak-peak.comet .content,
.zh_HK .battle-pass-sneak-peak.comet .content {
max-width: 20em;
top: 2em
}
.ko .battle-pass-sneak-peak.comet .content h1,
.zh .battle-pass-sneak-peak.comet .content h1,
.zh_HK .battle-pass-sneak-peak.comet .content h1 {
font-size: 3em
}
.ko .battle-pass-sneak-peak.comet .content h2,
.zh .battle-pass-sneak-peak.comet .content h2,
.zh_HK .battle-pass-sneak-peak.comet .content h2 {
font-size: 1.5em
}
}
@media only screen and (max-width:767px) {
.ko .battle-pass-sneak-peak.comet .content,
.zh .battle-pass-sneak-peak.comet .content,
.zh_HK .battle-pass-sneak-peak.comet .content {
max-width: 100%
}
}
.ko .battle-pass-sneak-peak.dayBefore .content,
.zh .battle-pass-sneak-peak.dayBefore .content,
.zh_HK .battle-pass-sneak-peak.dayBefore .content {
max-width: 80em
}
.battlepass-background-header {
position: relative;
height: 90vh;
min-height: 860px;
width: 100vw
}
@media only screen and (max-width:767px) {
.battlepass-background-header {
min-height: auto;
max-height: 450px
}
}
.battlepass-background-header .background-wrapper .video-dots-mask {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkxNjgyMDA2NjJBNzExRTBCNjU1QzhBRDY1RUJCOUU4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkxNjgyMDA3NjJBNzExRTBCNjU1QzhBRDY1RUJCOUU4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTE2ODIwMDQ2MkE3MTFFMEI2NTVDOEFENjVFQkI5RTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTE2ODIwMDU2MkE3MTFFMEI2NTVDOEFENjVFQkI5RTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7UWbiJAAAAHUlEQVR42mJiYGD4DwQggoEJSDAyQAETAxIACDAAJMMJ/r07h+kAAAAASUVORK5CYII=");
background-color: rgba(0, 0, 0, .4)
}
.battlepass-background-header .background-wrapper .background-video.video .screen,
.battlepass-background-header .background-wrapper .video.video .screen {
margin: 0
}
.battlepass-background-header .content {
color: #fff;
position: absolute;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1
}
.battlepass-background-header .content .animated-content {
text-align: center
}
.battlepass-background-header .content .animated-content .vh-duration {
position: absolute;
right: 5vw;
top: 5%
}
.battlepass-background-header .content .animated-content .vh-duration h5 {
max-width: 15vw;
font-size: 1.5vw;
line-height: 100%
}
@media only screen and (max-width:767px) {
.battlepass-background-header .content .animated-content .vh-duration h5 {
max-width: 30vw;
font-size: 3.5vw
}
}
.battlepass-background-header .content .animated-content h1 {
color: #00d2ff;
font-size: 10em;
margin: 2vw auto 0
}
@media only screen and (max-width:1199px) {
.battlepass-background-header .content .animated-content h1 {
font-size: 16vw
}
}
@media only screen and (max-width:991px) {
.battlepass-background-header .content .animated-content h1 {
font-size: 12vw
}
}
.battlepass-background-header .content .animated-content h3 {
letter-spacing: 1px;
max-width: 27em;
margin: 0 auto;
font-size: 1.5vw
}
@media only screen and (max-width:1199px) {
.battlepass-background-header .content .animated-content h3 {
font-size: 1.5em
}
}
@media only screen and (max-width:991px) {
.battlepass-background-header .content .animated-content h3 {
font-size: 5vw
}
}
@media only screen and (max-width:767px) {
.battlepass-background-header .content .animated-content h3 {
font-size: 1em;
margin: .5em auto
}
}
.battlepass-background-header .content .animated-content .above-title h4 {
font-size: 1.5vw;
color: #fff;
letter-spacing: 3px
}
@media only screen and (max-width:1199px) {
.battlepass-background-header .content .animated-content .above-title h4 {
font-size: 1.5em
}
}
@media only screen and (max-width:991px) {
.battlepass-background-header .content .animated-content .above-title h4 {
font-size: 1em
}
}
.battlepass-background-header .content .animated-content img {
margin-bottom: 1em;
width: 7.5vw
}
@media only screen and (max-width:767px) {
.battlepass-background-header .content .animated-content img {
width: 16vw
}
}
.battlepass-background-header .content .animated-content .play-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
margin-top: 2em
}
.battlepass-background-header .content .animated-content .play-wrapper:hover {
-webkit-transform: scale(1.1) !important;
-ms-transform: scale(1.1) !important;
transform: scale(1.1) !important
}
@media only screen and (max-width:767px) {
.battlepass-background-header .content .animated-content .play-wrapper {
font-size: .8em;
margin-top: 2em
}
}
@media only screen and (max-width:1199px) {
.es_ES .battlepass-background-header .content h1,
.es_MX .battlepass-background-header .content h1,
.fr .battlepass-background-header .content h1,
.it .battlepass-background-header .content h1,
.pl .battlepass-background-header .content h1,
.pt_BR .battlepass-background-header .content h1,
.ru .battlepass-background-header .content h1 {
font-size: 12vw
}
}
.tr .battlepass-background-header .content h1 {
margin: 36px 0
}
@media only screen and (max-width:767px) {
.tr .battlepass-background-header .content h1 {
margin: 20px 0
}
}
@media only screen and (max-width:767px) {
.ko .battlepass-background-header .content h3 {
font-size: 1.5em
}
}
.bp-skinslider {
width: 100vw;
position: relative;
background: #000;
z-index: 1
}
.bp-skinslider .battlepass-badge {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: -6em;
z-index: 2;
max-width: 10em
}
@media only screen and (max-width:1199px) {
.bp-skinslider .battlepass-badge {
max-width: 10em;
top: -5em
}
}
@media only screen and (max-width:991px) {
.bp-skinslider .battlepass-badge {
max-width: 6em;
top: -3em
}
}
.bp-skinslider .bg-image {
display: none
}
.bp-skinslider .goldBolds {
position: absolute;
left: 2em;
width: 20%;
top: -2em;
z-index: 1
}
@media only screen and (max-width:1199px) {
.bp-skinslider .goldBolds {
top: 2em;
left: -3em;
width: 32%
}
}
@media only screen and (max-width:991px) {
.bp-skinslider .goldBolds {
width: 40%
}
}
.bp-skinslider .bp-secondary-bg-img {
position: absolute;
right: 2em;
width: 20%;
top: -2em;
z-index: 1
}
@media only screen and (max-width:1199px) {
.bp-skinslider .bp-secondary-bg-img {
right: -3em;
width: 32%;
top: 2em
}
}
@media only screen and (max-width:991px) {
.bp-skinslider .bp-secondary-bg-img {
width: 40%
}
}
.bp-skinslider .clipShape {
-webkit-clip-path: polygon(100% 100%, 100% 0, 90% 20%, 93% 0, 50% 80%, 7% 0, 10% 20%, 0 0, 0 100%);
clip-path: polygon(100% 100%, 100% 0, 90% 20%, 93% 0, 50% 80%, 7% 0, 10% 20%, 0 0, 0 100%);
height: 6vw;
z-index: 1;
width: 100%;
background: #000;
position: absolute;
bottom: calc(100% - 2px)
}
.bp-skinslider img:not(.battlepass-badge) {
opacity: 0
}
.bp-skinslider.visible .battlePass-chars,
.bp-skinslider.visible img:not(.battlepass-badge) {
-webkit-animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards;
animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards
}
.bp-skinslider .battlePass-slider .slide {
height: 70vh;
min-height: 500px;
text-align: center
}
@media only screen and (max-width:1199px) {
.bp-skinslider .battlePass-slider .slide {
height: unset;
min-height: unset
}
}
.bp-skinslider .battlePass-slider .slide img {
height: 100%;
width: auto
}
@media only screen and (max-width:1199px) {
.bp-skinslider .battlePass-slider .slide img {
height: unset;
width: 100%;
width: 95%
}
}
@media only screen and (max-width:1199px) {
.bp-skinslider .battlePass-slider {
padding-top: 15%
}
}
.bp-skinslider .battlePass-chars {
width: auto;
margin: 0 auto;
padding-top: 4em
}
.bp-skinslider .battlePass-chars img {
width: 80vw;
margin: 0 auto
}
@media only screen and (max-width:1199px) {
.bp-skinslider .battlePass-chars img {
width: 100vw
}
}
.bp-skinslider .battlePass-chars .battlePass-paginations {
padding: 0;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px
}
.bp-skinslider .battlePass-chars .battlePass-paginations li {
position: relative;
display: inline-block;
margin: 0 .5em
}
.bp-skinslider .battlePass-chars .battlePass-paginations li button {
cursor: pointer;
outline: none;
height: 10px;
width: 160px;
border: none;
background: #29ade4;
color: transparent;
opacity: .3;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out
}
@media only screen and (max-width:1199px) {
.bp-skinslider .battlePass-chars .battlePass-paginations li button {
width: 60px
}
}
.bp-skinslider .battlePass-chars .battlePass-paginations li.slick-active button {
opacity: 1
}
.bp-skinslider .battlepass-bottom-content {
text-align: center;
margin: 3% auto 0;
position: relative;
z-index: 1
}
.bp-skinslider .battlepass-bottom-content h1 {
font-size: 5vw
}
@media only screen and (min-width:1200px) {
.bp-skinslider .battlepass-bottom-content h1 {
font-size: 1.4em
}
}
@media only screen and (max-width:1199px) {
.bp-skinslider .battlepass-bottom-content h1 {
font-size: 6vw
}
}
.bp-skinslider .battlepass-bottom-content p {
margin: 2vw auto 0;
font-size: 1.5vw;
width: 45vw
}
@media only screen and (min-width:1200px) {
.bp-skinslider .battlepass-bottom-content p {
font-size: 1.4em
}
}
@media only screen and (max-width:1199px) {
.bp-skinslider .battlepass-bottom-content p {
width: 75vw;
font-size: 2.5vw
}
}
.ch2-s3 .badge-container,
.chapter-2-season-3 .badge-container {
position: absolute;
bottom: 98%;
left: 0;
right: 0;
width: 100%;
max-width: 1400px;
margin: 0 auto
}
@media only screen and (max-width:767px) {
.ch2-s3 .badge-container,
.chapter-2-season-3 .badge-container {
bottom: 96%
}
}
.ch2-s3 .battlepass-badge,
.chapter-2-season-3 .battlepass-badge {
position: absolute;
top: unset;
left: unset;
bottom: 0;
right: 1em;
max-width: 12em;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-badge,
.chapter-2-season-3 .battlepass-badge {
max-width: 7.5em
}
}
.ch2-s3 .goldBolds,
.chapter-2-season-3 .goldBolds {
display: none
}
.ch2-s3 .bg-image,
.chapter-2-season-3 .bg-image {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-clip-path: polygon(0 100%, 0 0, 75% 5%, 26% 0, 100% 4%, 100% 100%);
clip-path: polygon(0 100%, 0 0, 75% 5%, 26% 0, 100% 4%, 100% 100%)
}
.ch2-s3 .battlepass-bottom-content,
.chapter-2-season-3 .battlepass-bottom-content {
color: #000
}
.ch2-s3 .battlepass-bottom-content h1,
.chapter-2-season-3 .battlepass-bottom-content h1 {
color: #0086cb;
font-size: 4vw
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-bottom-content h1,
.chapter-2-season-3 .battlepass-bottom-content h1 {
font-size: 2em
}
}
.ch2-s3 .battlepass-bottom-content p,
.chapter-2-season-3 .battlepass-bottom-content p {
font-size: 1.2vw;
margin: 0 auto;
width: 35em
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-bottom-content p,
.chapter-2-season-3 .battlepass-bottom-content p {
font-size: 1.2em
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-bottom-content p,
.chapter-2-season-3 .battlepass-bottom-content p {
font-size: 1em;
width: 100%;
padding: 0;
max-width: 35em
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-bottom-content,
.chapter-2-season-3 .battlepass-bottom-content {
padding: 0 1em
}
}
.ch2-s3 .bp-skinslider,
.chapter-2-season-3 .bp-skinslider {
background: #fff;
padding: 3em 0
}
@media only screen and (max-width:1199px) {
.ch2-s3 .bp-skinslider .battlePass-slider,
.chapter-2-season-3 .bp-skinslider .battlePass-slider {
padding-top: 0
}
}
.ch2-s3 .clipShape,
.chapter-2-season-3 .clipShape {
display: none
}
.ko .battlepass-bottom-content p {
font-family: aERIN, sans-serif !important;
font-size: 1.5em
}
.VBucksSection {
position: relative;
opacity: 1;
padding-bottom: 5%;
background-color: #000;
margin-top: -1px
}
.VBucksSection .content-wrapper {
position: relative;
opacity: 0
}
.VBucksSection .content-wrapper.visible {
-webkit-animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards;
animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards
}
.VBucksSection .content-wrapper.visible .vBucksImage {
-webkit-animation: bounce-in-from-center 2s both;
animation: bounce-in-from-center 2s both;
-webkit-animation: bounce-in-from-top 1.5s both;
animation: bounce-in-from-top 1.5s both;
-webkit-animation-delay: .5s;
animation-delay: .5s
}
.VBucksSection .background-section {
position: relative
}
.VBucksSection .background-section .backgroundImage {
width: 100%;
padding-bottom: 50%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
margin: 0 auto;
display: block
}
@media only screen and (max-width:767px) {
.VBucksSection .background-section .backgroundImage {
padding-top: 10%;
top: 0;
background-size: 140%
}
}
.VBucksSection .background-section .vBucksImage {
position: absolute;
top: 50%;
-webkit-transform: translateY(-15%);
-ms-transform: translateY(-15%);
transform: translateY(-15%);
bottom: 0;
width: 40%;
right: 0;
left: 0;
margin: 0 auto
}
@media only screen and (max-width:767px) {
.VBucksSection .background-section .vBucksImage {
width: 80vw
}
}
.VBucksSection .VBucks-description {
text-align: center;
color: #fff;
margin-top: 5%;
padding-bottom: 10%
}
@media only screen and (max-width:1199px) {
.VBucksSection .VBucks-description {
padding-bottom: 20%
}
}
@media only screen and (max-width:767px) {
.VBucksSection .VBucks-description {
bottom: 0
}
}
.VBucksSection .VBucks-description .animate-string {
margin: 0 auto
}
.VBucksSection .VBucks-description .animate-string h1 {
margin: 0 auto;
font-size: 5vw
}
@media only screen and (max-width:767px) {
.VBucksSection .VBucks-description .animate-string h1 {
font-size: 6vw
}
}
.VBucksSection .VBucks-description .animate-string p {
margin: 2vw auto 0;
font-size: 1.5vw;
width: 46vw
}
@media only screen and (max-width:767px) {
.VBucksSection .VBucks-description .animate-string p {
width: 75vw;
font-size: 2.5vw
}
}
.VBucksSection .vbucks-bottom-slice {
position: absolute;
width: 100%
}
.ch2-s3 .VBucksSection,
.chapter-2-season-3 .VBucksSection {
background-color: #fff;
padding: 3em 0;
margin-top: 0
}
@media only screen and (max-width:1199px) {
.ch2-s3 .VBucksSection,
.chapter-2-season-3 .VBucksSection {
padding: 1em 0
}
}
.ch2-s3 .VBucksSection .content-wrapper,
.chapter-2-season-3 .VBucksSection .content-wrapper {
position: relative;
padding: 0 0 6em
}
@media only screen and (max-width:767px) {
.ch2-s3 .VBucksSection .content-wrapper,
.chapter-2-season-3 .VBucksSection .content-wrapper {
padding: 1em 0 5em
}
}
.ch2-s3 .VBucksSection .content-wrapper .background-section,
.chapter-2-season-3 .VBucksSection .content-wrapper .background-section {
position: static;
text-align: center
}
.ch2-s3 .VBucksSection .content-wrapper .background-section .backgroundImage,
.chapter-2-season-3 .VBucksSection .content-wrapper .background-section .backgroundImage {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-bottom: 0;
-webkit-clip-path: polygon(0 5%, 20% 8%, 14% 4%, 100% 15%, 100% 98%, 85% 95%, 90% 98%, 0 90%);
clip-path: polygon(0 5%, 20% 8%, 14% 4%, 100% 15%, 100% 98%, 85% 95%, 90% 98%, 0 90%)
}
@media only screen and (max-width:767px) {
.ch2-s3 .VBucksSection .content-wrapper .background-section .backgroundImage,
.chapter-2-season-3 .VBucksSection .content-wrapper .background-section .backgroundImage {
background-size: cover;
padding: 0;
-webkit-clip-path: polygon(0 5%, 100% 17%, 100% 100%, 80% 97%, 88% 100%, 0 95%);
clip-path: polygon(0 5%, 100% 17%, 100% 100%, 80% 97%, 88% 100%, 0 95%)
}
}
.ch2-s3 .VBucksSection .content-wrapper .background-section .vBucksImage,
.chapter-2-season-3 .VBucksSection .content-wrapper .background-section .vBucksImage {
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: 0;
width: 55%;
margin-bottom: 2em
}
@media only screen and (max-width:767px) {
.ch2-s3 .VBucksSection .content-wrapper .background-section .vBucksImage,
.chapter-2-season-3 .VBucksSection .content-wrapper .background-section .vBucksImage {
width: 100%;
margin-bottom: 1em
}
}
.ch2-s3 .VBucksSection .content-wrapper.visible .vBucksImage,
.chapter-2-season-3 .VBucksSection .content-wrapper.visible .vBucksImage {
-webkit-animation: none;
animation: none
}
.ch2-s3 .VBucksSection .content-wrapper .VBucks-description,
.chapter-2-season-3 .VBucksSection .content-wrapper .VBucks-description {
margin-top: 0;
padding-bottom: 2em
}
.ch2-s3 .VBucksSection .content-wrapper .VBucks-description h1,
.chapter-2-season-3 .VBucksSection .content-wrapper .VBucks-description h1 {
color: #01aeff;
font-size: 4vw
}
@media only screen and (min-width:1200px) {
.ch2-s3 .VBucksSection .content-wrapper .VBucks-description h1,
.chapter-2-season-3 .VBucksSection .content-wrapper .VBucks-description h1 {
font-size: 3.8em
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .VBucksSection .content-wrapper .VBucks-description h1,
.chapter-2-season-3 .VBucksSection .content-wrapper .VBucks-description h1 {
font-size: 2em
}
}
.ch2-s3 .VBucksSection .content-wrapper .VBucks-description p,
.chapter-2-season-3 .VBucksSection .content-wrapper .VBucks-description p {
font-size: 1.2vw;
width: 100%;
max-width: 40em
}
@media only screen and (min-width:1200px) {
.ch2-s3 .VBucksSection .content-wrapper .VBucks-description p,
.chapter-2-season-3 .VBucksSection .content-wrapper .VBucks-description p {
font-size: 1.4em
}
}
@media only screen and (max-width:1199px) {
.ch2-s3 .VBucksSection .content-wrapper .VBucks-description p,
.chapter-2-season-3 .VBucksSection .content-wrapper .VBucks-description p {
font-size: 1.2em
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .VBucksSection .content-wrapper .VBucks-description p,
.chapter-2-season-3 .VBucksSection .content-wrapper .VBucks-description p {
width: 100%;
max-width: 35em;
padding: 0 1em;
font-size: 1em
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .VBucksSection .content-wrapper .VBucks-description,
.chapter-2-season-3 .VBucksSection .content-wrapper .VBucks-description {
padding-bottom: 0
}
}
.ko .VBucksSection .content-wrapper .VBucks-description p {
font-family: aERIN, sans-serif !important;
font-size: 1.5em
}
.battlepass-gunwraps {
padding: 5% 0;
opacity: 0
}
.battlepass-gunwraps.visible {
-webkit-animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards;
animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards
}
.battlepass-gunwraps .gun-content .gun-parallax {
margin: 1em auto;
text-align: center
}
.battlepass-gunwraps .gun-content .gun-parallax img {
width: 80%
}
@media only screen and (max-width:767px) {
.battlepass-gunwraps .gun-content .gun-parallax img {
width: 90%
}
}
.battlepass-gunwraps .gun-content .gunwrap-description {
color: #000;
font-family: BurbankBigRegular-Black, sans-serif;
text-align: center;
margin: 3vw auto
}
.battlepass-gunwraps .gun-content .gunwrap-description h1 {
margin: 0 auto;
color: #000;
font-size: 5vw
}
@media only screen and (max-width:767px) {
.battlepass-gunwraps .gun-content .gunwrap-description h1 {
font-size: 6vw
}
}
.battlepass-gunwraps .gun-content .gunwrap-description p {
margin: 2vw auto 0;
font-size: 1.5vw;
width: 45vw
}
@media only screen and (max-width:767px) {
.battlepass-gunwraps .gun-content .gunwrap-description p {
width: 75vw;
font-size: 2.5vw
}
}
.ch2-s3 .battlepass-gunwraps,
.chapter-2-season-3 .battlepass-gunwraps {
padding: 6em 0;
max-width: 1200px;
margin: 0 auto
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-gunwraps,
.chapter-2-season-3 .battlepass-gunwraps {
padding: 2em 0
}
}
.ch2-s3 .battlepass-gunwraps .gun-content .gunwrap-description h1,
.chapter-2-season-3 .battlepass-gunwraps .gun-content .gunwrap-description h1 {
font-size: 5em
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-gunwraps .gun-content .gunwrap-description h1,
.chapter-2-season-3 .battlepass-gunwraps .gun-content .gunwrap-description h1 {
font-size: 3em
}
}
.battlepass-gliders {
position: relative;
opacity: 0;
z-index: 1;
margin: 0
}
.battlepass-gliders.visible {
-webkit-animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards;
animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards
}
.battlepass-gliders .gliders-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
width: 100%;
height: 90vh;
min-height: 800px;
-webkit-clip-path: polygon(0 11%, 100% 0, 100% 90%, 0 100%);
clip-path: polygon(0 11%, 100% 0, 100% 90%, 0 100%)
}
@media only screen and (max-width:1199px) {
.battlepass-gliders .gliders-bg {
min-height: auto;
max-height: 60vh
}
}
@media only screen and (max-width:767px) {
.battlepass-gliders .gliders-bg {
min-height: auto;
max-height: 400px;
-webkit-clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%)
}
}
.battlepass-gliders .glider-images {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0
}
.battlepass-gliders .glider-images img {
position: absolute
}
.battlepass-gliders .glider-images img:first-child {
left: 5%;
bottom: 5%;
height: 70%;
-webkit-animation: gliders 6s linear infinite;
animation: gliders 6s linear infinite
}
@media only screen and (max-width:1199px) {
.battlepass-gliders .glider-images img:first-child {
left: 0;
height: 60%;
bottom: 3%
}
}
@media only screen and (max-width:767px) {
.battlepass-gliders .glider-images img:first-child {
height: 50%;
bottom: 20%
}
}
.battlepass-gliders .glider-images img:nth-child(2) {
right: 0;
bottom: 5%;
height: 100%;
-webkit-animation: gliders 5s linear infinite;
animation: gliders 5s linear infinite
}
@media only screen and (max-width:1199px) {
.battlepass-gliders .glider-images img:nth-child(2) {
bottom: 5%;
right: -10%;
height: 80%
}
}
@media only screen and (max-width:767px) {
.battlepass-gliders .glider-images img:nth-child(2) {
right: -15%;
bottom: 20%
}
}
.battlepass-gliders .glider-images img:nth-child(3) {
left: 10%;
top: 68%;
width: 30vw;
min-width: 580px;
-webkit-animation: gliders 7s linear infinite;
animation: gliders 7s linear infinite
}
@media only screen and (max-width:1199px) {
.battlepass-gliders .glider-images img:nth-child(3) {
left: -10%
}
}
@media only screen and (max-width:767px) {
.battlepass-gliders .glider-images img:nth-child(3) {
width: 100%;
min-width: auto;
max-width: 250px;
left: -10%;
top: 80%
}
}
.battlepass-gliders .gliders-content-wrapper {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.battlepass-gliders .gliders-content-wrapper {
-webkit-align-items: normal;
-ms-flex-align: normal;
align-items: normal;
top: 25%
}
}
.battlepass-gliders .gliders-content-wrapper .gliders-content {
padding-left: 25%;
text-align: left;
max-width: 50%
}
@media only screen and (max-width:767px) {
.battlepass-gliders .gliders-content-wrapper .gliders-content {
max-width: 60%
}
}
.battlepass-gliders .gliders-content-wrapper .gliders-content h1 {
font-size: 6vw;
color: #fff
}
@media only screen and (min-width:1200px) {
.battlepass-gliders .gliders-content-wrapper .gliders-content h1 {
font-size: 3.8em
}
}
@media only screen and (max-width:767px) {
.battlepass-gliders .gliders-content-wrapper .gliders-content h1 {
font-size: 8vw
}
}
.battlepass-gliders .gliders-content-wrapper .gliders-content p {
margin: 2% auto 0;
font-size: 1.5vw;
width: 40vw
}
@media only screen and (max-width:767px) {
.battlepass-gliders .gliders-content-wrapper .gliders-content p {
font-size: 2.5vw
}
}
.battlepass-gliders .battlepass-gliders-clip-path {
-webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 100%);
height: 150px;
width: 120%;
background-color: #000;
position: absolute;
bottom: -2px
}
@media only screen and (max-width:1199px) {
.battlepass-gliders .battlepass-gliders-clip-path {
-webkit-clip-path: polygon(0 80%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 80%, 100% 0, 100% 100%, 0 100%);
height: 100px
}
}
@media only screen and (max-width:767px) {
.battlepass-gliders .battlepass-gliders-clip-path {
-webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%)
}
}
@-webkit-keyframes gliders {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
25% {
-webkit-transform: translate3d(1vw, 10px, 0);
transform: translate3d(1vw, 10px, 0)
}
50% {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
75% {
-webkit-transform: translate3d(-1vw, 10px, 0);
transform: translate3d(-1vw, 10px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes gliders {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
25% {
-webkit-transform: translate3d(1vw, 10px, 0);
transform: translate3d(1vw, 10px, 0)
}
50% {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
75% {
-webkit-transform: translate3d(-1vw, 10px, 0);
transform: translate3d(-1vw, 10px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.ch2-s3 .battlepass-gliders-clip-path,
.chapter-2-season-3 .battlepass-gliders-clip-path {
background-color: #fff
}
.ch2-s3 .battlepass-gliders,
.chapter-2-season-3 .battlepass-gliders {
z-index: 2
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-gliders .gliders-bg,
.chapter-2-season-3 .battlepass-gliders .gliders-bg {
min-height: 650px;
height: 80vh
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-gliders .gliders-bg,
.chapter-2-season-3 .battlepass-gliders .gliders-bg {
max-height: unset;
height: 100%;
min-height: 500px
}
}
.ch2-s3 .battlepass-gliders .glider-images img:first-child,
.chapter-2-season-3 .battlepass-gliders .glider-images img:first-child {
height: 25%;
bottom: noset;
top: 0
}
.ch2-s3 .battlepass-gliders .glider-images img:nth-child(2),
.chapter-2-season-3 .battlepass-gliders .glider-images img:nth-child(2) {
height: 90%;
bottom: 15%;
right: -20%
}
@media screen and (max-width:840px) {
.ch2-s3 .battlepass-gliders .glider-images img:nth-child(2),
.chapter-2-season-3 .battlepass-gliders .glider-images img:nth-child(2) {
right: -15%;
height: 70%;
bottom: 20%
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-gliders .glider-images img:nth-child(2),
.chapter-2-season-3 .battlepass-gliders .glider-images img:nth-child(2) {
right: -10%;
height: 75%;
bottom: 10%
}
}
@media only screen and (max-width:568px) and (orientation:portrait) {
.ch2-s3 .battlepass-gliders .glider-images img:nth-child(2),
.chapter-2-season-3 .battlepass-gliders .glider-images img:nth-child(2) {
right: -50%;
height: 60%;
bottom: 15%
}
}
.ch2-s3 .battlepass-gliders .glider-images img:nth-child(3),
.chapter-2-season-3 .battlepass-gliders .glider-images img:nth-child(3) {
z-index: 1
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-gliders .glider-images img:nth-child(3),
.chapter-2-season-3 .battlepass-gliders .glider-images img:nth-child(3) {
top: 70%
}
}
@media only screen and (max-width:992px) and (orientation:landscape) {
.ch2-s3 .battlepass-gliders .glider-images img:nth-child(3),
.chapter-2-season-3 .battlepass-gliders .glider-images img:nth-child(3) {
min-width: 350px
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-gliders .gliders-content-wrapper,
.chapter-2-season-3 .battlepass-gliders .gliders-content-wrapper {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
top: 0
}
}
.ch2-s3 .battlepass-gliders .gliders-content-wrapper .gliders-content,
.chapter-2-season-3 .battlepass-gliders .gliders-content-wrapper .gliders-content {
padding-left: 0;
margin-left: 10%;
max-width: 25em
}
.ch2-s3 .battlepass-gliders .gliders-content-wrapper .gliders-content h1,
.chapter-2-season-3 .battlepass-gliders .gliders-content-wrapper .gliders-content h1 {
color: #000;
font-size: 5em
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-gliders .gliders-content-wrapper .gliders-content h1,
.chapter-2-season-3 .battlepass-gliders .gliders-content-wrapper .gliders-content h1 {
font-size: 3em
}
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-gliders .gliders-content-wrapper .gliders-content,
.chapter-2-season-3 .battlepass-gliders .gliders-content-wrapper .gliders-content {
margin-left: 5%
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-gliders .gliders-content-wrapper .gliders-content,
.chapter-2-season-3 .battlepass-gliders .gliders-content-wrapper .gliders-content {
max-width: 15em
}
}
.de .battlepass-gliders .gliders-content-wrapper .gliders-content h1 {
font-size: 3.8em
}
.axe-wrapper,
.axe-wrapper .battlepass-axes {
position: relative;
background-color: #000
}
.axe-wrapper .battlepass-axes {
opacity: 0;
height: 100vh;
min-height: 600px;
width: 100%;
padding: 5% 0;
z-index: 1;
margin-top: -1px
}
@media only screen and (max-width:1399px) {
.axe-wrapper .battlepass-axes {
height: auto
}
}
@media only screen and (max-width:1199px) {
.axe-wrapper .battlepass-axes {
height: 50vh
}
}
@media only screen and (max-width:767px) {
.axe-wrapper .battlepass-axes {
min-height: auto;
max-height: 80vw
}
}
@media only screen and (max-width:768px) and (orientation:landscape) {
.axe-wrapper .battlepass-axes {
min-height: 375px;
max-height: auto
}
}
.axe-wrapper .battlepass-axes.visible {
-webkit-animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards;
animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards
}
.axe-wrapper .battlepass-axes .axe-image {
position: absolute;
right: 72px;
top: 0;
max-width: 50%
}
@media only screen and (max-width:1199px) {
.axe-wrapper .battlepass-axes .axe-image {
-webkit-transform: translateX(1em);
-ms-transform: translateX(1em);
transform: translateX(1em);
max-width: 60%;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.axe-wrapper .battlepass-axes .axes-content {
padding-left: 72px;
position: absolute;
color: #fff;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 40%
}
@media only screen and (max-width:1199px) {
.axe-wrapper .battlepass-axes .axes-content {
top: 80%;
padding-left: 25px
}
}
.axe-wrapper .battlepass-axes .axes-content h1 {
font-size: 7vw
}
.axe-wrapper .battlepass-axes .axes-content p {
margin: 2vw auto 0;
font-size: 1.5vw
}
@media only screen and (max-width:767px) {
.axe-wrapper .battlepass-axes .axes-content p {
font-size: 2.5vw
}
}
.ch2-s3 .axe-wrapper,
.chapter-2-season-3 .axe-wrapper {
background-color: #fff;
max-width: 1200px;
margin: 0 auto;
padding: 0 3em
}
@media only screen and (max-width:767px) {
.ch2-s3 .axe-wrapper,
.chapter-2-season-3 .axe-wrapper {
padding: 0 1em
}
}
.ch2-s3 .battlepass-axes,
.chapter-2-season-3 .battlepass-axes {
background-color: #fff;
padding: 0;
height: 50vh
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-axes,
.chapter-2-season-3 .battlepass-axes {
height: 40vh;
min-height: 400px;
padding: 0
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-axes,
.chapter-2-season-3 .battlepass-axes {
height: auto;
min-height: auto;
max-height: unset;
text-align: center
}
}
.ch2-s3 .battlepass-axes .axe-image,
.chapter-2-season-3 .battlepass-axes .axe-image {
max-width: 54%;
position: relative;
right: 0;
float: right;
-webkit-transform: translateX(5%);
-ms-transform: translateX(5%);
transform: translateX(5%)
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-axes .axe-image,
.chapter-2-season-3 .battlepass-axes .axe-image {
top: 0;
max-width: 50%;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-axes .axe-image,
.chapter-2-season-3 .battlepass-axes .axe-image {
position: relative;
top: unset;
right: unset;
padding: 0;
margin: 1em auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
max-width: 70%;
float: none
}
}
.ch2-s3 .battlepass-axes .axes-content,
.chapter-2-season-3 .battlepass-axes .axes-content {
color: #000;
padding-left: 0;
left: 0;
position: relative;
max-width: 46%
}
.ch2-s3 .battlepass-axes .axes-content h1,
.chapter-2-season-3 .battlepass-axes .axes-content h1 {
color: #0086cb;
font-size: 4vw
}
@media only screen and (min-width:1200px) {
.ch2-s3 .battlepass-axes .axes-content h1,
.chapter-2-season-3 .battlepass-axes .axes-content h1 {
font-size: 3.8em
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-axes .axes-content h1,
.chapter-2-season-3 .battlepass-axes .axes-content h1 {
font-size: 2em;
max-width: 9em;
margin: 20px auto 10px
}
}
.ch2-s3 .battlepass-axes .axes-content p,
.chapter-2-season-3 .battlepass-axes .axes-content p {
font-size: 1.2vw;
max-width: 35em;
margin-top: 0
}
@media only screen and (min-width:1200px) {
.ch2-s3 .battlepass-axes .axes-content p,
.chapter-2-season-3 .battlepass-axes .axes-content p {
font-size: 1.4em
}
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-axes .axes-content p,
.chapter-2-season-3 .battlepass-axes .axes-content p {
font-size: 1.2em
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-axes .axes-content p,
.chapter-2-season-3 .battlepass-axes .axes-content p {
font-size: 1em
}
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-axes .axes-content,
.chapter-2-season-3 .battlepass-axes .axes-content {
top: 50%;
padding: 0;
max-width: 50%
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-axes .axes-content,
.chapter-2-season-3 .battlepass-axes .axes-content {
position: relative;
top: unset;
padding: 0;
margin: 0 auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
max-width: 100%
}
}
@media only screen and (max-width:1199px) {
.de .battlepass-axes .axes-content h1 {
font-size: 2.5em
}
}
@media only screen and (max-width:767px) {
.de .battlepass-axes .axes-content h1 {
font-size: 2em
}
}
.ko .battlepass-axes .axes-content p {
font-family: aERIN, sans-serif !important;
font-size: 1.5em
}
.battlepass-emotes {
position: relative;
max-width: 1440px;
margin: 5% auto 0
}
.battlepass-emotes.visible .emotes-image {
-webkit-animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards;
animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards
}
.battlepass-emotes .emotes-image {
width: 85%;
margin: 0 auto;
opacity: 0;
display: block
}
.battlepass-emotes .emotes-image.absolute {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.battlepass-emotes .emotes-content {
width: 100%;
text-align: center;
z-index: 1;
margin-bottom: 5%
}
@media only screen and (max-width:767px) {
.battlepass-emotes .emotes-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
}
.battlepass-emotes .emotes-content .animate-string h1 {
font-size: 4vw;
color: #000
}
@media only screen and (max-width:767px) {
.battlepass-emotes .emotes-content .animate-string h1 {
font-size: 7vw;
width: 90vw;
text-align: center
}
}
.battlepass-emotes .emotes-content p {
margin-top: 2vw;
font-size: 1.5vw;
width: 25vw
}
@media only screen and (max-width:767px) {
.battlepass-emotes .emotes-content p {
font-size: 2.5vw
}
}
.battlepass-emotes .emote-videos-wrapper .battlepass-emote-video {
height: 100%;
position: relative;
padding-bottom: 56.25%
}
@media only screen and (max-width:991px) {
.battlepass-emotes .emote-videos-wrapper .battlepass-emote-video {
margin-bottom: 1em
}
}
@media only screen and (max-width:1199px) {
.battlepass-emotes .emote-videos-wrapper .battlepass-emote-video .icon-play {
font-size: 3em
}
}
.battlepass-emotes .emote-videos-wrapper .battlepass-emote-video .background-video {
background-color: #fff;
width: 100%
}
.battlepass-emotes .emote-videos-wrapper .battlepass-emote-video .background-video .overlay,
.battlepass-emotes .emote-videos-wrapper .battlepass-emote-video .background-video .play-pause-overlay {
background: transparent
}
.battlepass-emotes .emote-videos-wrapper .battlepass-emote-video video {
width: 100%
}
.battlepass-emotes .emote-videos-wrapper .battlepass-emote-video .video-still {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-bottom: 56.25%;
background-size: cover;
opacity: 1
}
.battlepass-emotes .emote-videos-wrapper .battlepass-emote-video .video-still .bp-videoplay {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 auto
}
.battlepass-emotes .emote-videos-wrapper .battlepass-emote-video .video-still.fade {
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out
}
@-webkit-keyframes dance-in {
0% {
opacity: 0
}
10% {
opacity: 0
}
10.1% {
opacity: 1
}
10.2% {
opacity: 0
}
20% {
opacity: 0
}
20.1% {
opacity: 1
}
20.6% {
opacity: 0
}
30% {
opacity: 0
}
30.1% {
opacity: 1
}
30.5% {
opacity: 1
}
30.6% {
opacity: 0
}
45% {
opacity: 0
}
45.1% {
opacity: 1
}
50% {
opacity: 1
}
55% {
opacity: 1
}
55.1% {
opacity: 0
}
57% {
opacity: 0
}
57.1% {
opacity: 1
}
60% {
opacity: 1
}
60.1% {
opacity: 0
}
65% {
opacity: 0
}
65.1% {
opacity: 1
}
75% {
opacity: 1
}
75.1% {
opacity: 0
}
77% {
opacity: 0
}
77.1% {
opacity: 1
}
85% {
opacity: 1
}
85.1% {
opacity: 0
}
86% {
opacity: 0
}
86.1% {
opacity: 1
}
to {
opacity: 1
}
}
@keyframes dance-in {
0% {
opacity: 0
}
10% {
opacity: 0
}
10.1% {
opacity: 1
}
10.2% {
opacity: 0
}
20% {
opacity: 0
}
20.1% {
opacity: 1
}
20.6% {
opacity: 0
}
30% {
opacity: 0
}
30.1% {
opacity: 1
}
30.5% {
opacity: 1
}
30.6% {
opacity: 0
}
45% {
opacity: 0
}
45.1% {
opacity: 1
}
50% {
opacity: 1
}
55% {
opacity: 1
}
55.1% {
opacity: 0
}
57% {
opacity: 0
}
57.1% {
opacity: 1
}
60% {
opacity: 1
}
60.1% {
opacity: 0
}
65% {
opacity: 0
}
65.1% {
opacity: 1
}
75% {
opacity: 1
}
75.1% {
opacity: 0
}
77% {
opacity: 0
}
77.1% {
opacity: 1
}
85% {
opacity: 1
}
85.1% {
opacity: 0
}
86% {
opacity: 0
}
86.1% {
opacity: 1
}
to {
opacity: 1
}
}
@-webkit-keyframes bounce-left {
0% {
-webkit-transform: translateX(-48px);
transform: translateX(-48px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1
}
24% {
opacity: 1
}
40% {
-webkit-transform: translateX(-26px);
transform: translateX(-26px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
65% {
-webkit-transform: translateX(-13px);
transform: translateX(-13px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
82% {
-webkit-transform: translateX(-6.5px);
transform: translateX(-6.5px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
93% {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
25%,
55%,
75%,
87%,
98% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1
}
}
@keyframes bounce-left {
0% {
-webkit-transform: translateX(-48px);
transform: translateX(-48px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1
}
24% {
opacity: 1
}
40% {
-webkit-transform: translateX(-26px);
transform: translateX(-26px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
65% {
-webkit-transform: translateX(-13px);
transform: translateX(-13px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
82% {
-webkit-transform: translateX(-6.5px);
transform: translateX(-6.5px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
93% {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
25%,
55%,
75%,
87%,
98% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1
}
}
.ch2-s3 .battlepass-emotes,
.chapter-2-season-3 .battlepass-emotes {
margin: 3em auto 0
}
.ch2-s3 .battlepass-emotes .emotes-content,
.chapter-2-season-3 .battlepass-emotes .emotes-content {
margin-bottom: 0
}
.ch2-s3 .battlepass-emotes .emotes-content h1,
.chapter-2-season-3 .battlepass-emotes .emotes-content h1 {
color: #0086cb;
font-size: 5em
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-emotes .emotes-content h1,
.chapter-2-season-3 .battlepass-emotes .emotes-content h1 {
font-size: 3em
}
}
.ch2-s3 .battlepass-emotes .emote-videos-container,
.chapter-2-season-3 .battlepass-emotes .emote-videos-container {
max-width: 1440px
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-emotes .emote-videos-container .emote-videos-wrapper .mobile-no-padding,
.chapter-2-season-3 .battlepass-emotes .emote-videos-container .emote-videos-wrapper .mobile-no-padding {
padding: 0
}
}
.ch2-s3 .battlepass-emotes .emote-videos-container .emote-videos-wrapper .battlepass-emote-video,
.chapter-2-season-3 .battlepass-emotes .emote-videos-container .emote-videos-wrapper .battlepass-emote-video {
padding-bottom: 100%
}
.ch2-s3 .battlepass-emotes .emote-videos-container .emote-videos-wrapper .battlepass-emote-video .video-still,
.chapter-2-season-3 .battlepass-emotes .emote-videos-container .emote-videos-wrapper .battlepass-emote-video .video-still {
padding-bottom: 100%;
background-position: 50%
}
.battlepass-items {
position: relative;
margin-top: -1px;
background-color: #000;
padding-bottom: 5%
}
@media only screen and (max-width:767px) {
.battlepass-items {
padding-bottom: 10%
}
}
.battlepass-items.visible .item-bg-image {
-webkit-animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards;
animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards
}
.battlepass-items.visible .items-images img {
opacity: 1
}
.battlepass-items .item-bg-image {
width: 78vw;
opacity: 0
}
.battlepass-items .items-images {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 5vw;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
@media only screen and (max-width:767px) {
.battlepass-items .items-images {
left: -5vw
}
}
.battlepass-items .items-images img {
position: relative
}
.battlepass-items .items-images img:first-child {
margin-right: -9vw;
width: 35vw;
z-index: 10;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
-webkit-transform: scale(1.1) translateY(22%);
-ms-transform: scale(1.1) translateY(22%);
transform: scale(1.1) translateY(22%)
}
@media only screen and (max-width:767px) {
.battlepass-items .items-images img:first-child {
width: 40vw
}
}
.battlepass-items .items-images img:nth-child(2) {
width: 20vw;
z-index: 9;
-webkit-transition-delay: .7s;
-o-transition-delay: .7s;
transition-delay: .7s
}
.battlepass-items .items-images img:nth-child(3) {
width: 15vw;
z-index: 8;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition-delay: .9s;
-o-transition-delay: .9s;
transition-delay: .9s;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.battlepass-items .items-images img img {
width: 100%
}
.battlepass-items .items-content {
font-size: 1.5vw;
position: absolute;
right: 5vw;
top: 40%;
color: #000;
z-index: 1
}
@media only screen and (max-width:767px) {
.battlepass-items .items-content {
right: 2vw
}
}
.battlepass-items .items-content h1 {
font-size: 4.5vw;
width: 35vw
}
@media only screen and (max-width:767px) {
.battlepass-items .items-content h1 {
font-size: 7vw;
width: 40vw
}
}
.battlepass-items .items-content p {
margin-top: 2vw;
font-size: 1.5vw;
width: 25vw
}
@media only screen and (max-width:767px) {
.battlepass-items .items-content p {
font-size: 2.5vw
}
}
.ch2-s3 .battlepass-items,
.chapter-2-season-3 .battlepass-items {
background-color: #fff;
padding: 2em 0 3em
}
.ch2-s3 .battlepass-items .items-content,
.chapter-2-season-3 .battlepass-items .items-content {
font-size: 1em;
max-width: 30vw
}
.ch2-s3 .battlepass-items .items-content h1,
.chapter-2-season-3 .battlepass-items .items-content h1 {
font-size: 4vw;
color: #0086cb;
width: 100%
}
@media only screen and (min-width:1200px) {
.ch2-s3 .battlepass-items .items-content h1,
.chapter-2-season-3 .battlepass-items .items-content h1 {
font-size: 3.8em
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-items .items-content h1,
.chapter-2-season-3 .battlepass-items .items-content h1 {
font-size: 2em
}
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-items .items-content,
.chapter-2-season-3 .battlepass-items .items-content {
max-width: 21em
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-items .items-content,
.chapter-2-season-3 .battlepass-items .items-content {
right: 3em;
max-width: 10em
}
}
@media only screen and (max-width:568px) and (orientation:portrait) {
.ch2-s3 .battlepass-items .items-content,
.chapter-2-season-3 .battlepass-items .items-content {
right: 1em
}
}
.ch2-s3 .battlepass-items .items-images,
.chapter-2-season-3 .battlepass-items .items-images {
left: 0;
top: 50%;
position: relative;
width: 100%
}
.ch2-s3 .battlepass-items .items-images img:first-child,
.chapter-2-season-3 .battlepass-items .items-images img:first-child {
width: 70%;
z-index: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-items .items-images img:first-child,
.chapter-2-season-3 .battlepass-items .items-images img:first-child {
width: 70%
}
}
@media only screen and (max-width:767px) {
.de .battlepass-items .items-content h1,
.es_ES .battlepass-items .items-content h1,
.es_MX .battlepass-items .items-content h1,
.it .battlepass-items .items-content h1,
.pt_BR .battlepass-items .items-content h1,
.ru .battlepass-items .items-content h1 {
font-size: 1.8em
}
}
@media only screen and (max-width:568px) and (orientation:portrait) {
.de .battlepass-items .items-content,
.es_ES .battlepass-items .items-content,
.es_MX .battlepass-items .items-content,
.it .battlepass-items .items-content,
.pt_BR .battlepass-items .items-content,
.ru .battlepass-items .items-content {
right: 3em
}
}
.battlepass-loadingScreens {
position: relative;
margin-top: 2vw;
opacity: 0
}
.battlepass-loadingScreens.visible {
-webkit-animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards;
animation: appear .5s cubic-bezier(.7, 0, .1, 1) .2s forwards
}
.battlepass-loadingScreens .loadingScreens-content {
text-align: center;
padding: 2vh 2vw;
color: #000
}
.battlepass-loadingScreens .loadingScreens-content h1 {
font-size: 5vw
}
.battlepass-loadingScreens .loadingScreens-content p {
font-size: 1.5vw;
margin: 0 auto;
width: 75vw
}
@media only screen and (max-width:767px) {
.battlepass-loadingScreens .loadingScreens-content p {
font-size: 2.5vw
}
}
.battlepass-loadingScreens .loadScreens-slider {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.battlepass-loadingScreens .loadScreens-slider .slick-slide {
overflow: hidden
}
.battlepass-loadingScreens .loadScreens-slider .slick-slide .loadScreenSlide {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 80vh;
min-height: 685px;
margin: 0 1em
}
@media only screen and (max-width:991px) {
.battlepass-loadingScreens .loadScreens-slider .slick-slide .loadScreenSlide {
min-height: auto;
max-height: 400px
}
}
@media only screen and (max-width:767px) {
.battlepass-loadingScreens .loadScreens-slider .slick-slide .loadScreenSlide {
min-height: auto;
max-height: 200px
}
}
.battlepass-loadingScreens .loadScreens-slider .loadScreens-paginations {
padding: 0;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px
}
.battlepass-loadingScreens .loadScreens-slider .loadScreens-paginations li {
position: relative;
display: inline-block;
margin: 0 .5em
}
.battlepass-loadingScreens .loadScreens-slider .loadScreens-paginations li button {
cursor: pointer;
outline: none;
height: 10px;
width: 160px;
border: none;
background: #29ade4;
color: transparent;
opacity: .3;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out
}
@media only screen and (max-width:767px) {
.battlepass-loadingScreens .loadScreens-slider .loadScreens-paginations li button {
width: 60px
}
}
.battlepass-loadingScreens .loadScreens-slider .loadScreens-paginations li.slick-active button {
opacity: 1
}
.battlepass-more-rewards {
background-color: #000;
position: relative;
height: 90vh;
margin-top: -1px
}
@media only screen and (max-width:1199px) {
.battlepass-more-rewards {
height: 50vh;
min-height: 700px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
@media only screen and (max-width:991px) {
.battlepass-more-rewards {
height: 500px;
min-height: auto
}
}
.battlepass-more-rewards .more-rewards-image {
position: absolute;
right: 0;
bottom: 0;
height: 100%
}
@media only screen and (max-width:767px) {
.battlepass-more-rewards .more-rewards-image {
height: auto;
width: 120%
}
}
.battlepass-more-rewards .more-rewards-content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-left: 72px;
text-align: left;
max-width: 40%
}
@media only screen and (max-width:767px) {
.battlepass-more-rewards .more-rewards-content {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 100%;
max-width: 100%;
padding: 25px 5em;
text-align: center
}
}
.battlepass-more-rewards .more-rewards-content h1 {
font-size: 6vw
}
@media only screen and (max-width:1199px) {
.battlepass-more-rewards .more-rewards-content h1 {
font-size: 6vw
}
}
@media only screen and (max-width:991px) {
.battlepass-more-rewards .more-rewards-content h1 {
font-size: 6vw
}
}
@media only screen and (max-width:767px) {
.battlepass-more-rewards .more-rewards-content h1 {
font-size: 10vw
}
}
.battlepass-more-rewards .more-rewards-content p {
font-size: 1.5vw;
color: #fff
}
@media only screen and (max-width:1199px) {
.battlepass-more-rewards .more-rewards-content p {
font-size: 2vw
}
}
@media only screen and (max-width:991px) {
.battlepass-more-rewards .more-rewards-content p {
font-size: 2.5vw
}
}
.battlepass-image-cta {
position: relative;
height: auto
}
@media only screen and (max-width:1199px) {
.battlepass-image-cta {
height: auto
}
}
.battlepass-image-cta .image-cta-background {
width: 100%
}
@media (min-width:1600px) {
.battlepass-image-cta .image-cta-background {
width: 100vw
}
}
@media only screen and (max-width:1199px) {
.battlepass-image-cta .image-cta-background {
width: 100%
}
}
.battlepass-image-cta .image-cta-content-wrapper {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 10vw
}
@media only screen and (max-width:1199px) {
.battlepass-image-cta .image-cta-content-wrapper {
height: auto
}
}
.battlepass-image-cta .image-cta-content-wrapper .image-cta-content {
color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
@media only screen and (max-width:1199px) {
.battlepass-image-cta .image-cta-content-wrapper .image-cta-content {
width: 100%
}
}
.battlepass-image-cta .image-cta-content-wrapper .image-cta-content h1 {
color: #fff;
font-size: 1.5vw;
text-align: center
}
@media only screen and (max-width:1199px) {
.battlepass-image-cta .image-cta-content-wrapper .image-cta-content h1 {
font-size: 2em;
margin-top: 100px
}
}
@media only screen and (max-width:767px) {
.battlepass-image-cta .image-cta-content-wrapper .image-cta-content h1 {
font-size: 1.25em
}
}
.battlepass-image-cta .image-cta-content-wrapper .image-cta-content img {
margin-top: -80px;
margin-bottom: -80px;
width: 80vw
}
@media only screen and (max-width:1199px) {
.battlepass-image-cta .image-cta-content-wrapper .image-cta-content img {
margin-top: -4%;
margin-bottom: -2%;
width: 100%
}
}
@media only screen and (max-width:767px) {
.battlepass-image-cta .image-cta-content-wrapper .image-cta-content img {
width: 180%;
margin: -40px auto -20px -40%
}
}
.battlepass-image-cta .image-cta-content-wrapper .image-cta-content button {
font-size: 1.5vw;
display: block;
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
margin: 2em auto 0
}
.battlepass-image-cta .image-cta-content-wrapper .image-cta-content button span {
padding-top: 3%
}
@media only screen and (max-width:1199px) {
.battlepass-image-cta .image-cta-content-wrapper .image-cta-content button {
font-size: 2.5vw;
margin: 0 auto
}
}
@media only screen and (max-width:767px) {
.battlepass-image-cta .image-cta-content-wrapper .image-cta-content button {
font-size: 4vw
}
}
.battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper {
position: absolute;
bottom: 0;
right: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: .55vw;
margin: 0 auto;
width: 100%
}
.battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper>span {
padding: 5%;
-webkit-transition: .2s linear;
-o-transition: .2s linear;
transition: .2s linear;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%
}
.battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper>span>span:hover {
-webkit-transform: scale(1.1) !important;
-ms-transform: scale(1.1) !important;
transform: scale(1.1) !important
}
.battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper p {
color: #fff;
font-size: 1.2vw;
padding-right: 25px;
margin-bottom: 0
}
@media only screen and (max-width:1199px) {
.battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper p {
font-size: 5em
}
}
@media only screen and (max-width:767px) {
.battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper p {
font-size: 1.5em
}
}
@media only screen and (max-width:1199px) {
.battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper {
font-size: .8vw
}
}
@media only screen and (max-width:767px) {
.battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper {
font-size: 3vw
}
}
.battlepass-image-cta .image-cta-content-wrapper .caption-wrapper {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: .5em 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .65)));
background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .65));
background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .65) 100%);
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .65))
}
.battlepass-image-cta .image-cta-content-wrapper .caption-wrapper p {
color: #fff;
text-transform: none !important;
font-size: .8em;
font-family: OpenSans, sans-serif !important
}
@media only screen and (max-width:991px) {
.battlepass-image-cta .image-cta-content-wrapper .caption-wrapper p {
font-size: .6em
}
}
.battlepass-image-cta .image-cta-content-wrapper .caption-wrapper img {
width: 16px;
height: 16px;
margin-right: .5em
}
@media only screen and (max-width:767px) {
.battlepass-image-cta .image-cta-content-wrapper .caption-wrapper img {
width: 12px;
height: 12px
}
}
@media only screen and (max-width:767px) {
.battlepass-image-cta .image-cta-content-wrapper .caption-wrapper {
padding: .2em 1em
}
}
body.ru .image-cta-content-wrapper .image-cta-content,
body.ru .image-cta-content-wrapper .image-cta-content h1 {
width: 100%
}
@media only screen and (max-width:767px) {
body.ru .image-cta-content-wrapper .image-cta-content img {
width: 100%;
margin: -20px auto -10px 0
}
}
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content {
width: 100%;
top: 0;
left: 0;
right: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper {
padding-top: 15vw
}
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1 {
color: #fff;
font-size: 9vw;
letter-spacing: 2px;
font-style: italic;
text-shadow: 0 0 40px rgba(255, 126, 0, .8), 0 5px 8px rgba(255, 126, 0, .3)
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1 {
margin-top: 0;
font-size: 5.5em
}
}
@media only screen and (max-width:991px) {
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1 {
font-size: 3em
}
}
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h2,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h2 {
color: #fff;
letter-spacing: 5px;
text-shadow: 0 0 8px rgba(255, 126, 0, .8), 0 5px 8px rgba(255, 126, 0, .3)
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper {
padding-top: 6.5em
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper {
padding-top: 3em;
letter-spacing: 2px
}
}
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content img,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content img {
display: none
}
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content button,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content button {
margin-top: 15vw;
color: #fff;
background-color: #e8473d
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content button,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content button {
font-size: 1.1em
}
}
@media screen and (max-width:880px) {
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content button,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content button {
margin-top: 16vw
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content button,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .image-cta-content button {
font-size: 1em;
margin-top: 10vw
}
}
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper p,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper p {
color: #fff;
font-size: 1.2vw;
padding-right: 25px;
margin-bottom: 0
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper p,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper p {
font-size: 2em;
padding-right: 10px
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper p,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper p {
font-size: 1.5em
}
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper {
font-size: .8vw
}
}
@media only screen and (max-width:767px) {
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper {
font-size: .5em;
bottom: 1em
}
}
@media only screen and (max-width:1199px) {
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper .videoPlayButton,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper .videoPlayButton {
width: 3em;
height: 3em
}
.ch2-s3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper .videoPlayButton span,
.chapter-2-season-3 .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper .videoPlayButton span {
border-top: .7em solid transparent;
border-bottom: .7em solid transparent;
border-left: 1.1em solid #fff
}
}
.ch2-s3 .battlepass-image-cta.mobile .image-cta-content .text-wrapper,
.chapter-2-season-3 .battlepass-image-cta.mobile .image-cta-content .text-wrapper {
padding-top: 7em;
color: #fff
}
@media screen and (max-width:320px) {
.ch2-s3 .battlepass-image-cta.mobile .image-cta-content .text-wrapper,
.chapter-2-season-3 .battlepass-image-cta.mobile .image-cta-content .text-wrapper {
padding-top: 5em
}
}
.ch2-s3 .battlepass-image-cta.mobile .image-cta-content .text-wrapper h1,
.chapter-2-season-3 .battlepass-image-cta.mobile .image-cta-content .text-wrapper h1 {
font-size: 4em;
text-shadow: 0 0 40px rgba(255, 126, 0, .8), 0 5px 8px rgba(255, 126, 0, .3)
}
@media screen and (max-width:320px) {
.ch2-s3 .battlepass-image-cta.mobile .image-cta-content .text-wrapper h1,
.chapter-2-season-3 .battlepass-image-cta.mobile .image-cta-content .text-wrapper h1 {
font-size: 3.5em
}
}
.ch2-s3 .battlepass-image-cta.mobile .image-cta-content .text-wrapper h2,
.chapter-2-season-3 .battlepass-image-cta.mobile .image-cta-content .text-wrapper h2 {
font-size: 1.2em;
text-shadow: none;
letter-spacing: 2px
}
.ch2-s3 .battlepass-image-cta.mobile .image-cta-content button,
.chapter-2-season-3 .battlepass-image-cta.mobile .image-cta-content button {
margin-top: 28.5vw;
color: #fff;
background-color: #e8473d
}
@media screen and (max-width:320px) {
.ch2-s3 .battlepass-image-cta.mobile .image-cta-content button,
.chapter-2-season-3 .battlepass-image-cta.mobile .image-cta-content button {
margin-top: 25vw
}
}
.ch2-s3 .battlepass-image-cta.mobile .play-icon-wrapper,
.chapter-2-season-3 .battlepass-image-cta.mobile .play-icon-wrapper {
left: 0;
right: 0;
bottom: 3em;
font-size: 1em;
text-shadow: 0 5px 10px rgba(0, 0, 0, .7)
}
.ch2-s3 .battlepass-image-cta.mobile .play-icon-wrapper .animate-object,
.chapter-2-season-3 .battlepass-image-cta.mobile .play-icon-wrapper .animate-object {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (max-width:320px) {
.ch2-s3 .battlepass-image-cta.mobile .play-icon-wrapper,
.chapter-2-season-3 .battlepass-image-cta.mobile .play-icon-wrapper {
bottom: 2.5em
}
}
.de .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.es_ES .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.es_MX .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.fr .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.it .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.ja .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.kr .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.pt_BR .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.ru .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1 {
font-size: 5vw
}
@media only screen and (max-width:1199px) {
.de .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.es_ES .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.es_MX .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.fr .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.it .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.ja .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.kr .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.pt_BR .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.ru .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1 {
font-size: 4em
}
}
@media only screen and (max-width:991px) {
.de .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.es_ES .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.es_MX .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.fr .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.it .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.ja .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.kr .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.pt_BR .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1,
.ru .battlepass-image-cta .image-cta-content-wrapper .image-cta-content .text-wrapper h1 {
font-size: 2em
}
}
.de .battlepass-image-cta.mobile .image-cta-content .text-wrapper h1,
.es_ES .battlepass-image-cta.mobile .image-cta-content .text-wrapper h1,
.es_MX .battlepass-image-cta.mobile .image-cta-content .text-wrapper h1,
.fr .battlepass-image-cta.mobile .image-cta-content .text-wrapper h1,
.it .battlepass-image-cta.mobile .image-cta-content .text-wrapper h1,
.ja .battlepass-image-cta.mobile .image-cta-content .text-wrapper h1,
.kr .battlepass-image-cta.mobile .image-cta-content .text-wrapper h1,
.pt_BR .battlepass-image-cta.mobile .image-cta-content .text-wrapper h1,
.ru .battlepass-image-cta.mobile .image-cta-content .text-wrapper h1 {
font-size: 2.5em
}
.battlepass-xp-progression {
background-color: #000;
padding: 5% 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: -1px
}
@media only screen and (max-width:767px) {
.battlepass-xp-progression {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.battlepass-xp-progression.visible .xpPregression-image {
-webkit-animation: appear .5s cubic-bezier(.7, 0, .1, 1) .3s forwards;
animation: appear .5s cubic-bezier(.7, 0, .1, 1) .3s forwards
}
.battlepass-xp-progression .xpProgression-image-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end
}
.battlepass-xp-progression .xpProgression-image-container .xpPregression-image {
margin: 0 auto;
opacity: 0;
width: 60%;
max-width: 1440px;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
z-index: 1
}
@media only screen and (max-width:767px) {
.battlepass-xp-progression .xpProgression-image-container .xpPregression-image {
width: 70%
}
}
.battlepass-xp-progression .xpPregression-content-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 1
}
@media only screen and (max-width:767px) {
.battlepass-xp-progression .xpPregression-content-wrapper {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.battlepass-xp-progression .xpPregression-content-wrapper .xpPregression-content {
padding: 0
}
.battlepass-xp-progression .xpPregression-content-wrapper .xpPregression-content h1,
.battlepass-xp-progression .xpPregression-content-wrapper .xpPregression-content p {
width: 80%;
margin: 5% auto;
text-align: center
}
}
.battlepass-xp-progression .xpPregression-content {
padding-left: 10%;
color: #000
}
.battlepass-xp-progression .xpPregression-content h1 {
font-size: 5vw;
width: 35vw
}
.battlepass-xp-progression .xpPregression-content p {
margin-top: 2vw;
font-size: 1.5vw;
width: 40vw
}
@media only screen and (max-width:767px) {
.battlepass-xp-progression .xpPregression-content p {
font-size: 2.5vw
}
}
.ch2-s2 .xpPregression-content-wrapper .xpPregression-content {
color: #fff
}
.twitch-prime-section.error .twitch-prime-header {
height: 75vh;
min-height: 1000px;
max-width: 1400px;
position: relative;
margin: 0 auto
}
.twitch-prime-section.error .twitch-prime-header .logo {
margin: 0 auto 4em
}
.twitch-prime-section.error .twitch-prime-header h1 {
font-size: 6em;
color: #fff;
line-height: .85;
margin: 0
}
@media only screen and (max-width:1199px) {
.twitch-prime-section.error .twitch-prime-header h1 {
font-size: 4em
}
}
.twitch-prime-section.error .twitch-prime-header h3 {
color: #482670;
line-height: 1.3;
margin-top: 1em;
font-size: 2em
}
.twitch-prime-section.error .twitch-prime-header h3 a {
font-family: BurbankBigCondensed-Black, sans-serif
}
.twitch-prime-section.error .twitch-prime-header .btn {
color: #000
}
.twitch-prime-section.error .twitch-prime-header .btn:after {
background-color: #ff0
}
.twitch-prime-section.error .twitch-prime-header .btn:hover:after {
background-color: #cc0
}
.twitch-prime-error {
width: 100%;
max-width: 1600px;
height: 100%;
margin: 0 auto;
position: relative;
padding: 5em 1em 0
}
@media screen and (max-width:1440px) {
.twitch-prime-error {
padding: 2em 1em 0
}
}
@media only screen and (max-width:991px) {
.twitch-prime-error {
padding: 3em 0 0
}
}
.twitch-prime-error .content {
width: 100%;
max-width: 40em;
margin: 0
}
@media only screen and (max-width:991px) {
.twitch-prime-error .content {
max-width: 100%;
margin: 0 auto
}
}
.twitch-prime-error .twitch-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
.twitch-prime-error .twitch-image img {
position: absolute;
right: 0;
bottom: 0;
width: auto;
height: 100%
}
@media only screen and (max-width:1199px) {
.twitch-prime-error .twitch-image img {
width: 50%;
height: auto
}
}
@media only screen and (max-width:991px) {
.twitch-prime-error .twitch-image {
position: relative;
height: 30em;
margin-top: 2em
}
.twitch-prime-error .twitch-image img {
width: auto;
height: 100%;
left: 0;
margin: 0 auto
}
}
@media only screen and (max-width:767px) {
.twitch-prime-error .twitch-image {
height: 20em
}
}
.content-box {
width: 100%;
max-width: 1600px;
height: 100%;
margin: 0 auto;
position: relative;
padding: 5em 1em 0
}
@media screen and (max-width:1440px) {
.content-box {
padding: 2em 1em 0
}
}
@media only screen and (max-width:991px) {
.content-box {
padding: 0
}
}
.content-box .played-before,
.content-box .select-platform {
position: relative;
color: #fff;
opacity: 0;
max-width: 53em;
z-index: 2
}
.content-box .played-before .twitch-logo,
.content-box .select-platform .twitch-logo {
max-width: 10em
}
.content-box .played-before h1,
.content-box .select-platform h1 {
font-size: 4.5em;
margin: 16px 0
}
.content-box .played-before h2,
.content-box .select-platform h2 {
font-size: 1.5em;
color: #46276f;
margin: 0 0 1em
}
.content-box .played-before ul,
.content-box .select-platform ul {
list-style: none;
margin: 0;
padding: 0;
max-width: 25em
}
.content-box .played-before ul li,
.content-box .select-platform ul li {
display: block;
margin: 1em 0 0
}
@media only screen and (max-width:991px) {
.content-box .played-before,
.content-box .select-platform {
text-align: center;
margin: 0 auto;
max-width: 36em
}
.content-box .played-before h1,
.content-box .select-platform h1 {
font-size: 2em
}
.content-box .played-before h2,
.content-box .select-platform h2 {
font-size: 1em
}
.content-box .played-before .twitch-logo,
.content-box .played-before ul,
.content-box .select-platform .twitch-logo,
.content-box .select-platform ul {
margin: 0 auto
}
}
@media only screen and (max-width:767px) {
.content-box .played-before ul li .btn.btn-primary,
.content-box .select-platform ul li .btn.btn-primary {
padding: 0;
font-size: 1.5em
}
}
@media only screen and (max-width:992px) and (orientation:landscape) {
.content-box .played-before,
.content-box .select-platform {
max-width: 100%
}
}
.content-box .select-platform h1 {
font-size: 5.5em
}
.content-box .select-platform h2 {
font-size: 1.5em;
color: #46276f;
margin: 0 0 1em
}
.content-box .select-platform ul {
max-width: 100%
}
.content-box .select-platform ul li {
display: inline-block;
width: 10em;
height: 10em;
margin: 1em 1em 1em 0
}
.content-box .select-platform ul li .btn {
width: 100%;
height: 100%;
font-size: 1em;
padding: 0;
overflow: hidden
}
.content-box .select-platform ul li .btn i {
font-size: 5em;
display: block
}
@media only screen and (max-width:767px) {
.content-box .select-platform ul li .btn i {
font-size: 3em
}
}
.content-box .select-platform ul li .btn span {
font-family: OpenSans, sans-serif;
font-size: .8em;
font-weight: 800
}
.content-box .select-platform ul li .btn span span {
font-size: 1em;
text-transform: none
}
@media only screen and (max-width:1399px) {
.content-box .select-platform ul {
max-width: 35em
}
}
@media only screen and (max-width:1199px) {
.content-box .select-platform {
margin: 0 auto
}
}
@media only screen and (max-width:991px) {
.content-box .select-platform ul {
margin: 0 auto
}
.content-box .select-platform h1 {
font-size: 3em
}
.content-box .select-platform h2 {
font-size: 1em
}
}
@media only screen and (max-width:767px) {
.content-box .select-platform h1 {
font-size: 2.5em
}
.content-box .select-platform ul {
max-width: 26em
}
.content-box .select-platform ul li {
width: 8em;
height: 8em
}
.content-box .select-platform ul li .btn.btn-primary {
font-size: 1em
}
}
@media only screen and (max-width:992px) and (orientation:landscape) {
.content-box .select-platform ul {
max-width: 100%
}
}
.content-box .twitch-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
.content-box .twitch-image img {
position: absolute;
right: 0;
bottom: 0;
width: auto;
height: 100%
}
@media screen and (max-width:1550px) {
.content-box .twitch-image img {
width: 40%;
height: auto
}
}
@media only screen and (max-width:991px) {
.content-box .twitch-image {
position: relative;
height: 30em;
margin-top: 2em
}
.content-box .twitch-image img {
width: auto;
height: 100%;
left: 0;
margin: 0 auto
}
}
@media only screen and (max-width:767px) {
.content-box .twitch-image {
height: 20em
}
}
.de .content-box .played-before h1,
.es_MX .content-box .played-before h1,
.fr .content-box .played-before h1,
.it .content-box .played-before h1,
.pl .content-box .played-before h1,
.tr .content-box .played-before h1 {
font-size: 3.5em
}
@media only screen and (max-width:991px) {
.de .content-box .played-before h1,
.es_MX .content-box .played-before h1,
.fr .content-box .played-before h1,
.it .content-box .played-before h1,
.pl .content-box .played-before h1,
.tr .content-box .played-before h1 {
font-size: 2em
}
}
.tr .content-box .select-platform h1 {
font-size: 3.5em
}
@media only screen and (max-width:991px) {
.tr .content-box .select-platform h1 {
font-size: 2em
}
}
@media only screen and (max-width:767px) {
.pl .content-box .select-platform ul li .btn,
.pt_BR .content-box .select-platform ul li .btn {
line-height: 1
}
.pl .content-box .select-platform ul li .btn.btn-primary span,
.pt_BR .content-box .select-platform ul li .btn.btn-primary span {
white-space: normal
}
}
.it .content-box .played-before ul,
.pl .content-box .played-before ul {
max-width: 40em
}
@media only screen and (max-width:767px) {
.it .content-box .played-before li .btn.btn-primary,
.pl .content-box .played-before li .btn.btn-primary {
font-size: 1.1em
}
}
.ja .content-box .played-before .content-message,
.ja .content-box .select-platform .content-message {
max-width: 48em
}
.ja .content-box .played-before ul {
max-width: 40em
}
.ja .content-box .played-before h1 {
font-size: 3em
}
@media only screen and (max-width:991px) {
.ja .content-box .played-before h1 {
font-size: 2em
}
}
@media only screen and (max-width:767px) {
.ja .content-box .played-before li .btn.btn-primary {
font-size: 1.1em
}
}
.ja .content-box .select-platform h1 {
font-size: 3.5em
}
@media only screen and (max-width:991px) {
.ja .content-box .select-platform h1 {
font-size: 2em
}
}
.ko .content-box .played-before .content-message h1,
.ko .content-box .played-before .content-message h2,
.ko .content-box .played-before a.btn,
.ko .content-box .select-platform .content-message h1,
.ko .content-box .select-platform .content-message h2,
.ko .content-box .select-platform a.btn {
font-family: BurbankBigCondensed-Black, sans-serif
}
.error-message {
color: #fff;
position: relative;
z-index: 2
}
.error-message .twitch-logo {
max-width: 10em
}
.error-message h1 {
font-size: 6em;
margin: 16px 0
}
.error-message h2 {
font-size: 1.5em;
color: #46276f;
max-width: 23em;
margin: 0 0 1em
}
@media only screen and (max-width:991px) {
.error-message {
text-align: center
}
.error-message h1 {
font-size: 4em
}
.error-message h2 {
font-size: 1em;
margin: 0 auto 1em
}
.error-message .btn.btn-primary {
font-size: 1.125em
}
.error-message .twitch-logo {
margin: 0 auto
}
}
@media only screen and (max-width:767px) {
.es_ES .error-message .btn.btn-primary,
.es_MX .error-message .btn.btn-primary,
.fr .error-message .btn.btn-primary,
.it .error-message .btn.btn-primary,
.ja .error-message .btn.btn-primary,
.pl .error-message .btn.btn-primary,
.pt_BR .error-message .btn.btn-primary,
.tr .error-message .btn.btn-primary {
padding: 0 1em
}
}
.ja .error-message .btn.btn-primary {
font-size: 1.5em
}
@media only screen and (max-width:767px) {
.ja .error-message .btn.btn-primary {
font-size: 1em
}
}
.es_MX .error-message .btn.btn-primary,
.it .error-message .btn.btn-primary {
font-size: 1.5em
}
@media only screen and (max-width:767px) {
.es_MX .error-message .btn.btn-primary,
.it .error-message .btn.btn-primary {
font-size: .9em
}
}
.sign-up-page .header-wrapper {
background: url(fd64e454c0873bf7f80163ea059e931a.jpg) no-repeat top;
background-size: cover;
position: relative
}
@media only screen and (max-width:767px) {
.sign-up-page .header-wrapper {
background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBUODAsLDBkSEw8VHhsgHx4bHR0hJTApISMtJB0dKjkqLTEzNjY2ICg7Pzo0PjA1NjP/2wBDAQkJCQwLDBgODhgzIh0iMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzP/wgARCAKjBLADAREAAhEBAxEB/8QAGwABAQADAQEBAAAAAAAAAAAAAAEDBAYCBQf/xAAaAQEBAAMBAQAAAAAAAAAAAAAAAQIDBQQG/9oADAMBAAIQAxAAAAD9M7Pz6hAAAkAAqABAIKAgCACABBCrs693qWGPLDX2agBEKCKgACRSAKgAQQAEsAAgBLAABAgVAACIAqAIUkABKAECACABIKAECAD1MtzVvssTDs16uzSBBQIIACCwAff8HSUIAAkAFCABAIBQEQACAAEQD0uzq3Aam3TLBEKCKgABAgCoAEgABLAAIAQWAAQIFQABIACUCCAAEFAQIAIAEEoAQBBCru6d/qZRNfZq19moASgSAAAlgAh0Hh6QgABECgIAEEApChAgAgACQAA9zLY17Rhzww564EKQSgASAAlAEEAAqBAIABZAACBAqAAgQBUhRAIAKgABEAEACCUAIEACtvTvyY5Q1tunBnrAgoEEABAigID7/h6QABIAKEACAQUhQiAAQABIAAShmwzy4bFmpt0wBFQAAiAASgQQACoEAEACSgAIECoACBAAJQIIACUhQJAAQBAJQAgCAStnXtz69ss1NujFlgBBQIIACIoAQA+/4ekABEAUBAEEAoAQIAIAAkAAqQoDY17feOWHZrw5YEEoAEikAEoAkAAqBABAAkoACBAqAAEQBQgCCAUiCgBAgEAQCUAIEAgMuOe1q3StTbox5YAQUCCAAgsAEACff8PTAJABQEAQCAUEKiAAQAJAACCgANnVupqbdAlAAQIBKABIABUQAQABJQAEARUABEAChAgEAFQAAiACAIBBQEAQKh7xu5q9ETT3aPFxAgoEEAAJYAIAAn3/AA9MRAAoQAIBBQAgQAQAIIAASgAIg9Ls6t2DPXizwABIpAFQBAIAKiACAAIJQEAQKgACQACoAEgAJQAJAAQBCklACBAJSKbun0StPbo83ECAUQQAEogAgACQ6Dw9OIAoCABAIKCFQIBAAAkAABKAEACe5lmw2au3SBAgAEoEEAAqBAIAAioACBAJQAEQBUAQCAAlAARABAARFACBAFSFbenfTU3aPKAQUCCAAEsAgACCCug8HTiABUACCAUhUAQAQAIIAASgAIgKQSs2GfmzHliIEAlAAggAqIABAKSSgAIEKsEAIgAUIAEgAJQAJAAQAERQAgCBUBs69vqXU26YgAlAggABLAIAAkFAff8AB0lACABAIKCFQIAIAAkAAJQAECFERQGXDPFnhAgCoAEEAFQIAIAElAAQIFQAECAKgAQQCkSgBAgAgAQSgAIECoDLhnlxz1duiAAlAggAILABAAglAD7/AIOkFCAIAIKQoRAAIAAkAAJQAEQACUAQpIASgQpBABUCACABIKAECASgAIgChAEEABKABIpAIAELEUBAgAlD3jcmOevs1ACCgQQAAlgAgASAUIDoPD0gIAEAgpChAgAEACQAAlAACBAqAAJAACUASAAEsAAgASCgBAgVAAEgApEoEEAoQAAiACACxEoAQBBKAsZJlhywAEFAggAIEUBAAkAoCA6Dw9IQAIBBQAiAAQABIAAKgAIEKRUACFgQCUAQQAUIgAEARUAAIECoACIAFSFAggAJQAEQAQBAJQAgQCAULHmwAQUCCAAgsAEACCCgIgHQeHpiAIBAKAiAAQABIABUhQAgQpBKAAgQBUAQCAUIEAgAFkABAEAlAAkUgEpCiCAAlAAQIBAEEAoCAIBKAJAACUCCAAgsAEABECgIAg6Xm9fFnrlEAgpChAgAEACQAAgoAQAIIKBCxAAqAIIABUQACAEogAECBUAASACpCgQQCkQChEAAgCFJKAECACUASAAEoEEABBYAIAgEFAQBBDpud1rLhz1ywQUgKiFIBAAEgAAqAAiABUhQEQAKEACQACogAgAFkAAIECoAARABKAIIABUABAEEAQsFgAgCASgBEAAlAkAAIEUBAAkAoCAIBK6DwdMesb5ykRQEAQAQABIAASgAIEAEoAgikAlAAggAqBAIAAkFACBBKAAJAAKgCCAAVACAIBAAglACAIFQAEQAQUCCAAgRQEACQUACRSAQV0Hg6QEFACBABAAgikAEoAAkABKABIABUACQACoEAgACSgAIECoAAkAFQBAIACCgBEAEAASUAIAgEoAkABBQIIACBFAQAJBQAECASgOg8HSEFACBAIAAEgABBQAgQBUABAgAgoAggBKBABABYIAQBAqAAgQBUACCAUIACBABAALJCgIAggoAkABBQIIACCwAQAEQKAgQBUAB0Hg6UAoCIABAACIABBQAEARUAAIEAVAgAgAqBAIAAkoACBAqAAiAAKgQCAAgoCAIBAECpCgIEAgoAkAAJQIIACCwAQAJAKAgAQQUBDoPB0lACBABAAEgAFSFAAQBBKAAgQBUACQACoEAgACSgAIAioACIApCoEAgAJQAJAAQBAIKAgCCAUBEAAlAggABLABAAggoCAIFQAAh0Hg6QUIgAEAASACkSgAIAEVIUCRQQCUACCACoEAEAAsgAIECoACBAFSFAEgAqAAiAAQACyAAgCASgBEAEFAggAILABAAkAoCAIFQAEAOg8HSUIgAEACCAAEoACAIBKAIWBAIKAJAAKgQAQAIqAAgQKEACQAVAEAgAqAAiFIBAAkoACBABKAEQAQUCCAAgsAEACSkKAgCASgBAAdB4ekIEAAgAQQAEFACABBBQBIpAFQBBAAKiAAQAWQAAgCKgACQAVAAggAJQAECAQAIJQAgQCUACQAEFAggAILABAAkAoCBABKAEAAr7/g6RAAIAAkAAJQAECFIJQAECASgASAAVAgAgASUABAgEoAEgAoQBBAASgASAAgFIWQAgCAKgAIgAgoEEABBYBAAEgoAQBAIKAgACS3ofB0ogAEACQAAEoARAULIAARABKABBABUCACAAWQAECBUAAIgCoAEEAFQAEQACAIBKAEAQKgAIgAgoEEAAJYAIAEEFAQBAJQAgACSh0Hg6QAgACQACoAAQBAJQAEQACUCCAAVAgEAAsEABAgVAAEgAqAIBAAQUBEBSCABIKAECASgAIgAEoEEABBYAIAEgFARAAqAAgAIhVnqX73h6IEACCAACoACABFQABIAASgQCACogAgACSgAIEAlAARAFQAIIACUACRQQQBAJQAgQASgBEAEoAggAILABAEEAoCBABKAEACKh6xuxhtz4bN/R6AIAEgABBQAgQpFQABIACCgCCACogAgACSgAIECoACIAAqAIIACCgBAgEAQCUAIEAgoAkABBQIIAASwAQAEQKAgCASgBAAE9TLY17c2Gahv6PRAAEgABBQAgAQSgCFiACUAQCACogAgACKgAIECoAAkAFSFAEgFIlAAkABAEKSCgIEAEoARABBQJAACCwAQAJAKAgQBUhQEACe5lsa9uXDYsAG/o9EACQAAgoACBAJQAEQAKgAQQAVAgEAAQSgBAgVAACIAJQIBAKEAASAAgACSgBAEEoACIAIKBIAACWACAAJBQEAQCUBAAe8ctjDbmwziKR4yxx5Y48sPs+P3gEgABKAAgQolgAAgQCUAQCACogAEAFkhQAgQKgACQAVAAggAJQAJAAQAIJQAgCCCgCQAEFAggAILABAAggoCBABKAEBkxy2Ne3Ljn5sx5YY8scdwx5YygToPB0wSAAUIACICkEoACBAFQAIIAKiAAQAJKAAgQKgABEAUIEKSAAlAARABAEEFACBAIKAEQAQUCCAAgogEABEUAIAgEoAQy45ZcNgx5YY8sfFxUBAEV0HP6QgABBQAgQpBKABIABUACCACoEAgAFggAIECoAAkAFIlAkAAJQAiAAQACyAAgCASgBEAEFEAgABLABAAkAoCBAFQAELAlEgoAQIBK6Hn9KAAVIUBAEAEoACBApEoEAgAqIABABYiUAIECoAAkAFQAIIACUACQAEAASUAIAgEoAkABBQIIACCwAQAJAKAgCAQUBAAglAAQBBKHQc/pAAQUABEAVAAEgAFQAIIAKgQAQAIqAAgQKgACQAEoAggAIKAEQAQAJBQAgCBUhQEQACUCCAAgsAEAQQCgIAgEoACACyAAECFIqA6Dn9IAQUAIEAVAAEikAlAAkAAqIAIAAkoACBAqAAgQAQUQpIACUAQsCAQAJAKAgCCAUCQAEFAggABLABAAglACBCkEFAQAIqQoAQAWQAHQc/pBUhQAiApBKABIpAJQAJAAKiACAAJKAAgQKgACQAEoAggAJQAJACAAEsQoCBAIKAEQASgQQAAJKAEAQsQKAgQCCgBAAEgoAQIFIlADoPB0kQUAIAhSSgAIgCoAAkAAJRABAEEoACBAJQAEQASgASAUiUABEAEAAsgABAggoARABBQIIACBFAQAJBQAgCCUhQEABLEKAECBQkKQqHQ8/pQUAIgAEoACBAFQBBAAKgQCAAWQAAgCKgAIEAUiUQCACoACBABAAggoQAIIKAEQASgCCAAgsAEACQChAEAVAAQABJQAgCBUAAIE6DwdMACBABKAEAQCUACQACogAEAFkAAIEAlACIAFSFAggAqAAJAAQBAJQAgCCAUBEAEFARAAILABAAggoCAIBKAEAASCgBAAioACIB0Hg6YAgCFJKAAiAASgCQACogAEAFggAIECoAAkAFQQsAgAIKAEQACBAJQAgCCCgCQAEFAggAILABAAEgoCBABKAEACFiKAECFIIKAgQDoPB0wIAgEoACIAJQAJAAKiAAQAWIlACBAqAAJABUACCAVAAAkABAEEFAQAIBKAEQAQUCCAAgsAEAASChAAgVAAQABIKAEAQQUAIEAHQeDpiBABKABIACUACQAAlEAgACSgAIEAlACBABKAIWIAJQAEQAQABJQAECCCgIEAEFAkAABLABAARFACBAIKAEACSkqwAQBFSFAAQIBDofB0xEKQSgAIEAEoAkAAqIABAAkoACBAqAAJABUAQCACoAARABAAkAoAQIIKAJAAQUCCAAlEAEACQUAIhSBUABAAElAAQIBBQAiAAQHQeDpgEEoAhYgAVAEEAAqIABAAkoAQBAqAAJABUACCAUgSgCQAEAQpIKAECCUAIEAAgoggAILAIAAggoCAIBKAEAASUABAgEAoCBABADoPB0gBKAAiACCgCQACogAEACSgAIECoAARAFIlAggAJQAEQAQAIJQAgCASgCQAEFAkAAILABAARFACIABKAEACFiKAEAQKgAIgAEAB0Hg6ZBKAEAQKRKAJAAKiFIIAAkFACAIJQAEQBUhRAIAKghQJAAQABJQAgCASgBEAEFAggABLABAAkFACBABBQEACCUhQgACQUABEAEACDoPB1CSgASKQCCgQQACoEAEAFkAAIEAlAAkAoQAIIACUAIEAEACCUAIAggoAkAAJQIIACCwAQAEQKAgCASgBAACWAAQIBKAAJAAQAIIdD4OmqABIACUACCACoEAEACKgAIECoACBAFSFgAgApEoARABAAglACAIBKAEQAQUCCAAJKAEABECgIhSASgBAAEgoAQBAqQoCIUgAgASA6Dw9MACIAJQAJAAKgQAQAJKAAgCBUABEAEFAggAqQoARABAEKIigIhSCUABEAEoAgEAILABAARAoCAIBKAAgCQUABAgEFAQBAIAAggB0Hh6YEQACUACCACoEAEACSgAIEAlAAkAFQBCkgAIKAJFIBAAElACAIIKAEQAQUCCAAgsAEACQChAAgEoAQAIJSFAQBFQAAEQAQABIBQ6DwdMEgAFQBBAASiACABCrIACBAJQAEQAQCiCAUJCgCRSAQAEQKAgCAQUBEAEFEAgAILABAAkFACAIFQAAgCFlgAECAKgAIAgEACCAUB0Hg6ZIpABKAIIAKiAAQAEsAAgQKgABEAVAEAgAJSFARABAAglAAQIIKAJAACUCCAAJKAgACQUAIEAVAAQABIKAEARUgKAiFIBAAggFAQ6HwdOIAJQBAIAKgQCAAEsAAgQKgABEAEoAggAqCFELEAEACCUAIEAEoARAAJQIIACCwAQAIIKEAQASgBAAElAAQBAJQAiAAQAIJSFACHQeDpkAEoAggAqBABABZAACBAqAAJABUACCAAgoARABAAioACBABBQJAAQUCCAAEsAEACCCgIAggoAQABIKAEAQKkKAiAAQAIIBQAgToPB0wFQAIIAKEQAQAJKAAgQKgAIEACoAggFIVAAkABAALJCgIEAEFARABBQIIACCwAQBBAKAgQASgBAASwAAQBFSFAAkABAAEgFAQBB0Hg6YVAAkAAqBABAAkFACBAJQAEQBQgCCAUiCgBEAEACS0gAgQBUACQAEFAggABLAIAAggoCAIFQAEAAJYhQEAFiJQAJFIBAAggFAQBAOg8HTlAEEAAqIABABYIACBAqAAEQBQgCCAAgoCBCkEACKkKAgQASgCQAEFAkAABLABAARFACBABBQEAASUABAgAgoCBABAAggAoQBAIdD4OnKAJAAKgQAQAJKAAgQCUAIEAVAEAgAJQAEQAQAJFWACBABKAEQAQUQCAAgsAEACQUAIEAVAAQABIKAgAQSgAIEAEACCAUAIEAgOg8PTAJAAKJACAAWSFACBAqAAJAACUQCACpCgQQAAgCCUBAEAEoARABBQIIACCwAQBCxAoCAIBKAEAAqCRQECAQCgIEAEACCAChAEAgB0Hh6YJAAKiAAQAJKAEAQKgACQAEoEAgAFQAgQAQAIJQAgQAQUBEAEFAkAAILABAARFAQBAJQAEAAJRAIAEEoAARABAAggFAQBAIADoPD0yQACogAgAFkAAIECoAARAFSAoEgApEoAkUEEAQKkKAgQCUhQiAAQUCCAAgsAEACQCgIhSCCgBAAQIoAQBFskUAIEAEAASAChAEAgAodB4OlAAKgQCAAIJQAgQKgAIgAVBCwQACoAAkABAEBZYAIAglIUBEAAlAggAILABAALIACAIBKAEAASKRQECACUAIAgEAASAUAIEAEFAE6DwdOACogAgAFkAAIECoAAkAFSFEAgAJQAEQAQBCklACAIBKAEQACUCCAAgsAEACQUAIEAVAAQACyQFCAIFIlBCiQAEAASCgBAEAEAoRB0Hg6YCoEAEACKgAIECoAAkApEFEAgAJQAiAAQAERQAgCCCgCQAEoAggAILABAAggoCAIBKAEAASUABAgAlAAkUgAgASCgBAEAgAoRAOg8PTQqBABABZAACBAqAAiAAQUCCACoAARAAIAkoACAIBKAEQACUCCAAgsAEACCUAIAgVAAQAEQqwAQBBBQAgQAQABIBQEAQCACgSAHQeHpiBABAASwACBAqAAJABUhQIIACUAIAgEABEUAIEAlAARABBQIIACCwAQAIIKEACBUhQEAARUABAEEoACBABAAEgAFQBABAKBIADoPD04hSCACkkoACBAJQAJABSJQIIACUABEAEABECgIAgVAAkAAJQIIACCwAQAEQKAgQASgBAACWAAQBBBQAgQAQAIIAKEAQCACgSAAH3/D0gAIBSSUABAgVAAEgAoQAJAASgBEAAgACQUBAECoAEgAIKBBAAQWACAAJKAECFIJQAgAsEhQAgQpJQABIAAQAJKCFCAIAIBQJAACHQeHpAQABJQAEARUAAIgAEoEEABKAECFIIAgEFAQIBBQBIAASgQQAEFgAgAQSgIAEAlAAQAgpIoCABJQAAiACABBBQQoQIBABQJAAQA6Dw9ICACyAAECBUAASAChAEEABKAAgQCAIURFAQIBBQBIAASgQQAEFgAgASAUBAEAgoCAAJBQAgQBUABAgAEAQQChAAgEAAokAAIBZ0Hg6YgAFkAIAgVAAEgAIKBBABUhQAgQCABBBQEAQCCgSAAEoEEABBYAIAEgFAQBAqAAgACSkKAgQASgASAAEAQQAUIAgAgoCIAAIAiug8HTgPcy9S+Lj4yxAECBUAASAChAhSQChAACBAIAElAAQBAIKBIAASgQQAAlgAgCAQUBAECpCgBABUkUAIEAgFAEgAIAEEAoCAIAIKAiAACACwdHzurkxz9zLFlrw54SwAQIFQAAiAKgQAQAEoAEgAIAgEoAQAJKAAiACCgQQAEFgEAAQQUBAgAlACAAJKQoCBCkEoARCkAgACQAVAAgAgFAkAAIAihDreV28WWGDZqlkABAgEoAEgAoQIBABUhQEQACAI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)
}
}
.sign-up-page .header-wrapper .content-wrapper {
position: relative;
height: 60vh;
min-height: 645px;
max-width: 65em
}
@media only screen and (max-width:991px) {
.sign-up-page .header-wrapper .content-wrapper {
height: 100%;
min-height: 100%
}
}
.sign-up-page .header-wrapper .content-wrapper .head {
position: relative;
z-index: 1;
padding-top: 4em
}
.sign-up-page .header-wrapper .content-wrapper .head .content {
max-width: 40em;
color: #fff;
position: absolute;
right: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
@media only screen and (max-width:991px) {
.sign-up-page .header-wrapper .content-wrapper .head .content {
position: relative;
max-width: 30em;
margin: 0 auto
}
}
.sign-up-page .header-wrapper .content-wrapper .head .content h2 {
font-family: BurbankSmall-Black, sans-serif;
margin-bottom: 1em;
font-size: 2em;
text-transform: none
}
@media only screen and (max-width:991px) {
.sign-up-page .header-wrapper .content-wrapper .head .content h2 {
font-size: 2em
}
}
@media only screen and (max-width:767px) {
.sign-up-page .header-wrapper .content-wrapper .head .content h2 {
font-size: 1.25em
}
}
.sign-up-page .header-wrapper .content-wrapper .head .content h3 {
font-family: BurbankSmall-Black, sans-serif;
font-size: 1.2em;
text-transform: uppercase;
max-width: 30em;
margin: 0 auto
}
@media only screen and (max-width:991px) {
.sign-up-page .header-wrapper .content-wrapper .head .content h3 {
font-size: 1em
}
}
.sign-up-page .header-wrapper .content-wrapper .head .content p {
font-size: .8em;
max-width: 30em;
margin: 0 auto 1em
}
.sign-up-page .header-wrapper .content-wrapper .head .content .main-content {
margin-bottom: 1em
}
.sign-up-page .header-wrapper .content-wrapper .head .content .main-content p {
font-size: 1em;
max-width: 30em;
margin: 0 auto 1em
}
.sign-up-page .header-wrapper .content-wrapper .btn-container {
margin: 0 auto;
position: relative;
bottom: -2em;
left: 0;
right: 0
}
@media only screen and (max-width:767px) {
.sign-up-page .header-wrapper .content-wrapper .btn-container {
bottom: -1em;
margin-top: 1em
}
}
.sign-up-page .header-wrapper .content-wrapper .btn-container .btn.height {
padding: 1em 2em;
white-space: normal
}
.sign-up-page .header-wrapper .content-wrapper .btn-container .btn.height span {
line-height: 1;
font-size: 1.7em
}
.sign-up-page .header-wrapper .content-wrapper .btn-container .btn.height:after {
height: 100%
}
@media only screen and (max-width:1200px) and (orientation:landscape) {
.sign-up-page .header-wrapper .content-wrapper .btn-container .btn.height {
font-size: 1.2em
}
}
.sign-up-page .header-wrapper .content-wrapper .btn-container .btn.height .small {
display: block;
font-family: OpenSans, sans-serif;
font-size: .6em;
text-transform: none
}
@media only screen and (max-width:991px) {
.sign-up-page .header-wrapper .content-wrapper .btn-container .btn.height .small {
font-size: .8em
}
}
@media only screen and (max-width:991px) {
.sign-up-page .header-wrapper .content-wrapper .btn-container .btn {
font-size: 1em
}
}
.sign-up-page .header-wrapper .content-wrapper .space-man {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: 98%;
background: url(03eba6b688837904e635db25aafa5ac8.png) no-repeat 0 100%;
background-size: contain;
z-index: 0
}
@media only screen and (max-width:991px) {
.sign-up-page .header-wrapper .content-wrapper .space-man {
display: none
}
}
.sign-up-page .white-bk {
background-color: #fff;
padding: 0 1em;
position: relative
}
@media only screen and (max-width:991px) {
.sign-up-page .white-bk {
padding: 3em 1em
}
}
.sign-up-page .white-bk:before {
content: "";
position: absolute;
bottom: 99.9%;
left: 0;
right: 0;
height: 13.5em;
width: 100%;
background-image: url('data:image/svg+xml;charset=utf-8,');
background-repeat: no-repeat;
background-size: cover
}
@media only screen and (max-width:991px) {
.sign-up-page .white-bk:before {
display: none
}
}
.sign-up-page .white-bk .text-section {
max-width: 1400px;
padding-top: 1em
}
@media only screen and (max-width:767px) {
.sign-up-page .white-bk .text-section {
padding-top: 0
}
}
.sign-up-page .white-bk .text-section .requirements p {
max-width: 100%;
margin: 0 auto .5em;
font-size: 1em
}
.sign-up-page .white-bk .text-section .aux-message,
.sign-up-page .white-bk .text-section p {
max-width: 50em;
margin: 4em auto;
font-size: 1em
}
@media only screen and (max-width:991px) {
.sign-up-page .white-bk .text-section .aux-message,
.sign-up-page .white-bk .text-section p {
font-size: 1em;
margin: 2em auto
}
}
.sign-up-page .white-bk .text-section .media-container {
margin: 2em 0 0
}
@media only screen and (max-width:1199px) {
.sign-up-page .white-bk .text-section .media-container .background-video:after,
.sign-up-page .white-bk .text-section .media-container .video:after {
display: none
}
}
.sign-up-page.android .header-wrapper {
background: url(8f32fdfa7214833b8c27830894fef01d.jpg) no-repeat 50%;
background-size: cover
}
.sign-up-page.android .header-wrapper .content-wrapper {
height: 50vh;
min-height: 615px;
max-width: 65em
}
@media only screen and (max-width:991px) {
.sign-up-page.android .header-wrapper .content-wrapper {
height: 100%;
min-height: 100%
}
}
.sign-up-page.android .header-wrapper .content-wrapper .head .content h2 {
font-size: 1.5em
}
.sign-up-page.android .header-wrapper .content-wrapper .space-man {
background: url(9ee4240452b08ce8da3619ef61f13638.png) no-repeat 0 100%;
background-size: contain
}
.sign-up-page.createAccount .header-wrapper .content-wrapper .head .content {
max-width: 35em
}
.sign-up-page.createAccount .header-wrapper .content-wrapper .head .content .main-content h2 {
font-size: 1.8em;
margin: 0
}
.sign-up-page.createAccount .header-wrapper .content-wrapper .head .content .main-content img {
max-width: 8em;
margin: 1em 0
}
.sign-up-page.createAccount .header-wrapper .content-wrapper .head .content p {
font-family: BurbankSmall-Black, sans-serif;
font-size: 1.2em;
line-height: 1.5;
max-width: 25em
}
.sign-up-page.createAccount .header-wrapper .content-wrapper .head .content .blueText {
color: #215685;
margin-top: 1em
}
.sign-up-page.createAccount .header-wrapper .content-wrapper .head .content .btn-container {
max-width: 31em
}
@media only screen and (max-width:1200px) and (orientation:landscape) {
.sign-up-page.createAccount .header-wrapper .content-wrapper .head .content .btn-container {
max-width: 24em
}
}
.de .fn-mobile-view .sign-up-page .content h2,
.es_ES .fn-mobile-view .sign-up-page .content h2,
.es_MX .fn-mobile-view .sign-up-page .content h2,
.fr .fn-mobile-view .sign-up-page .content h2,
.it .fn-mobile-view .sign-up-page .content h2,
.ja .fn-mobile-view .sign-up-page .content h2,
.pl .fn-mobile-view .sign-up-page .content h2,
.pt_BR .fn-mobile-view .sign-up-page .content h2,
.ru .fn-mobile-view .sign-up-page .content h2 {
margin-bottom: 1em;
font-size: 1.5em
}
@media only screen and (max-width:991px) {
.de .fn-mobile-view .sign-up-page .content h2,
.es_ES .fn-mobile-view .sign-up-page .content h2,
.es_MX .fn-mobile-view .sign-up-page .content h2,
.fr .fn-mobile-view .sign-up-page .content h2,
.it .fn-mobile-view .sign-up-page .content h2,
.ja .fn-mobile-view .sign-up-page .content h2,
.pl .fn-mobile-view .sign-up-page .content h2,
.pt_BR .fn-mobile-view .sign-up-page .content h2,
.ru .fn-mobile-view .sign-up-page .content h2 {
font-size: 1.2em
}
}
@media only screen and (max-width:767px) {
.de .fn-mobile-view .sign-up-page .content h2,
.es_ES .fn-mobile-view .sign-up-page .content h2,
.es_MX .fn-mobile-view .sign-up-page .content h2,
.fr .fn-mobile-view .sign-up-page .content h2,
.it .fn-mobile-view .sign-up-page .content h2,
.ja .fn-mobile-view .sign-up-page .content h2,
.pl .fn-mobile-view .sign-up-page .content h2,
.pt_BR .fn-mobile-view .sign-up-page .content h2,
.ru .fn-mobile-view .sign-up-page .content h2 {
font-size: 1.25em
}
}
.de .fn-mobile-view .sign-up-page .btn-container .btn,
.es_ES .fn-mobile-view .sign-up-page .btn-container .btn,
.es_MX .fn-mobile-view .sign-up-page .btn-container .btn,
.fr .fn-mobile-view .sign-up-page .btn-container .btn,
.it .fn-mobile-view .sign-up-page .btn-container .btn,
.ja .fn-mobile-view .sign-up-page .btn-container .btn,
.pl .fn-mobile-view .sign-up-page .btn-container .btn,
.pt_BR .fn-mobile-view .sign-up-page .btn-container .btn,
.ru .fn-mobile-view .sign-up-page .btn-container .btn {
font-size: 1.5em;
white-space: normal
}
@media only screen and (max-width:1199px) {
.de .fn-mobile-view .sign-up-page .btn-container .btn,
.es_ES .fn-mobile-view .sign-up-page .btn-container .btn,
.es_MX .fn-mobile-view .sign-up-page .btn-container .btn,
.fr .fn-mobile-view .sign-up-page .btn-container .btn,
.it .fn-mobile-view .sign-up-page .btn-container .btn,
.ja .fn-mobile-view .sign-up-page .btn-container .btn,
.pl .fn-mobile-view .sign-up-page .btn-container .btn,
.pt_BR .fn-mobile-view .sign-up-page .btn-container .btn,
.ru .fn-mobile-view .sign-up-page .btn-container .btn {
font-size: 1em
}
}
.es_MX .fn-mobile-view .sign-up-page .content-wrapper .head,
.pl .fn-mobile-view .sign-up-page .content-wrapper .head,
.ru .fn-mobile-view .sign-up-page .content-wrapper .head {
padding-top: 2em
}
@media only screen and (max-width:991px) {
.es_MX .fn-mobile-view .sign-up-page .content-wrapper .head,
.pl .fn-mobile-view .sign-up-page .content-wrapper .head,
.ru .fn-mobile-view .sign-up-page .content-wrapper .head {
padding-top: 2em
}
}
.tr .fn-mobile-view .sign-up-page .content-wrapper .content h2 {
margin-bottom: 1em;
font-size: 1.5em
}
@media only screen and (max-width:991px) {
.tr .fn-mobile-view .sign-up-page .content-wrapper .content h2 {
font-size: 1.2em
}
}
@media only screen and (max-width:767px) {
.tr .fn-mobile-view .sign-up-page .content-wrapper .content h2 {
font-size: 1.25em
}
}
.ko .fn-mobile-view .sign-up-page .content-wrapper .content h2 {
font-size: 1.5em;
font-family: aERIN, sans-serif;
font-weight: 300
}
.ko .fn-mobile-view .sign-up-page .content-wrapper .content h3 {
font-family: aERIN, sans-serif;
font-weight: 300
}
.ko .fn-mobile-view .sign-up-page .content-wrapper .btn-container .btn.height span:first-child {
font-family: aERIN, sans-serif
}
.code-redeem {
background: url(fd64e454c0873bf7f80163ea059e931a.jpg) no-repeat bottom;
background-size: cover;
position: relative
}
@media only screen and (max-width:767px) {
.code-redeem {
background: url(fd64e454c0873bf7f80163ea059e931a.jpg) no-repeat bottom
}
}
.code-redeem .content-container {
max-width: 1400px;
height: 70vh;
min-height: 845px;
position: relative;
padding: 2em 1em 0
}
@media only screen and (max-width:1199px) {
.code-redeem .content-container {
height: 60vh;
min-height: 635px
}
}
@media only screen and (max-width:991px) {
.code-redeem .content-container {
padding: 0 1em;
height: 100%;
min-height: 100%
}
}
.code-redeem .content-container .heroes {
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: auto;
height: 95%;
background: url(03eba6b688837904e635db25aafa5ac8.png) no-repeat 0 100%;
background-size: contain;
z-index: 0
}
@media only screen and (max-width:991px) {
.code-redeem .content-container .heroes {
background: url(042f65985e0e7a67fba4010a41ccca59.png) no-repeat bottom;
position: relative;
min-height: 28em
}
}
.code-redeem .content-container .content {
max-width: 35em;
margin: 8em auto 0;
color: #fff;
position: relative;
z-index: 1
}
@media only screen and (max-width:991px) {
.code-redeem .content-container .content {
margin: 2em auto
}
}
.code-redeem .content-container .content h2 {
margin-bottom: 1em;
font-size: 2em
}
@media only screen and (max-width:991px) {
.code-redeem .content-container .content h2 {
font-size: 2em
}
}
@media only screen and (max-width:767px) {
.code-redeem .content-container .content h2 {
font-size: 1.25em
}
}
.code-redeem .content-container .content p {
font-size: 1em;
max-width: 30em;
margin: 0 auto 1em
}
.code-redeem .content-container .content .btn {
font-size: 1.8em;
margin-top: 1em
}
.code-redeem.android {
background: url(8f32fdfa7214833b8c27830894fef01d.jpg) no-repeat 50%;
background-size: cover
}
.code-redeem.android .content-container .heroes {
background: url(9ee4240452b08ce8da3619ef61f13638.png) no-repeat 0 100%;
background-size: contain
}
@media only screen and (max-width:991px) {
.code-redeem.android .content-container .heroes {
background: url(b10b842fbaedeb7e631c0028b1cad216.png) no-repeat bottom;
background-size: contain
}
}
@media only screen and (max-width:568px) and (orientation:landscape) {
.code-redeem.android .content-container .heroes {
display: none
}
}
.confirm-page {
background: url(fd64e454c0873bf7f80163ea059e931a.jpg) no-repeat bottom;
background-size: cover;
position: relative
}
@media only screen and (max-width:767px) {
.confirm-page {
background: url(fd64e454c0873bf7f80163ea059e931a.jpg) no-repeat bottom
}
}
.confirm-page .content-container {
max-width: 1400px;
height: 70vh;
min-height: 845px;
position: relative;
padding: 2em 1em 0
}
@media only screen and (max-width:1199px) {
.confirm-page .content-container {
height: 60vh;
min-height: 635px
}
}
@media only screen and (max-width:991px) {
.confirm-page .content-container {
padding: 0 1em;
height: 100%;
min-height: 100%
}
}
.confirm-page .content-container .heroes {
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: auto;
height: 95%;
background: url(03eba6b688837904e635db25aafa5ac8.png) no-repeat 0 100%;
background-size: contain;
z-index: 0
}
@media only screen and (max-width:991px) {
.confirm-page .content-container .heroes {
background: url(042f65985e0e7a67fba4010a41ccca59.png) no-repeat bottom;
position: relative;
background-size: contain;
min-height: 28em
}
}
.confirm-page .content-container .content {
max-width: 35em;
margin: 8em auto 0;
color: #fff;
position: relative;
z-index: 1
}
@media only screen and (max-width:991px) {
.confirm-page .content-container .content {
margin: 2em auto
}
}
.confirm-page .content-container .content h2 {
margin: .5em auto;
text-transform: none;
font-family: BurbankSmall-Black, sans-serif;
font-size: 2em
}
@media only screen and (max-width:991px) {
.confirm-page .content-container .content h2 {
font-size: 1.25em
}
}
.confirm-page .content-container .content p {
font-size: 1em;
max-width: 25em;
margin: 0 auto
}
@media only screen and (max-width:991px) {
.confirm-page .content-container .content p {
max-width: 25em
}
}
.confirm-page .content-container .content a {
color: #fff;
text-decoration: underline
}
.confirm-page.android {
background: url(8f32fdfa7214833b8c27830894fef01d.jpg) no-repeat 50%;
background-size: cover
}
.confirm-page.android .content-container .heroes {
background: url(9ee4240452b08ce8da3619ef61f13638.png) no-repeat 0 100%;
background-size: contain
}
@media only screen and (max-width:991px) {
.confirm-page.android .content-container .heroes {
background: url(b10b842fbaedeb7e631c0028b1cad216.png) no-repeat bottom;
background-size: contain
}
}
@media only screen and (max-width:768px) and (orientation:landscape) {
.confirm-page.android .content-container .heroes {
display: none
}
}
.confirm-page.createAccount .content-container .content h2 {
font-family: BurbankSmall-Black, sans-serif;
text-transform: none;
font-size: 2em;
max-width: 15em
}
.confirm-page.createAccount .content-container .content p {
font-size: 1em
}
.confirm-page.createAccount .content-container .iosButton {
width: 15em;
height: 5em;
background: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGl2ZXR5cGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC42NyA1Ni4zOCI+PGRlZnM+PHN0eWxlPi5jbHMtMntmaWxsOiNmZmZ9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTE1Ni42Ni40OEgxMy4zMkwxMiAuNWExOCAxOCAwIDAwLTIuOC4yNSA5LjE3IDkuMTcgMCAwMC0yLjY4Ljg4IDkuMDcgOS4wNyAwIDAwLTIuMjggMS42NiA5LjE1IDkuMTUgMCAwMC0yLjU0IDUgMTcuOCAxNy44IDAgMDAtLjI1IDIuODJWNDYuM2ExNy44IDE3LjggMCAwMC4yNSAyLjgyIDkuMDcgOS4wNyAwIDAwLjg4IDIuNjhBOC44OSA4Ljg5IDAgMDA0LjI0IDU0YTkuMDcgOS4wNyAwIDAwMi4yOCAxLjcgOS41IDkuNSAwIDAwMi42OC44OSAxOS4zMiAxOS4zMiAwIDAwMi44My4yNWgxNDcuNDZhMTkuMDYgMTkuMDYgMCAwMDIuODItLjI1IDkuNjcgOS42NyAwIDAwMi42OS0uODkgOS4wNyA5LjA3IDAgMDAyLjI4LTEuNyA4Ljg5IDguODkgMCAwMDEuNjYtMi4yOCA5LjA3IDkuMDcgMCAwMC44OC0yLjY4IDIwLjUzIDIwLjUzIDAgMDAuMjYtMi44MlY0NSAxMy45MnYtMi44NGEyMC41MyAyMC41MyAwIDAwLS4yNi0yLjgyIDkuMTUgOS4xNSAwIDAwLTIuNTQtNUE5LjA3IDkuMDcgMCAwMDE2NSAxLjYzYTkuMzMgOS4zMyAwIDAwLTIuNjktLjg4IDE3LjggMTcuOCAwIDAwLTIuODItLjI1aC0xLjN6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS40MiAtLjQ4KSIgZmlsbD0iI2I3YjdiNyIvPjxwYXRoIGQ9Ik0xMy4zMyA1NS42MmgtMS4yOGExOCAxOCAwIDAxLTIuNjMtLjIzIDguNTggOC41OCAwIDAxLTIuMzQtLjc3IDggOCAwIDAxLTItMS40NCA3LjQ4IDcuNDggMCAwMS0xLjQzLTIgOCA4IDAgMDEtLjc3LTIuMzQgMTYuNjQgMTYuNjQgMCAwMS0uMjMtMi42NFYxMi4zOHYtMS4yNmExNi40NSAxNi40NSAwIDAxLjIzLTIuNjQgOC4xNCA4LjE0IDAgMDEuNzYtMi4zNCA3LjYzIDcuNjMgMCAwMTEuNDQtMiA3Ljc4IDcuNzggMCAwMTItMS40NUE4LjYxIDguNjEgMCAwMTkuNDEgMmExNy45MiAxNy45MiAwIDAxMi42NS0uMjNoMTQ3LjQxYTE3LjU1IDE3LjU1IDAgMDEyLjYyLjIzIDguNDkgOC40OSAwIDAxMi4zNi43NyA3LjgzIDcuODMgMCAwMTIgMS40MyA3LjkyIDcuOTIgMCAwMTEuNDQgMiA4LjA5IDguMDkgMCAwMS43NSAyLjMyIDE3LjU2IDE3LjU2IDAgMDEuMjUgMi42NlY0Ni4zYTE4LjM2IDE4LjM2IDAgMDEtLjI0IDIuNjIgOC41MiA4LjUyIDAgMDEtLjc2IDIuMzUgNy43NiA3Ljc2IDAgMDEtMS40NCAxLjk1IDcuNTEgNy41MSAwIDAxLTIgMS40NCA4LjEzIDguMTMgMCAwMS0yLjM1Ljc4IDE3Ljg5IDE3Ljg5IDAgMDEtMi42My4yM0gxMy4zM3oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjQyIC0uNDgpIi8+PGcgaWQ9Il9Hcm91cF8iIGRhdGEtbmFtZT0iJmx0O0dyb3VwJmd0OyI+PGcgaWQ9Il9Hcm91cF8yIiBkYXRhLW5hbWU9IiZsdDtHcm91cCZndDsiPjxnIGlkPSJfR3JvdXBfMyIgZGF0YS1uYW1lPSImbHQ7R3JvdXAmZ3Q7Ij48cGF0aCBpZD0iX1BhdGhfIiBkYXRhLW5hbWU9IiZsdDtQYXRoJmd0OyIgY2xhc3M9ImNscy0yIiBkPSJNMzYuMzQgMjkuMDlhNyA3IDAgMDEzLjMyLTUuODUgNy4xMiA3LjEyIDAgMDAtNS42My0zYy0yLjM2LS4yNS00LjY2IDEuNDEtNS44NyAxLjQxcy0zLjA4LTEuMzktNS4wOC0xLjM1YTcuNSA3LjUgMCAwMC02LjMxIDMuODVjLTIuNzIgNC43Mi0uNjkgMTEuNjUgMS45MiAxNS40NyAxLjMxIDEuODcgMi44NCA0IDQuODMgMy44OHMyLjY5LTEuMjUgNS4wNS0xLjI1IDMgMS4yNSA1LjA2IDEuMiAzLjQyLTEuODcgNC42OC0zLjc2YTE1LjI2IDE1LjI2IDAgMDAyLjE0LTQuMzYgNi43NCA2Ljc0IDAgMDEtNC4xMS02LjI0eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNDIgLS40OCkiLz48cGF0aCBpZD0iX1BhdGhfMiIgZGF0YS1uYW1lPSImbHQ7UGF0aCZndDsiIGNsYXNzPSJjbHMtMiIgZD0iTTMyLjQ5IDE3LjY5YTYuODkgNi44OSAwIDAwMS41Ny00LjkyIDcgNyAwIDAwLTQuNTIgMi4zNCA2LjU0IDYuNTQgMCAwMC0xLjYyIDQuNzMgNS43OSA1Ljc5IDAgMDA0LjU3LTIuMTV6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS40MiAtLjQ4KSIvPjwvZz48L2c+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNjEuMDUgMzguNzNoLTYuNjdsLTEuNiA0LjczSDUwTDU2LjI3IDI2aDIuOTRsNi4zMiAxNy41aC0yLjg4em0tNi0yLjE4aDUuMjlsLTIuNjEtNy42OGgtLjA3ek03OS4xNyAzNy4wOGMwIDQtMi4xMiA2LjUxLTUuMzIgNi41MWE0LjM0IDQuMzQgMCAwMS00LTIuMjNoLS4wNnY2LjMyaC0yLjY0di0xN2gyLjU0djIuMTJhNC41MSA0LjUxIDAgMDE0LjA2LTIuMjVjMy4yNS4wMiA1LjQyIDIuNTggNS40MiA2LjUzem0tMi42OSAwYzAtMi41OC0xLjMzLTQuMjgtMy4zNy00LjI4cy0zLjM1IDEuNzMtMy4zNSA0LjI4IDEuMzUgNC4yOSAzLjM1IDQuMjkgMy4zNy0xLjY4IDMuMzctNC4yOXpNOTMuMjIgMzcuMDhjMCA0LTIuMTIgNi41MS01LjMzIDYuNTFhNC4zMiA0LjMyIDAgMDEtNC0yLjIzaC0uMDZ2Ni4zMkg4MS4ydi0xN2gyLjUzdjIuMTJhNC41MyA0LjUzIDAgMDE0LjA3LTIuMjVjMy4yOC4wMiA1LjQyIDIuNTggNS40MiA2LjUzem0tMi42OSAwYzAtMi41OC0xLjM0LTQuMjgtMy4zOC00LjI4cy0zLjM0IDEuNzMtMy4zNCA0LjI4IDEuMzQgNC4yOSAzLjM0IDQuMjkgMy4zOC0xLjY4IDMuMzgtNC4yOXpNMTAyLjUgMzguNThjLjIgMS43NCAxLjg4IDIuODggNC4xOSAyLjg4czMuNzktMS4xNCAzLjc5LTIuN2MwLTEuMzYtMS0yLjE4LTMuMjItMi43M2wtMi4yNi0uNTVjLTMuMjItLjc4LTQuNzEtMi4yOC00LjcxLTQuNzIgMC0zIDIuNjMtNS4wOSA2LjM3LTUuMDlzNi4yNCAyLjA3IDYuMzIgNS4wOWgtMi42NGMtLjE2LTEuNzUtMS42MS0yLjgtMy43Mi0yLjhzLTMuNTUgMS4wNy0zLjU1IDIuNjJjMCAxLjI0LjkyIDIgMy4xOCAyLjUybDEuOTMuNDhjMy41OS44NCA1LjA4IDIuMjkgNS4wOCA0Ljg1IDAgMy4yNy0yLjYxIDUuMzItNi43NiA1LjMyLTMuODggMC02LjUtMi02LjY3LTUuMTd6TTExOC45IDI3LjY4djNoMi40M3YyLjA3aC0yLjQzdjdjMCAxLjA5LjQ5IDEuNiAxLjU2IDEuNi4yNiAwIC42OSAwIC44Ni0uMDZ2Mi4wNmE2Ljc5IDYuNzkgMCAwMS0xLjQ2LjEyYy0yLjU4IDAtMy41OS0xLTMuNTktMy40NHYtNy4yNmgtMS44NVYzMC43aDEuODV2LTN6TTEyMi43NCAzNy4wOGMwLTQgMi4zNi02LjU0IDYtNi41NHM2LjA1IDIuNTMgNi4wNSA2LjU0LTIuMzQgNi41NC02LjA1IDYuNTQtNi0yLjUxLTYtNi41NHptOS40MyAwYzAtMi43NS0xLjI2LTQuMzgtMy4zOC00LjM4cy0zLjM5IDEuNjQtMy4zOSA0LjM4IDEuMjcgNC4zOCAzLjM5IDQuMzggMy4zOC0xLjYxIDMuMzgtNC4zOHpNMTM3IDMwLjdoMi41djIuMTdoLjA2YTMgMyAwIDAxMy4wNy0yLjMgNC43MyA0LjczIDAgMDEuOS4wOXYyLjQ1YTMuOTIgMy45MiAwIDAwLTEuMTgtLjE1IDIuNjQgMi42NCAwIDAwLTIuNzMgMi45M3Y3LjU3SDEzN3pNMTU1LjYgMzkuNzFjLS4zNSAyLjMyLTIuNiAzLjkxLTUuNDkgMy45MS0zLjcxIDAtNi0yLjQ5LTYtNi40OHMyLjMyLTYuNiA1LjkxLTYuNiA1Ljc1IDIuNDMgNS43NSA2LjN2LjloLTl2LjE1YTMuMzIgMy4zMiAwIDAwMy40MyAzLjYyIDIuODggMi44OCAwIDAwMy0xLjh6bS04Ljg1LTMuODFoNi4zOGEzLjA2IDMuMDYgMCAwMC0zLjEzLTMuMjMgMy4yMiAzLjIyIDAgMDAtMy4yNSAzLjIzeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNDIgLS40OCkiLz48L2c+PGcgaWQ9Il9Hcm91cF80IiBkYXRhLW5hbWU9IiZsdDtHcm91cCZndDsiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTU0Ljc0IDEyLjc4YzIuNSAwIDQgMS41NCA0IDQuMThzLTEuNDUgNC4yMy00IDQuMjNoLTN2LTguNDF6TTUzIDIwaDEuNmMxLjc1IDAgMi43Ny0xLjA5IDIuNzctM3MtMS0zLTIuNzctM0g1M3pNNjAuMTcgMThjMC0yIDEuMTUtMy4zIDMtMy4zczMgMS4yNSAzIDMuMy0xLjE0IDMuMy0zIDMuMy0zLTEuMjMtMy0zLjN6bTQuNyAwYzAtMS4zOC0uNjItMi4xOC0xLjctMi4xOHMtMS43LjgtMS43IDIuMTguNjEgMi4xOCAxLjcgMi4xOCAxLjctLjc4IDEuNy0yLjE4ek03NC4xMiAyMS4xOWgtMS4zbC0xLjMxLTQuNjdoLS4xbC0xLjMxIDQuNjdoLTEuMjlsLTEuNzQtNi4zNGgxLjI3bDEuMTMgNC44NGguMWwxLjMtNC44NGgxLjJsMS4zMSA0Ljg0aC4xbDEuMTMtNC44NGgxLjI1ek03Ny4zMyAxNC44NWgxLjIxdjFoLjA5YTEuOTEgMS45MSAwIDAxMS45LTEuMTMgMi4wNiAyLjA2IDAgMDEyLjE5IDIuMzZ2NC4xMWgtMS4yNVYxNy40YzAtMS0uNDQtMS41My0xLjM3LTEuNTNhMS40NiAxLjQ2IDAgMDAtMS41MiAxLjYxdjMuNzFoLTEuMjV6TTg0LjcyIDEyLjM3SDg2djguODJoLTEuMjh6TTg3LjcxIDE4YzAtMiAxLjE1LTMuMyAzLTMuM3MzIDEuMjUgMyAzLjMtMS4xNCAzLjMtMyAzLjMtMy0xLjIzLTMtMy4zem00LjcgMGMwLTEuMzgtLjYyLTIuMTgtMS43LTIuMThTODkgMTYuNjQgODkgMThzLjYxIDIuMTggMS43IDIuMTggMS43MS0uNzggMS43MS0yLjE4ek05NSAxOS40YzAtMS4xNC44NS0xLjggMi4zNi0xLjlsMS43Mi0uMXYtLjU0YzAtLjY3LS40NS0xLTEuMy0xLS43IDAtMS4xOC4yNS0xLjMyLjdoLTEuMmMuMTMtMS4wOSAxLjE2LTEuNzkgMi42LTEuNzkgMS41OSAwIDIuNDkuOCAyLjQ5IDIuMTR2NC4zM2gtMS4yMXYtLjk0SDk5YTIuMTMgMi4xMyAwIDAxLTEuOTEgMUExLjkxIDEuOTEgMCAwMTk1IDE5LjR6bTQuMDgtLjU0di0uNTNsLTEuNTUuMDljLS44OC4wNi0xLjI3LjM2LTEuMjcuOTJzLjQ5LjkgMS4xNy45YTEuNSAxLjUgMCAwMDEuNjctMS4zOHpNMTAyIDE4YzAtMiAxLTMuMjggMi42NC0zLjI4YTIuMDggMi4wOCAwIDAxMS45NCAxLjExaC4xdi0zLjQ2aDEuMjV2OC44MmgtMS4ydi0xaC0uMWEyLjIxIDIuMjEgMCAwMS0yIDEuMTFDMTAzIDIxLjMgMTAyIDIwIDEwMiAxOHptMS4zIDBjMCAxLjM0LjYzIDIuMTUgMS42OSAyLjE1czEuNzEtLjgyIDEuNzEtMi4xNS0uNy0yLjEzLTEuNy0yLjEzLTEuNzEuODEtMS43MSAyLjEzek0xMTMuMSAxOGMwLTIgMS4xNC0zLjMgMy0zLjNzMyAxLjI1IDMgMy4zLTEuMTQgMy4zLTMgMy4zLTMtMS4yMy0zLTMuM3ptNC43IDBjMC0xLjM4LS42Mi0yLjE4LTEuNy0yLjE4cy0xLjcuOC0xLjcgMi4xOC42MSAyLjE4IDEuNyAyLjE4IDEuNy0uNzggMS43LTIuMTh6TTEyMC43NyAxNC44NUgxMjJ2MWguMWExLjkxIDEuOTEgMCAwMTEuOS0xLjEzIDIuMDYgMi4wNiAwIDAxMi4yIDIuMzZ2NC4xMWgtMS4yNVYxNy40YzAtMS0uNDUtMS41My0xLjM3LTEuNTNhMS40NiAxLjQ2IDAgMDAtMS41OCAxLjYxdjMuNzFoLTEuMjV6TTEzMy4yNCAxMy4yN3YxLjZoMS4zN3YxLjA2aC0xLjM3djMuMjZjMCAuNjcuMjcgMSAuODkgMWEzLjUzIDMuNTMgMCAwMC40OCAwdjFhMy41NSAzLjU1IDAgMDEtLjY4LjA3Yy0xLjM5IDAtMi0uNDktMi0xLjcydi0zLjYxaC0xdi0xLjA2aDF2LTEuNnpNMTM2LjMyIDEyLjM3aDEuMjR2My41aC4xYTIgMiAwIDAxMS45NC0xLjE0IDIuMDkgMi4wOSAwIDAxMi4xOCAyLjM3djQuMDloLTEuMjVWMTcuNGMwLTEtLjQ3LTEuNTItMS4zNi0xLjUyYTEuNDggMS40OCAwIDAwLTEuNTkgMS42MXYzLjdoLTEuMjZ6TTE0OS4wOSAxOS40OGEyLjU4IDIuNTggMCAwMS0yLjc1IDEuODRjLTEuODIgMC0yLjkzLTEuMjUtMi45My0zLjI4czEuMTMtMy4zMiAyLjkyLTMuMzIgMi44MyAxLjIxIDIuODMgMy4ydi40NGgtNC40OHYuMDdhMS42OCAxLjY4IDAgMDAxLjY5IDEuODIgMS41MyAxLjUzIDAgMDAxLjUxLS43N3ptLTQuNDEtMi4wNWgzLjIxYTEuNTMgMS41MyAwIDAwLTEuNTYtMS42NCAxLjYyIDEuNjIgMCAwMC0xLjY1IDEuNjR6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS40MiAtLjQ4KSIvPjwvZz48L3N2Zz4=) no-repeat 50%;
background-size: contain;
margin: 2em auto 0
}
.code-confirm-page {
background: url(fd64e454c0873bf7f80163ea059e931a.jpg) no-repeat bottom;
background-size: cover;
position: relative
}
@media only screen and (max-width:767px) {
.code-confirm-page {
background: url(fd64e454c0873bf7f80163ea059e931a.jpg) no-repeat bottom
}
}
.code-confirm-page .content-container {
max-width: 1500px;
min-height: 70vh;
position: relative;
padding: 2em 1em
}
@media only screen and (max-width:991px) {
.code-confirm-page .content-container {
padding: 2em 1em 0
}
}
@media only screen and (max-width:992px) and (orientation:portrait) {
.code-confirm-page .content-container {
min-height: 100%
}
}
.code-confirm-page .content-container .heroes {
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: auto;
height: 95%;
background: url(03eba6b688837904e635db25aafa5ac8.png) no-repeat 0 100%;
background-size: contain;
z-index: 0
}
@media only screen and (max-width:991px) {
.code-confirm-page .content-container .heroes {
background-image: url(042f65985e0e7a67fba4010a41ccca59.png)
}
}
@media only screen and (max-width:992px) and (orientation:portrait) {
.code-confirm-page .content-container .heroes {
position: relative;
height: 32em;
background-position: bottom
}
}
.code-confirm-page .content-container .content {
max-width: 35em;
margin: 0 auto;
color: #fff;
position: relative;
z-index: 1
}
@media only screen and (max-width:991px) {
.code-confirm-page .content-container .content {
margin-bottom: 2em
}
}
@media only screen and (max-width:992px) and (orientation:landscape) {
.code-confirm-page .content-container .content {
right: -6em;
max-width: 25em
}
}
.code-confirm-page .content-container .content h2 {
font-size: 3.5em;
margin: 0
}
@media only screen and (max-width:991px) {
.code-confirm-page .content-container .content h2 {
font-size: 2em
}
}
.code-confirm-page .content-container .content h3 {
margin: 0 0 1em
}
.code-confirm-page .content-container .content p {
max-width: 30em;
margin: 0 auto 1em
}
.code-confirm-page .content-container .content p a {
font-size: 1em;
color: #fff;
text-decoration: underline
}
.code-confirm-page .content-container .content p span {
font-family: BurbankSmall-Black, sans-serif
}
.code-confirm-page .content-container .iosButton {
width: 15em;
height: 5em;
background: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGl2ZXR5cGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC42NyA1Ni4zOCI+PGRlZnM+PHN0eWxlPi5jbHMtMntmaWxsOiNmZmZ9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTE1Ni42Ni40OEgxMy4zMkwxMiAuNWExOCAxOCAwIDAwLTIuOC4yNSA5LjE3IDkuMTcgMCAwMC0yLjY4Ljg4IDkuMDcgOS4wNyAwIDAwLTIuMjggMS42NiA5LjE1IDkuMTUgMCAwMC0yLjU0IDUgMTcuOCAxNy44IDAgMDAtLjI1IDIuODJWNDYuM2ExNy44IDE3LjggMCAwMC4yNSAyLjgyIDkuMDcgOS4wNyAwIDAwLjg4IDIuNjhBOC44OSA4Ljg5IDAgMDA0LjI0IDU0YTkuMDcgOS4wNyAwIDAwMi4yOCAxLjcgOS41IDkuNSAwIDAwMi42OC44OSAxOS4zMiAxOS4zMiAwIDAwMi44My4yNWgxNDcuNDZhMTkuMDYgMTkuMDYgMCAwMDIuODItLjI1IDkuNjcgOS42NyAwIDAwMi42OS0uODkgOS4wNyA5LjA3IDAgMDAyLjI4LTEuNyA4Ljg5IDguODkgMCAwMDEuNjYtMi4yOCA5LjA3IDkuMDcgMCAwMC44OC0yLjY4IDIwLjUzIDIwLjUzIDAgMDAuMjYtMi44MlY0NSAxMy45MnYtMi44NGEyMC41MyAyMC41MyAwIDAwLS4yNi0yLjgyIDkuMTUgOS4xNSAwIDAwLTIuNTQtNUE5LjA3IDkuMDcgMCAwMDE2NSAxLjYzYTkuMzMgOS4zMyAwIDAwLTIuNjktLjg4IDE3LjggMTcuOCAwIDAwLTIuODItLjI1aC0xLjN6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS40MiAtLjQ4KSIgZmlsbD0iI2I3YjdiNyIvPjxwYXRoIGQ9Ik0xMy4zMyA1NS42MmgtMS4yOGExOCAxOCAwIDAxLTIuNjMtLjIzIDguNTggOC41OCAwIDAxLTIuMzQtLjc3IDggOCAwIDAxLTItMS40NCA3LjQ4IDcuNDggMCAwMS0xLjQzLTIgOCA4IDAgMDEtLjc3LTIuMzQgMTYuNjQgMTYuNjQgMCAwMS0uMjMtMi42NFYxMi4zOHYtMS4yNmExNi40NSAxNi40NSAwIDAxLjIzLTIuNjQgOC4xNCA4LjE0IDAgMDEuNzYtMi4zNCA3LjYzIDcuNjMgMCAwMTEuNDQtMiA3Ljc4IDcuNzggMCAwMTItMS40NUE4LjYxIDguNjEgMCAwMTkuNDEgMmExNy45MiAxNy45MiAwIDAxMi42NS0uMjNoMTQ3LjQxYTE3LjU1IDE3LjU1IDAgMDEyLjYyLjIzIDguNDkgOC40OSAwIDAxMi4zNi43NyA3LjgzIDcuODMgMCAwMTIgMS40MyA3LjkyIDcuOTIgMCAwMTEuNDQgMiA4LjA5IDguMDkgMCAwMS43NSAyLjMyIDE3LjU2IDE3LjU2IDAgMDEuMjUgMi42NlY0Ni4zYTE4LjM2IDE4LjM2IDAgMDEtLjI0IDIuNjIgOC41MiA4LjUyIDAgMDEtLjc2IDIuMzUgNy43NiA3Ljc2IDAgMDEtMS40NCAxLjk1IDcuNTEgNy41MSAwIDAxLTIgMS40NCA4LjEzIDguMTMgMCAwMS0yLjM1Ljc4IDE3Ljg5IDE3Ljg5IDAgMDEtMi42My4yM0gxMy4zM3oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjQyIC0uNDgpIi8+PGcgaWQ9Il9Hcm91cF8iIGRhdGEtbmFtZT0iJmx0O0dyb3VwJmd0OyI+PGcgaWQ9Il9Hcm91cF8yIiBkYXRhLW5hbWU9IiZsdDtHcm91cCZndDsiPjxnIGlkPSJfR3JvdXBfMyIgZGF0YS1uYW1lPSImbHQ7R3JvdXAmZ3Q7Ij48cGF0aCBpZD0iX1BhdGhfIiBkYXRhLW5hbWU9IiZsdDtQYXRoJmd0OyIgY2xhc3M9ImNscy0yIiBkPSJNMzYuMzQgMjkuMDlhNyA3IDAgMDEzLjMyLTUuODUgNy4xMiA3LjEyIDAgMDAtNS42My0zYy0yLjM2LS4yNS00LjY2IDEuNDEtNS44NyAxLjQxcy0zLjA4LTEuMzktNS4wOC0xLjM1YTcuNSA3LjUgMCAwMC02LjMxIDMuODVjLTIuNzIgNC43Mi0uNjkgMTEuNjUgMS45MiAxNS40NyAxLjMxIDEuODcgMi44NCA0IDQuODMgMy44OHMyLjY5LTEuMjUgNS4wNS0xLjI1IDMgMS4yNSA1LjA2IDEuMiAzLjQyLTEuODcgNC42OC0zLjc2YTE1LjI2IDE1LjI2IDAgMDAyLjE0LTQuMzYgNi43NCA2Ljc0IDAgMDEtNC4xMS02LjI0eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNDIgLS40OCkiLz48cGF0aCBpZD0iX1BhdGhfMiIgZGF0YS1uYW1lPSImbHQ7UGF0aCZndDsiIGNsYXNzPSJjbHMtMiIgZD0iTTMyLjQ5IDE3LjY5YTYuODkgNi44OSAwIDAwMS41Ny00LjkyIDcgNyAwIDAwLTQuNTIgMi4zNCA2LjU0IDYuNTQgMCAwMC0xLjYyIDQuNzMgNS43OSA1Ljc5IDAgMDA0LjU3LTIuMTV6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS40MiAtLjQ4KSIvPjwvZz48L2c+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNjEuMDUgMzguNzNoLTYuNjdsLTEuNiA0LjczSDUwTDU2LjI3IDI2aDIuOTRsNi4zMiAxNy41aC0yLjg4em0tNi0yLjE4aDUuMjlsLTIuNjEtNy42OGgtLjA3ek03OS4xNyAzNy4wOGMwIDQtMi4xMiA2LjUxLTUuMzIgNi41MWE0LjM0IDQuMzQgMCAwMS00LTIuMjNoLS4wNnY2LjMyaC0yLjY0di0xN2gyLjU0djIuMTJhNC41MSA0LjUxIDAgMDE0LjA2LTIuMjVjMy4yNS4wMiA1LjQyIDIuNTggNS40MiA2LjUzem0tMi42OSAwYzAtMi41OC0xLjMzLTQuMjgtMy4zNy00LjI4cy0zLjM1IDEuNzMtMy4zNSA0LjI4IDEuMzUgNC4yOSAzLjM1IDQuMjkgMy4zNy0xLjY4IDMuMzctNC4yOXpNOTMuMjIgMzcuMDhjMCA0LTIuMTIgNi41MS01LjMzIDYuNTFhNC4zMiA0LjMyIDAgMDEtNC0yLjIzaC0uMDZ2Ni4zMkg4MS4ydi0xN2gyLjUzdjIuMTJhNC41MyA0LjUzIDAgMDE0LjA3LTIuMjVjMy4yOC4wMiA1LjQyIDIuNTggNS40MiA2LjUzem0tMi42OSAwYzAtMi41OC0xLjM0LTQuMjgtMy4zOC00LjI4cy0zLjM0IDEuNzMtMy4zNCA0LjI4IDEuMzQgNC4yOSAzLjM0IDQuMjkgMy4zOC0xLjY4IDMuMzgtNC4yOXpNMTAyLjUgMzguNThjLjIgMS43NCAxLjg4IDIuODggNC4xOSAyLjg4czMuNzktMS4xNCAzLjc5LTIuN2MwLTEuMzYtMS0yLjE4LTMuMjItMi43M2wtMi4yNi0uNTVjLTMuMjItLjc4LTQuNzEtMi4yOC00LjcxLTQuNzIgMC0zIDIuNjMtNS4wOSA2LjM3LTUuMDlzNi4yNCAyLjA3IDYuMzIgNS4wOWgtMi42NGMtLjE2LTEuNzUtMS42MS0yLjgtMy43Mi0yLjhzLTMuNTUgMS4wNy0zLjU1IDIuNjJjMCAxLjI0LjkyIDIgMy4xOCAyLjUybDEuOTMuNDhjMy41OS44NCA1LjA4IDIuMjkgNS4wOCA0Ljg1IDAgMy4yNy0yLjYxIDUuMzItNi43NiA1LjMyLTMuODggMC02LjUtMi02LjY3LTUuMTd6TTExOC45IDI3LjY4djNoMi40M3YyLjA3aC0yLjQzdjdjMCAxLjA5LjQ5IDEuNiAxLjU2IDEuNi4yNiAwIC42OSAwIC44Ni0uMDZ2Mi4wNmE2Ljc5IDYuNzkgMCAwMS0xLjQ2LjEyYy0yLjU4IDAtMy41OS0xLTMuNTktMy40NHYtNy4yNmgtMS44NVYzMC43aDEuODV2LTN6TTEyMi43NCAzNy4wOGMwLTQgMi4zNi02LjU0IDYtNi41NHM2LjA1IDIuNTMgNi4wNSA2LjU0LTIuMzQgNi41NC02LjA1IDYuNTQtNi0yLjUxLTYtNi41NHptOS40MyAwYzAtMi43NS0xLjI2LTQuMzgtMy4zOC00LjM4cy0zLjM5IDEuNjQtMy4zOSA0LjM4IDEuMjcgNC4zOCAzLjM5IDQuMzggMy4zOC0xLjYxIDMuMzgtNC4zOHpNMTM3IDMwLjdoMi41djIuMTdoLjA2YTMgMyAwIDAxMy4wNy0yLjMgNC43MyA0LjczIDAgMDEuOS4wOXYyLjQ1YTMuOTIgMy45MiAwIDAwLTEuMTgtLjE1IDIuNjQgMi42NCAwIDAwLTIuNzMgMi45M3Y3LjU3SDEzN3pNMTU1LjYgMzkuNzFjLS4zNSAyLjMyLTIuNiAzLjkxLTUuNDkgMy45MS0zLjcxIDAtNi0yLjQ5LTYtNi40OHMyLjMyLTYuNiA1LjkxLTYuNiA1Ljc1IDIuNDMgNS43NSA2LjN2LjloLTl2LjE1YTMuMzIgMy4zMiAwIDAwMy40MyAzLjYyIDIuODggMi44OCAwIDAwMy0xLjh6bS04Ljg1LTMuODFoNi4zOGEzLjA2IDMuMDYgMCAwMC0zLjEzLTMuMjMgMy4yMiAzLjIyIDAgMDAtMy4yNSAzLjIzeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNDIgLS40OCkiLz48L2c+PGcgaWQ9Il9Hcm91cF80IiBkYXRhLW5hbWU9IiZsdDtHcm91cCZndDsiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTU0Ljc0IDEyLjc4YzIuNSAwIDQgMS41NCA0IDQuMThzLTEuNDUgNC4yMy00IDQuMjNoLTN2LTguNDF6TTUzIDIwaDEuNmMxLjc1IDAgMi43Ny0xLjA5IDIuNzctM3MtMS0zLTIuNzctM0g1M3pNNjAuMTcgMThjMC0yIDEuMTUtMy4zIDMtMy4zczMgMS4yNSAzIDMuMy0xLjE0IDMuMy0zIDMuMy0zLTEuMjMtMy0zLjN6bTQuNyAwYzAtMS4zOC0uNjItMi4xOC0xLjctMi4xOHMtMS43LjgtMS43IDIuMTguNjEgMi4xOCAxLjcgMi4xOCAxLjctLjc4IDEuNy0yLjE4ek03NC4xMiAyMS4xOWgtMS4zbC0xLjMxLTQuNjdoLS4xbC0xLjMxIDQuNjdoLTEuMjlsLTEuNzQtNi4zNGgxLjI3bDEuMTMgNC44NGguMWwxLjMtNC44NGgxLjJsMS4zMSA0Ljg0aC4xbDEuMTMtNC44NGgxLjI1ek03Ny4zMyAxNC44NWgxLjIxdjFoLjA5YTEuOTEgMS45MSAwIDAxMS45LTEuMTMgMi4wNiAyLjA2IDAgMDEyLjE5IDIuMzZ2NC4xMWgtMS4yNVYxNy40YzAtMS0uNDQtMS41My0xLjM3LTEuNTNhMS40NiAxLjQ2IDAgMDAtMS41MiAxLjYxdjMuNzFoLTEuMjV6TTg0LjcyIDEyLjM3SDg2djguODJoLTEuMjh6TTg3LjcxIDE4YzAtMiAxLjE1LTMuMyAzLTMuM3MzIDEuMjUgMyAzLjMtMS4xNCAzLjMtMyAzLjMtMy0xLjIzLTMtMy4zem00LjcgMGMwLTEuMzgtLjYyLTIuMTgtMS43LTIuMThTODkgMTYuNjQgODkgMThzLjYxIDIuMTggMS43IDIuMTggMS43MS0uNzggMS43MS0yLjE4ek05NSAxOS40YzAtMS4xNC44NS0xLjggMi4zNi0xLjlsMS43Mi0uMXYtLjU0YzAtLjY3LS40NS0xLTEuMy0xLS43IDAtMS4xOC4yNS0xLjMyLjdoLTEuMmMuMTMtMS4wOSAxLjE2LTEuNzkgMi42LTEuNzkgMS41OSAwIDIuNDkuOCAyLjQ5IDIuMTR2NC4zM2gtMS4yMXYtLjk0SDk5YTIuMTMgMi4xMyAwIDAxLTEuOTEgMUExLjkxIDEuOTEgMCAwMTk1IDE5LjR6bTQuMDgtLjU0di0uNTNsLTEuNTUuMDljLS44OC4wNi0xLjI3LjM2LTEuMjcuOTJzLjQ5LjkgMS4xNy45YTEuNSAxLjUgMCAwMDEuNjctMS4zOHpNMTAyIDE4YzAtMiAxLTMuMjggMi42NC0zLjI4YTIuMDggMi4wOCAwIDAxMS45NCAxLjExaC4xdi0zLjQ2aDEuMjV2OC44MmgtMS4ydi0xaC0uMWEyLjIxIDIuMjEgMCAwMS0yIDEuMTFDMTAzIDIxLjMgMTAyIDIwIDEwMiAxOHptMS4zIDBjMCAxLjM0LjYzIDIuMTUgMS42OSAyLjE1czEuNzEtLjgyIDEuNzEtMi4xNS0uNy0yLjEzLTEuNy0yLjEzLTEuNzEuODEtMS43MSAyLjEzek0xMTMuMSAxOGMwLTIgMS4xNC0zLjMgMy0zLjNzMyAxLjI1IDMgMy4zLTEuMTQgMy4zLTMgMy4zLTMtMS4yMy0zLTMuM3ptNC43IDBjMC0xLjM4LS42Mi0yLjE4LTEuNy0yLjE4cy0xLjcuOC0xLjcgMi4xOC42MSAyLjE4IDEuNyAyLjE4IDEuNy0uNzggMS43LTIuMTh6TTEyMC43NyAxNC44NUgxMjJ2MWguMWExLjkxIDEuOTEgMCAwMTEuOS0xLjEzIDIuMDYgMi4wNiAwIDAxMi4yIDIuMzZ2NC4xMWgtMS4yNVYxNy40YzAtMS0uNDUtMS41My0xLjM3LTEuNTNhMS40NiAxLjQ2IDAgMDAtMS41OCAxLjYxdjMuNzFoLTEuMjV6TTEzMy4yNCAxMy4yN3YxLjZoMS4zN3YxLjA2aC0xLjM3djMuMjZjMCAuNjcuMjcgMSAuODkgMWEzLjUzIDMuNTMgMCAwMC40OCAwdjFhMy41NSAzLjU1IDAgMDEtLjY4LjA3Yy0xLjM5IDAtMi0uNDktMi0xLjcydi0zLjYxaC0xdi0xLjA2aDF2LTEuNnpNMTM2LjMyIDEyLjM3aDEuMjR2My41aC4xYTIgMiAwIDAxMS45NC0xLjE0IDIuMDkgMi4wOSAwIDAxMi4xOCAyLjM3djQuMDloLTEuMjVWMTcuNGMwLTEtLjQ3LTEuNTItMS4zNi0xLjUyYTEuNDggMS40OCAwIDAwLTEuNTkgMS42MXYzLjdoLTEuMjZ6TTE0OS4wOSAxOS40OGEyLjU4IDIuNTggMCAwMS0yLjc1IDEuODRjLTEuODIgMC0yLjkzLTEuMjUtMi45My0zLjI4czEuMTMtMy4zMiAyLjkyLTMuMzIgMi44MyAxLjIxIDIuODMgMy4ydi40NGgtNC40OHYuMDdhMS42OCAxLjY4IDAgMDAxLjY5IDEuODIgMS41MyAxLjUzIDAgMDAxLjUxLS43N3ptLTQuNDEtMi4wNWgzLjIxYTEuNTMgMS41MyAwIDAwLTEuNTYtMS42NCAxLjYyIDEuNjIgMCAwMC0xLjY1IDEuNjR6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS40MiAtLjQ4KSIvPjwvZz48L3N2Zz4=) no-repeat 50%;
background-size: contain;
margin: 1em auto 0
}
.code-confirm-page .content-container .error-container {
margin: 1em;
font-weight: 700
}
.code-confirm-page .content-container .error-container span {
color: #d80808
}
.code-confirm-page.android {
background: url(8f32fdfa7214833b8c27830894fef01d.jpg) no-repeat 50%;
background-size: cover
}
.code-confirm-page.android .content-container .heroes {
background: url(9ee4240452b08ce8da3619ef61f13638.png) no-repeat 0 100%;
background-size: contain;
left: -3em
}
@media only screen and (max-width:992px) and (orientation:portrait) {
.code-confirm-page.android .content-container .heroes {
background-position: bottom
}
}
.code-confirm-page.createAccount .content-container .content h2 {
font-size: 2.5em;
margin-bottom: 1em
}
@media only screen and (min-width:1200px) {
.code-confirm-page.simple .content-container {
padding: 8em 1em
}
}
@media only screen and (max-width:991px) {
.code-confirm-page.simple .content-container {
padding: 2em 1em 0
}
}
@media only screen and (max-width:992px) and (orientation:portrait) {
.code-confirm-page.simple .content-container {
min-height: 100%
}
}
.device-select {
background: url(fd64e454c0873bf7f80163ea059e931a.jpg) no-repeat bottom;
background-size: cover;
position: relative
}
@media only screen and (max-width:767px) {
.device-select {
background: url(fd64e454c0873bf7f80163ea059e931a.jpg) no-repeat bottom
}
}
.device-select .content-container {
max-width: 1400px;
height: 70vh;
min-height: 845px;
position: relative;
padding: 2em 1em 0
}
@media only screen and (max-width:1199px) {
.device-select .content-container {
height: 60vh;
min-height: 635px
}
}
@media only screen and (max-width:991px) {
.device-select .content-container {
padding: 0 1em;
height: 100%;
min-height: 100%
}
}
.device-select .content-container .heroes {
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: auto;
height: 95%;
background: url(03eba6b688837904e635db25aafa5ac8.png) no-repeat 0 100%;
background-size: contain;
z-index: 0
}
@media only screen and (max-width:991px) {
.device-select .content-container .heroes {
background: url(042f65985e0e7a67fba4010a41ccca59.png) no-repeat bottom;
background-size: contain;
position: relative;
min-height: 28em
}
}
.device-select .content-container .content {
max-width: 35em;
margin: 8em auto 0;
color: #fff;
position: relative;
z-index: 1
}
@media only screen and (max-width:991px) {
.device-select .content-container .content {
margin: 2em auto
}
}
.device-select .content-container .content h2 {
font-size: 3.5em
}
@media only screen and (max-width:991px) {
.device-select .content-container .content h2 {
font-size: 2em
}
}
.device-select .content-container .content .sub-text {
max-width: 20em;
margin: .9em auto;
font-family: BurbankSmall-Black, sans-serif;
text-transform: uppercase
}
.device-select .content-container .content select {
max-width: 20em;
margin: 0 auto;
font-family: BurbankBigCondensed-Black, sans-serif;
color: #000
}
.device-select .content-container .content .btn {
margin-top: 1em
}
.device-select.android {
background: url(8f32fdfa7214833b8c27830894fef01d.jpg) no-repeat 50%;
background-size: cover
}
.device-select.android .content-container .heroes {
background: url(9ee4240452b08ce8da3619ef61f13638.png) no-repeat 0 100%;
background-size: contain
}
@media only screen and (max-width:991px) {
.device-select.android .content-container .heroes {
background: url(b10b842fbaedeb7e631c0028b1cad216.png) no-repeat bottom;
background-size: contain
}
}
@media only screen and (max-width:568px) and (orientation:landscape) {
.device-select.android .content-container .heroes {
display: none
}
}
.header-fnMobile-container {
position: relative;
max-width: 40em;
margin: 0 auto 1em
}
@media only screen and (max-width:991px) {
.header-fnMobile-container {
margin: 0 auto 1em
}
}
.header-fnMobile-container h1 {
color: #000;
font-size: 5em;
margin: 0 auto
}
@media only screen and (max-width:1399px) {
.header-fnMobile-container h1 {
font-size: 4em
}
}
@media only screen and (max-width:991px) {
.header-fnMobile-container h1 {
font-size: 3em
}
}
@media only screen and (max-width:767px) {
.header-fnMobile-container h1 {
font-size: 2.5em
}
}
.header-fnMobile-container h1 span {
text-transform: none
}
.header-fnMobile-container.android h1 {
color: #fff
}
.de .fn-mobile-view .sign-up-page h1,
.es_ES .fn-mobile-view .sign-up-page h1,
.fr .fn-mobile-view .sign-up-page h1,
.pt_BR .fn-mobile-view .sign-up-page h1 {
font-size: 4em
}
@media only screen and (max-width:991px) {
.de .fn-mobile-view .sign-up-page h1,
.es_ES .fn-mobile-view .sign-up-page h1,
.fr .fn-mobile-view .sign-up-page h1,
.pt_BR .fn-mobile-view .sign-up-page h1 {
font-size: 2em
}
}
.es_MX .fn-mobile-view .sign-up-page h1,
.it .fn-mobile-view .sign-up-page h1,
.pl .fn-mobile-view .sign-up-page h1,
.ru .fn-mobile-view .sign-up-page h1,
.tr .fn-mobile-view .sign-up-page h1 {
font-size: 3em
}
@media only screen and (max-width:991px) {
.es_MX .fn-mobile-view .sign-up-page h1,
.it .fn-mobile-view .sign-up-page h1,
.pl .fn-mobile-view .sign-up-page h1,
.ru .fn-mobile-view .sign-up-page h1,
.tr .fn-mobile-view .sign-up-page h1 {
font-size: 2em
}
}
.getStarted {
padding: 1em 0 0;
margin: 0 auto;
color: #fff;
position: relative
}
@media only screen and (max-width:991px) {
.getStarted {
padding: 0
}
}
.getStarted .videoContainer {
position: relative;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%)
}
.getStarted .videoContainer .video:after {
display: none
}
.getStarted .videoContainer .mute {
position: absolute;
bottom: 1.5rem;
right: 1.5rem;
padding: 1.5rem 1rem 1rem
}
.getStarted .videoContainer .mute i {
color: hsla(0, 0%, 100%, .95);
font-size: 1.5em
}
.getStarted .btnWrapper {
max-width: 32em;
margin: 0 auto 1.5em
}
.getStarted .btnWrapper a {
display: inline-block
}
.getStarted .btnWrapper .btn.btn-display {
min-width: 8em;
margin: .5em .5em 0
}
.getStarted .egsDownloadImg {
margin-top: 1em;
width: 90%;
max-width: 220px
}
.getStarted .galaxyAppsImg {
max-width: 220px;
margin-top: 1em;
height: 55.3px
}
.getStarted .content-container {
max-width: 1000px;
margin: 2em auto;
position: relative;
padding: 0 0 4em
}
@media only screen and (min-width:992px) {
.getStarted .content-container {
height: 50vh;
min-height: 535px
}
}
.getStarted .content-container h1 {
font-size: 2.5em;
margin: .5em auto .2em
}
.getStarted .content-container p {
font-size: 1em;
font-weight: 600;
margin: 0 auto .5em;
line-height: 1.5
}
.getStarted .content-container p.subtitle {
color: #000;
text-transform: uppercase;
font-family: BurbankBigRegular-Black, sans-serif;
line-height: 1;
padding: 0 2em
}
.getStarted .content-container p.small {
font-size: .85em;
font-weight: 400;
font-style: italic
}
.getStarted .drawerContainer {
width: 100%;
margin: 0 auto;
max-width: 23em
}
.getStarted .drawerContainer h6 {
font-family: OpenSans, sans-serif;
color: #ff0;
cursor: pointer
}
.getStarted .drawerContainer h6 i {
display: inline-block;
-webkit-transform: translateX(.5em);
-ms-transform: translateX(.5em);
transform: translateX(.5em)
}
.getStarted .drawerContainer .drawer {
display: none
}
.getStarted .drawerContainer .drawer p {
line-height: 1.5;
font-size: .9em
}
.getStarted .drawerContainer .drawer a {
color: #ff0;
font-weight: 800
}
.getStarted .drawerContainer.active .drawer {
display: block
}
.getStarted .drawerContainer.active i {
-webkit-transform: translateX(.5em) rotate(90deg);
-ms-transform: translateX(.5em) rotate(90deg);
transform: translateX(.5em) rotate(90deg)
}
.getStarted .heroes {
background: url(9ee4240452b08ce8da3619ef61f13638.png) no-repeat 0 100%;
background-size: contain;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: none
}
@media screen and (min-width:824px) {
.getStarted .heroes {
display: block
}
}
@media only screen and (max-width:992px) and (orientation:portrait) {
.getStarted .heroes {
display: none
}
}
.getStarted .img-responsive {
margin: 0 auto;
display: none
}
@media screen and (min-width:600px) and (max-width:768px) {
.getStarted .img-responsive {
display: none
}
}
@media only screen and (max-width:992px) and (orientation:portrait) {
.getStarted .img-responsive {
display: block
}
}
.getStarted .contentWrapper {
height: 70vh;
min-height: 600px
}
.getStarted .contentWrapper .notAndroidMessage {
padding: 0 1em;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.getStarted .contentWrapper .notAndroidMessage h1 {
font-size: 2.5em;
text-transform: none;
letter-spacing: 1px;
margin: 0 auto 1em;
line-height: 1.2 !important;
max-width: 20em
}
@media only screen and (max-width:991px) {
.getStarted .contentWrapper .notAndroidMessage h1 {
font-size: 2em
}
}
.getStarted .contentWrapper .notAndroidMessage .qrContainer {
display: inline-block;
background: #fff;
padding: .3em .25em 0
}
.en_US .get-started h1 {
line-height: .85
}
@media only screen and (max-width:767px) {
.ru .getStarted .btn.btn-display {
font-size: 1.5em
}
}
.de .getStarted .drawerContainer,
.es_ES .getStarted .drawerContainer,
.es_MX .getStarted .drawerContainer,
.fr .getStarted .drawerContainer,
.it .getStarted .drawerContainer,
.ja .getStarted .drawerContainer,
.pl .getStarted .drawerContainer,
.pt_BR .getStarted .drawerContainer,
.ru .getStarted .drawerContainer,
.tr .getStarted .drawerContainer {
max-width: 15em
}
.android-downloadpage {
position: relative;
color: #fff;
padding: 2em 0;
margin: 0 auto;
min-height: 90vh
}
.android-downloadpage img {
margin-bottom: 1em
}
.android-downloadpage h1 {
text-transform: none;
font-size: 2em;
letter-spacing: 1px;
max-width: 12em;
margin: 0 auto .5em
}
@media only screen and (max-width:767px) {
.android-downloadpage h1 {
font-size: 1.7em
}
}
.android-downloadpage p {
color: #fff;
font-size: 1em;
max-width: 20em;
margin: 0 auto .5em
}
.android-downloadpage .supportSteps {
margin: 1em 0
}
.android-downloadpage .settings-message {
max-width: 27em;
margin: 0 auto;
padding: 0 1em;
font-weight: 700;
font-family: BurbankBigRegular-Black, sans-serif;
line-height: 1.2;
color: #000;
text-transform: uppercase
}
.android-downloadpage .settings-message ol {
font-size: 1em;
padding-left: 1.4em;
margin: 0
}
.android-downloadpage .settings-message ol li {
margin-bottom: .5em
}
.android-downloadpage .egIcon {
width: 220px;
display: block;
margin: 20px auto
}
.android-downloadpage .egIcon img {
width: 100%
}
.android-downloadpage .support {
max-width: 27em;
margin: 0 auto;
padding: 0 1em
}
.android-downloadpage .support span {
color: #ff0;
font-weight: 800;
font-size: 1em;
padding-left: .3em;
font-family: BurbankBigRegular-Black, sans-serif;
text-transform: uppercase
}
.android-downloadpage .support span i {
color: #ff0;
display: inline-block;
margin: 0 .5em;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.android-downloadpage .support p {
text-align: center
}
.android-downloadpage .support p span {
color: #ff0;
font-weight: 800;
font-size: .9em;
padding-left: .3em
}
.android-downloadpage .support p span i {
color: #ff0;
display: inline-block;
margin: 0 .5em;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.android-downloadpage .support .drawer {
display: none
}
.android-downloadpage .support .drawer p {
font-size: .9em;
max-width: 100%;
margin: 0
}
.android-downloadpage .support .drawer a {
color: #ff0;
font-weight: 800;
cursor: pointer
}
.android-downloadpage .support.active ol li span i,
.android-downloadpage .support.active span i {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.android-downloadpage .support.active .drawer {
display: block
}
.android-downloadpage .copy a {
color: #ff0;
text-decoration: underline
}
.android-downloadpage .copy a:hover {
color: #ff0
}
.android-downloadpage .copy h4 {
font-family: BurbankSmall-Black, sans-serif;
text-transform: none;
font-size: 1.5em;
margin: 1em auto
}
.android-downloadpage .btn.btn-display {
opacity: 0;
-webkit-animation: appear .3s ease 1.5s forwards !important;
animation: appear .3s ease 1.5s forwards !important
}
.android-downloadpage.notSupported {
padding-top: 5em
}
.android-downloadpage.oldFlow h1 {
font-size: 2.5em;
text-transform: uppercase;
line-height: 1
}
.android-downloadpage.oldFlow .description {
font-size: 1.75em;
text-transform: uppercase;
color: #000;
font-family: BurbankBigRegular-Black, sans-serif;
line-height: 1
}
.android-downloadpage .egsDownloadImg {
width: 90%;
margin-top: 20px;
max-width: 220px
}
.android-downloadpage.newFlow .copy {
width: 100%;
max-width: 16em;
margin: 0 auto
}
.android-downloadpage.newFlow .copy p {
font-size: .9em;
line-height: 1.4
}
.android-downloadpage.newFlow .copy.spacing {
max-width: 18em;
margin: 45% auto 0
}
@media only screen and (max-width:767px) {
.android-downloadpage.newFlow .btn.btn-display {
font-size: 1.5em;
padding: 0 1em
}
}
@media only screen and (max-width:767px) {
.ru .android-downloadpage .btn.btn-display {
font-size: 1.5em
}
}
@media only screen and (max-width:767px) {
.ja .android-downloadpage .btn.btn-display {
font-size: 1.2em
}
}
@-webkit-keyframes appear {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px)
}
to {
opacity: 1;
tranform: translateY(0)
}
}
@keyframes appear {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px)
}
to {
opacity: 1;
tranform: translateY(0)
}
}
.flow-slide-container {
max-width: 27em;
margin: 0 auto
}
.flow-slide-container.inView .slick-slider .slick-active .slide-top {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s
}
.flow-slide-container.inView .slick-slider .slick-active .slide-image .placeholder-image {
display: none
}
.flow-slide-container.inView .slick-slider .slick-active .slide-image .animate-image {
display: block
}
.flow-slide-container .slick-slide .flow-slider {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.flow-slide-container .slick-slide .flow-slider,
.flow-slide-container .slick-slide .flow-slider .slide-top {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.flow-slide-container .slick-slide .flow-slider .slide-top {
background: #fff;
width: 100%;
padding: 1em;
font-family: BurbankBigCondensed-Black, sans-serif;
-webkit-transition: all .2s;
-o-transition: .2s all;
transition: all .2s;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0
}
.flow-slide-container .slick-slide .flow-slider .slide-top .slide-step {
color: #4ec1f9;
white-space: nowrap;
text-transform: uppercase;
font-size: 2em
}
.flow-slide-container .slick-slide .flow-slider .slide-top .slide-title {
color: #000;
padding-left: 1em;
text-align: left
}
.flow-slide-container .slick-slide .flow-slider .slide-image {
margin-top: 1.5em;
width: 100%;
position: relative
}
.flow-slide-container .slick-slide .flow-slider .slide-image .slide-placeholder {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 10
}
.flow-slide-container .slick-slide .flow-slider .slide-image .placeholder-image {
width: 100%;
display: block
}
.flow-slide-container .slick-slide .flow-slider .slide-image .animate-image {
width: 100%;
display: none
}
.flow-slide-container .slick-dots {
position: relative !important
}
.flow-slide-container .slick-dots li {
border-color: transparent !important;
background: #81dcfa !important
}
.flow-slide-container .slick-dots li.slick-active {
background-color: #fff !important
}
.ko .flow-slide-container .flow-slider .slide-top {
font-family: aERIN, sans-serif
}
.ja .flow-slide-container .flow-slider .slide-top {
font-family: Nis_Jyau_P, sans-serif
}
.simple-code-redeem {
background: url(8f32fdfa7214833b8c27830894fef01d.jpg) no-repeat 50%;
background-size: cover;
position: relative
}
.simple-code-redeem .content-container {
max-width: 1400px;
height: 70vh;
min-height: 845px;
position: relative;
padding: 2em 1em 0
}
@media only screen and (max-width:1199px) {
.simple-code-redeem .content-container {
height: 60vh;
min-height: 635px
}
}
@media only screen and (max-width:991px) {
.simple-code-redeem .content-container {
padding: 0 1em;
height: 100%;
min-height: 100%
}
}
.simple-code-redeem .content-container .heroes {
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: auto;
height: 95%;
background: url(9ee4240452b08ce8da3619ef61f13638.png) no-repeat 0 100%;
background-size: contain;
z-index: 0
}
@media only screen and (max-width:991px) {
.simple-code-redeem .content-container .heroes {
background: url(b10b842fbaedeb7e631c0028b1cad216.png) no-repeat bottom;
background-size: contain;
position: relative;
min-height: 28em
}
}
.simple-code-redeem .content-container .content {
max-width: 35em;
margin: 8em auto 0;
color: #fff;
position: relative;
z-index: 1
}
@media only screen and (max-width:991px) {
.simple-code-redeem .content-container .content {
margin: 2em auto
}
}
.simple-code-redeem .content-container .content h2 {
margin-bottom: 1em;
font-size: 2em
}
@media only screen and (max-width:991px) {
.simple-code-redeem .content-container .content h2 {
font-size: 2em
}
}
@media only screen and (max-width:767px) {
.simple-code-redeem .content-container .content h2 {
font-size: 1.25em
}
}
.simple-code-redeem .content-container .content p {
font-size: 1em;
max-width: 30em;
margin: 0 auto 1em
}
.simple-code-redeem .content-container .content .btn {
font-size: 1.8em;
margin-top: 0
}
.simple-code-redeem .content-container .content .errorMessage p {
color: #d80808;
font-weight: 700
}
.simple-code-redeem .content-container .content .errorMessage a {
color: #d80808;
text-decoration: underline;
font-weight: 700
}
.patch-notes-header {
position: relative;
padding: 0 0 4em
}
.patch-notes-header .background-image {
width: 100%;
padding-bottom: 36%;
background-size: cover !important;
margin-top: -2.5em
}
@media only screen and (max-width:991px) {
.patch-notes-header .background-image {
background-position: 50% !important;
padding-bottom: 50%;
margin-top: -3em
}
}
@media only screen and (max-width:767px) {
.patch-notes-header .background-image {
padding-bottom: 71%
}
}
.patch-notes-navigation {
background: #1c237a;
-webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 100% 90%, 18% 96%, 20% 100%);
clip-path: polygon(0 100%, 0 0, 100% 0, 100% 90%, 18% 96%, 20% 100%)
}
.patch-notes-navigation .patch-container {
max-width: 1600px;
margin: 0 auto;
padding: 2.5em 2em
}
@media only screen and (max-width:767px) {
.patch-notes-navigation .patch-container {
padding: 2.5em 1em
}
}
.patch-notes-navigation .patch-container h1 {
color: #fff;
font-size: 6em;
margin: 0
}
@media only screen and (max-width:767px) {
.patch-notes-navigation .patch-container h1 {
font-size: 3em;
line-height: .9em;
margin-bottom: .2em
}
}
.patch-notes-navigation .patch-container div,
.patch-notes-navigation .patch-container p {
color: #fff;
text-transform: uppercase;
margin: 0
}
.patch-notes-navigation .patch-container ul {
list-style: none;
margin: 0;
padding: 0
}
@media only screen and (max-width:767px) {
.patch-notes-navigation .patch-container ul {
text-align: center;
margin: 1em auto
}
}
.patch-notes-navigation .patch-container .quick-link {
background-color: #fff;
padding: .5em 0 1em;
display: inline-block;
margin: .2em;
text-align: center;
cursor: pointer;
overflow: hidden;
min-height: 7em;
max-width: 8em;
width: 100%;
-webkit-clip-path: polygon(0 100%, 0 4%, 100% 0, 100% 100%);
clip-path: polygon(0 100%, 0 4%, 100% 0, 100% 100%)
}
@media only screen and (max-width:991px) {
.patch-notes-navigation .patch-container .quick-link {
max-width: 7em
}
}
.patch-notes-navigation .patch-container .quick-link h3 {
max-width: 90%;
font-size: 1.6em;
line-height: .9em;
margin: .2em auto
}
.patch-notes-navigation .patch-container .quick-link .link-jump {
font-weight: 500;
font-size: .75em;
margin: 0
}
.patch-notes-navigation .patch-container .quick-link.Pink .link-jump,
.patch-notes-navigation .patch-container .quick-link.Pink h3 {
color: #fe23a9
}
.patch-notes-navigation .patch-container .quick-link.Blue .link-jump,
.patch-notes-navigation .patch-container .quick-link.Blue h3 {
color: #3be1ff
}
.patch-notes-navigation .patch-container .quick-link.Dark .link-jump,
.patch-notes-navigation .patch-container .quick-link.Dark h3 {
color: #333
}
.patch-notes-navigation .patch-container .quick-link.Yellow .link-jump,
.patch-notes-navigation .patch-container .quick-link.Yellow h3 {
color: #ff0
}
.patch-notes-navigation .patch-container .quick-link.Red .link-jump,
.patch-notes-navigation .patch-container .quick-link.Red h3 {
color: #e61548
}
.patch-notes-navigation .patch-container .quick-link.Purple .link-jump,
.patch-notes-navigation .patch-container .quick-link.Purple h3 {
color: #e16ae0
}
.patch-notes-navigation .patch-container .quick-link.Orange .link-jump,
.patch-notes-navigation .patch-container .quick-link.Orange h3 {
color: #ff6729
}
.patch-notes-navigation .patch-container .quick-link.mintGreen .link-jump,
.patch-notes-navigation .patch-container .quick-link.mintGreen h3 {
color: #06c37e
}
.ru .patch-notes-navigation .quick-link {
width: 10em
}
@media only screen and (max-width:767px) {
.ja .patch-notes-navigation .patch-container h1 {
line-height: 1
}
}
.ja .patch-notes-navigation .patch-container .quick-link {
width: 100%;
max-width: 12em;
min-height: auto
}
.ja .patch-notes-navigation .patch-container .quick-link h3 {
line-height: 1
}
.de .patch-notes-navigation .quick-link h3 {
word-break: break-word
}
.patch-notes-social-share {
position: relative;
max-width: 1400px;
margin: 0 auto
}
@media only screen and (max-width:991px) {
.patch-notes-social-share {
margin: 0 auto 1em
}
}
.patch-notes-social-share .share-container {
position: absolute;
right: 2em;
list-style: none;
margin: 0;
padding: 0
}
.patch-notes-social-share .share-container li {
width: 2em;
height: 2em;
margin: .5em 0;
border-radius: 50%;
text-align: center;
background-color: #ec1d8d;
cursor: pointer;
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out
}
@media only screen and (min-width:992px) {
.patch-notes-social-share .share-container li:hover {
background-color: #dd1380
}
}
.patch-notes-social-share .share-container li i {
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff
}
@media only screen and (max-width:991px) {
.patch-notes-social-share .share-container {
position: relative;
right: auto;
left: 1em
}
.patch-notes-social-share .share-container li {
display: inline-block;
margin: .5em .2em
}
}
.patch-notes-carousel .background {
width: 100%;
padding-bottom: 56.25%;
background-size: cover
}
.patch-notes-carousel .slick-arrow {
width: 148px;
cursor: pointer
}
.patch-notes-carousel .slick-arrow i {
display: none
}
.patch-notes-carousel .slick-arrow.slick-prev {
left: 0;
top: 0;
height: 100%;
right: auto
}
.patch-notes-carousel .slick-arrow.slick-next {
right: 0;
top: 0;
height: 100%;
left: auto
}
.patch-notes-carousel .slick-slide {
-webkit-transition: -webkit-transform .3s ease-in-out .1s;
transition: -webkit-transform .3s ease-in-out .1s;
-o-transition: transform .3s ease-in-out .1s;
transition: transform .3s ease-in-out .1s;
transition: transform .3s ease-in-out .1s, -webkit-transform .3s ease-in-out .1s
}
@media only screen and (min-width:992px) {
.patch-notes-carousel.left .slick-slide {
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0)
}
}
@media only screen and (min-width:992px) {
.patch-notes-carousel.left .slick-slide,
.patch-notes-carousel.right .slick-slide {
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.patch-notes-carousel.right .slick-slide {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0)
}
}
.patch-notes-text {
max-width: 1400px;
margin: 0 auto;
padding: 0 2em
}
@media only screen and (max-width:991px) {
.patch-notes-text {
padding: 0 1em
}
}
.patch-notes-text h1 {
font-size: 4em;
line-height: 1;
margin: 0 0 .5em
}
.patch-notes-text h1.Dark {
color: #333
}
.patch-notes-text h1.Blue {
color: #3be1ff
}
.patch-notes-text h1.Yellow {
color: #ff0
}
.patch-notes-text h1.Red {
color: #e61548
}
.patch-notes-text h1.Pink {
color: #fe23a9
}
.patch-notes-text h1.Purple {
color: #e16ae0
}
.patch-notes-text h1.Orange {
color: #ff6729
}
.patch-notes-text h1.mintGreen {
color: #06c37e
}
@media only screen and (max-width:767px) {
.patch-notes-text h1 {
font-size: 3em
}
}
.patch-notes-text h2 {
font-size: 3em;
margin: 1em 0 .5em
}
@media only screen and (max-width:767px) {
.patch-notes-text h2 {
font-size: 2em
}
}
.patch-notes-text p {
margin-bottom: 0
}
.patch-notes-text ul {
padding: 0 0 0 1.4em;
margin: 0;
list-style-type: disc;
font-size: 1em
}
.patch-notes-text ul ul {
list-style-type: circle
}
.patch-notes-text ul ul ul {
list-style-type: square
}
.patch-notes-text ul li {
margin-top: .5em;
line-height: 1.6em
}
.patch-notes-text img {
max-width: 100%;
margin: 1em 0
}
.patch-notes-text .embed-responsive {
margin: 1em 0
}
.patch-notes-text li ul {
padding: 0 0 0 1.4em
}
.patch-notes-text ul+strong {
margin-top: 1em;
display: block;
margin-bottom: .5em
}
.patch-notes-text p+p {
margin-top: 1em
}
.patch-notes-text.section-header h1 {
max-width: 5em;
font-size: 8em
}
@media only screen and (max-width:767px) {
.patch-notes-text.section-header h1 {
font-size: 4em;
max-width: 100%
}
}
.ja .patch-notes-text.section-header h1 {
max-width: 100%
}
@media only screen and (max-width:991px) {
.ja .patch-notes-text.section-header h1 {
font-size: 5em
}
}
@media only screen and (max-width:767px) {
.ja .patch-notes-text.section-header h1 {
font-size: 3.5em
}
}
.ar .patch-notes-text .patch-notes-description {
direction: rtl
}
.ar .patch-notes-text h1 {
max-width: 100%
}
.patch-notes-overview {
max-width: 1400px;
margin: 0 auto;
padding: 0 2em
}
@media only screen and (max-width:991px) {
.patch-notes-overview {
padding: 0 1em
}
}
.patch-notes-overview .subSection {
margin-top: 2em
}
.patch-notes-overview h1 {
font-size: 4em;
line-height: 1;
margin: 0 0 .5em
}
.patch-notes-overview h1.Dark {
color: #333
}
.patch-notes-overview h1.Blue {
color: #3be1ff
}
.patch-notes-overview h1.Yellow {
color: #ff0
}
.patch-notes-overview h1.Red {
color: #e61548
}
.patch-notes-overview h1.Pink {
color: #fe23a9
}
.patch-notes-overview h1.Purple {
color: #e16ae0
}
.patch-notes-overview h1.Orange {
color: #ff6729
}
@media only screen and (max-width:767px) {
.patch-notes-overview h1 {
font-size: 3em
}
}
.patch-notes-overview h2 {
font-size: 3em;
margin: 1em 0 .5em
}
.patch-notes-overview p {
margin-bottom: 0
}
.patch-notes-overview ul {
padding: 0 0 0 1.4em;
margin: 0;
list-style-type: disc;
font-size: 1em
}
.patch-notes-overview ul ul {
list-style-type: circle
}
.patch-notes-overview ul ul ul {
list-style-type: square
}
.patch-notes-overview ul li {
margin-top: .5em;
line-height: 1.6em
}
.patch-notes-overview img {
max-width: 100%;
margin: 1em 0
}
.patch-notes-overview .embed-responsive {
margin: 1em 0
}
.patch-notes-overview li ul {
padding: 0 0 0 1.4em
}
.patch-notes-overview ul+strong {
margin-top: 1em;
display: block;
margin-bottom: .5em
}
.patch-notes-overview p+p {
margin-top: 1em
}
.patch-notes-overview.section-header h1 {
max-width: 5em;
font-size: 8em
}
@media only screen and (max-width:767px) {
.patch-notes-overview.section-header h1 {
font-size: 5em;
max-width: 100%
}
}
.en_US .patch-notes-text h1 {
line-height: .8
}
.friend-invite-content {
position: relative;
padding: 4em 0;
min-height: 75vh
}
.friend-invite-content .logo {
max-width: 15em;
margin: 0 auto 1em
}
.friend-invite-content .header-text-container {
max-width: 40em;
margin: 0 auto
}
.friend-invite-content .header-text-container h2 {
color: #013056;
text-transform: none;
margin: 0
}
.friend-invite-content .steps-container {
max-width: 40em;
margin: 2em auto;
position: relative
}
.friend-invite-content .steps-container:before {
content: "";
width: 100%;
height: 100%;
background-color: #398fd0;
position: absolute;
top: 0;
left: 0;
-webkit-clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 95%);
clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 95%)
}
.friend-invite-content .steps-container h1 {
color: #fff;
background-color: #3ac2fe;
padding: .5em 2em;
margin: 0;
font-size: 2em;
text-transform: uppercase;
position: relative;
z-index: 1;
-webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%)
}
@media only screen and (max-width:767px) {
.friend-invite-content .steps-container h1 {
padding: .5em 0
}
}
.friend-invite-content .steps-container .steps {
padding: 2em;
list-style: none;
max-width: 36em;
margin: 0 auto;
position: relative;
z-index: 1
}
@media only screen and (max-width:767px) {
.friend-invite-content .steps-container .steps {
padding: 1em
}
}
.friend-invite-content .steps-container .steps li {
padding: 0 0 .3em
}
.friend-invite-content .steps-container .steps li h3 {
color: #013056;
font-size: 1.875em
}
.friend-invite-content .steps-container .steps li p {
font-family: BurbankSmall-Black, sans-serif;
font-size: 1.1em;
line-height: 1.1;
color: #fff
}
@media only screen and (max-width:767px) {
.friend-invite-content .steps-container .btn {
font-size: 1.6em
}
}
.friend-invite-content .heroes {
position: absolute;
bottom: 0;
right: 74%;
width: 100%;
max-width: 33em;
height: 100%;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: bottom;
z-index: 2
}
@media only screen and (max-width:1199px) {
.friend-invite-content .heroes {
max-width: 18em;
right: 78%
}
}
@media only screen and (max-width:991px) {
.friend-invite-content .heroes {
display: none
}
}
@media only screen and (max-width:767px) {
.de .friend-invite-content .steps-container .btn,
.es_ES .friend-invite-content .steps-container .btn,
.es_MX .friend-invite-content .steps-container .btn,
.it .friend-invite-content .steps-container .btn,
.ja .friend-invite-content .steps-container .btn,
.ko .friend-invite-content .steps-container .btn,
.pt_BR .friend-invite-content .steps-container .btn,
.ru .friend-invite-content .steps-container .btn,
.tr .friend-invite-content .steps-container .btn {
font-size: 1.3em;
padding: 0 1.5em
}
}
@media only screen and (max-width:767px) {
.pl .friend-invite-content .steps-container .btn {
font-size: 1.125em;
padding: 0 1em
}
}
.guide-menu-wrap {
background-color: #fff
}
.guide-menu-wrap .menu-nav {
position: absolute;
top: -55px;
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.guide-menu-wrap .menu-nav a,
.guide-menu-wrap .menu-nav button {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
color: #fff;
height: 55px;
line-height: 55px;
white-space: nowrap;
font-size: 18px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 25%;
overflow: hidden
}
.guide-menu-wrap .menu-nav a {
background-color: #9095b6;
text-align: center
}
.guide-menu-wrap .menu-nav button {
border: 0;
border-bottom: 2px solid transparent;
padding: 0
}
.guide-menu-wrap .menu-nav button.active {
border-color: #fffe55
}
.guide-menu-wrap .menu-nav button:nth-child(2) {
background-color: #9a50d8
}
.guide-menu-wrap .menu-nav button:nth-child(3) {
background-color: #3ddabb
}
.guide-menu-wrap .menu-nav button:nth-child(4) {
background-color: #f36a22
}
.guide-menu-wrap .menu {
display: none
}
.guide-menu-wrap .menu.active {
display: block
}
.guide-menu-wrap .sub-menu-wrap {
margin: 0 15px
}
.guide-menu-wrap .sub-menu:last-child .title {
border: 0
}
.guide-menu-wrap .sub-menu.active .title {
background-color: #e6eaed;
margin: 0 -15px;
padding: 10px 35px
}
.guide-menu-wrap .sub-menu .title {
border-bottom: 1px solid #e6eaed;
display: block;
padding: 10px 20px;
color: #333;
font-size: 19px;
line-height: 1.5
}
.guide-menu-wrap .sub-tab {
margin: 0 15px
}
.guide-menu-wrap .sub-tab .title {
border: 0;
border-bottom: 1px solid #e6eaed;
text-align: left;
display: block;
padding: 10px 20px;
color: #333;
font-size: 19px;
line-height: 1.5
}
.guide-menu-wrap .sub-tab .title.active {
background-color: #e6eaed;
margin: 0 -15px;
padding: 10px 35px
}
.guide-menu-wrap .sub-tab .title:last-child {
border: 0
}
.guide-menu-wrap .leaf-wrap {
background-color: #fff;
border-bottom: 1px solid #e6eaed;
font-size: 13px
}
.guide-menu-wrap .link {
background-color: #fff;
padding: 8px 20px;
cursor: pointer;
display: block;
color: #2b2b2b
}
.guide-menu-wrap .link.active {
color: #b1b1b1
}
@media only screen and (min-width:568px) {
.guide-menu-wrap .menu-nav {
top: -65px
}
.guide-menu-wrap .menu-nav a,
.guide-menu-wrap .menu-nav button {
font-size: 25px;
height: 65px;
line-height: 65px
}
.guide-menu-wrap .sub-menu .title,
.guide-menu-wrap .sub-tab .title {
font-size: 22px
}
.guide-menu-wrap .leaf-wrap {
font-size: 14px
}
}
@media only screen and (min-width:768px) {
.guide-menu-wrap .menu-nav a,
.guide-menu-wrap .menu-nav button {
font-size: 23px
}
.guide-menu-wrap .sub-menu .title,
.guide-menu-wrap .sub-tab .title {
font-size: 18px
}
.guide-menu-wrap .leaf-wrap {
font-size: 12px
}
}
@media only screen and (min-width:992px) {
.guide-menu-wrap .menu-nav a,
.guide-menu-wrap .menu-nav button {
font-size: 35px
}
.guide-menu-wrap .sub-menu .title,
.guide-menu-wrap .sub-tab .title {
font-size: 28px
}
.guide-menu-wrap .leaf-wrap {
font-size: 18px
}
}
.skirmish-header {
position: relative;
z-index: 3;
color: #fff
}
.skirmish-header h1 {
font-size: 5em;
margin: 0
}
@media only screen and (max-width:991px) {
.skirmish-header h1 {
font-size: 3.5em
}
}
.skirmish-header h2 {
font-size: 2.5em;
margin: 0
}
@media only screen and (max-width:991px) {
.skirmish-header h2 {
font-size: 1.5em
}
}
.skirmish-header .copy {
max-width: 35em;
margin: 1em auto 2em
}
.skirmish-header .copy p {
font-size: 1em;
text-shadow: 2px 2px 2px rgba(1, 48, 86, .5)
}
.skirmish-header img.img-responsive {
margin: 0 auto 1em;
max-width: 12em
}
@media only screen and (max-width:991px) {
.skirmish-header img.img-responsive {
max-width: 8em
}
}
.skirmish-header .streamWrapper .subtext {
color: #000;
font-size: .65em;
margin: 1em 0;
text-decoration: underline
}
.fall-skirmish-view .skirmish-header h1 {
color: #ffd413
}
.de .fall-skirmish-view .skirmish-header .copy {
max-width: 43em
}
.es_ES .fall-skirmish-view .skirmish-header h1,
.es_MX .fall-skirmish-view .skirmish-header h1,
.fr .fall-skirmish-view .skirmish-header h1,
.it .fall-skirmish-view .skirmish-header h1,
.ko .fall-skirmish-view .skirmish-header h1,
.pl .fall-skirmish-view .skirmish-header h1,
.pt_BR .fall-skirmish-view .skirmish-header h1,
.ru .fall-skirmish-view .skirmish-header h1,
.tr .fall-skirmish-view .skirmish-header h1 {
font-size: 4.3em
}
@media only screen and (max-width:991px) {
.es_ES .fall-skirmish-view .skirmish-header h1,
.es_MX .fall-skirmish-view .skirmish-header h1,
.fr .fall-skirmish-view .skirmish-header h1,
.it .fall-skirmish-view .skirmish-header h1,
.ko .fall-skirmish-view .skirmish-header h1,
.pl .fall-skirmish-view .skirmish-header h1,
.pt_BR .fall-skirmish-view .skirmish-header h1,
.ru .fall-skirmish-view .skirmish-header h1,
.tr .fall-skirmish-view .skirmish-header h1 {
font-size: 3.5em
}
}
.es_ES .fall-skirmish-view .skirmish-header .copy,
.es_MX .fall-skirmish-view .skirmish-header .copy,
.fr .fall-skirmish-view .skirmish-header .copy,
.it .fall-skirmish-view .skirmish-header .copy,
.ko .fall-skirmish-view .skirmish-header .copy,
.pl .fall-skirmish-view .skirmish-header .copy,
.pt_BR .fall-skirmish-view .skirmish-header .copy,
.ru .fall-skirmish-view .skirmish-header .copy,
.tr .fall-skirmish-view .skirmish-header .copy {
max-width: 46em
}
.skirmish-results {
position: relative;
z-index: 2;
background-color: #fff;
padding: 4em 0 0
}
@media only screen and (max-width:991px) {
.skirmish-results {
padding: 3em 0 0
}
}
.skirmish-results:after,
.skirmish-results:before {
content: "";
display: block;
background: #fff;
position: absolute;
left: 0;
right: 0
}
.skirmish-results:before {
height: 8em;
bottom: 99%;
-webkit-clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%)
}
@media only screen and (max-width:767px) {
.skirmish-results:before {
height: 5em
}
}
.skirmish-results:after {
height: 6em;
top: 99%;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 30%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 30%, 0 100%)
}
@media only screen and (max-width:767px) {
.skirmish-results:after {
display: none
}
}
.skirmish-results h1 {
font-size: 5em
}
@media only screen and (max-width:991px) {
.skirmish-results h1 {
font-size: 3em
}
}
.skirmish-results h1.orange {
margin-bottom: .5em;
color: #f79e4e
}
.skirmish-results h2 {
color: #2c82c5;
font-size: 2.5em;
margin: 0
}
@media only screen and (max-width:991px) {
.skirmish-results h2 {
font-size: 2em
}
}
.skirmish-results .breakLine {
width: 100%;
max-width: 30em;
border-top: 2px solid #2c82c5
}
.skirmish-results .rules h1,
.skirmish-results .rules h2,
.skirmish-results .rules h3,
.skirmish-results .rules h4,
.skirmish-results .rules h5,
.skirmish-results .rules h6 {
color: #2c82c5
}
.skirmish-results .rules h1 {
font-size: 4.5em;
margin: 0
}
@media only screen and (max-width:991px) {
.skirmish-results .rules h1 {
font-size: 3em
}
}
@media only screen and (max-width:767px) {
.skirmish-results .rules h1 {
font-size: 2em
}
}
.skirmish-results .rules p {
max-width: 40em;
margin: 1em auto
}
.fall-skirmish-view .skirmish-results h1 {
color: #ffd413
}
.fall-skirmish-view .skirmish-results h2 {
color: #cc004c
}
.fall-skirmish-view .skirmish-results h3 {
color: #ffd413;
font-size: 1.5em
}
.fall-skirmish-view .skirmish-results .breakLine {
border-color: #cc004c
}
.skirmish-standings {
position: relative;
z-index: 1;
padding: 6em 10px 4em
}
@media only screen and (max-width:767px) {
.skirmish-standings {
padding: 2em 10px
}
}
.skirmish-standings .slick-slider {
text-align: center
}
.skirmish-standings .slick-slider .slick-next {
right: 1em
}
@media screen and (max-width:1700px) {
.skirmish-standings .slick-slider .slick-next {
right: 0;
top: 4em;
height: 37px
}
}
@media only screen and (max-width:991px) {
.skirmish-standings .slick-slider .slick-next {
top: 1em
}
}
.skirmish-standings .slick-slider .slick-prev {
left: 1em
}
@media screen and (max-width:1700px) {
.skirmish-standings .slick-slider .slick-prev {
left: 0;
top: 4em;
height: 37px
}
}
@media only screen and (max-width:991px) {
.skirmish-standings .slick-slider .slick-prev {
top: 1em
}
}
.skirmish-standings .slick-slider .slick-arrow i {
color: #fff;
font-size: 3em;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.skirmish-standings .slick-slider .slick-arrow i:hover {
color: #254b94
}
@media only screen and (max-width:991px) {
.skirmish-standings .slick-slider .slick-arrow i {
color: #254b94
}
}
.fall-skirmish-view .skirmish-standings {
background-color: #fff;
padding: 4em 10px 2em
}
@media only screen and (max-width:991px) {
.fall-skirmish-view .skirmish-standings {
padding: 4em 10px 0
}
}
.fall-skirmish-view .skirmish-standings .slick-slider .slick-arrow i {
color: #fd8900
}
@media screen and (max-width:1700px) {
.fall-skirmish-view .skirmish-standings .slick-slider .slick-next {
top: 6em;
height: 37px
}
}
@media only screen and (max-width:991px) {
.fall-skirmish-view .skirmish-standings .slick-slider .slick-next {
top: 3em
}
}
@media screen and (max-width:1700px) {
.fall-skirmish-view .skirmish-standings .slick-slider .slick-prev {
top: 6em;
height: 37px
}
}
@media only screen and (max-width:991px) {
.fall-skirmish-view .skirmish-standings .slick-slider .slick-prev {
top: 3em
}
}
.skirmish-teams {
position: relative;
z-index: 1
}
.skirmish-teams h1 {
font-size: 5em;
font-family: BurbankBigCondensed-Black, sans-serif;
color: #fff;
margin-bottom: 1em
}
@media only screen and (max-width:991px) {
.skirmish-teams h1 {
font-size: 3em
}
}
.match-results {
margin-bottom: 2em;
color: #fff
}
.match-results .results {
display: block;
width: 100%;
-webkit-clip-path: polygon(0 10%, 30% 5%, 30% 15%, 32% 5%, 100% 0, 100% 100%, 20% 98%, 18% 88%, 18% 99%, 0 100%);
clip-path: polygon(0 10%, 30% 5%, 30% 15%, 32% 5%, 100% 0, 100% 100%, 20% 98%, 18% 88%, 18% 99%, 0 100%)
}
.match-results .results .blue,
.match-results .results .orange {
display: table-cell;
height: 5em;
vertical-align: middle
}
.match-results .results .blue.no-padding,
.match-results .results .orange.no-padding {
padding-left: 0;
padding-right: 0
}
.match-results .results .blue {
background-color: #1a3a77;
vertical-align: middle
}
.match-results .results .blue h3 {
margin: 0;
padding-top: 1.2em
}
.match-results .results .orange {
background: #fe8455;
background: -webkit-linear-gradient(-45deg, #fdbf46, #fe8455);
background: -webkit-linear-gradient(315deg, #fdbf46, #fe8455);
background: -o-linear-gradient(315deg, #fdbf46 0, #fe8455 100%);
background: linear-gradient(135deg, #fdbf46, #fe8455);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdbf46", endColorstr="#fe8455", GradientType=1)
}
.match-results .results .winners {
display: block;
margin: 0;
padding: 1em 0;
list-style-type: none;
font-family: BurbankSmall-Black, sans-serif;
text-transform: uppercase;
width: 100%
}
.match-results .results .winners li {
display: block;
width: 100%
}
@media only screen and (max-width:991px) {
.match-results .results .winners li {
font-size: .8em
}
}
@media only screen and (max-width:767px) {
.match-results .results .winners li {
font-size: 1em
}
}
.match-results .details {
color: #000;
padding: .5em 1em
}
.match-results .details p {
font-family: BurbankSmall-Black, sans-serif
}
.standing-item {
color: #fff;
padding: 0;
max-width: 1600px;
margin: 0 auto
}
.standing-item h1 {
font-size: 5em;
margin-bottom: .5em
}
@media only screen and (max-width:991px) {
.standing-item h1 {
font-size: 2em;
padding: 0 1em
}
}
.standing-item .standings ul {
list-style-type: none;
margin: 0
}
.standing-item .btnWrapper {
margin-top: 1.5em
}
.standing-item .btnWrapper .skirmishBtn {
display: inline-block;
background-color: #254b94;
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out
}
.standing-item .btnWrapper .skirmishBtn span {
display: inline-block;
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 2em;
color: #fff;
text-transform: uppercase;
padding: 0 1em
}
.standing-item .btnWrapper .skirmishBtn i {
display: inline-block;
background-color: #fff;
color: #000;
font-size: 2.5em;
padding: .5em;
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out
}
.standing-item .btnWrapper .skirmishBtn:hover {
background-color: #1b366b
}
.standing-item .btnWrapper .skirmishBtn:hover i {
background-color: #ff0
}
.standing-item .rowHeaders {
display: none
}
.fall-skirmish-view .standing-item h1 {
color: #ffd413
}
.fall-skirmish-view .standing-item h2 {
color: #cc004c;
font-size: 2.5em;
margin: 0
}
.fall-skirmish-view .standing-item .rowHeaders {
display: block
}
.fall-skirmish-view .standing-item .rowHeaders h5 {
color: #fd8900
}
@media only screen and (max-width:1199px) {
.fall-skirmish-view .standing-item .rowHeaders {
display: none
}
}
.fall-skirmish-view .standing-item .skirmishBtn {
background-color: #fd8900
}
.fall-skirmish-view .standing-item .skirmishBtn span {
padding: 0 1em 0 0
}
.fall-skirmish-view .standing-item .skirmishBtn i {
color: #fff;
background-color: transparent
}
.fall-skirmish-view .standing-item .skirmishBtn:hover {
background-color: #ff9518
}
.fall-skirmish-view .standing-item .skirmishBtn:hover i {
background-color: transparent
}
.es_ES .fall-skirmish-view .standing-item h1,
.es_MX .fall-skirmish-view .standing-item h1,
.it .fall-skirmish-view .standing-item h1,
.pl .fall-skirmish-view .standing-item h1,
.pt_BR .fall-skirmish-view .standing-item h1,
.ru .fall-skirmish-view .standing-item h1,
.tr .fall-skirmish-view .standing-item h1 {
font-size: 4.5em;
max-width: 14em;
margin: 0 auto .5em
}
@media only screen and (max-width:991px) {
.es_ES .fall-skirmish-view .standing-item h1,
.es_MX .fall-skirmish-view .standing-item h1,
.it .fall-skirmish-view .standing-item h1,
.pl .fall-skirmish-view .standing-item h1,
.pt_BR .fall-skirmish-view .standing-item h1,
.ru .fall-skirmish-view .standing-item h1,
.tr .fall-skirmish-view .standing-item h1 {
font-size: 2em;
max-width: 100%
}
}
.ja .fall-skirmish-view .standing-item .rowHeaders h5,
.ko .fall-skirmish-view .standing-item .rowHeaders h5 {
font-size: 1em
}
.teams-section {
position: relative;
margin: 0 auto 6em;
padding: 5em 1.5em 2em
}
.teams-section:after {
content: "";
background-color: #f1f4f6;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 5%, 10% 5%, 13% 9%, 12% 4%, 100% 0, 100% 100%, 0 98%);
clip-path: polygon(0 5%, 10% 5%, 13% 9%, 12% 4%, 100% 0, 100% 100%, 0 98%)
}
@media only screen and (max-width:991px) {
.teams-section:after {
-webkit-clip-path: none;
clip-path: none
}
}
.teams-section .title-section {
position: absolute;
top: -3em;
left: 0;
right: 0;
max-width: 20em;
margin: 0 auto;
z-index: 1
}
.teams-section .title-section h2 {
margin: 0;
padding-bottom: .5em;
position: relative;
z-index: 1;
font-size: 1.5em;
line-height: .85;
color: #fff
}
.teams-section .title-section img {
max-width: 3em;
margin-bottom: .3em;
position: relative;
z-index: 1
}
.teams-section .title-section:before {
content: "";
display: block;
width: 100%;
height: 3em;
position: absolute;
bottom: 0;
left: 0;
background: #fe8455;
background: -webkit-linear-gradient(-45deg, #fdbf46, #fe8455);
background: -webkit-linear-gradient(315deg, #fdbf46, #fe8455);
background: -o-linear-gradient(315deg, #fdbf46 0, #fe8455 100%);
background: linear-gradient(135deg, #fdbf46, #fe8455);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdbf46", endColorstr="#fe8455", GradientType=1);
-webkit-clip-path: polygon(5% 4%, 98% 0, 100% 99%, 0 100%);
clip-path: polygon(5% 4%, 98% 0, 100% 99%, 0 100%)
}
@media only screen and (max-width:991px) {
.teams-section .title-section:before {
-webkit-clip-path: none;
clip-path: none
}
}
.teams-section.invite:after {
-webkit-clip-path: polygon(0 2%, 88% 0, 87% 4%, 91% 0, 100% 0, 100% 98%, 0 100%);
clip-path: polygon(0 2%, 88% 0, 87% 4%, 91% 0, 100% 0, 100% 98%, 0 100%)
}
@media only screen and (max-width:991px) {
.teams-section.invite:after {
-webkit-clip-path: none;
clip-path: none
}
}
.teams-section .teams {
position: relative;
z-index: 1
}
.fall-skirmish-view .teams-section {
padding: 2em 3em;
margin: 0
}
@media only screen and (max-width:1199px) {
.fall-skirmish-view .teams-section {
padding: 2em 1em
}
}
@media only screen and (max-width:767px) {
.fall-skirmish-view .teams-section {
padding: 1em
}
}
.fall-skirmish-view .teams-section:after {
display: none
}
.fall-skirmish-view .teams-section .team-group {
margin-bottom: .5em
}
.fall-skirmish-view .teams-section .team-group li {
background-color: transparent
}
.fall-skirmish-view .teams-section .team-group li i {
font-size: 1.2em;
padding: .3em
}
.fall-skirmish-view .teams-section .team-group li h3 {
font-size: 1.2em
}
.fall-skirmish-view .teams-section .team-group li.active i {
background-color: #fd8900
}
.team-group {
margin: 0 0 1.8em;
padding: 0;
list-style-type: none
}
.team-group li {
display: block;
background-color: #fff;
margin-bottom: .5em
}
.team-group li i {
background-color: #e4e5e7;
color: #717173;
padding: .6em
}
.team-group li h3,
.team-group li i {
display: inline-block;
font-size: 1.5em
}
.team-group li h3 {
margin: 0;
color: #000;
padding: .5em
}
@media only screen and (max-width:1199px) {
.team-group li h3 {
font-size: 1.2em
}
}
.team-group li.active a {
font-size: 1em;
display: block
}
.team-group li.active i {
background-color: #78e6a9;
color: #000;
-webkit-transition: background-color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out
}
.team-group li.active i:hover i {
background-color: #4dde8e
}
.ja .team-group li h3,
.ko .team-group li h3 {
font-family: BurbankBigCondensed-Black, sans-serif
}
.skirmish-live-standings {
position: relative;
padding: 6em 1em;
background-image: -webkit-linear-gradient(top, #cc004c, #d92537);
background-image: -o-linear-gradient(top, #cc004c 0, #d92537 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#cc004c), to(#d92537));
background-image: linear-gradient(180deg, #cc004c 0, #d92537);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255, 204, 0, 0.29804)", endColorstr="rgba(255, 217, 37, 0.21569)", GradientType=0);
min-height: 500px
}
@media only screen and (max-width:991px) {
.skirmish-live-standings {
padding: 4em 0
}
}
.skirmish-live-standings:after {
content: "";
display: block;
background: #fff;
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 4em;
-webkit-clip-path: polygon(0 99%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 99%, 100% 0, 100% 100%, 0 100%)
}
.skirmish-live-standings h1 {
font-size: 5em;
color: #ffd413
}
@media only screen and (max-width:991px) {
.skirmish-live-standings h1 {
font-size: 3em
}
}
.skirmish-live-standings .liveStandings {
max-width: 60em;
max-height: 40em;
overflow-y: scroll;
margin: 1.5em auto;
-webkit-transition: height .2s ease-out;
-o-transition: height .2s ease-out;
transition: height .2s ease-out;
color: #fff
}
.skirmish-live-standings .liveStandings::-webkit-scrollbar-track {
border-radius: 10px;
background-color: rgba(0, 0, 0, .7);
background-color-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.skirmish-live-standings .liveStandings::-webkit-scrollbar {
width: 6px;
background-color: #cc004c
}
.skirmish-live-standings .liveStandings::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #ffd413
}
.skirmish-live-standings .liveStandings ol {
margin: 0;
padding: 0 0 0 1.75em;
color: #fff
}
.skirmish-live-standings .liveStandings ol li {
text-align: left;
padding: .5em 1em;
width: 100%
}
.skirmish-live-standings .liveStandings ol li:nth-child(odd) {
background-color: #b30443
}
.skirmish-live-standings .btn.btn-display span {
color: #fff
}
.skirmish-live-standings .btn.btn-display:after {
background-color: #fd8900
}
.skirmish-live-standings .btn.btn-display:hover:after {
background-color: #ff9518
}
.standing-team-stat {
margin: .2em 0;
height: 3em;
overflow: hidden
}
@media only screen and (max-width:1199px) {
.standing-team-stat {
height: auto;
margin: 0 0 1em
}
.standing-team-stat:nth-child(odd) .club,
.standing-team-stat:nth-child(odd) .points,
.standing-team-stat:nth-child(odd) .prize,
.standing-team-stat:nth-child(odd) .team {
background-color: #b1093d
}
}
.standing-team-stat .team {
position: relative;
text-align: left;
padding-left: 3.5em;
background-color: #f71964
}
@media only screen and (max-width:1199px) {
.standing-team-stat .team {
text-align: center;
height: 3em;
overflow: hidden
}
}
.standing-team-stat .team h5 {
margin: 0;
font-family: BurbankSmall-Black, sans-serif;
padding: 1em 0
}
.standing-team-stat .team .placement {
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 1.5em;
height: 102%;
background-color: #ffd413;
font-size: 2em;
padding-top: .2em;
margin: 0;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%)
}
.standing-team-stat .club,
.standing-team-stat .points,
.standing-team-stat .prize {
border-left: 4px solid #fff;
background-color: #f71964
}
@media only screen and (max-width:1199px) {
.standing-team-stat .club,
.standing-team-stat .points,
.standing-team-stat .prize {
border-top: 4px solid #fff
}
}
.standing-team-stat .club h5,
.standing-team-stat .points h5,
.standing-team-stat .prize h5 {
margin: 0;
padding: 1em 0;
font-family: BurbankSmall-Black, sans-serif
}
@media only screen and (max-width:1199px) {
.standing-team-stat .prize {
border-left: none
}
}
.standing-team-stat .club img {
display: inline-block;
height: 3.1em
}
.standing-team-stat .points {
padding-right: 1em;
text-align: right
}
@media only screen and (max-width:1199px) {
.standing-team-stat .points {
text-align: center
}
}
.summer-skirmish-view .standing-team-stat .club,
.summer-skirmish-view .standing-team-stat .points,
.summer-skirmish-view .standing-team-stat .prize {
display: none
}
.summer-skirmish-view .standing-team-stat .col-lg-7 {
width: 100% !important
}
.summer-skirmish-view .standing-team-stat .team {
background-color: #254b94;
padding-left: 4em
}
.summer-skirmish-view .standing-team-stat .team .placement {
font-size: 1.3em;
width: 2.2em;
background-color: #fff;
color: #000
}
.skirmish-clubs {
padding: 3em 1em;
background-color: #fff
}
@media only screen and (max-width:991px) {
.skirmish-clubs {
padding: 2em 1em
}
}
.skirmish-clubs h1 {
font-size: 5em;
color: #ffd413
}
@media only screen and (max-width:991px) {
.skirmish-clubs h1 {
font-size: 3em
}
}
.club-item {
margin: .5em 0
}
.club-item .header {
position: relative;
padding-left: 3.5em;
overflow: hidden;
cursor: pointer;
z-index: 1
}
@media only screen and (max-width:767px) {
.club-item .header {
padding-left: 2em
}
}
.club-item .header h2 {
margin: 0 .5em 0 0
}
.club-item .header h2,
.club-item .header h3 {
color: #fff;
display: inline-block;
vertical-align: middle
}
.club-item .header h3 {
margin: 0;
font-size: .9em;
font-family: BurbankSmall-Black, sans-serif
}
.club-item .header img {
display: inline-block;
height: 3em;
width: auto;
padding: .2em 0;
vertical-align: middle
}
@media only screen and (max-width:767px) {
.club-item .header img {
height: 2em
}
}
.club-item .header i {
color: #fff;
font-size: 2em;
position: absolute;
right: 1em;
top: .2em;
display: block;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
@media only screen and (max-width:767px) {
.club-item .header i {
right: .5em;
top: .5em;
font-size: 1em
}
}
.club-item .header .placement {
position: absolute;
top: 0;
left: 0;
width: 1.5em;
height: 100%;
padding: .2em .4em;
background-color: #ffd413;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%)
}
.club-item .teamContainer {
display: none
}
.club-item.fortKnights .header {
background: #f30f0e
}
.club-item.fortKnights .teamContainer {
background-color: rgba(243, 15, 14, .2)
}
.club-item.riftRaiders .header {
background: #811aef
}
.club-item.riftRaiders .teamContainer {
background-color: rgba(129, 26, 239, .2)
}
.club-item.luckyLlamas .header {
background: #00b0f4
}
.club-item.luckyLlamas .teamContainer {
background-color: rgba(0, 176, 244, .2)
}
.club-item.dustyDogs .header {
background: #ffa800
}
.club-item.dustyDogs .teamContainer {
background-color: rgba(255, 168, 0, .2)
}
.club-item.bushBandits .header {
background: #02d0ac
}
.club-item.bushBandits .teamContainer {
background-color: rgba(2, 208, 172, .2)
}
.club-item.active .header i {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.club-item.active .teamContainer {
display: block
}
.ja .club-item h2,
.ko .club-item h2 {
font-family: BurbankBigCondensed-Black, sans-serif
}
.ja .club-item h3,
.ko .club-item h3 {
font-family: BurbankSmall-Black, sans-serif
}
.retail-header {
height: 80vh;
min-height: 875px;
position: relative
}
@media only screen and (max-width:991px) {
.retail-header {
max-height: 830px;
min-height: 835px
}
}
.retail-header .backgroundImage {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%
}
.retail-header .contentContainer {
max-width: 1600px;
width: 100%;
height: 100%;
margin: 0 auto;
position: relative
}
.retail-header .contentContainer .content-left {
position: relative;
z-index: 3;
padding-top: 25%
}
@media only screen and (max-width:991px) {
.retail-header .contentContainer .content-left {
padding-top: 3em
}
}
.retail-header .contentContainer .logoContainer {
max-width: 30em;
width: 100%;
margin: 0 auto
}
.retail-header .contentContainer .logoContainer h3 {
color: #bef5ff;
font-size: 2em;
margin: 0 auto
}
@media only screen and (max-width:991px) {
.retail-header .contentContainer .logoContainer h3 {
font-size: 1.7em
}
}
.retail-header .contentContainer .logoContainer .logo {
width: 100%;
height: 6em;
background: url(data:image/png;base64,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) no-repeat 50%;
background-size: contain
}
@media only screen and (max-width:991px) {
.retail-header .contentContainer .logoContainer .logo {
height: 5em
}
}
@media only screen and (max-width:767px) {
.retail-header .contentContainer .logoContainer .logo {
height: 4em
}
}
.retail-header .contentContainer .content {
margin-top: 4em
}
@media only screen and (max-width:991px) {
.retail-header .contentContainer .content {
margin-top: 2em
}
}
.retail-header .contentContainer .content .bundle-description {
margin-bottom: 4em
}
@media only screen and (max-width:991px) {
.retail-header .contentContainer .content .bundle-description {
margin-bottom: 2em
}
}
.retail-header .contentContainer .content .bundle-description h1 {
width: 100%;
max-width: 11em;
margin: 0 auto;
color: #fff;
font-size: 3.2em;
letter-spacing: 1px;
font-style: italic
}
@media only screen and (max-width:991px) {
.retail-header .contentContainer .content .bundle-description h1 {
font-size: 3em
}
}
@media only screen and (max-width:767px) {
.retail-header .contentContainer .content .bundle-description h1 {
font-size: 2em
}
}
.retail-header .contentContainer .content .btn.btn-border i {
display: inline-block;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: .5em;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.retail-header .contentContainer .content .btn.btn-border:hover i {
color: #ff0
}
.retail-header .contentContainer .content a {
color: #fff;
text-decoration: underline;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
display: block;
margin-top: 1em
}
.retail-header .contentContainer .content a:hover {
color: #ff0
}
@media only screen and (max-width:767px) {
.retail-header .contentContainer .heroContainer {
position: relative;
width: 100%;
max-width: 20em;
margin: 1em auto 0;
height: 28em
}
}
.retail-header .contentContainer .heroContainer .hero {
position: absolute;
bottom: 0;
right: 1em;
width: 100%;
height: 100%;
background-size: auto 110%;
background-position: 100% 100%;
background-repeat: no-repeat;
z-index: 0
}
@media only screen and (max-width:991px) {
.retail-header .contentContainer .heroContainer .hero {
right: -2.5em
}
}
@media only screen and (max-width:767px) {
.retail-header .contentContainer .heroContainer .hero {
background-size: auto 100%;
background-position: bottom;
right: 0
}
}
.retail-header .contentContainer .heroContainer .hero+.hero {
z-index: 3;
width: 9.7em
}
@media only screen and (max-width:991px) {
.retail-header .contentContainer .heroContainer .hero+.hero {
width: 9em
}
}
@media only screen and (max-width:767px) {
.retail-header .contentContainer .heroContainer .hero+.hero {
width: 4em;
background-position: 100% 100%
}
}
body[data-firefox=true] .retail-header .contentContainer .content .btn.btn-border,
body[data-msie=true] .retail-header .contentContainer .content .btn.btn-border {
border: 10px solid #fff;
-webkit-clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%)
}
body[data-firefox=true] .retail-header .contentContainer .content .btn.btn-border:hover,
body[data-msie=true] .retail-header .contentContainer .content .btn.btn-border:hover {
border-color: #ff0
}
.de .retail-header .contentContainer .content .bundle-description h1,
.en_US .retail-header .contentContainer .content .bundle-description h1,
.es_ES .retail-header .contentContainer .content .bundle-description h1,
.es_MX .retail-header .contentContainer .content .bundle-description h1,
.fr .retail-header .contentContainer .content .bundle-description h1,
.it .retail-header .contentContainer .content .bundle-description h1,
.pl .retail-header .contentContainer .content .bundle-description h1,
.tr .retail-header .contentContainer .content .bundle-description h1 {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 3.5em;
max-width: 10em
}
@media only screen and (max-width:1199px) {
.de .retail-header .contentContainer .content .bundle-description h1,
.en_US .retail-header .contentContainer .content .bundle-description h1,
.es_ES .retail-header .contentContainer .content .bundle-description h1,
.es_MX .retail-header .contentContainer .content .bundle-description h1,
.fr .retail-header .contentContainer .content .bundle-description h1,
.it .retail-header .contentContainer .content .bundle-description h1,
.pl .retail-header .contentContainer .content .bundle-description h1,
.tr .retail-header .contentContainer .content .bundle-description h1 {
font-size: 2.3em
}
}
@media only screen and (max-width:767px) {
.de .retail-header .contentContainer .content .bundle-description h1,
.en_US .retail-header .contentContainer .content .bundle-description h1,
.es_ES .retail-header .contentContainer .content .bundle-description h1,
.es_MX .retail-header .contentContainer .content .bundle-description h1,
.fr .retail-header .contentContainer .content .bundle-description h1,
.it .retail-header .contentContainer .content .bundle-description h1,
.pl .retail-header .contentContainer .content .bundle-description h1,
.tr .retail-header .contentContainer .content .bundle-description h1 {
font-size: 1.5em
}
}
.es_MX .retail-header .contentContainer .content .bundle-description,
.pt_BR .retail-header .contentContainer .content .bundle-description {
margin-bottom: 1em
}
@media only screen and (max-width:767px) {
.es_MX .retail-header .contentContainer .logoContainer h3,
.pt_BR .retail-header .contentContainer .logoContainer h3 {
font-size: 1.5em
}
}
@media only screen and (max-width:767px) {
.it .retail-header .contentContainer .content .btn.btn-border,
.pt_BR .retail-header .contentContainer .content .btn.btn-border {
font-size: 1.7em
}
.it .retail-header .contentContainer .content .btn.btn-border i,
.pt_BR .retail-header .contentContainer .content .btn.btn-border i {
margin-left: .25em
}
}
.pt_BR .retail-header .contentContainer .content .bundle-description h1 {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 3em;
max-width: 14em
}
@media only screen and (max-width:1199px) {
.pt_BR .retail-header .contentContainer .content .bundle-description h1 {
font-size: 2.3em
}
}
@media only screen and (max-width:767px) {
.pt_BR .retail-header .contentContainer .content .bundle-description h1 {
font-size: 1.5em
}
}
.ru .retail-header .contentContainer .content .btn.btn-border {
font-size: 1.7em
}
.ru .retail-header .contentContainer .content .btn.btn-border span {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
display: inline-block
}
.ru .retail-header .contentContainer .content .btn.btn-border i {
margin: 0 .25em
}
.ja .retail-header .contentContainer .content .bundle-description h1 {
font-size: 2.75em
}
@media only screen and (max-width:1199px) {
.ja .retail-header .contentContainer .content .bundle-description h1 {
font-size: 2.3em
}
}
@media only screen and (max-width:767px) {
.ja .retail-header .contentContainer .content .bundle-description h1 {
font-size: 1.5em
}
}
.ja .retail-header .contentContainer .content .btn.btn-border {
font-family: Nis_Jyau_P, sans-serif
}
@media only screen and (max-width:767px) {
.ja .retail-header .contentContainer .content .btn.btn-border {
font-size: 1.7em
}
}
.ja .retail-header .contentContainer .content .btn.btn-border span {
-webkit-transform: scale(.93);
-ms-transform: scale(.93);
transform: scale(.93);
display: inline-block
}
.ja .retail-header .contentContainer .content .btn.btn-border i {
margin: 0 .25em
}
.retail-available-platforms {
background-color: #e9f8ff;
padding: 3em 0;
position: relative
}
@media only screen and (max-width:767px) {
.retail-available-platforms {
padding: 2em 0
}
}
.retail-available-platforms:before {
content: "";
position: absolute;
bottom: 99%;
left: 0;
width: 100%;
height: 3em;
background-color: #e9f8ff;
-webkit-clip-path: polygon(0 100%, 0 55%, 30% 10%, 29% 50%, 100% 0, 100% 100%);
clip-path: polygon(0 100%, 0 55%, 30% 10%, 29% 50%, 100% 0, 100% 100%)
}
.retail-available-platforms .platformContainer {
width: 100%;
max-width: 1600px;
margin: 0 auto
}
.retail-available-platforms h1 {
color: #00d8ff
}
.retail-available-platforms h3 {
color: #aac1cc
}
.retail-available-platforms h3.black {
color: #000;
margin-bottom: 2em
}
@media only screen and (max-width:767px) {
.retail-available-platforms h3.black {
margin-bottom: 1em
}
}
.retail-available-platforms h3 i {
display: inline-block;
margin-left: .5em;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.retail-available-platforms ul {
margin: 0 0 4em;
padding: 0;
list-style-type: none
}
@media only screen and (max-width:767px) {
.retail-available-platforms ul {
margin: 0 0 2em
}
}
.retail-available-platforms ul li {
display: inline-block;
color: #000;
margin: 0 3em
}
@media only screen and (max-width:991px) {
.retail-available-platforms ul li {
margin: 0 2em
}
}
@media only screen and (max-width:767px) {
.retail-available-platforms ul li {
margin: 1em 2em;
width: 30%
}
}
.retail-available-platforms ul li i {
display: block;
font-size: 8em
}
@media only screen and (max-width:991px) {
.retail-available-platforms ul li i {
font-size: 6em
}
}
@media only screen and (max-width:767px) {
.retail-available-platforms ul li i {
font-size: 4em
}
}
.retail-available-platforms ul li span {
font-weight: 800;
text-transform: uppercase
}
.de .retail-available-platforms h1,
.en_US .retail-available-platforms h1,
.es_ES .retail-available-platforms h1,
.es_MX .retail-available-platforms h1,
.fr .retail-available-platforms h1,
.it .retail-available-platforms h1,
.pl .retail-available-platforms h1,
.pt_BR .retail-available-platforms h1,
.tr .retail-available-platforms h1 {
font-family: BurbankBigRegular-Black, sans-serif
}
.ja .retail-available-platforms h3 {
font-size: 1.375em
}
.retail-bundle-section {
padding: 3em 0
}
.retail-bundle-section h1 {
color: #00d8ff
}
.retail-bundle-section h2 {
color: #aac1cc;
margin: 1em auto 0
}
@media only screen and (max-width:991px) {
.retail-bundle-section h2 {
font-size: 1.8em
}
}
@media only screen and (max-width:767px) {
.retail-bundle-section h2 {
font-size: 1.5em
}
}
.retail-bundle-section h3 {
color: #aac1cc;
margin: 0 auto 1em;
font-size: 1.2em
}
.retail-bundle-section .description {
width: 100%;
max-width: 25em;
margin: 0 auto 2em
}
@media only screen and (max-width:991px) {
.retail-bundle-section .description {
margin: 0 auto 3em
}
}
.retail-bundle-section .img-container {
position: relative
}
.retail-bundle-section .img-container:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #94e2ff;
background: -webkit-gradient(linear, left top, right top, from(#328ae0), to(#94e2ff));
background: -webkit-linear-gradient(left, #328ae0, #94e2ff);
background: -o-linear-gradient(left, #328ae0 0, #94e2ff 100%);
background: linear-gradient(90deg, #328ae0 0, #94e2ff);
z-index: 0
}
@media only screen and (max-width:991px) {
.retail-bundle-section .img-container:after {
margin: 2em 0
}
}
@media only screen and (max-width:767px) {
.retail-bundle-section .img-container:after {
margin: 0;
top: 2%;
bottom: 6%
}
}
.retail-bundle-section .img-container img {
width: 102%;
margin: 0 auto;
display: block;
height: auto;
position: relative;
z-index: 1;
-webkit-transform: scale(1.13) translate(-.5em);
-ms-transform: scale(1.13) translate(-.5em);
transform: scale(1.13) translate(-.5em)
}
@media only screen and (max-width:1199px) {
.retail-bundle-section .img-container img {
width: 105%;
-webkit-transform: scale(1.13) translate(-1.5em);
-ms-transform: scale(1.13) translate(-1.5em);
transform: scale(1.13) translate(-1.5em)
}
}
@media only screen and (max-width:991px) {
.retail-bundle-section .img-container img {
width: 50%;
-webkit-transform: scale(1.05) translateY(-.8em);
-ms-transform: scale(1.05) translateY(-.8em);
transform: scale(1.05) translateY(-.8em)
}
}
@media only screen and (max-width:767px) {
.retail-bundle-section .img-container img {
width: 100%;
-webkit-transform: scale(1) translate(0);
-ms-transform: scale(1) translate(0);
transform: scale(1) translate(0)
}
}
.retail-bundle-section .img-responsive {
margin: 0 auto 2em
}
.de .retail-bundle-section h1,
.de .retail-bundle-section h2,
.en_US .retail-bundle-section h1,
.en_US .retail-bundle-section h2,
.es_ES .retail-bundle-section h1,
.es_ES .retail-bundle-section h2,
.es_MX .retail-bundle-section h1,
.es_MX .retail-bundle-section h2,
.fr .retail-bundle-section h1,
.fr .retail-bundle-section h2,
.it .retail-bundle-section h1,
.it .retail-bundle-section h2,
.pl .retail-bundle-section h1,
.pl .retail-bundle-section h2,
.pt_BR .retail-bundle-section h1,
.pt_BR .retail-bundle-section h2,
.tr .retail-bundle-section h1,
.tr .retail-bundle-section h2 {
font-family: BurbankBigRegular-Black, sans-serif
}
.ja .retail-bundle-section h3 {
font-size: 1.375em
}
.retail-help-section {
padding: 4em 0;
background-repeat: no-repeat;
background-size: cover;
background-position: left 20%
}
.retail-help-section h1 {
color: #fff;
letter-spacing: 1px
}
.de .retail-help-section h1,
.en_US .retail-help-section h1,
.es_ES .retail-help-section h1,
.es_MX .retail-help-section h1,
.fr .retail-help-section h1,
.it .retail-help-section h1,
.pl .retail-help-section h1,
.pt_BR .retail-help-section h1,
.tr .retail-help-section h1 {
font-family: BurbankBigRegular-Black, sans-serif
}
@media only screen and (max-width:767px) {
.es_ES .btn.btn-display,
.pl .btn.btn-display {
font-size: 1.2em
}
}
.creative-header {
position: relative;
height: 90vh;
min-height: 800px;
overflow: hidden;
padding: 0 1em;
background-color: #2a2a2a
}
@media only screen and (max-width:991px) {
.creative-header {
height: 100vh;
min-height: 375px;
z-index: 1
}
}
.creative-header .backgroundVideo {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0
}
@media only screen and (max-width:991px) {
.creative-header .backgroundVideo .video:after {
background-color: rgba(0, 0, 0, .5)
}
}
.creative-header .content {
max-width: 60em;
width: 100%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 auto;
color: #fff
}
.creative-header .content h1 {
font-size: 6em;
opacity: 0;
text-shadow: 1px 0 20px rgba(0, 0, 0, .3)
}
@media only screen and (max-width:991px) {
.creative-header .content h1 {
font-size: 2.7em
}
}
.creative-header .content .description {
max-width: 45em;
width: 100%;
margin: 1em auto;
opacity: 0
}
.creative-header .content .description h4 {
font-family: BurbankSmall-Black, sans-serif;
text-transform: none;
font-size: 1.2em
}
.creative-header .content .buttonWrapper {
opacity: 0
}
.creative-header .content .buttonWrapper p {
color: #fff;
font-size: .75em;
margin: 1em auto;
font-weight: 700
}
@media only screen and (max-width:991px) {
.ar .creative-header .buttonWrapper .btn.btn-primary,
.ja .creative-header .buttonWrapper .btn.btn-primary,
.ko .creative-header .buttonWrapper .btn.btn-primary {
font-size: 1.5em
}
}
.ar .creative-header .content .description h4 {
font-family: NotoNaskhArabicUI, NotoNaskhArabic, sans-serif;
font-size: 1.75em
}
@media only screen and (max-width:991px) {
.ar .creative-header .content .description h4 {
font-size: 1.2em
}
}
.creative-image-card {
position: relative
}
.creative-image-card .bkgrdImage {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover
}
.creative-image-card .bkgrdImage:before {
content: "";
width: 100%;
height: 25em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .75)));
background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .75));
background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .75) 100%);
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .75))
}
.creative-image-card .section {
height: 90vh;
min-height: 800px;
overflow: hidden
}
@media only screen and (max-width:991px) {
.creative-image-card .section {
height: 60vh;
min-height: 375px
}
}
.creative-image-card .section .content {
position: absolute;
bottom: 20%;
left: 0;
right: 0;
max-width: 60em;
width: 100%;
margin: 0 auto;
padding: 0 1em;
color: #fff
}
.creative-image-card .section .content h1 {
font-size: 6em;
opacity: 0;
text-shadow: 1px 0 20px rgba(0, 0, 0, .3)
}
@media only screen and (max-width:991px) {
.creative-image-card .section .content h1 {
font-size: 2.5em
}
}
.creative-image-card .section .content .description {
max-width: 40em;
width: 100%;
opacity: 0;
margin: 1em auto
}
@media only screen and (max-width:991px) {
.creative-image-card .section .content .description {
max-width: 35em
}
}
.creative-image-card .section .content .description h4 {
font-family: BurbankSmall-Black, sans-serif;
text-transform: none;
font-size: 1.2em
}
@media only screen and (max-width:991px) {
.de .creative-image-card .section .content h1 {
max-width: 8em;
width: 100%;
margin: 0 auto
}
}
.ar .creative-image-card .section .content .description h4 {
font-size: 1.75em
}
@media only screen and (max-width:991px) {
.ar .creative-image-card .section .content .description h4 {
font-size: 1.2em
}
}
.creative-card {
position: relative;
margin-top: -6%
}
@media only screen and (max-width:991px) {
.creative-card {
margin-top: -9%
}
}
@media only screen and (max-width:767px) {
.creative-card {
margin-top: -4em
}
}
.creative-card .gradient {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #108cc1;
background-image: -webkit-linear-gradient(45deg, #108cc1, #22fcff 75%);
background-image: -o-linear-gradient(45deg, #108cc1 0, #22fcff 75%);
background-image: linear-gradient(45deg, #108cc1, #22fcff 75%);
-webkit-clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%)
}
@media only screen and (max-width:991px) {
.creative-card .gradient {
-webkit-clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 100%)
}
}
.creative-card .section {
position: relative;
padding: 5em 0
}
@media only screen and (max-width:991px) {
.creative-card .section {
padding: 4em 0
}
}
.creative-card .infoBoxContainer {
max-width: 1600px;
width: 100%;
margin: 0 auto
}
.creative-card .infoBoxContainer.two {
max-width: 1135px
}
.creative-card .infoBoxContainer.three {
max-width: 1600px
}
.creative-card .infoBoxContainer .cards {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
@media only screen and (min-width:568px) {
.creative-card .infoBoxContainer .cards {
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
}
@media only screen and (max-width:767px) {
.creative-card .infoBoxContainer .cards {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
.creative-card .infoBoxContainer .cards .card {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
-webkit-clip-path: polygon(0 4%, 100% 0, 97% 100%, 4% 95%);
clip-path: polygon(0 4%, 100% 0, 97% 100%, 4% 95%);
width: 25%;
margin: 1em 3em
}
@media only screen and (max-width:1399px) {
.creative-card .infoBoxContainer .cards .card {
width: 30%;
margin: 1em .5em
}
}
@media only screen and (max-width:767px) {
.creative-card .infoBoxContainer .cards .card {
width: 80%
}
}
.creative-card .infoBoxContainer .cards .card .card-image {
background-color: #ff0;
width: 100%
}
.creative-card .infoBoxContainer .cards .card .card-content {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.5em 1.25em;
text-align: center
}
.creative-card .infoBoxContainer .cards .card .card-content h2.card-title {
line-height: .7;
font-size: 3em;
margin: 0
}
@media only screen and (max-width:1199px) {
.creative-card .infoBoxContainer .cards .card .card-content h2.card-title {
font-size: 1.5em
}
}
@media only screen and (max-width:991px) {
.creative-card .infoBoxContainer .cards .card .card-content h2.card-title {
font-size: 1.25em
}
}
.creative-card .infoBoxContainer .cards .card .card-content .card-description {
padding: 0 5.3em
}
@media only screen and (max-width:1399px) {
.creative-card .infoBoxContainer .cards .card .card-content .card-description {
padding: 0 1em
}
}
@media only screen and (max-width:767px) {
.creative-card .infoBoxContainer .cards .card .card-content .card-description {
padding: 0 3em
}
}
.creative-card .infoBoxContainer .cards .card .card-content .card-description a {
font-family: OpenSans, sans-serif;
line-height: 1;
font-weight: 700
}
.creative-card .infoBoxContainer .cards .card .card-content .card-description a:after {
font-family: OpenSans, icomoon, sans-serif;
content: "\E90F";
position: relative;
top: 7px;
left: 5px;
font-size: 2em
}
.creative-card .infoBoxContainer .cards .card .card-content .card-description h4 {
font-family: OpenSans, sans-serif;
margin-bottom: 0;
text-transform: none;
font-size: .89em
}
@media only screen and (max-width:991px) {
.creative-card .infoBoxContainer .cards .card .card-content .card-description h4 {
font-size: .8em
}
}
.creative-card .infoBoxContainer .buttonWrapper {
margin-top: 2em
}
.de .creative-card .infoBoxContainer .cards .card .card-content h2,
.es_ES .creative-card .infoBoxContainer .cards .card .card-content h2,
.fr .creative-card .infoBoxContainer .cards .card .card-content h2,
.pl .creative-card .infoBoxContainer .cards .card .card-content h2,
.ru .creative-card .infoBoxContainer .cards .card .card-content h2,
.tr .creative-card .infoBoxContainer .cards .card .card-content h2 {
font-size: 2em
}
@media only screen and (max-width:991px) {
.de .creative-card .infoBoxContainer .cards .card .card-content h2,
.es_ES .creative-card .infoBoxContainer .cards .card .card-content h2,
.fr .creative-card .infoBoxContainer .cards .card .card-content h2,
.pl .creative-card .infoBoxContainer .cards .card .card-content h2,
.ru .creative-card .infoBoxContainer .cards .card .card-content h2,
.tr .creative-card .infoBoxContainer .cards .card .card-content h2 {
font-size: 2em
}
}
.es_MX .creative-card .infoBoxContainer .cards .card .card-content h2,
.it .creative-card .infoBoxContainer .cards .card .card-content h2 {
font-size: 2em
}
@media only screen and (max-width:991px) {
.es_MX .creative-card .infoBoxContainer .cards .card .card-content h2,
.it .creative-card .infoBoxContainer .cards .card .card-content h2 {
font-size: 2em
}
}
.ar .creative-card .infoBoxContainer .cards .card .card-content h2,
.ja .creative-card .infoBoxContainer .cards .card .card-content h2,
.ko .creative-card .infoBoxContainer .cards .card .card-content h2 {
font-size: 2em
}
@media only screen and (max-width:991px) {
.ar .creative-card .infoBoxContainer .cards .card .card-content h2,
.ja .creative-card .infoBoxContainer .cards .card .card-content h2,
.ko .creative-card .infoBoxContainer .cards .card .card-content h2 {
font-size: 1.25em
}
}
@media only screen and (max-width:991px) {
.ar .creative-card .buttonWrapper .btn.btn-primary,
.ja .creative-card .buttonWrapper .btn.btn-primary,
.ko .creative-card .buttonWrapper .btn.btn-primary {
font-size: 1.5em
}
}
.ar .creative-card .infoBoxContainer .cards .card .card-content .card-description {
margin-top: 2em
}
.ar .creative-card .infoBoxContainer .cards .card .card-content .card-description h4 {
font-family: NotoNaskhArabicUI, NotoNaskhArabic, sans-serif;
font-size: 1.25em
}
@media only screen and (max-width:991px) {
.ar .creative-card .infoBoxContainer .cards .card .card-content .card-description h4 {
font-size: 1em
}
}
.de .creative-card .infoBoxContainer .cards .card .card-content .card-description,
.es_ES .creative-card .infoBoxContainer .cards .card .card-content .card-description,
.fr .creative-card .infoBoxContainer .cards .card .card-content .card-description,
.pl .creative-card .infoBoxContainer .cards .card .card-content .card-description,
.ru .creative-card .infoBoxContainer .cards .card .card-content .card-description,
.tr .creative-card .infoBoxContainer .cards .card .card-content .card-description {
padding: 0
}
@media only screen and (min-width:1200px) {
.de .creative-card .infoBoxContainer .cards .card .card-content .card-description,
.es_ES .creative-card .infoBoxContainer .cards .card .card-content .card-description,
.fr .creative-card .infoBoxContainer .cards .card .card-content .card-description,
.pl .creative-card .infoBoxContainer .cards .card .card-content .card-description,
.ru .creative-card .infoBoxContainer .cards .card .card-content .card-description,
.tr .creative-card .infoBoxContainer .cards .card .card-content .card-description {
padding: 0 4em
}
}
.de .creative-card .infoBoxContainer .cards .card .card-content .card-description a,
.es_ES .creative-card .infoBoxContainer .cards .card .card-content .card-description a,
.fr .creative-card .infoBoxContainer .cards .card .card-content .card-description a,
.pl .creative-card .infoBoxContainer .cards .card .card-content .card-description a,
.ru .creative-card .infoBoxContainer .cards .card .card-content .card-description a,
.tr .creative-card .infoBoxContainer .cards .card .card-content .card-description a {
font-size: .8em
}
.de .creative-card .infoBoxContainer .cards .card .card-content .card-description a:after,
.es_ES .creative-card .infoBoxContainer .cards .card .card-content .card-description a:after,
.fr .creative-card .infoBoxContainer .cards .card .card-content .card-description a:after,
.pl .creative-card .infoBoxContainer .cards .card .card-content .card-description a:after,
.ru .creative-card .infoBoxContainer .cards .card .card-content .card-description a:after,
.tr .creative-card .infoBoxContainer .cards .card .card-content .card-description a:after {
top: 5px
}
.es_ES .creative-card .infoBoxContainer .cards .card .card-content .card-description,
.es_MX .creative-card .infoBoxContainer .cards .card .card-content .card-description {
padding: 0
}
@media only screen and (min-width:1200px) {
.es_ES .creative-card .infoBoxContainer .cards .card .card-content .card-description,
.es_MX .creative-card .infoBoxContainer .cards .card .card-content .card-description {
padding: 0 3.1em
}
}
.es_ES .creative-card .infoBoxContainer .cards .card .card-content .card-description a,
.es_MX .creative-card .infoBoxContainer .cards .card .card-content .card-description a {
font-size: .8em
}
.es_ES .creative-card .infoBoxContainer .cards .card .card-content .card-description a:after,
.es_MX .creative-card .infoBoxContainer .cards .card .card-content .card-description a:after {
top: 5px
}
.creator-card {
background-color: #fff;
position: relative
}
.creator-card .section {
padding: 6em 1em 8em
}
@media only screen and (max-width:991px) {
.creator-card .section {
padding: 4em 1em
}
}
.creator-card .section .content {
max-width: 60em;
width: 100%;
margin: 0 auto
}
.creator-card .section .content .description {
margin: 0 auto 2em;
max-width: 40em;
width: 100%
}
.creator-card .section .content .description h3 {
margin: 0;
font-size: 2em
}
@media only screen and (max-width:991px) {
.creator-card .section .content .description h3 {
font-size: 1.5em
}
}
.creator-card .section .content .image {
width: 100%;
margin: 0 auto;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
padding-bottom: 56.25%;
cursor: pointer;
position: relative;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.creator-card .section .content .image .playButton {
position: absolute;
left: 0;
right: 0;
width: 4em;
height: 4em;
margin: 0 auto;
bottom: -2em;
background-color: #000;
border-radius: 50%;
cursor: pointer;
display: inline-block
}
@media only screen and (max-width:767px) {
.creator-card .section .content .image .playButton {
width: 2em;
height: 2em;
bottom: -1em
}
}
.creator-card .section .content .image .playButton i {
color: #ff0;
font-size: 4em;
display: block;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
line-height: 1.25;
-webkit-transition: color .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: color .3s ease-in-out, -webkit-transform .3s ease-in-out;
-o-transition: color .3s ease-in-out, transform .3s ease-in-out;
transition: color .3s ease-in-out, transform .3s ease-in-out;
transition: color .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
@media only screen and (max-width:767px) {
.creator-card .section .content .image .playButton i {
font-size: 2em
}
}
.creator-card .section .content .image:hover {
-webkit-transform: scale3d(1.01, 1.01, 1.01);
transform: scale3d(1.01, 1.01, 1.01)
}
.creator-card .section .content .image:hover i {
color: #e6e600;
-webkit-transform: scale3d(1.15, 1.15, 1.15);
transform: scale3d(1.15, 1.15, 1.15)
}
.wrapper .BgCTA-container {
color: #fff;
position: relative
}
.wrapper .BgCTA-container .BgCTA-wrapper {
position: relative;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 56vw;
padding: 0
}
@media only screen and (max-width:767px) {
.wrapper .BgCTA-container .BgCTA-wrapper {
padding: 20% 0 37%
}
}
.wrapper .BgCTA-container .BgCTA-wrapper.nobackground {
position: unset;
background-position: unset;
background-repeat: unset;
min-height: unset;
padding-top: 0;
padding-bottom: 3.5em
}
.wrapper .BgCTA-container .bottom-left {
position: absolute;
top: 18em;
left: 5em;
max-width: 25em
}
.wrapper .BgCTA-container .bottom-left p {
font-size: 3em
}
.wrapper .BgCTA-container .center {
position: absolute;
left: 50%;
top: 67%;
width: 100%;
text-align: center;
z-index: 1000;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
@media only screen and (min-width:768px) {
.wrapper .BgCTA-container .center div {
font-size: 1.5em
}
}
@media only screen and (max-width:767px) {
.wrapper .BgCTA-container .center button,
.wrapper .BgCTA-container .center div {
font-size: 1em
}
}
.wrapper .BgCTA-container .center h1 {
font-size: 6.1vw;
line-height: .85em;
text-shadow: 1px 0 100px rgba(0, 0, 0, .24)
}
.wrapper .BgCTA-container .center .btn {
font-size: 3.8125vw;
padding: 0 .5em;
line-height: 1.75
}
.wrapper .BgCTA-container .center .btn:after {
height: 1.75em
}
.wrapper .BgCTA-container .nobackground .center {
position: unset;
left: unset;
top: unset;
width: unset;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset
}
.page-body.spy-games button.btn.btn-primary:after {
background-image: -webkit-gradient(linear, left top, right top, from(#805c0c), color-stop(#ffe66f), to(#fff5c6));
background-image: -webkit-linear-gradient(left, #805c0c, #ffe66f, #fff5c6);
background-image: -o-linear-gradient(left, #805c0c, #ffe66f, #fff5c6);
background-image: linear-gradient(90deg, #805c0c, #ffe66f, #fff5c6);
background-color: #ffe66f
}
div.LPdownloadSelection {
height: 100%;
color: #fff
}
div.LPdownloadSelection p {
text-transform: uppercase;
margin: 0
}
div.LPdownloadSelection h1 {
font-size: 4.75em
}
div.LPdownloadSelection h1.fordownload {
margin-top: -1vw;
margin-bottom: 0
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection h1.fordownload {
margin-top: -.25em
}
}
div.LPdownloadSelection .download-header-container h1 {
font-size: 2.8em;
margin-top: .4em;
margin-bottom: 0
}
div.LPdownloadSelection .download-header-container h2 {
font-size: 1.8em
}
div.LPdownloadSelection .download-header-container h3 {
font-size: 1.4em;
margin-top: .2em;
font-weight: 400
}
div.LPdownloadSelection .LPdlwrapper {
margin: 0;
padding: 0;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
div.LPdownloadSelection .LPdlwrapper .LPdlwrapper-lowlight-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .25)
}
div.LPdownloadSelection .site-block {
text-align: center;
max-width: 100%
}
div.LPdownloadSelection .site-block h1 {
font-size: 2em;
font-weight: 200;
margin-top: .5em;
margin-bottom: .75em
}
div.LPdownloadSelection .site-block p {
font-weight: 200
}
@media only screen and (max-width:767px) {
div.LPdownloadSelection .site-block {
padding: 30px 20px;
border-radius: 0;
margin: 0 auto
}
}
div.LPdownloadSelection .selectPlatform {
font-size: 13px;
font-weight: 400;
margin: 16px 0;
text-transform: uppercase
}
div.LPdownloadSelection .available {
font-size: .8vw;
margin-top: .3vw
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .available {
font-size: .8em
}
}
div.LPdownloadSelection .btn {
display: inline-block;
width: 100%;
padding: 0 .5em
}
@media only screen and (max-width:767px) {
div.LPdownloadSelection .btn {
margin-right: 0;
margin-bottom: 1.5em
}
}
div.LPdownloadSelection ul.downloadLegalTags {
padding: 0;
list-style-type: none;
font-size: .8em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
div.LPdownloadSelection ul.downloadLegalTags li.tag-container {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection ul.downloadLegalTags li.tag-container {
margin-top: 25px;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
}
div.LPdownloadSelection ul.downloadLegalTags li.tag-container p {
font-size: .6vw
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection ul.downloadLegalTags li.tag-container p {
font-size: .6em
}
}
div.LPdownloadSelection ul.downloadLegalTags li.tag-container .bottomImg {
display: inline-block;
max-height: 7em;
margin-right: auto;
margin-left: auto;
padding: .2em
}
div.LPdownloadSelection .returnLink {
-webkit-transition: .1s ease-in-out;
-o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
font-weight: 200;
font-size: .5vw;
cursor: pointer;
margin-top: 1vw;
display: block
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .returnLink {
margin-top: 30px;
font-size: .8em
}
}
div.LPdownloadSelection .downloadButtons {
margin-bottom: 0
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .downloadButtons {
max-width: 20em;
margin: 0 auto 2em
}
}
div.LPdownloadSelection .downloadButtons .button {
width: 128px;
height: 128px;
margin: .5em;
padding: 1.8em 0 0;
background-color: #00c6ff;
display: inline-block;
color: #fff;
-webkit-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out
}
div.LPdownloadSelection .downloadButtons .button:hover {
background-color: #3be1ff
}
div.LPdownloadSelection .downloadButtons .button span {
font-size: .8em
}
div.LPdownloadSelection .downloadButtons .button i {
color: #fff;
font-size: 3.5em;
display: block
}
div.LPdownloadSelection .downloadButtons .button.notext {
width: 3vw;
height: 3vw;
padding: .75vw 0
}
div.LPdownloadSelection .downloadButtons .button.notext i {
font-size: 2vw
}
@media only screen and (max-width:1199px) {
div.LPdownloadSelection .downloadButtons .button.notext {
width: 64px;
height: 64px;
padding: 1.25em 0 0
}
div.LPdownloadSelection .downloadButtons .button.notext i {
font-size: 32px
}
}
@media only screen and (max-width:480px) {
div.LPdownloadSelection .downloadButtons .button.notext {
width: 48px;
height: 48px;
padding: 1em 0 0
}
div.LPdownloadSelection .downloadButtons .button.notext i {
font-size: 24px
}
}
div.LPdownloadSelection .mobileMsg {
margin: 10px 0 40px
}
div.LPdownloadSelection .LPdlinnerwrapper.default .legalTags {
text-align: center;
margin-bottom: 5%
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .LPdlinnerwrapper.default .legalTags {
float: none;
width: 100%;
margin-right: 0
}
}
div.LPdownloadSelection .LPdlinnerwrapper.default.black .legalTags,
div.LPdownloadSelection .LPdlinnerwrapper.default.black .legalTags a,
div.LPdownloadSelection .LPdlinnerwrapper.default.black .legalTags p {
color: #000
}
div.LPdownloadSelection .LPdlinnerwrapper.default.white .legalTags,
div.LPdownloadSelection .LPdlinnerwrapper.default.white .legalTags a,
div.LPdownloadSelection .LPdlinnerwrapper.default.white .legalTags p {
color: #fff
}
div.LPdownloadSelection .LPdlinnerwrapper.center {
width: 100%
}
div.LPdownloadSelection .LPdlinnerwrapper.right {
width: 60%
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .LPdlinnerwrapper.right {
width: 90%;
margin: 0 auto
}
}
div.LPdownloadSelection .LPdlinnerwrapper.right .legalTags a,
div.LPdownloadSelection .LPdlinnerwrapper.right .legalTags p {
color: #fff
}
div.LPdownloadSelection .LPdlinnerwrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 50%;
margin: 0 auto;
z-index: 1
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .LPdlinnerwrapper {
width: 100%
}
}
div.LPdownloadSelection .LPdlinnerwrapper .default {
text-align: center
}
div.LPdownloadSelection .LPdlinnerwrapper .default select {
color: #000
}
div.LPdownloadSelection .LPdlinnerwrapper .default a {
color: #fff
}
div.LPdownloadSelection .LPdlinnerwrapper .default h1 {
font-size: 5.5vw;
text-shadow: 1px 2px 5px rgba(5, 103, 203, .2);
padding: 10px
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .LPdlinnerwrapper .default h1 {
padding: 0
}
}
div.LPdownloadSelection .LPdlinnerwrapper .default .selectPlatform {
font-size: .8vw;
margin: .3vw 0 0
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .LPdlinnerwrapper .default .selectPlatform {
font-size: 1em
}
}
div.LPdownloadSelection .LPdlinnerwrapper .default .candownload {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.5vw
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .LPdlinnerwrapper .default .candownload {
font-size: 1.25em;
margin: 0
}
}
div.LPdownloadSelection .LPdlinnerwrapper .default select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI3Ij48cGF0aCBkPSJNMTEuMDA2IDBMNS41IDcuMDA4LS4wMDcgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) right 1rem center/1.4rem .8rem no-repeat;
text-indent: .01px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
padding: .5em;
width: 100%
}
div.LPdownloadSelection .LPdlinnerwrapper .default .other1 {
background: #efefef;
border: none;
border-radius: 3px;
padding: 1em 2em 1em 1em;
font-size: 1em
}
div.LPdownloadSelection .LPdlinnerwrapper .default select::-ms-expand {
display: none
}
div.LPdownloadSelection .LPdlinnerwrapper .default .select-container {
margin: 0 auto;
max-width: 15em;
background: #efefef
}
@media only screen and (max-width:1199px) {
div.LPdownloadSelection .LPdlinnerwrapper .default .select-container {
max-width: 15em
}
}
div.LPdownloadSelection .LPdlinnerwrapper .right {
margin: 18% auto 0 4%;
color: #fff;
text-align: center;
float: right
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .LPdlinnerwrapper .right {
margin: 0 auto
}
}
div.LPdownloadSelection .LPdlinnerwrapper .right select {
color: #000
}
div.LPdownloadSelection .LPdlinnerwrapper .right a {
color: #fff
}
div.LPdownloadSelection .LPdlinnerwrapper .right .available,
div.LPdownloadSelection .LPdlinnerwrapper .right .candownload {
opacity: 1
}
div.LPdownloadSelection .LPdlinnerwrapper .left {
margin: 18% 4% 0 auto;
text-align: center;
float: left
}
div.LPdownloadSelection .LPdlinnerwrapper .left ul.downloadLegalTags {
self-align: center
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .LPdlinnerwrapper .left {
margin: 0 auto
}
}
div.LPdownloadSelection .LPdlinnerwrapper .left select {
color: #000
}
div.LPdownloadSelection .LPdlinnerwrapper .left a {
color: #fff
}
div.LPdownloadSelection .LPdlinnerwrapper .center {
margin: 11% auto 0
}
div.LPdownloadSelection .LPdlinnerwrapper .center select {
min-width: 30%
}
div.LPdownloadSelection .LPdlinnerwrapper .center h1 {
font-size: 8.15vw
}
div.LPdownloadSelection .LPdlinnerwrapper .center h1.fordownload {
margin-top: -2.5vw;
margin-bottom: 1vw
}
div.LPdownloadSelection .LPdlinnerwrapper .center .candownload {
font-size: 1.5vw;
opacity: 1
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .LPdlinnerwrapper .center .candownload {
font-size: 1.5em
}
}
div.LPdownloadSelection .LPdlinnerwrapper .center .selectPlatform {
margin: .3vw 0
}
div.LPdownloadSelection .LPdlinnerwrapper .center .available {
margin-top: .9vw
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .LPdlinnerwrapper .center .available {
font-size: 1em
}
}
div.LPdownloadSelection .LPdlinnerwrapper .center .bottomImg {
margin-top: 1.3vw
}
@media only screen and (max-width:991px) {
div.LPdownloadSelection .LPdlinnerwrapper .center .bottomImg {
font-size: 1.3em
}
}
div.LPdownloadSelection .LPdlinnerwrapper .center.white,
div.LPdownloadSelection .LPdlinnerwrapper .left.white,
div.LPdownloadSelection .LPdlinnerwrapper .right.white {
color: #fff
}
div.LPdownloadSelection .LPdlinnerwrapper .center.white .candownload,
div.LPdownloadSelection .LPdlinnerwrapper .left.white .candownload,
div.LPdownloadSelection .LPdlinnerwrapper .right.white .candownload {
color: #f7ff00
}
div.LPdownloadSelection .LPdlinnerwrapper .center.black,
div.LPdownloadSelection .LPdlinnerwrapper .center.black .candownload,
div.LPdownloadSelection .LPdlinnerwrapper .center.black p,
div.LPdownloadSelection .LPdlinnerwrapper .left.black,
div.LPdownloadSelection .LPdlinnerwrapper .left.black .candownload,
div.LPdownloadSelection .LPdlinnerwrapper .left.black p,
div.LPdownloadSelection .LPdlinnerwrapper .right.black,
div.LPdownloadSelection .LPdlinnerwrapper .right.black .candownload,
div.LPdownloadSelection .LPdlinnerwrapper .right.black p {
color: #000
}
div.LPdownloadSelection div.LPdlinnerwrapper.left {
margin: 0 0 auto
}
div.LPdownloadSelection div.LPdlinnerwrapper.left ul.downloadLegalTags {
margin: 0 4% 0 auto
}
div.LPdownloadSelection div.LPdlinnerwrapper.left ul.downloadLegalTags li.tag-container {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
div.LPdownloadSelection div.LPdlinnerwrapper.left .returnLink {
margin: 0 4% 0 auto
}
.firefox div.LPdownloadSelection select {
height: auto
}
@media only screen and (min-width:992px) {
.firefox div.LPdownloadSelection .button.notext {
padding: .55vw 0
}
}
@media only screen and (max-width:1199px) {
.firefox div.LPdownloadSelection .button.notext {
padding: 17px 0
}
}
@media only screen and (max-width:480px) {
.firefox div.LPdownloadSelection .button.notext {
padding: 12px 0
}
}
.mobile div.LPdownloadSelection select,
.msedge div.LPdownloadSelection select,
.msie div.LPdownloadSelection select,
.tablet div.LPdownloadSelection select {
height: auto
}
.ch2s2 .candownload {
color: #4dccf9
}
body.de div.LPdownloadSelection div.LPdlinnerwrapper.left,
body.fr div.LPdownloadSelection div.LPdlinnerwrapper.left {
width: 58%
}
body.pl div.LPdownloadSelection div.LPdlinnerwrapper.left .returnLink,
body.pl div.LPdownloadSelection div.LPdlinnerwrapper.left ul.downloadLegalTags,
body.ru div.LPdownloadSelection div.LPdlinnerwrapper.left .returnLink,
body.ru div.LPdownloadSelection div.LPdlinnerwrapper.left ul.downloadLegalTags {
margin: 0 -7% 0 auto
}
body.tr div.LPdownloadSelection div.LPdlinnerwrapper.left .returnLink,
body.tr div.LPdownloadSelection div.LPdlinnerwrapper.left ul.downloadLegalTags {
margin: 0 -23% 0 auto
}
.LPVideo .background-video .screen {
position: unset
}
.LPVideo .background-video.fixed {
position: relative
}
.LPVideo .background-video .video {
z-index: unset;
overflow: unset
}
.LPVideo.center {
background-color: #000;
padding-top: 3vw;
padding-bottom: 3vw
}
.LPVideo.center .background-video {
background-color: #f5faff
}
.LPVideo.center .video.background-video.fixed {
width: 62%;
margin-right: auto;
margin-left: auto
}
.LPVideo {
position: relative
}
.LPVideo.clip .after {
content: "";
display: block;
background-color: #000;
position: absolute;
left: 0;
right: 0;
top: -2.2em;
height: 3em;
-webkit-clip-path: polygon(0 70%, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 70%, 100% 0, 100% 100%, 0 100%)
}
.wrapper .cta-container {
padding: 1em 1em 5em;
color: #fff
}
.wrapper .cta-container h1,
.wrapper .cta-container h2,
.wrapper .cta-container h3 {
margin: 0
}
@media only screen and (min-width:768px) {
.wrapper .cta-container div {
font-size: 1.5em
}
}
@media only screen and (max-width:767px) {
.wrapper .cta-container button,
.wrapper .cta-container div {
font-size: 1em
}
}
.wrapper .cta-container h1 {
font-size: 3.8125vw;
line-height: 1.2em
}
.wrapper .cta-container .btn {
font-size: 3vw;
padding: 0 1.5em;
line-height: 2
}
.wrapper .cta-container .btn:after {
height: 2em
}
.wrapper .cta-container a {
font-size: 1vw
}
@media only screen and (max-width:991px) {
.wrapper .cta-container a {
font-size: .7em
}
}
.wrapper .cta-container a:hover {
color: #00c6ff !important
}
.wrapper .cta-container p {
font-size: .5em;
max-width: 44em;
margin: 0 auto;
font-weight: 500
}
.wrapper .cta-container p.exitLink {
margin-top: 1vw
}
@media only screen and (max-width:991px) {
.wrapper .cta-container p.exitLink {
margin-top: 1em
}
}
.wrapper .cta-container p.exitLink a:hover {
color: #fff !important
}
.logo,
.textCenter {
text-align: center
}
.BgImgVd-container .logo {
max-width: 700px;
margin: 0 auto;
padding-top: 2em
}
.BgImgVd-container .logo h1 {
font-size: 1.18em
}
.BgImgVd-container .logo img {
max-width: 100%
}
@media only screen and (max-width:991px) {
.BgImgVd-container .logo {
padding-bottom: 1em
}
.BgImgVd-container .logo img {
padding: 1em 0
}
.BgImgVd-container .logo h1 {
margin: .2em
}
}
.BgImgVd-container .battlepass-image-cta {
width: 90%;
max-width: 1200px;
margin: 0 auto;
z-index: 10
}
.BgImgVd-container .battlepass-image-cta img.image-cta-background {
max-width: 100%
}
@media only screen and (max-width:767px) {
.BgImgVd-container .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper span.videoPlayButton {
height: 3.5em;
width: 3.5em
}
.BgImgVd-container .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper p {
padding-right: .6em
}
}
@media only screen and (min-width:1200px) {
.BgImgVd-container .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper p {
font-size: 3vw
}
.BgImgVd-container .battlepass-image-cta .image-cta-content-wrapper .play-icon-wrapper span.videoPlayButton {
height: 5vw;
width: 5vw
}
}
.BgImgVd-container .wrapper {
background-size: cover
}
.PosterList {
max-width: 1200px;
width: 90%;
margin: 0 auto
}
.PosterList .PosterItem {
padding: 10px
}
.PosterList .PosterItem .poster,
.PosterList .PosterItem .title {
background-color: #ececec;
max-width: 500px;
margin: 0 auto
}
.PosterList .PosterItem .title {
padding: 1.5em .5em
}
@media only screen and (max-width:767px) {
.PosterList .PosterItem .title {
font-size: 1.5em
}
}
@media only screen and (min-width:992px) {
.PosterList .PosterItem .title {
font-size: 1.5em
}
}
.PosterList .PosterItem img {
max-width: 100%
}
.ScheduleList {
padding-top: 3em;
max-width: 1200px;
width: 90%;
margin: 0 auto
}
.ScheduleList .container-fluid {
padding-top: .5em;
padding-bottom: 2em
}
.ScheduleList .ScheduleItem:nth-child(odd) {
background: #ececec
}
.ScheduleList .ScheduleItem:nth-child(2n) {
background: #fff
}
.ScheduleList .ScheduleItem a,
.ScheduleList .ScheduleItem a:hover {
font-family: BurbankBigRegular-Black, sans-serif;
color: #000
}
.ScheduleList .ScheduleItem a:hover {
text-decoration: underline
}
.ScheduleList .ScheduleListHeader {
position: relative
}
.ScheduleList .ScheduleListHeader .header {
position: absolute;
top: 11px;
width: 100%
}
@media only screen and (min-width:768px) {
.ScheduleList .ScheduleListHeader .header {
top: 3px
}
}
@media only screen and (max-width:767px) {
.ScheduleList .ScheduleListHeader .header {
position: relative;
top: unset
}
}
@media only screen and (max-width:1199px) {
.ScheduleList .ScheduleListHeader .header h5 {
max-width: 50%;
margin: 10px auto
}
}
.ScheduleList .ScheduleListHeader .countryselect {
padding: 0 0 1.5em 10px;
max-width: 200px;
margin: 0 10px 0 auto
}
@media only screen and (max-width:1199px) {
.ScheduleList .ScheduleListHeader .countryselect {
padding-bottom: 2.5em
}
}
@media only screen and (max-width:767px) {
.ScheduleList .ScheduleListHeader .countryselect {
max-width: 100%;
width: 100%
}
}
.bpdv-event-header {
padding-top: 2%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: 0
}
.bpdv-event-header.mounted {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
.bpdv-event-header .bpdv-event-img-wrapper,
.bpdv-event-header .bpdv-event-text {
padding: 3%;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
max-width: 500px;
min-width: 375px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width:767px) {
.bpdv-event-header .bpdv-event-img-wrapper {
width: 200px
}
}
.bpdv-event-header .bpdv-event-text {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 120%
}
@media only screen and (max-width:767px) {
.bpdv-event-header .bpdv-event-text {
text-align: center;
font-size: 100%
}
}
.bpdv-event-header .bpdv-event-text h1 {
line-height: .9
}
.bpdv-event-header .bpdv-event-text p {
font-family: BurbankSmall-Black, sans-serif;
line-height: 1.2
}
.bpdv-event-body {
padding: 0 2%;
position: relative;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: 0
}
.bpdv-event-body.mounted {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
@media only screen and (max-width:767px) {
.bpdv-event-squad {
font-size: 10px
}
}
.bpdv-event-squad ul {
padding: 0;
margin: 0;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.bpdv-event-squad ul li {
list-style: none;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1
}
.bpdv-event-squad>ul {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.bpdv-event-squad>ul li {
margin: 0 1em
}
.bpdv-event-squad .bpdv-squad-team {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 5em 0 0
}
@media only screen and (max-width:767px) {
.bpdv-event-squad .bpdv-squad-team {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 1em
}
}
.bpdv-event-squad .bpdv-squad-team>img {
max-width: 150px;
-webkit-align-self: start;
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
margin-right: 2em
}
@media only screen and (max-width:767px) {
.bpdv-event-squad .bpdv-squad-team>img {
max-width: 80px;
margin: 0 auto 1em
}
}
.bpdv-event-squad .bpdv-squad-team:last-child {
margin-bottom: 5em
}
.bpdv-event-squad .bpdv-squad-team .bpdv-squad-team-memebers {
min-width: 360px
}
@media only screen and (max-width:767px) {
.bpdv-event-duos {
font-size: 10px
}
}
.bpdv-event-duos ul {
padding: 0;
margin: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width:767px) {
.bpdv-event-duos ul {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
}
.bpdv-event-duos li.bpdv-duos-team {
list-style: none;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
width: 31%;
margin: 1%;
min-width: 15em
}
@media only screen and (max-width:767px) {
.bpdv-event-duos li.bpdv-duos-team {
width: 45%;
min-width: none
}
}
.bpdv-event-duos li.bpdv-duos-team .bpdv-event-player {
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
min-width: 50%
}
.bpdv-event-duos li.bpdv-duos-team .bpdv-event-player:first-child {
margin-right: 2px
}
.bpdv-event-duos li.bpdv-duos-team .bpdv-duos-plus {
position: absolute;
font-size: 150px;
font-family: BurbankBigRegular-Black, sans-serif;
color: #ff0;
line-height: 150px;
top: 0;
left: 0;
right: 0;
text-align: center
}
@media only screen and (max-width:767px) {
.bpdv-event-duos li.bpdv-duos-team .bpdv-duos-plus {
font-size: 50px;
line-height: 50px
}
}
.bpdv-event-duos li.bpdv-duos-team span.icon-plus {
position: absolute
}
.bpdv-event-player {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%
}
@media only screen and (max-width:767px) {
.bpdv-event-player {
font-size: 10px
}
}
.bpdv-event-player .invisible {
opacity: 0
}
.bpdv-event-player .bpdv-player-avatar {
width: 100%;
padding-bottom: 125%;
background-color: #b5dffa;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%
}
.bpdv-event-player .bpdv-player-info {
background-color: #3facf1;
color: #fff;
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 80%;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
padding: 4px
}
.bpdv-event-player .bpdv-player-info a,
.bpdv-event-player .bpdv-player-info h2,
.bpdv-event-player .bpdv-player-info h3,
.bpdv-event-player .bpdv-player-info h4 {
margin: 0;
line-height: 1
}
.bpdv-event-player .bpdv-player-info a {
color: #000;
font-family: BurbankBigRegular-Black, sans-serif
}
.bpdv-event-player .bpdv-player-info h4 {
color: #000;
font-family: BurbankSmall-Black, sans-serif
}
.bpdv-event-player .bpdv-player-info h2 {
margin: 4px;
font-family: BurbankSmall-Black, sans-serif !important
}
.customVideoRecapView section.cvrv {
width: 100%
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-heading {
padding: 0 1% 1%;
margin: 0 auto;
max-width: 400px;
text-align: center
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-heading>h1,
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-heading>h2 {
font-family: BurbankBigRegular-Black, sans-serif
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-heading>h1 {
color: #1db8f3
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-heading>p {
font-weight: 500
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width:991px) {
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content {
margin: 1em
}
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem {
background-size: cover;
position: relative;
background-position: 50%;
width: 23%;
margin: 1%;
-webkit-box-shadow: 3px 4px 2px 0 hsla(0, 0%, 62%, .5);
box-shadow: 3px 4px 2px 0 hsla(0, 0%, 62%, .5);
-webkit-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear
}
@media only screen and (max-width:1399px) {
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem {
width: 31%
}
}
@media only screen and (max-width:991px) {
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem {
width: 31%
}
}
@media only screen and (max-width:767px) {
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem {
width: 48%
}
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem:hover {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
-webkit-box-shadow: none;
box-shadow: none
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem a.cvrvItem-btn,
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem button.cvrvItem-btn {
background: #000;
color: #fff;
padding: 0 15px;
height: 3em;
width: 100%;
text-align: left;
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03)
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem a.cvrvItem-btn i[class^=icon-],
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem button.cvrvItem-btn i[class^=icon-] {
-webkit-transform: translateZ(0);
transform: translateZ(0);
padding-right: 5px;
font-size: 1.2em;
color: #fff
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem a.cvrvItem-btn i[class^=icon-]:before,
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem button.cvrvItem-btn i[class^=icon-]:before {
position: relative;
top: 3px;
background-color: transparent
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem .cvrvItem-overlay {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
cursor: pointer
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem .cvrvItem-overlay:before {
content: "";
display: block;
padding-bottom: 100%
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem .cvrvItem-overlay .cvrvItem-overlay-checkbox {
position: absolute;
height: 2em;
width: 2em;
left: 15px;
top: 15px;
background-color: hsla(0, 0%, 100%, .3);
-webkit-clip-path: polygon(0 2%, 100% 0, 95% 100%, 5% 95%);
clip-path: polygon(0 2%, 100% 0, 95% 100%, 5% 95%);
border: 2px solid #fff
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem .cvrvItem-overlay .cvrvItem-overlay-text {
padding: 5%;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
margin: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem .cvrvItem-overlay .cvrvItem-overlay-image {
position: absolute;
background-repeat: no-repeat;
background-position: 50%;
width: 100%;
height: 100%
}
@media only screen and (max-width:991px) {
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem .cvrvItem-overlay .cvrvItem-overlay-image {
background-size: contain;
width: 85%;
left: 10%;
bottom: 1%
}
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem .cvrvItem-overlay .cvrvItem-overlay-image.effects {
-webkit-animation: shadow-pulse 1s infinite;
animation: shadow-pulse 1s infinite
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem.selected .cvrvItem-overlay-checkbox {
background-color: #fff
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem.selected .cvrvItem-overlay-checkbox:before {
display: block;
color: #0db2fb;
text-align: center;
font-size: 1.5em;
line-height: 0;
margin-top: 16px
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem.grayOut {
pointer-events: none;
opacity: .4
}
.customVideoRecapView section.cvrv>.cvrv-container>.cvrv-content .cvrvItem.grayOut .cvrvItem-overlay-checkbox {
display: none
}
@media only screen and (min-width:992px) {
.customVideoRecapView section.cvrv.header .cvrv-content .cvrv-btn {
margin: 0 .5em
}
}
.customVideoRecapView section.cvrv.scene .cvrvItem.selected .cvrvItem-overlay {
color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 190, 255, .41)), to(rgba(0, 92, 218, .9)));
background-image: -webkit-linear-gradient(top, rgba(15, 190, 255, .41), rgba(0, 92, 218, .9));
background-image: -o-linear-gradient(top, rgba(15, 190, 255, .41) 0, rgba(0, 92, 218, .9) 100%);
background-image: linear-gradient(180deg, rgba(15, 190, 255, .41), rgba(0, 92, 218, .9))
}
.customVideoRecapView section.cvrv.scene .cvrvItem:not(.selected) .cvrvItem-overlay {
color: #013056;
background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .6)), to(hsla(0, 0%, 100%, .6)));
background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, .6));
background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, .6) 0, hsla(0, 0%, 100%, .6) 100%);
background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, .6))
}
.customVideoRecapView section.cvrv:not(.header) {
max-width: 1000px
}
@media only screen and (min-width:992px) {
.customVideoRecapView section.cvrv:not(.header) {
margin: 2% auto
}
}
.ja h3.cvrvItem-overlay-text {
font-size: 1.5em
}
.ru .customVideoRecapView section.cvrv .cvrv-container .cvrv-heading>h1,
.ru .customVideoRecapView section.cvrv .cvrv-container .cvrv-heading>h2 {
font-family: BurbankBigCondensed-Black, sans-serif
}
.customVideoRecapView section.cvrv.header .cvrv-btn.diagonal {
-webkit-clip-path: polygon(3% 10%, 100% 0, 98% 100%, 1% 90%);
clip-path: polygon(3% 10%, 100% 0, 98% 100%, 1% 90%)
}
.customVideoRecapView section.cvrv.header .cvrv-btn.diagonal.inverted:before {
-webkit-clip-path: polygon(3.8% 15%, 99% 6%, 97% 95%, 2% 86%);
clip-path: polygon(3.8% 15%, 99% 6%, 97% 95%, 2% 86%)
}
.customVideoRecapView section.cvrv.header div.backgroundWrapper {
position: relative;
min-height: 694px;
height: 72vh;
margin-top: -1.3%
}
.customVideoRecapView section.cvrv.header div.backgroundWrapper div.backgroundContainer {
position: absolute;
width: 100%;
height: 100%
}
.customVideoRecapView section.cvrv.header div.backgroundWrapper div.backgroundContainer div.backgroundImage {
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: top;
background-size: cover
}
.customVideoRecapView section.cvrv.header div.cvrv-container {
position: relative;
margin-top: -1%
}
.customVideoRecapView section.cvrv.header div.cvrv-container div.cvrv-heading {
max-width: 100%;
padding: 0;
text-align: center
}
.customVideoRecapView section.cvrv.header div.cvrv-container div.cvrv-heading>h1 {
color: #ff0060;
font-size: 5em
}
.customVideoRecapView section.cvrv.header div.cvrv-container div.cvrv-heading>p {
font-weight: 500
}
.customVideoRecapView section.cvrv.header div.cvrv-container div.cvrv-content {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.customVideoRecapView section.cvrv.header div.cvrv-container div.cvrv-content button.cvrv-btn.diagonal.inverted {
-webkit-clip-path: polygon(3% 10%, 97% 0, 98% 100%, 1% 90%);
clip-path: polygon(3% 10%, 97% 0, 98% 100%, 1% 90%)
}
.customVideoRecapView section.cvrv.header div.cvrv-container div.cvrv-content button.cvrv-btn.diagonal.inverted:before {
-webkit-clip-path: polygon(4% 15%, 96% 6%, 97% 95%, 2% 86%);
clip-path: polygon(4% 15%, 96% 6%, 97% 95%, 2% 86%)
}
@media only screen and (max-width:1399px) {
.customVideoRecapView section.cvrv.header div.cvrv-container {
margin-bottom: 3em
}
.customVideoRecapView section.cvrv.header div.cvrv-container div.cvrv-content {
margin: 3em
}
}
@media only screen and (max-width:991px) {
.customVideoRecapView section.cvrv.header div.backgroundWrapper {
min-height: 555px;
height: 55vh
}
.customVideoRecapView section.cvrv.header div.cvrv-container {
margin: 3% auto
}
.customVideoRecapView section.cvrv.header div.cvrv-container div.cvrv-heading {
margin: 0 3.5em
}
.customVideoRecapView section.cvrv.header div.cvrv-container div.cvrv-heading>p {
line-height: 1
}
.customVideoRecapView section.cvrv.header div.cvrv-container div.cvrv-heading>h1 {
font-size: 3.5em
}
.customVideoRecapView section.cvrv.header div.cvrv-container div.cvrv-content {
margin: 2em
}
.customVideoRecapView section.cvrv.header .cvrv-btn {
margin: .5em 0;
min-width: 100%
}
}
@media only screen and (max-width:767px) {
.customVideoRecapView section.cvrv.header div.backgroundWrapper {
min-height: 236px;
height: 32vh
}
}
@media only screen and (max-width:767px) {
.ru .customVideoRecapView section.cvrv.header div.cvrv-container div.cvrv-heading>h1 {
font-size: 2em
}
}
.trailer-section {
margin: 1em auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
@media only screen and (max-width:767px) {
.trailer-section {
margin: 1em auto
}
}
.trailer-section .trailer {
height: auto;
margin: 0 2em;
cursor: pointer
}
@media only screen and (max-width:767px) {
.trailer-section .trailer {
margin: 0 5px;
width: auto
}
}
.trailer-section .trailer .trailer-img {
max-width: 300px;
width: 100%;
-webkit-transform: scale3d(1.01, 1.01, 1.01);
transform: scale3d(1.01, 1.01, 1.01);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.trailer-section .trailer h5 {
font: 21px/28px BurbankBigRegular-Black, sans-serif
}
.trailer-section .trailer:hover .trailer-img {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.edition-section {
padding: 0 3em;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
margin-bottom: 4em;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width:1399px) {
.edition-section {
padding: 0 1em
}
}
@media only screen and (max-width:991px) {
.edition-section {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.edition-section .edition-pack-wrapper {
opacity: 0;
margin: 0 1% 1em;
width: 48%
}
@media only screen and (max-width:991px) {
.edition-section .edition-pack-wrapper {
width: 100%;
margin: 1em 0
}
}
.edition-section .edition-pack-wrapper .discount-percent {
width: 100px;
height: 100px;
background-color: #f8ff01;
border-radius: 50%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 30px;
top: -30px;
text-transform: uppercase;
font: 27px/28px BurbankBigRegular-Black, sans-serif
}
@media only screen and (max-width:991px) {
.edition-section .edition-pack-wrapper .discount-percent {
width: 80px;
height: 80px;
font-size: 1.5em
}
}
.edition-section .edition-pack-wrapper .edition-pack {
padding: 2em 4em 7em;
height: 100%;
position: relative
}
@media only screen and (max-width:1399px) {
.edition-section .edition-pack-wrapper .edition-pack {
padding: 1em
}
}
@media only screen and (max-width:991px) {
.edition-section .edition-pack-wrapper .edition-pack {
padding: 2em 1em
}
}
.edition-section .edition-pack-wrapper .edition-pack .character-img {
position: absolute;
right: 0;
bottom: 0;
z-index: -1
}
@media only screen and (max-width:1399px) {
.edition-section .edition-pack-wrapper .edition-pack .character-img {
display: none
}
}
.edition-section .edition-pack-wrapper .edition-pack .price,
.edition-section .edition-pack-wrapper .edition-pack h3 {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 75px;
line-height: 1;
color: #fff
}
@media only screen and (max-width:1199px) {
.edition-section .edition-pack-wrapper .edition-pack .price,
.edition-section .edition-pack-wrapper .edition-pack h3 {
font-size: 4em
}
}
@media only screen and (max-width:767px) {
.edition-section .edition-pack-wrapper .edition-pack .price,
.edition-section .edition-pack-wrapper .edition-pack h3 {
font-size: 2em
}
}
.edition-section .edition-pack-wrapper .edition-pack .actual-price,
.edition-section .edition-pack-wrapper .edition-pack .old-price,
.edition-section .edition-pack-wrapper .edition-pack .verb {
font-size: 30px;
line-height: 1.5;
font-family: BurbankBigRegular-Black, sans-serif;
text-transform: uppercase;
color: rgba(0, 0, 0, .7)
}
.edition-section .edition-pack-wrapper .edition-pack .actual-price {
color: #fff
}
.edition-section .edition-pack-wrapper .edition-pack .old-price {
color: hsla(0, 0%, 100%, .5)
}
.edition-section .edition-pack-wrapper .edition-pack .old-price span.outer {
text-decoration: line-through;
color: red
}
.edition-section .edition-pack-wrapper .edition-pack .old-price span.outer .inner {
color: hsla(0, 0%, 100%, .5)
}
.edition-section .edition-pack-wrapper .edition-pack .content-wrapper {
margin-bottom: 2em;
padding-right: 10vw;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
@media only screen and (max-width:1399px) {
.edition-section .edition-pack-wrapper .edition-pack .content-wrapper {
padding: 0
}
}
@media only screen and (max-width:767px) {
.edition-section .edition-pack-wrapper .edition-pack .content-wrapper {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.edition-section .edition-pack-wrapper .edition-pack .content-wrapper img {
width: 150px
}
@media only screen and (max-width:767px) {
.edition-section .edition-pack-wrapper .edition-pack .content-wrapper img {
width: 100px
}
}
.edition-section .edition-pack-wrapper .edition-pack .content-wrapper .content {
color: rgba(0, 0, 0, .7);
font-family: BurbankBigRegular-Black, sans-serif;
text-transform: uppercase;
padding-left: 2em
}
.edition-section .edition-pack-wrapper .edition-pack .content-wrapper .content ul {
font: 21px/28px BurbankBigRegular-Black, sans-serif;
padding: 0
}
@media only screen and (max-width:1399px) {
.edition-section .edition-pack-wrapper .edition-pack .pack-buy-button {
display: block
}
}
.edition-section .edition-pack-wrapper .edition-pack .pack-buy-button button {
background-color: #ef45ec;
font-family: BurbankBigRegular-Black, sans-serif;
padding: 0 1.5em;
color: #fff;
font-size: 20px;
line-height: 50px;
margin-top: 1em;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-clip-path: polygon(2% 0, 98% 0, 98% 100%, 2% 100%);
clip-path: polygon(2% 0, 98% 0, 98% 100%, 2% 100%);
transition: all .3s ease-in-out
}
.edition-section .edition-pack-wrapper .edition-pack .pack-buy-button button>span {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: inline-block
}
.edition-section .edition-pack-wrapper .edition-pack .pack-buy-button button:hover {
-webkit-clip-path: polygon(4% 0, 100% 0, 98% 100%, 2% 100%);
clip-path: polygon(4% 0, 100% 0, 98% 100%, 2% 100%)
}
.edition-section .edition-pack-wrapper .edition-pack .pack-buy-button button:hover>span {
-webkit-transform: translateX(2%);
-ms-transform: translateX(2%);
transform: translateX(2%)
}
.edition-section .edition-pack-wrapper .edition-pack .pack-buy-button button:focus,
.edition-section .edition-pack-wrapper .edition-pack .pack-buy-button button:hover {
background-color: #eb16e7
}
.edition-section .edition-pack-wrapper .edition-pack .actual-price,
.edition-section .edition-pack-wrapper .edition-pack .old-price,
.edition-section .edition-pack-wrapper .edition-pack .pack-buy-button,
.edition-section .edition-pack-wrapper .edition-pack .price {
text-align: center
}
@media only screen and (min-width:1200px) {
.edition-section .edition-pack-wrapper .edition-pack .actual-price,
.edition-section .edition-pack-wrapper .edition-pack .old-price,
.edition-section .edition-pack-wrapper .edition-pack .pack-buy-button,
.edition-section .edition-pack-wrapper .edition-pack .price {
text-align: left
}
}
.edition-section .edition-pack-wrapper .edition-pack .verb {
font-size: 22px;
color: #cdf3fe;
text-align: center
}
@media only screen and (min-width:1200px) {
.edition-section .edition-pack-wrapper .edition-pack .verb {
text-align: left
}
}
.edition-section .mtl-pack-wrapper {
width: 100%
}
.edition-section .mtl-pack-wrapper .pack-content__title {
text-align: center
}
@media only screen and (min-width:1200px) {
.edition-section .mtl-pack-wrapper .pack-content__title {
text-align: left
}
}
.edition-section .mtl-pack-wrapper .pack-content__sub-header {
color: #122843;
text-align: center;
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 20px;
font-weight: 900;
text-transform: uppercase
}
@media only screen and (min-width:1200px) {
.edition-section .mtl-pack-wrapper .pack-content__sub-header {
text-align: left;
margin-right: 500px
}
}
.edition-section .mtl-pack-wrapper .pack-content__wrapper {
font-family: BurbankBigRegular-Black, sans-serif;
text-transform: uppercase
}
@media only screen and (min-width:1200px) {
.edition-section .mtl-pack-wrapper .pack-content__wrapper {
margin-right: 660px
}
}
.edition-section .mtl-pack-wrapper .pack-content__wrapper img {
margin: 0 auto 20px;
width: 150px
}
@media only screen and (min-width:1200px) {
.edition-section .mtl-pack-wrapper .pack-content__wrapper img {
margin: unset
}
}
.edition-section .mtl-pack-wrapper .pack-content__wrapper .pack-content__main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px
}
@media only screen and (min-width:1200px) {
.edition-section .mtl-pack-wrapper .pack-content__wrapper .pack-content__main {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
}
.edition-section .mtl-pack-wrapper .pack-content__wrapper .pack-content__list {
color: #cdf3fe;
font-family: BurbankBigRegular-Black, sans-serif;
text-transform: uppercase;
font-size: 18px;
font-weight: 900
}
.edition-section .mtl-pack-wrapper .pack-content__wrapper .pack-content__bonus-text {
color: #e2ff00;
font-family: BurbankBigRegular-Black, sans-serif;
text-transform: uppercase;
text-align: center;
font-size: 20px;
font-style: italic;
font-weight: 900
}
@media only screen and (min-width:1200px) {
.edition-section .mtl-pack-wrapper .pack-content__wrapper .pack-content__bonus-text {
text-align: left
}
}
.edition-section .mtl-pack-wrapper .actual-price {
margin-bottom: 400px
}
@media only screen and (min-width:768px) {
.edition-section .mtl-pack-wrapper .actual-price {
margin-bottom: 0
}
}
.edition-section .mtl-pack-wrapper .pack-content__legal-text {
color: #cdf3fe;
font-family: BurbankBigRegular-Black, sans-serif;
position: absolute;
bottom: 0
}
@media only screen and (max-width:1399px) {
.edition-section .mtl-pack-wrapper .pack-content__legal-text {
display: none
}
}
.edition-section .mtl-pack-wrapper .pack-content__image--mobile {
position: absolute;
bottom: 0;
width: 110%;
right: -5%
}
@media only screen and (min-width:768px) {
.edition-section .mtl-pack-wrapper .pack-content__image--mobile {
display: none
}
}
body.ja .edition-section .edition-pack-wrapper .discount-percent,
body.ja .edition-section .edition-pack-wrapper .edition-pack .actual-price,
body.ja .edition-section .edition-pack-wrapper .edition-pack .old-price,
body.ja .edition-section .edition-pack-wrapper .edition-pack .price,
body.ja .edition-section .edition-pack-wrapper .edition-pack .verb,
body.ja .edition-section .edition-pack-wrapper .edition-pack h3 {
font-family: Nis_Jyau_P, sans-serif
}
body.ja .edition-section .edition-pack-wrapper .edition-pack .content-wrapper .content,
body.ja .edition-section .edition-pack-wrapper .edition-pack .content-wrapper .content ul {
font-family: NotoSansCJKjp, sans-serif
}
body.ko .edition-section .edition-pack-wrapper .discount-percent,
body.ko .edition-section .edition-pack-wrapper .edition-pack .actual-price,
body.ko .edition-section .edition-pack-wrapper .edition-pack .old-price,
body.ko .edition-section .edition-pack-wrapper .edition-pack .price,
body.ko .edition-section .edition-pack-wrapper .edition-pack .verb,
body.ko .edition-section .edition-pack-wrapper .edition-pack h3 {
font-family: aERIN, sans-serif
}
body.ko .edition-section .edition-pack-wrapper .edition-pack .content-wrapper .content,
body.ko .edition-section .edition-pack-wrapper .edition-pack .content-wrapper .content ul {
font-family: NotoSansCJKkr, sans-serif
}
body.ar .edition-section .edition-pack-wrapper .edition-pack .content-wrapper .content {
padding-right: 2em
}
.hero-section {
position: relative;
text-align: center;
color: #fff;
max-width: 900px;
padding: 4em 4em 0;
margin: 0 auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.hero-section .call-out {
margin-top: 30%
}
@media only screen and (max-width:767px) {
.hero-section {
padding: 1em;
margin-top: 200px;
height: auto
}
}
.hero-section h1 {
font-size: 100px;
line-height: 80px
}
@media only screen and (max-width:767px) {
.hero-section h1 {
font-size: 48px;
line-height: 50px
}
}
.hero-section h3 {
font-size: 21px;
line-height: 28px;
text-transform: uppercase
}
@media only screen and (max-width:767px) {
.hero-section h3 {
font-size: 18px
}
}
.hero-section #stw-play-now {
background-color: #ef45ec !important;
color: #fff;
font-size: 20px;
line-height: 50px
}
.hero-section #stw-play-now:after {
display: none
}
.hero-section .stw-header__text {
color: #ef45ec;
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 50px;
font-style: italic;
margin-top: 0;
margin-bottom: 10px;
text-transform: uppercase
}
body.ja .hero-section h3 {
line-height: 1
}
.help-center-wrapper .section-container {
padding: 35px 0
}
.help-center-wrapper .section-container .title-container {
padding: 20px 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:991px) {
.help-center-wrapper .section-container .title-container {
padding: 10px 0
}
}
.help-center-wrapper .section-container .title-container .section-title {
margin: 0
}
.help-center-wrapper .section-container .title-container .icon-full-arrow {
padding-left: 50px;
font-size: 3em
}
.help-center-wrapper .section-container .title-container:hover .icon-full-arrow {
-webkit-animation: pulse 2s infinite;
animation: pulse 2s infinite
}
.help-center-wrapper .section-container .section-body {
padding-right: 80px;
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 2.4rem;
line-height: 1.25;
text-transform: uppercase
}
@media only screen and (max-width:991px) {
.help-center-wrapper .section-container .section-body {
padding-right: 50px
}
}
.help-center-wrapper .section-container .section-body .help-center-link {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 2.4rem;
color: #ff0;
text-transform: uppercase;
text-decoration: underline
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: translate(0) scale(1);
transform: translate(0) scale(1)
}
50% {
-webkit-transform: translate(5px) scale(1.25);
transform: translate(5px) scale(1.25)
}
to {
-webkit-transform: translate(0) scale(1);
transform: translate(0) scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: translate(0) scale(1);
transform: translate(0) scale(1)
}
50% {
-webkit-transform: translate(5px) scale(1.25);
transform: translate(5px) scale(1.25)
}
to {
-webkit-transform: translate(0) scale(1);
transform: translate(0) scale(1)
}
}
.chapter2-header {
position: relative;
height: 80vh;
width: 100%;
background-position: 50%;
background-size: cover;
background-repeat: no-repeat
}
@media only screen and (max-width:767px) {
.chapter2-header {
height: calc(177vw - 3.7em)
}
}
.chapter2-header .ch2-header-image {
width: 100%
}
.chapter2-header .content {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.chapter2-header .content .animated-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width:767px) {
.chapter2-header .content .animated-content {
text-align: center
}
}
.chapter2-header .content .animated-content h1 {
margin: 0 auto;
width: 20vw;
font-size: 5vw
}
@media only screen and (max-width:767px) {
.chapter2-header .content .animated-content h1 {
width: 70vw;
font-size: 16vw
}
}
.chapter2-header .content .animated-content .badge-img img {
margin-bottom: 1em;
width: 10vw
}
@media only screen and (max-width:767px) {
.chapter2-header .content .animated-content .badge-img img {
width: 25vw
}
}
.chapter2-header .content .animated-content .logo-img img {
width: 65vw;
margin-bottom: -8%;
margin-top: 4%
}
@media only screen and (max-width:767px) {
.chapter2-header .content .animated-content .logo-img img {
width: 150vw
}
}
.chapter2-header .content .play-wrapper {
position: absolute;
right: 3vw;
bottom: 15%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.chapter2-header .content .play-wrapper {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
bottom: 5%;
right: unset
}
}
.chapter2-header .content .play-wrapper h3 {
margin-right: 1vw;
font-size: 1.8vw
}
@media only screen and (max-width:767px) {
.chapter2-header .content .play-wrapper h3 {
font-size: 5vw
}
}
.chapter2-header .content .play-wrapper .videoPlayButton {
font-size: .8vw;
margin: 0 auto
}
@media only screen and (max-width:767px) {
.chapter2-header .content .play-wrapper .videoPlayButton {
font-size: 3vw
}
}
.chapter2-header .content .play-wrapper .videoPlayButton:hover {
-webkit-transform: scale(1.1) !important;
-ms-transform: scale(1.1) !important;
transform: scale(1.1) !important
}
.chapter2s2-header-wrapper {
position: relative;
height: 100vh
}
.chapter2s2-header-wrapper .chapter2s2-header {
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat
}
@media only screen and (max-width:767px) {
.chapter2s2-header-wrapper .chapter2s2-header {
height: calc(177vw - 3.7em)
}
}
.chapter2s2-header-wrapper .chapter2s2-header .ch2-header-image {
width: 100%
}
.chapter2s2-header-wrapper .content {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
@media only screen and (max-width:767px) {
.chapter2s2-header-wrapper .content .btn {
margin-top: 3vw
}
}
.chapter2s2-header-wrapper .content .animated-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: -12vw
}
@media only screen and (max-width:767px) {
.chapter2s2-header-wrapper .content .animated-content {
text-align: center
}
}
.chapter2s2-header-wrapper .content .animated-content h1 {
margin: 0 auto;
text-align: center;
width: 40vw;
font-size: 2vw
}
@media only screen and (max-width:767px) {
.chapter2s2-header-wrapper .content .animated-content h1 {
width: 100%;
font-size: 5vw;
letter-spacing: .7vw
}
}
.chapter2s2-header-wrapper .content .animated-content .badge-img img {
margin-bottom: 1em;
width: 10vw
}
@media only screen and (max-width:767px) {
.chapter2s2-header-wrapper .content .animated-content .badge-img img {
width: 25vw
}
}
.chapter2s2-header-wrapper .content .animated-content .logo-img img {
width: 65vw;
margin-bottom: -5%;
margin-top: -3%
}
@media only screen and (max-width:767px) {
.chapter2s2-header-wrapper .content .animated-content .logo-img img {
width: 150vw
}
}
.chapter2s2-header-wrapper .content .play-wrapper {
position: absolute;
right: 3vw;
bottom: 15%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.chapter2s2-header-wrapper .content .play-wrapper {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
bottom: 10%;
right: unset
}
}
.chapter2s2-header-wrapper .content .play-wrapper h3 {
margin-right: 1vw;
font-size: 1.8vw
}
@media only screen and (max-width:767px) {
.chapter2s2-header-wrapper .content .play-wrapper h3 {
font-size: 3vw;
text-align: center
}
}
.chapter2s2-header-wrapper .content .play-wrapper .videoPlayButton {
font-size: .8vw;
margin: 0 auto
}
@media only screen and (max-width:767px) {
.chapter2s2-header-wrapper .content .play-wrapper .videoPlayButton {
font-size: 3vw
}
}
.chapter2s2-header-wrapper .content .play-wrapper .videoPlayButton:hover {
-webkit-transform: scale(1.1) !important;
-ms-transform: scale(1.1) !important;
transform: scale(1.1) !important
}
body.ar .cta-footer-content .btn {
margin-top: 2.8vw
}
body.de .chapters-screens .screen-section .screen-content h1,
body.ru .chapters-screens .screen-section .screen-content h1,
body.tr .chapters-screens .screen-section .screen-content h1 {
line-height: 1
}
body.tr .chapters-cta-footer .cta-footer-content .left-section h5 {
line-height: 1.3
}
.chapter2s3-header-wrapper {
height: 90vh;
min-height: 1000px;
position: relative;
overflow: hidden
}
@media only screen and (max-width:1199px) {
.chapter2s3-header-wrapper {
height: 50vh;
min-height: 500px
}
}
@media only screen and (max-width:991px) {
.chapter2s3-header-wrapper {
height: 90vh;
max-height: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-top: 10vh;
padding-bottom: 12vh
}
}
.chapter2s3-header-wrapper .header {
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat
}
@media only screen and (max-width:767px) {
.chapter2s3-header-wrapper .header {
height: calc(177vw - 3.7em)
}
}
.chapter2s3-header-wrapper .active.content .animated-content h1,
.chapter2s3-header-wrapper .active.content .animated-content h3 {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
-webkit-animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .6s forwards;
animation: textAnimateIn 1.5s cubic-bezier(.68, -.55, .265, 1.55) .6s forwards
}
.chapter2s3-header-wrapper .content {
position: absolute;
padding-top: 50px;
color: #fff;
left: 0;
right: 0;
width: 100%;
text-align: center;
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
height: 65vh
}
@media only screen and (max-width:1199px) {
.chapter2s3-header-wrapper .content {
height: 40vh
}
}
@media only screen and (min-width:768px) {
.chapter2s3-header-wrapper .content {
top: 15%
}
}
@media only screen and (min-width:992px) {
.chapter2s3-header-wrapper .content {
top: 20%
}
}
@media only screen and (min-width:1200px) {
.chapter2s3-header-wrapper .content {
top: 25%
}
}
@media only screen and (max-width:991px) {
.chapter2s3-header-wrapper .content {
height: 75vh;
max-height: auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 10vh;
padding-bottom: 12vh
}
}
.chapter2s3-header-wrapper .content .animated-content a,
.chapter2s3-header-wrapper .content .animated-content button {
margin-top: 0
}
@media only screen and (max-width:991px) {
.chapter2s3-header-wrapper .content .animated-content a,
.chapter2s3-header-wrapper .content .animated-content button {
margin-top: 1vw;
margin-bottom: 0
}
}
.chapter2s3-header-wrapper .content .animated-content img {
width: 30vw;
margin-bottom: 0
}
@media only screen and (max-width:991px) {
.chapter2s3-header-wrapper .content .animated-content img {
width: 90%
}
}
.chapter2s3-header-wrapper .content .animated-content h1,
.chapter2s3-header-wrapper .content .animated-content h3 {
opacity: 0
}
@media only screen and (max-width:767px) {
.chapter2s3-header-wrapper .content .animated-content {
text-align: center
}
}
.chapter2s3-header-wrapper .content .animated-content h1 {
font-size: 10vw;
line-height: .8;
font-style: italic;
padding-right: 2.5vw;
text-shadow: 0 0 40px rgba(255, 126, 0, .8), 0 5px 8px rgba(255, 126, 0, .3)
}
@media only screen and (max-width:991px) {
.chapter2s3-header-wrapper .content .animated-content h1 {
font-size: 64px
}
}
.chapter2s3-header-wrapper .content .animated-content h3 {
position: relative;
z-index: 1;
font-size: 2vw;
line-height: 1.5;
text-shadow: 0 0 40px rgba(255, 126, 0, .8);
letter-spacing: 5px;
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
margin: 0 0 10px
}
@media only screen and (max-width:991px) {
.chapter2s3-header-wrapper .content .animated-content h3 {
font-size: 21px;
letter-spacing: 2px;
text-align: center;
margin-top: 6.7vw
}
}
@media only screen and (max-width:767px) {
.chapter2s3-header-wrapper .content .animated-content h3 {
margin-top: 28.8vw
}
}
.chapter2s3-header-wrapper .content .animated-content .badge-img img {
margin-bottom: 1em;
width: 10vw
}
@media only screen and (max-width:767px) {
.chapter2s3-header-wrapper .content .animated-content .badge-img img {
width: 25vw
}
}
.chapter2s3-header-wrapper .content .animated-content .logo-img img {
width: 65vw;
margin-bottom: -5%;
margin-top: -3%
}
@media only screen and (max-width:767px) {
.chapter2s3-header-wrapper .content .animated-content .logo-img img {
width: 150vw
}
}
.chapter2s3-header-wrapper .content .play-wrapper {
position: absolute;
right: 3vw;
bottom: 15%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.chapter2s3-header-wrapper .content .play-wrapper {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
bottom: 10%;
right: unset;
left: 40vw
}
}
.chapter2s3-header-wrapper .content .play-wrapper h3 {
margin: 0 1vw 0 0;
font-size: 1.8vw
}
@media only screen and (max-width:767px) {
.chapter2s3-header-wrapper .content .play-wrapper h3 {
font-size: 3vw;
text-align: center
}
}
.chapter2s3-header-wrapper .content .play-wrapper .videoPlayButton {
font-size: .8vw;
margin: 0 auto
}
@media only screen and (max-width:767px) {
.chapter2s3-header-wrapper .content .play-wrapper .videoPlayButton {
font-size: 3vw
}
}
.chapter2s3-header-wrapper .content .play-wrapper .videoPlayButton:hover {
-webkit-transform: scale(1.1) !important;
-ms-transform: scale(1.1) !important;
transform: scale(1.1) !important
}
.chapters-screens {
position: relative;
margin-top: 5%;
color: #000
}
.chapters-screens .screen-section {
width: 65%;
margin: 5% auto 0;
-webkit-perspective: 100vw;
perspective: 100vw
}
@media only screen and (max-width:1199px) {
.chapters-screens .screen-section {
width: 80%
}
}
.chapters-screens .screen-section img {
width: 100%;
-webkit-clip-path: polygon(0 0, 100% 0, 99% 100%, 1% 99%);
clip-path: polygon(0 0, 100% 0, 99% 100%, 1% 99%)
}
.chapters-screens .screen-section .screen-content {
width: 60%;
margin: 5% auto 0;
text-align: center
}
@media only screen and (max-width:767px) {
.chapters-screens .screen-section .screen-content {
width: 80%
}
}
.chapters-screens .screen-section .screen-content h1 {
font-size: 4vw
}
@media only screen and (max-width:767px) {
.chapters-screens .screen-section .screen-content h1 {
font-size: 5vw
}
}
.chapters-screens .screen-section .screen-content h4 {
font-size: 1.5vw
}
@media only screen and (max-width:767px) {
.chapters-screens .screen-section .screen-content h4 {
font-size: 2.5vw
}
}
@-webkit-keyframes screen-swing {
0% {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
50% {
-webkit-clip-path: polygon(1% 2%, 100% 3%, 99% 98%, 0 99%);
clip-path: polygon(1% 2%, 100% 3%, 99% 98%, 0 99%);
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg)
}
to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
-webkit-transform: rotateX(-3deg);
transform: rotateX(-3deg)
}
}
@keyframes screen-swing {
0% {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
50% {
-webkit-clip-path: polygon(1% 2%, 100% 3%, 99% 98%, 0 99%);
clip-path: polygon(1% 2%, 100% 3%, 99% 98%, 0 99%);
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg)
}
to {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
-webkit-transform: rotateX(-3deg);
transform: rotateX(-3deg)
}
}
@-webkit-keyframes jiggle {
0%,
14% {
-webkit-transform: scale(1);
transform: scale(1)
}
2% {
-webkit-transform: scaleY(.9);
transform: scaleY(.9)
}
8% {
-webkit-transform: scale(.9, 1.1) translateY(-5px);
transform: scale(.9, 1.1) translateY(-5px)
}
11% {
-webkit-transform: scale(1) translateY(-3px);
transform: scale(1) translateY(-3px)
}
}
@keyframes jiggle {
0%,
14% {
-webkit-transform: scale(1);
transform: scale(1)
}
2% {
-webkit-transform: scaleY(.9);
transform: scaleY(.9)
}
8% {
-webkit-transform: scale(.9, 1.1) translateY(-5px);
transform: scale(.9, 1.1) translateY(-5px)
}
11% {
-webkit-transform: scale(1) translateY(-3px);
transform: scale(1) translateY(-3px)
}
}
@-webkit-keyframes jelly {
0% {
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0)
}
50% {
-webkit-transform: matrix3d(1.0593, 0, -.1, .00025, 0, .9603, .1, -.0001, .1, -.1, .9801, 0, 0, -3, 0, 1);
transform: matrix3d(1.0593, 0, -.1, .00025, 0, .9603, .1, -.0001, .1, -.1, .9801, 0, 0, -3, 0, 1)
}
to {
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0)
}
}
@keyframes jelly {
0% {
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0)
}
50% {
-webkit-transform: matrix3d(1.0593, 0, -.1, .00025, 0, .9603, .1, -.0001, .1, -.1, .9801, 0, 0, -3, 0, 1);
transform: matrix3d(1.0593, 0, -.1, .00025, 0, .9603, .1, -.0001, .1, -.1, .9801, 0, 0, -3, 0, 1)
}
to {
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0)
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(.1em);
transform: translateY(.1em)
}
50% {
-webkit-transform: translateY(.4em);
transform: translateY(.4em)
}
to {
-webkit-transform: translateY(.1em);
transform: translateY(.1em)
}
}
@keyframes bounce {
0% {
-webkit-transform: translateY(.1em);
transform: translateY(.1em)
}
50% {
-webkit-transform: translateY(.4em);
transform: translateY(.4em)
}
to {
-webkit-transform: translateY(.1em);
transform: translateY(.1em)
}
}
@-webkit-keyframes zoom {
0% {
opacity: 0;
-webkit-transform: scale(.9) translateY(-50%);
transform: scale(.9) translateY(-50%)
}
30% {
opacity: 1;
-webkit-transform: scale(.9) translateY(-50%);
transform: scale(.9) translateY(-50%)
}
50% {
-webkit-transform: scale(1.03) translateY(-50%);
transform: scale(1.03) translateY(-50%)
}
to {
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%)
}
}
@keyframes zoom {
0% {
opacity: 0;
-webkit-transform: scale(.9) translateY(-50%);
transform: scale(.9) translateY(-50%)
}
30% {
opacity: 1;
-webkit-transform: scale(.9) translateY(-50%);
transform: scale(.9) translateY(-50%)
}
50% {
-webkit-transform: scale(1.03) translateY(-50%);
transform: scale(1.03) translateY(-50%)
}
to {
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%)
}
}
@-webkit-keyframes float {
0% {
-webkit-transform: translate(0);
transform: translate(0)
}
65% {
-webkit-transform: translateY(2em);
transform: translateY(2em)
}
to {
-webkit-transform: translate(0);
transform: translate(0)
}
}
@keyframes float {
0% {
-webkit-transform: translate(0);
transform: translate(0)
}
65% {
-webkit-transform: translateY(2em);
transform: translateY(2em)
}
to {
-webkit-transform: translate(0);
transform: translate(0)
}
}
@-webkit-keyframes shadow-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
}
to {
-webkit-box-shadow: 0 0 0 35px transparent;
box-shadow: 0 0 0 35px transparent
}
}
@keyframes shadow-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
}
to {
-webkit-box-shadow: 0 0 0 35px transparent;
box-shadow: 0 0 0 35px transparent
}
}
@-webkit-keyframes text-focus-in {
0% {
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0
}
to {
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1
}
}
@keyframes text-focus-in {
0% {
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0
}
to {
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1
}
}
@-webkit-keyframes bounce-in-from-center {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
38% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1
}
55% {
-webkit-transform: scale(.7);
transform: scale(.7);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
72% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
81% {
-webkit-transform: scale(.84);
transform: scale(.84);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
89% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
95% {
-webkit-transform: scale(.95);
transform: scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}
@keyframes bounce-in-from-center {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
38% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1
}
55% {
-webkit-transform: scale(.7);
transform: scale(.7);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
72% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
81% {
-webkit-transform: scale(.84);
transform: scale(.84);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
89% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
95% {
-webkit-transform: scale(.95);
transform: scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}
@-webkit-keyframes bounce-in-from-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}
@keyframes bounce-in-from-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
}
.chapters-cta-footer {
position: relative;
margin-top: 5vw;
width: 100%;
height: 85vh;
min-height: 1200px
}
@media only screen and (max-width:767px) {
.chapters-cta-footer {
min-height: auto;
max-height: 400px
}
}
@media only screen and (max-width:768px) and (orientation:landscape) {
.chapters-cta-footer {
min-height: 600px;
max-height: auto
}
}
.chapters-cta-footer .ctaBackground {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 0 0
}
.chapters-cta-footer .cta-footer-content {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.chapters-cta-footer .cta-footer-content>div {
width: 50vw
}
@media only screen and (max-width:1199px) {
.chapters-cta-footer .cta-footer-content>div {
width: 100vw
}
}
.chapters-cta-footer .cta-footer-content>div img {
width: 100%
}
.chapters-cta-footer .cta-footer-content .right-section {
color: #fff;
text-align: center;
float: right;
position: absolute;
right: 0
}
@media only screen and (max-width:1199px) {
.chapters-cta-footer .cta-footer-content .right-section {
margin-top: auto;
margin-bottom: 5%;
bottom: 0
}
}
.chapters-cta-footer .cta-footer-content .right-section h1 {
font-size: 9vw
}
@media only screen and (max-width:1199px) {
.chapters-cta-footer .cta-footer-content .right-section h1 {
font-size: 11vw
}
}
.chapters-cta-footer .cta-footer-content .right-section h5 {
font-size: 2vw;
letter-spacing: 1px
}
@media only screen and (max-width:1199px) {
.chapters-cta-footer .cta-footer-content .right-section h5 {
font-size: 6vw
}
}
.chapters-cta-footer .cta-footer-content .right-section h1,
.chapters-cta-footer .cta-footer-content .right-section h5 {
margin: 0
}
.chapters-cta-footer .cta-footer-content .right-section button {
width: auto;
font-size: 2vw;
margin-top: 5%
}
@media only screen and (max-width:1199px) {
.chapters-cta-footer .cta-footer-content .right-section button {
font-size: 4vw;
margin-top: 5%
}
}
.chapters-cta-footer .cta-footer-content .left-section {
width: 55vw;
color: #fff;
text-align: center;
float: left;
position: absolute;
left: 3vw;
top: 24vw
}
@media only screen and (max-width:991px) {
.chapters-cta-footer .cta-footer-content .left-section {
width: 100%;
left: 0;
top: unset;
bottom: 1vw
}
}
.chapters-cta-footer .cta-footer-content .left-section h1 {
font-size: 2vw
}
@media only screen and (max-width:991px) {
.chapters-cta-footer .cta-footer-content .left-section h1 {
font-size: 4.7vw
}
}
.chapters-cta-footer .cta-footer-content .left-section h5 {
font-size: 12vw;
letter-spacing: 1px
}
.chapters-cta-footer .cta-footer-content .left-section h1,
.chapters-cta-footer .cta-footer-content .left-section h5 {
margin: 0
}
.chapters-cta-footer .cta-footer-content .left-section button {
width: auto;
font-size: 2vw;
margin-top: 0
}
@media only screen and (max-width:1199px) {
.chapters-cta-footer .cta-footer-content .left-section button {
font-size: 4vw;
margin-top: 5%;
margin-bottom: 2%
}
}
.chapters-cta-footer .cta-footer-content .left-section .animate-string.pass h5 {
font-size: 9vw
}
.chapters-cta-footer .cta-footer-content .left-section .animate-string.battle {
margin-bottom: -3vw
}
.chapters-cta-footer .cta-footer-content .center-section {
width: 55vw;
color: #fff;
text-align: center;
float: left;
position: absolute;
top: 5vw
}
@media only screen and (max-width:767px) {
.chapters-cta-footer .cta-footer-content .center-section {
width: 100%;
left: 0;
top: unset;
bottom: 1vw
}
}
.chapters-cta-footer .cta-footer-content .center-section h1 {
font-size: 2vw
}
@media only screen and (max-width:767px) {
.chapters-cta-footer .cta-footer-content .center-section h1 {
font-size: 4.7vw
}
}
.chapters-cta-footer .cta-footer-content .center-section h5 {
font-size: 12vw;
letter-spacing: 1px
}
.chapters-cta-footer .cta-footer-content .center-section h1,
.chapters-cta-footer .cta-footer-content .center-section h5 {
margin: 0
}
.chapters-cta-footer .cta-footer-content .center-section button {
width: auto;
font-size: 2vw;
margin-top: 0
}
@media only screen and (max-width:1199px) {
.chapters-cta-footer .cta-footer-content .center-section button {
font-size: 4vw;
margin-top: 5%;
margin-bottom: 2%
}
}
.chapters-cta-footer .cta-footer-content .center-section .animate-string.pass h5 {
font-size: 9vw
}
.chapters-cta-footer .cta-footer-content .center-section .animate-string.battle {
margin-bottom: -3vw
}
.chapter2s2 .chapters-cta-footer {
height: 64vw;
min-height: 64vw
}
@media only screen and (max-width:991px) {
.chapter2s2 .chapters-cta-footer {
height: 100vw;
min-height: 100vw
}
}
.chapter2s2 .chapters-cta-footer .ctaBackground {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: no-repeat top;
background-size: cover;
overflow: hidden
}
body.ja .chapters-cta-footer .cta-footer-content .left-section .animate-string.battle,
body.ko .chapters-cta-footer .cta-footer-content .left-section .animate-string.battle {
margin-bottom: 0
}
body.ja .chapters-cta-footer .cta-footer-content .center-section .animate-string.battle,
body.ko .chapters-cta-footer .cta-footer-content .center-section .animate-string.battle {
margin-bottom: -1vw
}
body.ja .chapters-cta-footer .cta-footer-content h5 {
line-height: 1
}
body.ko .chapters-cta-footer .cta-footer-content h5 {
font-family: aERIN, sans-serif
}
/*# sourceMappingURL=main.fortnite-site.ce8535dff105c335abd7.css.map */