.hzQbTg {
height: 36px;
width: 36px;
margin: 0px auto;
display: block;
}
.hzQbTg svg path {
transition: fill 0.3s ease-out 0s;
}
.hzQbTg.hover.inline .eg-shield:hover {
background: unset;
}
.hzQbTg.hover.inline .eg-shield:hover path {
fill: rgb(255, 255, 0);
}
.hzQbTg.hover .eg-shield:hover {
background: rgb(255, 255, 0);
}
.hzQbTg .eg-shield {
height: 100%;
width: 100%;
transition: background 0.3s ease-out 0s;
mask: url('https://cdn2.unrealengine.com/eg-shield-logo-white-f8185c103d8d.svg');
display: block;
}
.hzQbTg .eg-shield.white {
mask-size: cover;
mask-repeat: no-repeat;
background: rgb(255, 255, 255);
}
.hzQbTg .eg-shield.black {
mask-size: cover;
mask-repeat: no-repeat;
background: rgb(0, 0, 0);
}
.hzQbTg .eg-shield.custom {
mask-size: cover;
mask-repeat: no-repeat;
background: rgb(255, 255, 255);
}
.iXGepO {
padding: 0px 12px 8px;
display: inline-block;
transition: color 0.3s ease-out 0s;
}
.iXGepO .footer-text {
line-height: 22px;
}
.iXGepO .arrow-wrap svg path {
transition: fill 0.3s ease-out 0s;
fill: rgb(255, 255, 0);
}
.iXGepO:hover {
color: rgb(255, 255, 255);
text-decoration: none;
}
.iXGepO:hover .arrow-wrap {
transform: translate3d(0px, 0px, 0px) translateX(1px) translateY(-1px);
}
.iXGepO:hover .arrow-wrap svg path {
fill: rgb(255, 255, 255);
}
.cbTjII {
height: 36px;
width: 36px;
margin: 0px auto;
}
.cbTjII svg path {
transition: fill 0.3s ease-out 0s;
}
.cbTjII.hover.inline .ue-logo:hover {
background: unset;
}
.cbTjII.hover.inline .ue-logo:hover path {
fill: rgb(255, 255, 0);
}
.cbTjII.hover .ue-logo:hover {
background: rgb(255, 255, 0);
}
.cbTjII.hover .ue-logo:hover {
background: rgb(255, 255, 0);
}
.cbTjII .ue-logo {
height: 100%;
width: 100%;
transition: background 0.3s ease-out 0s;
mask: url('https://cdn2.unrealengine.com/ue-logo-white-e34b6ba9383f.svg');
}
.cbTjII .ue-logo.white {
mask-size: cover;
mask-repeat: no-repeat;
background: rgb(255, 255, 255);
}
.cbTjII .ue-logo.black {
mask-size: cover;
mask-repeat: no-repeat;
background: rgb(0, 0, 0);
}
.cbTjII .ue-logo.custom {
mask-size: cover;
mask-repeat: no-repeat;
background: rgb(255, 255, 255);
}
.ihyoyD {
transition: color 0.3s ease-out 0s;
color: rgb(204, 204, 204);
margin: 5px 0px 16px 16px;
}
.ihyoyD svg {
display: inline-block;
height: 100%;
transition: fill 0.3s ease-out 0s;
fill: rgb(204, 204, 204);
}
.ihyoyD svg path {
transition: fill 0.3s ease-out 0s;
fill: rgb(204, 204, 204);
}
.ihyoyD i {
font-size: 28px;
font-weight: 400;
line-height: 22px;
}
.ihyoyD a {
text-decoration: none;
color: rgb(204, 204, 204);
transition: fill 0.3s ease-out 0s, color 0.3s ease-out 0s;
}
.ihyoyD a:hover {
color: rgb(255, 255, 0);
}
.ihyoyD a:hover svg {
fill: rgb(255, 255, 0);
}
.ihyoyD a:hover svg path {
fill: rgb(255, 255, 0);
}
.ihyoyD.ue,
.ihyoyD.eg {
margin-top: -3px;
}
@media (max-width: 959.95px) {
.ihyoyD:last-child {
margin-right: 16px;
}
}
.itGbCD {
padding: 56px 0px;
background: rgb(42, 42, 42);
color: rgb(204, 204, 204);
text-rendering: optimizelegibility;
font-feature-settings: 'kern';
-webkit-font-smoothing: subpixel-antialiased;
}
.itGbCD * {
box-sizing: border-box;
}
.itGbCD :focus {
outline-style: groove;
outline-color: rgb(204, 204, 204);
outline-offset: -2px;
}
.itGbCD a {
color: rgb(204, 204, 204);
text-decoration: none;
transition: color 0.3s ease-out 0s;
}
.itGbCD a:hover {
color: rgb(255, 255, 0);
text-decoration: none;
}
@media (max-width: 959.95px) {
.itGbCD {
padding: 40px 0px;
}
}
.jXnmAo {
display: flex;
flex-wrap: wrap;
-webkit-box-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
align-items: center;
color: rgb(204, 204, 204);
}
@media (max-width: 959.95px) {
.jXnmAo {
margin: 32px 0px 0px;
max-width: 100%;
-webkit-box-pack: center;
justify-content: center;
}
}
.hyKeGC {
margin: 0px auto;
width: 100%;
display: block;
box-sizing: border-box;
max-width: 100%;
padding: 0px;
}
@media (min-width: 0px) {
.hyKeGC {
padding-left: 16px;
padding-right: 16px;
}
}
@media (min-width: 600px) {
.hyKeGC {
padding-left: 24px;
padding-right: 24px;
}
}
@media (min-width: 960px) {
.hyKeGC {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1280px) {
.hyKeGC {
padding-left: 64px;
padding-right: 64px;
max-width: 1456px;
}
}
@media (min-width: 1920px) {
.hyKeGC {
padding-left: 16px;
padding-right: 16px;
}
}
.hyKeGC.ar {
direction: rtl;
}
.eoUNeP {
display: flex;
-webkit-box-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
justify-content: space-between;
}
.eoUNeP.ar .legal-links {
margin-left: 100px;
margin-right: initial;
}
@media (max-width: 959.95px) {
.eoUNeP.ar .legal-links {
margin-left: 0px;
}
}
.eoUNeP .legal-links .footer-link:first-child {
padding-left: 0px;
}
@media (max-width: 959.95px) {
.eoUNeP {
display: block;
text-align: center;
}
.eoUNeP .legal-links {
margin-right: 0px;
margin-top: 32px;
display: flex;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
}
.eoUNeP .footer-link {
text-align: center;
padding: 4px;
}
}
.bsDdlI {
border-style: solid;
}
.bsDdlI.bsDdlI.bsDdlI {
margin: 40px 0px;
border-color: rgb(42, 42, 42);
}
@media (max-width: 959.95px) {
.bsDdlI.bsDdlI.bsDdlI {
margin: 32px 0px;
}
}
.frByFc {
margin-bottom: 16px;
}
.frByFc .footer-text {
font-weight: 500;
font-size: 13px;
line-height: 18px;
letter-spacing: 3px;
font-family: OpenSans, sans-serif, arial;
text-transform: uppercase;
}
@media (max-width: 959.95px) {
.frByFc.split {
text-align: center;
}
}
.gfQfNd {
max-width: 900px;
margin-bottom: 16px;
}
@media (max-width: 959.95px) {
.gfQfNd {
margin: 0px auto 16px;
}
}
@media (max-width: 1279.95px) {
.gfQfNd {
max-width: 600px;
}
}
.gfQfNd .copyright {
font-weight: 400;
font-size: 12px;
line-height: 22px;
letter-spacing: 0.2px;
color: rgb(204, 204, 204);
font-family: OpenSans, sans-serif, arial;
}
.irabwe ul {
margin: 0px;
padding: 0px;
}
.irabwe li {
list-style-type: none;
display: inline-block;
}
.irabwe .subTitle {
margin-bottom: 4px;
text-align: center;
}
.irabwe .subTitle .footer-text {
font-size: 8px;
color: rgb(255, 255, 0);
}
.irabwe img {
background-size: contain;
max-height: 120px;
}
@media (max-width: 959.95px) {
.irabwe {
text-align: center;
}
}
.dJqisO {
display: inline-block;
position: relative;
padding: 3px;
transition: transform 0.2s ease-out 0s;
}
.dJqisO svg path {
transition: fill 0.2s ease-out 0s;
fill: rgb(204, 204, 204);
}
.dJqisO svg {
height: 14px;
width: 14px;
}
.dJqisO:hover {
}
.dJqisO.left svg {
transform: translate3d(0px, 0px, 0px) rotate(-90deg);
}
.dJqisO.up svg {
transform: translate3d(0px, 0px, 0px) rotate(0deg);
}
.dJqisO.upright svg {
transform: translate3d(0px, 0px, 0px) rotate(45deg);
}
.dJqisO.right svg {
transform: translate3d(0px, 0px, 0px) rotate(90deg);
}
.eahRSp {
font-family: OpenSans, sans-serif, arial;
font-size: 13px;
line-height: 16px;
letter-spacing: 2px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 32px;
padding: 12px 24px;
cursor: pointer;
}
.eahRSp.eahRSp {
color: rgb(0, 0, 0);
background: rgb(255, 255, 0);
transition: background 0.3s ease-out 0s;
}
.eahRSp.eahRSp:hover {
background: rgb(247, 247, 86);
}
@media (max-width: 959.95px) {
.eahRSp {
margin-bottom: 0px;
}
}
.gtAuKX {
font-weight: 400;
color: inherit;
font-family: OpenSans, sans-serif, arial;
text-transform: none;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.2px;
}
.gtAuKX.gtAuKX {
margin: 0px;
}
.bxqmFt {
padding: 0px 12px 8px;
display: inline-block;
transition: color 0.3s ease-out 0s;
}
.bxqmFt .footer-text {
line-height: 22px;
}
.bxqmFt .arrow-wrap svg path {
transition: fill 0.3s ease-out 0s;
fill: rgb(255, 255, 0);
}
.bxqmFt:hover {
color: rgb(255, 255, 255);
text-decoration: none;
}
.bxqmFt:hover .arrow-wrap {
transform: translate3d(0px, 0px, 0px) translateX(1px) translateY(-1px);
}
.bxqmFt:hover .arrow-wrap svg path {
fill: rgb(255, 255, 255);
}
.duWZyh {
transition: color 0.3s ease-out 0s;
color: rgb(204, 204, 204);
margin: 5px 0px 16px 16px;
}
.duWZyh svg {
display: inline-block;
height: 100%;
transition: fill 0.3s ease-out 0s;
fill: rgb(204, 204, 204);
}
.duWZyh svg path {
transition: fill 0.3s ease-out 0s;
fill: rgb(204, 204, 204);
}
.duWZyh i {
font-size: 28px;
font-weight: 400;
line-height: 22px;
}
.duWZyh a {
text-decoration: none;
color: rgb(204, 204, 204);
transition: fill 0.3s ease-out 0s, color 0.3s ease-out 0s;
}
.duWZyh a:hover {
color: rgb(255, 255, 0);
}
.duWZyh a:hover svg {
fill: rgb(255, 255, 0);
}
.duWZyh a:hover svg path {
fill: rgb(255, 255, 0);
}
.duWZyh.ue,
.duWZyh.eg {
margin-top: -3px;
}
@media (max-width: 959.95px) {
.duWZyh:last-child {
margin-right: 16px;
}
}
.ifmhKE img {
width: 130px;
height: 130px;
background-size: 100%;
position: absolute;
top: -60px;
left: calc(50% - 65px);
max-width: 130px;
}
.ifmhKE button {
appearance: none;
background: none;
border-style: none;
}
.SkmFI {
display: flex;
flex-wrap: wrap;
-webkit-box-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
align-items: center;
color: rgb(204, 204, 204);
}
@media (max-width: 959.95px) {
.SkmFI {
margin: 32px 0px 0px;
max-width: 100%;
-webkit-box-pack: center;
justify-content: center;
}
}
.dyRERr {
display: flex;
-webkit-box-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
justify-content: space-between;
}
.dyRERr.ar .legal-links {
margin-left: 100px;
margin-right: initial;
}
@media (max-width: 959.95px) {
.dyRERr.ar .legal-links {
margin-left: 0px;
}
}
.dyRERr .legal-links .footer-link:first-child {
padding-left: 0px;
}
@media (max-width: 959.95px) {
.dyRERr {
display: block;
text-align: center;
}
.dyRERr .legal-links {
margin-right: 0px;
margin-top: 32px;
display: flex;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
}
.dyRERr .footer-link {
text-align: center;
padding: 4px;
}
}
.EdHYJ {
margin-bottom: 16px;
}
.EdHYJ .footer-text {
font-weight: 500;
font-size: 13px;
line-height: 18px;
letter-spacing: 3px;
font-family: OpenSans, sans-serif, arial;
text-transform: uppercase;
}
@media (max-width: 959.95px) {
.EdHYJ.split {
text-align: center;
}
}
.hRGMCK .subtitle {
display: block;
}
.hRGMCK a {
padding-left: 0px;
display: block;
}
.hRGMCK .split {
margin: 16px 0px;
}
.hRGMCK .split .columns {
display: flex;
flex-flow: row;
place-content: flex-start;
-webkit-box-pack: start;
align-items: flex-start;
}
.hRGMCK .split .columns .column {
display: inline-block;
margin-right: 16px;
}
@media (max-width: 959.95px) {
.hRGMCK .split .columns {
place-content: center space-evenly;
}
}
@media (max-width: 599.95px) {
.hRGMCK .split .columns {
flex-direction: column;
text-align: center;
align-content: stretch;
-webkit-box-align: center;
align-items: center;
}
.hRGMCK .split .columns .column {
margin-right: 0px;
}
}
.hRGMCK.ar .split .columns .column {
margin-right: initial;
margin-left: 16px;
}
.jpKqSc ul {
margin: 0px;
padding: 0px;
}
.jpKqSc li {
list-style-type: none;
display: inline-block;
}
.jpKqSc .subTitle {
margin-bottom: 4px;
text-align: center;
}
.jpKqSc .subTitle .footer-text {
font-size: 8px;
color: rgb(255, 255, 0);
}
.jpKqSc img {
background-size: contain;
max-height: 120px;
}
@media (max-width: 959.95px) {
.jpKqSc {
text-align: center;
}
}
.gsKtHi {
font-family: OpenSans, sans-serif, arial;
font-size: 13px;
line-height: 16px;
letter-spacing: 2px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 32px;
padding: 12px 24px;
cursor: pointer;
}
.gsKtHi.gsKtHi {
color: rgb(0, 0, 0);
background: rgb(255, 255, 0);
transition: background 0.3s ease-out 0s;
}
.gsKtHi.gsKtHi:hover {
background: rgb(247, 247, 86);
}
@media (max-width: 959.95px) {
.gsKtHi {
margin-bottom: 0px;
}
}
.pNOSm {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.pNOSm.ar {
direction: rtl;
}
@media (max-width: 959.95px) {
.pNOSm {
display: block;
}
}
.pNOSm .news-legal-wrap {
display: flex;
flex-direction: column;
place-content: center;
-webkit-box-pack: center;
align-items: flex-end;
}
@media (max-width: 959.95px) {
.pNOSm .news-legal-wrap {
-webkit-box-align: center;
align-items: center;
}
}
.kHvYWJ img {
width: 130px;
height: 130px;
background-size: 100%;
position: absolute;
top: -60px;
left: calc(50% - 65px);
max-width: 130px;
}
.kHvYWJ button {
appearance: none;
background: none;
border-style: none;
}
.dvvWCr {
width: 40px;
height: 40px;
display: inline-block;
padding: 10px 6px 8px;
text-decoration: none;
}
@media (min-width: 600px) {
.dvvWCr {
margin-right: 6px;
}
}
.dvvWCr.dvvWCr {
color: rgb(204, 204, 204);
}
.dvvWCr i {
font-size: 1.75em;
}
.ekrfyU .subtitle {
display: block;
}
.ekrfyU a {
padding-left: 0px;
display: block;
}
.ekrfyU .split {
margin: 16px 0px;
}
.ekrfyU .split .columns {
display: flex;
flex-flow: row;
place-content: flex-start;
-webkit-box-pack: start;
align-items: flex-start;
}
.ekrfyU .split .columns .column {
display: inline-block;
margin-right: 16px;
}
@media (max-width: 959.95px) {
.ekrfyU .split .columns {
place-content: center space-evenly;
}
}
@media (max-width: 599.95px) {
.ekrfyU .split .columns {
flex-direction: column;
text-align: center;
align-content: stretch;
-webkit-box-align: center;
align-items: center;
}
.ekrfyU .split .columns .column {
margin-right: 0px;
}
}
.ekrfyU.ar .split .columns .column {
margin-right: initial;
margin-left: 16px;
}
.eoBCnS {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.eoBCnS.ar {
direction: rtl;
}
@media (max-width: 959.95px) {
.eoBCnS {
display: block;
}
}
.eoBCnS .news-legal-wrap {
display: flex;
flex-direction: column;
place-content: center;
-webkit-box-pack: center;
align-items: flex-end;
}
@media (max-width: 959.95px) {
.eoBCnS .news-legal-wrap {
-webkit-box-align: center;
align-items: center;
}
}
.djPzin {
appearance: none;
background: none;
border-style: none;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
color: rgb(204, 204, 204);
transition: color 0.3s ease-out 0s;
}
.djPzin:hover {
color: rgb(255, 255, 0);
cursor: pointer;
}
.djPzin:hover .arrow-wrap {
border-color: rgb(255, 255, 0);
}
@media (min-width: 960px) {
.djPzin:hover .arrow-wrap {
transform: translate3d(0px, 0px, 0px) translateY(-2px);
}
}
.djPzin:hover .arrow-wrap svg path {
fill: rgb(255, 255, 0);
}
.djPzin .arrow-wrap {
margin-right: 8px;
transition: color 0.3s ease-out 0s, border-color 0.3s ease-out 0s,
transform 0.3s ease-out 0s;
}
@media (max-width: 959.95px) {
.djPzin .arrow-wrap {
border: 1px solid rgb(204, 204, 204);
border-radius: 2px;
margin: 0px;
padding: 4px 6px;
}
.djPzin .arrow-wrap svg {
height: 20px;
width: 22px;
padding-right: 2px;
}
}
@media (max-width: 959.95px) {
.djPzin {
align-items: flex-start;
}
.djPzin .btt-label {
display: none;
}
}
.djPzin span {
font-family: OpenSans, sans-serif, arial;
font-size: 13px;
line-height: 16px;
letter-spacing: 2px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
.drqozO {
appearance: none;
background: transparent;
cursor: pointer;
border-style: none;
transition: color 0.3s ease-out 0s;
color: rgb(204, 204, 204);
width: 36px;
height: 40px;
display: inline-block;
padding: 10px 4px 8px;
}
.drqozO i {
font-size: 28px;
}
.drqozO:hover {
color: rgb(255, 255, 0);
}
.drqozO .qrcode-bg {
height: 200px;
width: 200px;
background-size: contain;
position: absolute;
z-index: 3;
border-radius: 5px;
}
.jVtyYP {
width: 40px;
height: 40px;
display: inline-block;
padding: 10px 6px 8px;
text-decoration: none;
}
@media (min-width: 600px) {
.jVtyYP {
margin-right: 6px;
}
}
.jVtyYP.jVtyYP {
color: rgb(204, 204, 204);
}
.jVtyYP i {
font-size: 1.75em;
}
.jcdCtp {
margin-left: -6px;
font-size: 18px;
}
.bLvOWs {
display: flex;
-webkit-box-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
}
.bLvOWs.ar {
direction: rtl;
}
html,
body {
margin: 0px;
}
.bOlOGl {
position: relative;
}
.bOlOGl .news-legal-wrap .tags {
display: flex;
flex-direction: column;
}
.bOlOGl .news-legal-wrap .tags img:last-of-type {
margin: 0px auto;
}
.fFyNaA p {
margin-bottom: 2em;
}
.fFyNaA p.centered {
text-align: center;
}
.fFyNaA .buttonContainer {
text-align: center;
}
@media screen and (max-width: 425px) {
.fFyNaA .btn {
margin-bottom: 2em;
width: 100% !important;
}
}
.dxwiWV {
padding: 10px 0px;
min-height: 100vh;
}
.dxwiWV h1.site-block-page-title {
margin-top: 0px;
padding: 2em 0px;
text-transform: uppercase;
text-align: center;
}
@media screen and (max-width: 768px) {
.dxwiWV h1.site-block-page-title {
padding: 1em 0px;
font-size: 2em;
}
}
@media screen and (max-width: 768px) {
.dxwiWV .redeemLoading {
min-height: 100vh;
}
}
@media screen and (max-width: 768px) {
.dxwiWV {
min-height: initial;
padding: 0px 0px 50px;
}
}
@media screen and (max-width: 425px) {
.dxwiWV {
padding: 0px 0px 24px;
}
}
.dxwiWV .posa-content {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
width: 50%;
max-width: 50em;
background: linear-gradient(
to right,
rgb(14, 14, 14) 0%,
rgb(61, 61, 61) 100%
);
padding: 2% 3%;
margin: 2em 0px;
}
@media screen and (max-width: 768px) {
.dxwiWV .posa-content {
width: 75%;
}
}
@media screen and (max-width: 425px) {
.dxwiWV .posa-content {
width: 100%;
flex-wrap: wrap;
padding: 0.5em 2em;
}
}
.dxwiWV .posa-content .posa-content-block {
width: 50%;
padding: 0px;
color: white;
}
@media screen and (max-width: 425px) {
.dxwiWV .posa-content .posa-content-block {
width: 100%;
text-align: center;
}
}
.dxwiWV .posa-content a {
text-decoration: underline;
}
.dxwiWV .posa-content img {
width: 100%;
margin-left: 4em;
}
@media screen and (max-width: 425px) {
.dxwiWV .posa-content img {
width: 60%;
margin-left: 0px;
margin-top: 1em;
}
}
.dxwiWV .posa-content .ar .redeemView,
.dxwiWV .posa-content .ar .inviteView {
direction: rtl;
}
.dxwiWV .posa-content .ar .redeemView .site-block,
.dxwiWV .posa-content .ar .inviteView .site-block {
text-align: initial;
}
.gYtTlO {
width: 50%;
}
@media screen and (max-width: 768px) {
.gYtTlO {
width: 100%;
}
}
.gYtTlO input {
display: block;
margin: 1em auto 2em;
padding: 1em;
width: 100%;
background-color: transparent;
font-weight: 700;
font-size: 1em;
text-align: center;
text-transform: uppercase;
}
@media screen and (max-width: 425px) {
.gYtTlO input {
font-size: 16px;
line-height: 16px;
}
}
@media screen and (max-width: 425px) {
.gYtTlO input p.centered {
text-align: left;
}
}
.gYtTlO .errorMessage {
display: block;
margin-bottom: 2em;
text-align: center;
clear: both;
}
.dYhRoQ {
height: 36px;
width: 36px;
margin: 0px auto;
display: block;
}
.dYhRoQ svg path {
transition: fill 0.3s ease-out 0s;
}
.dYhRoQ.hover.inline .eg-shield:hover {
background: unset;
}
.dYhRoQ.hover.inline .eg-shield:hover path {
fill: rgb(255, 255, 0);
}
.dYhRoQ.hover .eg-shield:hover {
background: rgb(255, 255, 0);
}
.dYhRoQ .eg-shield {
height: 100%;
width: 100%;
transition: background 0.3s ease-out 0s;
mask: url('https://cdn2.unrealengine.com/eg-shield-logo-white-f8185c103d8d.svg');
display: block;
}
.dYhRoQ .eg-shield.white {
mask-size: cover;
mask-repeat: no-repeat;
background: rgb(255, 255, 255);
}
.dYhRoQ .eg-shield.black {
mask-size: cover;
mask-repeat: no-repeat;
background: rgb(0, 0, 0);
}
.dYhRoQ .eg-shield.custom {
mask-size: cover;
mask-repeat: no-repeat;
background: rgb(255, 255, 255);
}
.fgnKbw {
height: 36px;
width: 36px;
margin: 0px auto;
}
.fgnKbw svg path {
transition: fill 0.3s ease-out 0s;
}
.fgnKbw.hover.inline .ue-logo:hover {
background: unset;
}
.fgnKbw.hover.inline .ue-logo:hover path {
fill: rgb(255, 255, 0);
}
.fgnKbw.hover .ue-logo:hover {
background: rgb(255, 255, 0);
}
.fgnKbw.hover .ue-logo:hover {
background: rgb(255, 255, 0);
}
.fgnKbw .ue-logo {
height: 100%;
width: 100%;
transition: background 0.3s ease-out 0s;
mask: url('https://cdn2.unrealengine.com/ue-logo-white-e34b6ba9383f.svg');
}
.fgnKbw .ue-logo.white {
mask-size: cover;
mask-repeat: no-repeat;
background: rgb(255, 255, 255);
}
.fgnKbw .ue-logo.black {
mask-size: cover;
mask-repeat: no-repeat;
background: rgb(0, 0, 0);
}
.fgnKbw .ue-logo.custom {
mask-size: cover;
mask-repeat: no-repeat;
background: rgb(255, 255, 255);
}
.fZLvqt {
padding: 56px 0px;
background: rgb(42, 42, 42);
color: rgb(204, 204, 204);
text-rendering: optimizelegibility;
font-feature-settings: 'kern';
-webkit-font-smoothing: subpixel-antialiased;
}
.fZLvqt * {
box-sizing: border-box;
}
.fZLvqt :focus {
outline-style: groove;
outline-color: rgb(204, 204, 204);
outline-offset: -2px;
}
.fZLvqt a {
color: rgb(204, 204, 204);
text-decoration: none;
transition: color 0.3s ease-out 0s;
}
.fZLvqt a:hover {
color: rgb(255, 255, 0);
text-decoration: none;
}
@media (max-width: 959.95px) {
.fZLvqt {
padding: 40px 0px;
}
}
.iTIwlH {
margin: 0px auto;
width: 100%;
display: block;
box-sizing: border-box;
max-width: 100%;
padding: 0px;
}
@media (min-width: 0px) {
.iTIwlH {
padding-left: 16px;
padding-right: 16px;
}
}
@media (min-width: 600px) {
.iTIwlH {
padding-left: 24px;
padding-right: 24px;
}
}
@media (min-width: 960px) {
.iTIwlH {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1280px) {
.iTIwlH {
padding-left: 64px;
padding-right: 64px;
max-width: 1456px;
}
}
@media (min-width: 1920px) {
.iTIwlH {
padding-left: 16px;
padding-right: 16px;
}
}
.iTIwlH.ar {
direction: rtl;
}
.fYZWDu {
border-style: solid;
}
.fYZWDu.fYZWDu.fYZWDu {
margin: 40px 0px;
border-color: rgb(42, 42, 42);
}
@media (max-width: 959.95px) {
.fYZWDu.fYZWDu.fYZWDu {
margin: 32px 0px;
}
}
.fNKZdb {
max-width: 900px;
margin-bottom: 16px;
}
@media (max-width: 959.95px) {
.fNKZdb {
margin: 0px auto 16px;
}
}
@media (max-width: 1279.95px) {
.fNKZdb {
max-width: 600px;
}
}
.fNKZdb .copyright {
font-weight: 400;
font-size: 12px;
line-height: 22px;
letter-spacing: 0.2px;
color: rgb(204, 204, 204);
font-family: OpenSans, sans-serif, arial;
}
.iaLBGk {
display: inline-block;
position: relative;
padding: 3px;
transition: transform 0.2s ease-out 0s;
}
.iaLBGk svg path {
transition: fill 0.2s ease-out 0s;
fill: rgb(204, 204, 204);
}
.iaLBGk svg {
height: 14px;
width: 14px;
}
.iaLBGk:hover {
}
.iaLBGk.left svg {
transform: translate3d(0px, 0px, 0px) rotate(-90deg);
}
.iaLBGk.up svg {
transform: translate3d(0px, 0px, 0px) rotate(0deg);
}
.iaLBGk.upright svg {
transform: translate3d(0px, 0px, 0px) rotate(45deg);
}
.iaLBGk.right svg {
transform: translate3d(0px, 0px, 0px) rotate(90deg);
}
.cRlvAy {
font-weight: 400;
color: inherit;
font-family: OpenSans, sans-serif, arial;
text-transform: none;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.2px;
}
.cRlvAy.cRlvAy {
margin: 0px;
}
.ejXonm {
appearance: none;
background: none;
border-style: none;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
color: rgb(204, 204, 204);
transition: color 0.3s ease-out 0s;
}
.ejXonm:hover {
color: rgb(255, 255, 0);
cursor: pointer;
}
.ejXonm:hover .arrow-wrap {
border-color: rgb(255, 255, 0);
}
@media (min-width: 960px) {
.ejXonm:hover .arrow-wrap {
transform: translate3d(0px, 0px, 0px) translateY(-2px);
}
}
.ejXonm:hover .arrow-wrap svg path {
fill: rgb(255, 255, 0);
}
.ejXonm .arrow-wrap {
margin-right: 8px;
transition: color 0.3s ease-out 0s, border-color 0.3s ease-out 0s,
transform 0.3s ease-out 0s;
}
@media (max-width: 959.95px) {
.ejXonm .arrow-wrap {
border: 1px solid rgb(204, 204, 204);
border-radius: 2px;
margin: 0px;
padding: 4px 6px;
}
.ejXonm .arrow-wrap svg {
height: 20px;
width: 22px;
padding-right: 2px;
}
}
@media (max-width: 959.95px) {
.ejXonm {
align-items: flex-start;
}
.ejXonm .btt-label {
display: none;
}
}
.ejXonm span {
font-family: OpenSans, sans-serif, arial;
font-size: 13px;
line-height: 16px;
letter-spacing: 2px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
.dvDWwY {
appearance: none;
background: transparent;
cursor: pointer;
border-style: none;
transition: color 0.3s ease-out 0s;
color: rgb(204, 204, 204);
width: 36px;
height: 40px;
display: inline-block;
padding: 10px 4px 8px;
}
.dvDWwY i {
font-size: 28px;
}
.dvDWwY:hover {
color: rgb(255, 255, 0);
}
.dvDWwY .qrcode-bg {
height: 200px;
width: 200px;
background-size: contain;
position: absolute;
z-index: 3;
border-radius: 5px;
}
.imOOPe {
margin-left: -6px;
font-size: 18px;
}
.kseONY {
display: flex;
-webkit-box-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
}
.kseONY.ar {
direction: rtl;
}
.cBlBTO p {
margin-bottom: 2em;
}
.cBlBTO p.centered {
text-align: center;
}
.cBlBTO .buttonContainer {
text-align: center;
}
@media screen and (max-width: 425px) {
.cBlBTO .btn {
margin-bottom: 2em;
width: 100% !important;
}
}
.bcjfMw {
padding: 10px 0px;
min-height: 100vh;
}
.bcjfMw h1.site-block-page-title {
margin-top: 0px;
padding: 2em 0px;
text-transform: uppercase;
text-align: center;
}
@media screen and (max-width: 768px) {
.bcjfMw h1.site-block-page-title {
padding: 1em 0px;
font-size: 2em;
}
}
@media screen and (max-width: 768px) {
.bcjfMw .redeemLoading {
min-height: 100vh;
}
}
@media screen and (max-width: 768px) {
.bcjfMw {
min-height: initial;
padding: 0px 0px 50px;
}
}
@media screen and (max-width: 425px) {
.bcjfMw {
padding: 0px 0px 24px;
}
}
.bcjfMw .posa-content {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
width: 50%;
max-width: 50em;
background: linear-gradient(
to right,
rgb(14, 14, 14) 0%,
rgb(61, 61, 61) 100%
);
padding: 2% 3%;
margin: 2em 0px;
}
@media screen and (max-width: 768px) {
.bcjfMw .posa-content {
width: 75%;
}
}
@media screen and (max-width: 425px) {
.bcjfMw .posa-content {
width: 100%;
flex-wrap: wrap;
padding: 0.5em 2em;
}
}
.bcjfMw .posa-content .posa-content-block {
width: 50%;
padding: 0px;
color: white;
}
@media screen and (max-width: 425px) {
.bcjfMw .posa-content .posa-content-block {
width: 100%;
text-align: center;
}
}
.bcjfMw .posa-content a {
text-decoration: underline;
}
.bcjfMw .posa-content img {
width: 100%;
margin-left: 4em;
}
@media screen and (max-width: 425px) {
.bcjfMw .posa-content img {
width: 60%;
margin-left: 0px;
margin-top: 1em;
}
}
.bcjfMw .posa-content .ar .redeemView,
.bcjfMw .posa-content .ar .inviteView {
direction: rtl;
}
.bcjfMw .posa-content .ar .redeemView .site-block,
.bcjfMw .posa-content .ar .inviteView .site-block {
text-align: initial;
}
.jNtREK {
width: 50%;
}
@media screen and (max-width: 768px) {
.jNtREK {
width: 75%;
}
}
@media screen and (max-width: 425px) {
.jNtREK {
width: 100%;
}
}
.jNtREK input {
display: block;
margin: 1em auto 2em;
padding: 1em;
width: 100%;
background-color: transparent;
font-weight: 700;
font-size: 1em;
text-align: center;
text-transform: uppercase;
}
@media screen and (max-width: 425px) {
.jNtREK input {
font-size: 16px;
line-height: 16px;
}
}
@media screen and (max-width: 425px) {
.jNtREK input p.centered {
text-align: left;
}
}
.jNtREK .errorMessage {
display: block;
margin-bottom: 2em;
text-align: center;
clear: both;
}
html {
text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0px;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0px;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0px;
}
mark {
background: rgb(255, 255, 0);
color: rgb(0, 0, 0);
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0px;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0px;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0px;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input {
line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
padding: 0px;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
}
input[type='search'] {
appearance: textfield;
box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0px 2px;
padding: 0.35em 0.625em 0.75em;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0px;
}
td,
th {
padding: 0px;
}
@media print {
*,
::after,
::before {
background: transparent !important;
box-shadow: none !important;
color: rgb(0, 0, 0) !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]::after {
content: ' (' attr(href) ')';
}
abbr[title]::after {
content: ' (' attr(title) ')';
}
a[href^='#']::after,
a[href^='javascript:']::after {
content: '';
}
blockquote,
pre {
border: 1px solid rgb(153, 153, 153);
break-inside: avoid;
}
thead {
display: table-header-group;
}
img,
tr {
break-inside: avoid;
}
img {
max-width: 100% !important;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
break-after: avoid;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: rgb(0, 0, 0) !important;
}
.label {
border: 1px solid rgb(0, 0, 0);
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: rgb(255, 255, 255) !important;
}
.table-bordered td,
.table-bordered th {
border: 1px solid rgb(221, 221, 221) !important;
}
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('be810be3a3e14c682a257d6eff341fe4.woff2') format('woff2'),
url('82b1212e45a2bc35dd731913b27ad813.woff') format('woff'),
url('4692b9ec53fd5972caa2f2372ae20d16.ttf') format('truetype');
}
.glyphicon {
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
position: relative;
top: 1px;
}
.glyphicon-asterisk::before {
content: '*';
}
.glyphicon-plus::before {
content: '+';
}
.glyphicon-eur::before,
.glyphicon-euro::before {
content: '€';
}
.glyphicon-minus::before {
content: '−';
}
.glyphicon-cloud::before {
content: '☁';
}
.glyphicon-envelope::before {
content: '✉';
}
.glyphicon-pencil::before {
content: '✏';
}
.glyphicon-glass::before {
content: '';
}
.glyphicon-music::before {
content: '';
}
.glyphicon-search::before {
content: '';
}
.glyphicon-heart::before {
content: '';
}
.glyphicon-star::before {
content: '';
}
.glyphicon-star-empty::before {
content: '';
}
.glyphicon-user::before {
content: '';
}
.glyphicon-film::before {
content: '';
}
.glyphicon-th-large::before {
content: '';
}
.glyphicon-th::before {
content: '';
}
.glyphicon-th-list::before {
content: '';
}
.glyphicon-ok::before {
content: '';
}
.glyphicon-remove::before {
content: '';
}
.glyphicon-zoom-in::before {
content: '';
}
.glyphicon-zoom-out::before {
content: '';
}
.glyphicon-off::before {
content: '';
}
.glyphicon-signal::before {
content: '';
}
.glyphicon-cog::before {
content: '';
}
.glyphicon-trash::before {
content: '';
}
.glyphicon-home::before {
content: '';
}
.glyphicon-file::before {
content: '';
}
.glyphicon-time::before {
content: '';
}
.glyphicon-road::before {
content: '';
}
.glyphicon-download-alt::before {
content: '';
}
.glyphicon-download::before {
content: '';
}
.glyphicon-upload::before {
content: '';
}
.glyphicon-inbox::before {
content: '';
}
.glyphicon-play-circle::before {
content: '';
}
.glyphicon-repeat::before {
content: '';
}
.glyphicon-refresh::before {
content: '';
}
.glyphicon-list-alt::before {
content: '';
}
.glyphicon-lock::before {
content: '';
}
.glyphicon-flag::before {
content: '';
}
.glyphicon-headphones::before {
content: '';
}
.glyphicon-volume-off::before {
content: '';
}
.glyphicon-volume-down::before {
content: '';
}
.glyphicon-volume-up::before {
content: '';
}
.glyphicon-qrcode::before {
content: '';
}
.glyphicon-barcode::before {
content: '';
}
.glyphicon-tag::before {
content: '';
}
.glyphicon-tags::before {
content: '';
}
.glyphicon-book::before {
content: '';
}
.glyphicon-bookmark::before {
content: '';
}
.glyphicon-print::before {
content: '';
}
.glyphicon-camera::before {
content: '';
}
.glyphicon-font::before {
content: '';
}
.glyphicon-bold::before {
content: '';
}
.glyphicon-italic::before {
content: '';
}
.glyphicon-text-height::before {
content: '';
}
.glyphicon-text-width::before {
content: '';
}
.glyphicon-align-left::before {
content: '';
}
.glyphicon-align-center::before {
content: '';
}
.glyphicon-align-right::before {
content: '';
}
.glyphicon-align-justify::before {
content: '';
}
.glyphicon-list::before {
content: '';
}
.glyphicon-indent-left::before {
content: '';
}
.glyphicon-indent-right::before {
content: '';
}
.glyphicon-facetime-video::before {
content: '';
}
.glyphicon-picture::before {
content: '';
}
.glyphicon-map-marker::before {
content: '';
}
.glyphicon-adjust::before {
content: '';
}
.glyphicon-tint::before {
content: '';
}
.glyphicon-edit::before {
content: '';
}
.glyphicon-share::before {
content: '';
}
.glyphicon-check::before {
content: '';
}
.glyphicon-move::before {
content: '';
}
.glyphicon-step-backward::before {
content: '';
}
.glyphicon-fast-backward::before {
content: '';
}
.glyphicon-backward::before {
content: '';
}
.glyphicon-play::before {
content: '';
}
.glyphicon-pause::before {
content: '';
}
.glyphicon-stop::before {
content: '';
}
.glyphicon-forward::before {
content: '';
}
.glyphicon-fast-forward::before {
content: '';
}
.glyphicon-step-forward::before {
content: '';
}
.glyphicon-eject::before {
content: '';
}
.glyphicon-chevron-left::before {
content: '';
}
.glyphicon-chevron-right::before {
content: '';
}
.glyphicon-plus-sign::before {
content: '';
}
.glyphicon-minus-sign::before {
content: '';
}
.glyphicon-remove-sign::before {
content: '';
}
.glyphicon-ok-sign::before {
content: '';
}
.glyphicon-question-sign::before {
content: '';
}
.glyphicon-info-sign::before {
content: '';
}
.glyphicon-screenshot::before {
content: '';
}
.glyphicon-remove-circle::before {
content: '';
}
.glyphicon-ok-circle::before {
content: '';
}
.glyphicon-ban-circle::before {
content: '';
}
.glyphicon-arrow-left::before {
content: '';
}
.glyphicon-arrow-right::before {
content: '';
}
.glyphicon-arrow-up::before {
content: '';
}
.glyphicon-arrow-down::before {
content: '';
}
.glyphicon-share-alt::before {
content: '';
}
.glyphicon-resize-full::before {
content: '';
}
.glyphicon-resize-small::before {
content: '';
}
.glyphicon-exclamation-sign::before {
content: '';
}
.glyphicon-gift::before {
content: '';
}
.glyphicon-leaf::before {
content: '';
}
.glyphicon-fire::before {
content: '';
}
.glyphicon-eye-open::before {
content: '';
}
.glyphicon-eye-close::before {
content: '';
}
.glyphicon-warning-sign::before {
content: '';
}
.glyphicon-plane::before {
content: '';
}
.glyphicon-calendar::before {
content: '';
}
.glyphicon-random::before {
content: '';
}
.glyphicon-comment::before {
content: '';
}
.glyphicon-magnet::before {
content: '';
}
.glyphicon-chevron-up::before {
content: '';
}
.glyphicon-chevron-down::before {
content: '';
}
.glyphicon-retweet::before {
content: '';
}
.glyphicon-shopping-cart::before {
content: '';
}
.glyphicon-folder-close::before {
content: '';
}
.glyphicon-folder-open::before {
content: '';
}
.glyphicon-resize-vertical::before {
content: '';
}
.glyphicon-resize-horizontal::before {
content: '';
}
.glyphicon-hdd::before {
content: '';
}
.glyphicon-bullhorn::before {
content: '';
}
.glyphicon-bell::before {
content: '';
}
.glyphicon-certificate::before {
content: '';
}
.glyphicon-thumbs-up::before {
content: '';
}
.glyphicon-thumbs-down::before {
content: '';
}
.glyphicon-hand-right::before {
content: '';
}
.glyphicon-hand-left::before {
content: '';
}
.glyphicon-hand-up::before {
content: '';
}
.glyphicon-hand-down::before {
content: '';
}
.glyphicon-circle-arrow-right::before {
content: '';
}
.glyphicon-circle-arrow-left::before {
content: '';
}
.glyphicon-circle-arrow-up::before {
content: '';
}
.glyphicon-circle-arrow-down::before {
content: '';
}
.glyphicon-globe::before {
content: '';
}
.glyphicon-wrench::before {
content: '';
}
.glyphicon-tasks::before {
content: '';
}
.glyphicon-filter::before {
content: '';
}
.glyphicon-briefcase::before {
content: '';
}
.glyphicon-fullscreen::before {
content: '';
}
.glyphicon-dashboard::before {
content: '';
}
.glyphicon-paperclip::before {
content: '';
}
.glyphicon-heart-empty::before {
content: '';
}
.glyphicon-link::before {
content: '';
}
.glyphicon-phone::before {
content: '';
}
.glyphicon-pushpin::before {
content: '';
}
.glyphicon-usd::before {
content: '';
}
.glyphicon-gbp::before {
content: '';
}
.glyphicon-sort::before {
content: '';
}
.glyphicon-sort-by-alphabet::before {
content: '';
}
.glyphicon-sort-by-alphabet-alt::before {
content: '';
}
.glyphicon-sort-by-order::before {
content: '';
}
.glyphicon-sort-by-order-alt::before {
content: '';
}
.glyphicon-sort-by-attributes::before {
content: '';
}
.glyphicon-sort-by-attributes-alt::before {
content: '';
}
.glyphicon-unchecked::before {
content: '';
}
.glyphicon-expand::before {
content: '';
}
.glyphicon-collapse-down::before {
content: '';
}
.glyphicon-collapse-up::before {
content: '';
}
.glyphicon-log-in::before {
content: '';
}
.glyphicon-flash::before {
content: '';
}
.glyphicon-log-out::before {
content: '';
}
.glyphicon-new-window::before {
content: '';
}
.glyphicon-record::before {
content: '';
}
.glyphicon-save::before {
content: '';
}
.glyphicon-open::before {
content: '';
}
.glyphicon-saved::before {
content: '';
}
.glyphicon-import::before {
content: '';
}
.glyphicon-export::before {
content: '';
}
.glyphicon-send::before {
content: '';
}
.glyphicon-floppy-disk::before {
content: '';
}
.glyphicon-floppy-saved::before {
content: '';
}
.glyphicon-floppy-remove::before {
content: '';
}
.glyphicon-floppy-save::before {
content: '';
}
.glyphicon-floppy-open::before {
content: '';
}
.glyphicon-credit-card::before {
content: '';
}
.glyphicon-transfer::before {
content: '';
}
.glyphicon-cutlery::before {
content: '';
}
.glyphicon-header::before {
content: '';
}
.glyphicon-compressed::before {
content: '';
}
.glyphicon-earphone::before {
content: '';
}
.glyphicon-phone-alt::before {
content: '';
}
.glyphicon-tower::before {
content: '';
}
.glyphicon-stats::before {
content: '';
}
.glyphicon-sd-video::before {
content: '';
}
.glyphicon-hd-video::before {
content: '';
}
.glyphicon-subtitles::before {
content: '';
}
.glyphicon-sound-stereo::before {
content: '';
}
.glyphicon-sound-dolby::before {
content: '';
}
.glyphicon-sound-5-1::before {
content: '';
}
.glyphicon-sound-6-1::before {
content: '';
}
.glyphicon-sound-7-1::before {
content: '';
}
.glyphicon-copyright-mark::before {
content: '';
}
.glyphicon-registration-mark::before {
content: '';
}
.glyphicon-cloud-download::before {
content: '';
}
.glyphicon-cloud-upload::before {
content: '';
}
.glyphicon-tree-conifer::before {
content: '';
}
.glyphicon-tree-deciduous::before {
content: '';
}
.glyphicon-cd::before {
content: '';
}
.glyphicon-save-file::before {
content: '';
}
.glyphicon-open-file::before {
content: '';
}
.glyphicon-level-up::before {
content: '';
}
.glyphicon-copy::before {
content: '';
}
.glyphicon-paste::before {
content: '';
}
.glyphicon-alert::before {
content: '';
}
.glyphicon-equalizer::before {
content: '';
}
.glyphicon-king::before {
content: '';
}
.glyphicon-queen::before {
content: '';
}
.glyphicon-pawn::before {
content: '';
}
.glyphicon-bishop::before {
content: '';
}
.glyphicon-knight::before {
content: '';
}
.glyphicon-baby-formula::before {
content: '';
}
.glyphicon-tent::before {
content: '⛺';
}
.glyphicon-blackboard::before {
content: '';
}
.glyphicon-bed::before {
content: '';
}
.glyphicon-apple::before {
content: '';
}
.glyphicon-erase::before {
content: '';
}
.glyphicon-hourglass::before {
content: '⌛';
}
.glyphicon-lamp::before {
content: '';
}
.glyphicon-duplicate::before {
content: '';
}
.glyphicon-piggy-bank::before {
content: '';
}
.glyphicon-scissors::before {
content: '';
}
.glyphicon-bitcoin::before,
.glyphicon-btc::before,
.glyphicon-xbt::before {
content: '';
}
.glyphicon-jpy::before,
.glyphicon-yen::before {
content: '¥';
}
.glyphicon-rub::before,
.glyphicon-ruble::before {
content: '₽';
}
.glyphicon-scale::before {
content: '';
}
.glyphicon-ice-lolly::before {
content: '';
}
.glyphicon-ice-lolly-tasted::before {
content: '';
}
.glyphicon-education::before {
content: '';
}
.glyphicon-option-horizontal::before {
content: '';
}
.glyphicon-option-vertical::before {
content: '';
}
.glyphicon-menu-hamburger::before {
content: '';
}
.glyphicon-modal-window::before {
content: '';
}
.glyphicon-oil::before {
content: '';
}
.glyphicon-grain::before {
content: '';
}
.glyphicon-sunglasses::before {
content: '';
}
.glyphicon-text-size::before {
content: '';
}
.glyphicon-text-color::before {
content: '';
}
.glyphicon-text-background::before {
content: '';
}
.glyphicon-object-align-top::before {
content: '';
}
.glyphicon-object-align-bottom::before {
content: '';
}
.glyphicon-object-align-horizontal::before {
content: '';
}
.glyphicon-object-align-left::before {
content: '';
}
.glyphicon-object-align-vertical::before {
content: '';
}
.glyphicon-object-align-right::before {
content: '';
}
.glyphicon-triangle-right::before {
content: '';
}
.glyphicon-triangle-left::before {
content: '';
}
.glyphicon-triangle-bottom::before {
content: '';
}
.glyphicon-triangle-top::before {
content: '';
}
.glyphicon-console::before {
content: '';
}
.glyphicon-superscript::before {
content: '';
}
.glyphicon-subscript::before {
content: '';
}
.glyphicon-menu-left::before {
content: '';
}
.glyphicon-menu-right::before {
content: '';
}
.glyphicon-menu-down::before {
content: '';
}
.glyphicon-menu-up::before {
content: '';
}
*,
::after,
::before {
box-sizing: border-box;
}
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-size: 10px;
}
body {
background-color: rgb(255, 255, 255);
color: rgb(51, 51, 51);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: rgb(51, 122, 183);
text-decoration: none;
}
a:focus,
a:hover {
color: rgb(35, 82, 124);
text-decoration: underline;
}
a:focus {
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px;
}
figure {
margin: 0px;
}
img {
vertical-align: middle;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
display: block;
height: auto;
max-width: 100%;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(221, 221, 221);
border-radius: 4px;
display: inline-block;
height: auto;
line-height: 1.42857;
max-width: 100%;
padding: 4px;
transition: all 0.2s ease-in-out 0s;
}
.img-circle {
border-radius: 50%;
}
hr {
border-width: 1px 0px 0px;
border-right-style: initial;
border-bottom-style: initial;
border-left-style: initial;
border-right-color: initial;
border-bottom-color: initial;
border-left-color: initial;
border-image: initial;
border-top-style: solid;
border-top-color: rgb(238, 238, 238);
margin-bottom: 20px;
margin-top: 20px;
}
.sr-only {
clip: rect(0px, 0px, 0px, 0px);
border: 0px;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0px;
position: absolute;
width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0px;
overflow: visible;
position: static;
width: auto;
}
[role='button'] {
cursor: pointer;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
color: inherit;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
color: rgb(119, 119, 119);
font-weight: 400;
line-height: 1;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
margin-bottom: 10px;
margin-top: 20px;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
font-size: 65%;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
margin-bottom: 10px;
margin-top: 10px;
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
font-size: 75%;
}
.h1,
h1 {
font-size: 36px;
}
.h2,
h2 {
font-size: 30px;
}
.h3,
h3 {
font-size: 24px;
}
.h4,
h4 {
font-size: 18px;
}
.h5,
h5 {
font-size: 14px;
}
.h6,
h6 {
font-size: 12px;
}
p {
margin: 0px 0px 10px;
}
.lead {
font-size: 16px;
font-weight: 300;
line-height: 1.4;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
.small,
small {
font-size: 85%;
}
.mark,
mark {
background-color: rgb(252, 248, 227);
padding: 0.2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: rgb(119, 119, 119);
}
.text-primary {
color: rgb(51, 122, 183);
}
a.text-primary:focus,
a.text-primary:hover {
color: rgb(40, 96, 144);
}
.text-success {
color: rgb(60, 118, 61);
}
a.text-success:focus,
a.text-success:hover {
color: rgb(43, 84, 44);
}
.text-info {
color: rgb(49, 112, 143);
}
a.text-info:focus,
a.text-info:hover {
color: rgb(36, 82, 105);
}
.text-warning {
color: rgb(138, 109, 59);
}
a.text-warning:focus,
a.text-warning:hover {
color: rgb(102, 81, 44);
}
.text-danger {
color: rgb(169, 68, 66);
}
a.text-danger:focus,
a.text-danger:hover {
color: rgb(132, 53, 52);
}
.bg-primary {
background-color: rgb(51, 122, 183);
color: rgb(255, 255, 255);
}
a.bg-primary:focus,
a.bg-primary:hover {
background-color: rgb(40, 96, 144);
}
.bg-success {
background-color: rgb(223, 240, 216);
}
a.bg-success:focus,
a.bg-success:hover {
background-color: rgb(193, 226, 179);
}
.bg-info {
background-color: rgb(217, 237, 247);
}
a.bg-info:focus,
a.bg-info:hover {
background-color: rgb(175, 217, 238);
}
.bg-warning {
background-color: rgb(252, 248, 227);
}
a.bg-warning:focus,
a.bg-warning:hover {
background-color: rgb(247, 236, 181);
}
.bg-danger {
background-color: rgb(242, 222, 222);
}
a.bg-danger:focus,
a.bg-danger:hover {
background-color: rgb(228, 185, 185);
}
.page-header {
border-bottom: 1px solid rgb(238, 238, 238);
margin: 40px 0px 20px;
padding-bottom: 9px;
}
ol,
ul {
margin-bottom: 10px;
margin-top: 0px;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0px;
}
.list-inline,
.list-unstyled {
list-style: none;
padding-left: 0px;
}
.list-inline {
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-bottom: 20px;
margin-top: 0px;
}
dd,
dt {
line-height: 1.42857;
}
dt {
font-weight: 700;
}
dd {
margin-left: 0px;
}
@media (min-width: 768px) {
.dl-horizontal dt {
clear: left;
float: left;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
width: 160px;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[data-original-title],
abbr[title] {
border-bottom: 1px dotted rgb(119, 119, 119);
cursor: help;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
border-left: 5px solid rgb(238, 238, 238);
font-size: 17.5px;
margin: 0px 0px 20px;
padding: 10px 20px;
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
margin-bottom: 0px;
}
blockquote .small,
blockquote footer,
blockquote small {
color: rgb(119, 119, 119);
display: block;
font-size: 80%;
line-height: 1.42857;
}
blockquote .small::before,
blockquote footer::before,
blockquote small::before {
content: '— ';
}
.blockquote-reverse,
blockquote.pull-right {
border-left: 0px;
border-right: 5px solid rgb(238, 238, 238);
padding-left: 0px;
padding-right: 15px;
text-align: right;
}
.blockquote-reverse .small::before,
.blockquote-reverse footer::before,
.blockquote-reverse small::before,
blockquote.pull-right .small::before,
blockquote.pull-right footer::before,
blockquote.pull-right small::before {
content: '';
}
.blockquote-reverse .small::after,
.blockquote-reverse footer::after,
.blockquote-reverse small::after,
blockquote.pull-right .small::after,
blockquote.pull-right footer::after,
blockquote.pull-right small::after {
content: ' —';
}
address {
font-style: normal;
line-height: 1.42857;
margin-bottom: 20px;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}
code {
background-color: rgb(249, 242, 244);
border-radius: 4px;
color: rgb(199, 37, 78);
}
code,
kbd {
font-size: 90%;
padding: 2px 4px;
}
kbd {
background-color: rgb(51, 51, 51);
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px inset;
color: rgb(255, 255, 255);
}
kbd kbd {
box-shadow: none;
font-size: 100%;
font-weight: 700;
padding: 0px;
}
pre {
overflow-wrap: break-word;
background-color: rgb(245, 245, 245);
border: 1px solid rgb(204, 204, 204);
border-radius: 4px;
color: rgb(51, 51, 51);
display: block;
font-size: 13px;
line-height: 1.42857;
margin: 0px 0px 10px;
padding: 9.5px;
word-break: break-all;
}
pre code {
background-color: transparent;
border-radius: 0px;
color: inherit;
font-size: inherit;
padding: 0px;
white-space: pre-wrap;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.6667%;
}
.col-xs-10 {
width: 83.3333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.6667%;
}
.col-xs-7 {
width: 58.3333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.6667%;
}
.col-xs-4 {
width: 33.3333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.6667%;
}
.col-xs-1 {
width: 8.33333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.6667%;
}
.col-xs-pull-10 {
right: 83.3333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.6667%;
}
.col-xs-pull-7 {
right: 58.3333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.6667%;
}
.col-xs-pull-4 {
right: 33.3333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.6667%;
}
.col-xs-pull-1 {
right: 8.33333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.6667%;
}
.col-xs-push-10 {
left: 83.3333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.6667%;
}
.col-xs-push-7 {
left: 58.3333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.6667%;
}
.col-xs-push-4 {
left: 33.3333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.6667%;
}
.col-xs-push-1 {
left: 8.33333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.6667%;
}
.col-xs-offset-10 {
margin-left: 83.3333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.6667%;
}
.col-xs-offset-7 {
margin-left: 58.3333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.6667%;
}
.col-xs-offset-4 {
margin-left: 33.3333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.6667%;
}
.col-xs-offset-1 {
margin-left: 8.33333%;
}
.col-xs-offset-0 {
margin-left: 0px;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.6667%;
}
.col-sm-10 {
width: 83.3333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.6667%;
}
.col-sm-7 {
width: 58.3333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.6667%;
}
.col-sm-4 {
width: 33.3333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.6667%;
}
.col-sm-1 {
width: 8.33333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.6667%;
}
.col-sm-pull-10 {
right: 83.3333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.6667%;
}
.col-sm-pull-7 {
right: 58.3333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.6667%;
}
.col-sm-pull-4 {
right: 33.3333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.6667%;
}
.col-sm-pull-1 {
right: 8.33333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.6667%;
}
.col-sm-push-10 {
left: 83.3333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.6667%;
}
.col-sm-push-7 {
left: 58.3333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.6667%;
}
.col-sm-push-4 {
left: 33.3333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.6667%;
}
.col-sm-push-1 {
left: 8.33333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.6667%;
}
.col-sm-offset-10 {
margin-left: 83.3333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.6667%;
}
.col-sm-offset-7 {
margin-left: 58.3333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.6667%;
}
.col-sm-offset-4 {
margin-left: 33.3333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.6667%;
}
.col-sm-offset-1 {
margin-left: 8.33333%;
}
.col-sm-offset-0 {
margin-left: 0px;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.6667%;
}
.col-md-10 {
width: 83.3333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.6667%;
}
.col-md-7 {
width: 58.3333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.6667%;
}
.col-md-4 {
width: 33.3333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.6667%;
}
.col-md-1 {
width: 8.33333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.6667%;
}
.col-md-pull-10 {
right: 83.3333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.6667%;
}
.col-md-pull-7 {
right: 58.3333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.6667%;
}
.col-md-pull-4 {
right: 33.3333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.6667%;
}
.col-md-pull-1 {
right: 8.33333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.6667%;
}
.col-md-push-10 {
left: 83.3333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.6667%;
}
.col-md-push-7 {
left: 58.3333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.6667%;
}
.col-md-push-4 {
left: 33.3333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.6667%;
}
.col-md-push-1 {
left: 8.33333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.6667%;
}
.col-md-offset-10 {
margin-left: 83.3333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.6667%;
}
.col-md-offset-7 {
margin-left: 58.3333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.6667%;
}
.col-md-offset-4 {
margin-left: 33.3333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.6667%;
}
.col-md-offset-1 {
margin-left: 8.33333%;
}
.col-md-offset-0 {
margin-left: 0px;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.6667%;
}
.col-lg-10 {
width: 83.3333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.6667%;
}
.col-lg-7 {
width: 58.3333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.6667%;
}
.col-lg-4 {
width: 33.3333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.6667%;
}
.col-lg-1 {
width: 8.33333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.6667%;
}
.col-lg-pull-10 {
right: 83.3333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.6667%;
}
.col-lg-pull-7 {
right: 58.3333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.6667%;
}
.col-lg-pull-4 {
right: 33.3333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.6667%;
}
.col-lg-pull-1 {
right: 8.33333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.6667%;
}
.col-lg-push-10 {
left: 83.3333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.6667%;
}
.col-lg-push-7 {
left: 58.3333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.6667%;
}
.col-lg-push-4 {
left: 33.3333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.6667%;
}
.col-lg-push-1 {
left: 8.33333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.6667%;
}
.col-lg-offset-10 {
margin-left: 83.3333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.6667%;
}
.col-lg-offset-7 {
margin-left: 58.3333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.6667%;
}
.col-lg-offset-4 {
margin-left: 33.3333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.6667%;
}
.col-lg-offset-1 {
margin-left: 8.33333%;
}
.col-lg-offset-0 {
margin-left: 0px;
}
}
table {
background-color: transparent;
}
caption {
color: rgb(119, 119, 119);
padding-bottom: 8px;
padding-top: 8px;
}
caption,
th {
text-align: left;
}
.table {
margin-bottom: 20px;
max-width: 100%;
width: 100%;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
border-top: 1px solid rgb(221, 221, 221);
line-height: 1.42857;
padding: 8px;
vertical-align: top;
}
.table > thead > tr > th {
border-bottom: 2px solid rgb(221, 221, 221);
vertical-align: bottom;
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
border-top: 0px;
}
.table > tbody + tbody {
border-top: 2px solid rgb(221, 221, 221);
}
.table .table {
background-color: rgb(255, 255, 255);
}
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
padding: 5px;
}
.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
border: 1px solid rgb(221, 221, 221);
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(2n + 1) {
background-color: rgb(249, 249, 249);
}
.table-hover > tbody > tr:hover {
background-color: rgb(245, 245, 245);
}
table col[class*='col-'] {
display: table-column;
float: none;
position: static;
}
table td[class*='col-'],
table th[class*='col-'] {
display: table-cell;
float: none;
position: static;
}
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
background-color: rgb(245, 245, 245);
}
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
background-color: rgb(232, 232, 232);
}
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
background-color: rgb(223, 240, 216);
}
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
background-color: rgb(208, 233, 198);
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
background-color: rgb(217, 237, 247);
}
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
background-color: rgb(196, 227, 243);
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
background-color: rgb(252, 248, 227);
}
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
background-color: rgb(250, 242, 204);
}
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
background-color: rgb(242, 222, 222);
}
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
background-color: rgb(235, 204, 204);
}
.table-responsive {
min-height: 0.01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
border: 1px solid rgb(221, 221, 221);
margin-bottom: 15px;
overflow-y: hidden;
width: 100%;
}
.table-responsive > .table {
margin-bottom: 0px;
}
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > thead > tr > th {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0px;
}
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > thead > tr > th:first-child {
border-left: 0px;
}
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > thead > tr > th:last-child {
border-right: 0px;
}
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0px;
}
}
fieldset {
margin: 0px;
min-width: 0px;
}
fieldset,
legend {
border: 0px;
padding: 0px;
}
legend {
border-bottom: 1px solid rgb(229, 229, 229);
color: rgb(51, 51, 51);
display: block;
font-size: 21px;
line-height: inherit;
margin-bottom: 20px;
width: 100%;
}
label {
display: inline-block;
font-weight: 700;
margin-bottom: 5px;
max-width: 100%;
}
input[type='search'] {
box-sizing: border-box;
}
input[type='checkbox'],
input[type='radio'] {
line-height: normal;
margin: 4px 0px 0px;
}
input[type='file'] {
display: block;
}
input[type='range'] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type='checkbox']:focus,
input[type='file']:focus,
input[type='radio']:focus {
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px;
}
output {
padding-top: 7px;
}
.form-control,
output {
color: rgb(85, 85, 85);
display: block;
font-size: 14px;
line-height: 1.42857;
}
.form-control {
background-color: rgb(255, 255, 255);
background-image: none;
border: 1px solid rgb(204, 204, 204);
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
height: 34px;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
.form-control:focus {
border-color: rgb(102, 175, 233);
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset,
rgba(102, 175, 233, 0.6) 0px 0px 8px;
outline: 0px;
}
.form-control::-webkit-input-placeholder {
color: rgb(153, 153, 153);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: rgb(238, 238, 238);
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type='search'] {
appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type='date'].form-control,
input[type='datetime-local'].form-control,
input[type='month'].form-control,
input[type='time'].form-control {
line-height: 34px;
}
.input-group-sm input[type='date'],
.input-group-sm input[type='datetime-local'],
.input-group-sm input[type='month'],
.input-group-sm input[type='time'],
input[type='date'].input-sm,
input[type='datetime-local'].input-sm,
input[type='month'].input-sm,
input[type='time'].input-sm {
line-height: 30px;
}
.input-group-lg input[type='date'],
.input-group-lg input[type='datetime-local'],
.input-group-lg input[type='month'],
.input-group-lg input[type='time'],
input[type='date'].input-lg,
input[type='datetime-local'].input-lg,
input[type='month'].input-lg,
input[type='time'].input-lg {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.checkbox,
.radio {
display: block;
margin-bottom: 10px;
margin-top: 10px;
position: relative;
}
.checkbox label,
.radio label {
cursor: pointer;
font-weight: 400;
margin-bottom: 0px;
min-height: 20px;
padding-left: 20px;
}
.checkbox input[type='checkbox'],
.checkbox-inline input[type='checkbox'],
.radio input[type='radio'],
.radio-inline input[type='radio'] {
margin-left: -20px;
position: absolute;
}
.checkbox + .checkbox,
.radio + .radio {
margin-top: -5px;
}
.checkbox-inline,
.radio-inline {
cursor: pointer;
display: inline-block;
font-weight: 400;
margin-bottom: 0px;
padding-left: 20px;
position: relative;
vertical-align: middle;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
margin-left: 10px;
margin-top: 0px;
}
.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio label,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type='checkbox'],
fieldset[disabled] input[type='radio'],
input[type='checkbox'].disabled,
input[type='checkbox'][disabled],
input[type='radio'].disabled,
input[type='radio'][disabled] {
cursor: not-allowed;
}
.form-control-static {
margin-bottom: 0px;
min-height: 34px;
padding-bottom: 7px;
padding-top: 7px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0px;
padding-right: 0px;
}
.input-sm {
border-radius: 3px;
font-size: 12px;
height: 30px;
line-height: 1.5;
padding: 5px 10px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
select[multiple].input-sm,
textarea.input-sm {
height: auto;
}
.form-group-sm .form-control {
border-radius: 3px;
font-size: 12px;
height: 30px;
line-height: 1.5;
padding: 5px 10px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
height: auto;
}
.form-group-sm .form-control-static {
font-size: 12px;
height: 30px;
line-height: 1.5;
min-height: 32px;
padding: 6px 10px;
}
.input-lg {
border-radius: 6px;
font-size: 18px;
height: 46px;
line-height: 1.33333;
padding: 10px 16px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
select[multiple].input-lg,
textarea.input-lg {
height: auto;
}
.form-group-lg .form-control {
border-radius: 6px;
font-size: 18px;
height: 46px;
line-height: 1.33333;
padding: 10px 16px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
height: auto;
}
.form-group-lg .form-control-static {
font-size: 18px;
height: 46px;
line-height: 1.33333;
min-height: 38px;
padding: 11px 16px;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
display: block;
height: 34px;
line-height: 34px;
pointer-events: none;
position: absolute;
right: 0px;
text-align: center;
top: 0px;
width: 34px;
z-index: 2;
}
.form-group-lg .form-control + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.input-lg + .form-control-feedback {
height: 46px;
line-height: 46px;
width: 46px;
}
.form-group-sm .form-control + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.input-sm + .form-control-feedback {
height: 30px;
line-height: 30px;
width: 30px;
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
color: rgb(60, 118, 61);
}
.has-success .form-control {
border-color: rgb(60, 118, 61);
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
}
.has-success .form-control:focus {
border-color: rgb(43, 84, 44);
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset,
rgb(103, 177, 104) 0px 0px 6px;
}
.has-success .input-group-addon {
background-color: rgb(223, 240, 216);
border-color: rgb(60, 118, 61);
color: rgb(60, 118, 61);
}
.has-success .form-control-feedback {
color: rgb(60, 118, 61);
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
color: rgb(138, 109, 59);
}
.has-warning .form-control {
border-color: rgb(138, 109, 59);
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
}
.has-warning .form-control:focus {
border-color: rgb(102, 81, 44);
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset,
rgb(192, 161, 107) 0px 0px 6px;
}
.has-warning .input-group-addon {
background-color: rgb(252, 248, 227);
border-color: rgb(138, 109, 59);
color: rgb(138, 109, 59);
}
.has-warning .form-control-feedback {
color: rgb(138, 109, 59);
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
color: rgb(169, 68, 66);
}
.has-error .form-control {
border-color: rgb(169, 68, 66);
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
}
.has-error .form-control:focus {
border-color: rgb(132, 53, 52);
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset,
rgb(206, 132, 131) 0px 0px 6px;
}
.has-error .input-group-addon {
background-color: rgb(242, 222, 222);
border-color: rgb(169, 68, 66);
color: rgb(169, 68, 66);
}
.has-error .form-control-feedback {
color: rgb(169, 68, 66);
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0px;
}
.help-block {
color: rgb(115, 115, 115);
display: block;
margin-bottom: 10px;
margin-top: 5px;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0px;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
vertical-align: middle;
width: auto;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .form-control,
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0px;
vertical-align: middle;
}
.form-inline .checkbox,
.form-inline .radio {
display: inline-block;
margin-bottom: 0px;
margin-top: 0px;
vertical-align: middle;
}
.form-inline .checkbox label,
.form-inline .radio label {
padding-left: 0px;
}
.form-inline .checkbox input[type='checkbox'],
.form-inline .radio input[type='radio'] {
margin-left: 0px;
position: relative;
}
.form-inline .has-feedback .form-control-feedback {
top: 0px;
}
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
margin-bottom: 0px;
margin-top: 0px;
padding-top: 7px;
}
.form-horizontal .checkbox,
.form-horizontal .radio {
min-height: 27px;
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
margin-bottom: 0px;
padding-top: 7px;
text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
font-size: 18px;
padding-top: 11px;
}
.form-horizontal .form-group-sm .control-label {
font-size: 12px;
padding-top: 6px;
}
}
.btn {
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
margin-bottom: 0px;
padding: 6px 12px;
text-align: center;
touch-action: manipulation;
user-select: none;
vertical-align: middle;
white-space: nowrap;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px;
}
.btn.focus,
.btn:focus,
.btn:hover {
color: rgb(51, 51, 51);
text-decoration: none;
}
.btn.active,
.btn:active {
background-image: none;
box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset;
outline: 0px;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
box-shadow: none;
cursor: not-allowed;
opacity: 0.65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
background-color: rgb(255, 255, 255);
border-color: rgb(204, 204, 204);
color: rgb(51, 51, 51);
}
.btn-default.focus,
.btn-default:focus {
background-color: rgb(230, 230, 230);
border-color: rgb(140, 140, 140);
color: rgb(51, 51, 51);
}
.btn-default.active,
.btn-default:active,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
background-color: rgb(230, 230, 230);
border-color: rgb(173, 173, 173);
color: rgb(51, 51, 51);
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
background-color: rgb(212, 212, 212);
border-color: rgb(140, 140, 140);
color: rgb(51, 51, 51);
}
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
background-color: rgb(255, 255, 255);
border-color: rgb(204, 204, 204);
}
.btn-default .badge {
background-color: rgb(51, 51, 51);
color: rgb(255, 255, 255);
}
.btn-primary {
background-color: rgb(51, 122, 183);
border-color: rgb(46, 109, 164);
color: rgb(255, 255, 255);
}
.btn-primary.focus,
.btn-primary:focus {
background-color: rgb(40, 96, 144);
border-color: rgb(18, 43, 64);
color: rgb(255, 255, 255);
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
background-color: rgb(40, 96, 144);
border-color: rgb(32, 77, 116);
color: rgb(255, 255, 255);
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
background-color: rgb(32, 77, 116);
border-color: rgb(18, 43, 64);
color: rgb(255, 255, 255);
}
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
background-color: rgb(51, 122, 183);
border-color: rgb(46, 109, 164);
}
.btn-primary .badge {
background-color: rgb(255, 255, 255);
color: rgb(51, 122, 183);
}
.btn-success {
background-color: rgb(92, 184, 92);
border-color: rgb(76, 174, 76);
color: rgb(255, 255, 255);
}
.btn-success.focus,
.btn-success:focus {
background-color: rgb(68, 157, 68);
border-color: rgb(37, 86, 37);
color: rgb(255, 255, 255);
}
.btn-success.active,
.btn-success:active,
.btn-success:hover,
.open > .dropdown-toggle.btn-success {
background-color: rgb(68, 157, 68);
border-color: rgb(57, 132, 57);
color: rgb(255, 255, 255);
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
background-color: rgb(57, 132, 57);
border-color: rgb(37, 86, 37);
color: rgb(255, 255, 255);
}
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
background-color: rgb(92, 184, 92);
border-color: rgb(76, 174, 76);
}
.btn-success .badge {
background-color: rgb(255, 255, 255);
color: rgb(92, 184, 92);
}
.btn-info {
background-color: rgb(91, 192, 222);
border-color: rgb(70, 184, 218);
color: rgb(255, 255, 255);
}
.btn-info.focus,
.btn-info:focus {
background-color: rgb(49, 176, 213);
border-color: rgb(27, 109, 133);
color: rgb(255, 255, 255);
}
.btn-info.active,
.btn-info:active,
.btn-info:hover,
.open > .dropdown-toggle.btn-info {
background-color: rgb(49, 176, 213);
border-color: rgb(38, 154, 188);
color: rgb(255, 255, 255);
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
background-color: rgb(38, 154, 188);
border-color: rgb(27, 109, 133);
color: rgb(255, 255, 255);
}
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
background-color: rgb(91, 192, 222);
border-color: rgb(70, 184, 218);
}
.btn-info .badge {
background-color: rgb(255, 255, 255);
color: rgb(91, 192, 222);
}
.btn-warning {
background-color: rgb(240, 173, 78);
border-color: rgb(238, 162, 54);
color: rgb(255, 255, 255);
}
.btn-warning.focus,
.btn-warning:focus {
background-color: rgb(236, 151, 31);
border-color: rgb(152, 95, 13);
color: rgb(255, 255, 255);
}
.btn-warning.active,
.btn-warning:active,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
background-color: rgb(236, 151, 31);
border-color: rgb(213, 133, 18);
color: rgb(255, 255, 255);
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
background-color: rgb(213, 133, 18);
border-color: rgb(152, 95, 13);
color: rgb(255, 255, 255);
}
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
background-color: rgb(240, 173, 78);
border-color: rgb(238, 162, 54);
}
.btn-warning .badge {
background-color: rgb(255, 255, 255);
color: rgb(240, 173, 78);
}
.btn-danger {
background-color: rgb(217, 83, 79);
border-color: rgb(212, 63, 58);
color: rgb(255, 255, 255);
}
.btn-danger.focus,
.btn-danger:focus {
background-color: rgb(201, 48, 44);
border-color: rgb(118, 28, 25);
color: rgb(255, 255, 255);
}
.btn-danger.active,
.btn-danger:active,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
background-color: rgb(201, 48, 44);
border-color: rgb(172, 41, 37);
color: rgb(255, 255, 255);
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
background-color: rgb(172, 41, 37);
border-color: rgb(118, 28, 25);
color: rgb(255, 255, 255);
}
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
background-color: rgb(217, 83, 79);
border-color: rgb(212, 63, 58);
}
.btn-danger .badge {
background-color: rgb(255, 255, 255);
color: rgb(217, 83, 79);
}
.btn-link {
border-radius: 0px;
color: rgb(51, 122, 183);
font-weight: 400;
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
box-shadow: none;
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
border-color: transparent;
}
.btn-link:focus,
.btn-link:hover {
background-color: transparent;
color: rgb(35, 82, 124);
text-decoration: underline;
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
color: rgb(119, 119, 119);
text-decoration: none;
}
.btn-group-lg > .btn,
.btn-lg {
border-radius: 6px;
font-size: 18px;
line-height: 1.33333;
padding: 10px 16px;
}
.btn-group-sm > .btn,
.btn-sm {
border-radius: 3px;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px;
}
.btn-group-xs > .btn,
.btn-xs {
border-radius: 3px;
font-size: 12px;
line-height: 1.5;
padding: 1px 5px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type='button'].btn-block,
input[type='reset'].btn-block,
input[type='submit'].btn-block {
width: 100%;
}
.fade {
opacity: 0;
transition: opacity 0.15s linear 0s;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
height: 0px;
overflow: hidden;
position: relative;
transition-duration: 0.35s;
transition-property: height, visibility;
transition-timing-function: ease;
}
.caret {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px dashed;
display: inline-block;
height: 0px;
margin-left: 2px;
vertical-align: middle;
width: 0px;
}
.dropdown,
.dropup {
position: relative;
}
.dropdown-toggle:focus {
outline: 0px;
}
.dropdown-menu {
background-clip: padding-box;
background-color: rgb(255, 255, 255);
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px;
display: none;
float: left;
font-size: 14px;
left: 0px;
list-style: none;
margin: 2px 0px 0px;
min-width: 160px;
padding: 5px 0px;
position: absolute;
text-align: left;
top: 100%;
z-index: 1000;
}
.dropdown-menu.pull-right {
left: auto;
right: 0px;
}
.dropdown-menu .divider {
background-color: rgb(229, 229, 229);
height: 1px;
margin: 9px 0px;
overflow: hidden;
}
.dropdown-menu > li > a {
clear: both;
color: rgb(51, 51, 51);
display: block;
font-weight: 400;
line-height: 1.42857;
padding: 3px 20px;
white-space: nowrap;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
background-color: rgb(245, 245, 245);
color: rgb(38, 38, 38);
text-decoration: none;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
background-color: rgb(51, 122, 183);
color: rgb(255, 255, 255);
outline: 0px;
text-decoration: none;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
color: rgb(119, 119, 119);
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
background-color: transparent;
background-image: none;
cursor: not-allowed;
text-decoration: none;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0px;
}
.dropdown-menu-right {
left: auto;
right: 0px;
}
.dropdown-menu-left {
left: 0px;
right: auto;
}
.dropdown-header {
color: rgb(119, 119, 119);
display: block;
font-size: 12px;
line-height: 1.42857;
padding: 3px 20px;
white-space: nowrap;
}
.dropdown-backdrop {
inset: 0px;
position: fixed;
z-index: 990;
}
.pull-right > .dropdown-menu {
left: auto;
right: 0px;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-bottom: 4px dashed;
border-top: 0px;
content: '';
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
bottom: 100%;
margin-bottom: 2px;
top: auto;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
left: auto;
right: 0px;
}
.navbar-right .dropdown-menu-left {
left: 0px;
right: auto;
}
}
.btn-group,
.btn-group-vertical {
display: inline-block;
position: relative;
vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
float: left;
position: relative;
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0px;
}
.btn-group > .btn:first-child {
margin-left: 0px;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0px;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0px;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset;
}
.btn-group.open .dropdown-toggle.btn-link {
box-shadow: none;
}
.btn .caret {
margin-left: 0px;
}
.btn-lg .caret {
border-width: 5px 5px 0px;
}
.dropup .btn-lg .caret {
border-width: 0px 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
max-width: 100%;
width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-left: 0px;
margin-top: -1px;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0px;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-radius: 4px 4px 0px 0px;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-radius: 0px 0px 4px 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0px;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical
> .btn-group:first-child:not(:last-child)
> .dropdown-toggle {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.btn-group-vertical
> .btn-group:last-child:not(:first-child)
> .btn:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.btn-group-justified {
border-collapse: separate;
display: table;
table-layout: fixed;
width: 100%;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle='buttons'] > .btn input[type='checkbox'],
[data-toggle='buttons'] > .btn input[type='radio'],
[data-toggle='buttons'] > .btn-group > .btn input[type='checkbox'],
[data-toggle='buttons'] > .btn-group > .btn input[type='radio'] {
clip: rect(0px, 0px, 0px, 0px);
pointer-events: none;
position: absolute;
}
.input-group {
border-collapse: separate;
display: table;
position: relative;
}
.input-group[class*='col-'] {
float: none;
padding-left: 0px;
padding-right: 0px;
}
.input-group .form-control {
float: left;
margin-bottom: 0px;
position: relative;
width: 100%;
z-index: 2;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
border-radius: 6px;
font-size: 18px;
height: 46px;
line-height: 1.33333;
padding: 10px 16px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px;
}
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn,
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
border-radius: 3px;
font-size: 12px;
height: 30px;
line-height: 1.5;
padding: 5px 10px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn,
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
display: table-cell;
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0px;
}
.input-group-addon,
.input-group-btn {
vertical-align: middle;
white-space: nowrap;
width: 1%;
}
.input-group-addon {
background-color: rgb(238, 238, 238);
border: 1px solid rgb(204, 204, 204);
border-radius: 4px;
color: rgb(85, 85, 85);
font-size: 14px;
font-weight: 400;
line-height: 1;
padding: 6px 12px;
text-align: center;
}
.input-group-addon.input-sm {
border-radius: 3px;
font-size: 12px;
padding: 5px 10px;
}
.input-group-addon.input-lg {
border-radius: 6px;
font-size: 18px;
padding: 10px 16px;
}
.input-group-addon input[type='checkbox'],
.input-group-addon input[type='radio'] {
margin-top: 0px;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
.input-group-addon:first-child {
border-right: 0px;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
.input-group-addon:last-child {
border-left: 0px;
}
.input-group-btn {
font-size: 0px;
white-space: nowrap;
}
.input-group-btn,
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:active,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:hover {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
margin-left: -1px;
z-index: 2;
}
.nav {
list-style: none;
margin-bottom: 0px;
padding-left: 0px;
}
.nav > li,
.nav > li > a {
display: block;
position: relative;
}
.nav > li > a {
padding: 10px 15px;
}
.nav > li > a:focus,
.nav > li > a:hover {
background-color: rgb(238, 238, 238);
text-decoration: none;
}
.nav > li.disabled > a {
color: rgb(119, 119, 119);
}
.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
background-color: transparent;
color: rgb(119, 119, 119);
cursor: not-allowed;
text-decoration: none;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
background-color: rgb(238, 238, 238);
border-color: rgb(51, 122, 183);
}
.nav .nav-divider {
background-color: rgb(229, 229, 229);
height: 1px;
margin: 9px 0px;
overflow: hidden;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid rgb(221, 221, 221);
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
border: 1px solid transparent;
border-radius: 4px 4px 0px 0px;
line-height: 1.42857;
margin-right: 2px;
}
.nav-tabs > li > a:hover {
border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(221, 221, 221);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
background-color: rgb(255, 255, 255);
border-width: 1px;
border-style: solid;
border-image: initial;
border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent;
color: rgb(85, 85, 85);
cursor: default;
}
.nav-tabs.nav-justified {
border-bottom: 0px;
width: 100%;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
left: auto;
top: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0px;
}
}
.nav-tabs.nav-justified > li > a {
border-radius: 4px;
margin-right: 0px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
border: 1px solid rgb(221, 221, 221);
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid rgb(221, 221, 221);
border-radius: 4px 4px 0px 0px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
border-bottom-color: rgb(255, 255, 255);
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
background-color: rgb(51, 122, 183);
color: rgb(255, 255, 255);
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-left: 0px;
margin-top: 2px;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
left: auto;
top: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0px;
}
}
.nav-tabs-justified {
border-bottom: 0px;
}
.nav-tabs-justified > li > a {
border-radius: 4px;
margin-right: 0px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > a:hover {
border: 1px solid rgb(221, 221, 221);
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid rgb(221, 221, 221);
border-radius: 4px 4px 0px 0px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > a:hover {
border-bottom-color: rgb(255, 255, 255);
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-top: -1px;
}
.navbar {
border: 1px solid transparent;
margin-bottom: 20px;
min-height: 50px;
position: relative;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
.navbar-header {
float: left;
}
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset;
overflow-x: visible;
padding-left: 15px;
padding-right: 15px;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
border-top: 0px;
box-shadow: none;
width: auto;
}
.navbar-collapse.collapse {
padding-bottom: 0px;
display: block !important;
height: auto !important;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse {
padding-left: 0px;
padding-right: 0px;
}
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
max-height: 200px;
}
}
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 768px) {
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
margin-left: 0px;
margin-right: 0px;
}
}
.navbar-static-top {
border-width: 0px 0px 1px;
z-index: 1000;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0px;
}
}
.navbar-fixed-bottom,
.navbar-fixed-top {
left: 0px;
position: fixed;
right: 0px;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-bottom,
.navbar-fixed-top {
border-radius: 0px;
}
}
.navbar-fixed-top {
border-width: 0px 0px 1px;
top: 0px;
}
.navbar-fixed-bottom {
border-width: 1px 0px 0px;
bottom: 0px;
margin-bottom: 0px;
}
.navbar-brand {
float: left;
font-size: 18px;
height: 50px;
line-height: 20px;
padding: 15px;
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
float: right;
margin-bottom: 8px;
margin-right: 15px;
margin-top: 8px;
padding: 9px 10px;
position: relative;
}
.navbar-toggle:focus {
outline: 0px;
}
.navbar-toggle .icon-bar {
border-radius: 1px;
display: block;
height: 2px;
width: 22px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
line-height: 20px;
padding-bottom: 10px;
padding-top: 10px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
background-color: transparent;
border: 0px;
box-shadow: none;
float: none;
margin-top: 0px;
position: static;
width: auto;
}
.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu > li > a {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-nav .open .dropdown-menu > li > a:hover {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0px;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-bottom: 15px;
padding-top: 15px;
}
}
.navbar-form {
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset,
rgba(255, 255, 255, 0.1) 0px 1px 0px;
margin: 8px -15px;
padding: 10px 15px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0px;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
vertical-align: middle;
width: auto;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .form-control,
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0px;
vertical-align: middle;
}
.navbar-form .checkbox,
.navbar-form .radio {
display: inline-block;
margin-bottom: 0px;
margin-top: 0px;
vertical-align: middle;
}
.navbar-form .checkbox label,
.navbar-form .radio label {
padding-left: 0px;
}
.navbar-form .checkbox input[type='checkbox'],
.navbar-form .radio input[type='radio'] {
margin-left: 0px;
position: relative;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0px;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0px;
}
}
@media (min-width: 768px) {
.navbar-form {
border: 0px;
box-shadow: none;
margin-left: 0px;
margin-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
width: auto;
}
}
.navbar-nav > li > .dropdown-menu {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-top: 0px;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
border-radius: 4px 4px 0px 0px;
margin-bottom: 0px;
}
.navbar-btn {
margin-bottom: 8px;
margin-top: 8px;
}
.navbar-btn.btn-sm {
margin-bottom: 10px;
margin-top: 10px;
}
.navbar-btn.btn-xs {
margin-bottom: 14px;
margin-top: 14px;
}
.navbar-text {
margin-bottom: 15px;
margin-top: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px;
}
.navbar-left {
float: left !important;
}
.navbar-right {
margin-right: -15px;
float: right !important;
}
.navbar-right ~ .navbar-right {
margin-right: 0px;
}
}
.navbar-default {
background-color: rgb(248, 248, 248);
border-color: rgb(231, 231, 231);
}
.navbar-default .navbar-brand {
color: rgb(119, 119, 119);
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
background-color: transparent;
color: rgb(94, 94, 94);
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-text {
color: rgb(119, 119, 119);
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
background-color: transparent;
color: rgb(51, 51, 51);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
background-color: rgb(231, 231, 231);
color: rgb(85, 85, 85);
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover {
background-color: transparent;
color: rgb(204, 204, 204);
}
.navbar-default .navbar-toggle {
border-color: rgb(221, 221, 221);
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: rgb(221, 221, 221);
}
.navbar-default .navbar-toggle .icon-bar {
background-color: rgb(136, 136, 136);
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: rgb(231, 231, 231);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
background-color: rgb(231, 231, 231);
color: rgb(85, 85, 85);
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: rgb(119, 119, 119);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
background-color: transparent;
color: rgb(51, 51, 51);
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
background-color: rgb(231, 231, 231);
color: rgb(85, 85, 85);
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
background-color: transparent;
color: rgb(204, 204, 204);
}
}
.navbar-default .navbar-link {
color: rgb(119, 119, 119);
}
.navbar-default .navbar-link:hover {
color: rgb(51, 51, 51);
}
.navbar-default .btn-link {
color: rgb(119, 119, 119);
}
.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
color: rgb(51, 51, 51);
}
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
color: rgb(204, 204, 204);
}
.navbar-inverse {
background-color: rgb(34, 34, 34);
border-color: rgb(8, 8, 8);
}
.navbar-inverse .navbar-brand {
color: rgb(157, 157, 157);
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
background-color: transparent;
color: rgb(255, 255, 255);
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-text {
color: rgb(157, 157, 157);
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
background-color: transparent;
color: rgb(255, 255, 255);
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
background-color: rgb(8, 8, 8);
color: rgb(255, 255, 255);
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > a:hover {
background-color: transparent;
color: rgb(68, 68, 68);
}
.navbar-inverse .navbar-toggle {
border-color: rgb(51, 51, 51);
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
background-color: rgb(51, 51, 51);
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: rgb(255, 255, 255);
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: rgb(16, 16, 16);
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
background-color: rgb(8, 8, 8);
color: rgb(255, 255, 255);
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: rgb(8, 8, 8);
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: rgb(8, 8, 8);
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: rgb(157, 157, 157);
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
background-color: transparent;
color: rgb(255, 255, 255);
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
background-color: rgb(8, 8, 8);
color: rgb(255, 255, 255);
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
background-color: transparent;
color: rgb(68, 68, 68);
}
}
.navbar-inverse .navbar-link {
color: rgb(157, 157, 157);
}
.navbar-inverse .navbar-link:hover {
color: rgb(255, 255, 255);
}
.navbar-inverse .btn-link {
color: rgb(157, 157, 157);
}
.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
color: rgb(255, 255, 255);
}
.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
color: rgb(68, 68, 68);
}
.breadcrumb {
background-color: rgb(245, 245, 245);
border-radius: 4px;
list-style: none;
margin-bottom: 20px;
padding: 8px 15px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li::before {
color: rgb(204, 204, 204);
content: '/ ';
padding: 0px 5px;
}
.breadcrumb > .active {
color: rgb(119, 119, 119);
}
.pagination {
border-radius: 4px;
display: inline-block;
margin: 20px 0px;
padding-left: 0px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(221, 221, 221);
color: rgb(51, 122, 183);
float: left;
line-height: 1.42857;
margin-left: -1px;
padding: 6px 12px;
position: relative;
text-decoration: none;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
margin-left: 0px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
background-color: rgb(238, 238, 238);
border-color: rgb(221, 221, 221);
color: rgb(35, 82, 124);
z-index: 2;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
background-color: rgb(51, 122, 183);
border-color: rgb(51, 122, 183);
color: rgb(255, 255, 255);
cursor: default;
z-index: 3;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
background-color: rgb(255, 255, 255);
border-color: rgb(221, 221, 221);
color: rgb(119, 119, 119);
cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
font-size: 18px;
line-height: 1.33333;
padding: 10px 16px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
font-size: 12px;
line-height: 1.5;
padding: 5px 10px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.pager {
list-style: none;
margin: 20px 0px;
padding-left: 0px;
text-align: center;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(221, 221, 221);
border-radius: 15px;
display: inline-block;
padding: 5px 14px;
}
.pager li > a:focus,
.pager li > a:hover {
background-color: rgb(238, 238, 238);
text-decoration: none;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
background-color: rgb(255, 255, 255);
color: rgb(119, 119, 119);
cursor: not-allowed;
}
.label {
border-radius: 0.25em;
color: rgb(255, 255, 255);
display: inline;
font-size: 75%;
font-weight: 700;
line-height: 1;
padding: 0.2em 0.6em 0.3em;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
}
a.label:focus,
a.label:hover {
color: rgb(255, 255, 255);
cursor: pointer;
text-decoration: none;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: rgb(119, 119, 119);
}
.label-default[href]:focus,
.label-default[href]:hover {
background-color: rgb(94, 94, 94);
}
.label-primary {
background-color: rgb(51, 122, 183);
}
.label-primary[href]:focus,
.label-primary[href]:hover {
background-color: rgb(40, 96, 144);
}
.label-success {
background-color: rgb(92, 184, 92);
}
.label-success[href]:focus,
.label-success[href]:hover {
background-color: rgb(68, 157, 68);
}
.label-info {
background-color: rgb(91, 192, 222);
}
.label-info[href]:focus,
.label-info[href]:hover {
background-color: rgb(49, 176, 213);
}
.label-warning {
background-color: rgb(240, 173, 78);
}
.label-warning[href]:focus,
.label-warning[href]:hover {
background-color: rgb(236, 151, 31);
}
.label-danger {
background-color: rgb(217, 83, 79);
}
.label-danger[href]:focus,
.label-danger[href]:hover {
background-color: rgb(201, 48, 44);
}
.badge {
background-color: rgb(119, 119, 119);
border-radius: 10px;
color: rgb(255, 255, 255);
display: inline-block;
font-size: 12px;
font-weight: 700;
line-height: 1;
min-width: 10px;
padding: 3px 7px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-group-xs > .btn .badge,
.btn-xs .badge {
padding: 1px 5px;
top: 0px;
}
a.badge:focus,
a.badge:hover {
color: rgb(255, 255, 255);
cursor: pointer;
text-decoration: none;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
background-color: rgb(255, 255, 255);
color: rgb(51, 122, 183);
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.jumbotron {
background-color: rgb(238, 238, 238);
margin-bottom: 30px;
padding-bottom: 30px;
padding-top: 30px;
}
.jumbotron,
.jumbotron .h1,
.jumbotron h1 {
color: inherit;
}
.jumbotron p {
font-size: 21px;
font-weight: 200;
margin-bottom: 15px;
}
.jumbotron > hr {
border-top-color: rgb(213, 213, 213);
}
.container .jumbotron,
.container-fluid .jumbotron {
border-radius: 6px;
padding-left: 15px;
padding-right: 15px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-bottom: 48px;
padding-top: 48px;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-left: 60px;
padding-right: 60px;
}
.jumbotron .h1,
.jumbotron h1 {
font-size: 63px;
}
}
.thumbnail {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(221, 221, 221);
border-radius: 4px;
display: block;
line-height: 1.42857;
margin-bottom: 20px;
padding: 4px;
transition: border 0.2s ease-in-out 0s;
}
.thumbnail a > img,
.thumbnail > img {
margin-left: auto;
margin-right: auto;
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
border-color: rgb(51, 122, 183);
}
.thumbnail .caption {
color: rgb(51, 51, 51);
padding: 9px;
}
.alert {
border: 1px solid transparent;
border-radius: 4px;
margin-bottom: 20px;
padding: 15px;
}
.alert h4 {
color: inherit;
margin-top: 0px;
}
.alert .alert-link {
font-weight: 700;
}
.alert > p,
.alert > ul {
margin-bottom: 0px;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
color: inherit;
position: relative;
right: -21px;
top: -2px;
}
.alert-success {
background-color: rgb(223, 240, 216);
border-color: rgb(214, 233, 198);
color: rgb(60, 118, 61);
}
.alert-success hr {
border-top-color: rgb(201, 226, 179);
}
.alert-success .alert-link {
color: rgb(43, 84, 44);
}
.alert-info {
background-color: rgb(217, 237, 247);
border-color: rgb(188, 232, 241);
color: rgb(49, 112, 143);
}
.alert-info hr {
border-top-color: rgb(166, 225, 236);
}
.alert-info .alert-link {
color: rgb(36, 82, 105);
}
.alert-warning {
background-color: rgb(252, 248, 227);
border-color: rgb(250, 235, 204);
color: rgb(138, 109, 59);
}
.alert-warning hr {
border-top-color: rgb(247, 225, 181);
}
.alert-warning .alert-link {
color: rgb(102, 81, 44);
}
.alert-danger {
background-color: rgb(242, 222, 222);
border-color: rgb(235, 204, 209);
color: rgb(169, 68, 66);
}
.alert-danger hr {
border-top-color: rgb(228, 185, 192);
}
.alert-danger .alert-link {
color: rgb(132, 53, 52);
}
@-webkit-keyframes progress-bar-stripes {
0% {
background-position: 40px 0px;
}
100% {
background-position: 0px 0px;
}
}
@keyframes progress-bar-stripes {
0% {
background-position: 40px 0px;
}
100% {
background-position: 0px 0px;
}
}
.progress {
background-color: rgb(245, 245, 245);
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset;
height: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.progress-bar {
background-color: rgb(51, 122, 183);
box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 0px inset;
color: rgb(255, 255, 255);
float: left;
font-size: 12px;
height: 100%;
line-height: 20px;
text-align: center;
transition: width 0.6s ease 0s;
width: 0px;
}
.progress-bar-striped,
.progress-striped .progress-bar {
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 0px,
transparent 50%,
rgba(255, 255, 255, 0.15) 0px,
rgba(255, 255, 255, 0.15) 75%,
transparent 0px,
transparent
);
background-size: 40px 40px;
}
.progress-bar.active,
.progress.active .progress-bar {
animation: 2s linear 0s infinite normal none running progress-bar-stripes;
}
.progress-bar-success {
background-color: rgb(92, 184, 92);
}
.progress-striped .progress-bar-success {
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 0px,
transparent 50%,
rgba(255, 255, 255, 0.15) 0px,
rgba(255, 255, 255, 0.15) 75%,
transparent 0px,
transparent
);
}
.progress-bar-info {
background-color: rgb(91, 192, 222);
}
.progress-striped .progress-bar-info {
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 0px,
transparent 50%,
rgba(255, 255, 255, 0.15) 0px,
rgba(255, 255, 255, 0.15) 75%,
transparent 0px,
transparent
);
}
.progress-bar-warning {
background-color: rgb(240, 173, 78);
}
.progress-striped .progress-bar-warning {
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 0px,
transparent 50%,
rgba(255, 255, 255, 0.15) 0px,
rgba(255, 255, 255, 0.15) 75%,
transparent 0px,
transparent
);
}
.progress-bar-danger {
background-color: rgb(217, 83, 79);
}
.progress-striped .progress-bar-danger {
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 0px,
transparent 50%,
rgba(255, 255, 255, 0.15) 0px,
rgba(255, 255, 255, 0.15) 75%,
transparent 0px,
transparent
);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0px;
}
.media,
.media-body {
zoom: 1;
overflow: hidden;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-body,
.media-left,
.media-right {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-bottom: 5px;
margin-top: 0px;
}
.media-list {
list-style: none;
padding-left: 0px;
}
.list-group {
margin-bottom: 20px;
padding-left: 0px;
}
.list-group-item {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(221, 221, 221);
display: block;
margin-bottom: -1px;
padding: 10px 15px;
position: relative;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
margin-bottom: 0px;
}
a.list-group-item,
button.list-group-item {
color: rgb(85, 85, 85);
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: rgb(51, 51, 51);
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
background-color: rgb(245, 245, 245);
color: rgb(85, 85, 85);
text-decoration: none;
}
button.list-group-item {
text-align: left;
width: 100%;
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
background-color: rgb(238, 238, 238);
color: rgb(119, 119, 119);
cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
color: rgb(119, 119, 119);
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
background-color: rgb(51, 122, 183);
border-color: rgb(51, 122, 183);
color: rgb(255, 255, 255);
z-index: 2;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
color: rgb(199, 221, 239);
}
.list-group-item-success {
background-color: rgb(223, 240, 216);
color: rgb(60, 118, 61);
}
a.list-group-item-success,
button.list-group-item-success {
color: rgb(60, 118, 61);
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
background-color: rgb(208, 233, 198);
color: rgb(60, 118, 61);
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
background-color: rgb(60, 118, 61);
border-color: rgb(60, 118, 61);
color: rgb(255, 255, 255);
}
.list-group-item-info {
background-color: rgb(217, 237, 247);
color: rgb(49, 112, 143);
}
a.list-group-item-info,
button.list-group-item-info {
color: rgb(49, 112, 143);
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
background-color: rgb(196, 227, 243);
color: rgb(49, 112, 143);
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
background-color: rgb(49, 112, 143);
border-color: rgb(49, 112, 143);
color: rgb(255, 255, 255);
}
.list-group-item-warning {
background-color: rgb(252, 248, 227);
color: rgb(138, 109, 59);
}
a.list-group-item-warning,
button.list-group-item-warning {
color: rgb(138, 109, 59);
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
background-color: rgb(250, 242, 204);
color: rgb(138, 109, 59);
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
background-color: rgb(138, 109, 59);
border-color: rgb(138, 109, 59);
color: rgb(255, 255, 255);
}
.list-group-item-danger {
background-color: rgb(242, 222, 222);
color: rgb(169, 68, 66);
}
a.list-group-item-danger,
button.list-group-item-danger {
color: rgb(169, 68, 66);
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
background-color: rgb(235, 204, 204);
color: rgb(169, 68, 66);
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
background-color: rgb(169, 68, 66);
border-color: rgb(169, 68, 66);
color: rgb(255, 255, 255);
}
.list-group-item-heading {
margin-bottom: 5px;
margin-top: 0px;
}
.list-group-item-text {
line-height: 1.3;
margin-bottom: 0px;
}
.panel {
background-color: rgb(255, 255, 255);
border: 1px solid transparent;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px;
margin-bottom: 20px;
}
.panel-body {
padding: 15px;
}
.panel-heading {
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 10px 15px;
}
.panel-heading > .dropdown .dropdown-toggle,
.panel-title {
color: inherit;
}
.panel-title {
font-size: 16px;
margin-bottom: 0px;
margin-top: 0px;
}
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
color: inherit;
}
.panel-footer {
background-color: rgb(245, 245, 245);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top: 1px solid rgb(221, 221, 221);
padding: 10px 15px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0px;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-radius: 0px;
border-width: 1px 0px;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel
> .panel-collapse
> .list-group:first-child
.list-group-item:first-child {
border-top: 0px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.panel
> .panel-heading
+ .panel-collapse
> .list-group
.list-group-item:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.list-group + .panel-footer,
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0px;
}
.panel > .panel-collapse > .table,
.panel > .table,
.panel > .table-responsive > .table {
margin-bottom: 0px;
}
.panel > .panel-collapse > .table caption,
.panel > .table caption,
.panel > .table-responsive > .table caption {
padding-left: 15px;
padding-right: 15px;
}
.panel > .table-responsive:first-child > .table:first-child,
.panel
> .table-responsive:first-child
> .table:first-child
> tbody:first-child
> tr:first-child,
.panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child,
.panel > .table:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel
> .table-responsive:first-child
> .table:first-child
> tbody:first-child
> tr:first-child
td:first-child,
.panel
> .table-responsive:first-child
> .table:first-child
> tbody:first-child
> tr:first-child
th:first-child,
.panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child
td:first-child,
.panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child
th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel
> .table:first-child
> thead:first-child
> tr:first-child
th:first-child {
border-top-left-radius: 3px;
}
.panel
> .table-responsive:first-child
> .table:first-child
> tbody:first-child
> tr:first-child
td:last-child,
.panel
> .table-responsive:first-child
> .table:first-child
> tbody:first-child
> tr:first-child
th:last-child,
.panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child
td:last-child,
.panel
> .table-responsive:first-child
> .table:first-child
> thead:first-child
> tr:first-child
th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table-responsive:last-child > .table:last-child,
.panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child,
.panel
> .table-responsive:last-child
> .table:last-child
> tfoot:last-child
> tr:last-child,
.panel > .table:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child
td:first-child,
.panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child
th:first-child,
.panel
> .table-responsive:last-child
> .table:last-child
> tfoot:last-child
> tr:last-child
td:first-child,
.panel
> .table-responsive:last-child
> .table:last-child
> tfoot:last-child
> tr:last-child
th:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child
td:last-child,
.panel
> .table-responsive:last-child
> .table:last-child
> tbody:last-child
> tr:last-child
th:last-child,
.panel
> .table-responsive:last-child
> .table:last-child
> tfoot:last-child
> tr:last-child
td:last-child,
.panel
> .table-responsive:last-child
> .table:last-child
> tfoot:last-child
> tr:last-child
th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid rgb(221, 221, 221);
}
.panel > .table > tbody:first-child > tr:first-child td,
.panel > .table > tbody:first-child > tr:first-child th {
border-top: 0px;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0px;
}
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
border-left: 0px;
}
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
border-right: 0px;
}
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
border-bottom: 0px;
}
.panel > .table-responsive {
border: 0px;
margin-bottom: 0px;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
border-radius: 4px;
margin-bottom: 0px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0px;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: 1px solid rgb(221, 221, 221);
}
.panel-group .panel-footer {
border-top: 0px;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid rgb(221, 221, 221);
}
.panel-default {
border-color: rgb(221, 221, 221);
}
.panel-default > .panel-heading {
background-color: rgb(245, 245, 245);
border-color: rgb(221, 221, 221);
color: rgb(51, 51, 51);
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: rgb(221, 221, 221);
}
.panel-default > .panel-heading .badge {
background-color: rgb(51, 51, 51);
color: rgb(245, 245, 245);
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: rgb(221, 221, 221);
}
.panel-primary {
border-color: rgb(51, 122, 183);
}
.panel-primary > .panel-heading {
background-color: rgb(51, 122, 183);
border-color: rgb(51, 122, 183);
color: rgb(255, 255, 255);
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: rgb(51, 122, 183);
}
.panel-primary > .panel-heading .badge {
background-color: rgb(255, 255, 255);
color: rgb(51, 122, 183);
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: rgb(51, 122, 183);
}
.panel-success {
border-color: rgb(214, 233, 198);
}
.panel-success > .panel-heading {
background-color: rgb(223, 240, 216);
border-color: rgb(214, 233, 198);
color: rgb(60, 118, 61);
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: rgb(214, 233, 198);
}
.panel-success > .panel-heading .badge {
background-color: rgb(60, 118, 61);
color: rgb(223, 240, 216);
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: rgb(214, 233, 198);
}
.panel-info {
border-color: rgb(188, 232, 241);
}
.panel-info > .panel-heading {
background-color: rgb(217, 237, 247);
border-color: rgb(188, 232, 241);
color: rgb(49, 112, 143);
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: rgb(188, 232, 241);
}
.panel-info > .panel-heading .badge {
background-color: rgb(49, 112, 143);
color: rgb(217, 237, 247);
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: rgb(188, 232, 241);
}
.panel-warning {
border-color: rgb(250, 235, 204);
}
.panel-warning > .panel-heading {
background-color: rgb(252, 248, 227);
border-color: rgb(250, 235, 204);
color: rgb(138, 109, 59);
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: rgb(250, 235, 204);
}
.panel-warning > .panel-heading .badge {
background-color: rgb(138, 109, 59);
color: rgb(252, 248, 227);
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: rgb(250, 235, 204);
}
.panel-danger {
border-color: rgb(235, 204, 209);
}
.panel-danger > .panel-heading {
background-color: rgb(242, 222, 222);
border-color: rgb(235, 204, 209);
color: rgb(169, 68, 66);
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: rgb(235, 204, 209);
}
.panel-danger > .panel-heading .badge {
background-color: rgb(169, 68, 66);
color: rgb(242, 222, 222);
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: rgb(235, 204, 209);
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
background-color: rgb(245, 245, 245);
border: 1px solid rgb(227, 227, 227);
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset;
margin-bottom: 20px;
min-height: 20px;
padding: 19px;
}
.well blockquote {
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
border-radius: 6px;
padding: 24px;
}
.well-sm {
border-radius: 3px;
padding: 9px;
}
.close {
color: rgb(0, 0, 0);
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
opacity: 0.2;
text-shadow: rgb(255, 255, 255) 0px 1px 0px;
}
.close:focus,
.close:hover {
color: rgb(0, 0, 0);
cursor: pointer;
opacity: 0.5;
text-decoration: none;
}
button.close {
appearance: none;
background: transparent;
border: 0px;
cursor: pointer;
padding: 0px;
}
.modal,
.modal-open {
overflow: hidden;
}
.modal {
inset: 0px;
display: none;
outline: 0px;
position: fixed;
z-index: 1050;
}
.modal.fade .modal-dialog {
transform: translateY(-25%);
transition: transform 0.3s ease-out 0s;
}
.modal.in .modal-dialog {
transform: translate(0px);
}
.modal-open .modal {
overflow: hidden auto;
}
.modal-dialog {
margin: 10px;
position: relative;
width: auto;
}
.modal-content {
background-clip: padding-box;
background-color: rgb(255, 255, 255);
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px;
outline: 0px;
position: relative;
}
.modal-backdrop {
background-color: rgb(0, 0, 0);
inset: 0px;
position: fixed;
z-index: 1040;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.in {
opacity: 0.5;
}
.modal-header {
border-bottom: 1px solid rgb(229, 229, 229);
padding: 15px;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
line-height: 1.42857;
margin: 0px;
}
.modal-body {
padding: 15px;
position: relative;
}
.modal-footer {
border-top: 1px solid rgb(229, 229, 229);
padding: 15px;
text-align: right;
}
.modal-footer .btn + .btn {
margin-bottom: 0px;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0px;
}
.modal-scrollbar-measure {
height: 50px;
overflow: scroll;
position: absolute;
top: -9999px;
width: 50px;
}
@media (min-width: 768px) {
.modal-dialog {
margin: 30px auto;
width: 600px;
}
.modal-content {
box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px;
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
overflow-wrap: normal;
display: block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857;
opacity: 0;
position: absolute;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
z-index: 1070;
}
.tooltip.in {
opacity: 0.9;
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0px;
}
.tooltip.right {
margin-left: 3px;
padding: 0px 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0px;
}
.tooltip.left {
margin-left: -3px;
padding: 0px 5px;
}
.tooltip-inner {
background-color: rgb(0, 0, 0);
border-radius: 4px;
color: rgb(255, 255, 255);
max-width: 200px;
padding: 3px 8px;
text-align: center;
}
.tooltip-arrow {
border-color: transparent;
border-style: solid;
height: 0px;
position: absolute;
width: 0px;
}
.tooltip.top .tooltip-arrow {
border-top-color: rgb(0, 0, 0);
border-width: 5px 5px 0px;
bottom: 0px;
left: 50%;
margin-left: -5px;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
}
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
border-top-color: rgb(0, 0, 0);
border-width: 5px 5px 0px;
bottom: 0px;
margin-bottom: -5px;
}
.tooltip.top-right .tooltip-arrow {
left: 5px;
}
.tooltip.right .tooltip-arrow {
border-right-color: rgb(0, 0, 0);
border-width: 5px 5px 5px 0px;
left: 0px;
margin-top: -5px;
top: 50%;
}
.tooltip.left .tooltip-arrow {
border-left-color: rgb(0, 0, 0);
border-width: 5px 0px 5px 5px;
margin-top: -5px;
right: 0px;
top: 50%;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: rgb(0, 0, 0);
border-width: 0px 5px 5px;
left: 50%;
margin-left: -5px;
top: 0px;
}
.tooltip.bottom-left .tooltip-arrow {
border-bottom-color: rgb(0, 0, 0);
border-width: 0px 5px 5px;
margin-top: -5px;
right: 5px;
top: 0px;
}
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: rgb(0, 0, 0);
border-width: 0px 5px 5px;
left: 5px;
margin-top: -5px;
top: 0px;
}
.popover {
overflow-wrap: normal;
background-clip: padding-box;
background-color: rgb(255, 255, 255);
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px;
display: none;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
left: 0px;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857;
max-width: 276px;
padding: 1px;
position: absolute;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
top: 0px;
white-space: normal;
word-break: normal;
word-spacing: normal;
z-index: 1060;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
background-color: rgb(247, 247, 247);
border-bottom: 1px solid rgb(235, 235, 235);
border-radius: 5px 5px 0px 0px;
font-size: 14px;
margin: 0px;
padding: 8px 14px;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow::after {
border-color: transparent;
border-style: solid;
display: block;
height: 0px;
position: absolute;
width: 0px;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow::after {
border-width: 10px;
content: '';
}
.popover.top > .arrow {
border-bottom-width: 0px;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
left: 50%;
margin-left: -11px;
}
.popover.top > .arrow::after {
border-bottom-width: 0px;
border-top-color: rgb(255, 255, 255);
bottom: 1px;
content: ' ';
margin-left: -10px;
}
.popover.right > .arrow {
border-left-width: 0px;
border-right-color: rgba(0, 0, 0, 0.25);
left: -11px;
margin-top: -11px;
top: 50%;
}
.popover.right > .arrow::after {
border-left-width: 0px;
border-right-color: rgb(255, 255, 255);
bottom: -10px;
content: ' ';
left: 1px;
}
.popover.bottom > .arrow {
border-bottom-color: rgba(0, 0, 0, 0.25);
border-top-width: 0px;
left: 50%;
margin-left: -11px;
top: -11px;
}
.popover.bottom > .arrow::after {
border-bottom-color: rgb(255, 255, 255);
border-top-width: 0px;
content: ' ';
margin-left: -10px;
top: 1px;
}
.popover.left > .arrow {
border-left-color: rgba(0, 0, 0, 0.25);
border-right-width: 0px;
margin-top: -11px;
right: -11px;
top: 50%;
}
.popover.left > .arrow::after {
border-left-color: rgb(255, 255, 255);
border-right-width: 0px;
bottom: -10px;
content: ' ';
right: 1px;
}
.carousel,
.carousel-inner {
position: relative;
}
.carousel-inner {
overflow: hidden;
width: 100%;
}
.carousel-inner > .item {
display: none;
position: relative;
transition: left 0.6s ease-in-out 0s;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
line-height: 1;
}
@media (-webkit-transform-3d), (transform-3d) {
.carousel-inner > .item {
backface-visibility: hidden;
perspective: 1000px;
transition: transform 0.6s ease-in-out 0s;
}
.carousel-inner > .item.active.right,
.carousel-inner > .item.next {
left: 0px;
transform: translate3d(100%, 0px, 0px);
}
.carousel-inner > .item.active.left,
.carousel-inner > .item.prev {
left: 0px;
transform: translate3d(-100%, 0px, 0px);
}
.carousel-inner > .item.active,
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right {
left: 0px;
transform: translateZ(0px);
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0px;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0px;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0px;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
background-color: transparent;
bottom: 0px;
color: rgb(255, 255, 255);
font-size: 20px;
left: 0px;
opacity: 0.5;
position: absolute;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;
top: 0px;
width: 15%;
}
.carousel-control.left {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0px, transparent);
background-repeat: repeat-x;
}
.carousel-control.right {
background-image: linear-gradient(90deg, transparent 0px, rgba(0, 0, 0, 0.5));
background-repeat: repeat-x;
left: auto;
right: 0px;
}
.carousel-control:focus,
.carousel-control:hover {
color: rgb(255, 255, 255);
opacity: 0.9;
outline: 0px;
text-decoration: none;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
display: inline-block;
margin-top: -10px;
position: absolute;
top: 50%;
z-index: 5;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
left: 50%;
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
right: 50%;
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
font-family: serif;
height: 20px;
line-height: 1;
width: 20px;
}
.carousel-control .icon-prev::before {
content: '‹';
}
.carousel-control .icon-next::before {
content: '›';
}
.carousel-indicators {
bottom: 10px;
left: 50%;
list-style: none;
margin-left: -30%;
padding-left: 0px;
position: absolute;
text-align: center;
width: 60%;
z-index: 15;
}
.carousel-indicators li {
background-color: transparent;
border: 1px solid rgb(255, 255, 255);
border-radius: 10px;
cursor: pointer;
display: inline-block;
height: 10px;
margin: 1px;
text-indent: -999px;
width: 10px;
}
.carousel-indicators .active {
background-color: rgb(255, 255, 255);
height: 12px;
margin: 0px;
width: 12px;
}
.carousel-caption {
bottom: 20px;
color: rgb(255, 255, 255);
left: 15%;
padding-bottom: 20px;
padding-top: 20px;
position: absolute;
right: 15%;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;
z-index: 10;
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
font-size: 30px;
height: 30px;
margin-top: -10px;
width: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
left: 20%;
padding-bottom: 30px;
right: 20%;
}
.carousel-indicators {
bottom: 20px;
}
}
.btn-group-vertical > .btn-group::after,
.btn-group-vertical > .btn-group::before,
.btn-toolbar::after,
.btn-toolbar::before,
.clearfix::after,
.clearfix::before,
.container-fluid::after,
.container-fluid::before,
.container::after,
.container::before,
.dl-horizontal dd::after,
.dl-horizontal dd::before,
.form-horizontal .form-group::after,
.form-horizontal .form-group::before,
.modal-footer::after,
.modal-footer::before,
.modal-header::after,
.modal-header::before,
.nav::after,
.nav::before,
.navbar-collapse::after,
.navbar-collapse::before,
.navbar-header::after,
.navbar-header::before,
.navbar::after,
.navbar::before,
.pager::after,
.pager::before,
.panel-body::after,
.panel-body::before,
.row::after,
.row::before {
content: ' ';
display: table;
}
.btn-group-vertical > .btn-group::after,
.btn-toolbar::after,
.clearfix::after,
.container-fluid::after,
.container::after,
.dl-horizontal dd::after,
.form-horizontal .form-group::after,
.modal-footer::after,
.modal-header::after,
.nav::after,
.navbar-collapse::after,
.navbar-header::after,
.navbar::after,
.pager::after,
.panel-body::after,
.row::after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
background-color: transparent;
border: 0px;
color: transparent;
font: 0px / 0 a;
text-shadow: none;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
td.visible-xs,
th.visible-xs {
display: table-cell !important;
}
.visible-xs-block {
display: block !important;
}
.visible-xs-inline {
display: inline !important;
}
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
td.visible-sm,
th.visible-sm {
display: table-cell !important;
}
.visible-sm-block {
display: block !important;
}
.visible-sm-inline {
display: inline !important;
}
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
td.visible-md,
th.visible-md {
display: table-cell !important;
}
.visible-md-block {
display: block !important;
}
.visible-md-inline {
display: inline !important;
}
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
td.visible-lg,
th.visible-lg {
display: table-cell !important;
}
.visible-lg-block {
display: block !important;
}
.visible-lg-inline {
display: inline !important;
}
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
td.visible-print,
th.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
.hidden-print {
display: none !important;
}
}
.webPurchaseBg {
background-color: rgba(0, 0, 0, 0.5);
opacity: 1;
z-index: 99998;
}
.webPurchaseBg,
.webPurchaseContainer {
inset: 0px;
position: fixed;
}
.webPurchaseContainer {
background: rgb(30, 30, 30);
border: 2px solid rgb(77, 77, 77);
height: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 10vh;
max-width: 1200px;
width: 100vw;
z-index: 99999;
}
@media screen and (max-height: 1200px) {
.webPurchaseContainer {
height: 94%;
margin: 3vh auto auto;
max-height: 80em;
}
}
@media screen and (max-height: 961px) {
.webPurchaseContainer {
height: 100%;
margin-top: 0px;
}
}
@media only screen and (max-width: 767px) {
.webPurchaseContainer {
border: none;
bottom: auto;
height: 100%;
margin: 0px;
}
}
.webPurchaseContainer iframe {
border: none;
height: 100%;
max-width: 1200px;
width: 100%;
}
.webPurchaseContainer_closeBtn {
color: rgb(125, 125, 125);
cursor: pointer;
font-family: sans-serif;
font-size: 32px;
position: absolute;
right: 1.1em;
top: 0.7em;
}
.webPurchaseContainer_closeBtn.hidden {
display: none;
}
.webPurchaseContainer_loading {
zoom: 2.5;
left: calc(50% - 1em);
position: absolute;
top: 40%;
}
.prevent-scroll-mobile {
height: 100% !important;
overflow: hidden !important;
position: absolute !important;
width: 100% !important;
}
@media only screen and (max-width: 767px) {
.prevent-scroll-mobile {
height: 0px !important;
}
}
.quick-purchase-loading {
left: calc(50% - 30px);
position: relative;
top: calc(50% - 30px);
width: 60px;
}
.hidden {
display: none;
}
.invisible {
opacity: 0;
}
@font-face {
font-display: auto;
font-family: eg-header-icomoon;
font-style: normal;
font-weight: 400;
src: url('data:font/ttf;base64,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GAEBAQEBAQEFAQEBAwEBAQEBAQEBAV0FBgwYGAwFBgGT/S4sEhIBAQICCAEGBwUDBAYBZA0ICAoKCAgOAWQFBAQFBgYBCQICAQEBEhL+lzw8GgEBAQICAQIBAQIBAgEBAQEBAgEBAQIBASEgAQECAQEBAwEBAQIBAQECAQEBAgECAgECAQECAQIBAQECAQECAQIBAQEBAQIBAR8iAgECAQEBAgEBAQICAQICAQEBAQGoXiQSEhISJCI8o4VJR0dKhnEBCQQBAgIBAgUCAgECAwIXBAEDAgECAQIEAgIFAgkBAQECAgEBAQEBAQEBAQECAQMDAQUBAQcEAwECAQIBAgIBAwIWAgMEAgEBBgECAQICBQIBAwEDAQUBAwECBwEDAQMBBAEEAwIFAgMEAwEEAQEBAQECAQIBBQUFBg0DAgECAQICGDYYDQIBBAEBAQQBBAEDAgIBAwEBAwEDAQEDAgEBBAECHgIBAwEBBAEBAQQEAQEGAQEDAQQBAQIDAQEDAyEBAQEBDQIBAQEuAQEBAgIBAQGYqAFWHV9ePzk5QEASEiQdJRESOgUGDAoMBQYFBgwLDAUGOhISJB4kEhKwAQEBAQQFAgEBAgIEAwECAwMCEgIEBgMDAgIBAgUCAQIDAgQCAgEBBAEEAQICAgICAQEFAQIDAQUCDAMCAQIBAQMBAgECAwECAQICAQICAgECAwYFAQIBBAQCAQEBAQEBAQEBAgEEAQIBBAECAgICAQEDAwUOAgMCAgMBAgMBAgMBAgEDAQIFAgIBAQUBBAICAgIBAQIBAQICAwUKAgEBAQMBAQICAQEEAgEDAQYCAQICAQIBAgMCAQYEAwEDAQEBAQEBCAIBAgECAgECAQMCAQoCAgEBAgIGAQMBAgMBAgECAwIBAgGCYgwFBpEGBgFCEhIs/TQFBAoJCgsBBAUCAgIClQcCAwIDB5UCAgICBQULCQoKBAUFBALDLBISiP53jQEBAgICAgICAgECAgICAgEBAgECAgIBAQICAgF3RwECAgIBAQIDAgEBAgICAQECAgIBAQICAgEDAgICAQICAgICAQECAgIBAgICAgIBAgEBAgICAUZ3AgICAgIBAwICAQICAgICAgICAgECAQECAhQSEiVoJRISjwGJNnA2djeTMwEGAwEBAQECAQEBAQEBAQEDAgQBCQIBAwICAwEBAgMBAgEFBQkBBQIBAgIBAgECAwECBQMCBQMFAwEBAQEBAQEBAQEBAQMBAQECBAEBAwIDAgUCAwICBQEBAQEBAQECAQMCAgQCAQEDAgMCDAQCAQEDAwUEAgIBAQECAQ8YBEMEAgEIAwEDCAECBwIBBgICAgMBBgIBAgcCBwIBAgQCBAECAQgBBQUBAgYBAwgBAgMBCAEIAQMMAQIBCAEIAQIBBQEFAQECBwYBAgECAQIBAgMBAgECAQECAQIBAwIDAQIBAgHGOaYZdxsUGRQBAf0lEhISEiRQTQsGBgYGC/gMBQYFBgxYWyUSEhIS0ggCAQIBAgEBBgUBAQECAQEBAQEBAgIBAQMBAQECAQQBAgEBAQECBAIEAgECAQIBAQIBAQEBAQEBAgIFAgMBAQEBAQEBAQEDAgEBAQIEAwECAQMCBQIDAQMDAgEGAgQCAQECAQECAQEBAQEBAQEBAQEBAQEBAQEEAgMBAgcCBQIBAgEBAQEBAQIBAQMCAQECAgIBAQIBAQEBAQEBAQEBAwMCAgMCAQEDAgMCAwAAAQD6AAEDAANVAAUAABM3CQEnAfpcAar+VlwBUgL7Wv5W/lZaAVAAAAEAAP/AAp8DwAAIAAABLwE3CQEnATcBf0XzsAGo/hKxARtkAclO+LH97v4SjQEbYQAAAAABAAL/6AP+A5gACAAAExEFJzcJASc3AgJkuZ4Bs/48ufUBJAFRTM+g/ij+KKnfAAABAAAAAAAAbQ87J18PPPUACwQAAAAAANxwLw8AAAAA3HAvDwAA/8AEqAPGAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAD/WASoAAEAAAAAAAAAAAAAAAAAAAAQBAAAAAAAAAAAAAAAAgAAAAQAABYEAADWBAAAGAQAAL8EAAAABAAAqgQAAFYEAACABAAAAAQAAPoCnwAABAAAAgAAAAAACgAUAB4BPgFYAdQB9gJkAnwDAANABwYHGgc0B0wAAAABAAAAEAMFABEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==')
format('truetype'),
url('data:font/woff;base64,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')
format('woff');
}
[class*=' eg-header-icon-'],
[class^='eg-header-icon-'] {
speak: none;
-webkit-font-smoothing: antialiased;
font-family: eg-header-icomoon;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 18px;
text-transform: none;
}
.eg-header-icon-fn-chevron-forward::before {
content: '';
}
.eg-header-icon-fn-arrow-forward::before {
content: '';
}
.eg-header-icon-locale::before {
content: '';
}
.eg-header-icon-user::before {
content: '';
}
.eg-header-icon-close::before {
content: '';
}
.eg-header-icon-search::before {
content: '';
}
.eg-header-icon-epicgames::before {
content: '';
}
.eg-header-icon-clear::before {
content: '';
}
.eg-header-icon-arrow-forward::before {
content: '';
}
.eg-header-icon-chevron-forward::before {
content: '';
}
.eg-header-icon-language::before {
content: '';
}
.eg-header-icon-matui-search::before {
content: '';
}
@font-face {
font-display: auto;
font-family: eg-footer-icomoon;
font-style: normal;
font-weight: 400;
src: url('86b5b4852aa2c5f70a7d5411e0bc758e.ttf') format('truetype'),
url('955a82ed3fbf322cf2dde70c2c5d3123.woff') format('woff');
unicode-range: U+20BD, U+E000-E0FF, U+E900-E9FF, U+EA00-EAFF, U+F000-FFFF;
}
[class*=' eg-footer-icon-'],
[class^='eg-footer-icon-'] {
speak: none;
font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
font-family: eg-footer-icomoon;
font-style: normal;
font-variant: discretionary-ligatures;
font-weight: 400;
letter-spacing: 0px;
line-height: 1;
text-transform: none;
}
.eg-footer-icon-tw::before {
content: '';
}
.eg-footer-icon-xbox-series::before {
content: '';
}
.eg-footer-icon-xbox-series-solo::before {
content: '';
}
.eg-footer-icon-ps5-ps4::before {
content: '';
}
.eg-footer-icon-reddit::before {
content: '';
}
.eg-footer-icon-android::before {
content: '';
}
.eg-footer-icon-iOS::before {
content: '';
}
.eg-footer-icon-switch::before {
content: '';
}
.eg-footer-icon-mac-logo::before {
content: '';
}
.eg-footer-icon-xbox-type::before {
content: '';
}
.eg-footer-icon-xbox-logo::before {
content: '';
}
.eg-footer-icon-snapchat::before {
content: '';
}
.eg-footer-icon-carrot::before {
content: '';
}
.eg-footer-icon-sony::before {
content: '';
}
.eg-footer-icon-badRobot::before {
content: '';
}
.eg-footer-icon-chair::before {
content: '';
}
.eg-footer-icon-pc::before,
.eg-footer-icon-pcGame::before {
content: '';
}
.eg-footer-icon-ps::before {
content: '';
}
.eg-footer-icon-ps4::before {
content: '';
}
.eg-footer-icon-ue::before {
content: '';
}
.eg-footer-icon-oculus::before {
content: '';
}
.eg-footer-icon-twitch::before {
content: '';
}
.eg-footer-icon-youtube::before {
content: '';
}
.eg-footer-icon-google-plus::before {
content: '';
}
.eg-footer-icon-facebook::before {
content: '';
}
.eg-footer-icon-vk::before {
content: '';
}
.eg-footer-icon-instagram::before {
content: '';
}
.eg-footer-icon-twitter::before {
content: '';
}
.eg-footer-icon-eg::before {
content: '';
}
.eg-footer-icon-rss::before {
content: '';
}
.eg-footer-icon-weibo::before {
content: '';
}
.eg-footer-icon-wechat::before {
content: '';
}
.eg-footer-icon-discord::before {
content: '';
}
.eg-footer-icon-naver-cafe::before {
content: '';
}
.eg-footer-icon-telegram::before {
content: '';
}
.eg-footer-icon-tiktok::before {
content: '';
}
body,
html {
font-size: 16px;
height: 100%;
width: 100%;
}
body {
text-rendering: optimizelegibility;
background-color: rgb(42, 42, 42);
font-family: OpenSans, sans-serif;
}
.align-bottom {
bottom: 1em;
color: rgb(255, 255, 255);
left: 0px;
margin: 0px 1em 0px 0px;
position: absolute;
right: 0px;
text-align: right;
}
@media only screen and (max-width: 991px) {
.align-bottom h3 {
font-size: 1em;
}
.align-bottom {
margin: 0px;
}
}
.col-centered {
float: none;
margin: 0px auto;
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: pre;
}
.embed-responsive {
display: block;
height: 0px;
overflow: hidden;
padding: 0px;
position: relative;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
border: 0px;
bottom: 0px;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}
@font-face {
font-family: BurbankBigCondensed-Black;
font-stretch: normal;
font-style: normal;
font-weight: 400;
src: url('270c9aeefc1aee8f70a1b3bb68fdedae.woff') format('woff');
}
@font-face {
font-family: BurbankSmall-Black;
font-stretch: normal;
font-style: normal;
font-weight: 400;
src: url('0bb66d28dee1e95779d13fc9c71e0a83.woff') format('woff');
}
@font-face {
font-family: BurbankBigRegular-Black;
font-stretch: normal;
font-style: normal;
font-weight: 400;
src: url('9a0fe5a7aae0e9ac201bf6ba3a3811a9.woff') format('woff'),
url('1d32c02fb0d90de041252c7fb781655e.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: BurbankSmall;
font-style: normal;
font-weight: 600;
src: url('726cdd35dd7e45c7901b339a72bc31b8.woff2') format('woff2');
}
@font-face {
font-display: swap;
font-family: BurbankSmall;
font-style: italic;
font-weight: 600;
src: url('d7b3785944b115ac088233190543d9d7.woff2') format('woff2');
}
@font-face {
font-family: OpenSans;
font-style: normal;
font-weight: 200;
src: url('7d6c2af4b5e3c9abca63cf917f9e9c75.woff') format('woff'),
url('fd9e92563d4ffd4e60294145a9effe44.ttf') format('truetype');
}
@font-face {
font-family: OpenSans;
font-style: normal;
font-weight: 300;
src: url('7d6c2af4b5e3c9abca63cf917f9e9c75.woff') format('woff'),
url('fd9e92563d4ffd4e60294145a9effe44.ttf') format('truetype');
}
@font-face {
font-family: OpenSans;
font-style: normal;
font-weight: 400;
src: url('f609a6a349a4dedefe290df58f7003eb.woff') format('woff'),
url('b2a3853ac81fcd4f6e3522714454c1ff.ttf') format('truetype');
}
@font-face {
font-family: OpenSans;
font-style: normal;
font-weight: 500;
src: url('43e458aaa5e9354c0d075b8e645e03c5.woff') format('woff'),
url('b2c8a242c10150c992cf3835d63b1bb8.ttf') format('truetype');
}
@font-face {
font-family: OpenSans;
font-style: normal;
font-weight: 600;
src: url('dae0ac2f4753780d4f3a0abc68867702.woff') format('woff'),
url('cee7d012fc84542e24554c8b7b8fc70c.ttf') format('truetype');
}
@font-face {
font-family: OpenSans;
font-style: normal;
font-weight: 700;
src: url('dae0ac2f4753780d4f3a0abc68867702.woff') format('woff'),
url('cee7d012fc84542e24554c8b7b8fc70c.ttf') format('truetype');
}
@font-face {
font-family: OpenSans;
font-style: normal;
font-weight: 800;
src: url('dae0ac2f4753780d4f3a0abc68867702.woff') format('woff'),
url('cee7d012fc84542e24554c8b7b8fc70c.ttf') format('truetype');
}
@font-face {
font-family: OpenSans;
font-style: normal;
font-weight: 900;
src: url('a719352d02c6ccf38f1affb3c5af340f.woff') format('woff'),
url('912d1cbc6c2537c035870ede016c59e4.ttf') format('truetype');
}
@font-face {
font-family: aERIN;
font-style: normal;
font-weight: 300;
src: url('1cba85bca50b2de84f5f68571427d5d6.woff') format('woff'),
url('ed56519e7dcf772d33925809744cde7b.ttf') format('truetype');
}
@font-face {
font-family: aERIN;
font-style: normal;
font-weight: 500;
src: url('c3413a6380752f8ce6d03dd766ae3eb1.woff') format('woff'),
url('57d46c68dca01d07843fd56763772b6c.ttf') format('truetype');
}
@font-face {
font-family: aERIN;
font-style: normal;
font-weight: 700;
src: url('d4f7971f72d175e5b5e70baa3b54821c.woff') format('woff'),
url('98837ee99766618b3c98ad6afbd2f6d3.ttf') format('truetype');
}
@font-face {
font-family: NotoSansCJKkr;
font-style: normal;
font-weight: 500;
src: url('3e8a3d882f53a16eb7ffb48748f669bb.otf') format('opentype');
}
@font-face {
font-family: NotoSansCJKkr;
font-style: normal;
font-weight: 700;
src: url('9b1db29fc2a12922bfa6121aa48c8957.otf') format('opentype');
}
@font-face {
font-family: Tazugane;
font-style: normal;
font-weight: 700;
src: url('5f38ac9ca47333879de98f4b1dd87b87.woff2') format('woff2');
}
@font-face {
font-family: NotoSansCJKjp;
font-style: normal;
font-weight: 500;
src: url('5385eecebb537f4b58548d46ef33df99.otf') format('opentype');
}
@font-face {
font-family: NotoSansCJKjp;
font-style: normal;
font-weight: 700;
src: url('7c06e0f4174e104cd15701610cb89c14.otf') format('opentype');
}
@font-face {
font-family: NotoNaskhArabic;
font-style: normal;
font-weight: 500;
src: url('b995d0eb7b5bd1b14ea8ca70b1193676.ttf') format('truetype');
}
@font-face {
font-family: NotoNaskhArabic;
font-style: normal;
font-weight: 700;
src: url('e5c5a142088d451e2427382f02754534.ttf') format('truetype');
}
@font-face {
font-family: NotoNaskhArabicUI;
font-style: normal;
font-weight: 500;
src: url('3d2390019531d3638d050ea852b4abbf.ttf') format('truetype');
}
@font-face {
font-family: NotoNaskhArabicUI;
font-style: normal;
font-weight: 700;
src: url('b670589030553002b9959afac58682a0.ttf') format('truetype');
}
@font-face {
font-family: icomoon;
font-style: normal;
font-weight: 400;
src: url('5383fdb77c5fbc6586563551ea5164bc.ttf') format('truetype'),
url('04b7d76297061df666f3a6c39bb1595a.woff') format('woff');
unicode-range: U+20BD, U+E000-E0FF, U+E600-E6FF, U+E900-E9FF, U+EA00-EAFF,
U+E800-E8FF;
}
[class*=' icon-'],
[class^='icon-'] {
speak: none;
font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: discretionary-ligatures;
font-weight: 400;
letter-spacing: 0px;
text-transform: none;
font-family: icomoon !important;
}
.icon-ninja::before {
content: '';
}
.icon-outlander::before {
content: '';
}
.icon-commando::before,
.icon-soldier::before {
content: '';
}
.icon-constructor::before {
content: '';
}
.icon-sfs-icon::before {
content: '';
}
.icon-packs::before {
content: '';
}
.icon-arrow {
font-size: 1.2em;
}
.icon-arrow::before {
content: '';
font-size: 0.8em;
}
.icon-arrow-right::before {
content: '';
}
.icon-arrow-left {
display: block;
transform: rotate(-180deg);
}
.icon-arrow-left::before {
content: '';
}
.icon-menu::before {
content: '';
}
.icon-magnifyGlass::before {
content: '';
}
.icon-clock::before {
content: '';
}
.icon-x::before {
content: '';
}
.icon-play-triangle::before {
content: '';
}
.icon-badge::before {
content: '';
}
.icon-check::before {
content: '';
}
.icon-down-arrow::before {
content: '';
}
.icon-up-arrow {
transform: rotate(-180deg);
}
.icon-up-arrow::before {
content: '';
}
.icon-left-arrow::before {
content: '';
}
.icon-lock::before {
content: '';
}
.icon-reverse-left-arrow::before {
content: '';
}
.icon-reverse-right-arrow::before {
content: '';
}
.icon-right-arrow::before {
content: '';
}
.icon-toxic::before {
content: '';
}
.icon-close::before {
content: '';
}
.icon-play::before {
content: '';
}
.icon-refresh::before {
content: '';
}
.icon-grid::before {
content: '';
}
.icon-link-external::before {
content: '';
}
.icon-warning::before {
content: '';
}
.icon-notification::before {
content: '';
}
.icon-plus::before {
content: '';
}
.icon-tv::before {
content: '';
}
.icon-location::before {
content: '';
}
.icon-full-arrow {
font-size: 1.2em;
}
.icon-full-arrow::before {
content: '';
font-size: 0.8em;
}
.icon-facebook::before {
content: '';
}
.icon-vk::before {
content: '';
}
.icon-reddit::before {
content: '';
}
.icon-vk-noBox::before {
content: '';
}
.icon-twitch::before {
content: '';
}
.icon-google-plus::before,
.icon-google::before {
content: '';
}
.icon-youtube::before {
content: '';
}
.icon-facebook-circle::before {
content: '';
}
.icon-instagram::before {
content: '';
}
.icon-twitter::before {
content: '';
}
.icon-mixer::before {
content: '';
}
.icon-github::before {
content: '';
}
.icon-steam::before {
content: '';
}
.icon-ruble::before {
content: '₽';
}
.icon-pc::before,
.icon-pcMac::before {
content: '';
}
.icon-ps4::before,
.icon-psn::before {
content: '';
}
.icon-xbl::before,
.icon-xbox::before {
content: '';
}
.icon-pc_mobile::before {
content: '';
}
.icon-mobile::before {
content: '';
}
.icon-nintendo::before,
.icon-switch::before {
content: '';
}
.icon-iOS::before {
content: '';
}
.icon-android::before {
content: '';
}
.icon-mac-os::before {
content: '';
}
.icon-windows::before {
content: '';
}
.icon-exclamation-circle::before {
content: '';
}
.icon-ticket::before {
content: '';
}
@keyframes jiggle {
0%,
14% {
transform: scale(1);
}
2% {
transform: scaleY(0.9);
}
8% {
transform: scale(0.9, 1.1) translateY(-5px);
}
11% {
transform: scale(1) translateY(-3px);
}
}
@keyframes jelly {
0% {
transform: matrix(1, 0, 0, 1, 0, 0);
}
50% {
transform: matrix3d(
1.0593,
0,
-0.1,
0.00025,
0,
0.9603,
0.1,
-0.0001,
0.1,
-0.1,
0.9801,
0,
0,
-3,
0,
1
);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
}
}
@keyframes bounce {
0% {
transform: translateY(0.1em);
}
50% {
transform: translateY(0.4em);
}
100% {
transform: translateY(0.1em);
}
}
@keyframes zoom {
0% {
opacity: 0;
transform: scale(0.9) translateY(-50%);
}
30% {
opacity: 1;
transform: scale(0.9) translateY(-50%);
}
50% {
transform: scale(1.03) translateY(-50%);
}
100% {
transform: scale(1) translateY(-50%);
}
}
@keyframes float {
0% {
transform: translate(0px);
}
65% {
transform: translateY(2em);
}
100% {
transform: translate(0px);
}
}
@keyframes shadow-pulse {
0% {
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;
}
100% {
box-shadow: transparent 0px 0px 0px 35px;
}
}
@keyframes text-focus-in {
0% {
filter: blur(12px);
opacity: 0;
}
100% {
filter: blur(0px);
opacity: 1;
}
}
@keyframes bounce-in-from-center {
0% {
animation-timing-function: ease-in;
opacity: 0;
transform: scale(0);
}
38% {
animation-timing-function: ease-out;
opacity: 1;
transform: scale(1);
}
55% {
animation-timing-function: ease-in;
transform: scale(0.7);
}
72% {
animation-timing-function: ease-out;
transform: scale(1);
}
81% {
animation-timing-function: ease-in;
transform: scale(0.84);
}
89% {
animation-timing-function: ease-out;
transform: scale(1);
}
95% {
animation-timing-function: ease-in;
transform: scale(0.95);
}
100% {
animation-timing-function: ease-out;
transform: scale(1);
}
}
@keyframes bounce-in-from-top {
0% {
animation-timing-function: ease-in;
opacity: 0;
transform: translateY(-500px);
}
38% {
animation-timing-function: ease-out;
opacity: 1;
transform: translateY(0px);
}
55% {
animation-timing-function: ease-in;
transform: translateY(-65px);
}
72% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
81% {
animation-timing-function: ease-in;
transform: translateY(-28px);
}
90% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
95% {
animation-timing-function: ease-in;
transform: translateY(-8px);
}
100% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
}
body * {
text-rendering: optimizelegibility;
font-feature-settings: 'kern';
}
body > #fortniteReactWrapper,
html,
html > body {
background-color: rgb(42, 42, 42) !important;
}
body > #fortniteReactWrapper * :focus,
html * :focus,
html > body * :focus {
outline: 0px;
}
body.ko * {
word-break: keep-all;
}
a:active,
a:focus,
a:hover {
outline: 0px;
text-decoration: none;
}
.fortnite-stream-overlay {
height: 100%;
overflow: hidden;
position: fixed;
width: 100%;
}
.fortnite-wrapper #egf {
z-index: 0;
}
#fortniteReactWrapper,
#fortniteReactWrapper > div {
height: 100%;
}
#fortniteReactWrapper .battle-pass-view {
background-color: rgb(255, 255, 255);
overflow: hidden;
}
.fortnite-wrapper {
overflow-x: hidden;
}
.fortnite-wrapper .product-font {
font-family: OpenSans, sans-serif;
}
.fortnite-wrapper .light-bg {
background: url('ed631e97f3fb982b9b51e540ba67a326.jpg') center top / 100%
no-repeat;
}
.fortnite-wrapper h1.site-block-page-title {
color: rgb(255, 255, 255);
margin-top: 0px;
padding: 2em 0px;
text-align: center;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.fortnite-wrapper h1.site-block-page-title {
font-size: 2em;
padding: 1em 0px;
}
}
.fortnite-wrapper .site-block {
background-color: rgb(248, 248, 248);
border: 1px solid rgb(232, 232, 232);
color: rgb(30, 30, 30);
margin: 1em auto;
max-width: 800px;
padding: 2em;
text-align: left;
}
@media only screen and (max-width: 767px) {
.fortnite-wrapper .site-block {
margin: 0.5em;
}
}
.fortnite-wrapper .site-block .errorMessage {
color: rgb(188, 10, 13);
}
.fortnite-wrapper .site-block .site-block-header {
border-bottom: 1px solid rgb(232, 232, 232);
margin-bottom: 2em;
padding-bottom: 1em;
}
.fortnite-wrapper .site-block .site-block-header .site-block-title {
font-size: 2em;
font-weight: 400;
margin-bottom: 0.5em;
margin-top: 0.4em;
text-transform: uppercase;
}
.fortnite-wrapper .site-block .site-block-header .epic-logo-invert {
background: url('246c0beeafea4ec5e2d04b2d1a852541.png') 50% center / contain
no-repeat;
height: 2em;
width: 2em;
}
.fortnite-wrapper .site-block .site-block-header .epic-logo {
background: url('6585c5e45fccdd62966a825f5b50bf24.png') 50% center / contain
no-repeat;
height: 2em;
width: 2em;
}
.fortnite-wrapper .site-block .site-block-footer h2 {
font-size: 1em;
font-weight: 200;
}
.fortnite-wrapper .btn-wide {
width: 100%;
}
.fortnite-wrapper .dropDown-container {
cursor: pointer;
position: relative;
text-align: center;
}
.fortnite-wrapper .dropDown-container .btn {
position: relative;
z-index: 1;
margin-bottom: 0px !important;
}
.fortnite-wrapper .dropDown-container .btn i {
display: inline-block;
font-size: 0.7em;
margin-left: 0.7em;
transform: rotate(90deg);
transform-origin: center center;
transition: transform 0.3s ease-in-out 0s;
}
.fortnite-wrapper .dropDown-container .container-contents {
background-color: rgb(248, 248, 248);
border: 1px solid rgb(232, 232, 232);
left: 0px;
margin: 0px auto;
opacity: 0;
position: absolute;
right: 0px;
top: 0px;
transition: all 0.2s ease-in-out 0s;
visibility: hidden;
width: inherit;
z-index: 100;
}
@media only screen and (max-width: 767px) {
.fortnite-wrapper .dropDown-container .container-contents {
max-width: 100%;
width: 100%;
}
}
.fortnite-wrapper .dropDown-container .container-contents a {
color: rgb(0, 0, 0);
display: block;
font-family: OpenSans, sans-serif;
font-size: 0.8em;
font-weight: 700;
height: 100%;
padding: 0.75em 0px;
transition: color 0.3s ease-in-out 0s;
width: 100%;
}
.fortnite-wrapper .dropDown-container .container-contents a span {
white-space: normal;
}
.fortnite-wrapper .dropDown-container .container-contents a:hover {
color: rgb(0, 0, 0);
}
.fortnite-wrapper .dropDown-container.active .btn i {
transform: rotate(-90deg) !important;
}
.fortnite-wrapper .dropDown-container.active .container-contents {
opacity: 1;
top: 100%;
visibility: visible;
}
.fortnite-wrapper .loading {
background: url('c8849708165f9c0f442e8bfef3c56ef8.gif') 50% center / contain
no-repeat transparent;
height: 100%;
margin: 50px auto;
min-height: 80px;
position: relative;
text-align: center;
width: 100%;
}
.fortnite-wrapper.msie .btn::after {
animation: auto ease 0s 1 normal none running none !important;
}
.launcherClient,
.talon_challenge_container {
user-select: none;
}
.launcherClient ::-webkit-scrollbar,
.talon_challenge_container ::-webkit-scrollbar {
height: 18px;
width: 8px;
}
.launcherClient ::-webkit-scrollbar-track,
.talon_challenge_container ::-webkit-scrollbar-track {
background: rgb(187, 187, 187);
border-radius: 50px;
}
.launcherClient ::-webkit-scrollbar-thumb,
.talon_challenge_container ::-webkit-scrollbar-thumb {
background: rgb(153, 153, 153);
border-radius: 50px;
}
.launcherClient ::-webkit-scrollbar-thumb:horizontal:hover,
.launcherClient ::-webkit-scrollbar-thumb:vertical:hover,
.talon_challenge_container ::-webkit-scrollbar-thumb:horizontal:hover,
.talon_challenge_container ::-webkit-scrollbar-thumb:vertical:hover {
background: rgb(102, 102, 102);
}
.launcherClient ::-webkit-scrollbar-track:hover,
.talon_challenge_container ::-webkit-scrollbar-track:hover {
background: rgb(187, 187, 187);
}
.launcherClient ::-webkit-scrollbar-button,
.talon_challenge_container ::-webkit-scrollbar-button {
display: block;
height: 13px;
width: 8px;
}
.launcherClient ::-webkit-scrollbar-corner,
.talon_challenge_container ::-webkit-scrollbar-corner {
background-color: rgb(255, 255, 255);
}
.launcherClient .page-transition-appear,
.launcherClient .page-transition-appear.page-transition-appear-active,
.launcherClient .page-transition-enter,
.launcherClient .page-transition-enter.page-transition-enter-active,
.talon_challenge_container .page-transition-appear,
.talon_challenge_container
.page-transition-appear.page-transition-appear-active,
.talon_challenge_container .page-transition-enter,
.talon_challenge_container .page-transition-enter.page-transition-enter-active {
opacity: 1;
transform: none;
transition: none 0s ease 0s;
}
.launcherClient #fortniteReactWrapper,
.talon_challenge_container #fortniteReactWrapper {
background: rgb(255, 255, 255);
margin: 0px 12px 0px 0px;
padding: 0px 5px 0px 0px;
position: absolute;
width: calc(100% - 12px);
z-index: 1;
height: 100vh !important;
overflow: hidden auto !important;
}
.launcherClient #fortniteReactWrapper .epic-games-nav-spacer,
.talon_challenge_container #fortniteReactWrapper .epic-games-nav-spacer {
height: 0px;
}
.launcherClient #fortniteReactWrapper #egh.fortnite nav,
.talon_challenge_container #fortniteReactWrapper #egh.fortnite nav {
right: 24px;
}
.launcherClient #fortniteReactWrapper .fortnite-wrapper #footer,
.talon_challenge_container #fortniteReactWrapper .fortnite-wrapper #footer {
padding-bottom: 40px;
}
.launcherClient #fortniteReactWrapper .fortnite-wrapper #footer #footerSocial,
.talon_challenge_container
#fortniteReactWrapper
.fortnite-wrapper
#footer
#footerSocial {
display: none;
}
.disable-hover .external-link,
.disable-hover .media,
.disable-hover a,
.disable-hover article,
.disable-hover img,
.disable-hover strong {
pointer-events: none !important;
}
.grab-hand,
.grab-hand a {
cursor: -webkit-grabbing !important;
}
.ReactModal__Overlay {
background-color: rgba(0, 0, 0, 0.2) !important;
}
.gradient {
background: linear-gradient(rgb(42, 44, 49) 0px, rgb(8, 7, 8));
}
.fortnite-wrapper,
.fortnite-wrapper > div {
position: relative;
}
.fortnite-wrapper h1,
.fortnite-wrapper h2,
.fortnite-wrapper h3,
.fortnite-wrapper h4,
.fortnite-wrapper h5,
.fortnite-wrapper h6 {
font-family: BurbankBigRegular-Black, sans-serif;
text-transform: uppercase;
}
.fortnite-wrapper h1 {
font-size: 2.75em;
line-height: 85%;
}
@media only screen and (max-width: 1199px) {
.fortnite-wrapper h1 {
font-size: 2em;
}
}
.fortnite-wrapper h2 {
font-size: 1.875em;
line-height: 85%;
}
@media only screen and (max-width: 1199px) {
.fortnite-wrapper h2 {
font-size: 1.25em;
}
}
.fortnite-wrapper h3 {
font-size: 1.375em;
}
.fortnite-wrapper h4 {
font-size: 1.125em;
}
.fortnite-wrapper h5 {
font-size: 1em;
}
.fortnite-wrapper h6 {
font-size: 0.875em;
}
.fortnite-wrapper hr {
border-top: 1px solid rgb(179, 179, 179);
}
.fortnite-wrapper .jumbotron {
background-color: transparent;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
.fortnite-wrapper .jumbotron h1 {
font-size: 5em;
}
@media only screen and (max-width: 1199px) {
.fortnite-wrapper .jumbotron h1 {
font-size: 3em;
}
}
.fortnite-wrapper .jumbotron h2 {
font-size: 4em;
}
@media only screen and (max-width: 1199px) {
.fortnite-wrapper .jumbotron h2 {
font-size: 2.5em;
}
}
.fortnite-wrapper .jumbotron h3 {
font-size: 2.75em;
}
@media only screen and (max-width: 1199px) {
.fortnite-wrapper .jumbotron h3 {
font-size: 2em;
}
}
.fortnite-wrapper .jumbotron h4 {
font-size: 1.75em;
}
.fortnite-wrapper .jumbotron h5 {
font-size: 1.125em;
}
@media only screen and (max-width: 1199px) {
.fortnite-wrapper .jumbotron h5 {
font-size: 1em;
}
}
.fortnite-wrapper .jumbotron h6 {
font-size: 1em;
}
.fortnite-wrapper a,
.fortnite-wrapper ol,
.fortnite-wrapper p,
.fortnite-wrapper ul {
font-family: OpenSans, sans-serif;
font-size: 0.9em;
font-weight: 400;
line-height: 1.75;
}
.fortnite-wrapper a:not(.footer-link, .social-icon) {
color: rgb(44, 130, 197);
text-decoration: none;
transition: color 0.3s ease-in-out 0s;
}
.fortnite-wrapper a:not(.footer-link, .social-icon):hover {
color: rgb(59, 225, 255);
}
.fortnite-wrapper .property-logos .logo {
color: rgb(255, 255, 255);
}
.fortnite-wrapper .property-logos .logo:hover {
color: rgb(255, 255, 0);
}
.fortnite-wrapper .play-button {
background-color: transparent;
border-left: 0.412em solid rgb(255, 255, 255);
border-right: 0.412em solid rgb(255, 255, 255);
cursor: pointer;
height: 3.609em;
margin: 0px auto 3em;
position: relative;
transition: border 0.3s ease-in-out 0s;
width: 6.25em;
}
.fortnite-wrapper .play-button:hover {
border-color: rgb(255, 255, 0);
}
.fortnite-wrapper .play-button:hover i {
color: rgb(255, 255, 0);
}
.fortnite-wrapper .play-button:hover::after,
.fortnite-wrapper .play-button:hover::before {
border-color: rgb(255, 255, 0);
}
.fortnite-wrapper .play-button.sm {
border-left: 0.188em solid rgb(255, 255, 255);
border-right: 0.188em solid rgb(255, 255, 255);
display: inline-block;
height: 1.083em;
margin: 0.541em 0px;
width: 1.875em;
}
@media only screen and (max-width: 767px) {
.fortnite-wrapper .play-button.sm {
width: 1.775em;
}
}
.fortnite-wrapper .play-button.sm:hover i {
color: rgb(255, 255, 255);
}
.fortnite-wrapper .play-button.sm::after,
.fortnite-wrapper .play-button.sm::before {
height: 1.326em;
left: 0.087em;
transform: scaleY(0.5774) rotate(-45deg);
width: 1.326em;
}
.fortnite-wrapper .play-button.sm::before {
border-right: 0.265em solid rgb(255, 255, 255);
border-top: 0.265em solid rgb(255, 255, 255);
top: -0.663em;
}
.fortnite-wrapper .play-button.sm::after {
border-bottom: 0.265em solid rgb(255, 255, 255);
border-left: 0.265em solid rgb(255, 255, 255);
bottom: -0.663em;
}
.fortnite-wrapper .play-button.sm i {
font-size: 0.9em;
padding-top: 0.125em;
}
@media only screen and (max-width: 767px) {
.fortnite-wrapper .play-button.sm i {
padding-top: 0.25em;
}
}
.fortnite-wrapper .play-button.md {
height: 46.19px;
width: 80px;
}
.fortnite-wrapper .play-button.md::after,
.fortnite-wrapper .play-button.md::before {
height: 56.57px;
left: 6.7px;
width: 56.57px;
}
.fortnite-wrapper .play-button.md::before {
top: -28.2843px;
}
.fortnite-wrapper .play-button.md::after {
bottom: -28.2843px;
}
.fortnite-wrapper .play-button.md i {
padding-left: 0.1em;
padding-top: 0.55em;
}
.fortnite-wrapper .play-button::after,
.fortnite-wrapper .play-button::before {
background-color: inherit;
content: '';
height: 4.419em;
left: 0.603em;
position: absolute;
transform: scaleY(0.5774) rotate(-45deg);
transition: border 0.3s ease-in-out 0s;
width: 4.419em;
z-index: 1;
}
.fortnite-wrapper .play-button::before {
border-right: 0.442em solid rgb(255, 255, 255);
border-top: 0.442em solid rgb(255, 255, 255);
top: -2.225em;
}
.fortnite-wrapper .play-button::after {
border-bottom: 0.442em solid rgb(255, 255, 255);
border-left: 0.442em solid rgb(255, 255, 255);
bottom: -2.225em;
}
.fortnite-wrapper .play-button i {
color: rgb(255, 255, 255);
display: block;
font-size: 1.5em;
padding-top: 0.75em;
text-align: center;
transition: color 0.3s ease-in-out 0s;
}
.fortnite-wrapper .btn {
border: 0px;
border-radius: 0px;
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1em;
letter-spacing: 0px;
line-height: 2;
padding: 0.25em 1em;
position: relative;
text-transform: uppercase;
transform: translateZ(0px);
z-index: 1;
}
.fortnite-wrapper .btn.btn-xs {
height: 3em;
line-height: 2.25em;
padding: 0.4em 1em;
}
.fortnite-wrapper .btn.btn-block {
display: block;
}
.fortnite-wrapper .btn.btn-inline {
display: inline-block;
}
.fortnite-wrapper .btn.btn-info {
background-color: rgb(255, 255, 255);
border: none;
clip-path: polygon(0px 0px, 100% 10%, 98% 90%, 2% 100%);
color: rgb(0, 0, 0);
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1.25em;
padding: 0.75em;
text-decoration: none;
transition: background-color 0.3s ease 0s;
}
.fortnite-wrapper .btn.btn-border {
background-color: transparent;
background-image: url('data:image/svg+xml;charset=utf-8,');
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain;
font-size: 1.875em;
}
.fortnite-wrapper .btn.btn-border,
.fortnite-wrapper .btn.btn-border span {
color: rgb(255, 255, 255);
transition: all 0.3s ease-in-out 0s;
}
.fortnite-wrapper .btn.btn-border:hover {
background-image: url('data:image/svg+xml;charset=utf-8,');
}
.fortnite-wrapper .btn.btn-border:hover span {
color: rgb(255, 255, 0);
}
@media only screen and (max-width: 767px) {
.fortnite-wrapper .btn.btn-border {
padding: 0.25em 1em;
}
}
.fortnite-wrapper .btn.btn-default {
background-color: rgb(44, 130, 197);
border: none;
color: rgb(255, 255, 255);
font-size: 1.5em;
padding: 0px 1.5em;
text-decoration: none;
transition: background-color 0.3s ease 0s;
}
.fortnite-wrapper .btn.btn-default:hover {
background-color: rgb(59, 225, 255);
text-decoration: none;
}
.fortnite-wrapper .btn.btn-display {
background: transparent;
color: rgb(0, 0, 0);
font-size: 1.5em;
margin-top: 0.5em;
padding: 0px 1.5em;
position: relative;
}
.fortnite-wrapper .btn.btn-display span {
position: relative;
z-index: 1;
}
.fortnite-wrapper .btn.btn-display::after {
animation: 6s ease-in-out 0s infinite normal none running jelly;
background-color: rgb(255, 255, 0);
box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 12px -4px;
content: '';
display: block;
height: 2em;
left: 0px;
position: absolute;
top: 0px;
transform-origin: 50% 50% 20px;
transition: background-color 0.3s ease-in-out 0s;
width: 100%;
}
.fortnite-wrapper .btn.btn-display:hover::after {
background-color: rgb(230, 230, 0);
}
.fortnite-wrapper .btn.btn-display.no-animate::after {
animation: auto ease 0s 1 normal none running none;
clip-path: polygon(0px 4%, 100% 0px, 100% 100%, 0px 100%);
}
.fortnite-wrapper .btn.btn-primary {
background-color: rgb(255, 255, 0);
border: none;
color: rgb(0, 0, 0);
font-size: 1.5em;
padding: 0px 1.5em;
text-decoration: none;
transition: background-color 0.3s ease 0s;
}
.fortnite-wrapper .btn.btn-primary:hover {
background-color: rgb(230, 230, 0);
}
.fortnite-wrapper .btn.btn-hover-transform {
clip-path: polygon(2% 0px, 98% 0px, 98% 100%, 2% 100%);
transition: all 0.3s ease-in-out 0s;
}
.fortnite-wrapper .btn.btn-hover-transform > span {
display: inline-block;
transition: all 0.3s ease-in-out 0s;
}
.fortnite-wrapper .btn.btn-hover-transform:hover {
clip-path: polygon(4% 0px, 100% 0px, 98% 100%, 2% 100%);
}
.fortnite-wrapper .btn.btn-hover-transform:hover > span {
transform: translateX(2%);
}
.fortnite-wrapper .btn.btn-fixed-width {
min-width: 260px;
}
.fortnite-wrapper .btn.disabled {
background-color: rgb(204, 204, 204);
border-color: rgb(204, 204, 204);
color: gray;
}
.fortnite-wrapper .btn.disabled:hover {
color: gray !important;
}
.fortnite-wrapper .btn > span {
pointer-events: none;
}
.fortnite-wrapper .btn-hex + .btn-hex {
margin-top: 5px;
}
.fortnite-wrapper .fade-appear {
opacity: 0.01;
}
.fortnite-wrapper .fade-appear.fade-appear-active {
opacity: 1;
transition: opacity 0.3s ease-in-out 0s;
}
.fortnite-wrapper .transition-enter {
opacity: 0.01;
}
.fortnite-wrapper .transition-enter.transition-enter-active {
opacity: 1;
transition: opacity 0.3s ease-in 0s;
}
.fortnite-wrapper .transition-leave {
opacity: 1;
}
.fortnite-wrapper .transition-leave.transition-leave-active {
opacity: 0.01;
transition: opacity 0.15s ease-in 0s;
}
.fortnite-wrapper .no-padding {
padding-left: 0px !important;
padding-right: 0px !important;
}
.fortnite-wrapper .iosButton {
background: url('data:image/svg+xml;base64,PHN2ZyBpZD0ibGl2ZXR5cGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC42NyA1Ni4zOCI+PGRlZnM+PHN0eWxlPi5jbHMtMntmaWxsOiNmZmZ9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTE1Ni42Ni40OEgxMy4zMkwxMiAuNWExOCAxOCAwIDAgMC0yLjguMjUgOS4xNyA5LjE3IDAgMCAwLTIuNjguODggOS4wNyA5LjA3IDAgMCAwLTIuMjggMS42NiA5LjE1IDkuMTUgMCAwIDAtMi41NCA1IDE3LjggMTcuOCAwIDAgMC0uMjUgMi44MlY0Ni4zYTE3LjggMTcuOCAwIDAgMCAuMjUgMi44MiA5LjA3IDkuMDcgMCAwIDAgLjg4IDIuNjhBOC44OSA4Ljg5IDAgMCAwIDQuMjQgNTRhOS4wNyA5LjA3IDAgMCAwIDIuMjggMS43IDkuNSA5LjUgMCAwIDAgMi42OC44OSAxOS4zMiAxOS4zMiAwIDAgMCAyLjgzLjI1aDE0Ny40NmExOS4wNiAxOS4wNiAwIDAgMCAyLjgyLS4yNSA5LjY3IDkuNjcgMCAwIDAgMi42OS0uODkgOS4wNyA5LjA3IDAgMCAwIDIuMjgtMS43IDguODkgOC44OSAwIDAgMCAxLjY2LTIuMjggOS4wNyA5LjA3IDAgMCAwIC44OC0yLjY4IDIwLjUzIDIwLjUzIDAgMCAwIC4yNi0yLjgyVjExLjA4YTIwLjUzIDIwLjUzIDAgMCAwLS4yNi0yLjgyIDkuMTUgOS4xNSAwIDAgMC0yLjU0LTVBOS4wNyA5LjA3IDAgMCAwIDE2NSAxLjYzYTkuMzMgOS4zMyAwIDAgMC0yLjY5LS44OCAxNy44IDE3LjggMCAwIDAtMi44Mi0uMjVoLTEuM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjQyIC0uNDgpIiBzdHlsZT0iZmlsbDojYjdiN2I3Ii8+PHBhdGggZD0iTTEzLjMzIDU1LjYyaC0xLjI4YTE4IDE4IDAgMCAxLTIuNjMtLjIzIDguNTggOC41OCAwIDAgMS0yLjM0LS43NyA4IDggMCAwIDEtMi0xLjQ0IDcuNDggNy40OCAwIDAgMS0xLjQzLTIgOCA4IDAgMCAxLS43Ny0yLjM0IDE2LjY0IDE2LjY0IDAgMCAxLS4yMy0yLjY0VjExLjEyYTE2LjQ1IDE2LjQ1IDAgMCAxIC4yMy0yLjY0IDguMTQgOC4xNCAwIDAgMSAuNzYtMi4zNCA3LjYzIDcuNjMgMCAwIDEgMS40NC0yIDcuNzggNy43OCAwIDAgMSAyLTEuNDVBOC42MSA4LjYxIDAgMCAxIDkuNDEgMmExNy45MiAxNy45MiAwIDAgMSAyLjY1LS4yM2gxNDcuNDFhMTcuNTUgMTcuNTUgMCAwIDEgMi42Mi4yMyA4LjQ5IDguNDkgMCAwIDEgMi4zNi43NyA3LjgzIDcuODMgMCAwIDEgMiAxLjQzIDcuOTIgNy45MiAwIDAgMSAxLjQ0IDIgOC4wOSA4LjA5IDAgMCAxIC43NSAyLjMyIDE3LjU2IDE3LjU2IDAgMCAxIC4yNSAyLjY2VjQ2LjNhMTguMzYgMTguMzYgMCAwIDEtLjI0IDIuNjIgOC41MiA4LjUyIDAgMCAxLS43NiAyLjM1IDcuNzYgNy43NiAwIDAgMS0xLjQ0IDEuOTUgNy41MSA3LjUxIDAgMCAxLTIgMS40NCA4LjEzIDguMTMgMCAwIDEtMi4zNS43OCAxNy44OSAxNy44OSAwIDAgMS0yLjYzLjIzSDEzLjMzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNDIgLS40OCkiLz48ZyBpZD0iX0dyb3VwXyIgZGF0YS1uYW1lPSImbHQ7R3JvdXAmZ3Q7Ij48ZyBpZD0iX0dyb3VwXzIiIGRhdGEtbmFtZT0iJmx0O0dyb3VwJmd0OyI+PGcgaWQ9Il9Hcm91cF8zIiBkYXRhLW5hbWU9IiZsdDtHcm91cCZndDsiPjxwYXRoIGlkPSJfUGF0aF8iIGRhdGEtbmFtZT0iJmx0O1BhdGgmZ3Q7IiBjbGFzcz0iY2xzLTIiIGQ9Ik0zNi4zNCAyOS4wOWE3IDcgMCAwIDEgMy4zMi01Ljg1IDcuMTIgNy4xMiAwIDAgMC01LjYzLTNjLTIuMzYtLjI1LTQuNjYgMS40MS01Ljg3IDEuNDFzLTMuMDgtMS4zOS01LjA4LTEuMzVhNy41IDcuNSAwIDAgMC02LjMxIDMuODVjLTIuNzIgNC43Mi0uNjkgMTEuNjUgMS45MiAxNS40NyAxLjMxIDEuODcgMi44NCA0IDQuODMgMy44OHMyLjY5LTEuMjUgNS4wNS0xLjI1IDMgMS4yNSA1LjA2IDEuMiAzLjQyLTEuODcgNC42OC0zLjc2YTE1LjI2IDE1LjI2IDAgMCAwIDIuMTQtNC4zNiA2Ljc0IDYuNzQgMCAwIDEtNC4xMS02LjI0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNDIgLS40OCkiLz48cGF0aCBpZD0iX1BhdGhfMiIgZGF0YS1uYW1lPSImbHQ7UGF0aCZndDsiIGNsYXNzPSJjbHMtMiIgZD0iTTMyLjQ5IDE3LjY5YTYuODkgNi44OSAwIDAgMCAxLjU3LTQuOTIgNyA3IDAgMCAwLTQuNTIgMi4zNCA2LjU0IDYuNTQgMCAwIDAtMS42MiA0LjczIDUuNzkgNS43OSAwIDAgMCA0LjU3LTIuMTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS40MiAtLjQ4KSIvPjwvZz48L2c+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNjEuMDUgMzguNzNoLTYuNjdsLTEuNiA0LjczSDUwTDU2LjI3IDI2aDIuOTRsNi4zMiAxNy41aC0yLjg4Wm0tNi0yLjE4aDUuMjlsLTIuNjEtNy42OGgtLjA3Wk03OS4xNyAzNy4wOGMwIDQtMi4xMiA2LjUxLTUuMzIgNi41MWE0LjM0IDQuMzQgMCAwIDEtNC0yLjIzaC0uMDZ2Ni4zMmgtMi42NHYtMTdoMi41NHYyLjEyYTQuNTEgNC41MSAwIDAgMSA0LjA2LTIuMjVjMy4yNS4wMiA1LjQyIDIuNTggNS40MiA2LjUzWm0tMi42OSAwYzAtMi41OC0xLjMzLTQuMjgtMy4zNy00LjI4cy0zLjM1IDEuNzMtMy4zNSA0LjI4IDEuMzUgNC4yOSAzLjM1IDQuMjkgMy4zNy0xLjY4IDMuMzctNC4yOVpNOTMuMjIgMzcuMDhjMCA0LTIuMTIgNi41MS01LjMzIDYuNTFhNC4zMiA0LjMyIDAgMCAxLTQtMi4yM2gtLjA2djYuMzJIODEuMnYtMTdoMi41M3YyLjEyYTQuNTMgNC41MyAwIDAgMSA0LjA3LTIuMjVjMy4yOC4wMiA1LjQyIDIuNTggNS40MiA2LjUzWm0tMi42OSAwYzAtMi41OC0xLjM0LTQuMjgtMy4zOC00LjI4cy0zLjM0IDEuNzMtMy4zNCA0LjI4IDEuMzQgNC4yOSAzLjM0IDQuMjkgMy4zOC0xLjY4IDMuMzgtNC4yOVpNMTAyLjUgMzguNThjLjIgMS43NCAxLjg4IDIuODggNC4xOSAyLjg4czMuNzktMS4xNCAzLjc5LTIuN2MwLTEuMzYtMS0yLjE4LTMuMjItMi43M2wtMi4yNi0uNTVjLTMuMjItLjc4LTQuNzEtMi4yOC00LjcxLTQuNzIgMC0zIDIuNjMtNS4wOSA2LjM3LTUuMDlzNi4yNCAyLjA3IDYuMzIgNS4wOWgtMi42NGMtLjE2LTEuNzUtMS42MS0yLjgtMy43Mi0yLjhzLTMuNTUgMS4wNy0zLjU1IDIuNjJjMCAxLjI0LjkyIDIgMy4xOCAyLjUybDEuOTMuNDhjMy41OS44NCA1LjA4IDIuMjkgNS4wOCA0Ljg1IDAgMy4yNy0yLjYxIDUuMzItNi43NiA1LjMyLTMuODggMC02LjUtMi02LjY3LTUuMTdaTTExOC45IDI3LjY4djNoMi40M3YyLjA3aC0yLjQzdjdjMCAxLjA5LjQ5IDEuNiAxLjU2IDEuNi4yNiAwIC42OSAwIC44Ni0uMDZ2Mi4wNmE2Ljc5IDYuNzkgMCAwIDEtMS40Ni4xMmMtMi41OCAwLTMuNTktMS0zLjU5LTMuNDR2LTcuMjZoLTEuODVWMzAuN2gxLjg1di0zWk0xMjIuNzQgMzcuMDhjMC00IDIuMzYtNi41NCA2LTYuNTRzNi4wNSAyLjUzIDYuMDUgNi41NC0yLjM0IDYuNTQtNi4wNSA2LjU0LTYtMi41MS02LTYuNTRabTkuNDMgMGMwLTIuNzUtMS4yNi00LjM4LTMuMzgtNC4zOHMtMy4zOSAxLjY0LTMuMzkgNC4zOCAxLjI3IDQuMzggMy4zOSA0LjM4IDMuMzgtMS42MSAzLjM4LTQuMzhaTTEzNyAzMC43aDIuNXYyLjE3aC4wNmEzIDMgMCAwIDEgMy4wNy0yLjMgNC43MyA0LjczIDAgMCAxIC45LjA5djIuNDVhMy45MiAzLjkyIDAgMCAwLTEuMTgtLjE1IDIuNjQgMi42NCAwIDAgMC0yLjczIDIuOTN2Ny41N0gxMzdaTTE1NS42IDM5LjcxYy0uMzUgMi4zMi0yLjYgMy45MS01LjQ5IDMuOTEtMy43MSAwLTYtMi40OS02LTYuNDhzMi4zMi02LjYgNS45MS02LjYgNS43NSAyLjQzIDUuNzUgNi4zdi45aC05di4xNWEzLjMyIDMuMzIgMCAwIDAgMy40MyAzLjYyIDIuODggMi44OCAwIDAgMCAzLTEuOFptLTguODUtMy44MWg2LjM4YTMuMDYgMy4wNiAwIDAgMC0zLjEzLTMuMjMgMy4yMiAzLjIyIDAgMCAwLTMuMjUgMy4yM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjQyIC0uNDgpIi8+PC9nPjxnIGlkPSJfR3JvdXBfNCIgZGF0YS1uYW1lPSImbHQ7R3JvdXAmZ3Q7Ij48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik01NC43NCAxMi43OGMyLjUgMCA0IDEuNTQgNCA0LjE4cy0xLjQ1IDQuMjMtNCA0LjIzaC0zdi04LjQxWk01MyAyMGgxLjZjMS43NSAwIDIuNzctMS4wOSAyLjc3LTNzLTEtMy0yLjc3LTNINTNaTTYwLjE3IDE4YzAtMiAxLjE1LTMuMyAzLTMuM3MzIDEuMjUgMyAzLjMtMS4xNCAzLjMtMyAzLjMtMy0xLjIzLTMtMy4zWm00LjcgMGMwLTEuMzgtLjYyLTIuMTgtMS43LTIuMThzLTEuNy44LTEuNyAyLjE4LjYxIDIuMTggMS43IDIuMTggMS43LS43OCAxLjctMi4xOFpNNzQuMTIgMjEuMTloLTEuM2wtMS4zMS00LjY3aC0uMWwtMS4zMSA0LjY3aC0xLjI5bC0xLjc0LTYuMzRoMS4yN2wxLjEzIDQuODRoLjFsMS4zLTQuODRoMS4ybDEuMzEgNC44NGguMWwxLjEzLTQuODRoMS4yNVpNNzcuMzMgMTQuODVoMS4yMXYxaC4wOWExLjkxIDEuOTEgMCAwIDEgMS45LTEuMTMgMi4wNiAyLjA2IDAgMCAxIDIuMTkgMi4zNnY0LjExaC0xLjI1VjE3LjRjMC0xLS40NC0xLjUzLTEuMzctMS41M2ExLjQ2IDEuNDYgMCAwIDAtMS41MiAxLjYxdjMuNzFoLTEuMjVaTTg0LjcyIDEyLjM3SDg2djguODJoLTEuMjhaTTg3LjcxIDE4YzAtMiAxLjE1LTMuMyAzLTMuM3MzIDEuMjUgMyAzLjMtMS4xNCAzLjMtMyAzLjMtMy0xLjIzLTMtMy4zWm00LjcgMGMwLTEuMzgtLjYyLTIuMTgtMS43LTIuMThTODkgMTYuNjQgODkgMThzLjYxIDIuMTggMS43IDIuMTggMS43MS0uNzggMS43MS0yLjE4Wk05NSAxOS40YzAtMS4xNC44NS0xLjggMi4zNi0xLjlsMS43Mi0uMXYtLjU0YzAtLjY3LS40NS0xLTEuMy0xLS43IDAtMS4xOC4yNS0xLjMyLjdoLTEuMmMuMTMtMS4wOSAxLjE2LTEuNzkgMi42LTEuNzkgMS41OSAwIDIuNDkuOCAyLjQ5IDIuMTR2NC4zM2gtMS4yMXYtLjk0SDk5YTIuMTMgMi4xMyAwIDAgMS0xLjkxIDFBMS45MSAxLjkxIDAgMCAxIDk1IDE5LjRabTQuMDgtLjU0di0uNTNsLTEuNTUuMDljLS44OC4wNi0xLjI3LjM2LTEuMjcuOTJzLjQ5LjkgMS4xNy45YTEuNSAxLjUgMCAwIDAgMS42Ny0xLjM4Wk0xMDIgMThjMC0yIDEtMy4yOCAyLjY0LTMuMjhhMi4wOCAyLjA4IDAgMCAxIDEuOTQgMS4xMWguMXYtMy40NmgxLjI1djguODJoLTEuMnYtMWgtLjFhMi4yMSAyLjIxIDAgMCAxLTIgMS4xMUMxMDMgMjEuMyAxMDIgMjAgMTAyIDE4Wm0xLjMgMGMwIDEuMzQuNjMgMi4xNSAxLjY5IDIuMTVzMS43MS0uODIgMS43MS0yLjE1LS43LTIuMTMtMS43LTIuMTMtMS43MS44MS0xLjcxIDIuMTNaTTExMy4xIDE4YzAtMiAxLjE0LTMuMyAzLTMuM3MzIDEuMjUgMyAzLjMtMS4xNCAzLjMtMyAzLjMtMy0xLjIzLTMtMy4zWm00LjcgMGMwLTEuMzgtLjYyLTIuMTgtMS43LTIuMThzLTEuNy44LTEuNyAyLjE4LjYxIDIuMTggMS43IDIuMTggMS43LS43OCAxLjctMi4xOFpNMTIwLjc3IDE0Ljg1SDEyMnYxaC4xYTEuOTEgMS45MSAwIDAgMSAxLjktMS4xMyAyLjA2IDIuMDYgMCAwIDEgMi4yIDIuMzZ2NC4xMWgtMS4yNVYxNy40YzAtMS0uNDUtMS41My0xLjM3LTEuNTNhMS40NiAxLjQ2IDAgMCAwLTEuNTggMS42MXYzLjcxaC0xLjI1Wk0xMzMuMjQgMTMuMjd2MS42aDEuMzd2MS4wNmgtMS4zN3YzLjI2YzAgLjY3LjI3IDEgLjg5IDFhMy41MyAzLjUzIDAgMCAwIC40OCAwdjFhMy41NSAzLjU1IDAgMCAxLS42OC4wN2MtMS4zOSAwLTItLjQ5LTItMS43MnYtMy42MWgtMXYtMS4wNmgxdi0xLjZaTTEzNi4zMiAxMi4zN2gxLjI0djMuNWguMWEyIDIgMCAwIDEgMS45NC0xLjE0IDIuMDkgMi4wOSAwIDAgMSAyLjE4IDIuMzd2NC4wOWgtMS4yNVYxNy40YzAtMS0uNDctMS41Mi0xLjM2LTEuNTJhMS40OCAxLjQ4IDAgMCAwLTEuNTkgMS42MXYzLjdoLTEuMjZaTTE0OS4wOSAxOS40OGEyLjU4IDIuNTggMCAwIDEtMi43NSAxLjg0Yy0xLjgyIDAtMi45My0xLjI1LTIuOTMtMy4yOHMxLjEzLTMuMzIgMi45Mi0zLjMyIDIuODMgMS4yMSAyLjgzIDMuMnYuNDRoLTQuNDh2LjA3YTEuNjggMS42OCAwIDAgMCAxLjY5IDEuODIgMS41MyAxLjUzIDAgMCAwIDEuNTEtLjc3Wm0tNC40MS0yLjA1aDMuMjFhMS41MyAxLjUzIDAgMCAwLTEuNTYtMS42NCAxLjYyIDEuNjIgMCAwIDAtMS42NSAxLjY0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNDIgLS40OCkiLz48L2c+PC9zdmc+')
50% center / contain no-repeat;
height: 4em;
margin: 0px auto;
width: 15em;
}
.page-transition-appear {
opacity: 0.01;
}
.page-transition-appear.page-transition-appear-active {
opacity: 1;
transition: opacity 0.4s ease-out 0s;
}
.page-transition-enter {
opacity: 0.75;
overflow: hidden;
transform: scale(1.025);
transform-origin: center top;
}
.page-transition-enter.page-transition-enter-active {
opacity: 1;
transform: scale(1);
transition: transform 0.4s ease 0s, opacity 0.2s linear 0s;
}
#epicEuCookie.eu-cookie-msg {
background: rgb(248, 248, 248);
border: 1px solid rgb(232, 232, 232);
bottom: 45px;
color: rgb(30, 30, 30);
right: 45px;
}
#epicEuCookie.eu-cookie-msg a {
color: rgb(255, 255, 0);
}
#epicEuCookie.eu-cookie-msg .eu-cookie-close {
background-color: rgb(255, 255, 0);
text-transform: uppercase;
}
#epicEuCookie.eu-cookie-msg .eu-cookie-close:hover {
background-color: rgb(230, 230, 0);
}
body.ar #epicEuCookie {
direction: rtl;
text-align: right;
}
.ru
.fortnite-wrapper
.blog-view-container
.blog-view
.grid-item
.grid-content
.title,
.ru .fortnite-wrapper .btn,
.ru
.fortnite-wrapper
.edition-section
.edition-pack-wrapper
.edition-pack
.actual-price,
.ru
.fortnite-wrapper
.edition-section
.edition-pack-wrapper
.edition-pack
.content-wrapper
.content,
.ru
.fortnite-wrapper
.edition-section
.edition-pack-wrapper
.edition-pack
.content-wrapper
.content
ul,
.ru
.fortnite-wrapper
.edition-section
.edition-pack-wrapper
.edition-pack
.old-price,
.ru
.fortnite-wrapper
.edition-section
.edition-pack-wrapper
.edition-pack
.pack-buy-button
button,
.ru
.fortnite-wrapper
.edition-section
.edition-pack-wrapper
.edition-pack
.price,
.ru
.fortnite-wrapper
.edition-section
.edition-pack-wrapper
.edition-pack
.verb,
.ru .fortnite-wrapper .edition-section .edition-pack-wrapper .edition-pack h3,
.ru .fortnite-wrapper .help-center-wrapper .section-container .section-body,
.ru .fortnite-wrapper .home-card .caption .home-battle-pass,
.ru .fortnite-wrapper h1,
.ru .fortnite-wrapper h2,
.ru .fortnite-wrapper h3,
.ru .fortnite-wrapper h4,
.ru .fortnite-wrapper h5,
.ru .fortnite-wrapper h6 {
font-family: BurbankBigCondensed-Black, sans-serif;
}
.ru #egh .siteNav li a,
.ru #egh .siteNavKids li a {
max-height: unset;
}
.ja .fortnite-wrapper:not(.switch),
.ja .fortnite-wrapper:not(.switch) a,
.ja .fortnite-wrapper:not(.switch) ol,
.ja .fortnite-wrapper:not(.switch) p,
.ja .fortnite-wrapper:not(.switch) ul {
font-family: NotoSansCJKjp, sans-serif;
}
.ja .fortnite-wrapper h1,
.ja .fortnite-wrapper h2,
.ja .fortnite-wrapper h3,
.ja .fortnite-wrapper h4,
.ja .fortnite-wrapper h5,
.ja .fortnite-wrapper h6 {
font-family: BurbankBigRegular-Black, Tazugane, sans-serif;
}
.ja .fortnite-wrapper h1 {
font-size: 2.2em;
line-height: 100%;
}
@media only screen and (max-width: 1199px) {
.ja .fortnite-wrapper h1 {
font-size: 2em;
}
}
.ja .fortnite-wrapper h2 {
font-size: 2em;
line-height: 100%;
}
@media only screen and (max-width: 1199px) {
.ja .fortnite-wrapper h2 {
font-size: 1.5em;
}
}
.ja .fortnite-wrapper h3 {
font-size: 2.75em;
}
@media only screen and (max-width: 1199px) {
.ja .fortnite-wrapper h3 {
font-size: 2em;
}
}
.ja .fortnite-wrapper h4 {
font-size: 1.75em;
}
.ja .fortnite-wrapper h5 {
font-size: 1.125em;
}
@media only screen and (max-width: 1199px) {
.ja .fortnite-wrapper h5 {
font-size: 1em;
}
}
.ja .fortnite-wrapper h6 {
font-size: 1em;
}
.ja .fortnite-wrapper .btn.btn-display,
.ja .fortnite-wrapper .content-box .btn,
.ja .fortnite-wrapper .detail-view .detail-pricing-title .discount,
.ja .fortnite-wrapper .detail-view .detail-pricing-title .price,
.ja .fortnite-wrapper .download-button.play-free,
.ja .fortnite-wrapper .error-message .btn,
.ja .fortnite-wrapper .pack-buy-button.can-buy .btn {
font-family: Tazugane, sans-serif;
}
.ko #Stage {
font-family: aERIN, sans-serif;
}
.ko #Stage .FortsViewTitle .wrapper {
font-family: aERIN, sans-serif !important;
}
.ko #Stage .TitleLine2 {
font-size: 104px !important;
line-height: 1.4em !important;
}
.ko .fortnite-wrapper:not(.switch),
.ko .fortnite-wrapper:not(.switch) .article-view,
.ko .fortnite-wrapper:not(.switch) .battle-pass-jumbotron .jumbo-content p,
.ko
.fortnite-wrapper:not(.switch)
.battle-pass-text
.battle-pass-text-container
.text-content
p,
.ko
.fortnite-wrapper:not(.switch)
.battle-pass-text
.details-container
.detail-items
.content
p,
.ko .fortnite-wrapper:not(.switch) .blog-view-container .blog-view,
.ko
.fortnite-wrapper:not(.switch)
.blog-view-container
.blog-view
.grid-item
.grid-content
.date,
.ko
.fortnite-wrapper:not(.switch)
.detail-header-container
.detail-header-pricing
.detail-pricing-title
h3,
.ko .fortnite-wrapper:not(.switch) a,
.ko .fortnite-wrapper:not(.switch) h5,
.ko .fortnite-wrapper:not(.switch) h6,
.ko .fortnite-wrapper:not(.switch) ol,
.ko .fortnite-wrapper:not(.switch) p,
.ko .fortnite-wrapper:not(.switch) ul {
font-family: NotoSansCJKkr, sans-serif;
}
.ko
.fortnite-wrapper:not(.switch)
.blog-view-container
.blog-view
.grid-item
.grid-content
.title {
font-family: aERIN, sans-serif;
}
.ko
.fortnite-wrapper:not(.switch)
.blog-container
.blog-article
.blog-content
.blog-header-info
.blog-header-author,
.ko
.fortnite-wrapper:not(.switch)
.blog-container
.blog-article
.blog-content
.blog-header-info
.blog-header-date,
.ko
.fortnite-wrapper:not(.switch)
.blog-container
.blog-article
.blog-content
article
strong,
.ko
.fortnite-wrapper:not(.switch)
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner
.feature-headline
.feature-date
p {
font-family: NotoSansCJKkr, sans-serif;
}
.ko
.fortnite-wrapper:not(.switch)
.detail-view
.stickyNav
.pack-nav-container
h5 {
font-family: NotoSansCJKkr, sans-serif;
white-space: nowrap;
}
.ko
.fortnite-wrapper:not(.switch)
.feature-video-container
.feature-video-detail
.feature-stream-title,
.ko
.fortnite-wrapper:not(.switch)
.stream-card-container
.stream-card-info
a
.video-title {
font-weight: 700;
}
.ko .fortnite-wrapper .btn.btn-display,
.ko .fortnite-wrapper .buyNow .fullPage-content p,
.ko .fortnite-wrapper .detail-view .detail-pricing-title .discount,
.ko .fortnite-wrapper .detail-view .detail-pricing-title .price,
.ko .fortnite-wrapper .download-button.play-free,
.ko .fortnite-wrapper .pack-buy-button.can-buy .btn,
.ko .fortnite-wrapper h1,
.ko .fortnite-wrapper h2,
.ko .fortnite-wrapper h3,
.ko .fortnite-wrapper h4 {
font-family: aERIN, sans-serif;
}
.ko .fortnite-wrapper .egf .legal .links li a,
.ko .fortnite-wrapper .egf .tags .tag-title {
font-family: OpenSans, sans-serif;
}
.ko .fortnite-wrapper .battle-pass-text .heroImage .text h6 {
font-family: BurbankBigCondensed-Black, sans-serif;
}
.ko
.fortnite-wrapper
.ReactModalPortal
.blog-view-container
.headline-banner.headline-btn
.btn-news,
.ko
.fortnite-wrapper
.blog-view-container
.blog-view
.gridItem-large
.grid-item
.grid-content
.title,
.ko
.fortnite-wrapper
.blog-view-container
.blog-view
.gridItem-medium
.grid-item
.grid-content
.title,
.ko .fortnite-wrapper .blog-view-container .blog-view .headline h2,
.ko .fortnite-wrapper .blog-view-container .blog-view .headline-banner h2,
.ko
.fortnite-wrapper
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner
.feature-headline
h2,
.ko
.fortnite-wrapper
.blog-wrapper
.blog-view-container
.headline-banner.headline-btn
.btn-news,
.ko .fortnite-wrapper .pack .pack-summary .price {
font-family: aERIN, sans-serif;
}
.ko .fortnite-wrapper .category-filter .head .filter-button {
white-space: nowrap;
}
.ko .fortnite-wrapper .article-view .cmsContainer h1 {
font-family: aERIN, sans-serif !important;
}
.ko .fortnite-wrapper .btn,
.ko .fortnite-wrapper .btn-primary,
.ko .fortnite-wrapper .guide-menu-wrap .menu-nav a,
.ko .fortnite-wrapper .guide-menu-wrap .menu-nav button,
.ko .fortnite-wrapper .guide-menu-wrap .menu > .title,
.ko .fortnite-wrapper .guide-menu-wrap .sub-menu .title,
.ko .fortnite-wrapper .guide-menu-wrap .sub-tab .title,
.ko .fortnite-wrapper .play-guide-view .guide-info .guide-btn,
.ko .fortnite-wrapper .play-guide-view.home .guide {
font-family: aERIN, sans-serif;
}
.blog-container .blog-article .blog-content .cms img {
margin: 0px;
}
body.ar #nav #form.search .search-input {
direction: rtl;
}
body.ar #nav .kids a,
body.ar #nav .kids span,
body.ar #nav p {
direction: rtl;
font-size: 1em !important;
}
body.ar #egf .copyright .copyright-paragraph,
body.ar #egf .footer-links-container .footer-cta-btn {
direction: rtl;
}
body.ar #egf .social li {
margin: 0px;
}
body.ar .fortnite-wrapper a,
body.ar .fortnite-wrapper ol,
body.ar .fortnite-wrapper p,
body.ar .fortnite-wrapper span,
body.ar .fortnite-wrapper ul {
font-family: NotoNaskhArabicUI, NotoNaskhArabic, sans-serif;
}
body.ar .fortnite-wrapper h1,
body.ar .fortnite-wrapper h2,
body.ar .fortnite-wrapper h3,
body.ar .fortnite-wrapper h4,
body.ar .fortnite-wrapper h5,
body.ar .fortnite-wrapper h6 {
font-family: NotoNaskhArabicUI, NotoNaskhArabic, sans-serif;
font-weight: 700;
}
body.ar .fortnite-wrapper h5 {
font-size: 1em;
}
body.ar .fortnite-wrapper h6 {
font-size: 1.125em;
}
body.ar #Stage .ExploreView .Title,
body.ar #Stage .FortsViewTitle,
body.ar #Stage .TitleLine1,
body.ar .fortnite-wrapper a,
body.ar .fortnite-wrapper button,
body.ar .fortnite-wrapper h1,
body.ar .fortnite-wrapper h2,
body.ar .fortnite-wrapper h3,
body.ar .fortnite-wrapper h4,
body.ar .fortnite-wrapper h5,
body.ar .fortnite-wrapper h6,
body.ar .fortnite-wrapper ol,
body.ar .fortnite-wrapper p,
body.ar .fortnite-wrapper span,
body.ar .fortnite-wrapper ul {
direction: rtl;
}
.theEnd-active {
background-color: rgb(0, 0, 0);
}
.theEnd-active .theEnd-all-chidren-override *,
.theEnd-active .theEnd-background-override {
background: rgb(0, 0, 0) !important;
}
.theEnd-active .theEnd-all-children-background-color *,
.theEnd-active .theEnd-background-color {
background-color: rgb(0, 0, 0) !important;
}
.theEnd-active .theEnd-text-color-white div,
.theEnd-active .theEnd-text-color-white h1 {
color: rgb(255, 255, 255) !important;
}
.ar .fortnite-wrapper h1,
.de .fortnite-wrapper h1,
.es_ES .fortnite-wrapper h1,
.es_MX .fortnite-wrapper h1,
.it .fortnite-wrapper h1,
.ja .fortnite-wrapper h1,
.ko .fortnite-wrapper h1,
.ru .fortnite-wrapper h1,
.tr .fortnite-wrapper h1 {
line-height: 1;
}
.slick-slider {
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
touch-action: pan-y;
user-select: none;
}
.slick-list,
.slick-slider {
display: block;
position: relative;
}
.slick-list {
margin: 0px;
overflow: hidden;
padding: 0px;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translateZ(0px);
}
.slick-track {
display: block;
left: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0px;
}
.slick-track::after,
.slick-track::before {
content: '';
display: table;
}
.slick-track::after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
border: 1px solid transparent;
display: block;
height: auto;
}
.slick-arrow.slick-hidden {
display: none;
}
#Stage,
#Stage * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
text-size-adjust: none;
line-height: 1em;
position: absolute;
user-select: none;
}
#Stage {
color: rgb(255, 255, 255);
font-family: BurbankBigCondensed-Black;
}
#Stage .UIWarpPrompt .Background > .Background {
background: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wgARCAEAAQADAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAEEBf/EABgBAQEBAQEAAAAAAAAAAAAAAAABAwUG/9oADAMBAAIQAxAAAADud/1IEAQCAIEQAgkgBECBEEAiINOmwgCAQBAJAEEkAIiAIgEERBDVptAEEACIVIAgkEBECBEEAiIIDTpsAQQBAiAEEkAIiAIggERAIJNOu5AIAgEgCCSAEQIEQCCIgEEg067AQBECAgEkACQQIggERAIJBDVrsIAiBAQCSAERAgQQCIgEEggNWu0AQCQBBIICIgQIIBEQCCQQJI1bbggRACCSABJAEQQAkggEggSQNW25AiAgEkAIiAIggERAIJBAkgDVtsEQAgkEBEQBEAgiIBBIIAkgQ167CAEEkAIgQIggEQJAJBAJICA1bbIAgkEBEQBEEAJIBBIICIgQA1a7AQSCAiIAiCAREAgkEASQIARNeu4gkgBECBEAgiIBBIIAkgQBIDXrvBJACIgCIIASQCCQQERAgBECNW26SAERAEQCCIgEEggEkBAEgEQ167CAiIAiCAREEAkEBEQIAkAiBNWu4EQIEQCCIggEggEkBACIEEgNWu4iIAiCAEkAgkEBJAIARAERANWu5IIEQQCIgEEggIiBACIEEgBI1bbBAiCAREAgkEBEQIARAiIAII1a7CBBAIiCASCASQEASAQSAEEDVrsIggEQJAJBAkgCAEQCQQCCBDXrtEEAiIBBIICIgQBIBAiAQQIDVrqIASQCCQQERAgCQCCQAkAQBNWu0AJIIBIICSAQBIBBIAQQIhSDTrsERBAJBAkECAJACSACCBEAENWuyIggEggCSBACIEEgBIAgQAQ1abRBAJBAkgCAEQIiACQBAgEANOmoEEggIiBAEgEEgBIAiAAQBNOmwgkEBEQIARAiIAIIAiAQABP/xAAUEAEAAAAAAAAAAAAAAAAAAACg/9oACAEBAAE/AAAf/8QAFBEBAAAAAAAAAAAAAAAAAAAAoP/aAAgBAgEBPwAAH//EABQRAQAAAAAAAAAAAAAAAAAAAKD/2gAIAQMBAT8AAB//2Q==');
}
#Stage b,
#Stage br,
#Stage span,
#Stage strong {
position: relative;
}
.fr #Stage .UIWarpPrompt .Text,
.ru #Stage .UIWarpPrompt .Text {
white-space: nowrap;
font-size: 40px !important;
}
.epic-common-spinner-icon {
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtcmluZyIgc3R5bGU9ImJhY2tncm91bmQ6MCAwIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIiByPSIzMCIgc3Ryb2tlPSIjMGRiMmZiIiBzdHJva2Utd2lkdGg9IjciLz48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIiByPSIzMCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjciIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHRyYW5zZm9ybT0icm90YXRlKDY3Ny42MDYgNTAgNTApIj48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzE4MCA1MCA1MDs3MjAgNTAgNTAiIGtleVRpbWVzPSIwOzAuNTsxIiBkdXI9IjEuN3MiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaGFycmF5IiBjYWxjTW9kZT0ibGluZWFyIiB2YWx1ZXM9IjE4Ljg0OTU1NTkyMTUzODc2IDE2OS42NDYwMDMyOTM4NDg4Mjs5NC4yNDc3Nzk2MDc2OTM4IDk0LjI0Nzc3OTYwNzY5Mzc3OzE4Ljg0OTU1NTkyMTUzODc2IDE2OS42NDYwMDMyOTM4NDg4MiIga2V5VGltZXM9IjA7MC41OzEiIGR1cj0iMS43IiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PC9zdmc+')
0% 0% / contain no-repeat;
height: 20em;
margin: 0px auto;
width: 20em;
}
#mainCarousel {
position: relative;
}
@media only screen and (max-width: 991px) {
#mainCarousel {
clip-path: none;
}
}
#mainCarousel .slick-slide {
width: 100%;
}
#mainCarousel .slick-slide .caption button,
#mainCarousel .slick-slide .caption h1,
#mainCarousel .slick-slide .caption h3,
#mainCarousel .slick-slide .caption img {
opacity: 0;
}
#mainCarousel .slick-active {
z-index: 10;
}
#mainCarousel .slick-active .caption img {
animation: 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s 1 normal forwards
running textAnimateIn;
}
#mainCarousel .slick-active .caption h1 {
animation: 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s 1 normal forwards
running textAnimateIn;
}
#mainCarousel .slick-active .caption h3 {
animation: 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.6s 1 normal forwards
running textAnimateIn;
}
#mainCarousel .slick-active .caption button {
animation: 0.8s cubic-bezier(0.5, 0, 0, 1) 0.5s 1 normal forwards running
ctaAnimateIn;
}
#mainCarousel .slide {
height: 60vh;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 991px) {
#mainCarousel .slide {
align-items: center;
display: flex;
flex-direction: column;
height: 90vh;
justify-content: flex-end;
min-height: auto;
padding-bottom: 12vh;
padding-top: 10vh;
}
}
#mainCarousel .slide .caption {
color: rgb(255, 255, 255);
max-width: 35vw;
padding-top: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media only screen and (max-width: 991px) {
#mainCarousel .slide .caption {
max-width: 450px;
}
}
#mainCarousel .slide .caption img {
margin-bottom: 20px;
width: 100px;
}
@media only screen and (max-width: 991px) {
#mainCarousel .slide .caption img {
filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 0px 5px);
margin-left: auto;
margin-right: auto;
width: 60px;
}
}
#mainCarousel .slide .caption a,
#mainCarousel .slide .caption button {
margin-top: 40px;
transition: all 0.5s ease-in-out 0s;
}
@media only screen and (max-width: 991px) {
#mainCarousel .slide .caption a,
#mainCarousel .slide .caption button {
margin-top: 1em;
}
}
#mainCarousel .slide .caption h1 {
font-size: 2vw;
line-height: normal;
margin: 0px;
transition: all 0.5s ease-in-out 0s;
}
@media only screen and (max-width: 991px) {
#mainCarousel .slide .caption h1 {
font-size: 21px;
text-align: center;
}
}
#mainCarousel .slide .caption h3 {
font-size: 5vw;
line-height: 1;
margin: 0px;
}
@media only screen and (max-width: 991px) {
#mainCarousel .slide .caption h3 {
font-size: 60px;
}
}
#mainCarousel .slide .caption.right {
right: 200px;
}
#mainCarousel .slide .caption.left {
left: 200px;
text-align: left;
}
#mainCarousel .slide .caption.center {
left: 0px;
margin-left: auto;
margin-right: auto;
right: 0px;
text-align: center;
}
#mainCarousel .slide .caption.center img {
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 991px) {
#mainCarousel .slide .caption {
margin-left: auto;
margin-right: auto;
padding: 0px 1em;
position: relative;
text-align: center;
top: 0px;
transform: translateY(0px);
left: 0px !important;
right: 0px !important;
width: auto !important;
}
}
#mainCarousel .slide .play-wrapper {
align-items: center;
bottom: 15vh;
display: flex;
position: absolute;
right: 3vw;
z-index: 1;
}
@media only screen and (min-width: 1200px) {
#mainCarousel .slide .play-wrapper {
bottom: auto;
top: 80%;
}
}
@media only screen and (max-width: 767px) {
#mainCarousel .slide .play-wrapper {
flex-direction: column;
margin-top: 10px;
position: static;
}
}
#mainCarousel .slide .play-wrapper h3 {
color: rgb(255, 255, 255);
filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 5px 3px);
font-size: 2vw;
margin-right: 2vw;
}
@media only screen and (max-width: 767px) {
#mainCarousel .slide .play-wrapper h3 {
font-size: 5vw;
}
}
#mainCarousel .slide .play-wrapper .videoPlayButton {
font-size: 0.6em;
}
@media only screen and (max-width: 767px) {
#mainCarousel .slide .play-wrapper .videoPlayButton {
font-size: 2vw;
}
}
#mainCarousel .slide .play-wrapper .videoPlayButton:hover {
transform: scale(1.1) !important;
}
#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 {
filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 5px 3px);
font-size: 7vw;
line-height: 0.8;
margin: 0px;
transition: all 0.5s ease-in-out 0s;
}
@media only screen and (max-width: 991px) {
#mainCarousel .slide.feature .caption h1 {
font-size: 60px;
text-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px;
}
#mainCarousel .slide.feature {
justify-content: space-between;
}
}
#mainCarousel .carousel-dots {
bottom: 50px;
left: 0px;
margin: 0px auto;
padding: 0px;
position: absolute;
right: 0px;
text-align: center;
z-index: 10;
}
#mainCarousel .carousel-dots li {
display: inline-block;
margin: 0px 0.5em;
position: relative;
}
#mainCarousel .carousel-dots li button {
background: rgb(178, 234, 252);
border: none;
color: transparent;
cursor: pointer;
height: 10px;
opacity: 0.3;
outline: none;
transition: all 0.5s ease-in-out 0s;
width: 160px;
}
@media only screen and (max-width: 991px) {
#mainCarousel .carousel-dots li button {
width: 80px;
}
}
#mainCarousel .carousel-dots li.slick-active button {
opacity: 1;
}
body.ja #mainCarousel .slide .caption h1,
body.ja #mainCarousel .slide .caption h3 {
line-height: 1;
}
body.tr #mainCarousel .slide .caption h3 {
line-height: 1;
margin-top: 15px;
}
body.ar #mainCarousel .slide .caption.right {
left: 200px;
right: unset;
}
body.ar #mainCarousel .slide .caption.left {
left: unset;
right: 200px;
}
body.ko #mainCarousel .slide .caption h1 {
word-break: keep-all !important;
}
@media screen and (min-width: 1200px) and (max-height: 800px) {
body.en_US #mainCarousel .slide .caption h1,
body.ja #mainCarousel .slide .caption h1,
body.ko #mainCarousel .slide .caption h1,
body.ru #mainCarousel .slide .caption h1 {
font-size: 4em !important;
}
}
body.ru #mainCarousel .slide .caption h3 {
text-align: center;
}
@media screen and (max-width: 800px) {
body.ru #mainCarousel .slide .caption button {
font-size: 1.3em;
}
}
@font-face {
font-family: icomoon-react-blog;
font-style: normal;
font-weight: 400;
src: url('data:font/ttf;base64,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')
format('truetype'),
url('data:font/woff;base64,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')
format('woff');
}
[class*=' epic-blog-icon-'],
[class^='epic-blog-icon-'] {
speak: none;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-transform: none;
font-family: icomoon-react-blog !important;
}
.epic-blog-icon-filter::before {
content: '';
}
.epic-blog-icon-danger::before {
content: '';
}
.epic-blog-icon-close::before {
content: '';
}
.epic-blog-icon-warning::before {
content: '';
}
.epic-blog-icon-info::before {
content: '';
}
.epic-blog-icon-upArrow::before {
content: '';
}
.epic-blog-icon-downArrow::before {
content: '';
}
.epic-blog-icon-rightArrow::before {
content: '';
}
.epic-blog-icon-leftArrow::before {
content: '';
}
.epic-blog-icon-google-plus::before {
content: '';
}
.epic-blog-icon-facebook::before {
content: '';
}
.epic-blog-icon-twitter::before {
content: '';
}
.epic-blog-icon-vk::before {
content: '';
}
.epic-blog-icon-share::before {
content: '';
}
.epic-blog-icon-linkedin::before {
content: '';
}
.epic-blog-icon-reddit::before {
content: '';
}
.epic-blog-icon-tumblr::before {
content: '';
}
.epic-blog-icon-weibo::before {
content: '';
}
.epic-blog-icon-wechat::before {
content: '';
}
.epic-blog-icon-grid::before {
content: '';
}
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% center no-repeat;
height: 4em;
}
.blog-view-container {
background: rgb(241, 244, 246);
min-height: 80vh;
overflow: hidden;
width: 100%;
}
.blog-view {
background: rgb(241, 244, 246);
color: rgb(0, 0, 0);
font-family: OpenSans, sans-serif;
margin: 0px auto;
max-width: 120vh;
min-width: 1170px;
padding: 2em 1em 0px;
}
@media screen and (max-width: 1170px) {
.blog-view {
max-width: 100%;
min-width: 100%;
width: 100%;
}
}
.blog-view .top-featured-activity {
padding: 0px;
}
@media only screen and (max-width: 991px) {
.blog-view .top-featured-activity {
padding: 0px 1em;
}
}
@media only screen and (max-width: 767px) {
.blog-view {
font-size: 12px;
}
}
.blog-view .blog-region {
margin-top: 0px;
}
.blog-view a {
color: rgb(219, 189, 104);
}
.blog-view a:hover {
color: rgb(224, 198, 125);
}
.blog-view .btn {
margin-top: 20px;
}
.blog-view ul {
padding-left: 0px;
}
.blog-view ul li {
list-style: none;
}
.blog-view .activity-title {
padding: 4em;
text-align: center;
}
@media only screen and (max-width: 1199px) {
.blog-view .activity-title {
padding: 2em;
}
}
.blog-view .activity-title h1 {
margin: 0px;
}
.blog-view .category-wrapper {
margin-bottom: 0px;
padding-bottom: 2em;
padding-top: 2em;
}
.blog-view .load-more {
margin: 50px auto 0px;
position: relative;
text-align: center;
}
.blog-view .load-more .disabled {
background: transparent;
border: 1px solid gray;
color: gray;
cursor: default;
}
.blog-view .load-more .disabled:hover {
background-color: transparent;
border-color: gray;
color: gray;
}
@media only screen and (max-width: 767px) {
.blog-view .center-text-on-mobile {
text-align: center;
}
}
.blog-view .btn-load {
display: inline-block;
margin: 1.8em 0px;
}
.blog-view .no-results {
margin: 4em auto;
text-align: center;
}
.blog-view .back-main {
padding: 1em 1em 2.5em;
text-align: center;
}
body.ar .article-view {
direction: rtl;
}
.article-view {
color: rgb(0, 0, 0);
font-family: OpenSans, sans-serif;
padding: 0px;
}
.article-view h1,
.article-view h2 {
font-weight: 400;
}
.article-view ul {
padding-left: 0px;
}
.article-view ul li {
list-style: none;
}
.article-view .container {
padding: 0px;
}
.article-view .blog-container a {
color: rgb(219, 189, 104);
text-decoration: none;
}
.article-view .blog-container a:hover {
color: rgb(224, 198, 125);
}
.article-view .blog-container .blog-content .pull-quote {
width: 40%;
}
@media screen and (max-width: 1200px) {
.article-view .blog-container .blog-content .pull-quote {
float: none;
margin: auto;
width: 100%;
}
}
.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;
}
.article-view
.blog-container
.blog-content
.content-grid-row
.content-toss-container {
float: none;
margin: auto;
width: 100%;
}
}
.article-view
.blog-container
.blog-content
.content-grid-row
.content-toss-container
.content-toss {
margin: 0px 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: 0.01;
}
.transition-appear.transition-appear-active {
opacity: 1;
}
.category-filter {
padding: 0px 15px;
}
.category-filter.overlayCat {
left: 0px;
margin: 0px auto;
max-width: 120vh;
min-width: 1170px;
position: fixed;
right: 0px;
top: 0px;
width: 100%;
z-index: 2;
}
@media screen and (max-width: 1170px) {
.category-filter.overlayCat {
max-width: 100%;
min-width: 100%;
width: 100%;
}
}
.category-filter.overlayCat .filter-container {
padding: 0px 1em;
position: absolute;
right: -2.85em;
top: 8em;
transition: right 0.3s ease-out 0s;
}
@media screen and (max-width: 1675px) {
.category-filter.overlayCat .filter-container {
right: 0px;
}
}
.category-filter.overlayCat .filter-container .toggleButton {
animation: 0.5s ease-in-out 0.2s 1 normal forwards running float-in;
background-color: rgb(0, 0, 0);
cursor: pointer;
display: inline-block;
opacity: 0;
padding: 0.7em 0.7em 0.5em;
position: relative;
transition: background-color 0.3s ease-in-out 0s;
}
.category-filter.overlayCat .filter-container .toggleButton i {
color: rgb(255, 255, 255);
font-size: 1.5em;
transition: color 0.3s ease-in-out 0s;
}
.category-filter.overlayCat .filter-container .toggleButton .count {
color: rgb(255, 255, 255);
display: block;
font-size: 0.7em;
height: 2.2em;
position: absolute;
right: -1.2em;
top: -1em;
width: 2.2em;
}
.category-filter.overlayCat .filter-container .toggleButton .count span {
display: block;
position: relative;
text-align: center;
transform: translateY(4px);
width: 100%;
z-index: 1;
}
.category-filter.overlayCat .filter-container .toggleButton .count::before {
background-color: rgb(219, 189, 104);
border-radius: 50%;
inset: 0px;
content: '';
display: block;
position: absolute;
z-index: 0;
}
@media only screen and (min-width: 992px) {
.category-filter.overlayCat .filter-container .toggleButton:hover {
background-color: gray;
}
.category-filter.overlayCat .filter-container .toggleButton:hover i {
color: rgb(0, 0, 0);
}
}
.category-filter.overlayCat .filter-container .filter-list {
inset: 0px;
color: rgb(255, 255, 255);
height: 100%;
opacity: 0;
padding: 2em;
position: fixed;
transform: scale3d(2, 2, 2);
visibility: hidden;
width: 100%;
z-index: -1;
}
.category-filter.overlayCat .filter-container .filter-list .bkgrd {
background: rgba(0, 0, 0, 0.95);
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}
.category-filter.overlayCat .filter-container .filter-list .filter-content {
margin: 0px auto;
max-width: 900px;
padding: 1em;
position: relative;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.category-filter.overlayCat .filter-container .filter-list .filter-content h3 {
margin: 1.5em 0px;
text-align: center;
}
@media only screen and (max-width: 991px) {
.category-filter.overlayCat
.filter-container
.filter-list
.filter-content
h3 {
margin: 1em 0px;
}
}
.category-filter.overlayCat .filter-container .filter-list .filter-content ul {
display: block;
margin: 0px auto;
opacity: 0;
text-align: center;
transform: translateY(20px);
}
.category-filter.overlayCat
.filter-container
.filter-list
.filter-content
ul
li {
border: 1px solid rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-family: OpenSans, sans-serif;
font-size: 1.2em;
margin: 0px 0.5em 1em;
padding: 0.5em 1em;
transition: all 0.2s ease-in-out 0s;
}
@media only screen and (max-width: 991px) {
.category-filter.overlayCat
.filter-container
.filter-list
.filter-content
ul
li {
font-size: 1em;
padding: 0.5em;
}
}
.category-filter.overlayCat
.filter-container
.filter-list
.filter-content
ul
li
span
+ span {
margin-left: 0.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: rgb(219, 189, 104);
border-color: rgb(219, 189, 104);
color: rgb(0, 0, 0);
}
.category-filter.overlayCat
.filter-container
.filter-list
.filter-content
.closeButton {
cursor: pointer;
display: block;
position: absolute;
right: -1em;
top: -1em;
}
.category-filter.overlayCat
.filter-container
.filter-list
.filter-content
.closeButton
i {
font-size: 2em;
transition: color 0.3s ease-in-out 0s;
}
@media only screen and (max-width: 991px) {
.category-filter.overlayCat
.filter-container
.filter-list
.filter-content
.closeButton {
right: 0px;
top: -1em;
}
}
@media only screen and (min-width: 992px) {
.category-filter.overlayCat
.filter-container
.filter-list
.filter-content
.closeButton:hover
i {
color: rgb(219, 189, 104);
}
}
.category-filter.overlayCat.open .toggleButton {
opacity: 0;
visibility: hidden;
}
.category-filter.overlayCat.open .filter-list {
opacity: 1;
transform: scaleX(1);
transition: transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
visibility: visible;
z-index: 1;
}
.category-filter.overlayCat.open .filter-list .filter-content ul {
opacity: 1;
transform: translateY(0px);
transition: all 0.4s ease-in-out 0.05s;
}
.category-filter.listCat .closeButton,
.category-filter.listCat .toggleButton {
display: none;
}
.category-filter.listCat .filter-container {
padding: 0px 15px;
}
.category-filter.listCat .filter-container .filter-list .filter-content h3 {
display: none;
}
.category-filter.listCat .filter-container .filter-list .filter-content ul {
display: block;
margin-bottom: 2em;
}
@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 {
cursor: pointer;
display: inline-block;
font-size: 1em;
margin-right: 0.7em;
opacity: 0.5;
transition: opacity 0.3s ease-in-out 0s;
}
.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;
}
@keyframes float-in {
0% {
opacity: 0;
transform: translateY(100px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
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: 0px;
margin-right: -6em;
}
@media only screen and (max-width: 991px) {
body.ar .blog-container .blog-article .blog-social {
margin-right: 0px;
}
}
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 {
background-color: rgb(229, 163, 0);
color: rgb(255, 255, 255);
font-size: 16px;
padding: 5px;
width: 100%;
}
.blog-container .blog-header {
background-repeat: no-repeat;
background-size: cover;
height: 400px;
overflow: hidden;
position: relative;
width: 100%;
}
@media only screen and (min-width: 1200px) {
.blog-container .blog-header {
height: 60vh;
min-height: 600px;
}
}
.blog-container .blog-header img.invisible-image {
opacity: 0;
pointer-events: none;
position: absolute;
width: 100%;
}
@media only screen and (max-width: 767px) {
.blog-container .blog-header {
background-position: center top;
height: 300px;
}
}
.blog-container .fallback {
display: none !important;
}
.blog-container .blog-article {
padding-top: 4em;
}
@media only screen and (max-width: 767px) {
.blog-container .blog-article {
font-size: 0.9em;
padding-top: 2em;
}
}
.blog-container .blog-article h1 {
color: rgb(0, 0, 0);
font-family: OpenSans, sans-serif;
font-size: 40px;
text-transform: uppercase;
}
.blog-container .blog-article .blog-content {
color: rgb(0, 0, 0);
margin: 0px auto 50px;
max-width: 840px;
min-height: 50vh;
transform: none;
}
.blog-container .blog-article .blog-content .blog-social {
margin-left: -6em;
opacity: 1;
position: absolute;
top: 11.5em;
z-index: 998;
}
@media only screen and (max-width: 991px) {
.blog-container .blog-article .blog-content .blog-social {
background: rgb(246, 247, 249);
border-top: 1px solid rgba(0, 0, 0, 0.1);
inset: auto 0px -1px;
margin-left: 0px;
padding: 0.5em 0px;
position: fixed;
text-align: center;
transform: translateY(0px);
transition: transform 0.3s ease-in-out 0s;
}
}
.blog-container .blog-article .blog-content .blog-social.top {
opacity: 1;
top: 15.2em;
}
@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 {
bottom: 0px;
top: auto;
}
@media only screen and (max-width: 991px) {
.blog-container .blog-article .blog-content .blog-social.bottom {
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 {
font-size: 0.85em;
font-weight: 700;
text-align: center;
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: 0.25em;
margin-top: 0.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: 0.25em;
}
}
.blog-container
.blog-article
.blog-content
.blog-social
.social-count
.count
span {
padding-right: 0.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 {
backface-visibility: hidden;
border-radius: 50%;
color: rgb(255, 255, 255);
cursor: pointer;
display: block;
height: 2em;
margin: 0.5em auto;
opacity: 1;
padding: 0.5em;
transition: opacity 0.3s ease-in-out 0s;
width: 2em;
}
@media only screen and (max-width: 991px) {
.blog-container .blog-article .blog-content .blog-social i {
display: inline-block;
margin: 0.5em;
}
}
.blog-container .blog-article .blog-content .blog-social i.facebook {
background-color: rgb(35, 98, 147);
}
.blog-container .blog-article .blog-content .blog-social i.twitter {
background-color: rgb(56, 172, 224);
}
.blog-container .blog-article .blog-content .blog-social i.google-plus {
background-color: rgb(214, 73, 43);
}
.blog-container .blog-article .blog-content .blog-social i.vk {
background-color: rgb(69, 104, 144);
}
.blog-container .blog-article .blog-content .blog-social i.reddit {
background-color: rgb(255, 133, 88);
}
.blog-container .blog-article .blog-content .blog-social i.tumblr {
background-color: rgb(54, 70, 93);
}
.blog-container .blog-article .blog-content .blog-social i.linkedin {
background-color: rgb(0, 119, 181);
}
.blog-container .blog-article .blog-content .blog-social i.weibo {
background-color: rgb(247, 103, 29);
}
.blog-container .blog-article .blog-content .blog-social i.wechat {
background-color: rgb(16, 207, 31);
}
.blog-container .blog-article .blog-content .blog-social i:hover {
opacity: 0.8;
}
.blog-container .blog-article .blog-content .blog-social .wechat-share {
display: inline;
position: relative;
}
.blog-container
.blog-article
.blog-content
.blog-social
.wechat-share
.qrcode-block {
background-color: rgb(255, 255, 255);
bottom: 0px;
display: none;
left: 3em;
position: absolute;
}
.blog-container
.blog-article
.blog-content
.blog-social
.wechat-share
.qrcode-block
canvas {
padding: 6px 6px 0px;
}
.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;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}
.blog-container .blog-article .blog-content .cmsContainer .tik-tok-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.blog-container
.blog-article
.blog-content
.cmsContainer
.tik-tok-container
video {
margin: 0px auto;
}
}
.blog-container .blog-article .blog-content .blog-header-info {
margin-bottom: 0.75em;
}
.blog-container .blog-article .blog-content .blog-header-info hr {
border-color: rgb(226, 227, 228);
margin: 0.5em 0px;
opacity: 1;
}
.blog-container
.blog-article
.blog-content
.blog-header-info
.category-section {
margin: 0px;
}
.blog-container
.blog-article
.blog-content
.blog-header-info
.category-section
.category {
color: rgb(0, 0, 0);
display: inline-block;
font-family: Brutal_Medium;
font-size: 0.875em;
margin: 0px;
padding-right: 0px;
text-transform: capitalize;
transition: color 0.3s ease-in-out 0s;
}
.blog-container
.blog-article
.blog-content
.blog-header-info
.category-section
.category:hover {
color: rgb(219, 189, 104);
}
.blog-container
.blog-article
.blog-content
.blog-header-info
.category-section
a:not(:last-child)
.category {
border-right: 1px solid rgb(0, 0, 0);
margin: 0px 0.5em 0px 0px;
padding-right: 0.5em;
}
.blog-container
.blog-article
.blog-content
.blog-header-info
.blog-header-title {
font-family: OpenSans, sans-serif;
font-size: 2.8em;
line-height: 1;
margin: 0px 0px 0.25em;
text-transform: uppercase;
}
@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 {
border-right: 1px solid rgb(0, 0, 0);
font-family: OpenSans, sans-serif;
font-size: 1em;
margin-right: 0.5em;
padding-right: 0.5em;
}
.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 0px 1.25em;
}
.blog-container .blog-article .blog-content p {
overflow-wrap: break-word;
}
.blog-container .blog-article .blog-content .cms > p,
.blog-container .blog-article .blog-content .cms > p * {
color: rgb(0, 0, 0);
}
.blog-container .blog-article .blog-content .cms > p a {
color: rgb(219, 189, 104);
line-height: 1em;
}
.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: 0px;
}
.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: 0px 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: 0.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 {
margin: 2em 0px;
max-width: 100%;
height: auto !important;
}
.blog-container .blog-article .cms .embed-responsive {
margin: 2em 0px;
}
.blog-container .blog-article .cms p {
font-size: 1em;
line-height: 2;
margin: 1em 0px;
}
.blog-container .blog-article .cms ol,
.blog-container .blog-article .cms ul {
padding-left: 20px;
}
.blog-container .blog-article .cms li {
font-size: 1em;
line-height: 2;
list-style-type: inherit;
}
.blog-container .blog-article .cms li ul {
padding-left: 40px;
}
.blog-container .blog-article .cms .cms-quote {
clear: both;
color: rgb(35, 99, 148);
float: right;
font-size: 2em;
margin: 0px;
padding: 0px 0px 5% 5%;
text-transform: uppercase;
width: 40%;
}
.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: 0px 0px 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 0px;
}
.blog-container .blog-article .recentPostContainer .recent-title {
font-size: 1.75em;
text-align: center;
text-transform: uppercase;
}
.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 {
border: 1px solid rgb(61, 60, 60);
width: 100%;
}
.blog-container table tr:first-child {
text-align: center;
}
.blog-container table tr:first-child:first-child {
background-color: rgb(219, 189, 104);
color: rgb(0, 0, 0);
}
.blog-container table td {
text-align: center;
}
.blog-container table td p {
margin: 0px !important;
}
.blog-container.no-image {
background-position-y: 0px;
overflow: hidden;
}
.blog-container.no-image .blog-header {
height: auto;
}
.blog-container.no-image .blog-header .blog-header-info {
color: rgb(0, 0, 0);
text-shadow: none;
}
.comment-area h1,
.comment-area h2,
.comment-area h3,
.comment-area h4,
.comment-area h5 {
margin: 0px;
}
.comment-area a {
text-decoration: none;
}
.comment-area ul {
margin: 0px;
padding: 0px;
}
.comment-add-reply .textile-head,
.comment-edit-box .textile-head {
line-height: normal;
position: relative;
top: 0px;
z-index: 10;
}
.comment-add-reply .textile-head li,
.comment-edit-box .textile-head li {
background-color: rgb(248, 248, 248);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 0px;
cursor: pointer;
display: inline-block;
height: 28px;
line-height: 28px;
margin: 0px 5px 0px 0px;
padding: 0px 10px 30px;
position: relative;
text-align: center;
top: 0px;
width: auto;
}
.comment-add-reply .textile-head li.selected,
.comment-edit-box .textile-head li.selected {
background: transparent;
border-right: 1px solid rgb(101, 101, 101);
border-bottom: 1px solid rgb(101, 101, 101);
border-left: 1px solid rgb(101, 101, 101);
border-image: initial;
border-top: none;
z-index: 10;
}
.comment-add-reply .textile-body,
.comment-edit-box .textile-body {
height: 140px;
left: 0px;
margin-bottom: 0px;
position: relative;
top: 0px;
z-index: 1;
}
.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 {
display: none;
width: 100%;
}
.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 {
background: transparent;
border: 1px solid rgb(101, 101, 101);
font-size: 14px;
max-width: 1000px;
outline: none;
padding: 20px;
resize: none;
width: 100%;
height: 140px !important;
max-height: 1000px !important;
overflow: hidden 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 {
box-shadow: rgb(101, 101, 101) 0px 0px 5px;
}
.comment-add-reply .textile-body .textile-preview,
.comment-edit-box .textile-body .textile-preview {
border: 1px solid rgb(101, 101, 101);
font-size: 14px;
max-height: 200px;
max-width: 1000px;
outline: none;
padding: 20px;
text-align: initial;
width: 100%;
height: 140px !important;
overflow: hidden auto !important;
}
.comment-add-reply .textile-body .textile-preview:focus,
.comment-edit-box .textile-body .textile-preview:focus {
box-shadow: rgb(101, 101, 101) 0px 0px 5px;
}
.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: rgb(30, 30, 30);
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: rgb(120, 44, 48);
display: block !important;
}
.blog-container .add-comment {
margin-top: 40px;
}
.blog-container .add-comment .textile-head {
line-height: 1em;
position: relative;
top: 0px;
z-index: 10;
}
.blog-container .add-comment .textile-head li {
background-color: transparent;
border-top: 0px;
cursor: pointer;
display: inline-block;
height: 28px;
line-height: 28px;
margin: 0px 5px 0px 0px;
padding: 0px 10px 30px;
position: relative;
text-align: center;
top: -1px;
width: auto;
}
.blog-container .add-comment .textile-head li.selected {
background: transparent;
border-right: 1px solid rgb(101, 101, 101);
border-bottom: 1px solid rgb(101, 101, 101);
border-left: 1px solid rgb(101, 101, 101);
border-image: initial;
border-top: none;
color: rgb(0, 0, 0);
z-index: 10;
}
.blog-container .add-comment .textile-body {
height: 140px;
left: 0px;
margin-bottom: 0px;
position: relative;
top: 0px;
z-index: 1;
}
.blog-container .add-comment .textile-body .textile-edit,
.blog-container .add-comment .textile-body .textile-help,
.blog-container .add-comment .textile-body .textile-preview {
display: none;
width: 100%;
}
.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 {
background: transparent;
border: 1px solid rgb(101, 101, 101);
font-size: 14px;
max-width: 1000px;
outline: none;
padding: 20px;
resize: none;
width: 100%;
color: rgb(0, 0, 0) !important;
height: 140px !important;
max-height: 1000px !important;
overflow: hidden 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 {
box-shadow: rgb(101, 101, 101) 0px 0px 5px;
}
.blog-container .add-comment .textile-body .textile-preview {
border: 1px solid rgb(101, 101, 101);
color: rgb(0, 0, 0);
font-size: 14px;
max-height: 200px;
max-width: 1000px;
outline: none;
padding: 20px;
text-align: start;
width: 100%;
height: 140px !important;
overflow: hidden auto !important;
}
.blog-container .add-comment .textile-body .textile-preview:focus {
box-shadow: rgb(101, 101, 101) 0px 0px 5px;
}
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: 0px;
}
body.ar .ReactModalPortal textarea {
text-align: right;
}
.blog-container .comment-item {
margin-bottom: 2em;
}
.blog-container .comment-item .comment-vote {
display: inline-block;
vertical-align: top;
width: 40px;
}
.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: rgb(30, 30, 30);
}
.blog-container .comment-item .comment-vote .comment-downvote,
.blog-container .comment-item .comment-vote .comment-upvote {
color: rgb(158, 158, 158);
cursor: pointer;
}
.blog-container .comment-item .comment-vote .comment-downvote:hover,
.blog-container .comment-item .comment-vote .comment-upvote:hover {
color: rgb(0, 0, 0);
text-decoration: none;
}
.blog-container .comment-item .comment-vote .comment-downvote.voted,
.blog-container .comment-item .comment-vote .comment-upvote.voted {
color: rgb(0, 0, 0);
cursor: not-allowed;
}
.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 {
content: '▾';
display: block;
font-size: 1.5em;
transform: scale(-1);
}
.blog-container .comment-item .comment-vote .comment-downvote i::before {
content: '▾';
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: 0px;
}
.blog-container .comment-item .comment-body .textile-container-view {
color: rgb(0, 0, 0);
}
.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: rgb(30, 30, 30);
}
.blog-container .comment-item .comment-body .comment-links > a,
.blog-container .comment-item .comment-body .comment-links > span {
color: rgb(30, 30, 30);
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: 0.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: rgb(30, 30, 30);
border-radius: 4px;
color: rgb(255, 255, 255);
display: none;
font-size: 12px;
left: -20px;
line-height: 1.2;
margin: 0px;
min-width: 60px;
padding: 5px 10px;
position: absolute;
text-align: center;
top: 35px;
word-break: normal;
z-index: 99;
}
.blog-container
.comment-item
.comment-body
.comment-links
> a
.comment-tooltip::before,
.blog-container
.comment-item
.comment-body
.comment-links
> span
.comment-tooltip::before {
border-width: 8px;
border-style: solid;
border-color: transparent transparent rgb(0, 0, 0);
border-image: initial;
content: '';
display: block;
height: 0px;
left: 20px;
position: absolute;
top: -16px;
width: 0px;
}
.blog-container .comment-item .reply-box {
margin-top: 1em;
}
@media only screen and (max-width: 767px) {
.blog-container .comment-item .reply-box {
padding-left: 0px;
}
}
.blog-container .comment-item .reply-box .comment-vote {
min-height: 50px;
}
.blog-container .comment-item .view-more {
color: rgb(30, 30, 30);
cursor: pointer;
margin-left: 1em;
}
.blog-container .comment-item .view-more:hover {
color: rgb(68, 68, 68);
}
.blog-container .comment-item .comment-add-reply {
margin-left: 15%;
margin-top: 10px;
}
.blog-container .comment-item .comment-add-reply .textile-head li.selected {
border-top: 1px solid rgb(24, 24, 24);
color: rgb(0, 0, 0);
}
.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: rgb(0, 0, 0);
}
.blog-container .comment-rating-box {
color: rgb(30, 30, 30);
margin-top: 50px;
width: 100%;
}
.blog-container .comment-rating-box h1.title {
border-bottom: 1px solid rgb(30, 30, 30);
font-family: OpenSans, sans-serif;
font-size: 24px;
line-height: 200%;
margin-bottom: 10px;
padding-bottom: 10px;
}
.blog-container .comment-rating-box .sort-box {
color: rgb(0, 0, 0);
text-align: right;
}
.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: rgb(30, 30, 30);
cursor: pointer;
margin-left: 10px;
}
.blog-container .comment-rating-box .sort-box a:hover {
color: rgb(68, 68, 68);
}
.blog-container .comment-rating-box .sort-box a.active {
cursor: default;
position: relative;
}
.blog-container .comment-rating-box .sort-box a.active::before {
border-bottom: 4px solid rgb(158, 158, 158);
content: '';
height: 100%;
left: 0px;
position: absolute;
top: 5px;
width: 100%;
}
@media only screen and (max-width: 991px) {
.blog-container .comment-rating-box .sort-box {
padding-bottom: 1em;
text-align: left;
}
.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=')
0% 0% / contain;
height: 80px;
margin: 20px auto;
width: 80px;
}
.blog-container .comment-rating-box .pagination {
display: block;
padding: 10px 2em;
text-align: center;
}
.blog-container .comment-rating-box .pagination .comment-load-more {
font-size: 14px;
text-transform: uppercase;
}
.blog-container .comment-rating-box .pagination a {
color: rgb(30, 30, 30);
float: right;
width: 100px;
}
.blog-container .comment-rating-box .pagination a:hover {
color: rgb(30, 30, 30);
}
.blog-container .comment-rating-box .text-area-box {
text-align: center;
}
.blog-container .comment-rating-box .text-area-box .alert-moderation {
font-size: 0.8em;
margin: 0px auto 1em;
max-width: 1000px;
text-align: left;
}
.blog-container .comment-rating-box .text-area-box .not-login {
cursor: pointer;
display: inline-block;
margin: 0px auto;
padding: 1em;
position: relative;
text-align: center;
}
.blog-container .comment-rating-box .text-area-box .not-login:hover {
background: rgb(224, 198, 125);
}
.blog-container .comment-rating-box .text-area-box .not-login span {
color: rgb(0, 0, 0) !important;
}
.blog-container .comment-rating-box .text-area-box .not-login p {
margin: 0px;
}
.blog-container .comment-chars-max,
.blog-container .comment-chars-min {
color: rgb(30, 30, 30);
display: none;
font-size: 12px;
margin-bottom: 2em;
position: relative;
top: 10px;
}
.blog-container .comment-chars-max.comment-edit-invalid,
.blog-container .comment-chars-min.comment-edit-invalid {
color: rgb(120, 44, 48);
display: block !important;
}
.ReactModalPortal {
position: relative;
z-index: 99999;
}
.ReactModalPortal .ReactModal__Content {
background-color: rgb(24, 24, 24);
max-height: 98%;
max-width: 90%;
transform: translateY(-50%);
inset: 50% 0px auto !important;
margin: 0px auto !important;
position: absolute !important;
}
.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: rgb(30, 30, 30);
color: rgb(255, 255, 255);
font-size: 12px;
position: relative;
text-transform: uppercase;
top: -1px;
width: 100%;
}
.ReactModalPortal .report-modal .cw-close {
background-color: rgb(30, 30, 30);
cursor: pointer;
height: 24px;
position: absolute;
right: 0px;
top: 0px;
width: 40px;
}
.ReactModalPortal .report-modal > p {
text-align: center;
}
.ReactModalPortal .report-modal textarea {
border: 1px solid rgb(30, 30, 30);
font-size: 14px;
margin: 20px;
max-height: 150px;
outline: none;
overflow: scroll;
padding: 20px;
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 {
color: rgb(0, 0, 0);
margin: 0px auto;
}
.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: rgb(30, 30, 30);
color: rgb(255, 255, 255);
font-size: 12px;
position: relative;
text-transform: uppercase;
top: -1px;
width: 100%;
}
.ReactModalPortal .edit-modal .cw-close,
.ReactModalPortal .reply-edit-modal .cw-close {
background-color: rgb(30, 30, 30);
cursor: pointer;
height: 24px;
position: absolute;
right: 0px;
top: 0px;
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 0px;
width: 95%;
}
.ReactModalPortal .edit-modal .comment-edit-box .textile-container ul,
.ReactModalPortal .reply-edit-modal .comment-edit-box .textile-container ul {
padding-left: 0px;
}
.ReactModalPortal .edit-modal .comment-edit-box .btn,
.ReactModalPortal .reply-edit-modal .comment-edit-box .btn {
display: block;
margin-top: 20px;
}
@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: rgb(30, 30, 30);
color: rgb(255, 255, 255);
font-size: 12px;
position: relative;
text-transform: uppercase;
top: -1px;
width: 100%;
}
.ReactModalPortal .delete-modal .cw-close {
background-color: rgb(30, 30, 30);
cursor: pointer;
height: 24px;
position: absolute;
right: 0px;
top: 0px;
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: rgb(30, 30, 30);
color: rgb(255, 255, 255);
font-size: 12px;
position: relative;
text-transform: uppercase;
top: -1px;
width: 100%;
}
.ReactModalPortal .login-modal .cw-close {
background-color: rgb(30, 30, 30);
cursor: pointer;
height: 24px;
position: absolute;
right: 0px;
top: 0px;
width: 40px;
}
.ReactModalPortal .login-modal > p {
text-align: center;
}
.ReactModalPortal .comment-chars-max,
.ReactModalPortal .comment-chars-min {
color: rgb(30, 30, 30);
display: none;
font-size: 12px;
text-align: center;
}
.ReactModalPortal .comment-chars-max.comment-edit-invalid,
.ReactModalPortal .comment-chars-min.comment-edit-invalid {
color: rgb(120, 44, 48);
display: block !important;
}
.ReactModalPortal .textile-preview em,
.blog-container .textile-preview em {
font-style: italic;
}
.ReactModalPortal .textile-preview strong,
.blog-container .textile-preview strong {
font-weight: 700;
}
.ReactModalPortal .textile-preview ul,
.blog-container .textile-preview ul {
margin-bottom: 11px;
margin-left: 1.5em;
margin-top: 0px;
}
.ReactModalPortal .textile-preview ul li,
.blog-container .textile-preview ul li {
list-style: disc;
}
.ReactModalPortal .textile-preview ol,
.blog-container .textile-preview ol {
padding-inline-start: 40px;
margin-bottom: 11px;
margin-top: 0px;
}
.ReactModalPortal .textile-preview ol li,
.blog-container .textile-preview ol li {
list-style: decimal;
}
.ReactModalPortal .textile-preview a,
.blog-container .textile-preview a {
color: inherit;
}
#table-race {
font-size: 0.85em;
margin: 1em 0px;
text-align: center;
}
@media only screen and (max-width: 991px) {
#table-race {
text-align: left;
}
}
#table-race .header {
color: rgb(172, 171, 156);
padding: 1em 0px;
text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
#table-race .header {
display: none;
}
}
#table-race .dark,
#table-race .light {
padding: 1.5em 0px;
}
@media only screen and (max-width: 991px) {
#table-race .dark,
#table-race .light {
padding: 2em 0px;
}
}
#table-race .dark .pos,
#table-race .light .pos {
display: block;
font-weight: 700;
position: relative;
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: '';
display: block;
height: 25px;
left: 0px;
margin: 0px auto;
position: absolute;
right: 0px;
top: -2px;
transform: rotate(45deg);
width: 25px;
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 {
left: 2em;
top: 0.85em;
}
}
@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 {
left: 24px;
top: 7px;
}
}
#table-race .dark .pos.first::after,
#table-race .light .pos.first::after {
background: rgb(219, 189, 104);
}
#table-race .dark .pos.second::after,
#table-race .light .pos.second::after {
background: rgb(144, 139, 133);
}
#table-race .dark .pos.third::after,
#table-race .light .pos.third::after {
background: rgb(166, 110, 67);
}
@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 0px 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 {
color: rgb(172, 171, 156);
display: inline-block;
font-weight: 400;
text-transform: uppercase;
width: 50%;
}
#table-race .dark .pos::before,
#table-race .light .pos::before {
content: 'Position';
}
#table-race .dark .usr::before,
#table-race .light .usr::before {
content: 'Participant';
}
#table-race .dark .level::before,
#table-race .light .level::before {
content: 'Hero Level';
}
#table-race .dark .stamp::before,
#table-race .light .stamp::before {
content: 'Time Stamp';
}
}
#table-race .light {
background: rgb(80, 80, 80);
}
#table-race .dark:first-child {
background: rgb(144, 139, 133);
}
.cms .caption {
background: rgb(0, 0, 0);
color: rgb(0, 0, 0);
font-size: 0.75em;
padding: 1em;
margin: 0px 0px 2em !important;
}
footer {
clear: both;
}
.hidden-scroll {
overflow: hidden;
}
.blog-container .lightbox-enabled img {
border: 1px solid transparent;
cursor: pointer;
transition: border 0.3s ease-in-out 0s;
}
.blog-container .lightbox-enabled img:hover {
border: 1px solid rgb(0, 0, 0);
transition: border 0.3s ease-in-out 0s;
}
.blog-container .lightbox {
background-color: rgba(0, 0, 0, 0.9);
height: 100%;
left: 0px;
padding: 50px;
position: fixed;
text-align: center;
top: 0px;
width: 100%;
z-index: 100000;
}
.blog-container .lightbox::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.blog-container .lightbox img {
cursor: default;
max-height: 100%;
max-width: 100%;
}
.blog-container .lightbox button {
background-color: transparent;
border: 0px;
color: rgb(197, 197, 197);
font-size: 1.8em;
outline: none;
padding: 15px 18px;
position: absolute;
top: calc(50% - 1.8em);
}
.blog-container .lightbox button:focus {
outline: none;
}
.blog-container .lightbox button:hover {
color: rgb(221, 221, 221);
}
.blog-container .lightbox button.prev {
left: 0px;
}
.blog-container .lightbox button.next {
right: 0px;
}
.blog-container .lightbox button.close {
opacity: 1;
right: 5px;
top: 5px;
}
.blog-view-container .blog-view .top-featured-activity .feature-banner {
color: rgb(255, 255, 255);
display: block;
overflow: hidden;
position: relative;
text-decoration: none;
}
@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 {
transform: translateY(-50px);
transition: transform 0.3s ease-in-out 0.03s;
}
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner:hover
.feature-headline
.feature-date {
transform: translateY(-50px);
}
}
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner
.container-image {
left: 0px;
margin: 0px auto;
max-width: 120vh;
min-width: 1170px;
padding-bottom: 56.25%;
position: relative;
right: 0px;
top: 0px;
width: 100%;
}
@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 {
background-position: center 0px;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 0px;
margin: 0px auto;
position: absolute;
right: 0px;
top: 0px;
width: 100%;
z-index: 0;
}
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner
.container-image
.feature-image::before {
background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.65));
bottom: 0px;
content: '';
display: block;
height: 100%;
left: 0px;
opacity: 0;
position: absolute;
right: 0px;
transition: opacity 0.3s ease-in-out 0s;
width: 100%;
z-index: 2;
}
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner
.container-image
.feature-image::after {
background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.4));
bottom: 0px;
content: '';
display: block;
height: 15%;
left: 0px;
position: absolute;
right: 0px;
width: 100%;
}
@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 {
bottom: 0px;
color: rgb(255, 255, 255);
left: 0px;
max-width: 65em;
padding: 4em;
position: absolute;
z-index: 1;
}
@media only screen and (max-width: 991px) {
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner
.feature-headline {
background: rgb(255, 255, 255);
color: rgb(0, 0, 0);
max-width: 100%;
padding: 1.5em;
position: relative;
}
}
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner
.feature-headline
h2 {
font-family: OpenSans, sans-serif;
font-size: 2em;
font-weight: 700;
margin: 0px;
text-transform: uppercase;
transform: translateY(0px);
transition: transform 0.3s ease-in-out 0s;
}
@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 {
transform: translateY(0px);
transition: transform 0.3s ease-in-out 0s;
}
.grid-layout {
background: rgb(241, 244, 246);
max-width: 120vh;
min-width: 100%;
padding-top: 2em;
position: relative;
padding-left: 0px !important;
padding-right: 0px !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: flex;
}
.grid-layout .slick-slider .slick-track .slick-slide {
background: rgb(255, 255, 255);
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: 0px;
}
.grid-layout
.slick-slider
.slick-track
.slick-slide
.grid-item
.background-image {
height: 70vw;
}
.grid-layout .slick-slider .slick-arrow {
bottom: 0px;
height: auto;
top: auto;
}
.grid-layout .slick-slider .slick-arrow.slick-next {
right: 30%;
}
.grid-layout .slick-slider .slick-arrow.slick-next .icon-arrow:hover {
transform: scale(1.3);
}
.grid-layout .slick-slider .slick-arrow.slick-prev {
left: 30%;
}
.grid-layout .slick-slider .slick-arrow.slick-prev .icon-arrow {
transform: rotate(180deg);
}
.grid-layout .slick-slider .slick-arrow.slick-prev .icon-arrow:hover {
transform: rotate(180deg) scale(1.3);
}
.grid-layout .slick-slider .slick-arrow .slick-control {
border: 1px solid rgb(255, 255, 255);
border-radius: 50%;
color: rgb(255, 255, 255);
height: 3em;
width: 3em;
}
.grid-layout .slick-slider .slick-arrow .slick-control:hover {
color: rgb(255, 255, 255);
}
.grid-layout .slick-slider .slick-arrow .slick-control .icon-arrow {
transition: all 0.3s linear 0s;
}
.grid-layout .slick-slider .slick-arrow .slick-control .icon-arrow::before {
content: '';
}
.blog-view-container .blog-view .grid-item {
color: rgb(0, 0, 0);
text-decoration: none;
}
.blog-view-container .blog-view .grid-item .background-image {
background-image: url('cf356dc897c42a41092beb58e29a9697.jpg');
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
height: 25vh;
min-height: 245px;
position: relative;
}
@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 {
display: block;
height: 0px;
opacity: 0;
visibility: hidden;
width: 100%;
}
.blog-view-container .blog-view .grid-item .grid-content {
background: rgb(255, 255, 255);
height: 12.5em;
margin-bottom: 2em;
padding: 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: 0px 0px 1em;
}
.blog-view-container .blog-view .grid-item .grid-content .title {
font-family: OpenSans, sans-serif;
font-size: 1.5em;
font-weight: 700;
margin: 0px;
text-transform: uppercase;
}
.blog-view-container .blog-view .gridItem-large .grid-item {
color: rgb(255, 255, 255);
height: 0px;
margin-bottom: 2em;
overflow: hidden;
padding-bottom: 35em;
position: relative;
}
@media only screen and (max-width: 1399px) {
.blog-view-container .blog-view .gridItem-large .grid-item {
height: 31vw;
padding-bottom: 0px;
}
}
@media only screen and (max-width: 1199px) {
.blog-view-container .blog-view .gridItem-large .grid-item {
color: rgb(0, 0, 0);
height: auto;
margin-bottom: 0px;
}
}
.blog-view-container .blog-view .gridItem-large .grid-item .background-image {
background-position: 50% 50%;
background-repeat: no-repeat;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}
.blog-view-container
.blog-view
.gridItem-large
.grid-item
.background-image::after {
background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.45));
bottom: 0px;
content: '';
display: block;
height: 30%;
left: 0px;
position: absolute;
right: 0px;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.blog-view-container .blog-view .gridItem-large .grid-item .background-image {
height: 22em;
margin-bottom: 0px;
padding-bottom: 0px;
position: relative;
}
.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 {
background-color: transparent;
bottom: 0px;
height: auto;
left: 0px;
margin-bottom: 0px;
position: absolute;
}
@media only screen and (max-width: 1199px) {
.blog-view-container .blog-view .gridItem-large .grid-item .grid-content {
background-color: rgb(255, 255, 255);
height: 12.5em;
margin-bottom: 2em;
position: relative;
}
}
@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 {
color: rgb(255, 255, 255);
height: 0px;
margin-bottom: 2em;
overflow: hidden;
padding-bottom: 35em;
position: relative;
}
@media only screen and (max-width: 1399px) {
.blog-view-container .blog-view .gridItem-medium .grid-item {
height: 31vw;
padding-bottom: 0px;
}
}
@media only screen and (max-width: 1199px) {
.blog-view-container .blog-view .gridItem-medium .grid-item {
color: rgb(0, 0, 0);
height: auto;
margin-bottom: 0px;
}
}
.blog-view-container .blog-view .gridItem-medium .grid-item .background-image {
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}
.blog-view-container
.blog-view
.gridItem-medium
.grid-item
.background-image::after {
background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.45));
bottom: 0px;
content: '';
display: block;
height: 30%;
left: 0px;
position: absolute;
right: 0px;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.blog-view-container
.blog-view
.gridItem-medium
.grid-item
.background-image {
height: 22em;
margin-bottom: 0px;
padding-bottom: 0px;
position: relative;
}
.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 {
background: transparent;
bottom: 0px;
height: auto;
left: 0px;
margin-bottom: 0px;
position: absolute;
}
@media only screen and (max-width: 1199px) {
.blog-view-container .blog-view .gridItem-medium .grid-item .grid-content {
background-color: rgb(255, 255, 255);
height: 12.5em;
margin-bottom: 2em;
position: relative;
}
}
@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: rgb(255, 255, 255);
margin-bottom: 2em;
}
}
@media only screen and (max-width: 991px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item {
color: rgb(0, 0, 0);
margin-bottom: 0px;
}
}
@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 {
background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.45));
bottom: 0px;
content: '';
display: block;
height: 30%;
left: 0px;
position: absolute;
right: 0px;
width: 100%;
}
}
@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 {
background: transparent;
bottom: 0px;
height: auto;
left: 0px;
margin-bottom: 0px;
position: absolute;
}
}
@media only screen and (max-width: 991px) {
.blog-view-container .blog-view .gridItem-thirdPos .grid-item .grid-content {
background-color: rgb(255, 255, 255);
bottom: 0px;
height: 12.5em;
margin-bottom: 2em;
position: relative;
}
}
@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;
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 {
transform: scaleX(1);
transition: transform 0.3s ease-in-out 0s;
}
.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 {
transform: scale3d(1.05, 1.05, 1.05);
transition: transform 0.3s ease-in-out 0s;
}
@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 {
transform: translateY(15px);
transition: transform 0.3s ease-in-out 0s;
}
.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 {
transform: translateY(0px);
transition: transform 0.3s ease-in-out 0s;
}
.blog-view-container
.blog-view
.gridItem-large:hover
.grid-item
.background-image,
.blog-view-container
.blog-view
.gridItem-medium:hover
.grid-item
.background-image {
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 {
transform: translateY(-20px);
transition: transform 0.3s ease-in-out 0.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 {
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 {
transform: translateY(0px);
transition: transform 0.3s ease-in-out 0s;
}
.blog-view-container
.blog-view
.gridItem-large:hover
.grid-item
.background-image,
.blog-view-container
.blog-view
.gridItem-medium:hover
.grid-item
.background-image {
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 {
transform: translateY(-20px);
transition: transform 0.3s ease-in-out 0.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 {
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 {
transform: translateY(15px);
transition: transform 0.3s ease-in-out 0s;
}
.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 {
transform: translateY(15px);
transition: transform 0.3s ease-in-out 0s;
}
.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 {
transform: translateY(0px);
transition: transform 0.3s ease-in-out 0s;
}
.blog-view-container
.blog-view
.gridItem-thirdPos:hover
.grid-item
.background-image {
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 {
transform: translateY(-20px);
transition: transform 0.3s ease-in-out 0.03s;
}
.blog-view-container
.blog-view
.gridItem-thirdPos:hover
.grid-item
.grid-content
h4 {
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;
transform: translateY(0px);
transition: transform 0.4s ease-out 0s, opacity 0.4s ease-out 0s;
}
.blog-load-indicator {
padding-top: 24vh;
}
.blog-load-indicator .loading-icon {
background-size: 2em;
font-size: 4em;
}
.alert-container {
line-height: 2em;
padding-top: 2em;
}
.alert-container .alert {
margin-bottom: 0px;
}
@media only screen and (max-width: 480px) {
.alert-container .alert .col-xs-1:last-child {
position: absolute;
right: 15px;
}
}
.alert-container .alert-icon {
font-size: 1.4em;
line-height: 1em;
vertical-align: text-bottom;
}
.alert-container .alert-success {
background-color: rgb(82, 100, 81);
border-color: rgb(82, 100, 81);
}
.alert-container .alert-warning {
background-color: rgb(217, 110, 55);
border-color: rgb(217, 110, 55);
}
.alert-container .alert-info {
background-color: rgb(80, 109, 162);
border-color: rgb(80, 109, 162);
}
.alert-container .alert-danger {
background-color: rgb(120, 44, 48);
border-color: rgb(120, 44, 48);
}
.alert-container .alert-danger,
.alert-container .alert-info,
.alert-container .alert-success,
.alert-container .alert-warning {
border-radius: 0px;
color: rgb(255, 255, 255);
}
.alert-container .close {
font-size: 1.4em;
line-height: 1.4em;
opacity: 1;
vertical-align: middle;
}
.alert-container .close .epic-blog-icon-close {
color: rgb(255, 255, 255);
}
.alert-container p {
margin-bottom: 0px;
}
.prev-link-wrap {
align-items: center;
background-color: rgb(30, 30, 30);
clear: both;
display: flex;
font-size: 20px;
justify-content: space-between;
min-height: 60px;
overflow: hidden;
padding: 15px 30px;
}
@media only screen and (max-width: 767px) {
.prev-link-wrap {
font-size: 14px;
}
}
.prev-link-wrap .next-link,
.prev-link-wrap .prev-link {
align-items: center;
display: flex;
flex: 1 1 0%;
gap: 2em;
}
.prev-link-wrap .next-link i,
.prev-link-wrap .prev-link i {
float: right;
font-size: 1.5em;
}
.prev-link-wrap .next-link span,
.prev-link-wrap .prev-link span {
font-family: OpenSans, sans-serif;
text-transform: uppercase;
}
@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: rgb(229, 207, 145);
cursor: pointer;
}
.prev-link-wrap .next-link {
flex-direction: row-reverse;
}
.prev-link-wrap .slug-link {
line-height: 1;
}
.prev-link-wrap .prev-icon:hover::before {
border-color: transparent transparent rgb(224, 198, 125);
}
.prev-link-wrap .prev-icon:hover::after {
border-color: rgb(224, 198, 125) transparent transparent;
}
.prev-link-wrap .prev-icon::before {
border-color: transparent transparent rgb(219, 189, 104);
border-style: solid;
border-width: 0px 0.5em 1em;
content: '';
display: block;
height: 0px;
transform: skewX(-45deg);
width: 0px;
}
.prev-link-wrap .prev-icon::after {
border-color: rgb(219, 189, 104) transparent transparent;
border-style: solid;
border-width: 1em 0.5em 0px;
content: '';
display: block;
height: 0px;
transform: skewX(45deg);
width: 0px;
}
.prev-link-wrap .next-icon:hover::before {
border-color: transparent transparent rgb(224, 198, 125);
}
.prev-link-wrap .next-icon:hover::after {
border-color: rgb(224, 198, 125) transparent transparent;
}
.prev-link-wrap .next-icon::before {
border-color: transparent transparent rgb(219, 189, 104);
border-style: solid;
border-width: 0px 0.5em 1em;
content: '';
display: block;
height: 0px;
transform: skewX(45deg);
width: 0px;
}
.prev-link-wrap .next-icon::after {
border-color: rgb(219, 189, 104) transparent transparent;
border-style: solid;
border-width: 1em 0.5em 0px;
content: '';
display: block;
height: 0px;
transform: skewX(-45deg);
width: 0px;
}
@font-face {
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
src: url('20fd1704ea223900efa9fd4e869efb08.woff2') format('woff2'),
url('f691f37e57f04c152e2315ab7dbad881.woff') format('woff'),
url('1e59d2330b4c6deb84b340635ed36249.ttf') format('truetype');
}
.fa {
text-rendering: auto;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-kerning: auto;
font-optical-sizing: auto;
font-feature-settings: normal;
font-variation-settings: normal;
font-weight: normal;
font-stretch: normal;
line-height: 1;
font-family: FontAwesome;
font-size: inherit;
}
.fa-lg {
font-size: 1.33333em;
line-height: 0.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 {
text-align: center;
width: 1.28571em;
}
.fa-ul {
list-style-type: none;
margin-left: 2.14286em;
padding-left: 0px;
}
.fa-ul > li {
position: relative;
}
.fa-li {
left: -2.14286em;
position: absolute;
text-align: center;
top: 0.142857em;
width: 2.14286em;
}
.fa-li.fa-lg {
left: -1.85714em;
}
.fa-border {
border: 0.08em solid rgb(238, 238, 238);
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: 0.3em;
}
.fa.fa-pull-right {
margin-left: 0.3em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: 0.3em;
}
.fa.pull-right {
margin-left: 0.3em;
}
.fa-spin {
animation: 2s linear 0s infinite normal none running fa-spin;
}
.fa-pulse {
animation: 1s steps(8) 0s infinite normal none running fa-spin;
}
@-webkit-keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.fa-rotate-90 {
transform: rotate(90deg);
}
.fa-rotate-180 {
transform: rotate(180deg);
}
.fa-rotate-270 {
transform: rotate(270deg);
}
.fa-flip-horizontal {
transform: scaleX(-1);
}
.fa-flip-vertical {
transform: scaleY(-1);
}
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
filter: none;
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2em;
}
.fa-stack-1x,
.fa-stack-2x {
left: 0px;
position: absolute;
text-align: center;
width: 100%;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: rgb(255, 255, 255);
}
.fa-glass::before {
content: '';
}
.fa-music::before {
content: '';
}
.fa-search::before {
content: '';
}
.fa-envelope-o::before {
content: '';
}
.fa-heart::before {
content: '';
}
.fa-star::before {
content: '';
}
.fa-star-o::before {
content: '';
}
.fa-user::before {
content: '';
}
.fa-film::before {
content: '';
}
.fa-th-large::before {
content: '';
}
.fa-th::before {
content: '';
}
.fa-th-list::before {
content: '';
}
.fa-check::before {
content: '';
}
.fa-close::before,
.fa-remove::before,
.fa-times::before {
content: '';
}
.fa-search-plus::before {
content: '';
}
.fa-search-minus::before {
content: '';
}
.fa-power-off::before {
content: '';
}
.fa-signal::before {
content: '';
}
.fa-cog::before,
.fa-gear::before {
content: '';
}
.fa-trash-o::before {
content: '';
}
.fa-home::before {
content: '';
}
.fa-file-o::before {
content: '';
}
.fa-clock-o::before {
content: '';
}
.fa-road::before {
content: '';
}
.fa-download::before {
content: '';
}
.fa-arrow-circle-o-down::before {
content: '';
}
.fa-arrow-circle-o-up::before {
content: '';
}
.fa-inbox::before {
content: '';
}
.fa-play-circle-o::before {
content: '';
}
.fa-repeat::before,
.fa-rotate-right::before {
content: '';
}
.fa-refresh::before {
content: '';
}
.fa-list-alt::before {
content: '';
}
.fa-lock::before {
content: '';
}
.fa-flag::before {
content: '';
}
.fa-headphones::before {
content: '';
}
.fa-volume-off::before {
content: '';
}
.fa-volume-down::before {
content: '';
}
.fa-volume-up::before {
content: '';
}
.fa-qrcode::before {
content: '';
}
.fa-barcode::before {
content: '';
}
.fa-tag::before {
content: '';
}
.fa-tags::before {
content: '';
}
.fa-book::before {
content: '';
}
.fa-bookmark::before {
content: '';
}
.fa-print::before {
content: '';
}
.fa-camera::before {
content: '';
}
.fa-font::before {
content: '';
}
.fa-bold::before {
content: '';
}
.fa-italic::before {
content: '';
}
.fa-text-height::before {
content: '';
}
.fa-text-width::before {
content: '';
}
.fa-align-left::before {
content: '';
}
.fa-align-center::before {
content: '';
}
.fa-align-right::before {
content: '';
}
.fa-align-justify::before {
content: '';
}
.fa-list::before {
content: '';
}
.fa-dedent::before,
.fa-outdent::before {
content: '';
}
.fa-indent::before {
content: '';
}
.fa-video-camera::before {
content: '';
}
.fa-image::before,
.fa-photo::before,
.fa-picture-o::before {
content: '';
}
.fa-pencil::before {
content: '';
}
.fa-map-marker::before {
content: '';
}
.fa-adjust::before {
content: '';
}
.fa-tint::before {
content: '';
}
.fa-edit::before,
.fa-pencil-square-o::before {
content: '';
}
.fa-share-square-o::before {
content: '';
}
.fa-check-square-o::before {
content: '';
}
.fa-arrows::before {
content: '';
}
.fa-step-backward::before {
content: '';
}
.fa-fast-backward::before {
content: '';
}
.fa-backward::before {
content: '';
}
.fa-play::before {
content: '';
}
.fa-pause::before {
content: '';
}
.fa-stop::before {
content: '';
}
.fa-forward::before {
content: '';
}
.fa-fast-forward::before {
content: '';
}
.fa-step-forward::before {
content: '';
}
.fa-eject::before {
content: '';
}
.fa-chevron-left::before {
content: '';
}
.fa-chevron-right::before {
content: '';
}
.fa-plus-circle::before {
content: '';
}
.fa-minus-circle::before {
content: '';
}
.fa-times-circle::before {
content: '';
}
.fa-check-circle::before {
content: '';
}
.fa-question-circle::before {
content: '';
}
.fa-info-circle::before {
content: '';
}
.fa-crosshairs::before {
content: '';
}
.fa-times-circle-o::before {
content: '';
}
.fa-check-circle-o::before {
content: '';
}
.fa-ban::before {
content: '';
}
.fa-arrow-left::before {
content: '';
}
.fa-arrow-right::before {
content: '';
}
.fa-arrow-up::before {
content: '';
}
.fa-arrow-down::before {
content: '';
}
.fa-mail-forward::before,
.fa-share::before {
content: '';
}
.fa-expand::before {
content: '';
}
.fa-compress::before {
content: '';
}
.fa-plus::before {
content: '';
}
.fa-minus::before {
content: '';
}
.fa-asterisk::before {
content: '';
}
.fa-exclamation-circle::before {
content: '';
}
.fa-gift::before {
content: '';
}
.fa-leaf::before {
content: '';
}
.fa-fire::before {
content: '';
}
.fa-eye::before {
content: '';
}
.fa-eye-slash::before {
content: '';
}
.fa-exclamation-triangle::before,
.fa-warning::before {
content: '';
}
.fa-plane::before {
content: '';
}
.fa-calendar::before {
content: '';
}
.fa-random::before {
content: '';
}
.fa-comment::before {
content: '';
}
.fa-magnet::before {
content: '';
}
.fa-chevron-up::before {
content: '';
}
.fa-chevron-down::before {
content: '';
}
.fa-retweet::before {
content: '';
}
.fa-shopping-cart::before {
content: '';
}
.fa-folder::before {
content: '';
}
.fa-folder-open::before {
content: '';
}
.fa-arrows-v::before {
content: '';
}
.fa-arrows-h::before {
content: '';
}
.fa-bar-chart-o::before,
.fa-bar-chart::before {
content: '';
}
.fa-twitter-square::before {
content: '';
}
.fa-facebook-square::before {
content: '';
}
.fa-camera-retro::before {
content: '';
}
.fa-key::before {
content: '';
}
.fa-cogs::before,
.fa-gears::before {
content: '';
}
.fa-comments::before {
content: '';
}
.fa-thumbs-o-up::before {
content: '';
}
.fa-thumbs-o-down::before {
content: '';
}
.fa-star-half::before {
content: '';
}
.fa-heart-o::before {
content: '';
}
.fa-sign-out::before {
content: '';
}
.fa-linkedin-square::before {
content: '';
}
.fa-thumb-tack::before {
content: '';
}
.fa-external-link::before {
content: '';
}
.fa-sign-in::before {
content: '';
}
.fa-trophy::before {
content: '';
}
.fa-github-square::before {
content: '';
}
.fa-upload::before {
content: '';
}
.fa-lemon-o::before {
content: '';
}
.fa-phone::before {
content: '';
}
.fa-square-o::before {
content: '';
}
.fa-bookmark-o::before {
content: '';
}
.fa-phone-square::before {
content: '';
}
.fa-twitter::before {
content: '';
}
.fa-facebook-f::before,
.fa-facebook::before {
content: '';
}
.fa-github::before {
content: '';
}
.fa-unlock::before {
content: '';
}
.fa-credit-card::before {
content: '';
}
.fa-feed::before,
.fa-rss::before {
content: '';
}
.fa-hdd-o::before {
content: '';
}
.fa-bullhorn::before {
content: '';
}
.fa-bell::before {
content: '';
}
.fa-certificate::before {
content: '';
}
.fa-hand-o-right::before {
content: '';
}
.fa-hand-o-left::before {
content: '';
}
.fa-hand-o-up::before {
content: '';
}
.fa-hand-o-down::before {
content: '';
}
.fa-arrow-circle-left::before {
content: '';
}
.fa-arrow-circle-right::before {
content: '';
}
.fa-arrow-circle-up::before {
content: '';
}
.fa-arrow-circle-down::before {
content: '';
}
.fa-globe::before {
content: '';
}
.fa-wrench::before {
content: '';
}
.fa-tasks::before {
content: '';
}
.fa-filter::before {
content: '';
}
.fa-briefcase::before {
content: '';
}
.fa-arrows-alt::before {
content: '';
}
.fa-group::before,
.fa-users::before {
content: '';
}
.fa-chain::before,
.fa-link::before {
content: '';
}
.fa-cloud::before {
content: '';
}
.fa-flask::before {
content: '';
}
.fa-cut::before,
.fa-scissors::before {
content: '';
}
.fa-copy::before,
.fa-files-o::before {
content: '';
}
.fa-paperclip::before {
content: '';
}
.fa-floppy-o::before,
.fa-save::before {
content: '';
}
.fa-square::before {
content: '';
}
.fa-bars::before,
.fa-navicon::before,
.fa-reorder::before {
content: '';
}
.fa-list-ul::before {
content: '';
}
.fa-list-ol::before {
content: '';
}
.fa-strikethrough::before {
content: '';
}
.fa-underline::before {
content: '';
}
.fa-table::before {
content: '';
}
.fa-magic::before {
content: '';
}
.fa-truck::before {
content: '';
}
.fa-pinterest::before {
content: '';
}
.fa-pinterest-square::before {
content: '';
}
.fa-google-plus-square::before {
content: '';
}
.fa-google-plus::before {
content: '';
}
.fa-money::before {
content: '';
}
.fa-caret-down::before {
content: '';
}
.fa-caret-up::before {
content: '';
}
.fa-caret-left::before {
content: '';
}
.fa-caret-right::before {
content: '';
}
.fa-columns::before {
content: '';
}
.fa-sort::before,
.fa-unsorted::before {
content: '';
}
.fa-sort-desc::before,
.fa-sort-down::before {
content: '';
}
.fa-sort-asc::before,
.fa-sort-up::before {
content: '';
}
.fa-envelope::before {
content: '';
}
.fa-linkedin::before {
content: '';
}
.fa-rotate-left::before,
.fa-undo::before {
content: '';
}
.fa-gavel::before,
.fa-legal::before {
content: '';
}
.fa-dashboard::before,
.fa-tachometer::before {
content: '';
}
.fa-comment-o::before {
content: '';
}
.fa-comments-o::before {
content: '';
}
.fa-bolt::before,
.fa-flash::before {
content: '';
}
.fa-sitemap::before {
content: '';
}
.fa-umbrella::before {
content: '';
}
.fa-clipboard::before,
.fa-paste::before {
content: '';
}
.fa-lightbulb-o::before {
content: '';
}
.fa-exchange::before {
content: '';
}
.fa-cloud-download::before {
content: '';
}
.fa-cloud-upload::before {
content: '';
}
.fa-user-md::before {
content: '';
}
.fa-stethoscope::before {
content: '';
}
.fa-suitcase::before {
content: '';
}
.fa-bell-o::before {
content: '';
}
.fa-coffee::before {
content: '';
}
.fa-cutlery::before {
content: '';
}
.fa-file-text-o::before {
content: '';
}
.fa-building-o::before {
content: '';
}
.fa-hospital-o::before {
content: '';
}
.fa-ambulance::before {
content: '';
}
.fa-medkit::before {
content: '';
}
.fa-fighter-jet::before {
content: '';
}
.fa-beer::before {
content: '';
}
.fa-h-square::before {
content: '';
}
.fa-plus-square::before {
content: '';
}
.fa-angle-double-left::before {
content: '';
}
.fa-angle-double-right::before {
content: '';
}
.fa-angle-double-up::before {
content: '';
}
.fa-angle-double-down::before {
content: '';
}
.fa-angle-left::before {
content: '';
}
.fa-angle-right::before {
content: '';
}
.fa-angle-up::before {
content: '';
}
.fa-angle-down::before {
content: '';
}
.fa-desktop::before {
content: '';
}
.fa-laptop::before {
content: '';
}
.fa-tablet::before {
content: '';
}
.fa-mobile-phone::before,
.fa-mobile::before {
content: '';
}
.fa-circle-o::before {
content: '';
}
.fa-quote-left::before {
content: '';
}
.fa-quote-right::before {
content: '';
}
.fa-spinner::before {
content: '';
}
.fa-circle::before {
content: '';
}
.fa-mail-reply::before,
.fa-reply::before {
content: '';
}
.fa-github-alt::before {
content: '';
}
.fa-folder-o::before {
content: '';
}
.fa-folder-open-o::before {
content: '';
}
.fa-smile-o::before {
content: '';
}
.fa-frown-o::before {
content: '';
}
.fa-meh-o::before {
content: '';
}
.fa-gamepad::before {
content: '';
}
.fa-keyboard-o::before {
content: '';
}
.fa-flag-o::before {
content: '';
}
.fa-flag-checkered::before {
content: '';
}
.fa-terminal::before {
content: '';
}
.fa-code::before {
content: '';
}
.fa-mail-reply-all::before,
.fa-reply-all::before {
content: '';
}
.fa-star-half-empty::before,
.fa-star-half-full::before,
.fa-star-half-o::before {
content: '';
}
.fa-location-arrow::before {
content: '';
}
.fa-crop::before {
content: '';
}
.fa-code-fork::before {
content: '';
}
.fa-chain-broken::before,
.fa-unlink::before {
content: '';
}
.fa-question::before {
content: '';
}
.fa-info::before {
content: '';
}
.fa-exclamation::before {
content: '';
}
.fa-superscript::before {
content: '';
}
.fa-subscript::before {
content: '';
}
.fa-eraser::before {
content: '';
}
.fa-puzzle-piece::before {
content: '';
}
.fa-microphone::before {
content: '';
}
.fa-microphone-slash::before {
content: '';
}
.fa-shield::before {
content: '';
}
.fa-calendar-o::before {
content: '';
}
.fa-fire-extinguisher::before {
content: '';
}
.fa-rocket::before {
content: '';
}
.fa-maxcdn::before {
content: '';
}
.fa-chevron-circle-left::before {
content: '';
}
.fa-chevron-circle-right::before {
content: '';
}
.fa-chevron-circle-up::before {
content: '';
}
.fa-chevron-circle-down::before {
content: '';
}
.fa-html5::before {
content: '';
}
.fa-css3::before {
content: '';
}
.fa-anchor::before {
content: '';
}
.fa-unlock-alt::before {
content: '';
}
.fa-bullseye::before {
content: '';
}
.fa-ellipsis-h::before {
content: '';
}
.fa-ellipsis-v::before {
content: '';
}
.fa-rss-square::before {
content: '';
}
.fa-play-circle::before {
content: '';
}
.fa-ticket::before {
content: '';
}
.fa-minus-square::before {
content: '';
}
.fa-minus-square-o::before {
content: '';
}
.fa-level-up::before {
content: '';
}
.fa-level-down::before {
content: '';
}
.fa-check-square::before {
content: '';
}
.fa-pencil-square::before {
content: '';
}
.fa-external-link-square::before {
content: '';
}
.fa-share-square::before {
content: '';
}
.fa-compass::before {
content: '';
}
.fa-caret-square-o-down::before,
.fa-toggle-down::before {
content: '';
}
.fa-caret-square-o-up::before,
.fa-toggle-up::before {
content: '';
}
.fa-caret-square-o-right::before,
.fa-toggle-right::before {
content: '';
}
.fa-eur::before,
.fa-euro::before {
content: '';
}
.fa-gbp::before {
content: '';
}
.fa-dollar::before,
.fa-usd::before {
content: '';
}
.fa-inr::before,
.fa-rupee::before {
content: '';
}
.fa-cny::before,
.fa-jpy::before,
.fa-rmb::before,
.fa-yen::before {
content: '';
}
.fa-rouble::before,
.fa-rub::before,
.fa-ruble::before {
content: '';
}
.fa-krw::before,
.fa-won::before {
content: '';
}
.fa-bitcoin::before,
.fa-btc::before {
content: '';
}
.fa-file::before {
content: '';
}
.fa-file-text::before {
content: '';
}
.fa-sort-alpha-asc::before {
content: '';
}
.fa-sort-alpha-desc::before {
content: '';
}
.fa-sort-amount-asc::before {
content: '';
}
.fa-sort-amount-desc::before {
content: '';
}
.fa-sort-numeric-asc::before {
content: '';
}
.fa-sort-numeric-desc::before {
content: '';
}
.fa-thumbs-up::before {
content: '';
}
.fa-thumbs-down::before {
content: '';
}
.fa-youtube-square::before {
content: '';
}
.fa-youtube::before {
content: '';
}
.fa-xing::before {
content: '';
}
.fa-xing-square::before {
content: '';
}
.fa-youtube-play::before {
content: '';
}
.fa-dropbox::before {
content: '';
}
.fa-stack-overflow::before {
content: '';
}
.fa-instagram::before {
content: '';
}
.fa-flickr::before {
content: '';
}
.fa-adn::before {
content: '';
}
.fa-bitbucket::before {
content: '';
}
.fa-bitbucket-square::before {
content: '';
}
.fa-tumblr::before {
content: '';
}
.fa-tumblr-square::before {
content: '';
}
.fa-long-arrow-down::before {
content: '';
}
.fa-long-arrow-up::before {
content: '';
}
.fa-long-arrow-left::before {
content: '';
}
.fa-long-arrow-right::before {
content: '';
}
.fa-apple::before {
content: '';
}
.fa-windows::before {
content: '';
}
.fa-android::before {
content: '';
}
.fa-linux::before {
content: '';
}
.fa-dribbble::before {
content: '';
}
.fa-skype::before {
content: '';
}
.fa-foursquare::before {
content: '';
}
.fa-trello::before {
content: '';
}
.fa-female::before {
content: '';
}
.fa-male::before {
content: '';
}
.fa-gittip::before,
.fa-gratipay::before {
content: '';
}
.fa-sun-o::before {
content: '';
}
.fa-moon-o::before {
content: '';
}
.fa-archive::before {
content: '';
}
.fa-bug::before {
content: '';
}
.fa-vk::before {
content: '';
}
.fa-weibo::before {
content: '';
}
.fa-renren::before {
content: '';
}
.fa-pagelines::before {
content: '';
}
.fa-stack-exchange::before {
content: '';
}
.fa-arrow-circle-o-right::before {
content: '';
}
.fa-arrow-circle-o-left::before {
content: '';
}
.fa-caret-square-o-left::before,
.fa-toggle-left::before {
content: '';
}
.fa-dot-circle-o::before {
content: '';
}
.fa-wheelchair::before {
content: '';
}
.fa-vimeo-square::before {
content: '';
}
.fa-try::before,
.fa-turkish-lira::before {
content: '';
}
.fa-plus-square-o::before {
content: '';
}
.fa-space-shuttle::before {
content: '';
}
.fa-slack::before {
content: '';
}
.fa-envelope-square::before {
content: '';
}
.fa-wordpress::before {
content: '';
}
.fa-openid::before {
content: '';
}
.fa-bank::before,
.fa-institution::before,
.fa-university::before {
content: '';
}
.fa-graduation-cap::before,
.fa-mortar-board::before {
content: '';
}
.fa-yahoo::before {
content: '';
}
.fa-google::before {
content: '';
}
.fa-reddit::before {
content: '';
}
.fa-reddit-square::before {
content: '';
}
.fa-stumbleupon-circle::before {
content: '';
}
.fa-stumbleupon::before {
content: '';
}
.fa-delicious::before {
content: '';
}
.fa-digg::before {
content: '';
}
.fa-pied-piper-pp::before {
content: '';
}
.fa-pied-piper-alt::before {
content: '';
}
.fa-drupal::before {
content: '';
}
.fa-joomla::before {
content: '';
}
.fa-language::before {
content: '';
}
.fa-fax::before {
content: '';
}
.fa-building::before {
content: '';
}
.fa-child::before {
content: '';
}
.fa-paw::before {
content: '';
}
.fa-spoon::before {
content: '';
}
.fa-cube::before {
content: '';
}
.fa-cubes::before {
content: '';
}
.fa-behance::before {
content: '';
}
.fa-behance-square::before {
content: '';
}
.fa-steam::before {
content: '';
}
.fa-steam-square::before {
content: '';
}
.fa-recycle::before {
content: '';
}
.fa-automobile::before,
.fa-car::before {
content: '';
}
.fa-cab::before,
.fa-taxi::before {
content: '';
}
.fa-tree::before {
content: '';
}
.fa-spotify::before {
content: '';
}
.fa-deviantart::before {
content: '';
}
.fa-soundcloud::before {
content: '';
}
.fa-database::before {
content: '';
}
.fa-file-pdf-o::before {
content: '';
}
.fa-file-word-o::before {
content: '';
}
.fa-file-excel-o::before {
content: '';
}
.fa-file-powerpoint-o::before {
content: '';
}
.fa-file-image-o::before,
.fa-file-photo-o::before,
.fa-file-picture-o::before {
content: '';
}
.fa-file-archive-o::before,
.fa-file-zip-o::before {
content: '';
}
.fa-file-audio-o::before,
.fa-file-sound-o::before {
content: '';
}
.fa-file-movie-o::before,
.fa-file-video-o::before {
content: '';
}
.fa-file-code-o::before {
content: '';
}
.fa-vine::before {
content: '';
}
.fa-codepen::before {
content: '';
}
.fa-jsfiddle::before {
content: '';
}
.fa-life-bouy::before,
.fa-life-buoy::before,
.fa-life-ring::before,
.fa-life-saver::before,
.fa-support::before {
content: '';
}
.fa-circle-o-notch::before {
content: '';
}
.fa-ra::before,
.fa-rebel::before,
.fa-resistance::before {
content: '';
}
.fa-empire::before,
.fa-ge::before {
content: '';
}
.fa-git-square::before {
content: '';
}
.fa-git::before {
content: '';
}
.fa-hacker-news::before,
.fa-y-combinator-square::before,
.fa-yc-square::before {
content: '';
}
.fa-tencent-weibo::before {
content: '';
}
.fa-qq::before {
content: '';
}
.fa-wechat::before,
.fa-weixin::before {
content: '';
}
.fa-paper-plane::before,
.fa-send::before {
content: '';
}
.fa-paper-plane-o::before,
.fa-send-o::before {
content: '';
}
.fa-history::before {
content: '';
}
.fa-circle-thin::before {
content: '';
}
.fa-header::before {
content: '';
}
.fa-paragraph::before {
content: '';
}
.fa-sliders::before {
content: '';
}
.fa-share-alt::before {
content: '';
}
.fa-share-alt-square::before {
content: '';
}
.fa-bomb::before {
content: '';
}
.fa-futbol-o::before,
.fa-soccer-ball-o::before {
content: '';
}
.fa-tty::before {
content: '';
}
.fa-binoculars::before {
content: '';
}
.fa-plug::before {
content: '';
}
.fa-slideshare::before {
content: '';
}
.fa-twitch::before {
content: '';
}
.fa-yelp::before {
content: '';
}
.fa-newspaper-o::before {
content: '';
}
.fa-wifi::before {
content: '';
}
.fa-calculator::before {
content: '';
}
.fa-paypal::before {
content: '';
}
.fa-google-wallet::before {
content: '';
}
.fa-cc-visa::before {
content: '';
}
.fa-cc-mastercard::before {
content: '';
}
.fa-cc-discover::before {
content: '';
}
.fa-cc-amex::before {
content: '';
}
.fa-cc-paypal::before {
content: '';
}
.fa-cc-stripe::before {
content: '';
}
.fa-bell-slash::before {
content: '';
}
.fa-bell-slash-o::before {
content: '';
}
.fa-trash::before {
content: '';
}
.fa-copyright::before {
content: '';
}
.fa-at::before {
content: '';
}
.fa-eyedropper::before {
content: '';
}
.fa-paint-brush::before {
content: '';
}
.fa-birthday-cake::before {
content: '';
}
.fa-area-chart::before {
content: '';
}
.fa-pie-chart::before {
content: '';
}
.fa-line-chart::before {
content: '';
}
.fa-lastfm::before {
content: '';
}
.fa-lastfm-square::before {
content: '';
}
.fa-toggle-off::before {
content: '';
}
.fa-toggle-on::before {
content: '';
}
.fa-bicycle::before {
content: '';
}
.fa-bus::before {
content: '';
}
.fa-ioxhost::before {
content: '';
}
.fa-angellist::before {
content: '';
}
.fa-cc::before {
content: '';
}
.fa-ils::before,
.fa-shekel::before,
.fa-sheqel::before {
content: '';
}
.fa-meanpath::before {
content: '';
}
.fa-buysellads::before {
content: '';
}
.fa-connectdevelop::before {
content: '';
}
.fa-dashcube::before {
content: '';
}
.fa-forumbee::before {
content: '';
}
.fa-leanpub::before {
content: '';
}
.fa-sellsy::before {
content: '';
}
.fa-shirtsinbulk::before {
content: '';
}
.fa-simplybuilt::before {
content: '';
}
.fa-skyatlas::before {
content: '';
}
.fa-cart-plus::before {
content: '';
}
.fa-cart-arrow-down::before {
content: '';
}
.fa-diamond::before {
content: '';
}
.fa-ship::before {
content: '';
}
.fa-user-secret::before {
content: '';
}
.fa-motorcycle::before {
content: '';
}
.fa-street-view::before {
content: '';
}
.fa-heartbeat::before {
content: '';
}
.fa-venus::before {
content: '';
}
.fa-mars::before {
content: '';
}
.fa-mercury::before {
content: '';
}
.fa-intersex::before,
.fa-transgender::before {
content: '';
}
.fa-transgender-alt::before {
content: '';
}
.fa-venus-double::before {
content: '';
}
.fa-mars-double::before {
content: '';
}
.fa-venus-mars::before {
content: '';
}
.fa-mars-stroke::before {
content: '';
}
.fa-mars-stroke-v::before {
content: '';
}
.fa-mars-stroke-h::before {
content: '';
}
.fa-neuter::before {
content: '';
}
.fa-genderless::before {
content: '';
}
.fa-facebook-official::before {
content: '';
}
.fa-pinterest-p::before {
content: '';
}
.fa-whatsapp::before {
content: '';
}
.fa-server::before {
content: '';
}
.fa-user-plus::before {
content: '';
}
.fa-user-times::before {
content: '';
}
.fa-bed::before,
.fa-hotel::before {
content: '';
}
.fa-viacoin::before {
content: '';
}
.fa-train::before {
content: '';
}
.fa-subway::before {
content: '';
}
.fa-medium::before {
content: '';
}
.fa-y-combinator::before,
.fa-yc::before {
content: '';
}
.fa-optin-monster::before {
content: '';
}
.fa-opencart::before {
content: '';
}
.fa-expeditedssl::before {
content: '';
}
.fa-battery-4::before,
.fa-battery-full::before,
.fa-battery::before {
content: '';
}
.fa-battery-3::before,
.fa-battery-three-quarters::before {
content: '';
}
.fa-battery-2::before,
.fa-battery-half::before {
content: '';
}
.fa-battery-1::before,
.fa-battery-quarter::before {
content: '';
}
.fa-battery-0::before,
.fa-battery-empty::before {
content: '';
}
.fa-mouse-pointer::before {
content: '';
}
.fa-i-cursor::before {
content: '';
}
.fa-object-group::before {
content: '';
}
.fa-object-ungroup::before {
content: '';
}
.fa-sticky-note::before {
content: '';
}
.fa-sticky-note-o::before {
content: '';
}
.fa-cc-jcb::before {
content: '';
}
.fa-cc-diners-club::before {
content: '';
}
.fa-clone::before {
content: '';
}
.fa-balance-scale::before {
content: '';
}
.fa-hourglass-o::before {
content: '';
}
.fa-hourglass-1::before,
.fa-hourglass-start::before {
content: '';
}
.fa-hourglass-2::before,
.fa-hourglass-half::before {
content: '';
}
.fa-hourglass-3::before,
.fa-hourglass-end::before {
content: '';
}
.fa-hourglass::before {
content: '';
}
.fa-hand-grab-o::before,
.fa-hand-rock-o::before {
content: '';
}
.fa-hand-paper-o::before,
.fa-hand-stop-o::before {
content: '';
}
.fa-hand-scissors-o::before {
content: '';
}
.fa-hand-lizard-o::before {
content: '';
}
.fa-hand-spock-o::before {
content: '';
}
.fa-hand-pointer-o::before {
content: '';
}
.fa-hand-peace-o::before {
content: '';
}
.fa-trademark::before {
content: '';
}
.fa-registered::before {
content: '';
}
.fa-creative-commons::before {
content: '';
}
.fa-gg::before {
content: '';
}
.fa-gg-circle::before {
content: '';
}
.fa-tripadvisor::before {
content: '';
}
.fa-odnoklassniki::before {
content: '';
}
.fa-odnoklassniki-square::before {
content: '';
}
.fa-get-pocket::before {
content: '';
}
.fa-wikipedia-w::before {
content: '';
}
.fa-safari::before {
content: '';
}
.fa-chrome::before {
content: '';
}
.fa-firefox::before {
content: '';
}
.fa-opera::before {
content: '';
}
.fa-internet-explorer::before {
content: '';
}
.fa-television::before,
.fa-tv::before {
content: '';
}
.fa-contao::before {
content: '';
}
.fa-500px::before {
content: '';
}
.fa-amazon::before {
content: '';
}
.fa-calendar-plus-o::before {
content: '';
}
.fa-calendar-minus-o::before {
content: '';
}
.fa-calendar-times-o::before {
content: '';
}
.fa-calendar-check-o::before {
content: '';
}
.fa-industry::before {
content: '';
}
.fa-map-pin::before {
content: '';
}
.fa-map-signs::before {
content: '';
}
.fa-map-o::before {
content: '';
}
.fa-map::before {
content: '';
}
.fa-commenting::before {
content: '';
}
.fa-commenting-o::before {
content: '';
}
.fa-houzz::before {
content: '';
}
.fa-vimeo::before {
content: '';
}
.fa-black-tie::before {
content: '';
}
.fa-fonticons::before {
content: '';
}
.fa-reddit-alien::before {
content: '';
}
.fa-edge::before {
content: '';
}
.fa-credit-card-alt::before {
content: '';
}
.fa-codiepie::before {
content: '';
}
.fa-modx::before {
content: '';
}
.fa-fort-awesome::before {
content: '';
}
.fa-usb::before {
content: '';
}
.fa-product-hunt::before {
content: '';
}
.fa-mixcloud::before {
content: '';
}
.fa-scribd::before {
content: '';
}
.fa-pause-circle::before {
content: '';
}
.fa-pause-circle-o::before {
content: '';
}
.fa-stop-circle::before {
content: '';
}
.fa-stop-circle-o::before {
content: '';
}
.fa-shopping-bag::before {
content: '';
}
.fa-shopping-basket::before {
content: '';
}
.fa-hashtag::before {
content: '';
}
.fa-bluetooth::before {
content: '';
}
.fa-bluetooth-b::before {
content: '';
}
.fa-percent::before {
content: '';
}
.fa-gitlab::before {
content: '';
}
.fa-wpbeginner::before {
content: '';
}
.fa-wpforms::before {
content: '';
}
.fa-envira::before {
content: '';
}
.fa-universal-access::before {
content: '';
}
.fa-wheelchair-alt::before {
content: '';
}
.fa-question-circle-o::before {
content: '';
}
.fa-blind::before {
content: '';
}
.fa-audio-description::before {
content: '';
}
.fa-volume-control-phone::before {
content: '';
}
.fa-braille::before {
content: '';
}
.fa-assistive-listening-systems::before {
content: '';
}
.fa-american-sign-language-interpreting::before,
.fa-asl-interpreting::before {
content: '';
}
.fa-deaf::before,
.fa-deafness::before,
.fa-hard-of-hearing::before {
content: '';
}
.fa-glide::before {
content: '';
}
.fa-glide-g::before {
content: '';
}
.fa-sign-language::before,
.fa-signing::before {
content: '';
}
.fa-low-vision::before {
content: '';
}
.fa-viadeo::before {
content: '';
}
.fa-viadeo-square::before {
content: '';
}
.fa-snapchat::before {
content: '';
}
.fa-snapchat-ghost::before {
content: '';
}
.fa-snapchat-square::before {
content: '';
}
.fa-pied-piper::before {
content: '';
}
.fa-first-order::before {
content: '';
}
.fa-yoast::before {
content: '';
}
.fa-themeisle::before {
content: '';
}
.fa-google-plus-circle::before,
.fa-google-plus-official::before {
content: '';
}
.fa-fa::before,
.fa-font-awesome::before {
content: '';
}
.fa-handshake-o::before {
content: '';
}
.fa-envelope-open::before {
content: '';
}
.fa-envelope-open-o::before {
content: '';
}
.fa-linode::before {
content: '';
}
.fa-address-book::before {
content: '';
}
.fa-address-book-o::before {
content: '';
}
.fa-address-card::before,
.fa-vcard::before {
content: '';
}
.fa-address-card-o::before,
.fa-vcard-o::before {
content: '';
}
.fa-user-circle::before {
content: '';
}
.fa-user-circle-o::before {
content: '';
}
.fa-user-o::before {
content: '';
}
.fa-id-badge::before {
content: '';
}
.fa-drivers-license::before,
.fa-id-card::before {
content: '';
}
.fa-drivers-license-o::before,
.fa-id-card-o::before {
content: '';
}
.fa-quora::before {
content: '';
}
.fa-free-code-camp::before {
content: '';
}
.fa-telegram::before {
content: '';
}
.fa-thermometer-4::before,
.fa-thermometer-full::before,
.fa-thermometer::before {
content: '';
}
.fa-thermometer-3::before,
.fa-thermometer-three-quarters::before {
content: '';
}
.fa-thermometer-2::before,
.fa-thermometer-half::before {
content: '';
}
.fa-thermometer-1::before,
.fa-thermometer-quarter::before {
content: '';
}
.fa-thermometer-0::before,
.fa-thermometer-empty::before {
content: '';
}
.fa-shower::before {
content: '';
}
.fa-bath::before,
.fa-bathtub::before,
.fa-s15::before {
content: '';
}
.fa-podcast::before {
content: '';
}
.fa-window-maximize::before {
content: '';
}
.fa-window-minimize::before {
content: '';
}
.fa-window-restore::before {
content: '';
}
.fa-times-rectangle::before,
.fa-window-close::before {
content: '';
}
.fa-times-rectangle-o::before,
.fa-window-close-o::before {
content: '';
}
.fa-bandcamp::before {
content: '';
}
.fa-grav::before {
content: '';
}
.fa-etsy::before {
content: '';
}
.fa-imdb::before {
content: '';
}
.fa-ravelry::before {
content: '';
}
.fa-eercast::before {
content: '';
}
.fa-microchip::before {
content: '';
}
.fa-snowflake-o::before {
content: '';
}
.fa-superpowers::before {
content: '';
}
.fa-wpexplorer::before {
content: '';
}
.fa-meetup::before {
content: '';
}
.sr-only {
clip: rect(0px, 0px, 0px, 0px);
border: 0px;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0px;
position: absolute;
width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0px;
overflow: visible;
position: static;
width: auto;
}
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner
.container-image
.feature-image {
background-image: url('610acb3c30e2579d66ebf2db88bc5d11.jpg');
overflow: hidden;
}
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner
.container-image
.feature-image::after {
transform: translateY(0px);
transition: transform 0.3s ease-in-out 0s;
}
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner
.container-image
.feature-image::before {
background-color: rgba(29, 184, 243, 0.9);
background-image: url('data:image/png;base64,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');
background-repeat: no-repeat;
background-size: cover;
transform: scale3d(2, 2, 2);
transition: all 0.3s ease-in-out 0s;
}
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner
.feature-headline
h2 {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 5em;
font-weight: 400;
}
@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 {
color: rgb(255, 255, 255);
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1.5em;
line-height: 1;
margin: 0px;
}
@media only screen and (max-width: 991px) {
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner
.feature-headline
.feature-date
p {
color: rgb(29, 184, 243);
font-family: OpenSans, sans-serif;
font-size: 1em;
font-weight: 700;
margin: 0px 0px 0.5em;
text-transform: uppercase;
}
}
@media only screen and (min-width: 992px) {
.blog-view-container
.blog-view
.top-featured-activity
.feature-banner:hover
.container-image
.feature-image::before {
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 {
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: rgb(29, 184, 243);
}
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-container
.toggleButton
.count
span {
color: rgb(0, 0, 0);
font-weight: 700;
}
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-container
.toggleButton
.count::before {
background-color: rgb(255, 255, 0);
}
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-container
.toggleButton:hover {
background-color: rgb(11, 155, 210);
}
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-container
.toggleButton:hover
i {
color: rgb(255, 255, 255);
}
@media screen and (max-width: 1675px) {
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-container
.toggleButton {
background-color: rgb(11, 155, 210);
}
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-container
.toggleButton:hover {
background-color: rgb(10, 137, 186);
}
}
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-list
.bkgrd {
background: rgba(29, 184, 243, 0.95);
}
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-list
.bkgrd
.filter-content
.closeButton
.epic-blog-icon-close::before {
content: '';
font-family: icomoon;
}
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-list
.bkgrd
.filter-content
.closeButton:hover
i {
color: rgb(255, 255, 0);
}
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-list
.bkgrd
.filter-content
h3 {
font-size: 2.5em;
margin: 1em 0px;
}
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-list
.bkgrd
.filter-content
ul
li {
clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
font-family: BurbankSmall-Black, sans-serif;
text-transform: capitalize;
}
@media only screen and (max-width: 991px) {
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-list
.bkgrd
.filter-content
ul
li {
font-size: 1.1em;
}
}
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-list
.bkgrd
.filter-content
ul
li.active,
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-list
.bkgrd
.filter-content
ul
li:hover {
background: rgb(255, 255, 0);
border-color: rgb(255, 255, 0);
clip-path: polygon(0px 5%, 100% 0px, 100% 100%, 0px 95%);
color: rgb(0, 0, 0);
}
@media only screen and (max-width: 991px) {
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-list
.bkgrd
.filter-content
ul
li.active,
.blog-view-container
.blog-view
.category-filter.overlayCat
.filter-list
.bkgrd
.filter-content
ul
li:hover {
clip-path: none;
}
}
.blog-view-container .blog-view .grid-item .background-image {
background-image: url('610acb3c30e2579d66ebf2db88bc5d11.jpg');
}
.blog-view-container .blog-view .grid-item .grid-content .title {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.8em;
font-weight: 400;
line-height: 1;
}
.blog-view-container .blog-view .grid-item .grid-content .date {
color: rgb(29, 184, 243);
font-size: 1em;
line-height: 1;
margin: 0px 0px 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 {
transform: translateY(0px);
transition: transform 0.3s ease-in-out 0s;
}
.blog-view-container
.blog-view
.gridItem-large
.grid-item
.background-image::before,
.blog-view-container
.blog-view
.gridItem-medium
.grid-item
.background-image::before {
transform: scale3d(2, 2, 2);
transition: all 0.3s ease-in-out 0s;
}
.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: rgb(255, 255, 255);
}
.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 {
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 {
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 {
transform: translateY(0px);
}
}
.blog-view-container
.blog-view
.gridItem-small
.grid-item
.grid-content::after {
background-color: rgb(29, 184, 243);
}
@media only screen and (min-width: 1200px) {
.blog-view-container
.blog-view
.gridItem-thirdPos
.grid-item
.grid-content::after {
background-color: rgb(29, 184, 243);
}
}
@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 {
transform: translateY(0px);
transition: transform 0.3s ease-in-out 0s;
}
.blog-view-container
.blog-view
.gridItem-thirdPos
.grid-item
.background-image::before {
transform: scale3d(2, 2, 2);
transition: all 0.3s ease-in-out 0s;
}
.blog-view-container
.blog-view
.gridItem-thirdPos:hover
.grid-item
.background-image::before {
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 {
transform: translateY(100%);
}
}
.article-view {
background-color: rgb(255, 255, 255);
min-height: 80vh;
}
.article-view .blog-header-info hr {
border-color: rgb(183, 183, 183) !important;
}
.article-view .blog-header-info .blog-header-title {
margin-top: 0.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 rgb(29, 184, 243);
}
.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: rgb(29, 184, 243) !important;
}
.article-view .cmsContainer .cms a:active,
.article-view .cmsContainer .cms a:focus,
.article-view .cmsContainer .cms a:hover {
color: rgb(11, 155, 210) !important;
}
.article-view .cmsContainer .cms .container {
display: inline;
}
.ReactModalPortal .blog-load-indicator .loading-icon,
.blog-wrapper .blog-load-indicator .loading-icon {
background: url('c8849708165f9c0f442e8bfef3c56ef8.gif') 50% center no-repeat;
height: 3em;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more {
border-radius: 0px;
color: rgb(0, 0, 0);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.75em;
letter-spacing: 0px;
line-height: 2;
margin-top: 0.5em;
padding: 0px 2em;
position: relative;
text-transform: uppercase;
transform: translateZ(0px);
transition: all 0.3s ease-in-out 0s;
z-index: 1;
background: transparent !important;
border: 4px solid rgb(0, 0, 0) !important;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-xs,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-xs {
height: 3em;
line-height: 2.25em;
padding: 0.4em 1em;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-block,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-block {
display: block;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-inline,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-inline {
display: inline-block;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-info,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-info {
background-color: rgb(255, 255, 255);
border: none;
clip-path: polygon(0px 0px, 100% 10%, 98% 90%, 2% 100%);
color: rgb(0, 0, 0);
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1.25em;
padding: 0.75em;
text-decoration: none;
transition: background-color 0.3s ease 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-border,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-border {
background-color: transparent;
background-image: url('data:image/svg+xml;charset=utf-8,');
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain;
color: rgb(255, 255, 255);
font-size: 1.875em;
transition: all 0.3s ease-in-out 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-border
span,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-border
span {
color: rgb(255, 255, 255);
transition: all 0.3s ease-in-out 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-border:hover,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-border:hover {
background-image: url('data:image/svg+xml;charset=utf-8,');
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-border:hover
span,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-border:hover
span {
color: rgb(255, 255, 0);
}
@media only screen and (max-width: 767px) {
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-border,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-border {
padding: 0.25em 1em;
}
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-default,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-default {
background-color: rgb(44, 130, 197);
border: none;
color: rgb(255, 255, 255);
font-size: 1.5em;
padding: 0px 1.5em;
text-decoration: none;
transition: background-color 0.3s ease 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-default:hover,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-default:hover {
background-color: rgb(59, 225, 255);
text-decoration: none;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-display,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-display {
background: transparent;
color: rgb(0, 0, 0);
font-size: 1.5em;
margin-top: 0.5em;
padding: 0px 1.5em;
position: relative;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-display
span,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-display
span {
position: relative;
z-index: 1;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-display::after,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-display::after {
animation: 6s ease-in-out 0s infinite normal none running jelly;
background-color: rgb(255, 255, 0);
box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 12px -4px;
content: '';
display: block;
height: 2em;
left: 0px;
position: absolute;
top: 0px;
transform-origin: 50% 50% 20px;
transition: background-color 0.3s ease-in-out 0s;
width: 100%;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-display:hover::after,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-display:hover::after {
background-color: rgb(230, 230, 0);
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-display.no-animate::after,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-display.no-animate::after {
animation: auto ease 0s 1 normal none running none;
clip-path: polygon(0px 4%, 100% 0px, 100% 100%, 0px 100%);
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-primary,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-primary {
background-color: rgb(255, 255, 0);
border: none;
color: rgb(0, 0, 0);
font-size: 1.5em;
padding: 0px 1.5em;
text-decoration: none;
transition: background-color 0.3s ease 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-primary:hover,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-primary:hover {
background-color: rgb(230, 230, 0);
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-hover-transform,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-hover-transform {
clip-path: polygon(2% 0px, 98% 0px, 98% 100%, 2% 100%);
transition: all 0.3s ease-in-out 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-hover-transform
> span,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-hover-transform
> span {
display: inline-block;
transition: all 0.3s ease-in-out 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-hover-transform:hover,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-hover-transform:hover {
clip-path: polygon(4% 0px, 100% 0px, 98% 100%, 2% 100%);
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-hover-transform:hover
> span,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-hover-transform:hover
> span {
transform: translateX(2%);
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-fixed-width,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.btn-fixed-width {
min-width: 260px;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.disabled,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.disabled {
background-color: rgb(204, 204, 204);
border-color: rgb(204, 204, 204);
color: gray;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more.disabled:hover,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more.disabled:hover {
color: gray !important;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more
span,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more
span {
position: relative;
z-index: 1;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.pagination
.comment-load-more:hover,
.blog-wrapper
.blog-container
.comment-rating-box
.pagination
.comment-load-more:hover {
transform: skewX(-5deg);
background: rgb(0, 0, 0) !important;
color: rgb(255, 255, 255) !important;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.sso-sign-in
.not-login
span,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.sso-sign-in
.not-login
span {
font-weight: 500;
color: rgb(255, 255, 255) !important;
}
.ReactModalPortal .blog-container .comment-rating-box .text-area-box .not-login,
.blog-wrapper .blog-container .comment-rating-box .text-area-box .not-login {
border-radius: 0px;
color: rgb(0, 0, 0);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.75em;
letter-spacing: 0px;
line-height: 2;
margin-top: 0.5em;
padding: 0px 2em;
position: relative;
text-transform: uppercase;
transform: translateZ(0px);
transition: all 0.3s ease-in-out 0s;
z-index: 1;
background: transparent !important;
border: 4px solid rgb(0, 0, 0) !important;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-xs,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-xs {
height: 3em;
line-height: 2.25em;
padding: 0.4em 1em;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-block,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-block {
display: block;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-inline,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-inline {
display: inline-block;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-info,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-info {
background-color: rgb(255, 255, 255);
border: none;
clip-path: polygon(0px 0px, 100% 10%, 98% 90%, 2% 100%);
color: rgb(0, 0, 0);
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1.25em;
padding: 0.75em;
text-decoration: none;
transition: background-color 0.3s ease 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-border,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-border {
background-color: transparent;
background-image: url('data:image/svg+xml;charset=utf-8,');
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain;
color: rgb(255, 255, 255);
font-size: 1.875em;
transition: all 0.3s ease-in-out 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-border
span,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-border
span {
color: rgb(255, 255, 255);
transition: all 0.3s ease-in-out 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-border:hover,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-border:hover {
background-image: url('data:image/svg+xml;charset=utf-8,');
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-border:hover
span,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-border:hover
span {
color: rgb(255, 255, 0);
}
@media only screen and (max-width: 767px) {
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-border,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-border {
padding: 0.25em 1em;
}
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-default,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-default {
background-color: rgb(44, 130, 197);
border: none;
color: rgb(255, 255, 255);
font-size: 1.5em;
padding: 0px 1.5em;
text-decoration: none;
transition: background-color 0.3s ease 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-default:hover,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-default:hover {
background-color: rgb(59, 225, 255);
text-decoration: none;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-display,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-display {
background: transparent;
color: rgb(0, 0, 0);
font-size: 1.5em;
margin-top: 0.5em;
padding: 0px 1.5em;
position: relative;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-display
span,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-display
span {
position: relative;
z-index: 1;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-display::after,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-display::after {
animation: 6s ease-in-out 0s infinite normal none running jelly;
background-color: rgb(255, 255, 0);
box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 12px -4px;
content: '';
display: block;
height: 2em;
left: 0px;
position: absolute;
top: 0px;
transform-origin: 50% 50% 20px;
transition: background-color 0.3s ease-in-out 0s;
width: 100%;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-display:hover::after,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-display:hover::after {
background-color: rgb(230, 230, 0);
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-display.no-animate::after,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-display.no-animate::after {
animation: auto ease 0s 1 normal none running none;
clip-path: polygon(0px 4%, 100% 0px, 100% 100%, 0px 100%);
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-primary,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-primary {
background-color: rgb(255, 255, 0);
border: none;
color: rgb(0, 0, 0);
font-size: 1.5em;
padding: 0px 1.5em;
text-decoration: none;
transition: background-color 0.3s ease 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-primary:hover,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-primary:hover {
background-color: rgb(230, 230, 0);
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-hover-transform,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-hover-transform {
clip-path: polygon(2% 0px, 98% 0px, 98% 100%, 2% 100%);
transition: all 0.3s ease-in-out 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-hover-transform
> span,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-hover-transform
> span {
display: inline-block;
transition: all 0.3s ease-in-out 0s;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-hover-transform:hover,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-hover-transform:hover {
clip-path: polygon(4% 0px, 100% 0px, 98% 100%, 2% 100%);
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-hover-transform:hover
> span,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-hover-transform:hover
> span {
transform: translateX(2%);
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-fixed-width,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.btn-fixed-width {
min-width: 260px;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.disabled,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.disabled {
background-color: rgb(204, 204, 204);
border-color: rgb(204, 204, 204);
color: gray;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login.disabled:hover,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login.disabled:hover {
color: gray !important;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login
span,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login
span {
position: relative;
z-index: 1;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login:hover,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login:hover {
transform: skewX(-5deg);
background: rgb(0, 0, 0) !important;
color: rgb(255, 255, 255) !important;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login
.sso-sign-in,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login
.sso-sign-in {
font-weight: 500;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.not-login
.sso-sign-in
span,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.not-login
.sso-sign-in
span {
color: rgb(255, 255, 255) !important;
}
.ReactModalPortal
.blog-container
.comment-rating-box
.text-area-box
.textile-preview.selected,
.blog-wrapper
.blog-container
.comment-rating-box
.text-area-box
.textile-preview.selected {
border: 1px solid rgb(29, 184, 243) !important;
}
.ReactModalPortal .blog-container table tr:first-child:first-child,
.blog-wrapper .blog-container table tr:first-child:first-child {
background-color: rgb(29, 184, 243);
color: rgb(255, 255, 255);
}
.ReactModalPortal .comment-edit-box .loading-svg,
.ReactModalPortal .comment-rating-box .loading-svg,
.blog-wrapper .comment-edit-box .loading-svg,
.blog-wrapper .comment-rating-box .loading-svg {
background: url('c8849708165f9c0f442e8bfef3c56ef8.gif') 50% center / 3em
no-repeat;
height: 5em;
}
.ReactModalPortal .comment-edit-box .textile-container .textile-head li,
.ReactModalPortal .comment-rating-box .textile-container .textile-head li,
.blog-wrapper .comment-edit-box .textile-container .textile-head li,
.blog-wrapper .comment-rating-box .textile-container .textile-head li {
border: 1px solid rgb(29, 184, 243);
border-radius: 0px;
box-sizing: content-box;
padding: 0.2em 1.2em;
}
.ReactModalPortal
.comment-edit-box
.textile-container
.textile-head
li.selected,
.ReactModalPortal
.comment-rating-box
.textile-container
.textile-head
li.selected,
.blog-wrapper .comment-edit-box .textile-container .textile-head li.selected,
.blog-wrapper .comment-rating-box .textile-container .textile-head li.selected {
background-color: rgb(29, 184, 243);
border-color: rgb(29, 184, 243);
color: rgb(255, 255, 255);
}
.ReactModalPortal .comment-edit-box textarea,
.ReactModalPortal .comment-rating-box textarea,
.blog-wrapper .comment-edit-box textarea,
.blog-wrapper .comment-rating-box textarea {
border: 1px solid rgb(29, 184, 243) !important;
}
.ReactModalPortal .accent-color,
.blog-wrapper .accent-color {
color: rgb(255, 255, 0) !important;
}
.ReactModalPortal .accent-hover-color:hover,
.blog-wrapper .accent-hover-color:hover {
color: rgb(29, 184, 243) !important;
}
.ReactModalPortal .btn,
.ReactModalPortal .btn-primary,
.blog-wrapper .btn,
.blog-wrapper .btn-primary {
border-radius: 0px;
color: rgb(0, 0, 0);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.75em;
letter-spacing: 0px;
line-height: 2;
margin-top: 0.5em;
padding: 0px 2em;
position: relative;
text-transform: uppercase;
transform: translateZ(0px);
transition: all 0.3s ease-in-out 0s;
z-index: 1;
background: transparent !important;
border: 4px solid rgb(0, 0, 0) !important;
}
.ReactModalPortal .btn-primary.btn-xs,
.ReactModalPortal .btn.btn-xs,
.blog-wrapper .btn-primary.btn-xs,
.blog-wrapper .btn.btn-xs {
height: 3em;
line-height: 2.25em;
padding: 0.4em 1em;
}
.ReactModalPortal .btn-primary.btn-block,
.ReactModalPortal .btn.btn-block,
.blog-wrapper .btn-primary.btn-block,
.blog-wrapper .btn.btn-block {
display: block;
}
.ReactModalPortal .btn-primary.btn-inline,
.ReactModalPortal .btn.btn-inline,
.blog-wrapper .btn-primary.btn-inline,
.blog-wrapper .btn.btn-inline {
display: inline-block;
}
.ReactModalPortal .btn-primary.btn-info,
.ReactModalPortal .btn.btn-info,
.blog-wrapper .btn-primary.btn-info,
.blog-wrapper .btn.btn-info {
background-color: rgb(255, 255, 255);
border: none;
clip-path: polygon(0px 0px, 100% 10%, 98% 90%, 2% 100%);
color: rgb(0, 0, 0);
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1.25em;
padding: 0.75em;
text-decoration: none;
transition: background-color 0.3s ease 0s;
}
.ReactModalPortal .btn-primary.btn-border,
.ReactModalPortal .btn.btn-border,
.blog-wrapper .btn-primary.btn-border,
.blog-wrapper .btn.btn-border {
background-color: transparent;
background-image: url('data:image/svg+xml;charset=utf-8,');
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain;
color: rgb(255, 255, 255);
font-size: 1.875em;
transition: all 0.3s ease-in-out 0s;
}
.ReactModalPortal .btn-primary.btn-border span,
.ReactModalPortal .btn.btn-border span,
.blog-wrapper .btn-primary.btn-border span,
.blog-wrapper .btn.btn-border span {
color: rgb(255, 255, 255);
transition: all 0.3s ease-in-out 0s;
}
.ReactModalPortal .btn-primary.btn-border:hover,
.ReactModalPortal .btn.btn-border:hover,
.blog-wrapper .btn-primary.btn-border:hover,
.blog-wrapper .btn.btn-border:hover {
background-image: url('data:image/svg+xml;charset=utf-8,');
}
.ReactModalPortal .btn-primary.btn-border:hover span,
.ReactModalPortal .btn.btn-border:hover span,
.blog-wrapper .btn-primary.btn-border:hover span,
.blog-wrapper .btn.btn-border:hover span {
color: rgb(255, 255, 0);
}
@media only screen and (max-width: 767px) {
.ReactModalPortal .btn-primary.btn-border,
.ReactModalPortal .btn.btn-border,
.blog-wrapper .btn-primary.btn-border,
.blog-wrapper .btn.btn-border {
padding: 0.25em 1em;
}
}
.ReactModalPortal .btn-primary.btn-default,
.ReactModalPortal .btn.btn-default,
.blog-wrapper .btn-primary.btn-default,
.blog-wrapper .btn.btn-default {
background-color: rgb(44, 130, 197);
border: none;
color: rgb(255, 255, 255);
font-size: 1.5em;
padding: 0px 1.5em;
text-decoration: none;
transition: background-color 0.3s ease 0s;
}
.ReactModalPortal .btn-primary.btn-default:hover,
.ReactModalPortal .btn.btn-default:hover,
.blog-wrapper .btn-primary.btn-default:hover,
.blog-wrapper .btn.btn-default:hover {
background-color: rgb(59, 225, 255);
text-decoration: none;
}
.ReactModalPortal .btn-primary.btn-display,
.ReactModalPortal .btn.btn-display,
.blog-wrapper .btn-primary.btn-display,
.blog-wrapper .btn.btn-display {
background: transparent;
color: rgb(0, 0, 0);
font-size: 1.5em;
margin-top: 0.5em;
padding: 0px 1.5em;
position: relative;
}
.ReactModalPortal .btn-primary.btn-display span,
.ReactModalPortal .btn.btn-display span,
.blog-wrapper .btn-primary.btn-display span,
.blog-wrapper .btn.btn-display span {
position: relative;
z-index: 1;
}
.ReactModalPortal .btn-primary.btn-display::after,
.ReactModalPortal .btn.btn-display::after,
.blog-wrapper .btn-primary.btn-display::after,
.blog-wrapper .btn.btn-display::after {
animation: 6s ease-in-out 0s infinite normal none running jelly;
background-color: rgb(255, 255, 0);
box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 12px -4px;
content: '';
display: block;
height: 2em;
left: 0px;
position: absolute;
top: 0px;
transform-origin: 50% 50% 20px;
transition: background-color 0.3s ease-in-out 0s;
width: 100%;
}
.ReactModalPortal .btn-primary.btn-display:hover::after,
.ReactModalPortal .btn.btn-display:hover::after,
.blog-wrapper .btn-primary.btn-display:hover::after,
.blog-wrapper .btn.btn-display:hover::after {
background-color: rgb(230, 230, 0);
}
.ReactModalPortal .btn-primary.btn-display.no-animate::after,
.ReactModalPortal .btn.btn-display.no-animate::after,
.blog-wrapper .btn-primary.btn-display.no-animate::after,
.blog-wrapper .btn.btn-display.no-animate::after {
animation: auto ease 0s 1 normal none running none;
clip-path: polygon(0px 4%, 100% 0px, 100% 100%, 0px 100%);
}
.ReactModalPortal .btn-primary.btn-primary,
.ReactModalPortal .btn.btn-primary,
.blog-wrapper .btn-primary.btn-primary,
.blog-wrapper .btn.btn-primary {
background-color: rgb(255, 255, 0);
border: none;
color: rgb(0, 0, 0);
font-size: 1.5em;
padding: 0px 1.5em;
text-decoration: none;
transition: background-color 0.3s ease 0s;
}
.ReactModalPortal .btn-primary.btn-primary:hover,
.ReactModalPortal .btn.btn-primary:hover,
.blog-wrapper .btn-primary.btn-primary:hover,
.blog-wrapper .btn.btn-primary:hover {
background-color: rgb(230, 230, 0);
}
.ReactModalPortal .btn-primary.btn-hover-transform,
.ReactModalPortal .btn.btn-hover-transform,
.blog-wrapper .btn-primary.btn-hover-transform,
.blog-wrapper .btn.btn-hover-transform {
clip-path: polygon(2% 0px, 98% 0px, 98% 100%, 2% 100%);
transition: all 0.3s ease-in-out 0s;
}
.ReactModalPortal .btn-primary.btn-hover-transform > span,
.ReactModalPortal .btn.btn-hover-transform > span,
.blog-wrapper .btn-primary.btn-hover-transform > span,
.blog-wrapper .btn.btn-hover-transform > span {
display: inline-block;
transition: all 0.3s ease-in-out 0s;
}
.ReactModalPortal .btn-primary.btn-hover-transform:hover,
.ReactModalPortal .btn.btn-hover-transform:hover,
.blog-wrapper .btn-primary.btn-hover-transform:hover,
.blog-wrapper .btn.btn-hover-transform:hover {
clip-path: polygon(4% 0px, 100% 0px, 98% 100%, 2% 100%);
}
.ReactModalPortal .btn-primary.btn-hover-transform:hover > span,
.ReactModalPortal .btn.btn-hover-transform:hover > span,
.blog-wrapper .btn-primary.btn-hover-transform:hover > span,
.blog-wrapper .btn.btn-hover-transform:hover > span {
transform: translateX(2%);
}
.ReactModalPortal .btn-primary.btn-fixed-width,
.ReactModalPortal .btn.btn-fixed-width,
.blog-wrapper .btn-primary.btn-fixed-width,
.blog-wrapper .btn.btn-fixed-width {
min-width: 260px;
}
.ReactModalPortal .btn-primary.disabled,
.ReactModalPortal .btn.disabled,
.blog-wrapper .btn-primary.disabled,
.blog-wrapper .btn.disabled {
background-color: rgb(204, 204, 204);
border-color: rgb(204, 204, 204);
color: gray;
}
.ReactModalPortal .btn-primary.disabled:hover,
.ReactModalPortal .btn.disabled:hover,
.blog-wrapper .btn-primary.disabled:hover,
.blog-wrapper .btn.disabled:hover {
color: gray !important;
}
.ReactModalPortal .btn span,
.ReactModalPortal .btn-primary span,
.blog-wrapper .btn span,
.blog-wrapper .btn-primary span {
position: relative;
z-index: 1;
}
.ReactModalPortal .btn-primary:hover,
.ReactModalPortal .btn:hover,
.blog-wrapper .btn-primary:hover,
.blog-wrapper .btn:hover {
transform: skewX(-5deg);
background: rgb(0, 0, 0) !important;
color: rgb(255, 255, 255) !important;
}
.ReactModalPortal .blog-container .blog-article .blog-content,
.blog-wrapper .blog-container .blog-article .blog-content {
min-height: 62vh;
}
.ReactModalPortal .blog-container .blog-article .blog-content h1,
.ReactModalPortal .blog-container .blog-article .blog-content h2,
.blog-wrapper .blog-container .blog-article .blog-content h1,
.blog-wrapper .blog-container .blog-article .blog-content h2 {
line-height: 1.1 !important;
}
@media screen and (max-width: 768px) {
.ReactModalPortal .blog-container .blog-article .blog-content,
.blog-wrapper .blog-container .blog-article .blog-content {
min-height: 58vh;
}
}
.ReactModalPortal .blog-article,
.blog-wrapper .blog-article {
padding-bottom: 5rem;
}
.ReactModalPortal .prev-link-wrap,
.blog-wrapper .prev-link-wrap {
bottom: 0px;
left: 0px;
position: absolute;
right: 0px;
}
.ReactModalPortal .blog-container .blog-article .prev-link-wrap .next-link span,
.ReactModalPortal .blog-container .blog-article .prev-link-wrap .prev-link span,
.blog-wrapper .blog-container .blog-article .prev-link-wrap .next-link span,
.blog-wrapper .blog-container .blog-article .prev-link-wrap .prev-link span {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 1.125em;
}
.ReactModalPortal .blog-container .blog-article .prev-link-wrap .next-link i,
.ReactModalPortal .blog-container .blog-article .prev-link-wrap .prev-link i,
.blog-wrapper .blog-container .blog-article .prev-link-wrap .next-link i,
.blog-wrapper .blog-container .blog-article .prev-link-wrap .prev-link i {
font-size: 2em;
}
.ReactModalPortal .loading-icon,
.blog-wrapper .loading-icon {
background: url('c8849708165f9c0f442e8bfef3c56ef8.gif') 50% center / 3em
no-repeat;
height: 5em;
}
.ReactModalPortal .cw-close,
.blog-wrapper .cw-close {
color: rgb(29, 184, 243);
}
.ja .activityGridRow .activity-item .headline a {
font-weight: 700;
}
.ja
.ReactModalPortal
.blog-view-container
.headline-banner.headline-btn
.btn-news,
.ja .blog-wrapper .blog-view-container .headline-banner.headline-btn .btn-news {
font-family: Tazugane, sans-serif;
}
.ja .blog-view-container .blog-view .grid-item .grid-content .date,
.ja .blog-view-container .blog-view .grid-item .grid-content .title {
font-family: BurbankBigRegular-Black, Tazugane, sans-serif;
}
.ja .blog-view-container .blog-view .headline h2,
.ja .blog-view-container .blog-view .headline-banner h2 {
font-family: Tazugane, 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: Tazugane, sans-serif !important;
}
.downloadView {
align-items: center;
background: url('068b8da20b5499f3ca827844911c26da.jpg') 50% center / cover
no-repeat;
display: flex;
min-height: 90vh;
}
.downloadView .site-block {
max-width: 100%;
text-align: center;
}
.downloadView .site-block h1 {
font-size: 2em;
font-weight: 200;
margin-bottom: 0.75em;
margin-top: 0.5em;
}
.downloadView .site-block p {
font-weight: 200;
}
@media only screen and (max-width: 767px) {
.downloadView .site-block {
border-radius: 0px;
margin: 0px auto;
padding: 30px 20px;
}
}
.downloadView .selectPlatform {
font-size: 13px;
font-weight: 400;
margin: 16px 0px;
}
.downloadView .btn {
display: inline-block;
padding: 0px 0.5em;
width: 100%;
}
@media only screen and (max-width: 767px) {
.downloadView .btn {
margin-bottom: 1.5em;
margin-right: 0px;
}
}
.downloadView .mobile-faq-link {
display: block;
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.5em;
margin: 10px 0px;
}
.downloadView ul.downloadLegalTags {
font-size: 0.8em;
margin: 0px auto;
max-width: 400px;
padding: 0px;
}
.downloadView ul.downloadLegalTags li.tag-container {
display: inline-block;
}
.downloadView ul.downloadLegalTags li.tag-container p {
margin: 0px;
}
.downloadView ul.downloadLegalTags li.tag-container .bottomImg {
display: inline-block;
margin: 0px auto;
max-height: 7em;
max-width: 100%;
padding: 0.2em;
}
.downloadView .returnLink {
cursor: pointer;
display: block;
font-size: 14px;
font-weight: 200;
margin-top: 1em;
transition: all 0.1s ease-in-out 0s;
}
.downloadView .epicLogo {
background: url('6585c5e45fccdd62966a825f5b50bf24.png') 50% center / contain
no-repeat;
height: 100px;
margin: 20px auto;
width: 80px;
}
.downloadView .downloadButtons {
display: inline-flex;
margin-bottom: 2em;
}
@media only screen and (max-width: 991px) {
.downloadView .downloadButtons {
margin: 0px auto;
max-width: 20em;
}
}
.downloadView .downloadButtons .button {
background-color: rgb(44, 130, 197);
color: rgb(255, 255, 255);
display: inline-block;
height: 8em;
margin: 0.5em;
padding: 1.8em 0px 0px;
transition: background-color 0.3s ease-in-out 0s;
width: 8em;
}
.downloadView .downloadButtons .button:hover {
background-color: rgb(59, 225, 255);
}
.downloadView .downloadButtons .button span {
font-size: 0.8em;
}
.downloadView .downloadButtons .button i {
color: rgb(255, 255, 255);
display: block;
font-size: 3.5em;
}
.downloadView .gfnLogo {
background: url('data:image/png;base64,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')
50% center / 80% no-repeat;
height: 80px;
margin: -0.5rem;
}
.downloadView .mobileMsg {
margin: 10px 0px 40px;
}
.downloadView .epicLogo {
display: none;
}
.downloadView .download-header-container h1 {
font-size: 2.8em;
margin-bottom: 0px;
margin-top: 0.4em;
}
.downloadView .download-header-container h2 {
font-size: 1.8em;
}
.downloadView .download-header-container h3 {
font-size: 1.4em;
font-weight: 400;
margin-top: 0.2em;
}
.downloadView .newsletter-box {
padding: 0px 1.25em 1.25em;
}
.downloadView .newsletter-box h2 {
max-width: 20em;
}
.downloadView .newsletter-box .newsletter-select {
margin: 1.25em;
text-align: left;
}
.downloadView .newsletter-box .custom-checkbox {
border: 2px solid rgb(255, 255, 0);
cursor: pointer;
display: inline-block;
height: 1.5em;
margin-right: 0.8em;
position: relative;
top: 0.4em;
width: 1.5em;
}
.downloadView .newsletter-box .custom-checkbox:hover {
border-color: rgb(230, 230, 0);
}
.downloadView .newsletter-box .custom-checkbox.interest-select::before {
color: rgb(30, 30, 30);
content: '✓';
font-size: 2em;
left: 0px;
position: absolute;
top: -0.5em;
}
.downloadView .newsletter-box .subscribe-message {
padding: 1em;
}
.downloadView .newsletter-box .subscribe-message.success {
background-color: rgb(219, 238, 211);
}
.downloadView .newsletter-box .subscribe-message.success i {
color: rgb(100, 177, 68);
}
.downloadView .newsletter-box .subscribe-message.failed {
background-color: rgb(255, 228, 228);
}
.downloadView .newsletter-box .subscribe-message.failed i {
color: rgb(255, 24, 24);
}
.downloadView .newsletter-box .subscribe-message i {
font-size: 2em;
margin-right: 0.5em;
position: relative;
top: 0.2em;
}
#faq {
background-color: rgb(255, 255, 255);
}
@media only screen and (max-width: 767px) {
#faq .container {
padding-left: 2%;
padding-right: 2%;
}
}
#faq h1 {
color: rgb(255, 255, 255);
font-size: 3em;
letter-spacing: 0.02em;
padding: 1em 0px;
text-align: center;
text-transform: uppercase;
}
#faq .last-modified-date {
font-style: italic;
padding: calc(1em + 15px);
}
@media only screen and (max-width: 991px) {
#faq .last-modified-date {
padding: 0px;
}
}
#faq .quickLink {
border-left: 1px solid rgb(232, 232, 232);
margin-bottom: 2em;
padding: 1em;
}
@media only screen and (max-width: 991px) {
#faq .quickLink {
border-bottom: 1px solid rgb(232, 232, 232);
border-left: none;
}
}
#faq .quickLink h3 {
padding-bottom: 1em;
text-align: center;
text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
#faq .quickLink h3 {
border-bottom: 1px solid rgb(232, 232, 232);
font-weight: 700;
margin-top: 0px;
text-align: left;
}
}
#faq .quickLink ul {
list-style: none;
margin-left: 2em;
padding: 0px;
}
#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;
}
body.ar .searchView {
direction: rtl;
}
.search-ctr {
background-color: rgb(255, 255, 255);
}
.search-ctr .section-header-imagebg {
background: url('92a80d872bfc0b66ec9b9a059d0ef5b0.jpg') center top / cover
no-repeat;
}
.searchView {
background: url('ed631e97f3fb982b9b51e540ba67a326.jpg') center top / 100%
no-repeat rgb(255, 255, 255);
min-height: 80vh;
padding: 60px 1em;
}
@media only screen and (max-width: 767px) {
.searchView {
padding: 1em 0px;
}
}
.searchView.bingView {
min-height: 40vh;
}
.searchView h1 {
border-bottom: 1px solid rgb(30, 30, 30);
margin-bottom: 0.6em;
padding-bottom: 0.6em;
}
@media only screen and (max-width: 767px) {
.searchView h1 {
font-size: 2em;
}
}
.searchView .gsc-control-cse {
background-color: transparent;
border: 1px solid transparent;
margin: 0px auto;
padding: 0px;
}
.searchView .gsc-control-cse * {
font-weight: 400;
font-family: OpenSans, sans-serif !important;
}
.searchView .gs-webResult .gs-snippet {
margin-bottom: 0.4em;
margin-top: 0.4em;
}
.searchView .gsc-webResult.gsc-result {
background-color: rgb(255, 255, 255);
margin-bottom: 1em;
padding: 1.6em;
}
.searchView .gsc-webResult.gsc-result:hover {
background-color: rgb(255, 255, 255);
border-color: transparent;
}
@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: 0.2em;
}
}
.searchView .gs-webResult.gs-result a.gs-title:link {
color: rgb(29, 184, 243);
font-size: 22px;
font-weight: 200;
line-height: 1.3;
}
.searchView .gs-webResult.gs-result a.gs-title:link b {
color: rgb(29, 184, 243);
font-size: 22px;
font-weight: 400;
}
.searchView .gs-webResult.gs-result a.gs-title:link:hover {
color: rgb(12, 173, 234);
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: rgb(6, 84, 113);
}
.searchView .gs-webResult div.gs-visibleUrl-long {
color: rgb(115, 115, 115);
}
.searchView .gs-result .gs-title {
text-decoration: none;
}
.searchView .gsc-results .gsc-cursor-box .gsc-cursor-page {
background-color: transparent;
color: rgb(30, 30, 30);
font-size: 18px;
margin-right: 1em;
}
.searchView .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
background-color: rgb(30, 30, 30);
color: rgb(248, 248, 248);
font-size: 18px;
text-shadow: none;
}
.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;
font-size: 13px;
padding: 0.8em 1.6em;
}
.searchView .gsc-tabHeader.gsc-tabhActive {
background-color: rgb(29, 184, 243);
color: rgb(51, 51, 51);
font-weight: 700;
}
.searchView .gsc-tabHeader.gsc-tabhInactive {
background-color: rgb(51, 51, 51);
color: rgb(255, 255, 255);
}
.searchView .gs-spelling a {
color: rgb(29, 184, 243);
}
.searchView .gs-spelling a:hover {
color: rgb(11, 155, 210);
text-decoration: underline;
}
.searchView .gsc-input > input {
padding: 0.8em;
}
@media only screen and (max-width: 767px) {
.searchView .gsc-input > input {
font-size: 14px;
padding: 0.5em;
}
}
.searchView input.gsc-search-button {
background-color: rgb(255, 255, 0);
border: 0px;
border-radius: 0px;
color: rgb(0, 0, 0);
font-size: 16px;
font-weight: 500;
height: auto;
padding: 0.8em 1.5em;
text-transform: uppercase;
}
.searchView input.gsc-search-button:hover {
background-color: rgb(230, 230, 0);
}
@media only screen and (max-width: 767px) {
.searchView input.gsc-search-button {
font-size: 14px;
padding: 0.5em;
}
}
.searchView td.gcsc-branding-text div.gcsc-branding-text {
color: rgb(191, 191, 191);
}
.searchView .searchResults > div {
background-color: transparent !important;
}
.searchView .cse form.gsc-search-box,
.searchView form.gsc-search-box {
padding: 0px;
}
.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: 0px;
}
.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: rgb(60, 60, 60);
}
.terms-view-container .site-block {
background-color: rgb(255, 255, 255);
border: 0px;
margin: 0px auto;
max-width: 932px;
padding: 40px 20px;
}
.terms-view-container .site-block::before {
border-bottom: 1px solid rgb(214, 214, 214);
content: '';
display: block;
}
.terms-view-container .terms-text {
margin: 42px 23px 0px 42px;
}
@media only screen and (max-width: 767px) {
.terms-view-container .terms-text {
margin: 20px 0px;
}
}
.eula-view-container {
background-color: rgb(255, 255, 255);
}
.eula-view-container #eulaContainer {
display: table;
height: 80vh;
min-height: 90vh;
width: 100%;
}
.eula-view-container #eulaContainer .eula-container {
margin-bottom: 2em;
margin-top: 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-header h1.uefn {
max-width: 100%;
}
.eula-view-container
#eulaContainer
.eula-container
.site-block-body
.site-block-body-text {
font-size: 0.9em;
}
.eula-view-container #eulaContainer .eula-container .btn.btn-primary {
font-size: 1em;
margin-top: 0.6em;
min-width: 7em;
padding: 0.4em 1.5em;
}
.eula-view-container #eulaContainer .eula-container .eula-text {
line-height: 2em;
}
body.ar #eulaContainer {
direction: rtl;
}
@media only screen and (max-width: 1199px) {
.redeemContainer .bk-img {
opacity: 0.4;
}
}
.redeemContainer .parallax-container {
float: right;
width: 60%;
}
@media only screen and (max-width: 991px) {
.redeemContainer .parallax-container {
display: none;
}
}
.redeemContainer .load-indicator,
.redeemContainer .loadscreen-overlay {
width: 100vw;
}
.redeemContainer .redeemView {
animation: 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s 1 normal forwards
running textAnimateIn;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100vh;
min-width: 600px;
opacity: 0;
padding-left: 10%;
padding-top: 2em;
width: 100%;
}
@media only screen and (max-width: 767px) {
.redeemContainer .redeemView {
justify-content: flex-end;
min-height: 150vh;
min-width: auto;
padding: 0px 20px 50px;
width: 100%;
}
}
@media screen and (max-width: 320px) {
.redeemContainer .redeemView {
min-height: 220vh;
}
}
@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;
border: none;
color: rgb(255, 255, 255);
margin: 0px;
padding: 0px;
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: 0px;
}
@media only screen and (max-width: 767px) {
.redeemContainer .redeemView .site-block .site-block-header {
margin-bottom: 0px;
}
}
.redeemContainer .redeemView .site-block .site-block-header .site-block-title {
font: 81px / 70px BurbankBigRegular-Black, sans-serif;
margin: 1em 0px 0px;
}
@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: rgb(255, 255, 255);
}
.redeemContainer .redeemView input {
background: rgb(255, 255, 255);
border: none;
color: rgb(0, 0, 0);
margin: 2.5em 0px;
text-align: left;
}
@media only screen and (max-width: 767px) {
.redeemContainer .redeemView input {
margin: 1.5em 0px;
max-width: 100%;
}
}
.redeemContainer .redeemView .errorMessage {
text-align: left;
}
.redeemContainer .redeemView .buttonContainer {
margin-bottom: 2.5em;
text-align: left;
}
@media only screen and (max-width: 767px) {
.redeemContainer .redeemView .buttonContainer {
margin: 0px auto;
text-align: center;
}
}
.redeemContainer .redeemView .buttonContainer .btn {
clip-path: polygon(2% 0px, 98% 0px, 98% 100%, 2% 100%);
padding: 0px;
transition: all 0.3s ease-in-out 0s;
width: 200px !important;
}
.redeemContainer .redeemView .buttonContainer .btn > span {
display: inline-block;
transition: all 0.3s ease-in-out 0s;
}
.redeemContainer .redeemView .buttonContainer .btn:hover {
clip-path: polygon(4% 0px, 100% 0px, 98% 100%, 2% 100%);
}
.redeemContainer .redeemView .buttonContainer .btn:hover > span {
transform: translateX(2%);
}
@media only screen and (max-width: 767px) {
.redeemContainer .redeemView .buttonContainer .btn {
margin: 1em auto;
}
}
.redeemContainer .redeemView .posa-content {
height: 15em;
padding: 1% 3%;
}
@media only screen and (max-width: 991px) {
.redeemContainer .redeemView .posa-content {
height: 100%;
}
}
@media only screen and (max-width: 767px) {
.redeemContainer .redeemView .posa-content {
margin: 0px auto;
}
}
.redeemContainer .redeemView .posa-content a {
color: rgb(255, 255, 0);
font-size: 1em;
}
.redeemContainer .redeemView .posa-content .posa-subtitle,
.redeemContainer .redeemView .posa-content .posa-title {
margin: 0px 0px 1.5rem;
padding: 0px;
}
.redeemContainer .redeemView .posa-content .posa-subtitle a {
color: rgb(255, 255, 0);
font-family: BurbankSmall-Black, sans-serif;
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: rgb(255, 255, 0);
}
.redeemContainer .redeemView .overlay .overlay-content h1 {
font-size: 2.5em;
}
.redeemContainer .redeemView .overlay .overlay-content a {
color: rgb(255, 255, 0);
font-size: 1em;
}
.redeemContainer .site-block-content {
color: rgb(255, 255, 255);
font-family: BurbankSmall-Black, sans-serif;
font-size: 2rem;
position: relative;
}
@media only screen and (max-width: 767px) {
.redeemContainer .site-block-content {
font-size: 1.2em;
text-align: center;
}
}
.redeemContainer .site-block-content a {
color: rgb(255, 255, 0);
font-family: BurbankSmall-Black, sans-serif;
font-size: 2rem;
}
.redeemContainer .btn.btn-default {
background: rgb(0, 0, 0);
}
.redeemContainer .btn.btn-default:hover {
background: rgb(255, 255, 255);
color: rgb(0, 0, 0);
}
.redeemContainer .confirmStage .errorPrimary {
color: rgb(255, 255, 255);
font: 21px / 28px BurbankBigRegular-Black, sans-serif;
text-transform: uppercase;
}
.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: 0px;
}
@media only screen and (max-width: 767px) {
.redeemContainer .confirmStage hr {
margin-left: auto;
}
}
.redeemContainer .successStage .site-block-page-title {
display: block;
font: 81px / 70px BurbankBigRegular-Black, sans-serif;
padding: 0px;
text-align: left;
}
@media only screen and (max-width: 767px) {
.redeemContainer .successStage .site-block-page-title {
font-size: 3.5em;
text-align: center;
}
}
.redeemContainer
.successStage
.site-block
.site-block-header
.site-block-title {
font: 27px / 28px BurbankBigRegular-Black, sans-serif;
}
.redeemContainer .successStage .btn {
margin: 0px;
}
body.ar .redeemContainer {
direction: rtl;
}
body.ar .redeemContainer .redeemView {
padding-left: 0px;
padding-right: 10%;
}
@media only screen and (max-width: 767px) {
body.ar .redeemContainer .redeemView {
padding: 0px 20px 50px;
}
}
body.ar .redeemContainer .redeemView .site-block,
body.ar .redeemContainer .redeemView input {
text-align: right;
}
@media only screen and (max-width: 767px) {
body.ar .redeemContainer .redeemView .site-block {
text-align: center;
}
}
body.ar .redeemContainer .redeemView .buttonContainer {
text-align: right;
}
@media only screen and (max-width: 767px) {
body.ar .redeemContainer .redeemView .buttonContainer {
text-align: center;
}
}
body.ar .redeemContainer .parallax-container {
float: left;
}
body.ar .redeemContainer .posa-content img {
margin-left: 0px;
margin-right: 4em;
}
@media only screen and (max-width: 767px) {
body.ar .redeemContainer .posa-content img {
margin-right: 0px;
}
}
body.ja .redeemContainer .redeemView .site-block p {
font-family: NotoSansCJKjp, sans-serif;
}
body.ja .redeemContainer .redeemView .site-block .site-block-title {
font-family: Tazugane, sans-serif;
}
@media only screen and (max-width: 767px) {
body.ja .redeemContainer .redeemView .site-block .site-block-title {
font-family: Tazugane, sans-serif;
}
}
body.ja .redeemContainer .confirmStage .errorPrimary {
font-family: NotoSansCJKjp, sans-serif;
}
body.ja
.redeemContainer
.confirmStage
.successStage
.site-block
.site-block-header
.site-block-title,
body.ja .redeemContainer .confirmStage .successStage .site-block-page-title {
font-family: Tazugane, 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
.site-block-header
.site-block-title,
body.ko .redeemContainer .confirmStage .successStage .site-block-page-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 {
padding: 0px 5%;
width: 300px !important;
}
body.ar .redeemContainer .posa-content,
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.ar .redeemContainer .posa-content,
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.ar .redeemContainer .posa-content .posa-title h1,
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.ar .redeemContainer .posa-content .posa-title h1,
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.ar .redeemContainer .posa-content .posa-title h1,
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;
}
}
@keyframes textAnimateIn {
0% {
opacity: 0;
transform: translateY(100px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes ctaAnimateIn {
0% {
opacity: 0;
transform: skewX(30deg);
}
100% {
opacity: 1;
transform: skewX(0deg);
}
}
@keyframes disappear {
0% {
opacity: 1;
transform: translateY(0px) scale(1);
}
100% {
opacity: 0;
transform: translateY(-100px) scale(0.7);
}
}
.inviteView {
background: url('db9f216a8a8e7ff91cf6b6b31768c673.jpg') 50% center / cover
no-repeat;
}
#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 {
filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 0px 10px);
max-width: 800px;
padding: 20px;
width: 60%;
}
#fortnite-posa-redemption.epic-code-redemption.codeVerified
.ecr-redeemSection
.ecrrs-left {
flex: 1 1 0%;
margin-left: unset;
text-align: center;
}
#fortnite-posa-redemption.epic-code-redemption.codeVerified
.ecr-redeemSection
.ecrrs-left
img {
filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 0px 10px);
max-width: 800px;
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: rgb(0, 42, 68);
}
#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: rgb(0, 42, 68) 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: rgb(0, 198, 255);
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: rgb(255, 255, 255);
}
#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: rgb(0, 42, 68);
}
#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: rgb(0, 42, 68);
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection,
.posaSuccessView .ecr-redeemSection {
background-repeat: round;
background-size: cover;
}
@media only screen and (max-width: 991px) {
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection,
.posaSuccessView .ecr-redeemSection {
background-repeat: no-repeat;
background-size: cover;
}
}
#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: rgb(246, 18, 18);
opacity: 1;
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-redeemSection
.input-wrapper.verified::before,
.posaSuccessView .ecr-redeemSection .input-wrapper.verified::before {
color: rgb(255, 255, 0);
content: '';
font-family: icomoon;
font-size: 1.5em;
font-style: normal;
font-weight: 400;
left: -1.5em;
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .redeem-next,
.posaSuccessView .ecr-redeemSection .redeem-next {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 150%;
margin-bottom: 8px;
text-transform: uppercase;
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-redeemSection
.redeem-next
strong,
.posaSuccessView .ecr-redeemSection .redeem-next strong {
color: rgb(255, 255, 255);
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-redeemSection
.redeem-next
span,
.posaSuccessView .ecr-redeemSection .redeem-next span {
color: rgb(0, 42, 68);
}
#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 {
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 {
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: 0px;
padding: 10px 2em;
text-transform: uppercase;
}
#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 {
font-weight: 700;
margin-left: 0.7em;
}
@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% 0px;
}
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-redeemSection.verified
.ecrrs-right
.psnWarning,
.posaSuccessView .ecr-redeemSection.verified .ecrrs-right .psnWarning {
color: rgb(255, 255, 0);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.4em;
font-weight: 700;
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 {
padding: 0px 1em;
text-decoration: underline;
}
#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 {
filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 0px 10px);
max-width: 800px;
padding: 20px;
width: 60%;
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-left,
.posaSuccessView .ecr-redeemSection .ecrrs-left {
flex: 1 1 0%;
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-redeemSection
.redeem-next.next-select-platform,
.posaSuccessView .ecr-redeemSection .redeem-next.next-select-platform {
}
#fortnite-posa-redemption.epic-code-redemption .ecr-redeemSection .ecrrs-right,
.posaSuccessView .ecr-redeemSection .ecrrs-right {
padding-right: 0px;
}
@media only screen and (max-width: 991px) {
#fortnite-posa-redemption.epic-code-redemption
.ecr-redeemSection
.ecrrs-right,
.posaSuccessView .ecr-redeemSection .ecrrs-right {
margin-left: 0px;
}
}
#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 {
margin-left: 0px;
padding-left: 0px;
}
#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: rgb(255, 255, 0);
color: rgb(51, 51, 51);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.5em;
margin-top: 2%;
padding: 2% 8%;
}
#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: rgb(255, 255, 255);
}
@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: rgb(255, 255, 0);
}
#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-bottom: 0px;
}
@media only screen and (min-width: 769px) {
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection,
.posaSuccessView .ecr-faqSection {
padding-right: 0px;
}
}
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left,
.posaSuccessView .ecr-faqSection .ecrfs-left {
max-width: 100%;
padding-left: 5%;
padding-right: 5%;
}
@media only screen and (min-width: 769px) {
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left,
.posaSuccessView .ecr-faqSection .ecrfs-left {
max-width: 1000px;
}
}
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left h1,
.posaSuccessView .ecr-faqSection .ecrfs-left h1 {
color: rgb(0, 42, 68);
font-size: 4em;
}
#fortnite-posa-redemption.epic-code-redemption .ecr-faqSection .ecrfs-left h5,
.posaSuccessView .ecr-faqSection .ecrfs-left h5 {
color: rgb(246, 18, 18);
font-size: 1.2em;
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-faqSection
.ecrfs-left
.ecr-faqItem-question
h3,
.posaSuccessView .ecr-faqSection .ecrfs-left .ecr-faqItem-question h3 {
color: rgb(0, 198, 255);
}
#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: rgb(0, 42, 68);
}
#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 {
margin-left: auto;
padding-left: 5%;
}
#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-size: inherit;
font-weight: 700;
}
#fortnite-posa-redemption.epic-code-redemption .ecr-ctaSection,
.posaSuccessView .ecr-ctaSection {
padding-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
}
#fortnite-posa-redemption.epic-code-redemption .ecr-ctaSection .ecrcs-left,
.posaSuccessView .ecr-ctaSection .ecrcs-left {
align-self: stretch;
margin-top: -5%;
overflow: hidden;
position: relative;
}
#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: 0px;
}
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-ctaSection
.ecrcs-content
button,
.posaSuccessView .ecr-ctaSection .ecrcs-content button {
background-color: rgb(0, 0, 0);
color: rgb(255, 255, 255);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.2em;
margin-top: 3%;
padding: 8px 25px;
}
#fortnite-posa-redemption.epic-code-redemption .ecr-posa-confirm-overlay,
.posaSuccessView .ecr-posa-confirm-overlay {
background-color: rgba(16, 110, 160, 0.98);
overflow: auto;
z-index: 9999999;
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-posa-confirm-overlay::before,
.posaSuccessView .ecr-posa-confirm-overlay::before {
background: url('data:image/png;base64,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')
50% center / cover no-repeat;
inset: 0px;
content: '';
position: absolute;
z-index: 0;
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-posa-confirm-overlay
.ecrp-confirm-close,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-close {
align-items: center;
background: rgb(26, 197, 217);
color: rgb(30, 30, 30);
display: flex;
font-size: 1.3em;
font-weight: bolder;
height: 1.2em;
justify-content: center;
transition: all 0.2s ease 0s;
width: 1.2em;
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-posa-confirm-overlay
.ecrp-confirm-close:hover,
.posaSuccessView .ecr-posa-confirm-overlay .ecrp-confirm-close:hover {
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: rgb(255, 255, 0);
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-posa-confirm-overlay
.ecrp-confirm-content
.ecrp-confirm-box,
.posaSuccessView
.ecr-posa-confirm-overlay
.ecrp-confirm-content
.ecrp-confirm-box {
align-items: center;
display: flex;
}
#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: rgb(40, 171, 248);
margin: 0px auto;
order: 1;
padding-top: 1vw;
width: 65%;
}
@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 {
color: rgb(0, 42, 68);
margin: 0px 5.3vw 0.9vw;
}
#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 {
border-bottom-color: rgb(21, 146, 230);
padding: 3% 6%;
}
#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: rgb(21, 146, 230);
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-posa-confirm-overlay
.ecrp-confirm-content
.ecrp-confirm-detail-row:nth-child(2n + 1),
.posaSuccessView
.ecr-posa-confirm-overlay
.ecrp-confirm-content
.ecrp-confirm-detail-row:nth-child(2n + 1) {
background: rgb(13, 153, 235);
border: unset;
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-posa-confirm-overlay
.ecrp-confirm-content
.ecrp-bonus-notice,
#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-bonus-notice,
.posaSuccessView
.ecr-posa-confirm-overlay
.ecrp-confirm-content
.ecrp-confirm-notice {
background-color: rgb(0, 42, 68);
padding: 2%;
width: 100%;
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-posa-confirm-overlay
.ecrp-confirm-content
.ecrp-bonus-notice
.ecn-important,
#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-bonus-notice
.ecn-important,
.posaSuccessView
.ecr-posa-confirm-overlay
.ecrp-confirm-content
.ecrp-confirm-notice
.ecn-important {
color: rgb(255, 255, 0);
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-posa-confirm-overlay
.ecrp-confirm-content
.ecrp-bonus-wrapper,
.posaSuccessView
.ecr-posa-confirm-overlay
.ecrp-confirm-content
.ecrp-bonus-wrapper {
margin-left: 10%;
order: 2;
width: 30%;
}
#fortnite-posa-redemption.epic-code-redemption
.ecr-posa-confirm-overlay
.ecrp-confirm-content
.ecrp-bonus-wrapper
h3,
.posaSuccessView
.ecr-posa-confirm-overlay
.ecrp-confirm-content
.ecrp-bonus-wrapper
h3 {
color: rgb(0, 42, 68);
}
#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 {
background: rgb(255, 255, 255);
color: rgb(246, 18, 18);
font-size: 90%;
margin: 0px auto;
max-width: 80%;
padding: 1em;
}
#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: 0px;
}
#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 {
background-color: rgb(255, 255, 0);
font-family: BurbankBigRegular-Black, sans-serif;
padding: 0.5em 2em;
}
#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 {
background: transparent;
border: none;
font-size: 0.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
.ecr-success-header-wrapper
.ecrp-bonus-notice {
background-color: rgb(0, 42, 68);
}
#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 {
clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 4vw), 0px 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 {
align-items: center;
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 {
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 {
flex: 1 1 0%;
max-width: 600px;
padding: 0px 6%;
}
#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 {
color: rgb(255, 255, 255);
font-size: 1.3em;
}
#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: rgb(255, 255, 255);
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 {
color: rgb(255, 255, 255);
font-size: 2vw;
}
#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: 0.5vw 1.5vw 0.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: rgb(255, 255, 255);
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: flex;
margin-top: -3%;
text-align: center;
}
#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 {
color: unset;
font: unset;
font-palette: unset;
font-synthesis: unset;
forced-color-adjust: unset;
text-orientation: unset;
text-rendering: unset;
-webkit-font-smoothing: unset;
-webkit-locale: unset;
-webkit-text-orientation: unset;
-webkit-writing-mode: unset;
writing-mode: unset;
zoom: unset;
accent-color: unset;
place-content: unset;
place-items: unset;
place-self: unset;
alignment-baseline: unset;
animation-composition: unset;
animation: unset;
app-region: unset;
appearance: unset;
aspect-ratio: unset;
backdrop-filter: unset;
backface-visibility: unset;
background: unset;
background-blend-mode: unset;
baseline-shift: unset;
baseline-source: unset;
block-size: unset;
border-block: unset;
border: unset;
border-radius: unset;
border-collapse: unset;
border-end-end-radius: unset;
border-end-start-radius: unset;
border-inline: unset;
border-start-end-radius: unset;
border-start-start-radius: unset;
bottom: unset;
box-shadow: unset;
box-sizing: unset;
break-after: unset;
break-before: unset;
break-inside: unset;
buffered-rendering: unset;
caption-side: unset;
caret-color: unset;
clear: unset;
clip: unset;
clip-path: unset;
clip-rule: unset;
color-interpolation: unset;
color-interpolation-filters: unset;
color-rendering: unset;
color-scheme: unset;
columns: unset;
column-fill: unset;
gap: unset;
column-rule: unset;
column-span: unset;
contain: unset;
contain-intrinsic-block-size: unset;
contain-intrinsic-size: unset;
contain-intrinsic-inline-size: unset;
container: unset;
content: unset;
content-visibility: unset;
counter-increment: unset;
counter-reset: unset;
counter-set: unset;
cursor: unset;
cx: unset;
cy: unset;
d: unset;
display: unset;
dominant-baseline: unset;
empty-cells: unset;
fill: unset;
fill-opacity: unset;
fill-rule: unset;
filter: unset;
flex: unset;
flex-flow: unset;
float: unset;
flood-color: unset;
flood-opacity: unset;
grid: unset;
grid-area: unset;
height: unset;
hyphenate-character: unset;
hyphenate-limit-chars: unset;
hyphens: unset;
image-orientation: unset;
image-rendering: unset;
initial-letter: unset;
inline-size: unset;
inset-block: unset;
inset-inline: unset;
isolation: unset;
left: 0px;
letter-spacing: unset;
lighting-color: unset;
line-break: unset;
list-style: unset;
margin-block: unset;
margin: unset;
margin-inline: unset;
marker: unset;
mask: unset;
mask-type: unset;
math-depth: unset;
math-shift: unset;
math-style: unset;
max-block-size: unset;
max-height: unset;
max-inline-size: unset;
max-width: unset;
min-block-size: unset;
min-height: unset;
min-inline-size: unset;
min-width: unset;
mix-blend-mode: unset;
object-fit: unset;
object-position: unset;
object-view-box: unset;
offset: unset;
opacity: unset;
order: unset;
orphans: unset;
outline: unset;
outline-offset: unset;
overflow-anchor: unset;
overflow-clip-margin: unset;
overflow-wrap: unset;
overflow: unset;
overlay: unset;
overscroll-behavior-block: unset;
overscroll-behavior-inline: unset;
overscroll-behavior: unset;
padding-block: unset;
padding: unset;
padding-inline: unset;
page: unset;
page-orientation: unset;
paint-order: unset;
perspective: unset;
perspective-origin: unset;
pointer-events: unset;
position: absolute;
quotes: unset;
r: unset;
resize: unset;
right: unset;
rotate: unset;
ruby-position: unset;
rx: unset;
ry: unset;
scale: unset;
scroll-behavior: unset;
scroll-margin-block: unset;
scroll-margin: unset;
scroll-margin-inline: unset;
scroll-padding-block: unset;
scroll-padding: unset;
scroll-padding-inline: unset;
scroll-snap-align: unset;
scroll-snap-stop: unset;
scroll-snap-type: unset;
scroll-timeline: unset;
scrollbar-gutter: unset;
shape-image-threshold: unset;
shape-margin: unset;
shape-outside: unset;
shape-rendering: unset;
size: unset;
speak: unset;
stop-color: unset;
stop-opacity: unset;
stroke: unset;
stroke-dasharray: unset;
stroke-dashoffset: unset;
stroke-linecap: unset;
stroke-linejoin: unset;
stroke-miterlimit: unset;
stroke-opacity: unset;
stroke-width: unset;
tab-size: unset;
table-layout: unset;
text-align: unset;
text-align-last: unset;
text-anchor: unset;
text-combine-upright: unset;
text-decoration: unset;
text-decoration-skip-ink: unset;
text-emphasis: unset;
text-emphasis-position: unset;
text-indent: unset;
text-overflow: unset;
text-shadow: unset;
text-size-adjust: unset;
text-transform: unset;
text-underline-offset: unset;
text-underline-position: unset;
white-space: unset;
timeline-scope: unset;
top: 0px;
touch-action: unset;
transform: unset;
transform-box: unset;
transform-origin: unset;
transform-style: unset;
transition: unset;
translate: unset;
user-select: unset;
vector-effect: unset;
vertical-align: unset;
view-timeline: unset;
view-transition-name: unset;
visibility: unset;
border-spacing: unset;
-webkit-box-align: unset;
-webkit-box-decoration-break: unset;
-webkit-box-direction: unset;
-webkit-box-flex: unset;
-webkit-box-ordinal-group: unset;
-webkit-box-orient: unset;
-webkit-box-pack: unset;
-webkit-box-reflect: unset;
-webkit-line-break: unset;
-webkit-line-clamp: unset;
-webkit-mask-box-image: unset;
-webkit-print-color-adjust: unset;
-webkit-rtl-ordering: unset;
-webkit-ruby-position: unset;
-webkit-tap-highlight-color: unset;
-webkit-text-combine: unset;
-webkit-text-decorations-in-effect: unset;
-webkit-text-fill-color: unset;
-webkit-text-security: unset;
-webkit-text-stroke: unset;
-webkit-user-drag: unset;
-webkit-user-modify: unset;
widows: unset;
width: 100vw;
will-change: unset;
word-break: unset;
word-spacing: unset;
x: unset;
y: unset;
z-index: unset;
}
@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 {
height: 100%;
width: auto;
}
}
#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: rgb(255, 255, 255);
}
#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: flex;
font-size: 1.2em;
position: relative;
}
@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 {
flex-direction: column;
}
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn
.ecr-success-header
.ecr-success-header-wrapper
.ecrs-content.with-bonus
.left-part,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl
.ecr-success-header
.ecr-success-header-wrapper
.ecrs-content.with-bonus
.left-part {
padding-bottom: 450px;
}
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn
.ecr-success-header
.ecr-success-header-wrapper
.ecrs-content.with-bonus
.ecrp-bonus-wrapper,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl
.ecr-success-header
.ecr-success-header-wrapper
.ecrs-content.with-bonus
.ecrp-bonus-wrapper {
left: 160px;
position: absolute;
top: 450px;
}
@media only screen and (max-width: 1399px) {
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn
.ecr-success-header
.ecr-success-header-wrapper
.ecrs-content.with-bonus
.ecrp-bonus-wrapper,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl
.ecr-success-header
.ecr-success-header-wrapper
.ecrs-content.with-bonus
.ecrp-bonus-wrapper {
left: 2%;
top: 450px;
}
}
@media only screen and (max-width: 991px) {
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn
.ecr-success-header
.ecr-success-header-wrapper
.ecrs-content.with-bonus
.ecrp-bonus-wrapper,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl
.ecr-success-header
.ecr-success-header-wrapper
.ecrs-content.with-bonus
.ecrp-bonus-wrapper {
top: 370px;
}
}
@media only screen and (max-width: 767px) {
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn
.ecr-success-header
.ecr-success-header-wrapper
.ecrs-content.with-bonus
.ecrp-bonus-wrapper,
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl
.ecr-success-header
.ecr-success-header-wrapper
.ecrs-content.with-bonus
.ecrp-bonus-wrapper {
left: 0px;
top: 460px;
}
}
#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 {
flex: 1 1 0%;
padding: 0px 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 {
color: rgb(255, 255, 255);
font-size: 1.3em;
max-width: 600px;
}
#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: rgb(255, 255, 255);
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: rgb(255, 255, 0);
font-size: 1.5em;
}
#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: rgb(0, 42, 68);
}
#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 {
background: rgb(255, 255, 255);
clip-path: polygon(10px 0px, 100% 0px, calc(100% - 10px) 100%, 0px 100%);
color: rgb(0, 42, 68);
display: inline-block;
margin: 0px;
padding: 20px 30px;
}
#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: rgb(255, 255, 255);
}
#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: rgb(255, 255, 0);
font-weight: 700;
text-decoration: underline;
}
#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: rgb(0, 0, 0);
}
#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: 34vw;
margin-top: 1em;
}
@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: rgb(255, 255, 255);
color: rgb(255, 255, 255);
}
#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 {
background: rgb(255, 255, 0);
color: rgb(0, 0, 0);
font-family: BurbankBigRegular-Black, sans-serif;
text-align: center;
}
#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 {
color: rgb(0, 42, 68);
margin: 0px auto 1em;
max-width: 600px;
}
#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 {
margin: 0px auto;
max-width: 600px;
}
#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: 0px;
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: 0px;
}
.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;
}
.ar
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.psn
.ecr-success-header
.ecr-success-header-wrapper
.ecrp-bonus-wrapper,
.ar
#fortnite-posa-redemption.epic-code-redemption.posaSuccessView.xbl
.ecr-success-header
.ecr-success-header-wrapper
.ecrp-bonus-wrapper {
top: 400px !important;
}
.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: rgb(255, 255, 255);
}
.vbuckcardTerms .content {
margin: 0px auto;
max-width: 940px;
padding: 2em;
}
@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;
}
.vbuckcardTerms .content img {
height: auto;
width: 100%;
}
}
.vbuckcardTerms .content p > span {
white-space: unset !important;
}
.fn-mobile-view .btn.btn-primary {
background-color: rgb(255, 255, 0);
color: rgb(0, 0, 0);
}
.fn-mobile-view .btn.btn-primary:hover {
background-color: rgb(204, 204, 0);
}
.fn-mobile-view .redeemView {
background: url('48c98b0df6f3f16b6d9ae2d3c0319b6a.jpg') 50% center / cover
no-repeat;
}
.fn-mobile-view .redeemView .buttonContainer .col-sm-6:last-child {
width: 100%;
}
.fn-mobile-view .redeemView .buttonContainer .btn-default {
display: none;
}
.patch-notes-view {
background-color: rgb(255, 255, 255);
position: relative;
}
.patch-notes-view .section {
padding-bottom: 0px;
}
.patch-notes-view .section::after {
border-bottom: 1px solid rgb(179, 179, 179);
content: '';
display: block;
margin: 4em 0px;
width: 66.6667%;
}
@media only screen and (max-width: 1199px) {
.patch-notes-view .section::after {
width: 91.6667%;
}
}
@media only screen and (max-width: 767px) {
.patch-notes-view .section {
padding-bottom: 2em;
}
.patch-notes-view .section::after {
margin: 2em 0px;
width: 100%;
}
}
.patch-notes-view .section hr,
.patch-notes-view .section.noBreak::after {
display: none;
}
.play-guide-view .content {
display: block;
margin-top: 55px;
position: relative;
}
.play-guide-view .guide-info {
background-position: 0px 0px, 100% center, 0px 0px, 0px 0px, 0px 0px;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
background-size: 0px, 0px, 0px, cover, cover;
overflow: auto;
padding-bottom: 30px;
width: 100%;
}
.play-guide-view .guide-info h2 {
color: rgb(255, 255, 255);
font-size: 35px;
margin: 45px 0px 20px;
text-align: center;
}
.play-guide-view .guide-info h3 {
color: rgb(255, 255, 255);
font-size: 24px;
margin: 50px 0px 20px;
text-align: center;
}
.play-guide-view .guide-info h5 {
color: rgb(255, 255, 255);
line-height: 1.5;
margin: 20px 0px;
text-align: center;
}
.play-guide-view .guide-info-head {
margin: 50px 5px;
}
.play-guide-view .guide-info-content {
margin: 0px 5px;
padding-bottom: 30px;
}
.play-guide-view .guide-btn {
background-color: rgb(255, 255, 255);
clip-path: polygon(0px 0px, 100% 0px, 99% 100%, 1% 100%);
cursor: pointer;
display: inline-block;
font-size: 18px;
height: 41px;
line-height: 41px;
margin: 5px;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
transition: background-color 0.3s ease 0s;
white-space: nowrap;
width: calc(33.3% - 10px);
}
.play-guide-view .guide-btn:first-child,
.play-guide-view .guide-btn:nth-child(13),
.play-guide-view .guide-btn:nth-child(19),
.play-guide-view .guide-btn:nth-child(7) {
clip-path: polygon(0px 0px, 83% 0px, 80% 15%, 100% 10%, 99% 100%, 1% 100%);
}
.play-guide-view .guide-btn:nth-child(15),
.play-guide-view .guide-btn:nth-child(21),
.play-guide-view .guide-btn:nth-child(3),
.play-guide-view .guide-btn:nth-child(9) {
clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 17% 100%, 20% 85%, 0px 90%);
}
.play-guide-view .guide-btn:nth-child(11),
.play-guide-view .guide-btn:nth-child(17),
.play-guide-view .guide-btn:nth-child(23),
.play-guide-view .guide-btn:nth-child(5) {
clip-path: polygon(0px 10%, 20% 15%, 17% 0px, 100% 10%, 99% 100%, 1% 100%);
}
.play-guide-view .guide-btn.active {
background-color: rgb(255, 254, 85);
cursor: default;
}
.play-guide-view .guide-text {
color: rgb(255, 255, 255);
font-size: 13px;
line-height: 18px;
margin-top: 20px;
text-align: center;
}
.play-guide-view .guide-map {
background-color: rgb(255, 255, 255);
clip-path: polygon(0px 0px, 100% 3%, 98% 98%, 3% 100%);
height: 400px;
margin: 20px auto;
padding: 20px;
width: 400px;
}
.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 {
display: none;
margin-top: -100%;
}
.play-guide-view .guide-selection .guide-btn {
width: calc(33% - 10px);
}
.play-guide-view .guide-tip-wrap {
margin-top: 80px;
position: relative;
}
.play-guide-view .guide-tip-content {
background-color: rgb(98, 33, 179);
clip-path: polygon(0px 0px, 100% 15px, 99% calc(100% - 15px), 1% 100%);
color: rgb(201, 154, 249);
font-size: 13px;
margin-bottom: 30px;
padding: 50px 80px;
text-align: center;
}
.play-guide-view .guide-tip-content:nth-child(3) {
clip-path: polygon(
0px 0px,
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 {
background-color: rgb(201, 201, 216);
clip-path: polygon(13% 0px, 76% 0px, 68% 17%, 100% 14%, 87% 100%, 0px 100%);
display: inline-block;
font-size: 2.5rem;
font-weight: 700;
left: -20px;
padding: 5px 40px;
position: absolute;
top: -30px;
z-index: 1;
}
.play-guide-view .guide-table {
background-color: rgb(255, 255, 255);
border-collapse: collapse;
border-spacing: 0px;
margin-top: 30px;
text-align: center;
width: 100%;
}
.play-guide-view .guide-table tr.has-info td {
background-color: rgb(255, 255, 255);
}
.play-guide-view .guide-table th {
background-color: rgb(0, 0, 0);
border: 5px solid rgb(0, 0, 0);
color: rgb(255, 255, 255);
padding: 15px 20px;
text-align: center;
}
.play-guide-view .guide-table td {
background-color: rgb(237, 238, 242);
border: 5px solid rgb(255, 255, 255);
padding: 10px;
width: 15%;
}
.play-guide-view .guide-table td:first-child {
padding: 0px;
}
.play-guide-view .guide-table td:last-child {
text-align: left;
width: auto;
}
.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: rgb(110, 220, 250);
color: rgb(0, 158, 208);
}
.play-guide-view.fortnite-school .guide-selection .guide-btn {
width: calc(50% - 10px);
}
.play-guide-view.fortnite-school .guide-tip-title {
background-color: rgb(255, 255, 255);
}
.play-guide-view.fortnite-school .guide-tip-content {
background-color: rgb(227, 114, 57);
color: rgb(255, 255, 255);
text-align: left;
}
@media only screen and (min-width: 568px) {
.play-guide-view .content {
margin-top: 65px;
}
.play-guide-view .guide-info-content {
margin: 0px 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 {
font-size: 22px;
height: 60px;
line-height: 60px;
}
}
@media only screen and (min-width: 768px) {
.play-guide-view .content {
display: flex;
justify-content: space-between;
}
.play-guide-view .guide-menu-wrap {
min-width: 317px;
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: 0px 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 {
font-size: 18px;
height: 44px;
line-height: 44px;
}
}
@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 {
font-size: 21px;
height: 58px;
line-height: 58px;
}
}
@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: 0px 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;
}
}
@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: 0px 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 {
font-size: 28px;
height: 71px;
line-height: 71px;
}
}
.play-guide-view.home .content {
margin: 0px;
overflow: auto;
padding: 0px;
}
.play-guide-view.home .guides {
display: flex;
}
.play-guide-view.home .guide {
background-position: 50% center;
background-repeat: no-repeat;
background-size: 0px;
display: block;
height: 55px;
padding-top: 10px;
text-align: center;
transition: width 0.2s ease 0s;
width: 100%;
}
.play-guide-view.home .guide:hover {
border-bottom: 5px solid rgb(236, 253, 95);
}
.play-guide-view.home .guide:first-child {
background-color: rgb(154, 80, 216);
}
.play-guide-view.home .guide:nth-child(2) {
background-color: rgb(61, 218, 187);
}
.play-guide-view.home .guide:nth-child(3) {
background-color: rgb(243, 106, 34);
margin: 0px;
}
.play-guide-view.home .guide span {
color: rgb(255, 255, 255);
font-size: 22px;
overflow: hidden;
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: linear-gradient(
-45deg,
rgb(114, 184, 209),
rgb(123, 236, 205)
) !important;
}
}
@media only screen and (min-width: 568px) {
.play-guide-view.home .guide {
background-size: auto 50%;
border-bottom: 6px solid transparent;
height: 130px;
padding-top: 85px;
}
.play-guide-view.home .guide:hover {
border-bottom: 6px solid rgb(236, 253, 95);
}
.play-guide-view.home .guide span {
font-size: 25px;
}
}
@media only screen and (min-width: 768px) {
.play-guide-view.home {
background-position: 0px 0px, 0px 0px;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
}
.play-guide-view.home .guides {
display: block;
margin: 50px 0px;
}
.play-guide-view.home .guide {
height: 125px;
margin-bottom: 15px;
width: 152px;
}
.play-guide-view.home .guide:hover {
border: 0px;
width: 170px;
}
.play-guide-view.home .guide:first-child:hover {
clip-path: polygon(
0px 0px,
0px 3%,
19% 16%,
0px 9%,
0px 100%,
14% 93%,
10% 100%,
100% 100%,
100% 99%,
85% 86%,
100% 91%,
100% 0px,
95% 0px,
79% 9%,
86% 0px
);
}
.play-guide-view.home .guide:nth-child(2):hover {
clip-path: polygon(
0px 0px,
0px 3%,
11% 12%,
0px 9%,
0px 100%,
6% 100%,
18% 92%,
13% 100%,
100% 100%,
100% 96%,
88% 81%,
100% 90%,
100% 0px,
98% 0px,
85% 9%,
91% 0px
);
}
.play-guide-view.home .guide:nth-child(3):hover {
clip-path: polygon(
0px 0px,
0px 90%,
13% 82%,
0px 98%,
0px 100%,
91% 100%,
86% 91%,
100% 100%,
100% 9%,
86% 16%,
100% 4%,
100% 0px,
13% 0px,
18% 8%,
6% 0px
);
}
.play-guide-view.home .guide span {
font-size: 20px;
}
.play-guide-view.home .guide-info {
margin: 0px 12% 0px 0px;
padding: 30px 0px;
width: 328px;
}
}
@media only screen and (min-width: 992px) {
.play-guide-view.home .guide {
height: 165px;
padding-top: 110px;
width: 185px;
}
.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;
padding-top: 135px;
width: 240px;
}
.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;
padding-top: 185px;
width: 316px;
}
.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;
}
}
.android-view {
background: linear-gradient(
135deg,
rgb(5, 131, 252),
rgb(63, 219, 248) 95%,
rgb(63, 219, 248)
)
rgb(5, 131, 252);
}
.android-view .btn.btn-display.no-animate::after {
clip-path: polygon(2% 5%, 98% 0px, 100% 100%, 0px 100%);
}
.android-view .btn.btn-display span {
display: block;
margin-top: 3px;
}
.android-view .redeemView {
background: linear-gradient(
135deg,
rgb(5, 131, 252),
rgb(63, 219, 248) 95%,
rgb(63, 219, 248)
)
rgb(5, 131, 252);
}
.creative-view,
.retail-bundle-view {
background-color: rgb(255, 255, 255);
}
.creative-view.extraPadding {
padding-bottom: 15em;
}
.creative-view .section {
margin: 0px auto;
max-width: 1600px;
padding: 0px 1em;
width: 100%;
}
@media only screen and (min-width: 768px) {
.creative-view .simple-tab-header-container {
justify-content: left;
}
.creative-view .simple-tab-header-container .tab-item-container {
margin: 0px 3em;
}
}
.creative-view .error500 {
position: relative;
}
.creative-view .simple-tab-header-container {
justify-content: center;
}
.creative-home-view {
background-color: rgb(241, 244, 246);
padding-bottom: 2em;
}
.noheader {
height: 100%;
}
.noheader .page-body {
height: 100%;
min-height: 800px;
}
.noheader .container {
padding: 0px;
position: absolute;
right: 0px;
top: 0px;
width: 100%;
z-index: 1000;
}
.noheader .container .full-site-container {
display: flex;
justify-content: flex-end;
margin: 0px 1rem;
}
.noheader .container .locale-wrapper {
float: right;
padding-right: 1em;
width: 128px;
}
@media only screen and (max-width: 991px) {
.noheader .container .fulls {
float: left;
margin: 3.35vw 3.5vw 0px 2vw;
text-align: right;
width: 4.5em;
}
}
.noheader .container .fulls a {
color: rgb(255, 255, 255);
font-size: 1vw;
font-weight: 700;
}
@media only screen and (max-width: 991px) {
.noheader .container .fulls a {
font-size: 0.5em;
}
}
.noheader .container .fulls a:hover {
color: rgb(255, 255, 0) !important;
}
.noheader .container .fulls.right {
float: right;
}
.noheader .container #locale {
background-color: unset;
float: right;
font-size: 1.2em;
text-align: right;
width: 128px;
}
.noheader .container #locale i {
color: rgb(255, 255, 255);
}
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;
}
.fortnite-wrapper button.btn.btn-red,
.fortnite-wrapper button.btn.btn-red:hover {
background: rgb(232, 71, 61);
}
.fortnite-wrapper button.btn.btn-pink,
.fortnite-wrapper button.btn.btn-pink:hover {
background: rgb(248, 4, 255);
}
.safetySecurityView {
background-color: rgb(255, 255, 255);
}
.safetySecurityView .header-image {
background-size: cover;
padding-top: 31.25%;
width: 100%;
}
.safetySecurityView .content {
margin: 0px auto;
max-width: 940px;
padding: 2em;
}
@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;
}
.safetySecurityView .content img {
height: auto;
width: 100%;
}
}
#stw {
background: rgb(0, 0, 0);
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: rgb(255, 255, 255);
padding: 50px 0px 0px 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: 0px;
}
}
.help-center-wrapper .help-center-container {
display: flex;
padding-right: 0px;
}
.help-center-wrapper .help-center-container .help-center-column {
flex: 1 1 0%;
}
.help-center-wrapper .content-left {
padding-bottom: 50px;
}
.help-center-wrapper .content-left .main-title {
margin: 50px 0px;
}
@media only screen and (max-width: 1199px) {
.help-center-wrapper .content-left .main-title {
margin: 30px 0px;
text-align: center;
}
}
.help-center-wrapper .content-right {
display: block;
overflow: hidden;
position: relative;
right: 0px;
}
@media only screen and (max-width: 1199px) {
.help-center-wrapper .content-right {
display: none;
}
}
.help-center-wrapper .content-right img {
background-repeat: no-repeat;
background-size: cover;
position: absolute;
right: 10%;
top: 50px;
width: 70%;
}
.help-center-wrapper .hero-container-mobile {
display: none;
overflow: hidden;
width: 100%;
}
@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 {
background-repeat: no-repeat;
background-size: contain;
display: block;
width: 100%;
}
body:not(.ja) .fortnite-wrapper .battle-pass-view p,
body:not(.ko) .fortnite-wrapper .battle-pass-view p {
font-family: BurbankBigRegular-Black, sans-serif;
line-height: 1.25;
text-transform: uppercase;
}
.TakeOverView {
background: rgb(0, 0, 0);
}
.TakeOverView div {
margin: 0px auto;
position: relative;
}
.TakeOverView div .text {
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, rgb(255, 251, 198), rgb(141, 102, 15) 75%)
text;
font-family: BurbankBigRegular-Black;
font-size: 2.1em;
letter-spacing: 0.1em;
position: absolute;
right: 0px;
top: 246px;
}
.TakeOverView.desktop {
padding: 90px 0px;
}
.TakeOverView.desktop div {
width: 830px;
}
.TakeOverView.desktop div img {
max-width: 830px;
min-width: 830px;
width: 830px;
}
.TakeOverView.mobile {
display: none;
}
.TakeOverView.mobile div {
width: 320px;
}
.TakeOverView.mobile div img {
max-width: 320px;
min-width: 320px;
}
.TakeOverView.mobile div .text {
font-size: 1.2em;
right: 40px;
top: 370px;
}
@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: 0px !important;
}
}
.darkfireView {
background: rgb(3, 0, 0);
}
@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: rgb(232, 141, 243) !important;
}
.darkfireView .header-section {
align-items: center;
box-sizing: content-box;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0px auto;
max-width: 1600px;
padding: 5% 5% 0px;
}
.darkfireView .header-section .header-section-left {
flex: 1 1 0%;
min-width: 300px;
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 {
order: 2;
}
}
.darkfireView .header-section .header-section-right {
flex: 1 1 0%;
text-align: center;
width: 50%;
}
.darkfireView .header-section .header-section-right img {
max-width: 525px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.darkfireView .header-section .header-section-right img {
width: 80%;
}
}
.darkfireView .header-section .header-section-right h1 {
color: rgb(232, 141, 243);
}
.darkfireView .header-section .header-section-right h2 {
color: rgb(255, 255, 255);
margin: 2em auto;
max-width: 500px;
}
@media only screen and (max-width: 767px) {
.darkfireView .header-section .header-section-right h2 {
width: 70%;
}
.darkfireView .header-section .header-section-right {
order: 1;
}
}
.darkfireView .platform-section {
background-image: linear-gradient(-22deg, rgb(29, 5, 33), rgb(88, 18, 110));
clip-path: polygon(0px 4%, 100% 0px, 100% 100%, 0px 100%);
padding: 4% 2%;
width: 100vw;
}
@media only screen and (max-width: 767px) {
.darkfireView .platform-section {
clip-path: polygon(0px 1%, 100% 0px, 100% 100%, 0px 100%);
}
}
.darkfireView .platform-section .platform-section-wrapper {
margin: 0px auto;
max-width: 1600px;
}
.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: rgb(255, 255, 255);
}
.darkfireView .platform-section .platform-section-wrapper .platform-icons {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 2%;
}
.darkfireView
.platform-section
.platform-section-wrapper
.platform-icons
.platform-icon {
align-items: center;
box-sizing: content-box;
color: rgb(255, 255, 255);
display: flex;
flex-direction: column;
justify-content: center;
list-style: none;
max-width: 200px;
min-width: 100px;
padding: 3%;
}
.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;
position: relative;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.darkfireView
.platform-section
.platform-section-wrapper
.platform-icons
.platform-icon
> span {
font-size: 0.6em;
}
}
.darkfireView
.platform-section
.platform-section-wrapper
.platform-icons
.platform-icon.note
> span::after {
content: '*';
left: 105%;
position: absolute;
}
.darkfireView .platform-section .platform-section-wrapper .platform-note {
color: rgb(232, 141, 243);
margin-top: 5%;
text-align: center;
}
.darkfireView .bundle-section {
margin: 0px auto;
max-width: 1600px;
padding-bottom: 10%;
}
.darkfireView .bundle-section header {
font-size: 20px;
padding: 5% 5% 0px;
}
.darkfireView .bundle-section header h1 {
color: rgb(232, 141, 243);
text-align: center;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section header h1 {
font-size: 6vw;
}
}
.darkfireView .bundle-section .outfits {
display: flex;
flex-direction: column;
margin: 0px 5%;
position: relative;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .outfits {
align-items: center;
margin-top: 0px;
}
}
.darkfireView .bundle-section .outfits img {
flex-shrink: 0;
margin-bottom: 5%;
margin-top: -15%;
width: 100%;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .outfits img {
margin-bottom: 0px;
order: 1;
}
}
.darkfireView .bundle-section .outfits h1 {
bottom: 60%;
color: rgb(232, 141, 243);
font-size: 5vw;
left: 0px;
max-width: 300px;
position: absolute;
}
@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 {
font-size: 5vw;
margin-bottom: 0px;
order: 2;
position: relative;
}
}
.darkfireView .bundle-section .outfits .outfit-names {
align-items: flex-start;
bottom: 50%;
display: flex;
flex-direction: column;
left: 0px;
max-width: 250px;
position: absolute;
right: 0px;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .outfits .outfit-names {
align-items: center;
max-width: unset;
order: 3;
position: relative;
}
}
.darkfireView .bundle-section .outfits .outfit-names h5 {
color: rgb(255, 255, 255);
font-size: 1vw;
line-height: 1.2;
margin: 0px;
}
@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 {
display: flex;
flex-direction: column;
margin: 5%;
padding-bottom: 0px;
position: relative;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .guns {
align-items: center;
margin-top: 50px;
}
}
.darkfireView .bundle-section .guns img {
flex-shrink: 0;
width: 100%;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .guns img {
order: 1;
width: 100vw;
}
}
.darkfireView .bundle-section .guns h1 {
color: rgb(232, 141, 243);
font-size: 3vw;
margin: 0px;
max-width: 15vw;
position: absolute;
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 {
font-size: 5vw;
max-width: unset;
order: 2;
position: relative;
text-align: center;
top: 0px;
width: 100%;
}
}
.darkfireView .bundle-section .guns .guns-names {
align-items: flex-start;
bottom: 70%;
display: flex;
flex-direction: column;
left: 0px;
max-width: 30%;
position: absolute;
right: 0px;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .guns .guns-names {
align-items: center;
max-width: unset;
order: 3;
position: relative;
}
}
.darkfireView .bundle-section .guns .guns-names h5 {
color: rgb(255, 255, 255);
font-size: 1vw;
line-height: 1.2;
margin: 0px;
position: relative;
}
@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 {
height: 0px;
padding-top: 10%;
position: relative;
width: 100%;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .emote {
padding-top: 0px;
}
}
.darkfireView .bundle-section .emote .emote-wrapper {
align-items: center;
display: flex;
left: 70%;
position: absolute;
top: -10vw;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .emote .emote-wrapper {
flex-direction: column;
left: 75%;
top: -55vw;
}
}
.darkfireView .bundle-section .emote .emote-wrapper h3 {
color: rgb(232, 141, 243);
font-size: 1.5vw;
left: 100%;
position: absolute;
width: 10vw;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .emote .emote-wrapper h3 {
font-size: 3vw;
left: unset;
margin-top: 1em;
max-width: 20vw;
order: 2;
position: relative;
text-align: center;
}
}
.darkfireView .bundle-section .emote .emote-wrapper img {
max-height: 20vw;
}
.darkfireView .bundle-section .backBlings {
display: flex;
flex-direction: column;
margin: 0px 5%;
position: relative;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .backBlings {
padding: 5% 0px;
}
}
.darkfireView .bundle-section .backBlings img {
flex-shrink: 0;
margin-bottom: 5%;
width: 100%;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .backBlings img {
margin-bottom: 0px;
width: 120vw;
}
}
.darkfireView .bundle-section .backBlings .text-wrapper {
bottom: 0px;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 25%;
position: absolute;
right: 0px;
top: 0px;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .backBlings .text-wrapper {
align-items: center;
max-width: unset;
position: relative;
}
}
.darkfireView .bundle-section .backBlings .text-wrapper h1 {
color: rgb(232, 141, 243);
font-size: 3vw;
margin: 0px;
}
@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: 0px;
}
}
.darkfireView .bundle-section .backBlings .text-wrapper .backBlings-names h5 {
color: rgb(255, 255, 255);
font-size: 1vw;
line-height: 1.2;
margin: 0px;
}
@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 {
font-size: 3vw;
margin-top: 0px;
text-align: center;
}
}
.darkfireView .bundle-section .axes {
display: flex;
flex-direction: column;
margin: 0px 5%;
padding-bottom: 20%;
position: relative;
}
.darkfireView .bundle-section .axes img {
flex-shrink: 0;
margin-bottom: 5%;
width: 100%;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .axes img {
margin-bottom: 0px;
}
}
.darkfireView .bundle-section .axes h1 {
color: rgb(232, 141, 243);
font-size: 3vw;
margin: 0px;
max-width: 15%;
position: absolute;
top: 15%;
}
@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 {
font-size: 5vw;
margin-bottom: 5%;
max-width: 100%;
order: 2;
position: relative;
text-align: center;
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 {
display: flex;
flex-direction: column;
margin-left: 0px;
}
}
.darkfireView .bundle-section .axes .axes-wrapper .axes-names {
align-items: flex-start;
display: flex;
flex-direction: column;
left: -11%;
position: absolute;
top: 30%;
}
@media only screen and (max-width: 767px) {
.darkfireView .bundle-section .axes .axes-wrapper .axes-names {
align-items: center;
display: flex;
flex-direction: column;
justify-content: space-around;
left: 0px;
position: relative;
right: 0px;
top: 0px;
}
}
.darkfireView .bundle-section .axes .axes-wrapper .axes-names h5 {
color: rgb(255, 255, 255);
font-size: 1vw;
line-height: 1.2;
margin: 0px;
max-width: 20vw;
position: relative;
top: 15%;
}
@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: rgb(255, 255, 255);
position: relative;
}
.darkfireView .disks-section::before {
background: rgb(255, 255, 255);
border: none;
bottom: calc(100% - 1px);
clip-path: polygon(0px 100%, 100% 0px, 100% 100%, 0px 100%);
content: '';
height: 15%;
position: absolute;
width: 100%;
}
@media only screen and (max-width: 767px) {
.darkfireView .disks-section::before {
content: none;
}
}
.darkfireView .disks-section .disks-wrapper {
margin: 0px auto;
max-width: 1600px;
}
.darkfireView .disks-section .disks-wrapper img.disks-pic {
display: block;
margin: 0px auto -45%;
max-width: 1400px;
transform: translateY(-70%);
width: 100%;
}
@media only screen and (max-width: 767px) {
.darkfireView .disks-section .disks-wrapper img.disks-pic {
transform: translateY(-60%);
}
}
.darkfireView .disks-section .disks-wrapper .disks-content {
align-items: center;
color: rgb(0, 0, 0);
display: flex;
flex-direction: column;
font-size: 2em;
justify-content: center;
}
@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: 0px 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 {
align-self: center;
color: rgb(255, 255, 255);
margin-top: 4%;
background-color: rgb(142, 22, 165) !important;
}
@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 {
color: rgb(0, 0, 0);
display: flex;
line-height: 1.5;
margin: 0px auto;
max-width: 80%;
padding: 5em 0px;
text-align: center;
}
.darkfireView .disks-section .disks-wrapper .legal-terms > img {
align-self: center;
width: 232px;
}
@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 {
align-items: center;
display: flex;
margin: 0px 3%;
}
@media only screen and (max-width: 767px) {
.darkfireView .disks-section .disks-wrapper .legal-terms {
flex-flow: column wrap;
font-size: 0.8em;
justify-content: center;
max-width: 95%;
}
}
.paymentsact-view-container {
background-color: rgb(255, 255, 255);
}
.paymentsact-view-container #paymentsactContainer {
display: table;
height: 80vh;
min-height: 90vh;
width: 100%;
}
.paymentsact-view-container #paymentsactContainer .paymentsact-container {
margin-bottom: 2em;
margin-top: 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: 0.9em;
}
.paymentsact-view-container
#paymentsactContainer
.paymentsact-container
.btn.btn-primary {
font-size: 1em;
margin-top: 0.6em;
min-width: 7em;
padding: 0.4em 1.5em;
}
.paymentsact-view-container
#paymentsactContainer
.paymentsact-container
.paymentsact-text {
line-height: 2em;
}
body.ar #paymentsactContainer {
direction: rtl;
}
.simpleView {
font-size: 1.1em;
min-height: 90vh;
overflow: hidden;
background-size: cover !important;
}
.simpleView .content {
margin: 3em auto;
max-width: 940px;
padding: 2em;
}
.simpleView .content img {
max-width: 100%;
height: auto !important;
}
.simpleView.verticalCenter {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
}
.simpleView.verticalCenter .content {
width: 100%;
}
.simpleView.noTopMargin .content {
margin: 0px auto;
}
.simpleView.withBorder .content {
border: 1px solid rgb(232, 232, 232);
}
.linkColorBlue a,
.linkColorBlue a:hover,
.linkColorBlue a:visited {
color: rgb(17, 85, 204);
}
.linkColorBlack a,
.linkColorBlack a:hover,
.linkColorBlack a:visited {
color: rgb(0, 0, 0);
}
.fortnite-wrapper .fontBurbankBigCondensedBlack {
font-family: BurbankBigCondensed-Black, sans-serif;
}
.fortnite-wrapper .fontBurbankSmallBlack {
font-family: BurbankSmall-Black, sans-serif;
}
.fortnite-wrapper .fontBurbankBigRegularBlack {
font-family: BurbankBigRegular-Black, sans-serif;
}
.fortnite-wrapper .fontOpenSans {
font-family: OpenSans, sans-serif;
}
.fortnite-wrapper .fontsansserif {
font-family: sans-serif;
}
.fortnite-wrapper .fontOpenSans {
font-family: OpenSans, icomoon, sans-serif;
}
.fortnite-wrapper .fontKoaERIN {
font-family: aERIN, sans-serif;
}
.fortnite-wrapper .fontKo {
font-family: NotoSansCJKkr, sans-serif;
}
.fortnite-wrapper .fontjaHeader {
font-family: Tazugane, sans-serif;
}
.fortnite-wrapper .fontjaBody {
font-family: NotoSansCJKjp, sans-serif;
}
.fortnite-wrapper .fontArabic {
font-family: NotoNaskhArabicUI, NotoNaskhArabic, sans-serif;
}
body:not(.ja):not(.ko):not(.ru) .subscription-view-wrapper p {
font-family: BurbankBigRegular-Black, sans-serif;
line-height: 1.25;
text-transform: uppercase;
}
body.ru .fortnite-wrapper .battle-pass-view p {
font-family: BurbankBigCondensed-Black, sans-serif;
}
.subscription-view-wrapper {
background-color: rgb(255, 255, 255);
margin: 0px auto;
}
.subscription-view-wrapper .subscription-logo-image {
margin-bottom: -45px;
}
@media screen and (min-width: 1600px) {
.subscription-view-wrapper .subscription-logo-image {
margin-bottom: -90px;
}
}
.fortnite-wrapper .chapter2-season6 {
background: rgb(59, 174, 218);
}
.fortnite-wrapper .chapter2-season6 .container {
align-items: center;
display: flex;
justify-content: flex-end;
padding: 1em;
z-index: 1001;
}
.fortnite-wrapper .chapter2-season6 .container::after,
.fortnite-wrapper .chapter2-season6 .container::before {
display: none;
}
.fortnite-wrapper .chapter2-season6 .BgCTA-container {
width: 100vw !important;
}
.fortnite-wrapper .chapter2-season6 .BgCTA-container.mobile {
height: 100vh;
min-height: 800px;
}
@media only screen and (max-width: 767px) {
.fortnite-wrapper .chapter2-season6 .BgCTA-container.mobile {
height: 90vh;
min-height: 600px;
}
}
.fortnite-wrapper .chapter2-season6 .BgCTA-container.mobile .BgCTA-wrapper {
height: 100%;
}
.fortnite-wrapper .chapter2-season6 .BgCTA-container.mobile .center {
top: 10em;
}
.fortnite-wrapper .chapter2-season6 .BgCTA-container .BgCTA-wrapper {
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.fortnite-wrapper .chapter2-season6 .BgCTA-container .center {
inset: 20em 0px 0px;
flex-direction: column;
justify-content: center;
padding-top: 10em;
position: absolute;
text-align: center;
transform: none;
width: 100%;
display: flex !important;
}
@media only screen and (max-width: 1399px) {
.fortnite-wrapper .chapter2-season6 .BgCTA-container .center {
top: 10em;
}
}
@media only screen and (max-width: 767px) {
.fortnite-wrapper .chapter2-season6 .BgCTA-container .center {
top: 0px;
}
}
.fortnite-wrapper .chapter2-season6 .BgCTA-container .center .text-wrapper {
display: inline-block;
padding: 1em 10em;
font-size: 1em !important;
}
@media only screen and (max-width: 991px) {
.fortnite-wrapper .chapter2-season6 .BgCTA-container .center .text-wrapper {
padding: 3em 0px;
width: 100vw;
}
}
.fortnite-wrapper .chapter2-season6 .BgCTA-container .center button {
background-color: rgb(11, 11, 51);
color: rgb(27, 28, 26);
padding: 0px 1em;
}
.fortnite-wrapper .chapter2-season6 .BgCTA-container .center button:hover {
background-color: rgb(29, 29, 135);
}
@media only screen and (max-width: 991px) {
.fortnite-wrapper .chapter2-season6 .BgCTA-container .center button {
font-size: 2em;
}
}
.fortnite-wrapper .chapter2-season6 .BgCTA-container .copyright p {
color: rgb(255, 255, 255);
}
.fortnite-wrapper .chapter2-season6 .cta-container {
padding: 2em 1em;
}
@media only screen and (max-width: 991px) {
.fortnite-wrapper .chapter2-season6 .cta-container h1 {
font-size: 29px;
}
}
.fortnite-wrapper .chapter2-season6 .cta-container p {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 25px;
line-height: 1.25;
margin-top: 0.5em;
max-width: 30em !important;
}
@media only screen and (max-width: 991px) {
.fortnite-wrapper .chapter2-season6 .cta-container p {
font-size: 1.8rem;
}
}
.fortnite-wrapper .chapter2-season6 .cta-container button {
font-size: 4rem;
margin-top: 0.75em;
}
@media only screen and (max-width: 767px) {
.fortnite-wrapper .chapter2-season6 .cta-container button {
font-size: 2.4rem;
}
}
.fortnite-wrapper .chapter2-season6 .LPVideo .screen {
background: rgb(59, 174, 218);
}
.noheader .chapter2-season6-thankyou .container {
align-items: center;
display: flex;
justify-content: space-between;
padding: 1em;
}
.noheader .chapter2-season6-thankyou .container::after,
.noheader .chapter2-season6-thankyou .container::before {
display: none;
}
.noheader .chapter2-season6-thankyou .LPdlwrapper {
flex-direction: column;
justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
.noheader .chapter2-season6-thankyou .LPdlwrapper {
background-position: 70% 0px;
}
}
.noheader
.chapter2-season6-thankyou
.LPdlwrapper
.LPdlwrapper-lowlight-overlay {
background: transparent;
}
.noheader .chapter2-season6-thankyou .LPdlinnerwrapper {
align-items: center;
}
.noheader .chapter2-season6-thankyou .LPdlinnerwrapper.right {
margin: 0px auto auto 0px;
}
.noheader .chapter2-season6-thankyou .LPdlinnerwrapper .left.ch2s6,
.noheader .chapter2-season6-thankyou .LPdlinnerwrapper .right.ch2s6 {
margin: 18% auto 0px;
}
.noheader .chapter2-season6-thankyou .LPdlinnerwrapper .left.ch2s6 h1 {
padding: 10px 0px;
}
.noheader .chapter2-season6-thankyou .LPdlinnerwrapper .available,
.noheader .chapter2-season6-thankyou .LPdlinnerwrapper .candownload,
.noheader .chapter2-season6-thankyou .LPdlinnerwrapper .selectPlatform {
color: rgb(0, 0, 0);
}
@media only screen and (max-width: 991px) {
.noheader .chapter2-season6-thankyou .LPdlinnerwrapper .available,
.noheader .chapter2-season6-thankyou .LPdlinnerwrapper .candownload,
.noheader .chapter2-season6-thankyou .LPdlinnerwrapper .selectPlatform {
color: rgb(255, 255, 255);
}
.noheader .chapter2-season6-thankyou .LPdlinnerwrapper.left {
margin: 0px;
}
}
.ar .noheader .chapter2-season6-thankyou .LPdlinnerwrapper .legalTags {
align-self: center !important;
}
.fortnite-wrapper .chapter2-season7 {
background: rgb(0, 0, 0);
}
.fortnite-wrapper .chapter2-season7 .container {
align-items: center;
display: flex;
justify-content: flex-end;
padding: 1em;
z-index: 1001;
}
.fortnite-wrapper .chapter2-season7 .container::after,
.fortnite-wrapper .chapter2-season7 .container::before {
display: none;
}
.fortnite-wrapper .chapter2-season7 .BgCTA-container {
width: 100vw !important;
}
.fortnite-wrapper .chapter2-season7 .BgCTA-container.mobile {
height: 100vh;
min-height: 800px;
}
@media only screen and (max-width: 767px) {
.fortnite-wrapper .chapter2-season7 .BgCTA-container.mobile {
height: 90vh;
min-height: 600px;
}
}
.fortnite-wrapper .chapter2-season7 .BgCTA-container.mobile .BgCTA-wrapper {
height: 100%;
}
.fortnite-wrapper .chapter2-season7 .BgCTA-container .BgCTA-wrapper {
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.fortnite-wrapper .chapter2-season7 .BgCTA-container .center {
align-items: center;
bottom: 0px;
flex-direction: column;
justify-content: center;
left: 0px;
right: 0px;
text-align: center;
transform: none;
width: 100%;
display: flex !important;
}
.fortnite-wrapper .chapter2-season7 .BgCTA-container .center .text-wrapper {
margin-bottom: auto;
margin-top: 5vh;
width: 100%;
}
.fortnite-wrapper .chapter2-season7 .BgCTA-container .copyright p {
color: rgb(255, 255, 255);
}
.fortnite-wrapper .chapter2-season7 .cta-container {
padding: 2em 1em;
}
@media only screen and (max-width: 991px) {
.fortnite-wrapper .chapter2-season7 .cta-container h1 {
font-size: 29px;
}
}
.fortnite-wrapper .chapter2-season7 .cta-container p {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 25px;
line-height: 1.25;
margin-top: 0.5em;
max-width: 30em !important;
}
@media only screen and (max-width: 991px) {
.fortnite-wrapper .chapter2-season7 .cta-container p {
font-size: 1.8rem;
}
}
.fortnite-wrapper .chapter2-season7 .cta-container button {
font-size: 4rem;
margin-top: 0.75em;
}
@media only screen and (max-width: 767px) {
.fortnite-wrapper .chapter2-season7 .cta-container button {
font-size: 2.1rem;
}
}
.fortnite-wrapper .chapter2-season7 .LPVideo .screen {
background: rgb(0, 0, 0);
}
.noheader .chapter2-season7-thankyou .container {
align-items: center;
display: flex;
justify-content: space-between;
padding: 1em;
}
.noheader .chapter2-season7-thankyou .container::after,
.noheader .chapter2-season7-thankyou .container::before {
display: none;
}
.noheader .chapter2-season7-thankyou .LPdlwrapper {
flex-direction: column;
justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
.noheader .chapter2-season7-thankyou .LPdlwrapper {
background-position: 70% 0px;
}
}
.noheader
.chapter2-season7-thankyou
.LPdlwrapper
.LPdlwrapper-lowlight-overlay {
background: transparent;
}
.noheader .chapter2-season7-thankyou .LPdlinnerwrapper {
align-items: center;
}
.noheader .chapter2-season7-thankyou .LPdlinnerwrapper.right {
margin: 0px auto auto 0px;
}
.noheader .chapter2-season7-thankyou .LPdlinnerwrapper.right h1 {
padding: 10px 0px;
}
.noheader .chapter2-season7-thankyou .LPdlinnerwrapper .available,
.noheader .chapter2-season7-thankyou .LPdlinnerwrapper .candownload,
.noheader .chapter2-season7-thankyou .LPdlinnerwrapper .selectPlatform {
color: rgb(0, 0, 0);
}
@media only screen and (max-width: 991px) {
.noheader .chapter2-season7-thankyou .LPdlinnerwrapper .available,
.noheader .chapter2-season7-thankyou .LPdlinnerwrapper .candownload,
.noheader .chapter2-season7-thankyou .LPdlinnerwrapper .selectPlatform {
color: rgb(255, 255, 255);
}
.noheader .chapter2-season7-thankyou .LPdlinnerwrapper.left {
margin-top: 30vh;
}
}
.ar .noheader .chapter2-season7-thankyou .LPdlinnerwrapper .legalTags {
align-self: center !important;
}
.fortnite-wrapper .noheader .page-body .chapter2-season8-thankyou {
height: 100vh;
min-height: 680px;
}
.genericLegalView {
background-color: rgb(255, 255, 255);
}
.genericLegalView .header-image {
background-size: cover;
padding-top: 31.25%;
width: 100%;
}
.genericLegalView .content {
margin: 0px auto;
max-width: 940px;
padding: 2em;
}
@media only screen and (max-width: 767px) {
.genericLegalView .content {
font-size: 14px;
padding: 5%;
}
}
.genericLegalView .content a,
.genericLegalView .content p {
font-size: 100%;
}
@media only screen and (max-width: 767px) {
.genericLegalView .content ol,
.genericLegalView .content ul {
padding-left: 3em;
}
.genericLegalView .content img {
height: auto;
width: 100%;
}
}
.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 {
height: auto;
max-height: 690px;
}
.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 {
background: rgb(30, 30, 30);
min-height: 100%;
min-width: 100%;
overflow: hidden;
position: relative;
}
#img-container .img {
background-position: 50% 0px;
background-size: cover;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
transform: scale3d(1.3, 1.3, 1.3);
transition: transform 0.25s ease-in-out 0s, opacity 0.25s ease-in-out 0s;
width: 100%;
}
@media only screen and (max-width: 1199px) {
#img-container .img {
transform: scaleX(1);
}
}
@media only screen and (max-width: 767px) {
#img-container .img {
opacity: 0.45;
transform: scale(1);
}
}
#img-container .caption {
left: 0px;
max-height: 95%;
padding: 1em 2.5em;
position: absolute;
right: 0px;
top: 0px;
transform: translateY(12vw);
transition: transform 0.25s ease-in-out 0s;
}
@media screen and (max-width: 1300px) {
#img-container .caption {
transform: translateY(9vw);
}
}
@media only screen and (max-width: 1199px) {
#img-container .caption {
transform: translateY(10vw);
}
}
@media only screen and (max-width: 991px) {
#img-container .caption {
transform: translateY(50px);
}
}
@media only screen and (max-width: 767px) {
#img-container .caption {
transform: translateY(1em);
}
}
#img-container .caption h2 {
color: rgb(255, 255, 255);
margin-bottom: 0px;
padding: 0.5em 0px;
position: relative;
text-align: center;
text-shadow: rgb(0, 0, 0) 0px 2px 20px;
}
#img-container .caption .title-underline {
background: rgb(255, 255, 255);
height: 3px;
margin: 0px auto 1em;
position: relative;
transition: width 0.5s ease-in-out 0s;
width: 100%;
}
@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;
transform: translateY(20px);
transition: opacity 0.25s ease-in-out 0s, transform 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
#img-container .caption a,
#img-container .caption p,
#img-container .caption span {
opacity: 1;
transform: translateY(0px);
transition: opacity 0.25s ease-in-out 0.125s, transform 0.25s ease-in-out;
}
}
#img-container .caption p {
color: rgb(255, 255, 255);
margin: 0px auto;
max-height: 8em;
max-width: 500px;
overflow: hidden;
text-align: center;
}
@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 {
text-overflow: ellipsis;
white-space: nowrap;
}
}
@media only screen and (max-width: 1199px) {
#img-container .caption p {
text-overflow: ellipsis;
white-space: nowrap;
}
}
@media only screen and (max-width: 991px) {
#img-container .caption p {
max-height: 6em;
text-overflow: ellipsis;
white-space: nowrap;
}
}
@media only screen and (max-width: 767px) {
#img-container .caption p {
max-height: none;
text-overflow: ellipsis;
white-space: nowrap;
}
}
#img-container .caption a,
#img-container .caption span {
color: rgb(255, 255, 0);
display: block;
margin: 0.5em auto;
max-width: 100px;
position: relative;
text-align: center;
}
#img-container .caption a::after,
#img-container .caption a::before,
#img-container .caption span::after,
#img-container .caption span::before {
background: rgb(255, 255, 0);
content: '';
display: block;
height: 100%;
opacity: 0;
position: absolute;
top: 0px;
transition: opacity 0.25s ease-in-out 0.5s, left 0.25s ease-in-out,
right 0.25s ease-in-out;
width: 2px;
}
#img-container .caption a::before,
#img-container .caption span::before {
left: 0.5em;
}
#img-container .caption a::after,
#img-container .caption span::after {
right: 0.5em;
}
@media only screen and (min-width: 568px) {
#img-container:hover .caption {
transform: translateY(0px);
}
#img-container:hover .caption .title-underline {
width: 100%;
}
#img-container:hover .caption p,
#img-container:hover .caption span {
opacity: 1;
transform: translateY(0px);
transition: opacity 0.25s ease-in-out 0.125s, transform 0.25s ease-in-out;
}
#img-container:hover .caption a::after,
#img-container:hover .caption a::before,
#img-container:hover .caption span::after,
#img-container:hover .caption span::before {
opacity: 1;
}
#img-container:hover .caption a::before,
#img-container:hover .caption span::before {
left: -0.5em;
}
#img-container:hover .caption a::after,
#img-container:hover .caption span::after {
right: -0.5em;
}
#img-container:hover .img {
opacity: 0.45;
transform: scale(1);
}
}
body.ar .page-jumbotron .section-header-imagebg {
transform: scaleX(-1);
}
.page-jumbotron .section-header-imagebg {
background-color: rgb(77, 77, 77);
background-size: cover;
height: 260px;
width: 100%;
}
@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 {
color: rgb(255, 255, 255);
left: 0px;
max-width: 1200px;
position: relative;
}
.page-jumbotron .name-container h1 {
color: rgb(255, 255, 255);
position: absolute;
top: -175px;
}
@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 {
left: 1em !important;
right: auto !important;
}
body.ar .skins .skin-list .cs-options li {
padding-right: 40px;
text-align: right;
}
body.ar .skins .skin-list .cs-options li::before {
left: auto;
right: 0px;
}
div.cs-select {
background: rgb(255, 255, 255);
display: inline-block;
max-width: 500px;
position: relative;
text-align: left;
user-select: none;
vertical-align: middle;
width: 100%;
z-index: 100;
}
div.cs-select:focus {
outline: none;
}
.cs-select select {
display: none;
}
.cs-select span {
cursor: pointer;
display: block;
overflow: hidden;
padding: 1em;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
}
.cs-select > span {
padding-right: 3em;
}
.cs-select > span::after {
-webkit-font-smoothing: antialiased;
}
.cs-select .cs-selected span::after,
.cs-select > span::after {
speak: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.cs-select .cs-selected span::after {
content: '';
margin-left: 1em;
}
.cs-select > span::after {
content: '';
right: 1em;
}
.cs-select.cs-active > span::after {
transform: translateY(-50%) rotate(180deg);
}
.cs-select .cs-options {
background: rgb(255, 255, 255);
height: 100%;
overflow: hidden;
position: absolute;
visibility: hidden;
width: 100%;
}
.cs-select.cs-active .cs-options {
visibility: visible;
}
.cs-select ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 100%;
}
.cs-select ul span {
padding: 1em;
}
.cs-select ul li.cs-focus span {
background-color: rgb(221, 221, 221);
}
.cs-select li.cs-optgroup ul {
padding-left: 1em;
}
.cs-select li.cs-optgroup > span {
cursor: default;
}
.cs-select .cs-select-underlay {
background: transparent;
inset: 0px;
display: none;
position: fixed;
visibility: hidden;
z-index: 0;
}
.cs-select .cs-select-underlay.cs-select-underlay-active {
display: block;
visibility: visible;
z-index: -1;
}
div.cs-skin-slide {
color: rgb(0, 0, 0);
font-size: 1.5em;
width: 300px;
}
div.cs-skin-slide::before {
backface-visibility: hidden;
background: rgb(255, 255, 255);
color: rgb(0, 0, 0);
content: '';
height: 100%;
left: 0px;
position: absolute;
top: 0px;
transition: transform 0.3s ease 0s;
width: 100%;
}
.cs-skin-slide.cs-active::before {
background: transparent;
height: 280%;
transform: scale3d(1.1, 1.1, 1);
}
.cs-skin-slide.cs-active > span {
opacity: 0;
text-indent: -290px;
}
.cs-skin-slide.cs-active > span::after {
backface-visibility: hidden;
color: rgb(255, 255, 0);
content: '';
font-family: icomoon;
transform: translate3d(0px, -50%, 0px);
}
.cs-skin-slide > span {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 0.6em;
height: 80px;
line-height: 3.5em;
text-transform: uppercase;
transition: text-indent 0.3s ease 0s, opacity 0.3s ease 0s;
}
@media only screen and (max-width: 767px) {
.cs-skin-slide > span {
font-size: 0.6em;
}
}
.cs-skin-slide > span::after {
backface-visibility: hidden;
color: rgb(255, 255, 0);
content: '';
font-family: icomoon;
}
.cs-skin-slide .cs-options {
background: rgb(255, 255, 255);
height: auto;
left: 50%;
padding: 1em;
top: 150%;
transform: translate3d(-50%, -50%, 0px);
transition: transform 0.3s ease 0s;
width: 100%;
}
.cs-skin-slide .cs-options li {
opacity: 0;
transform: translate3d(30%, 0px, 0px);
transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
}
.cs-skin-slide.cs-active .cs-options li {
opacity: 1;
transform: translateZ(0px);
}
.cs-skin-slide.cs-active .cs-options li:first-child {
transition-delay: 0.05s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(2) {
transition-delay: 0.1s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(3) {
transition-delay: 0.15s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(4) {
transition-delay: 0.2s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(5) {
transition-delay: 0.25s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(6) {
transition-delay: 0.3s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(7) {
transition-delay: 0.35s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(8) {
transition-delay: 0.4s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(9) {
transition-delay: 0.45s;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(10) {
transition-delay: 0.5s;
}
.cs-skin-slide .cs-options li span {
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 0.6em;
letter-spacing: 2px;
padding: 0.6em 1em 0.8em 2.5em;
text-transform: uppercase;
}
.cs-skin-slide .cs-options li span:hover,
.cs-skin-slide .cs-options li.cs-focus span,
.cs-skin-slide .cs-options li.cs-selected span {
background: transparent;
color: rgb(255, 255, 0);
}
.cs-skin-slide .cs-selected span::after {
content: '';
}
@media only screen and (max-width: 1199px) {
.cs-skin-slide.cs-active::before {
height: 400%;
transform: scaleY(1.1);
}
div.cs-skin-slide {
width: 180px;
}
div.cs-skin-slide .cs-options {
padding: 0.25em;
}
div.cs-skin-slide .cs-options li {
line-height: 1.5em;
}
div.cs-skin-slide .cs-options li::before {
top: 0px !important;
}
div.cs-skin-slide .cs-options li span {
padding: 0.2em 1em 0.2em 2.5em !important;
}
div.cs-skin-slide > span {
height: 39px;
line-height: 1em;
font-size: 0.6em !important;
}
}
body.ar .skins .skin-list {
left: 0px;
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'] #fortniteReactWrapper .slick-slider .pagination li,
body[data-iphone='true'] #fortniteReactWrapper .slick-slider .pagination li {
display: inline-block;
}
body[data-ios='true'] #fortniteReactWrapper .slick-slider .pagination li button,
body[data-iphone='true']
#fortniteReactWrapper
.slick-slider
.pagination
li
button {
height: auto !important;
}
.slick-slider .slick-control {
border: none;
color: rgb(30, 30, 30);
display: table;
font-weight: 700;
height: 100%;
position: relative;
text-align: center;
transition: all 0.2s ease 0s;
width: 3em;
}
.slick-slider .slick-control i {
display: table-cell;
font-size: 1.6em;
vertical-align: middle;
}
.slick-slider .slick-next {
right: -3em;
}
.slick-slider .slick-prev {
left: -3em;
}
.slick-slider .slick-prev i {
transform: rotate(-180deg);
}
.slick-slider.nav-top div.slick-next {
height: 37px;
right: 0px;
top: -43px;
}
.slick-slider.nav-top div.slick-prev {
height: 37px;
left: inherit;
right: 50px;
top: -43px;
}
.slick-slider.nav-top div.slick-slider .slick-control {
width: 2em;
}
@media only screen and (max-width: 1399px) {
.slick-slider div.slick-next {
height: 37px;
right: 0px;
top: -43px;
}
.slick-slider div.slick-prev {
height: 37px;
left: inherit;
right: 50px;
top: -43px;
}
.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 {
display: block;
height: 100%;
position: absolute;
top: 0px;
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: rgb(255, 255, 0);
}
.slick-slider .pagination {
text-align: center;
}
.slick-slider .pagination li {
display: inline-block;
}
.slick-slider .pagination li button {
background: transparent;
border: 1px solid rgb(232, 232, 232);
border-radius: 50%;
color: transparent;
display: inline-block;
height: 1em;
margin: 1em;
width: 1em;
}
@media only screen and (max-width: 767px) {
.slick-slider .pagination li button {
margin: 0.75em;
}
}
.slick-slider .pagination li.slick-active button {
background: rgb(232, 232, 232);
}
.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 {
height: 100%;
width: 100%;
}
.twitch-preview-anchor img,
.twitch-video-embed {
height: 100%;
}
.twitch-video-embed .twitch-preview-anchor img {
height: auto;
width: 100%;
}
.twitch-video-embed iframe,
.youtube-video-embed {
height: 100%;
width: 100%;
}
.youtube-video-embed iframe {
min-height: 100%;
min-width: 100%;
}
#videoOverlay.video-overlay {
background: transparent;
inset: 0px;
height: 100%;
position: fixed;
visibility: hidden;
width: 100%;
z-index: -1;
}
#videoOverlay.video-overlay .full-height {
height: 100%;
}
#videoOverlay.video-overlay .video-container {
box-shadow: rgb(0, 0, 0) 0px 2px 23px -1px;
position: relative;
text-align: center;
top: 50%;
transform: translateY(-50%);
}
#videoOverlay.video-overlay .close-video {
cursor: pointer;
padding: 0.5em;
position: absolute;
right: 0px;
top: 0px;
}
#videoOverlay.video-overlay .close-video i {
color: rgb(255, 255, 0);
font-size: 1.5em;
}
#videoOverlay.video-overlay.active {
background: rgba(0, 0, 0, 0.9);
transition: background 0.3s ease-in-out 0s;
visibility: visible;
z-index: 11;
}
#videoOverlay.video-overlay.active .video-container {
animation: 0.75s ease-in-out 0s 1 normal none running zoom;
transform-origin: 50% 50%;
}
.mouse-position {
background-color: transparent;
border-radius: 50%;
height: 4em;
opacity: 0;
overflow: hidden;
position: fixed;
text-align: center;
transition: all 0.3s ease-out 0s;
visibility: hidden;
width: 4em;
z-index: 5;
}
.mouse-position i {
color: rgb(255, 255, 255);
display: inline-block;
font-size: 2em;
margin-top: 0.55em;
vertical-align: middle;
}
.mouse-position.tier-1 {
background-color: rgba(142, 144, 173, 0.9);
}
.mouse-position.tier-2 {
background-color: rgba(1, 131, 177, 0.9);
}
.mouse-position.tier-3 {
background-color: rgba(132, 13, 188, 0.9);
}
.mouse-position.tier-4 {
background-color: rgba(197, 92, 23, 0.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: 0.44em;
}
.fortnite-wrapper .download-button.btn-display {
background-color: transparent !important;
}
.fortnite-wrapper .download-button.play-free {
color: rgb(0, 0, 0);
}
.fortnite-wrapper .download-button.play-free::after {
background-color: rgb(255, 255, 0);
}
.fortnite-wrapper .download-button.play-free:active,
.fortnite-wrapper .download-button.play-free:focus,
.fortnite-wrapper .download-button.play-free:hover {
color: rgb(0, 0, 0);
}
.fortnite-wrapper .download-button.play-free:active::after,
.fortnite-wrapper .download-button.play-free:focus::after,
.fortnite-wrapper .download-button.play-free:hover::after {
background-color: rgb(230, 230, 0);
}
.fortnite-wrapper .download-button.play-free.disabled::after {
animation: auto ease 0s 1 normal none running none;
}
.fortnite-wrapper .download-button .bolt {
height: 100%;
position: absolute;
right: 0px;
top: 0px;
width: 3.5em;
z-index: 2;
}
.fortnite-wrapper .download-button .bolt i {
background: rgb(0, 0, 0);
border-radius: 2em;
color: rgb(255, 255, 0);
font-size: 0.5em;
padding: 0.5em;
position: absolute;
right: 0.5em;
top: 0.5em;
transform: scale(0.8);
}
.animate-string span {
display: inline-block;
opacity: 0;
padding-right: 0.2em;
}
.animate-string span:last-child {
padding-right: 0px;
}
.animate-string.overflow,
.bk-img {
overflow: hidden;
}
.bk-img {
background: center top / cover no-repeat;
position: absolute;
}
.bk-img,
.fn-common-overlay {
height: 100%;
left: 0px;
top: 0px;
width: 100%;
}
.fn-common-overlay {
background-color: rgba(16, 110, 160, 0.98);
bottom: 0px;
display: flex;
flex-direction: column;
opacity: 0;
position: fixed;
right: 0px;
transition: opacity 0.1s linear 0s;
z-index: -99;
}
.fn-common-overlay .bkgrd {
background: url('data:image/png;base64,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')
50% center / cover no-repeat;
inset: 0px;
position: absolute;
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 {
background-color: rgb(26, 197, 217);
border: none;
display: inline-block;
margin-bottom: 0.5em;
outline: none;
}
@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: 0.2em;
}
}
.fn-common-overlay .close-button i {
display: inline-block;
font-size: 1.2em;
padding-top: 0.3em;
}
.fn-common-overlay .overlay-container {
align-items: center;
display: flex;
flex: 1 1 0%;
flex-direction: column;
justify-content: center;
position: relative;
}
.fn-common-overlay .overlay-container .fn-content-container h1 {
color: rgb(255, 255, 255);
text-align: center;
}
.fn-common-overlay .overlay-container .fn-content-container .fn-overlay-btns {
display: flex;
flex-wrap: wrap;
}
.fn-common-overlay
.overlay-container
.fn-content-container
.fn-overlay-btns
a.fn-overlay-btn {
align-items: center;
background-color: rgb(255, 255, 0);
color: rgb(0, 0, 0);
display: flex;
flex: 1 1 0%;
flex-direction: column;
height: 15em;
justify-content: center;
margin: 5px;
width: 15em;
}
.fn-common-overlay
.overlay-container
.fn-content-container
.fn-overlay-btns
a.fn-overlay-btn
> span {
color: rgb(0, 0, 0);
font-size: 5em;
}
.fn-common-overlay.visible {
opacity: 1;
z-index: 9999999;
}
.parallax-container .parallax-image {
width: 100%;
}
.videoPlayButton {
-webkit-box-pack: center;
-webkit-box-align: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.3);
border: 0.2em solid rgb(255, 255, 255);
border-radius: 100%;
cursor: pointer;
display: flex;
height: 5.4em;
justify-content: center;
position: relative;
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
width: 5.4em;
}
.videoPlayButton span {
border-bottom: 1.2em solid transparent;
border-left: 1.8em solid rgb(255, 255, 255);
border-top: 1.2em solid transparent;
display: inline-block;
height: 0px;
left: 0.2em;
position: relative;
width: 0px;
}
.no-touch .fn-mobile-overlay .overlay-container .content-question .btn:hover,
.no-touch .fn-mobile-overlay .overlay-container .content-selection .btn:hover {
background-color: rgb(204, 204, 0);
}
.fn-mobile-overlay {
background-color: rgba(16, 110, 160, 0.98);
inset: 0px;
height: 100%;
position: fixed;
width: 100%;
z-index: 9999999;
}
.fn-mobile-overlay .bkgrd {
background: url('data:image/png;base64,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')
50% center / cover no-repeat;
inset: 0px;
position: absolute;
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/cVRnWHSnG213hTn0EKXSjbbbr8yhB6hdLkju5D5HdfoLSjf6O4+Vcq+3yvsSkK3xnaM6/aM7h35/7wq1cV+l0o1ui+8c1empdvfyuCS7HNXpH92LF4Lf2NGTgh4qxwuSu5g+5ee8X3R3vCC5k8vMofsolW50u73KUZ0eapcvj0uyyxw6XVC60T/ZIYKmq+hG/2j2jG8oPbrTjf7ZZebQPaK7cjP9J3s5qpMe3QunL49L8oEUmiYo3WgXO8yh01R0o51MKWQSo7vjl8cluSpIUCrdaDdTQlaKmm4UBoLSjcJAxSoVGJgtWZAMA+Ux1hLAQE03CgOBbhQWKrpRGJg94+VxMFDSjcJCzXYeGNjLDhVYqOhGYWB2W4D8Sh50h4W3AuQXGObgG3t3aIQwEEQB9GYw2D2NyQkogHSAQKQKKCeSIlID0Qg8kmpAUsCtYd5r4s/Nzf6f4VgAAAAAAIA/4TuJFLsCCaorDjJYyydFVD3NJIio9wK9RcTey5Du4utdoLOwmU+GFsKQBM8aYRCD/qbXIAxJMF+HiIMwpLdxbZbzSbBdWrRHgc42083GORnmSxOGJBhXYUiG7SIMSXHW/0aK+VTgh0IlAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAODDzh2ythVFARy/8BKovVcMJu8VhYjCRGdmR5vCzGBmEDdTEdXKLmIwN6Yqli/QDioHUYG5mNmJjH2bRZXCGpOcp/r7fYY/j8O5vAMAAAAAAPB0DBLEG1wkCDe4rAmiHV/WnCDY8YeahUW0V5uuhEUfXQmL+K5yFhbRvlxXYRHu63XOwqKHroRFuMnvLCz66EpYhJuULCz66EpYhBuXLCz66EpYhBu3LCz66EpYROtOWxYWfXQlLKJ131sWFvFd1Swsoh3ctSwsoh38qllY9NGVsIg23HQlLKINf9YsLKINf2ztqrRRguiu2vrqLMEuhhdbuip1vXiXYCeDLV2Ver76nCC0q/Z8evIpwe7nZB6d2GdGK/Y7J/NIVt+W7xOEdtXqfPU2wd7nZB4qR9PbFwn26+q/iX12IisCzsk8UNqz5esEcWc/NkqdL2ytCO6q1emNrRXBXbXRR6MVISb3XZX298rWiuCzH6X9WXpnJsWevypH5zcmdoK/Vy1PjVbcCzon0w5nZ7IitqtS1wsTO5HGLbc2X9laEakbtzaa3sqKUN1pG3lnJlp3d2hrRbjujZ9u6MFLoxUAAAAAAAAAAAAAAAAAAAAAAAAAAADwjz04EAAAAAAA8n9tBFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVYQ8OBAAAAACA/F8bQVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV2LVDlYiCMAzDA1tO/aea5gSXRQTLdrsG88HiYrQoGAWDV7CYxGbYYBY0i2I2ezHuQfYO/jU9zzV8YeadAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAID/090WSDd8FMjWrS4OCiQbrqYnBXLNP7+nhwVSTY4X/eypQKq7txrtq0Cm7nnZol4XyDTc9BH1vECi+WrZIuqj0ECiyelZHxF1T2ggtTHUFmu7QgN5JkeLFiOhgdTG0LcYtdcCSbrx0D4SGkg0XPbxp967EJKmts2ufnzBIk9s+NFA9rCEBrY1rNl7gfRhtZcCycPy8ky+WKsPQgP5w6o7QgPZhAa2QmhgK2JfaOC3vbtHkSIM4jhcMDMwDCbVaGBg8A6y4scNJjLcwNCFTcfEeBWvMLkgGKqxgXgCmSMI3sftcOP9d/Y8pyh+XfX2Ava+PLOEjwUAAAAAAAAAAAAAAMB9rRzts4S3BXnrbwV5PwvyDh8K4rafjO4s4PprQdz6sQe3WMCPRwVxh72X3Mjb3rwoiLve/ylI200vC+LOkzhK3mlciKPEbY7T+4K0yyGOkrfrflgQtvrdLY4SdxotjhK3OfYkjhL3erQ4StyD0eIocdub7gt/1CTtavRkc5S09efuJ+Ioad9bHCXvMLonV6rMwpN7vyqIT+49/SqIWv/t7mcWsQg7d/f0rqDSk3s/1xrI2hz71r+CqMvRbRGLtF3PnhYkrc7d4ihxp9HdFrGYpSd3i1ikvRl9y5UqS0zurlSZZQ++xFHirkbPvhTc8R9agL4voQnxJQAAAABJRU5ErkJggg==');
}
}
.fn-mobile-overlay .close-button {
background-color: rgb(26, 197, 217);
border: none;
display: inline-block;
margin-bottom: 0.5em;
outline: none;
}
@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: 0.2em;
}
}
.fn-mobile-overlay .close-button i {
display: inline-block;
font-size: 1.2em;
padding-top: 0.3em;
}
.fn-mobile-overlay .overlay-container {
margin: 0px auto;
max-width: 50em;
position: relative;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 1;
}
@media screen and (max-height: 800px) {
.fn-mobile-overlay .overlay-container {
margin: 2em auto 0px;
}
}
@media only screen and (max-width: 991px) {
.fn-mobile-overlay .overlay-container {
margin: 0px 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 {
color: rgb(255, 255, 255);
font-size: 5em;
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: 0.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: rgb(255, 255, 255);
margin: 1em auto;
max-width: 23em;
}
.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: rgb(255, 255, 0);
color: rgb(0, 0, 0);
line-height: 1;
margin: 0.5em;
padding: 0.5em 2em;
transition: background-color 0.2s ease-in-out 0s;
white-space: normal;
}
.fn-mobile-overlay .overlay-container .customized-answer-no {
margin: 0px auto;
max-width: 600px;
}
.fn-mobile-overlay .overlay-container .customized-answer-no h1 {
color: rgb(255, 255, 255);
font-size: 5em;
}
.fn-mobile-overlay .overlay-container .content-selection h2,
.fn-mobile-overlay .overlay-container .download-selection h2 {
font-size: 4.5em;
margin: 0px auto 0.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 {
margin: 0px auto;
max-width: 33em;
}
@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;
height: 10em;
line-height: 1;
margin: 0.5em;
overflow: hidden;
padding: 0.5em 0px 0px;
width: 10em;
}
.fn-mobile-overlay .overlay-container .content-selection .btn-container .btn i,
.fn-mobile-overlay
.overlay-container
.download-selection
.btn-container
.btn
i {
display: block;
font-size: 5em;
}
.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: 0.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 {
height: 5em;
width: 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: 0.6em;
}
}
.fn-mobile-overlay .overlay-container .content-error {
padding: 0px 1em;
}
.fn-mobile-overlay .overlay-container .content-error h2 {
font-size: 3em;
margin-bottom: 0.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;
}
.fn-mobile-overlay .overlay-container .content-error .btn {
margin: 0px 0px 0.5em;
max-width: 10em;
padding: 0.5em;
width: 100%;
}
}
.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;
}
}
#faq {
padding-bottom: 6em;
}
#faq .section {
margin-bottom: 2em;
padding: 1em;
}
@media only screen and (max-width: 767px) {
#faq .section {
padding: 0px;
}
}
#faq .section#general {
border: none;
}
#faq .section .content {
margin: 0px auto;
}
#faq .section .content h2 {
color: rgb(30, 30, 30);
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 2.4em;
padding-bottom: 1em;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
#faq .section .content h2 {
font-size: 1.5em;
}
}
.ja #faq .section .content h2 {
font-family: Tazugane, sans-serif;
}
.ar #faq .section h2 {
text-align: right;
}
.answer {
font-size: 0.9em;
}
.question {
font-size: 1em;
}
.answer,
.question {
color: rgb(30, 30, 30);
font-family: OpenSans, sans-serif;
padding-left: 3em;
}
@media only screen and (max-width: 767px) {
.answer,
.question {
padding-left: 1.5em;
}
}
.answer::before,
.question::before {
display: inline-block;
float: left;
line-height: 1.5;
margin-left: -2em;
margin-right: 1em;
}
.answer a,
.question a {
color: rgb(12, 173, 234);
transition: color 0.1s ease-in-out 0s;
}
.answer a:hover,
.question a:hover {
color: rgb(53, 192, 244);
}
.answer p,
.answer > div,
.question p,
.question > div {
margin: 0px 0px 5px;
}
.answer img,
.question img {
display: block;
height: auto;
max-width: 100%;
}
.answer table,
.question table {
border: 1px solid rgb(61, 60, 60);
margin: 0px auto;
max-width: 500px;
width: 100%;
}
.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: rgb(29, 184, 243);
color: rgb(0, 0, 0);
}
.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: 0px;
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 {
float: right;
margin-left: 2em;
margin-right: -2em;
}
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 {
cursor: pointer;
font-family: OpenSans, sans-serif;
font-size: 0.85em;
list-style-position: inside;
margin: 0.5em 0px;
text-indent: -1.2em;
transition: color 0.3s ease-in-out 0s;
vertical-align: top;
}
@media only screen and (max-width: 991px) {
.sectionLink {
display: inline-block;
width: 33%;
}
}
@media only screen and (max-width: 767px) {
.sectionLink {
display: inline-block;
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.sectionLink {
width: 100%;
}
}
.sectionLink:hover {
color: rgb(29, 184, 243);
}
.sectionLink::before {
background: rgb(29, 184, 243);
border-radius: 50%;
content: '';
display: inline-block;
height: 5px;
margin-bottom: 3px;
margin-right: 10px;
width: 5px;
}
.bingResult {
background-color: rgb(255, 255, 255);
margin: 1em 0px;
padding: 2em;
}
@media only screen and (max-width: 767px) {
.bingResult {
padding: 1em;
}
}
.bingResult a {
color: rgb(29, 184, 243);
transition: color 0.3s ease-in-out 0s;
}
.bingResult a:hover {
color: rgb(11, 155, 210);
}
.bingResult .resultTitle a {
border-bottom: 2px solid transparent;
display: inline-block;
font-size: 22px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 0.125em;
padding-bottom: 0.25em;
transition: border 0.3s ease-in-out 0s;
}
@media only screen and (max-width: 767px) {
.bingResult .resultTitle a {
border-bottom: 0px;
font-size: 16px;
text-decoration: underline;
}
}
.bingResult .resultTitle a:hover {
border-bottom: 2px solid rgb(11, 155, 210);
}
.bingResult .resultLink a {
color: rgb(30, 30, 30);
display: inline-block;
font-size: 13px;
font-weight: 600;
line-height: 1.1;
margin: 5px 0px 3px;
word-break: break-all;
}
.bingResult .resultLink a:hover {
color: rgb(29, 184, 243);
}
.bingResult .resultDescription {
color: rgb(30, 30, 30);
font-size: 14px;
font-weight: 400;
line-height: 1.4em;
}
@media only screen and (max-width: 767px) {
.bingResult .resultDescription {
font-size: 13px;
}
}
.bingResults .search-filters {
list-style: none;
margin: 1em 0px 2em;
padding: 0px;
text-align: left;
}
.bingResults .search-filters li.search-filter-element {
border-bottom: none;
color: rgb(255, 255, 255);
display: inline-block;
float: none;
font-family: Brutal_Bold, sans-serif;
margin-right: 20px;
padding-left: 0px;
text-decoration: none;
transition: color 0.2s ease-in-out 0s;
}
.bingResults .search-filters li.search-filter-element a {
color: rgb(255, 255, 255);
}
.bingResults .search-filters li.search-filter-element.active a {
color: rgb(255, 255, 0);
}
.bingResults .search-filters li.search-filter-element:hover a {
color: rgb(255, 255, 0);
text-decoration: none;
}
.bingResults .bingLoader {
background: url('c8849708165f9c0f442e8bfef3c56ef8.gif') 50% center / cover
no-repeat;
border: 0px;
height: 5em;
margin: 80px auto;
width: 85px;
}
.bingResults .bingSearchBar {
height: 40px;
position: relative;
}
.bingResults .bingSearchBar input {
border: 1px solid rgb(248, 248, 248);
color: rgb(0, 0, 0);
display: block;
height: 100%;
padding: 0px 0px 0px 1em;
width: calc(100% - 108px);
}
@media only screen and (max-width: 767px) {
.bingResults .bingSearchBar input {
width: calc(100% - 70px);
}
}
.bingResults .bingSearchBar button {
background: rgb(255, 255, 0);
border: 0px;
color: rgb(0, 0, 0);
font-size: 0.8em;
font-weight: 500;
height: 100%;
padding: 0px;
position: absolute;
right: 0px;
text-align: center;
text-transform: uppercase;
top: 0px;
transition: background 0.2s ease-in-out 0s;
width: 100px;
}
.bingResults .bingSearchBar button:hover {
background: rgb(230, 230, 0);
}
@media only screen and (max-width: 767px) {
.bingResults .bingSearchBar button {
font-size: 0.6em;
width: 60px;
}
}
.bingResults .bing-branding {
background-color: rgb(255, 255, 255);
padding: 0px 2em;
}
.bingResults .pagination {
width: 100%;
}
.bingResults .pagination::after,
.bingResults .pagination::before {
content: ' ';
display: table;
}
.bingResults .pagination::after {
clear: both;
}
.bingResults .pagination button {
background: transparent;
border: 0px;
color: rgb(30, 30, 30);
font-size: 3em;
transition: all 0.2s ease-in-out 0s;
}
.bingResults .pagination button:hover {
color: rgb(230, 230, 0);
}
.bingResults .no-result {
background-color: rgb(255, 255, 255);
padding: 2em;
}
.bingResults .nextResults {
float: right;
}
.bingResults .prevResults {
float: left;
}
.bingResults .noResults {
color: rgb(30, 30, 30);
margin: 1em 0px;
}
.ar .bingResults .bingSearchBar input {
float: left;
padding: 0px 1em;
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;
}
.squareButton {
cursor: pointer;
display: block;
font-family: OpenSans, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.91px;
padding: 1.5em 1.75em;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
}
.squareButton.centered {
margin: 0px auto;
}
.squareButton.inline {
display: inline-block;
}
.squareButton.filled {
background-color: rgb(255, 255, 0);
border: 1px solid transparent;
color: rgb(248, 248, 248);
}
.squareButton.filled:hover {
background-color: rgb(230, 230, 0);
}
.squareButton.clear {
background-color: transparent;
border: 1px solid rgb(255, 255, 0);
color: rgb(255, 255, 0);
}
.squareButton.clear:hover {
background-color: rgb(235, 235, 235);
}
.text-block {
display: inline-block;
max-width: 21em;
transform: translateY(-8em);
}
@media only screen and (max-width: 991px) {
.text-block {
max-width: 100%;
transform: translateY(0px);
}
}
.text-block.padding {
padding-top: 6em;
transform: translateY(0px);
}
@media only screen and (max-width: 991px) {
.text-block.padding {
padding-top: 0px;
}
}
.text-block h2 {
font-size: 2em;
}
.text-block h2 i {
background: rgb(44, 130, 197);
border-radius: 50%;
color: rgb(255, 255, 255);
display: inline-block;
font-family: BurbankSmall-Black, sans-serif;
font-size: 0.5em;
font-style: normal;
margin-right: 0.5em;
padding: 0.5em 0.6em 0.3em;
position: relative;
vertical-align: top;
z-index: 1;
}
.text-block p {
font-size: 0.85em;
font-weight: 600;
padding-left: 1em;
}
.battlepass-background-header {
height: max(80vh, 750px);
position: relative;
width: 100vw;
}
.battlepass-background-header .above-title h4 {
color: rgb(255, 255, 255);
font-size: 2em;
font-style: italic;
letter-spacing: 10px;
}
.battlepass-background-header .above-title h4 span {
display: block;
}
@media only screen and (max-width: 1199px) {
.battlepass-background-header .above-title h4 {
font-size: 2em;
}
}
@media only screen and (max-width: 991px) {
.battlepass-background-header .above-title h4 {
font-size: 1.5em;
}
}
@media only screen and (max-width: 767px) {
.battlepass-background-header .above-title h4 {
font-size: 0.8em;
letter-spacing: 5px;
}
}
.battlepass-background-header .video-title h1 {
color: rgb(255, 255, 255);
margin: 20px 0px 0px;
text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 40px, rgba(0, 0, 0, 0.3) 0px 5px 8px;
font-size: 10em !important;
}
@media only screen and (max-width: 1199px) {
.battlepass-background-header .video-title h1 {
font-size: 8em !important;
}
}
@media only screen and (max-width: 767px) {
.battlepass-background-header .video-title h1 {
margin-top: 0px;
font-size: 4em !important;
}
}
.battlepass-background-header .video-copy h3 {
font-style: italic;
margin: 10px 0px 20px;
max-width: 100%;
text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 40px, rgba(0, 0, 0, 0.3) 0px 5px 8px;
word-spacing: 3px;
font-size: 1.5em !important;
}
@media only screen and (max-width: 1199px) {
.battlepass-background-header .video-copy h3 {
font-size: 1em !important;
}
}
@media only screen and (max-width: 767px) {
.battlepass-background-header .video-copy h3 {
margin: 10px auto 20px;
max-width: 23em;
padding: 0px 1em;
}
}
.battlepass-background-header .video-badge {
left: 5vw;
position: absolute;
top: 5%;
}
.battlepass-background-header .video-badge img {
margin-bottom: 0px;
width: 50px;
}
@media only screen and (max-width: 767px) {
.battlepass-background-header .video-badge img {
width: 40px;
}
}
.battlepass-background-header .video-dots-mask {
background-color: rgba(0, 0, 0, 0.4);
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkxNjgyMDA2NjJBNzExRTBCNjU1QzhBRDY1RUJCOUU4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkxNjgyMDA3NjJBNzExRTBCNjU1QzhBRDY1RUJCOUU4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTE2ODIwMDQ2MkE3MTFFMEI2NTVDOEFENjVFQkI5RTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTE2ODIwMDU2MkE3MTFFMEI2NTVDOEFENjVFQkI5RTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7UWbiJAAAAHUlEQVR42mJiYGD4DwQggoEJSDAyQAETAxIACDAAJMMJ/r07h+kAAAAASUVORK5CYII=');
inset: 0px;
position: absolute;
z-index: 1;
}
.battlepass-background-header .content {
align-items: center;
inset: 0px;
color: rgb(255, 255, 255);
display: flex;
justify-content: center;
position: absolute;
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%;
}
@media only screen and (max-width: 767px) {
.battlepass-background-header .content .animated-content .vh-duration {
right: 50%;
top: 0px;
transform: translate(50%, 50%);
}
}
.battlepass-background-header .content .animated-content .vh-duration h5 {
font-size: 1.5vw;
line-height: 100%;
max-width: 15vw;
}
@media only screen and (max-width: 767px) {
.battlepass-background-header .content .animated-content .vh-duration h5 {
font-size: 3.5vw;
max-width: 30vw;
}
}
.battlepass-background-header .content .animated-content .play-wrapper {
cursor: pointer;
display: flex;
justify-content: center;
margin-top: 2em;
transition: transform 0.2s ease-out 0s;
}
.battlepass-background-header .content .animated-content .play-wrapper:hover {
transform: scale(1.1) !important;
}
@media only screen and (max-width: 767px) {
.battlepass-background-header .content .animated-content .play-wrapper:hover {
font-size: 0.8em;
margin-top: 2em;
}
.battlepass-background-header .content .animated-content .play-wrapper {
margin-top: 1em !important;
}
}
.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: 20px 0px;
}
@media only screen and (max-width: 767px) {
.ko .battlepass-background-header .content h3 {
font-size: 1.5em;
}
}
@media only screen and (max-width: 1199px) {
.de .battlepass-background-header .video-title h1,
.es_ES .battlepass-background-header .video-title h1,
.es_MX .battlepass-background-header .video-title h1,
.it .battlepass-background-header .video-title h1,
.pl .battlepass-background-header .video-title h1,
.pt_BR .battlepass-background-header .video-title h1,
.ru .battlepass-background-header .video-title h1,
.tr .battlepass-background-header .video-title h1 {
font-size: 6em !important;
}
}
@media only screen and (max-width: 767px) {
.de .battlepass-background-header .video-title h1,
.es_ES .battlepass-background-header .video-title h1,
.es_MX .battlepass-background-header .video-title h1,
.it .battlepass-background-header .video-title h1,
.pl .battlepass-background-header .video-title h1,
.pt_BR .battlepass-background-header .video-title h1,
.ru .battlepass-background-header .video-title h1,
.tr .battlepass-background-header .video-title h1 {
font-size: 3em !important;
}
}
.tr .battlepass-background-header .video-title h1 {
line-height: 1.2;
}
@media only screen and (max-width: 992px) and (orientation: landscape) {
.nexus-war .battlepass-background-header {
min-height: 400px;
}
}
.nexus-war .battlepass-background-header .video-badge {
left: 5vw;
position: absolute;
top: 5%;
}
.nexus-war .battlepass-background-header .video-badge img {
margin-bottom: 0px;
width: 9.5vw;
}
@media only screen and (max-width: 767px) {
.nexus-war .battlepass-background-header .video-badge img {
width: 82px;
}
}
.nexus-war .battlepass-background-header .video-title h1 {
color: rgb(255, 255, 255);
font-style: italic;
margin-top: 20px;
text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 40px, rgba(0, 0, 0, 0.3) 0px 5px 8px;
font-size: 10em !important;
}
@media only screen and (max-width: 1199px) {
.nexus-war .battlepass-background-header .video-title h1 {
font-size: 8em !important;
}
}
@media only screen and (max-width: 767px) {
.nexus-war .battlepass-background-header .video-title h1 {
margin-top: 0px;
font-size: 6em !important;
}
.nexus-war .battlepass-background-header .video-title h1 span {
line-height: 1;
padding-right: 0px;
}
.nexus-war .battlepass-background-header .video-title h1 span + span {
display: block;
line-height: 50px;
margin: 0px;
padding: 0px;
font-size: 0.75em !important;
}
}
.nexus-war .battlepass-background-header .above-title h4 {
font-style: italic;
text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 40px, rgba(0, 0, 0, 0.3) 0px 5px 8px;
letter-spacing: 6px !important;
}
@media only screen and (max-width: 1199px) {
.nexus-war .battlepass-background-header .above-title h4 {
font-size: 1em !important;
}
}
@media only screen and (max-width: 767px) {
.nexus-war .battlepass-background-header .above-title h4 {
margin: 0px;
letter-spacing: 1px !important;
}
}
.nexus-war .battlepass-background-header .video-copy h3 {
max-width: 100%;
text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 40px, rgba(0, 0, 0, 0.3) 0px 5px 8px;
font-size: 1.5em !important;
}
@media only screen and (max-width: 1199px) {
.nexus-war .battlepass-background-header .video-copy h3 {
font-size: 1em !important;
}
}
@media only screen and (max-width: 767px) {
.nexus-war .battlepass-background-header .video-copy h3 {
padding: 0px 1em;
}
.nexus-war .battlepass-background-header .play-wrapper {
margin-top: 1em !important;
}
}
.ar .nexus-war .battlepass-background-header .video-title h1 {
margin-bottom: 0.2em;
}
@media only screen and (max-width: 991px) {
.es_ES .nexus-war .battlepass-background-header .video-title h1,
.es_MX .nexus-war .battlepass-background-header .video-title h1,
.fr .nexus-war .battlepass-background-header .video-title h1,
.it .nexus-war .battlepass-background-header .video-title h1,
.pl .nexus-war .battlepass-background-header .video-title h1,
.ru .nexus-war .battlepass-background-header .video-title h1 {
font-size: 4em !important;
}
}
.es_ES .nexus-war .battlepass-background-header .video-title h1 span,
.es_MX .nexus-war .battlepass-background-header .video-title h1 span,
.fr .nexus-war .battlepass-background-header .video-title h1 span,
.it .nexus-war .battlepass-background-header .video-title h1 span,
.pl .nexus-war .battlepass-background-header .video-title h1 span,
.ru .nexus-war .battlepass-background-header .video-title h1 span {
padding-right: 0.2em;
}
.es_ES .nexus-war .battlepass-background-header .video-title h1 span + span,
.es_MX .nexus-war .battlepass-background-header .video-title h1 span + span,
.fr .nexus-war .battlepass-background-header .video-title h1 span + span,
.it .nexus-war .battlepass-background-header .video-title h1 span + span,
.pl .nexus-war .battlepass-background-header .video-title h1 span + span,
.ru .nexus-war .battlepass-background-header .video-title h1 span + span {
display: inline-block;
font-size: 1em !important;
}
.ja .nexus-war .battlepass-background-header .video-title h1,
.pt_BR .nexus-war .battlepass-background-header .video-title h1,
.tr .nexus-war .battlepass-background-header .video-title h1 {
font-size: 7em !important;
}
@media only screen and (max-width: 991px) {
.ja .nexus-war .battlepass-background-header .video-title h1,
.pt_BR .nexus-war .battlepass-background-header .video-title h1,
.tr .nexus-war .battlepass-background-header .video-title h1 {
font-size: 5em !important;
}
}
.ja .nexus-war .battlepass-background-header .video-title h1 span + span,
.pt_BR .nexus-war .battlepass-background-header .video-title h1 span + span,
.tr .nexus-war .battlepass-background-header .video-title h1 span + span {
display: block;
font-size: 0.5em !important;
}
@media only screen and (max-width: 767px) {
.ja .nexus-war .battlepass-background-header .video-title h1 {
font-size: 3.5em !important;
}
}
@media only screen and (max-width: 991px) {
.ja .nexus-war .battlepass-background-header .above-title h4 {
margin-bottom: 1em;
}
}
.bp-skinslider {
background: rgb(0, 0, 0);
position: relative;
width: 100vw;
z-index: 1;
}
.bp-skinslider .battlepass-badge {
left: 50%;
max-width: 10em;
position: absolute;
top: -6em;
transform: translateX(-50%);
z-index: 2;
}
@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 {
left: 2em;
position: absolute;
top: -2em;
width: 20%;
z-index: 1;
}
@media only screen and (max-width: 1199px) {
.bp-skinslider .goldBolds {
left: -3em;
top: 2em;
width: 32%;
}
}
@media only screen and (max-width: 991px) {
.bp-skinslider .goldBolds {
width: 40%;
}
}
.bp-skinslider .bp-secondary-bg-img {
position: absolute;
right: 2em;
top: -2em;
width: 20%;
z-index: 1;
}
@media only screen and (max-width: 1199px) {
.bp-skinslider .bp-secondary-bg-img {
right: -3em;
top: 2em;
width: 32%;
}
}
@media only screen and (max-width: 991px) {
.bp-skinslider .bp-secondary-bg-img {
width: 40%;
}
}
.bp-skinslider .clipShape {
background: rgb(0, 0, 0);
bottom: calc(100% - 2px);
clip-path: polygon(
100% 100%,
100% 0px,
90% 20%,
93% 0px,
50% 80%,
7% 0px,
10% 20%,
0px 0px,
0px 100%
);
height: 6vw;
position: absolute;
width: 100%;
z-index: 1;
}
.bp-skinslider img:not(.battlepass-badge) {
opacity: 0;
}
.bp-skinslider.visible .battlePass-chars,
.bp-skinslider.visible img:not(.battlepass-badge) {
animation: 0.5s cubic-bezier(0.7, 0, 0.1, 1) 0.2s 1 normal forwards running
appear;
}
.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: 95%;
}
.bp-skinslider .battlePass-slider {
padding-top: 15%;
}
}
.bp-skinslider .battlePass-chars {
margin: 0px auto;
padding-top: 4em;
width: auto;
}
.bp-skinslider .battlePass-chars img {
margin: 0px auto;
width: 80vw;
}
@media only screen and (max-width: 1199px) {
.bp-skinslider .battlePass-chars img {
width: 100vw;
}
}
.bp-skinslider .battlePass-chars .battlePass-paginations {
align-items: center;
justify-content: center;
margin-top: 20px;
padding: 0px;
display: flex !important;
}
.bp-skinslider .battlePass-chars .battlePass-paginations li {
display: inline-block;
margin: 0px 0.5em;
position: relative;
}
.bp-skinslider .battlePass-chars .battlePass-paginations li button {
background: rgb(41, 173, 228);
border: none;
color: transparent;
cursor: pointer;
height: 10px;
opacity: 0.3;
outline: none;
transition: all 0.5s ease-in-out 0s;
width: 160px;
}
@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 {
margin: 3% auto 0px;
position: relative;
text-align: center;
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 {
font-size: 1.5vw;
margin: 2vw auto 0px;
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 {
font-size: 2.5vw;
width: 75vw;
}
}
.ch2-s3 .badge-container,
.chapter-2-season-3 .badge-container {
bottom: 98%;
left: 0px;
margin: 0px auto;
max-width: 1400px;
position: absolute;
right: 0px;
width: 100%;
}
@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 {
bottom: 0px;
left: unset;
max-width: 12em;
position: absolute;
right: 1em;
top: unset;
transform: translateX(0px);
}
@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 {
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
clip-path: polygon(0px 100%, 0px 0px, 75% 5%, 26% 0px, 100% 4%, 100% 100%);
display: block;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
transform: translateY(-10%);
width: 100%;
}
.ch2-s3 .battlepass-bottom-content,
.chapter-2-season-3 .battlepass-bottom-content {
color: rgb(0, 0, 0);
}
.ch2-s3 .battlepass-bottom-content h1,
.chapter-2-season-3 .battlepass-bottom-content h1 {
color: rgb(0, 134, 203);
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: 0px 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;
max-width: 35em;
padding: 0px;
width: 100%;
}
.ch2-s3 .battlepass-bottom-content,
.chapter-2-season-3 .battlepass-bottom-content {
padding: 0px 1em;
}
}
.ch2-s3 .bp-skinslider,
.chapter-2-season-3 .bp-skinslider {
background: rgb(255, 255, 255);
padding: 3em 0px;
}
@media only screen and (max-width: 1199px) {
.ch2-s3 .bp-skinslider .battlePass-slider,
.chapter-2-season-3 .bp-skinslider .battlePass-slider {
padding-top: 0px;
}
}
.ch2-s3 .clipShape,
.chapter-2-season-3 .clipShape {
display: none;
}
.ko .battlepass-bottom-content p {
font-size: 1.5em;
font-family: aERIN, sans-serif !important;
}
.VBucksSection {
background-color: rgb(0, 0, 0);
opacity: 1;
position: relative;
}
.VBucksSection .content-wrapper {
opacity: 0;
position: relative;
}
.VBucksSection .content-wrapper.visible {
animation: 0.5s cubic-bezier(0.7, 0, 0.1, 1) 0.2s 1 normal forwards running
appear;
}
.VBucksSection .content-wrapper.visible .vBucksImage {
animation: 1.5s ease 0.5s 1 normal both running bounce-in-from-top;
}
.VBucksSection .background-section {
position: relative;
}
.VBucksSection .background-section .backgroundImage {
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
display: block;
margin: 0px auto;
padding-bottom: 50%;
width: 100%;
}
@media only screen and (max-width: 767px) {
.VBucksSection .background-section .backgroundImage {
background-size: 140%;
padding-top: 10%;
top: 0px;
}
}
.VBucksSection .background-section .vBucksImage {
inset: 50% 0px 0px;
margin: 0px auto;
position: absolute;
transform: translateY(-15%);
width: 40%;
}
@media only screen and (max-width: 767px) {
.VBucksSection .background-section .vBucksImage {
width: 80vw;
}
}
.VBucksSection .VBucks-description {
color: rgb(255, 255, 255);
margin-top: 5%;
padding-bottom: 10%;
text-align: center;
}
@media only screen and (max-width: 1199px) {
.VBucksSection .VBucks-description {
padding-bottom: 20%;
}
}
@media only screen and (max-width: 767px) {
.VBucksSection .VBucks-description {
bottom: 0px;
}
}
.VBucksSection .VBucks-description .animate-string {
margin: 0px auto;
}
.VBucksSection .VBucks-description .animate-string h1 {
font-size: 5vw;
margin: 0px auto;
}
@media only screen and (max-width: 767px) {
.VBucksSection .VBucks-description .animate-string h1 {
font-size: 6vw;
}
}
.VBucksSection .VBucks-description .animate-string p {
font-size: 1.5vw;
margin: 2vw auto 0px;
width: 46vw;
}
@media only screen and (max-width: 767px) {
.VBucksSection .VBucks-description .animate-string p {
font-size: 2.5vw;
width: 75vw;
}
}
.VBucksSection .vbucks-bottom-slice {
position: absolute;
width: 100%;
}
.ch2-s3 .VBucksSection,
.chapter-2-season-3 .VBucksSection {
background-color: rgb(255, 255, 255);
margin-top: 0px;
padding: 3em 0px;
}
@media only screen and (max-width: 1199px) {
.ch2-s3 .VBucksSection,
.chapter-2-season-3 .VBucksSection {
padding: 1em 0px;
}
}
.ch2-s3 .VBucksSection .content-wrapper,
.chapter-2-season-3 .VBucksSection .content-wrapper {
padding: 0px 0px 6em;
position: relative;
}
@media only screen and (max-width: 767px) {
.ch2-s3 .VBucksSection .content-wrapper,
.chapter-2-season-3 .VBucksSection .content-wrapper {
padding: 1em 0px 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 {
clip-path: polygon(
0px 5%,
20% 8%,
14% 4%,
100% 15%,
100% 98%,
85% 95%,
90% 98%,
0px 90%
);
height: 100%;
left: 0px;
padding-bottom: 0px;
position: absolute;
top: 0px;
width: 100%;
}
@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;
clip-path: polygon(0px 5%, 100% 17%, 100% 100%, 80% 97%, 88% 100%, 0px 95%);
padding: 0px;
}
}
.ch2-s3 .VBucksSection .content-wrapper .background-section .vBucksImage,
.chapter-2-season-3
.VBucksSection
.content-wrapper
.background-section
.vBucksImage {
margin-bottom: 2em;
position: relative;
top: 0px;
transform: none;
width: 55%;
}
@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 {
margin-bottom: 1em;
width: 100%;
}
}
.ch2-s3 .VBucksSection .content-wrapper.visible .vBucksImage,
.chapter-2-season-3 .VBucksSection .content-wrapper.visible .vBucksImage {
animation: auto ease 0s 1 normal none running none;
}
.ch2-s3 .VBucksSection .content-wrapper .VBucks-description,
.chapter-2-season-3 .VBucksSection .content-wrapper .VBucks-description {
margin-top: 0px;
padding-bottom: 2em;
}
.ch2-s3 .VBucksSection .content-wrapper .VBucks-description h1,
.chapter-2-season-3 .VBucksSection .content-wrapper .VBucks-description h1 {
color: rgb(1, 174, 255);
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;
max-width: 40em;
width: 100%;
}
@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 {
font-size: 1em;
max-width: 35em;
padding: 0px 1em;
width: 100%;
}
.ch2-s3 .VBucksSection .content-wrapper .VBucks-description,
.chapter-2-season-3 .VBucksSection .content-wrapper .VBucks-description {
padding-bottom: 0px;
}
}
.ko .VBucksSection .content-wrapper .VBucks-description p {
font-size: 1.5em;
font-family: aERIN, sans-serif !important;
}
.ja .VBucksFeature .vbucks-content-title {
font-size: 3em !important;
}
@media only screen and (max-width: 991px) {
.ja .VBucksFeature .vbucks-content-title {
font-size: 2.5em !important;
}
}
.de .VBucksFeature .vbucks-callout p {
font-size: 1em !important;
}
.battlepass-gunwraps {
opacity: 0;
padding: 5% 0px;
}
.battlepass-gunwraps.visible {
animation: 0.5s cubic-bezier(0.7, 0, 0.1, 1) 0.2s 1 normal forwards running
appear;
}
.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: rgb(0, 0, 0);
font-family: BurbankBigRegular-Black, sans-serif;
margin: 3vw auto;
text-align: center;
}
.battlepass-gunwraps .gun-content .gunwrap-description h1 {
color: rgb(0, 0, 0);
font-size: 5vw;
margin: 0px auto;
}
@media only screen and (max-width: 767px) {
.battlepass-gunwraps .gun-content .gunwrap-description h1 {
font-size: 6vw;
}
}
.battlepass-gunwraps .gun-content .gunwrap-description p {
font-size: 1.5vw;
margin: 2vw auto 0px;
width: 45vw;
}
@media only screen and (max-width: 767px) {
.battlepass-gunwraps .gun-content .gunwrap-description p {
font-size: 2.5vw;
width: 75vw;
}
}
.ch2-s3 .battlepass-gunwraps,
.chapter-2-season-3 .battlepass-gunwraps {
margin: 0px auto;
max-width: 1200px;
padding: 6em 0px;
}
@media only screen and (max-width: 767px) {
.ch2-s3 .battlepass-gunwraps,
.chapter-2-season-3 .battlepass-gunwraps {
padding: 2em 0px;
}
}
.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 {
margin: 0px;
opacity: 0;
position: relative;
z-index: 1;
}
.battlepass-gliders.visible {
animation: 0.5s cubic-bezier(0.7, 0, 0.1, 1) 0.2s 1 normal forwards running
appear;
}
.battlepass-gliders .gliders-bg {
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
clip-path: polygon(0px 11%, 100% 0px, 100% 90%, 0px 100%);
height: 90vh;
min-height: 800px;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.battlepass-gliders .gliders-bg {
max-height: 60vh;
min-height: auto;
}
}
@media only screen and (max-width: 767px) {
.battlepass-gliders .gliders-bg {
clip-path: polygon(0px 5%, 100% 0px, 100% 95%, 0px 100%);
max-height: 400px;
min-height: auto;
}
}
.battlepass-gliders .glider-images {
inset: 0px;
position: absolute;
}
.battlepass-gliders .glider-images img {
position: absolute;
}
.battlepass-gliders .glider-images img:first-child {
animation: 6s linear 0s infinite normal none running gliders;
bottom: 5%;
height: 70%;
left: 5%;
}
@media only screen and (max-width: 1199px) {
.battlepass-gliders .glider-images img:first-child {
bottom: 3%;
height: 60%;
left: 0px;
}
}
@media only screen and (max-width: 767px) {
.battlepass-gliders .glider-images img:first-child {
bottom: 20%;
height: 50%;
}
}
.battlepass-gliders .glider-images img:nth-child(2) {
animation: 5s linear 0s infinite normal none running gliders;
bottom: 5%;
height: 100%;
right: 0px;
}
@media only screen and (max-width: 1199px) {
.battlepass-gliders .glider-images img:nth-child(2) {
bottom: 5%;
height: 80%;
right: -10%;
}
}
@media only screen and (max-width: 767px) {
.battlepass-gliders .glider-images img:nth-child(2) {
bottom: 20%;
right: -15%;
}
}
.battlepass-gliders .glider-images img:nth-child(3) {
animation: 7s linear 0s infinite normal none running gliders;
left: 10%;
min-width: 580px;
top: 68%;
width: 30vw;
}
@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) {
left: -10%;
max-width: 250px;
min-width: auto;
top: 80%;
width: 100%;
}
}
.battlepass-gliders .gliders-content-wrapper {
align-items: center;
inset: 0px;
display: flex;
position: absolute;
}
@media only screen and (max-width: 767px) {
.battlepass-gliders .gliders-content-wrapper {
align-items: normal;
top: 25%;
}
}
.battlepass-gliders .gliders-content-wrapper .gliders-content {
max-width: 50%;
padding-left: 25%;
text-align: left;
}
@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 {
color: rgb(255, 255, 255);
font-size: 6vw;
}
@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 {
font-size: 1.5vw;
margin: 2% auto 0px;
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 {
background-color: rgb(0, 0, 0);
bottom: -2px;
clip-path: polygon(0px 50%, 100% 0px, 100% 100%, 0px 100%);
height: 150px;
position: absolute;
width: 120%;
}
@media only screen and (max-width: 1199px) {
.battlepass-gliders .battlepass-gliders-clip-path {
clip-path: polygon(0px 80%, 100% 0px, 100% 100%, 0px 100%);
height: 100px;
}
}
@media only screen and (max-width: 767px) {
.battlepass-gliders .battlepass-gliders-clip-path {
clip-path: polygon(0px 20%, 100% 0px, 100% 100%, 0px 100%);
}
}
@keyframes gliders {
0% {
transform: translateZ(0px);
}
25% {
transform: translate3d(1vw, 10px, 0px);
}
50% {
transform: translate3d(0px, 20px, 0px);
}
75% {
transform: translate3d(-1vw, 10px, 0px);
}
100% {
transform: translateZ(0px);
}
}
.ch2-s3 .battlepass-gliders-clip-path,
.chapter-2-season-3 .battlepass-gliders-clip-path {
background-color: rgb(255, 255, 255);
}
.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 {
height: 80vh;
min-height: 650px;
}
}
@media only screen and (max-width: 767px) {
.ch2-s3 .battlepass-gliders .gliders-bg,
.chapter-2-season-3 .battlepass-gliders .gliders-bg {
height: 100%;
max-height: unset;
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%;
top: 0px;
}
.ch2-s3 .battlepass-gliders .glider-images img:nth-child(2),
.chapter-2-season-3 .battlepass-gliders .glider-images img:nth-child(2) {
bottom: 15%;
height: 90%;
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) {
bottom: 20%;
height: 70%;
right: -15%;
}
}
@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) {
bottom: 10%;
height: 75%;
right: -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) {
bottom: 15%;
height: 60%;
right: -50%;
}
}
.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 {
align-items: center;
top: 0px;
}
}
.ch2-s3 .battlepass-gliders .gliders-content-wrapper .gliders-content,
.chapter-2-season-3
.battlepass-gliders
.gliders-content-wrapper
.gliders-content {
margin-left: 10%;
max-width: 25em;
padding-left: 0px;
}
.ch2-s3 .battlepass-gliders .gliders-content-wrapper .gliders-content h1,
.chapter-2-season-3
.battlepass-gliders
.gliders-content-wrapper
.gliders-content
h1 {
color: rgb(0, 0, 0);
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 {
background-color: rgb(0, 0, 0);
position: relative;
}
.axe-wrapper .battlepass-axes {
height: 100vh;
margin-top: -1px;
min-height: 600px;
opacity: 0;
padding: 5% 0px;
width: 100%;
z-index: 1;
}
@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 {
max-height: 80vw;
min-height: auto;
}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
.axe-wrapper .battlepass-axes {
min-height: 375px;
}
}
.axe-wrapper .battlepass-axes.visible {
animation: 0.5s cubic-bezier(0.7, 0, 0.1, 1) 0.2s 1 normal forwards running
appear;
}
.axe-wrapper .battlepass-axes .axe-image {
max-width: 50%;
position: absolute;
right: 72px;
top: 0px;
}
@media only screen and (max-width: 1199px) {
.axe-wrapper .battlepass-axes .axe-image {
max-width: 60%;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
}
.axe-wrapper .battlepass-axes .axes-content {
color: rgb(255, 255, 255);
max-width: 40%;
padding-left: 72px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media only screen and (max-width: 1199px) {
.axe-wrapper .battlepass-axes .axes-content {
padding-left: 25px;
top: 80%;
}
}
.axe-wrapper .battlepass-axes .axes-content h1 {
font-size: 7vw;
}
.axe-wrapper .battlepass-axes .axes-content p {
font-size: 1.5vw;
margin: 2vw auto 0px;
}
@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: rgb(255, 255, 255);
margin: 0px auto;
max-width: 1200px;
padding: 0px 3em;
}
@media only screen and (max-width: 767px) {
.ch2-s3 .axe-wrapper,
.chapter-2-season-3 .axe-wrapper {
padding: 0px 1em;
}
}
.ch2-s3 .battlepass-axes,
.chapter-2-season-3 .battlepass-axes {
background-color: rgb(255, 255, 255);
height: 50vh;
padding: 0px;
}
@media only screen and (max-width: 1199px) {
.ch2-s3 .battlepass-axes,
.chapter-2-season-3 .battlepass-axes {
height: 40vh;
min-height: 400px;
padding: 0px;
}
}
@media only screen and (max-width: 767px) {
.ch2-s3 .battlepass-axes,
.chapter-2-season-3 .battlepass-axes {
height: auto;
max-height: unset;
min-height: auto;
text-align: center;
}
}
.ch2-s3 .battlepass-axes .axe-image,
.chapter-2-season-3 .battlepass-axes .axe-image {
float: right;
max-width: 54%;
position: relative;
right: 0px;
transform: translateX(5%);
}
@media only screen and (max-width: 1199px) {
.ch2-s3 .battlepass-axes .axe-image,
.chapter-2-season-3 .battlepass-axes .axe-image {
max-width: 50%;
top: 0px;
transform: none;
}
}
@media only screen and (max-width: 767px) {
.ch2-s3 .battlepass-axes .axe-image,
.chapter-2-season-3 .battlepass-axes .axe-image {
float: none;
margin: 1em auto;
max-width: 70%;
padding: 0px;
position: relative;
right: unset;
top: unset;
transform: none;
}
}
.ch2-s3 .battlepass-axes .axes-content,
.chapter-2-season-3 .battlepass-axes .axes-content {
color: rgb(0, 0, 0);
left: 0px;
max-width: 46%;
padding-left: 0px;
position: relative;
}
.ch2-s3 .battlepass-axes .axes-content h1,
.chapter-2-season-3 .battlepass-axes .axes-content h1 {
color: rgb(0, 134, 203);
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;
margin: 20px auto 10px;
max-width: 9em;
}
}
.ch2-s3 .battlepass-axes .axes-content p,
.chapter-2-season-3 .battlepass-axes .axes-content p {
font-size: 1.2vw;
margin-top: 0px;
max-width: 35em;
}
@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 {
max-width: 50%;
padding: 0px;
top: 50%;
}
}
@media only screen and (max-width: 767px) {
.ch2-s3 .battlepass-axes .axes-content,
.chapter-2-season-3 .battlepass-axes .axes-content {
margin: 0px auto;
max-width: 100%;
padding: 0px;
position: relative;
top: unset;
transform: none;
}
}
@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-size: 1.5em;
font-family: aERIN, sans-serif !important;
}
.battlepass-emotes {
margin: 5% auto 0px;
max-width: 1440px;
position: relative;
}
.battlepass-emotes.visible .emotes-image {
animation: 0.5s cubic-bezier(0.7, 0, 0.1, 1) 0.2s 1 normal forwards running
appear;
}
.battlepass-emotes .emotes-image {
display: block;
margin: 0px auto;
opacity: 0;
width: 85%;
}
.battlepass-emotes .emotes-image.absolute {
inset: 0px;
position: absolute;
}
.battlepass-emotes .emotes-content {
margin-bottom: 5%;
text-align: center;
width: 100%;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.battlepass-emotes .emotes-content {
display: flex;
justify-content: center;
}
}
.battlepass-emotes .emotes-content .animate-string h1 {
color: rgb(0, 0, 0);
font-size: 4vw;
}
@media only screen and (max-width: 767px) {
.battlepass-emotes .emotes-content .animate-string h1 {
font-size: 7vw;
text-align: center;
width: 90vw;
}
}
.battlepass-emotes .emotes-content p {
font-size: 1.5vw;
margin-top: 2vw;
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%;
padding-bottom: 56.25%;
position: relative;
}
@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: rgb(255, 255, 255);
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 {
background-size: cover;
height: 100%;
left: 0px;
opacity: 1;
padding-bottom: 56.25%;
position: absolute;
top: 0px;
width: 100%;
}
.battlepass-emotes
.emote-videos-wrapper
.battlepass-emote-video
.video-still
.bp-videoplay {
left: 0px;
margin: 0px auto;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
.battlepass-emotes
.emote-videos-wrapper
.battlepass-emote-video
.video-still.fade {
opacity: 0;
transition: opacity 0.5s ease-in-out 0s;
}
@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;
}
100% {
opacity: 1;
}
}
@keyframes bounce-left {
0% {
animation-timing-function: ease-in;
opacity: 1;
transform: translateX(-48px);
}
24% {
opacity: 1;
}
40% {
animation-timing-function: ease-in;
transform: translateX(-26px);
}
65% {
animation-timing-function: ease-in;
transform: translateX(-13px);
}
82% {
animation-timing-function: ease-in;
transform: translateX(-6.5px);
}
93% {
animation-timing-function: ease-in;
transform: translateX(-4px);
}
25%,
55%,
75%,
87%,
98% {
animation-timing-function: ease-out;
transform: translateX(0px);
}
100% {
animation-timing-function: ease-out;
opacity: 1;
transform: translateX(0px);
}
}
.ch2-s3 .battlepass-emotes,
.chapter-2-season-3 .battlepass-emotes {
margin: 3em auto 0px;
}
.ch2-s3 .battlepass-emotes .emotes-content,
.chapter-2-season-3 .battlepass-emotes .emotes-content {
margin-bottom: 0px;
}
.ch2-s3 .battlepass-emotes .emotes-content h1,
.chapter-2-season-3 .battlepass-emotes .emotes-content h1 {
color: rgb(0, 134, 203);
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: 0px;
}
}
.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 {
background-position: 50% center;
padding-bottom: 100%;
}
.battlepass-items {
background-color: rgb(0, 0, 0);
margin-top: -1px;
padding-bottom: 5%;
position: relative;
}
@media only screen and (max-width: 767px) {
.battlepass-items {
padding-bottom: 10%;
}
}
.battlepass-items.visible .item-bg-image {
animation: 0.5s cubic-bezier(0.7, 0, 0.1, 1) 0.2s 1 normal forwards running
appear;
}
.battlepass-items.visible .items-images img {
opacity: 1;
}
.battlepass-items .item-bg-image {
opacity: 0;
width: 78vw;
}
.battlepass-items .items-images {
align-items: baseline;
align-self: flex-start;
inset: 0px 0px 0px 5vw;
display: flex;
position: absolute;
}
@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;
transform: scale(1.1) translateY(22%);
transition-delay: 0.5s;
width: 35vw;
z-index: 10;
}
@media only screen and (max-width: 767px) {
.battlepass-items .items-images img:first-child {
width: 40vw;
}
}
.battlepass-items .items-images img:nth-child(2) {
transition-delay: 0.7s;
width: 20vw;
z-index: 9;
}
.battlepass-items .items-images img:nth-child(3) {
align-self: flex-start;
transform: translateY(50%);
transition-delay: 0.9s;
width: 15vw;
z-index: 8;
}
.battlepass-items .items-images img img {
width: 100%;
}
.battlepass-items .items-content {
color: rgb(0, 0, 0);
font-size: 1.5vw;
position: absolute;
right: 5vw;
top: 40%;
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 {
font-size: 1.5vw;
margin-top: 2vw;
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: rgb(255, 255, 255);
padding: 2em 0px 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 {
color: rgb(0, 134, 203);
font-size: 4vw;
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 {
max-width: 10em;
right: 3em;
}
}
@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: 0px;
position: relative;
top: 50%;
width: 100%;
}
.ch2-s3 .battlepass-items .items-images img:first-child,
.chapter-2-season-3 .battlepass-items .items-images img:first-child {
transform: none;
width: 70%;
z-index: 1;
}
@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%;
}
.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 {
margin-top: 2vw;
opacity: 0;
position: relative;
}
.battlepass-loadingScreens.visible {
animation: 0.5s cubic-bezier(0.7, 0, 0.1, 1) 0.2s 1 normal forwards running
appear;
}
.battlepass-loadingScreens .loadingScreens-content {
color: rgb(0, 0, 0);
padding: 2vh 2vw;
text-align: center;
}
.battlepass-loadingScreens .loadingScreens-content h1 {
font-size: 5vw;
}
.battlepass-loadingScreens .loadingScreens-content p {
font-size: 1.5vw;
margin: 0px auto;
width: 75vw;
}
@media only screen and (max-width: 767px) {
.battlepass-loadingScreens .loadingScreens-content p {
font-size: 2.5vw;
}
}
.battlepass-loadingScreens .loadScreens-slider {
display: flex;
flex-direction: column-reverse;
}
.battlepass-loadingScreens .loadScreens-slider .slick-slide {
overflow: hidden;
}
.battlepass-loadingScreens .loadScreens-slider .slick-slide .loadScreenSlide {
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
height: 80vh;
margin: 0px 1em;
min-height: 685px;
width: 100%;
}
@media only screen and (max-width: 991px) {
.battlepass-loadingScreens .loadScreens-slider .slick-slide .loadScreenSlide {
max-height: 400px;
min-height: auto;
}
}
@media only screen and (max-width: 767px) {
.battlepass-loadingScreens .loadScreens-slider .slick-slide .loadScreenSlide {
max-height: 200px;
min-height: auto;
}
}
.battlepass-loadingScreens .loadScreens-slider .loadScreens-paginations {
align-items: center;
justify-content: center;
margin-top: 20px;
padding: 0px;
display: flex !important;
}
.battlepass-loadingScreens .loadScreens-slider .loadScreens-paginations li {
display: inline-block;
margin: 0px 0.5em;
position: relative;
}
.battlepass-loadingScreens
.loadScreens-slider
.loadScreens-paginations
li
button {
background: rgb(41, 173, 228);
border: none;
color: transparent;
cursor: pointer;
height: 10px;
opacity: 0.3;
outline: none;
transition: all 0.5s ease-in-out 0s;
width: 160px;
}
@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: rgb(0, 0, 0);
height: 90vh;
margin-top: -1px;
position: relative;
}
@media only screen and (max-width: 1199px) {
.battlepass-more-rewards {
display: flex;
flex-direction: column;
height: 50vh;
min-height: 700px;
}
}
@media only screen and (max-width: 991px) {
.battlepass-more-rewards {
height: 500px;
min-height: auto;
}
}
.battlepass-more-rewards .more-rewards-image {
bottom: 0px;
height: 100%;
position: absolute;
right: 0px;
}
@media only screen and (max-width: 767px) {
.battlepass-more-rewards .more-rewards-image {
height: auto;
width: 120%;
}
}
.battlepass-more-rewards .more-rewards-content {
max-width: 40%;
padding-left: 72px;
position: absolute;
text-align: left;
top: 50%;
transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
.battlepass-more-rewards .more-rewards-content {
max-width: 100%;
padding: 25px 5em;
position: static;
text-align: center;
transform: none;
width: 100%;
}
}
.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 {
color: rgb(255, 255, 255);
font-size: 1.5vw;
}
@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-xp-progression {
background-color: rgb(0, 0, 0);
display: flex;
justify-content: flex-end;
margin-top: -1px;
padding: 5% 0px;
}
@media only screen and (max-width: 767px) {
.battlepass-xp-progression {
flex-direction: column;
}
}
.battlepass-xp-progression.visible .xpPregression-image {
animation: 0.5s cubic-bezier(0.7, 0, 0.1, 1) 0.3s 1 normal forwards running
appear;
}
.battlepass-xp-progression .xpProgression-image-container {
align-content: flex-end;
display: flex;
}
.battlepass-xp-progression .xpProgression-image-container .xpPregression-image {
align-self: center;
margin: 0px auto;
max-width: 1440px;
opacity: 0;
width: 60%;
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 {
align-items: center;
display: flex;
justify-content: flex-start;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.battlepass-xp-progression .xpPregression-content-wrapper {
order: 2;
}
.battlepass-xp-progression
.xpPregression-content-wrapper
.xpPregression-content {
padding: 0px;
}
.battlepass-xp-progression
.xpPregression-content-wrapper
.xpPregression-content
h1,
.battlepass-xp-progression
.xpPregression-content-wrapper
.xpPregression-content
p {
margin: 5% auto;
text-align: center;
width: 80%;
}
}
.battlepass-xp-progression .xpPregression-content {
color: rgb(0, 0, 0);
padding-left: 10%;
}
.battlepass-xp-progression .xpPregression-content h1 {
font-size: 5vw;
width: 35vw;
}
.battlepass-xp-progression .xpPregression-content p {
font-size: 1.5vw;
margin-top: 2vw;
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: rgb(255, 255, 255);
}
.sign-up-page .header-wrapper {
background: url('48c98b0df6f3f16b6d9ae2d3c0319b6a.jpg') center top / cover
no-repeat;
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 {
height: 60vh;
max-width: 65em;
min-height: 645px;
position: relative;
}
@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 {
padding-top: 4em;
position: relative;
z-index: 1;
}
.sign-up-page .header-wrapper .content-wrapper .head .content {
color: rgb(255, 255, 255);
max-width: 40em;
position: absolute;
right: 0px;
transition: all 0.3s ease-in-out 0s;
}
@media only screen and (max-width: 991px) {
.sign-up-page .header-wrapper .content-wrapper .head .content {
margin: 0px auto;
max-width: 30em;
position: relative;
}
}
.sign-up-page .header-wrapper .content-wrapper .head .content h2 {
font-family: BurbankSmall-Black, sans-serif;
font-size: 2em;
margin-bottom: 1em;
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;
margin: 0px auto;
max-width: 30em;
text-transform: uppercase;
}
@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: 0.8em;
margin: 0px auto 1em;
max-width: 30em;
}
.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;
margin: 0px auto 1em;
max-width: 30em;
}
.sign-up-page .header-wrapper .content-wrapper .btn-container {
bottom: -2em;
left: 0px;
margin: 0px auto;
position: relative;
right: 0px;
}
@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 {
font-size: 1.7em;
line-height: 1;
}
.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: 0.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: 0.8em;
}
.sign-up-page .header-wrapper .content-wrapper .btn-container .btn {
font-size: 1em;
}
}
.sign-up-page .header-wrapper .content-wrapper .space-man {
background: url('9c575a6ac15b884f56178edd631b5695.png') 0px 100% / contain
no-repeat;
bottom: 0px;
height: 98%;
left: 0px;
position: absolute;
right: 0px;
width: auto;
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: rgb(255, 255, 255);
padding: 0px 1em;
position: relative;
}
@media only screen and (max-width: 991px) {
.sign-up-page .white-bk {
padding: 3em 1em;
}
}
.sign-up-page .white-bk::before {
background-image: url('data:image/svg+xml;charset=utf-8,');
background-repeat: no-repeat;
background-size: cover;
bottom: 99.9%;
content: '';
height: 13.5em;
left: 0px;
position: absolute;
right: 0px;
width: 100%;
}
@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: 0px;
}
}
.sign-up-page .white-bk .text-section .requirements p {
font-size: 1em;
margin: 0px auto 0.5em;
max-width: 100%;
}
.sign-up-page .white-bk .text-section .aux-message,
.sign-up-page .white-bk .text-section p {
font-size: 1em;
margin: 4em auto;
max-width: 50em;
}
@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 0px 0px;
}
@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('93224436c33e7f2bbfa598a49dda8a63.jpg') 50% center / cover
no-repeat;
}
.sign-up-page.android .header-wrapper .content-wrapper {
height: 50vh;
max-width: 65em;
min-height: 615px;
}
@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('d844db5af51a1e6a89f36dc46f8125b5.png') 0px 100% / contain
no-repeat;
}
.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: 0px;
}
.sign-up-page.createAccount
.header-wrapper
.content-wrapper
.head
.content
.main-content
img {
margin: 1em 0px;
max-width: 8em;
}
.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: rgb(33, 86, 133);
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 {
font-size: 1.5em;
margin-bottom: 1em;
}
@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 {
font-size: 1.5em;
margin-bottom: 1em;
}
@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-family: aERIN, sans-serif;
font-size: 1.5em;
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('48c98b0df6f3f16b6d9ae2d3c0319b6a.jpg') center bottom / cover
no-repeat;
position: relative;
}
@media only screen and (max-width: 767px) {
.code-redeem {
background: url('48c98b0df6f3f16b6d9ae2d3c0319b6a.jpg') center bottom
no-repeat;
}
}
.code-redeem .content-container {
height: 70vh;
max-width: 1400px;
min-height: 845px;
padding: 2em 1em 0px;
position: relative;
}
@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 {
height: 100%;
min-height: 100%;
padding: 0px 1em;
}
}
.code-redeem .content-container .heroes {
background: url('9c575a6ac15b884f56178edd631b5695.png') 0px 100% / contain
no-repeat;
bottom: 0px;
height: 95%;
left: 0px;
position: absolute;
right: 0px;
width: auto;
z-index: 0;
}
@media only screen and (max-width: 991px) {
.code-redeem .content-container .heroes {
background: url('6c8aa1ca6803cd09b3df93b3385abf48.png') center bottom
no-repeat;
min-height: 28em;
position: relative;
}
}
.code-redeem .content-container .content {
color: rgb(255, 255, 255);
margin: 8em auto 0px;
max-width: 35em;
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 {
font-size: 2em;
margin-bottom: 1em;
}
@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;
margin: 0px auto 1em;
max-width: 30em;
}
.code-redeem .content-container .content .btn {
font-size: 1.8em;
margin-top: 1em;
}
.code-redeem.android {
background: url('93224436c33e7f2bbfa598a49dda8a63.jpg') 50% center / cover
no-repeat;
}
.code-redeem.android .content-container .heroes {
background: url('d844db5af51a1e6a89f36dc46f8125b5.png') 0px 100% / contain
no-repeat;
}
@media only screen and (max-width: 991px) {
.code-redeem.android .content-container .heroes {
background: url('e0455a55e1dde1241dc442f03e333186.png') center bottom /
contain no-repeat;
}
}
@media only screen and (max-width: 568px) and (orientation: landscape) {
.code-redeem.android .content-container .heroes {
display: none;
}
}
.confirm-page {
background: url('48c98b0df6f3f16b6d9ae2d3c0319b6a.jpg') center bottom / cover
no-repeat;
position: relative;
}
@media only screen and (max-width: 767px) {
.confirm-page {
background: url('48c98b0df6f3f16b6d9ae2d3c0319b6a.jpg') center bottom
no-repeat;
}
}
.confirm-page .content-container {
height: 70vh;
max-width: 1400px;
min-height: 845px;
padding: 2em 1em 0px;
position: relative;
}
@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 {
height: 100%;
min-height: 100%;
padding: 0px 1em;
}
}
.confirm-page .content-container .heroes {
background: url('9c575a6ac15b884f56178edd631b5695.png') 0px 100% / contain
no-repeat;
bottom: 0px;
height: 95%;
left: 0px;
position: absolute;
right: 0px;
width: auto;
z-index: 0;
}
@media only screen and (max-width: 991px) {
.confirm-page .content-container .heroes {
background: url('6c8aa1ca6803cd09b3df93b3385abf48.png') center bottom /
contain no-repeat;
min-height: 28em;
position: relative;
}
}
.confirm-page .content-container .content {
color: rgb(255, 255, 255);
margin: 8em auto 0px;
max-width: 35em;
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 {
font-family: BurbankSmall-Black, sans-serif;
font-size: 2em;
margin: 0.5em auto;
text-transform: none;
}
@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;
margin: 0px auto;
max-width: 25em;
}
@media only screen and (max-width: 991px) {
.confirm-page .content-container .content p {
max-width: 25em;
}
}
.confirm-page .content-container .content a {
color: rgb(255, 255, 255);
text-decoration: underline;
}
.confirm-page.android {
background: url('93224436c33e7f2bbfa598a49dda8a63.jpg') 50% center / cover
no-repeat;
}
.confirm-page.android .content-container .heroes {
background: url('d844db5af51a1e6a89f36dc46f8125b5.png') 0px 100% / contain
no-repeat;
}
@media only screen and (max-width: 991px) {
.confirm-page.android .content-container .heroes {
background: url('e0455a55e1dde1241dc442f03e333186.png') center bottom /
contain no-repeat;
}
}
@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;
font-size: 2em;
max-width: 15em;
text-transform: none;
}
.confirm-page.createAccount .content-container .content p {
font-size: 1em;
}
.confirm-page.createAccount .content-container .iosButton {
background: url('data:image/svg+xml;base64,PHN2ZyBpZD0ibGl2ZXR5cGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2OC42NyA1Ni4zOCI+PGRlZnM+PHN0eWxlPi5jbHMtMntmaWxsOiNmZmZ9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTE1Ni42Ni40OEgxMy4zMkwxMiAuNWExOCAxOCAwIDAgMC0yLjguMjUgOS4xNyA5LjE3IDAgMCAwLTIuNjguODggOS4wNyA5LjA3IDAgMCAwLTIuMjggMS42NiA5LjE1IDkuMTUgMCAwIDAtMi41NCA1IDE3LjggMTcuOCAwIDAgMC0uMjUgMi44MlY0Ni4zYTE3LjggMTcuOCAwIDAgMCAuMjUgMi44MiA5LjA3IDkuMDcgMCAwIDAgLjg4IDIuNjhBOC44OSA4Ljg5IDAgMCAwIDQuMjQgNTRhOS4wNyA5LjA3IDAgMCAwIDIuMjggMS43IDkuNSA5LjUgMCAwIDAgMi42OC44OSAxOS4zMiAxOS4zMiAwIDAgMCAyLjgzLjI1aDE0Ny40NmExOS4wNiAxOS4wNiAwIDAgMCAyLjgyLS4yNSA5LjY3IDkuNjcgMCAwIDAgMi42OS0uODkgOS4wNyA5LjA3IDAgMCAwIDIuMjgtMS43IDguODkgOC44OSAwIDAgMCAxLjY2LTIuMjggOS4wNyA5LjA3IDAgMCAwIC44OC0yLjY4IDIwLjUzIDIwLjUzIDAgMCAwIC4yNi0yLjgyVjExLjA4YTIwLjUzIDIwLjUzIDAgMCAwLS4yNi0yLjgyIDkuMTUgOS4xNSAwIDAgMC0yLjU0LTVBOS4wNyA5LjA3IDAgMCAwIDE2NSAxLjYzYTkuMzMgOS4zMyAwIDAgMC0yLjY5LS44OCAxNy44IDE3LjggMCAwIDAtMi44Mi0uMjVoLTEuM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjQyIC0uNDgpIiBzdHlsZT0iZmlsbDojYjdiN2I3Ii8+PHBhdGggZD0iTTEzLjMzIDU1LjYyaC0xLjI4YTE4IDE4IDAgMCAxLTIuNjMtLjIzIDguNTggOC41OCAwIDAgMS0yLjM0LS43NyA4IDggMCAwIDEtMi0xLjQ0IDcuNDggNy40OCAwIDAgMS0xLjQzLTIgOCA4IDAgMCAxLS43Ny0yLjM0IDE2LjY0IDE2LjY0IDAgMCAxLS4yMy0yLjY0VjExLjEyYTE2LjQ1IDE2LjQ1IDAgMCAxIC4yMy0yLjY0IDguMTQgOC4xNCAwIDAgMSAuNzYtMi4zNCA3LjYzIDcuNjMgMCAwIDEgMS40NC0yIDcuNzggNy43OCAwIDAgMSAyLTEuNDVBOC42MSA4LjYxIDAgMCAxIDkuNDEgMmExNy45MiAxNy45MiAwIDAgMSAyLjY1LS4yM2gxNDcuNDFhMTcuNTUgMTcuNTUgMCAwIDEgMi42Mi4yMyA4LjQ5IDguNDkgMCAwIDEgMi4zNi43NyA3LjgzIDcuODMgMCAwIDEgMiAxLjQzIDcuOTIgNy45MiAwIDAgMSAxLjQ0IDIgOC4wOSA4LjA5IDAgMCAxIC43NSAyLjMyIDE3LjU2IDE3LjU2IDAgMCAxIC4yNSAyLjY2VjQ2LjNhMTguMzYgMTguMzYgMCAwIDEtLjI0IDIuNjIgOC41MiA4LjUyIDAgMCAxLS43NiAyLjM1IDcuNzYgNy43NiAwIDAgMS0xLjQ0IDEuOTUgNy41MSA3LjUxIDAgMCAxLTIgMS40NCA4LjEzIDguMTMgMCAwIDEtMi4zNS43OCAxNy44OSAxNy44OSAwIDAgMS0yLjYzLjIzSDEzLjMzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNDIgLS40OCkiLz48ZyBpZD0iX0dyb3VwXyIgZGF0YS1uYW1lPSImbHQ7R3JvdXAmZ3Q7Ij48ZyBpZD0iX0dyb3VwXzIiIGRhdGEtbmFtZT0iJmx0O0dyb3VwJmd0OyI+PGcgaWQ9Il9Hcm91cF8zIiBkYXRhLW5hbWU9IiZsdDtHcm91cCZndDsiPjxwYXRoIGlkPSJfUGF0aF8iIGRhdGEtbmFtZT0iJmx0O1BhdGgmZ3Q7IiBjbGFzcz0iY2xzLTIiIGQ9Ik0zNi4zNCAyOS4wOWE3IDcgMCAwIDEgMy4zMi01Ljg1IDcuMTIgNy4xMiAwIDAgMC01LjYzLTNjLTIuMzYtLjI1LTQuNjYgMS40MS01Ljg3IDEuNDFzLTMuMDgtMS4zOS01LjA4LTEuMzVhNy41IDcuNSAwIDAgMC02LjMxIDMuODVjLTIuNzIgNC43Mi0uNjkgMTEuNjUgMS45MiAxNS40NyAxLjMxIDEuODcgMi44NCA0IDQuODMgMy44OHMyLjY5LTEuMjUgNS4wNS0xLjI1IDMgMS4yNSA1LjA2IDEuMiAzLjQyLTEuODcgNC42OC0zLjc2YTE1LjI2IDE1LjI2IDAgMCAwIDIuMTQtNC4zNiA2Ljc0IDYuNzQgMCAwIDEtNC4xMS02LjI0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNDIgLS40OCkiLz48cGF0aCBpZD0iX1BhdGhfMiIgZGF0YS1uYW1lPSImbHQ7UGF0aCZndDsiIGNsYXNzPSJjbHMtMiIgZD0iTTMyLjQ5IDE3LjY5YTYuODkgNi44OSAwIDAgMCAxLjU3LTQuOTIgNyA3IDAgMCAwLTQuNTIgMi4zNCA2LjU0IDYuNTQgMCAwIDAtMS42MiA0LjczIDUuNzkgNS43OSAwIDAgMCA0LjU3LTIuMTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS40MiAtLjQ4KSIvPjwvZz48L2c+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNjEuMDUgMzguNzNoLTYuNjdsLTEuNiA0LjczSDUwTDU2LjI3IDI2aDIuOTRsNi4zMiAxNy41aC0yLjg4Wm0tNi0yLjE4aDUuMjlsLTIuNjEtNy42OGgtLjA3Wk03OS4xNyAzNy4wOGMwIDQtMi4xMiA2LjUxLTUuMzIgNi41MWE0LjM0IDQuMzQgMCAwIDEtNC0yLjIzaC0uMDZ2Ni4zMmgtMi42NHYtMTdoMi41NHYyLjEyYTQuNTEgNC41MSAwIDAgMSA0LjA2LTIuMjVjMy4yNS4wMiA1LjQyIDIuNTggNS40MiA2LjUzWm0tMi42OSAwYzAtMi41OC0xLjMzLTQuMjgtMy4zNy00LjI4cy0zLjM1IDEuNzMtMy4zNSA0LjI4IDEuMzUgNC4yOSAzLjM1IDQuMjkgMy4zNy0xLjY4IDMuMzctNC4yOVpNOTMuMjIgMzcuMDhjMCA0LTIuMTIgNi41MS01LjMzIDYuNTFhNC4zMiA0LjMyIDAgMCAxLTQtMi4yM2gtLjA2djYuMzJIODEuMnYtMTdoMi41M3YyLjEyYTQuNTMgNC41MyAwIDAgMSA0LjA3LTIuMjVjMy4yOC4wMiA1LjQyIDIuNTggNS40MiA2LjUzWm0tMi42OSAwYzAtMi41OC0xLjM0LTQuMjgtMy4zOC00LjI4cy0zLjM0IDEuNzMtMy4zNCA0LjI4IDEuMzQgNC4yOSAzLjM0IDQuMjkgMy4zOC0xLjY4IDMuMzgtNC4yOVpNMTAyLjUgMzguNThjLjIgMS43NCAxLjg4IDIuODggNC4xOSAyLjg4czMuNzktMS4xNCAzLjc5LTIuN2MwLTEuMzYtMS0yLjE4LTMuMjItMi43M2wtMi4yNi0uNTVjLTMuMjItLjc4LTQuNzEtMi4yOC00LjcxLTQuNzIgMC0zIDIuNjMtNS4wOSA2LjM3LTUuMDlzNi4yNCAyLjA3IDYuMzIgNS4wOWgtMi42NGMtLjE2LTEuNzUtMS42MS0yLjgtMy43Mi0yLjhzLTMuNTUgMS4wNy0zLjU1IDIuNjJjMCAxLjI0LjkyIDIgMy4xOCAyLjUybDEuOTMuNDhjMy41OS44NCA1LjA4IDIuMjkgNS4wOCA0Ljg1IDAgMy4yNy0yLjYxIDUuMzItNi43NiA1LjMyLTMuODggMC02LjUtMi02LjY3LTUuMTdaTTExOC45IDI3LjY4djNoMi40M3YyLjA3aC0yLjQzdjdjMCAxLjA5LjQ5IDEuNiAxLjU2IDEuNi4yNiAwIC42OSAwIC44Ni0uMDZ2Mi4wNmE2Ljc5IDYuNzkgMCAwIDEtMS40Ni4xMmMtMi41OCAwLTMuNTktMS0zLjU5LTMuNDR2LTcuMjZoLTEuODVWMzAuN2gxLjg1di0zWk0xMjIuNzQgMzcuMDhjMC00IDIuMzYtNi41NCA2LTYuNTRzNi4wNSAyLjUzIDYuMDUgNi41NC0yLjM0IDYuNTQtNi4wNSA2LjU0LTYtMi41MS02LTYuNTRabTkuNDMgMGMwLTIuNzUtMS4yNi00LjM4LTMuMzgtNC4zOHMtMy4zOSAxLjY0LTMuMzkgNC4zOCAxLjI3IDQuMzggMy4zOSA0LjM4IDMuMzgtMS42MSAzLjM4LTQuMzhaTTEzNyAzMC43aDIuNXYyLjE3aC4wNmEzIDMgMCAwIDEgMy4wNy0yLjMgNC43MyA0LjczIDAgMCAxIC45LjA5djIuNDVhMy45MiAzLjkyIDAgMCAwLTEuMTgtLjE1IDIuNjQgMi42NCAwIDAgMC0yLjczIDIuOTN2Ny41N0gxMzdaTTE1NS42IDM5LjcxYy0uMzUgMi4zMi0yLjYgMy45MS01LjQ5IDMuOTEtMy43MSAwLTYtMi40OS02LTYuNDhzMi4zMi02LjYgNS45MS02LjYgNS43NSAyLjQzIDUuNzUgNi4zdi45aC05di4xNWEzLjMyIDMuMzIgMCAwIDAgMy40MyAzLjYyIDIuODggMi44OCAwIDAgMCAzLTEuOFptLTguODUtMy44MWg2LjM4YTMuMDYgMy4wNiAwIDAgMC0zLjEzLTMuMjMgMy4yMiAzLjIyIDAgMCAwLTMuMjUgMy4yM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjQyIC0uNDgpIi8+PC9nPjxnIGlkPSJfR3JvdXBfNCIgZGF0YS1uYW1lPSImbHQ7R3JvdXAmZ3Q7Ij48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik01NC43NCAxMi43OGMyLjUgMCA0IDEuNTQgNCA0LjE4cy0xLjQ1IDQuMjMtNCA0LjIzaC0zdi04LjQxWk01MyAyMGgxLjZjMS43NSAwIDIuNzctMS4wOSAyLjc3LTNzLTEtMy0yLjc3LTNINTNaTTYwLjE3IDE4YzAtMiAxLjE1LTMuMyAzLTMuM3MzIDEuMjUgMyAzLjMtMS4xNCAzLjMtMyAzLjMtMy0xLjIzLTMtMy4zWm00LjcgMGMwLTEuMzgtLjYyLTIuMTgtMS43LTIuMThzLTEuNy44LTEuNyAyLjE4LjYxIDIuMTggMS43IDIuMTggMS43LS43OCAxLjctMi4xOFpNNzQuMTIgMjEuMTloLTEuM2wtMS4zMS00LjY3aC0uMWwtMS4zMSA0LjY3aC0xLjI5bC0xLjc0LTYuMzRoMS4yN2wxLjEzIDQuODRoLjFsMS4zLTQuODRoMS4ybDEuMzEgNC44NGguMWwxLjEzLTQuODRoMS4yNVpNNzcuMzMgMTQuODVoMS4yMXYxaC4wOWExLjkxIDEuOTEgMCAwIDEgMS45LTEuMTMgMi4wNiAyLjA2IDAgMCAxIDIuMTkgMi4zNnY0LjExaC0xLjI1VjE3LjRjMC0xLS40NC0xLjUzLTEuMzctMS41M2ExLjQ2IDEuNDYgMCAwIDAtMS41MiAxLjYxdjMuNzFoLTEuMjVaTTg0LjcyIDEyLjM3SDg2djguODJoLTEuMjhaTTg3LjcxIDE4YzAtMiAxLjE1LTMuMyAzLTMuM3MzIDEuMjUgMyAzLjMtMS4xNCAzLjMtMyAzLjMtMy0xLjIzLTMtMy4zWm00LjcgMGMwLTEuMzgtLjYyLTIuMTgtMS43LTIuMThTODkgMTYuNjQgODkgMThzLjYxIDIuMTggMS43IDIuMTggMS43MS0uNzggMS43MS0yLjE4Wk05NSAxOS40YzAtMS4xNC44NS0xLjggMi4zNi0xLjlsMS43Mi0uMXYtLjU0YzAtLjY3LS40NS0xLTEuMy0xLS43IDAtMS4xOC4yNS0xLjMyLjdoLTEuMmMuMTMtMS4wOSAxLjE2LTEuNzkgMi42LTEuNzkgMS41OSAwIDIuNDkuOCAyLjQ5IDIuMTR2NC4zM2gtMS4yMXYtLjk0SDk5YTIuMTMgMi4xMyAwIDAgMS0xLjkxIDFBMS45MSAxLjkxIDAgMCAxIDk1IDE5LjRabTQuMDgtLjU0di0uNTNsLTEuNTUuMDljLS44OC4wNi0xLjI3LjM2LTEuMjcuOTJzLjQ5LjkgMS4xNy45YTEuNSAxLjUgMCAwIDAgMS42Ny0xLjM4Wk0xMDIgMThjMC0yIDEtMy4yOCAyLjY0LTMuMjhhMi4wOCAyLjA4IDAgMCAxIDEuOTQgMS4xMWguMXYtMy40NmgxLjI1djguODJoLTEuMnYtMWgtLjFhMi4yMSAyLjIxIDAgMCAxLTIgMS4xMUMxMDMgMjEuMyAxMDIgMjAgMTAyIDE4Wm0xLjMgMGMwIDEuMzQuNjMgMi4xNSAxLjY5IDIuMTVzMS43MS0uODIgMS43MS0yLjE1LS43LTIuMTMtMS43LTIuMTMtMS43MS44MS0xLjcxIDIuMTNaTTExMy4xIDE4YzAtMiAxLjE0LTMuMyAzLTMuM3MzIDEuMjUgMyAzLjMtMS4xNCAzLjMtMyAzLjMtMy0xLjIzLTMtMy4zWm00LjcgMGMwLTEuMzgtLjYyLTIuMTgtMS43LTIuMThzLTEuNy44LTEuNyAyLjE4LjYxIDIuMTggMS43IDIuMTggMS43LS43OCAxLjctMi4xOFpNMTIwLjc3IDE0Ljg1SDEyMnYxaC4xYTEuOTEgMS45MSAwIDAgMSAxLjktMS4xMyAyLjA2IDIuMDYgMCAwIDEgMi4yIDIuMzZ2NC4xMWgtMS4yNVYxNy40YzAtMS0uNDUtMS41My0xLjM3LTEuNTNhMS40NiAxLjQ2IDAgMCAwLTEuNTggMS42MXYzLjcxaC0xLjI1Wk0xMzMuMjQgMTMuMjd2MS42aDEuMzd2MS4wNmgtMS4zN3YzLjI2YzAgLjY3LjI3IDEgLjg5IDFhMy41MyAzLjUzIDAgMCAwIC40OCAwdjFhMy41NSAzLjU1IDAgMCAxLS42OC4wN2MtMS4zOSAwLTItLjQ5LTItMS43MnYtMy42MWgtMXYtMS4wNmgxdi0xLjZaTTEzNi4zMiAxMi4zN2gxLjI0djMuNWguMWEyIDIgMCAwIDEgMS45NC0xLjE0IDIuMDkgMi4wOSAwIDAgMSAyLjE4IDIuMzd2NC4wOWgtMS4yNVYxNy40YzAtMS0uNDctMS41Mi0xLjM2LTEuNTJhMS40OCAxLjQ4IDAgMCAwLTEuNTkgMS42MXYzLjdoLTEuMjZaTTE0OS4wOSAxOS40OGEyLjU4IDIuNTggMCAwIDEtMi43NSAxLjg0Yy0xLjgyIDAtMi45My0xLjI1LTIuOTMtMy4yOHMxLjEzLTMuMzIgMi45Mi0zLjMyIDIuODMgMS4yMSAyLjgzIDMuMnYuNDRoLTQuNDh2LjA3YTEuNjggMS42OCAwIDAgMCAxLjY5IDEuODIgMS41MyAxLjUzIDAgMCAwIDEuNTEtLjc3Wm0tNC40MS0yLjA1aDMuMjFhMS41MyAxLjUzIDAgMCAwLTEuNTYtMS42NCAxLjYyIDEuNjIgMCAwIDAtMS42NSAxLjY0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNDIgLS40OCkiLz48L2c+PC9zdmc+')
50% center / contain no-repeat;
height: 5em;
margin: 2em auto 0px;
width: 15em;
}
.device-select {
background: url('48c98b0df6f3f16b6d9ae2d3c0319b6a.jpg') center bottom / cover
no-repeat;
position: relative;
}
@media only screen and (max-width: 767px) {
.device-select {
background: url('48c98b0df6f3f16b6d9ae2d3c0319b6a.jpg') center bottom
no-repeat;
}
}
.device-select .content-container {
height: 70vh;
max-width: 1400px;
min-height: 845px;
padding: 2em 1em 0px;
position: relative;
}
@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 {
height: 100%;
min-height: 100%;
padding: 0px 1em;
}
}
.device-select .content-container .heroes {
background: url('9c575a6ac15b884f56178edd631b5695.png') 0px 100% / contain
no-repeat;
bottom: 0px;
height: 95%;
left: 0px;
position: absolute;
right: 0px;
width: auto;
z-index: 0;
}
@media only screen and (max-width: 991px) {
.device-select .content-container .heroes {
background: url('6c8aa1ca6803cd09b3df93b3385abf48.png') center bottom /
contain no-repeat;
min-height: 28em;
position: relative;
}
}
.device-select .content-container .content {
color: rgb(255, 255, 255);
margin: 8em auto 0px;
max-width: 35em;
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 {
font-family: BurbankSmall-Black, sans-serif;
margin: 0.9em auto;
max-width: 20em;
text-transform: uppercase;
}
.device-select .content-container .content select {
color: rgb(0, 0, 0);
font-family: BurbankBigCondensed-Black, sans-serif;
margin: 0px auto;
max-width: 20em;
}
.device-select .content-container .content .btn {
margin-top: 1em;
}
.device-select.android {
background: url('93224436c33e7f2bbfa598a49dda8a63.jpg') 50% center / cover
no-repeat;
}
.device-select.android .content-container .heroes {
background: url('d844db5af51a1e6a89f36dc46f8125b5.png') 0px 100% / contain
no-repeat;
}
@media only screen and (max-width: 991px) {
.device-select.android .content-container .heroes {
background: url('e0455a55e1dde1241dc442f03e333186.png') center bottom /
contain no-repeat;
}
}
@media only screen and (max-width: 568px) and (orientation: landscape) {
.device-select.android .content-container .heroes {
display: none;
}
}
.header-fnMobile-container {
margin: 0px auto 1em;
max-width: 40em;
position: relative;
}
@media only screen and (max-width: 991px) {
.header-fnMobile-container {
margin: 0px auto 1em;
}
}
.header-fnMobile-container h1 {
color: rgb(0, 0, 0);
font-size: 5em;
margin: 0px 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: rgb(255, 255, 255);
}
.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;
}
}
.android-downloadpage {
color: rgb(255, 255, 255);
margin: 0px auto;
min-height: 90vh;
padding: 2em 0px;
position: relative;
}
.android-downloadpage img {
margin-bottom: 1em;
}
.android-downloadpage h1 {
font-size: 2em;
letter-spacing: 1px;
margin: 0px auto 0.5em;
max-width: 12em;
text-transform: none;
}
@media only screen and (max-width: 767px) {
.android-downloadpage h1 {
font-size: 1.7em;
}
}
.android-downloadpage p {
color: rgb(255, 255, 255);
font-size: 1em;
margin: 0px auto 0.5em;
max-width: 20em;
}
.android-downloadpage .supportSteps {
margin: 1em 0px;
}
.android-downloadpage .settings-message {
color: rgb(0, 0, 0);
font-family: BurbankBigRegular-Black, sans-serif;
font-weight: 700;
line-height: 1.2;
margin: 0px auto;
max-width: 27em;
padding: 0px 1em;
text-transform: uppercase;
}
.android-downloadpage .settings-message ol {
font-size: 1em;
margin: 0px;
padding-left: 1.4em;
}
.android-downloadpage .settings-message ol li {
margin-bottom: 0.5em;
}
.android-downloadpage .egIcon {
display: block;
margin: 20px auto;
width: 220px;
}
.android-downloadpage .egIcon img {
width: 100%;
}
.android-downloadpage .support {
margin: 0px auto;
max-width: 27em;
padding: 0px 1em;
}
.android-downloadpage .support span {
color: rgb(255, 255, 0);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1em;
font-weight: 800;
padding-left: 0.3em;
text-transform: uppercase;
}
.android-downloadpage .support span i {
color: rgb(255, 255, 0);
display: inline-block;
margin: 0px 0.5em;
transform: rotate(90deg);
}
.android-downloadpage .support p {
text-align: center;
}
.android-downloadpage .support p span {
color: rgb(255, 255, 0);
font-size: 0.9em;
font-weight: 800;
padding-left: 0.3em;
}
.android-downloadpage .support p span i {
color: rgb(255, 255, 0);
display: inline-block;
margin: 0px 0.5em;
transform: rotate(90deg);
}
.android-downloadpage .support .drawer {
display: none;
}
.android-downloadpage .support .drawer p {
font-size: 0.9em;
margin: 0px;
max-width: 100%;
}
.android-downloadpage .support .drawer a {
color: rgb(255, 255, 0);
cursor: pointer;
font-weight: 800;
}
.android-downloadpage .support.active ol li span i,
.android-downloadpage .support.active span i {
transform: rotate(-90deg);
}
.android-downloadpage .support.active .drawer {
display: block;
}
.android-downloadpage .copy a {
text-decoration: underline;
color: rgb(255, 255, 0) !important;
}
.android-downloadpage .copy a:hover {
color: rgb(255, 255, 0);
}
.android-downloadpage .copy h4 {
font-family: BurbankSmall-Black, sans-serif;
font-size: 1.5em;
margin: 1em auto;
text-transform: none;
}
.android-downloadpage .btn.btn-display {
opacity: 0;
animation: 0.3s ease 1.5s 1 normal forwards running appear !important;
}
.android-downloadpage.notSupported {
padding-top: 5em;
}
.android-downloadpage.oldFlow h1 {
font-size: 2.5em;
line-height: 1;
text-transform: uppercase;
}
.android-downloadpage.oldFlow .description {
color: rgb(0, 0, 0);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.75em;
line-height: 1;
text-transform: uppercase;
}
.android-downloadpage .egsDownloadImg {
margin-top: 20px;
max-width: 220px;
width: 90%;
}
.android-downloadpage.newFlow .copy {
margin: 0px auto;
max-width: 16em;
width: 100%;
}
.android-downloadpage.newFlow .copy p {
font-size: 0.9em;
line-height: 1.4;
}
.android-downloadpage.newFlow .copy.spacing {
margin: 45% auto 0px;
max-width: 18em;
}
@media only screen and (max-width: 767px) {
.android-downloadpage.newFlow .btn.btn-display {
font-size: 1.5em;
padding: 0px 1em;
}
.ru .android-downloadpage .btn.btn-display {
font-size: 1.5em;
}
.ja .android-downloadpage .btn.btn-display {
font-size: 1.2em;
}
}
@keyframes appear {
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
}
}
.flow-slide-container {
margin: 0px auto;
max-width: 27em;
}
.flow-slide-container.inView .slick-slider .slick-active .slide-top {
opacity: 1;
transform: translateY(0px);
transition-delay: 0.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 {
align-items: center;
display: flex;
flex-direction: column;
}
.flow-slide-container .slick-slide .flow-slider .slide-top {
align-items: center;
background: rgb(255, 255, 255);
display: flex;
font-family: BurbankBigCondensed-Black, sans-serif;
opacity: 0;
padding: 1em;
transform: translateY(-100px);
transition: all 0.2s ease 0s;
width: 100%;
}
.flow-slide-container .slick-slide .flow-slider .slide-top .slide-step {
color: rgb(78, 193, 249);
font-size: 2em;
text-transform: uppercase;
white-space: nowrap;
}
.flow-slide-container .slick-slide .flow-slider .slide-top .slide-title {
color: rgb(0, 0, 0);
padding-left: 1em;
text-align: left;
}
.flow-slide-container .slick-slide .flow-slider .slide-image {
margin-top: 1.5em;
position: relative;
width: 100%;
}
.flow-slide-container
.slick-slide
.flow-slider
.slide-image
.slide-placeholder {
inset: 0px;
position: absolute;
z-index: 10;
}
.flow-slide-container
.slick-slide
.flow-slider
.slide-image
.placeholder-image {
display: block;
width: 100%;
}
.flow-slide-container .slick-slide .flow-slider .slide-image .animate-image {
display: none;
width: 100%;
}
.flow-slide-container .slick-dots {
position: relative !important;
}
.flow-slide-container .slick-dots li {
background: rgb(129, 220, 250) !important;
border-color: transparent !important;
}
.flow-slide-container .slick-dots li.slick-active {
background-color: rgb(255, 255, 255) !important;
}
.ko .flow-slide-container .flow-slider .slide-top {
font-family: aERIN, sans-serif;
}
.ja .flow-slide-container .flow-slider .slide-top {
font-family: Tazugane, sans-serif;
}
.patch-notes-header {
padding: 0px 0px 4em;
position: relative;
}
.patch-notes-header .background-image {
margin-top: -2.5em;
padding-bottom: 36%;
width: 100%;
background-size: cover !important;
}
@media only screen and (max-width: 991px) {
.patch-notes-header .background-image {
margin-top: -3em;
padding-bottom: 50%;
background-position: 50% center !important;
}
}
@media only screen and (max-width: 767px) {
.patch-notes-header .background-image {
padding-bottom: 71%;
}
}
.patch-notes-navigation {
background: rgb(28, 35, 122);
clip-path: polygon(0px 100%, 0px 0px, 100% 0px, 100% 90%, 18% 96%, 20% 100%);
}
.patch-notes-navigation .patch-container {
margin: 0px auto;
max-width: 1600px;
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: rgb(255, 255, 255);
font-size: 6em;
margin: 0px;
}
@media only screen and (max-width: 767px) {
.patch-notes-navigation .patch-container h1 {
font-size: 3em;
line-height: 0.9em;
margin-bottom: 0.2em;
}
}
.patch-notes-navigation .patch-container div,
.patch-notes-navigation .patch-container p {
color: rgb(255, 255, 255);
margin: 0px;
text-transform: uppercase;
}
.patch-notes-navigation .patch-container ul {
list-style: none;
margin: 0px;
padding: 0px;
}
@media only screen and (max-width: 767px) {
.patch-notes-navigation .patch-container ul {
margin: 1em auto;
text-align: center;
}
}
.patch-notes-navigation .patch-container .quick-link {
background-color: rgb(255, 255, 255);
clip-path: polygon(0px 100%, 0px 4%, 100% 0px, 100% 100%);
cursor: pointer;
display: inline-block;
margin: 0.2em;
max-width: 8em;
min-height: 7em;
overflow: hidden;
padding: 0.5em 0px 1em;
text-align: center;
width: 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 {
font-size: 1.6em;
line-height: 0.9em;
margin: 0.2em auto;
max-width: 90%;
}
.patch-notes-navigation .patch-container .quick-link .link-jump {
font-size: 0.75em;
font-weight: 500;
margin: 0px;
}
.patch-notes-navigation .patch-container .quick-link.Pink .link-jump,
.patch-notes-navigation .patch-container .quick-link.Pink h3 {
color: rgb(254, 35, 169);
}
.patch-notes-navigation .patch-container .quick-link.Blue .link-jump,
.patch-notes-navigation .patch-container .quick-link.Blue h3 {
color: rgb(59, 225, 255);
}
.patch-notes-navigation .patch-container .quick-link.Dark .link-jump,
.patch-notes-navigation .patch-container .quick-link.Dark h3 {
color: rgb(51, 51, 51);
}
.patch-notes-navigation .patch-container .quick-link.Yellow .link-jump,
.patch-notes-navigation .patch-container .quick-link.Yellow h3 {
color: rgb(255, 255, 0);
}
.patch-notes-navigation .patch-container .quick-link.Red .link-jump,
.patch-notes-navigation .patch-container .quick-link.Red h3 {
color: rgb(230, 21, 72);
}
.patch-notes-navigation .patch-container .quick-link.Purple .link-jump,
.patch-notes-navigation .patch-container .quick-link.Purple h3 {
color: rgb(225, 106, 224);
}
.patch-notes-navigation .patch-container .quick-link.Orange .link-jump,
.patch-notes-navigation .patch-container .quick-link.Orange h3 {
color: rgb(255, 103, 41);
}
.patch-notes-navigation .patch-container .quick-link.mintGreen .link-jump,
.patch-notes-navigation .patch-container .quick-link.mintGreen h3 {
color: rgb(6, 195, 126);
}
.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 {
max-width: 12em;
min-height: auto;
width: 100%;
}
.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 {
margin: 0px auto;
max-width: 1400px;
position: relative;
}
@media only screen and (max-width: 991px) {
.patch-notes-social-share {
margin: 0px auto 1em;
}
}
.patch-notes-social-share .share-container {
list-style: none;
margin: 0px;
padding: 0px;
position: absolute;
right: 2em;
}
.patch-notes-social-share .share-container li {
background-color: rgb(236, 29, 141);
border-radius: 50%;
cursor: pointer;
height: 2em;
margin: 0.5em 0px;
text-align: center;
transition: background-color 0.3s ease-in-out 0s;
width: 2em;
}
@media only screen and (min-width: 992px) {
.patch-notes-social-share .share-container li:hover {
background-color: rgb(221, 19, 128);
}
}
.patch-notes-social-share .share-container li i {
color: rgb(255, 255, 255);
display: block;
position: relative;
top: 50%;
transform: translateY(-50%);
}
@media only screen and (max-width: 991px) {
.patch-notes-social-share .share-container {
left: 1em;
position: relative;
right: auto;
}
.patch-notes-social-share .share-container li {
display: inline-block;
margin: 0.5em 0.2em;
}
}
.patch-notes-carousel .background {
background-size: cover;
padding-bottom: 56.25%;
width: 100%;
}
.patch-notes-carousel .slick-arrow {
cursor: pointer;
width: 148px;
}
.patch-notes-carousel .slick-arrow i {
display: none;
}
.patch-notes-carousel .slick-arrow.slick-prev {
height: 100%;
left: 0px;
right: auto;
top: 0px;
}
.patch-notes-carousel .slick-arrow.slick-next {
height: 100%;
left: auto;
right: 0px;
top: 0px;
}
.patch-notes-carousel .slick-slide {
transition: transform 0.3s ease-in-out 0.1s;
}
@media only screen and (min-width: 992px) {
.patch-notes-carousel.left .slick-slide {
transform: translate3d(100px, 0px, 0px);
transition: transform 0.3s ease-in-out 0s;
}
.patch-notes-carousel.right .slick-slide {
transform: translate3d(-100px, 0px, 0px);
transition: transform 0.3s ease-in-out 0s;
}
}
.patch-notes-text {
margin: 0px auto;
max-width: 1400px;
padding: 0px 2em;
}
@media only screen and (max-width: 991px) {
.patch-notes-text {
padding: 0px 1em;
}
}
.patch-notes-text h1 {
font-size: 4em;
line-height: 1;
margin: 0px 0px 0.5em;
}
.patch-notes-text h1.Dark {
color: rgb(51, 51, 51);
}
.patch-notes-text h1.Blue {
color: rgb(59, 225, 255);
}
.patch-notes-text h1.Yellow {
color: rgb(255, 255, 0);
}
.patch-notes-text h1.Red {
color: rgb(230, 21, 72);
}
.patch-notes-text h1.Pink {
color: rgb(254, 35, 169);
}
.patch-notes-text h1.Purple {
color: rgb(225, 106, 224);
}
.patch-notes-text h1.Orange {
color: rgb(255, 103, 41);
}
.patch-notes-text h1.mintGreen {
color: rgb(6, 195, 126);
}
@media only screen and (max-width: 767px) {
.patch-notes-text h1 {
font-size: 3em;
}
}
.patch-notes-text h2 {
font-size: 3em;
margin: 1em 0px 0.5em;
}
@media only screen and (max-width: 767px) {
.patch-notes-text h2 {
font-size: 2em;
}
}
.patch-notes-text p {
margin-bottom: 0px;
}
.patch-notes-text ul {
font-size: 1em;
list-style-type: disc;
margin: 0px;
padding: 0px 0px 0px 1.4em;
}
.patch-notes-text ul ul {
list-style-type: circle;
}
.patch-notes-text ul ul ul {
list-style-type: square;
}
.patch-notes-text ul li {
line-height: 1.6em;
margin-top: 0.5em;
}
.patch-notes-text img {
margin: 1em 0px;
max-width: 100%;
}
.patch-notes-text .embed-responsive {
margin: 1em 0px;
}
.patch-notes-text li ul {
padding: 0px 0px 0px 1.4em;
}
.patch-notes-text ul + strong {
display: block;
margin-bottom: 0.5em;
margin-top: 1em;
}
.patch-notes-text p + p {
margin-top: 1em;
}
.patch-notes-text.section-header h1 {
font-size: 8em;
max-width: 5em;
}
@media only screen and (max-width: 767px) {
.patch-notes-text.section-header h1 {
font-size: 4em;
max-width: 100%;
}
}
.en_US .patch-notes-text h1 {
line-height: 0.8;
}
.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 {
margin: 0px auto;
max-width: 1400px;
padding: 0px 2em;
}
@media only screen and (max-width: 991px) {
.patch-notes-overview {
padding: 0px 1em;
}
}
.patch-notes-overview .subSection {
margin-top: 2em;
}
.patch-notes-overview h1 {
font-size: 4em;
line-height: 1;
margin: 0px 0px 0.5em;
}
.patch-notes-overview h1.Dark {
color: rgb(51, 51, 51);
}
.patch-notes-overview h1.Blue {
color: rgb(59, 225, 255);
}
.patch-notes-overview h1.Yellow {
color: rgb(255, 255, 0);
}
.patch-notes-overview h1.Red {
color: rgb(230, 21, 72);
}
.patch-notes-overview h1.Pink {
color: rgb(254, 35, 169);
}
.patch-notes-overview h1.Purple {
color: rgb(225, 106, 224);
}
.patch-notes-overview h1.Orange {
color: rgb(255, 103, 41);
}
@media only screen and (max-width: 767px) {
.patch-notes-overview h1 {
font-size: 3em;
}
}
.patch-notes-overview h2 {
font-size: 3em;
margin: 1em 0px 0.5em;
}
.patch-notes-overview p {
margin-bottom: 0px;
}
.patch-notes-overview ul {
font-size: 1em;
list-style-type: disc;
margin: 0px;
padding: 0px 0px 0px 1.4em;
}
.patch-notes-overview ul ul {
list-style-type: circle;
}
.patch-notes-overview ul ul ul {
list-style-type: square;
}
.patch-notes-overview ul li {
line-height: 1.6em;
margin-top: 0.5em;
}
.patch-notes-overview img {
margin: 1em 0px;
max-width: 100%;
}
.patch-notes-overview .embed-responsive {
margin: 1em 0px;
}
.patch-notes-overview li ul {
padding: 0px 0px 0px 1.4em;
}
.patch-notes-overview ul + strong {
display: block;
margin-bottom: 0.5em;
margin-top: 1em;
}
.patch-notes-overview p + p {
margin-top: 1em;
}
.patch-notes-overview.section-header h1 {
font-size: 8em;
max-width: 5em;
}
@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: 1.2;
}
.guide-menu-wrap {
background-color: rgb(255, 255, 255);
}
.guide-menu-wrap .menu-nav {
display: flex;
position: absolute;
top: -55px;
width: 100%;
}
.guide-menu-wrap .menu-nav a,
.guide-menu-wrap .menu-nav button {
color: rgb(255, 255, 255);
flex: 1 1 0%;
font-size: 18px;
height: 55px;
line-height: 55px;
max-width: 25%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.guide-menu-wrap .menu-nav a {
background-color: rgb(144, 149, 182);
text-align: center;
}
.guide-menu-wrap .menu-nav button {
border-width: 0px 0px 2px;
border-top-style: initial;
border-right-style: initial;
border-left-style: initial;
border-top-color: initial;
border-right-color: initial;
border-left-color: initial;
border-image: initial;
border-bottom-style: solid;
border-bottom-color: transparent;
padding: 0px;
}
.guide-menu-wrap .menu-nav button.active {
border-color: rgb(255, 254, 85);
}
.guide-menu-wrap .menu-nav button:nth-child(2) {
background-color: rgb(154, 80, 216);
}
.guide-menu-wrap .menu-nav button:nth-child(3) {
background-color: rgb(61, 218, 187);
}
.guide-menu-wrap .menu-nav button:nth-child(4) {
background-color: rgb(243, 106, 34);
}
.guide-menu-wrap .menu {
display: none;
}
.guide-menu-wrap .menu.active {
display: block;
}
.guide-menu-wrap .sub-menu-wrap {
margin: 0px 15px;
}
.guide-menu-wrap .sub-menu:last-child .title {
border: 0px;
}
.guide-menu-wrap .sub-menu.active .title {
background-color: rgb(230, 234, 237);
margin: 0px -15px;
padding: 10px 35px;
}
.guide-menu-wrap .sub-menu .title {
border-bottom: 1px solid rgb(230, 234, 237);
color: rgb(51, 51, 51);
display: block;
font-size: 19px;
line-height: 1.5;
padding: 10px 20px;
}
.guide-menu-wrap .sub-tab {
margin: 0px 15px;
}
.guide-menu-wrap .sub-tab .title {
border-width: 0px 0px 1px;
border-top-style: initial;
border-right-style: initial;
border-left-style: initial;
border-top-color: initial;
border-right-color: initial;
border-left-color: initial;
border-image: initial;
border-bottom-style: solid;
border-bottom-color: rgb(230, 234, 237);
color: rgb(51, 51, 51);
display: block;
font-size: 19px;
line-height: 1.5;
padding: 10px 20px;
text-align: left;
}
.guide-menu-wrap .sub-tab .title.active {
background-color: rgb(230, 234, 237);
margin: 0px -15px;
padding: 10px 35px;
}
.guide-menu-wrap .sub-tab .title:last-child {
border: 0px;
}
.guide-menu-wrap .leaf-wrap {
background-color: rgb(255, 255, 255);
border-bottom: 1px solid rgb(230, 234, 237);
font-size: 13px;
}
.guide-menu-wrap .link {
background-color: rgb(255, 255, 255);
color: rgb(43, 43, 43);
cursor: pointer;
display: block;
padding: 8px 20px;
}
.guide-menu-wrap .link.active {
color: rgb(177, 177, 177);
}
@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;
}
}
.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 {
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}
.retail-header .contentContainer {
height: 100%;
margin: 0px auto;
max-width: 1600px;
position: relative;
width: 100%;
}
.retail-header .contentContainer .content-left {
padding-top: 25%;
position: relative;
z-index: 3;
}
@media only screen and (max-width: 991px) {
.retail-header .contentContainer .content-left {
padding-top: 3em;
}
}
.retail-header .contentContainer .logoContainer {
margin: 0px auto;
max-width: 30em;
width: 100%;
}
.retail-header .contentContainer .logoContainer h3 {
color: rgb(190, 245, 255);
font-size: 2em;
margin: 0px auto;
}
@media only screen and (max-width: 991px) {
.retail-header .contentContainer .logoContainer h3 {
font-size: 1.7em;
}
}
.retail-header .contentContainer .logoContainer .logo {
background: url('data:image/png;base64,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')
50% center / contain no-repeat;
height: 6em;
width: 100%;
}
@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 {
color: rgb(255, 255, 255);
font-size: 3.2em;
font-style: italic;
letter-spacing: 1px;
margin: 0px auto;
max-width: 11em;
width: 100%;
}
@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;
margin-left: 0.5em;
transform: rotate(90deg);
transition: color 0.3s ease-in-out 0s;
}
.retail-header .contentContainer .content .btn.btn-border:hover i {
color: rgb(255, 255, 0);
}
.retail-header .contentContainer .content a {
color: rgb(255, 255, 255);
display: block;
margin-top: 1em;
text-decoration: underline;
transition: color 0.3s ease-in-out 0s;
}
.retail-header .contentContainer .content a:hover {
color: rgb(255, 255, 0);
}
@media only screen and (max-width: 767px) {
.retail-header .contentContainer .heroContainer {
height: 28em;
margin: 1em auto 0px;
max-width: 20em;
position: relative;
width: 100%;
}
}
.retail-header .contentContainer .heroContainer .hero {
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: auto 110%;
bottom: 0px;
height: 100%;
position: absolute;
right: 1em;
width: 100%;
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-position: center bottom;
background-size: auto 100%;
right: 0px;
}
}
.retail-header .contentContainer .heroContainer .hero + .hero {
width: 9.7em;
z-index: 3;
}
@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 {
background-position: 100% 100%;
width: 4em;
}
}
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 rgb(255, 255, 255);
clip-path: polygon(0px 5%, 100% 0px, 100% 95%, 0px 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: rgb(255, 255, 0);
}
.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;
}
.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: 0.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 {
display: inline-block;
transform: scale(0.95);
}
.ru .retail-header .contentContainer .content .btn.btn-border i {
margin: 0px 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: Tazugane, 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 {
display: inline-block;
transform: scale(0.93);
}
.ja .retail-header .contentContainer .content .btn.btn-border i {
margin: 0px 0.25em;
}
.retail-available-platforms {
background-color: rgb(233, 248, 255);
padding: 3em 0px;
position: relative;
}
@media only screen and (max-width: 767px) {
.retail-available-platforms {
padding: 2em 0px;
}
}
.retail-available-platforms::before {
background-color: rgb(233, 248, 255);
bottom: 99%;
clip-path: polygon(0px 100%, 0px 55%, 30% 10%, 29% 50%, 100% 0px, 100% 100%);
content: '';
height: 3em;
left: 0px;
position: absolute;
width: 100%;
}
.retail-available-platforms .platformContainer {
margin: 0px auto;
max-width: 1600px;
width: 100%;
}
.retail-available-platforms h1 {
color: rgb(0, 216, 255);
}
.retail-available-platforms h3 {
color: rgb(170, 193, 204);
}
.retail-available-platforms h3.black {
color: rgb(0, 0, 0);
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: 0.5em;
transform: rotate(90deg);
}
.retail-available-platforms ul {
list-style-type: none;
margin: 0px 0px 4em;
padding: 0px;
}
@media only screen and (max-width: 767px) {
.retail-available-platforms ul {
margin: 0px 0px 2em;
}
}
.retail-available-platforms ul li {
color: rgb(0, 0, 0);
display: inline-block;
margin: 0px 3em;
}
@media only screen and (max-width: 991px) {
.retail-available-platforms ul li {
margin: 0px 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 0px;
}
.retail-bundle-section h1 {
color: rgb(0, 216, 255);
}
.retail-bundle-section h2 {
color: rgb(170, 193, 204);
margin: 1em auto 0px;
}
@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: rgb(170, 193, 204);
font-size: 1.2em;
margin: 0px auto 1em;
}
.retail-bundle-section .description {
margin: 0px auto 2em;
max-width: 25em;
width: 100%;
}
@media only screen and (max-width: 991px) {
.retail-bundle-section .description {
margin: 0px auto 3em;
}
}
.retail-bundle-section .img-container {
position: relative;
}
.retail-bundle-section .img-container::after {
background: linear-gradient(90deg, rgb(50, 138, 224) 0px, rgb(148, 226, 255));
inset: 0px;
content: '';
position: absolute;
z-index: 0;
}
@media only screen and (max-width: 991px) {
.retail-bundle-section .img-container::after {
margin: 2em 0px;
}
}
@media only screen and (max-width: 767px) {
.retail-bundle-section .img-container::after {
bottom: 6%;
margin: 0px;
top: 2%;
}
}
.retail-bundle-section .img-container img {
display: block;
height: auto;
margin: 0px auto;
position: relative;
transform: scale(1.13) translate(-0.5em);
width: 102%;
z-index: 1;
}
@media only screen and (max-width: 1199px) {
.retail-bundle-section .img-container img {
transform: scale(1.13) translate(-1.5em);
width: 105%;
}
}
@media only screen and (max-width: 991px) {
.retail-bundle-section .img-container img {
transform: scale(1.05) translateY(-0.8em);
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.retail-bundle-section .img-container img {
transform: scale(1) translate(0px);
width: 100%;
}
}
.retail-bundle-section .img-responsive {
margin: 0px 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 {
background-position: left 20%;
background-repeat: no-repeat;
background-size: cover;
padding: 4em 0px;
}
.retail-help-section h1 {
color: rgb(255, 255, 255);
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;
}
}
.simple-tab-header-container {
background-color: rgb(0, 0, 0);
color: rgb(255, 255, 255);
display: flex;
justify-content: space-evenly;
}
@media only screen and (max-width: 767px) {
.simple-tab-header-container {
flex-wrap: wrap;
}
.simple-tab-header-container .tab-item-container {
flex-basis: 50%;
text-align: center;
}
}
.simple-tab-header-container .tab-item-container .tab-item {
border-bottom: 4px solid transparent;
color: rgb(255, 255, 255);
cursor: pointer;
display: block;
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.5em;
font-weight: 500;
line-height: 85%;
margin-block: 0.83em;
margin-inline: 0px;
margin-bottom: 10px;
margin-top: 20px;
position: relative;
text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
.simple-tab-header-container .tab-item-container .tab-item {
font-size: 1em;
margin-bottom: 5px;
margin-top: 15px;
}
}
.simple-tab-header-container
.tab-item-container
.tab-item:hover
.tab-item-border-container
.tab-item-border {
width: 100%;
}
.simple-tab-header-container
.tab-item-container
.tab-item
.tab-item-border-container {
background-color: transparent;
height: 4px;
position: absolute;
width: 100%;
}
.simple-tab-header-container
.tab-item-container
.tab-item
.tab-item-border-container
.tab-item-border {
height: 100%;
position: absolute;
transition: all 0.2s ease-in-out 0s;
width: 0px;
}
.simple-tab-header-container .tab-item-container .tab-item-active {
color: rgb(0, 255, 252);
transition: color 0.2s ease-in-out 0s, border-bottom;
}
.ja .esports-wrapper .tab-item,
.pl .esports-wrapper .tab-item {
font-size: 1.5em;
}
@media only screen and (max-width: 767px) {
.ja .esports-wrapper .tab-item,
.pl .esports-wrapper .tab-item {
font-size: 0.8em;
}
}
.ru .creative-view .tab-item {
font-size: 1.5em;
}
@media only screen and (max-width: 991px) {
.ru .creative-view .tab-item {
font-size: 0.6em;
}
}
.simple-tab-list-section-wrapper a {
text-decoration: none;
}
.simple-tab-list-section-wrapper .simple-tab-list-section-header {
font-size: 4em;
margin-bottom: 0px;
}
@media only screen and (max-width: 1199px) {
.simple-tab-list-section-wrapper .simple-tab-list-section-header {
font-size: 3em;
}
}
@media only screen and (max-width: 767px) {
.simple-tab-list-section-wrapper .simple-tab-list-section-header {
font-size: 2em;
}
}
.simple-tab-list-section-wrapper .simple-tab-list-item-container {
margin: 15px 0px;
padding: 10px 0px;
}
.simple-tab-list-section-wrapper .simple-tab-list-item-container.item-has-link {
cursor: pointer;
}
.simple-tab-list-section-wrapper
.simple-tab-list-item-container.item-has-link:hover
.icon-reverse-right-arrow {
transform: translateX(0.2em) scale(1.2);
}
.simple-tab-list-section-wrapper
.simple-tab-list-item-container
.simple-tab-list-section-content-container {
align-items: center;
display: flex;
}
.simple-tab-list-section-wrapper
.simple-tab-list-item-container
.simple-tab-list-section-content-container
.icon-reverse-right-arrow {
color: rgb(255, 70, 64);
font-size: 1.6em;
margin-left: 10px;
transition: transform 0.2s ease-in-out 0s, scale;
}
.simple-tab-list-section-wrapper .simple-tab-list-item-container p {
margin-bottom: 0px;
}
.LPVideo .background-video .screen {
position: unset;
}
.LPVideo .background-video.fixed {
position: relative;
}
.LPVideo .background-video .video {
overflow: unset;
z-index: unset;
}
.LPVideo.center {
background-color: rgb(0, 0, 0);
padding-bottom: 3vw;
padding-top: 3vw;
}
.LPVideo.center .background-video {
background-color: rgb(245, 250, 255);
}
.LPVideo.center .video.background-video.fixed {
margin-left: auto;
margin-right: auto;
width: 65%;
}
@media only screen and (max-width: 991px) {
.LPVideo.center .video.background-video.fixed {
width: 75%;
}
}
@media only screen and (max-width: 767px) {
.LPVideo.center .video.background-video.fixed {
width: 90%;
}
}
.LPVideo {
position: relative;
}
.LPVideo.clip .after {
background-color: rgb(0, 0, 0);
clip-path: polygon(0px 70%, 100% 0px, 100% 100%, 0px 100%);
content: '';
display: block;
height: 3em;
left: 0px;
position: absolute;
right: 0px;
top: -2.2em;
}
.fortnite-wrapper .cta-container {
color: rgb(255, 255, 255);
padding: 1em 1em 5em;
}
.fortnite-wrapper .cta-container h1,
.fortnite-wrapper .cta-container h2,
.fortnite-wrapper .cta-container h3 {
margin: 0px;
}
@media only screen and (min-width: 768px) {
.fortnite-wrapper .cta-container div {
font-size: 1.5em;
}
}
@media only screen and (max-width: 767px) {
.fortnite-wrapper .cta-container div {
font-size: 1em;
}
}
.fortnite-wrapper .cta-container h1 {
font-size: 5.8125vw;
line-height: 1.2em;
}
.fortnite-wrapper .cta-container .btn-wrapper {
display: flex;
justify-content: center;
width: 100%;
}
.fortnite-wrapper .cta-container .btn {
background-color: rgb(139, 255, 58);
clip-path: polygon(0px 16%, 100% 6%, 98% 100%, 2% 90%);
line-height: 2;
padding: 0.3875em 1em 0.125em;
}
.fortnite-wrapper .cta-container .btn::after {
height: 2em;
}
@media only screen and (max-width: 991px) {
.fortnite-wrapper .cta-container a {
font-size: 0.7em;
}
}
.fortnite-wrapper .cta-container a:hover {
color: rgb(0, 198, 255) !important;
}
.fortnite-wrapper .cta-container p {
font-size: 0.75em;
margin: 0px auto;
max-width: 44em;
font-family: BurbankSmall-Black, sans-serif !important;
}
@media only screen and (max-width: 767px) {
.fortnite-wrapper .cta-container p {
font-size: 1em;
}
}
.fortnite-wrapper .cta-container p.exitLink {
margin-top: 1vw;
}
@media only screen and (max-width: 991px) {
.fortnite-wrapper .cta-container p.exitLink {
margin-top: 1em;
}
}
.fortnite-wrapper .cta-container p.exitLink a:hover {
color: rgb(255, 255, 255) !important;
}
.logo {
text-align: center;
}
.BgImgVd-container .logo {
margin: 0px auto;
max-width: 700px;
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 0px;
}
.BgImgVd-container .logo h1 {
margin: 0.2em;
}
}
.BgImgVd-container .battlepass-image-cta {
margin: 0px auto;
max-width: 1200px;
width: 90%;
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: 0.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 {
margin: 0px auto;
max-width: 1200px;
width: 90%;
}
.PosterList .PosterItem {
padding: 10px;
}
.PosterList .PosterItem .poster,
.PosterList .PosterItem .title {
background-color: rgb(236, 236, 236);
margin: 0px auto;
max-width: 500px;
}
.PosterList .PosterItem .title {
padding: 1.5em 0.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 {
margin: 0px auto;
max-width: 1200px;
padding-top: 3em;
width: 90%;
}
.ScheduleList .container-fluid {
padding-bottom: 2em;
padding-top: 0.5em;
}
.ScheduleList .ScheduleItem:nth-child(2n + 1) {
background: rgb(236, 236, 236);
}
.ScheduleList .ScheduleItem:nth-child(2n) {
background: rgb(255, 255, 255);
}
.ScheduleList .ScheduleItem a,
.ScheduleList .ScheduleItem a:hover {
color: rgb(0, 0, 0);
font-family: BurbankBigRegular-Black, sans-serif;
}
.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 {
margin: 10px auto;
max-width: 50%;
}
}
.ScheduleList .ScheduleListHeader .countryselect {
margin: 0px 10px 0px auto;
max-width: 200px;
padding: 0px 0px 1.5em 10px;
}
@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%;
}
}
.trailer-section {
display: flex;
justify-content: space-evenly;
margin: 1em auto;
}
@media only screen and (max-width: 767px) {
.trailer-section {
margin: 1em auto;
}
}
.trailer-section .trailer {
cursor: pointer;
height: auto;
margin: 0px 2em;
}
@media only screen and (max-width: 767px) {
.trailer-section .trailer {
margin: 0px 5px;
width: auto;
}
}
.trailer-section .trailer .trailer-img {
max-width: 300px;
transform: scale3d(1.01, 1.01, 1.01);
transition: all 0.3s ease-in-out 0s;
width: 100%;
}
.trailer-section .trailer h5 {
font: 21px / 28px BurbankBigRegular-Black, sans-serif;
}
.trailer-section .trailer:hover .trailer-img {
transform: scaleX(1);
}
.edition-section {
display: flex;
flex-wrap: wrap;
margin-bottom: 4em;
padding: 0px 3em;
position: relative;
}
@media only screen and (max-width: 1399px) {
.edition-section {
padding: 0px 1em;
}
}
@media only screen and (max-width: 991px) {
.edition-section {
flex-direction: column;
}
}
.edition-section .edition-pack-wrapper {
margin: 0px auto;
max-width: 1440px;
opacity: 0;
width: 48%;
}
@media only screen and (max-width: 991px) {
.edition-section .edition-pack-wrapper {
margin: 1em 0px;
width: 100%;
}
}
.edition-section .edition-pack-wrapper .discount-percent {
align-items: center;
background-color: rgb(248, 255, 1);
border-radius: 50%;
display: flex;
font: 27px / 28px BurbankBigRegular-Black, sans-serif;
height: 100px;
justify-content: center;
position: absolute;
right: 30px;
text-align: center;
text-transform: uppercase;
top: -30px;
width: 100px;
}
@media only screen and (max-width: 991px) {
.edition-section .edition-pack-wrapper .discount-percent {
font-size: 1.5em;
height: 80px;
width: 80px;
}
}
.edition-section .edition-pack-wrapper .edition-pack {
height: 100%;
padding: 2em 4em 7em;
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 {
bottom: 0px;
position: absolute;
right: -100px;
z-index: -1;
}
@media only screen and (max-width: 991px) {
.edition-section .edition-pack-wrapper .edition-pack .character-img {
display: none;
}
}
@media only screen and (max-width: 1199px) {
.edition-section .edition-pack-wrapper .edition-pack .character-img {
height: 90%;
right: -50px;
}
}
.edition-section .edition-pack-wrapper .edition-pack .price,
.edition-section .edition-pack-wrapper .edition-pack h3 {
color: rgb(255, 255, 255);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 75px;
line-height: 1;
}
@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 {
color: rgba(0, 0, 0, 0.7);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 30px;
line-height: 1.5;
text-transform: uppercase;
}
.edition-section .edition-pack-wrapper .edition-pack .actual-price {
color: rgb(255, 255, 255);
}
.edition-section .edition-pack-wrapper .edition-pack .old-price {
color: rgb(52, 223, 232);
}
.edition-section .edition-pack-wrapper .edition-pack .old-price span.outer {
color: red;
text-decoration: line-through;
}
.edition-section
.edition-pack-wrapper
.edition-pack
.old-price
span.outer
.inner {
color: rgb(52, 223, 232);
}
.edition-section .edition-pack-wrapper .edition-pack .content-wrapper {
align-items: flex-start;
display: flex;
margin-bottom: 2em;
padding-right: 10vw;
}
@media only screen and (max-width: 1399px) {
.edition-section .edition-pack-wrapper .edition-pack .content-wrapper {
padding: 0px;
}
}
@media only screen and (max-width: 767px) {
.edition-section .edition-pack-wrapper .edition-pack .content-wrapper {
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, 0.7);
font-family: BurbankBigRegular-Black, sans-serif;
padding-left: 2em;
text-transform: uppercase;
}
.edition-section
.edition-pack-wrapper
.edition-pack
.content-wrapper
.content
ul {
font: 21px / 28px BurbankBigRegular-Black, sans-serif;
padding: 0px;
}
@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: rgb(255, 99, 5);
clip-path: polygon(2% 0px, 98% 0px, 98% 100%, 2% 100%);
color: rgb(255, 255, 255);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 20px;
line-height: 50px;
margin-top: 1em;
padding: 0px 1.5em;
transition: all 0.3s ease-in-out 0s;
}
.edition-section
.edition-pack-wrapper
.edition-pack
.pack-buy-button
button
> span {
display: inline-block;
transition: all 0.3s ease-in-out 0s;
}
.edition-section
.edition-pack-wrapper
.edition-pack
.pack-buy-button
button:hover {
clip-path: polygon(4% 0px, 100% 0px, 98% 100%, 2% 100%);
}
.edition-section
.edition-pack-wrapper
.edition-pack
.pack-buy-button
button:hover
> span {
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: rgb(209, 79, 0);
}
.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: 992px) {
.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 {
color: rgb(255, 255, 255);
font-size: 22px;
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: rgb(52, 223, 232);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 20px;
font-weight: 900;
text-align: center;
text-transform: uppercase;
}
@media only screen and (min-width: 1200px) {
.edition-section .mtl-pack-wrapper .pack-content__sub-header {
margin-right: 500px;
text-align: left;
}
}
.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: 0px auto 20px;
width: 150px;
}
@media only screen and (min-width: 992px) {
.edition-section .mtl-pack-wrapper .pack-content__wrapper img {
margin: unset;
}
}
.edition-section .mtl-pack-wrapper .pack-content__wrapper .pack-content__main {
align-items: center;
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.edition-section
.mtl-pack-wrapper
.pack-content__wrapper
.pack-content__main {
flex-direction: row;
}
}
.edition-section .mtl-pack-wrapper .pack-content__wrapper .pack-content__list {
color: rgb(255, 255, 255);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 18px;
font-weight: 900;
text-transform: uppercase;
}
.edition-section
.mtl-pack-wrapper
.pack-content__wrapper
.pack-content__bonus-text {
color: rgb(255, 255, 0);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 20px;
font-style: italic;
font-weight: 900;
line-height: 1.1;
text-align: center;
text-transform: uppercase;
width: 100%;
}
@media only screen and (min-width: 992px) {
.edition-section
.mtl-pack-wrapper
.pack-content__wrapper
.pack-content__bonus-text {
text-align: left;
width: 50%;
}
}
@media only screen and (min-width: 1200px) {
.edition-section
.mtl-pack-wrapper
.pack-content__wrapper
.pack-content__bonus-text {
width: unset;
}
}
.edition-section .mtl-pack-wrapper .actual-price {
margin-bottom: 1em;
}
.edition-section .mtl-pack-wrapper .pack-content__legal-text {
bottom: 0px;
color: rgb(255, 255, 255);
font-family: BurbankBigRegular-Black, sans-serif;
position: absolute;
}
@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 {
bottom: 0px;
position: relative;
width: 100%;
}
@media only screen and (min-width: 992px) {
.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: Tazugane, 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 {
color: rgb(255, 255, 255);
display: flex;
flex-direction: column;
justify-content: center;
margin: 0px auto;
max-width: 900px;
padding: 4em 4em 0px;
position: relative;
text-align: center;
}
.hero-section .call-out {
margin-top: 30%;
}
@media only screen and (max-width: 767px) {
.hero-section {
height: auto;
margin-top: 200px;
padding: 1em;
}
}
.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 {
color: rgb(255, 255, 255);
font-size: 20px;
line-height: 50px;
background-color: rgb(239, 69, 236) !important;
}
.hero-section #stw-play-now::after {
display: none;
}
.hero-section .stw-header__text {
color: rgb(239, 69, 236);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 50px;
font-style: italic;
margin-bottom: 10px;
margin-top: 0px;
text-transform: uppercase;
}
body.ja .hero-section h3 {
line-height: 1;
}
.fortnite-wrapper .pack-buy-button.tier-1 .pack-dialog h1 {
color: rgb(173, 184, 205);
}
.fortnite-wrapper
.pack-buy-button.tier-1
.pack-dialog
h1.tier-2
.pack-dialog
h1 {
color: rgb(29, 184, 243);
}
.fortnite-wrapper
.pack-buy-button.tier-1
.pack-dialog
h1.tier-3
.pack-dialog
h1 {
color: rgb(128, 42, 191);
}
.fortnite-wrapper
.pack-buy-button.tier-1
.pack-dialog
h1.tier-4
.pack-dialog
h1 {
color: rgb(229, 125, 88);
}
.fortnite-wrapper .pack-buy-button .pack-dialog-container {
inset: 0px;
cursor: default;
display: none;
height: 100%;
position: fixed;
width: 100%;
z-index: 999;
}
.fortnite-wrapper .pack-buy-button .pack-dialog-container.visible {
display: block;
}
.fortnite-wrapper .pack-buy-button .pack-dialog-container.visible .close {
opacity: 0.5;
transform: translateZ(0px);
transition: opacity 0.2s ease-in-out 0s;
}
.fortnite-wrapper .pack-buy-button .pack-dialog-container.visible .close:hover {
opacity: 1;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.close:hover
i {
color: rgb(29, 184, 243);
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.pack-dialog-bg {
background: rgba(0, 0, 0, 0.7);
inset: 0px;
position: absolute;
z-index: -1;
}
.fortnite-wrapper .pack-buy-button .pack-dialog-container.visible .pack-dialog {
background: rgb(255, 255, 255);
clip-path: polygon(
0px 5%,
24% 4%,
24% 7%,
27% 4%,
100% 0px,
100% 100%,
0px 98%
);
color: rgb(30, 30, 30);
margin-left: auto;
margin-right: auto;
max-width: 460px;
min-height: 32em;
padding: 4em 2em;
position: relative;
text-transform: uppercase;
top: 50%;
transform: translateY(-50%);
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.pack-dialog
h1 {
margin-top: 0px;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.pack-dialog
h2 {
color: rgb(30, 30, 30) !important;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.pack-dialog
h2
.coming-soon-container
.retailers-list
.retailer {
display: inline-block;
height: 2em;
margin: 1em 0px;
width: 50%;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.pack-dialog
h2
.coming-soon-container
.retailers-list
.retailer
.amazon {
background: url('data:image/png;base64,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')
50% center / contain no-repeat;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.pack-dialog
h2
.coming-soon-container
.retailers-list
.retailer
.amazon
.gamestop {
background: url('data:image/png;base64,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')
50% center / contain no-repeat;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.pack-dialog
h2
.coming-soon-container
.retailers-list
.retailer
.amazon
.walmart {
background: url('data:image/png;base64,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')
50% center / contain no-repeat;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.pack-dialog
h2
.coming-soon-container
.retailers-list
.retailer
.amazon
.target {
background: url('data:image/png;base64,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')
50% center / contain no-repeat;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.pack-dialog
h2
.btn {
display: block;
margin: 0px auto;
}
.fortnite-wrapper .pack-buy-button .pack-dialog-container.visible .cta-step {
margin-bottom: 1em;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.cta-step
select {
padding: 1em;
width: 100%;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.cta-step
select:active,
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.cta-step
select:hover {
outline: rgb(255, 255, 0);
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.cta-step
select
.cta-step-container
> label {
display: block;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.cta-step
select
.step-label {
color: rgb(153, 153, 153);
font-weight: 800;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.cta-step
select.cta-radio
label
+ label {
margin-left: 1em;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.cta-step
select.cta-radio
label
+ label
input {
margin-right: 0.25em;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
.legal-disclaimer {
display: block;
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 0.8em;
margin-top: 1em;
text-align: center;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
ul.pack-dialog-legalTags {
list-style: none;
margin-top: 1em;
padding: 0px;
text-align: center;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
ul.pack-dialog-legalTags
li {
display: inline-block;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
ul.pack-dialog-legalTags
li
p {
margin: 0px;
}
.fortnite-wrapper
.pack-buy-button
.pack-dialog-container.visible
ul.pack-dialog-legalTags
li
img {
display: inline-block;
margin: 0px auto;
max-height: 100px;
max-width: 100%;
padding: 5px;
}
.help-center-wrapper .section-container {
padding: 35px 0px;
}
.help-center-wrapper .section-container .title-container {
align-items: center;
display: flex;
justify-content: space-between;
padding: 20px 0px;
}
@media only screen and (max-width: 991px) {
.help-center-wrapper .section-container .title-container {
padding: 10px 0px;
}
}
.help-center-wrapper .section-container .title-container .section-title {
margin: 0px;
}
.help-center-wrapper .section-container .title-container .icon-full-arrow {
font-size: 3em;
padding-left: 50px;
}
.help-center-wrapper
.section-container
.title-container:hover
.icon-full-arrow {
animation: 2s ease 0s infinite normal none running pulse;
}
.help-center-wrapper .section-container .section-body {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.5rem;
line-height: 1.25;
padding-right: 80px;
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 {
color: rgb(255, 255, 0);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.5rem;
text-decoration: underline;
text-transform: uppercase;
}
@keyframes pulse {
0% {
transform: translate(0px) scale(1);
}
50% {
transform: translate(5px) scale(1.25);
}
100% {
transform: translate(0px) scale(1);
}
}
.chapter2-header {
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
height: 80vh;
position: relative;
width: 100%;
}
@media only screen and (max-width: 767px) {
.chapter2-header {
height: calc(177vw - 3.7em);
}
}
.chapter2-header .ch2-header-image {
width: 100%;
}
.chapter2-header .content {
inset: 0px;
color: rgb(255, 255, 255);
display: flex;
justify-content: center;
position: absolute;
}
.chapter2-header .content .animated-content {
align-items: center;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.chapter2-header .content .animated-content {
text-align: center;
}
}
.chapter2-header .content .animated-content h1 {
font-size: 5vw;
margin: 0px auto;
width: 20vw;
}
@media only screen and (max-width: 767px) {
.chapter2-header .content .animated-content h1 {
font-size: 16vw;
width: 70vw;
}
}
.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 {
margin-bottom: -8%;
margin-top: 4%;
width: 65vw;
}
@media only screen and (max-width: 767px) {
.chapter2-header .content .animated-content .logo-img img {
width: 150vw;
}
}
.chapter2-header .content .play-wrapper {
align-items: center;
bottom: 15%;
display: flex;
position: absolute;
right: 3vw;
}
@media only screen and (max-width: 767px) {
.chapter2-header .content .play-wrapper {
bottom: 5%;
flex-direction: column;
right: unset;
}
}
.chapter2-header .content .play-wrapper h3 {
font-size: 1.8vw;
margin-right: 1vw;
}
@media only screen and (max-width: 767px) {
.chapter2-header .content .play-wrapper h3 {
font-size: 5vw;
}
}
.chapter2-header .content .play-wrapper .videoPlayButton {
font-size: 0.8vw;
margin: 0px auto;
}
@media only screen and (max-width: 767px) {
.chapter2-header .content .play-wrapper .videoPlayButton {
font-size: 3vw;
}
}
.chapter2-header .content .play-wrapper .videoPlayButton:hover {
transform: scale(1.1) !important;
}
.chapter2s2-header-wrapper {
height: 100vh;
position: relative;
}
.chapter2s2-header-wrapper .chapter2s2-header {
background-repeat: no-repeat;
background-size: cover;
inset: 0px;
height: 100%;
position: absolute;
}
@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 {
inset: 0px;
color: rgb(255, 255, 255);
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
}
@media only screen and (max-width: 767px) {
.chapter2s2-header-wrapper .content .btn {
margin-top: 3vw;
}
}
.chapter2s2-header-wrapper .content .animated-content {
align-items: center;
display: flex;
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 {
font-size: 2vw;
margin: 0px auto;
text-align: center;
width: 40vw;
}
@media only screen and (max-width: 767px) {
.chapter2s2-header-wrapper .content .animated-content h1 {
font-size: 5vw;
letter-spacing: 0.7vw;
width: 100%;
}
}
.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 {
margin-bottom: -5%;
margin-top: -3%;
width: 65vw;
}
@media only screen and (max-width: 767px) {
.chapter2s2-header-wrapper .content .animated-content .logo-img img {
width: 150vw;
}
}
.chapter2s2-header-wrapper .content .play-wrapper {
align-items: center;
bottom: 15%;
display: flex;
position: absolute;
right: 3vw;
}
@media only screen and (max-width: 767px) {
.chapter2s2-header-wrapper .content .play-wrapper {
bottom: 10%;
flex-direction: column;
right: unset;
}
}
.chapter2s2-header-wrapper .content .play-wrapper h3 {
font-size: 1.8vw;
margin-right: 1vw;
}
@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: 0.8vw;
margin: 0px 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 {
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;
overflow: hidden;
position: relative;
}
@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 {
align-items: center;
display: flex;
flex-direction: column;
height: 90vh;
justify-content: flex-end;
padding-bottom: 12vh;
padding-top: 10vh;
}
}
.chapter2s3-header-wrapper .header {
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
inset: 0px;
height: 100%;
position: absolute;
}
@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 {
animation: 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.6s 1 normal forwards
running textAnimateIn;
transform: none;
transition: all 0.5s ease-in-out 0s;
}
.chapter2s3-header-wrapper .content {
color: rgb(255, 255, 255);
height: 65vh;
left: 0px;
padding-top: 50px;
position: absolute;
right: 0px;
text-align: center;
top: 0px;
transform: none;
width: 100%;
}
@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 {
align-items: center;
display: flex;
flex-direction: column;
height: 75vh;
justify-content: flex-start;
padding-bottom: 12vh;
padding-top: 10vh;
}
}
.chapter2s3-header-wrapper .content .animated-content a,
.chapter2s3-header-wrapper .content .animated-content button {
margin-top: 0px;
}
@media only screen and (max-width: 991px) {
.chapter2s3-header-wrapper .content .animated-content a,
.chapter2s3-header-wrapper .content .animated-content button {
margin-bottom: 0px;
margin-top: 1vw;
}
}
.chapter2s3-header-wrapper .content .animated-content img {
margin-bottom: 0px;
width: 30vw;
}
@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;
font-style: italic;
line-height: 0.8;
padding-right: 2.5vw;
text-shadow: rgba(255, 126, 0, 0.8) 0px 0px 40px,
rgba(255, 126, 0, 0.3) 0px 5px 8px;
}
@media only screen and (max-width: 991px) {
.chapter2s3-header-wrapper .content .animated-content h1 {
font-size: 64px;
}
}
.chapter2s3-header-wrapper .content .animated-content h3 {
font-size: 2vw;
letter-spacing: 5px;
line-height: 1.5;
margin: 0px 0px 10px;
position: relative;
text-shadow: rgba(255, 126, 0, 0.8) 0px 0px 40px;
transition: all 0.5s ease-in-out 0s;
z-index: 1;
}
@media only screen and (max-width: 991px) {
.chapter2s3-header-wrapper .content .animated-content h3 {
font-size: 21px;
letter-spacing: 2px;
margin-top: 6.7vw;
text-align: center;
}
}
@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 {
margin-bottom: -5%;
margin-top: -3%;
width: 65vw;
}
@media only screen and (max-width: 767px) {
.chapter2s3-header-wrapper .content .animated-content .logo-img img {
width: 150vw;
}
}
.chapter2s3-header-wrapper .content .play-wrapper {
align-items: center;
bottom: 15%;
display: flex;
position: absolute;
right: 3vw;
}
@media only screen and (max-width: 767px) {
.chapter2s3-header-wrapper .content .play-wrapper {
bottom: 10%;
flex-direction: column;
left: 40vw;
right: unset;
}
}
.chapter2s3-header-wrapper .content .play-wrapper h3 {
font-size: 1.8vw;
margin: 0px 1vw 0px 0px;
}
@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: 0.8vw;
margin: 0px 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 {
transform: scale(1.1) !important;
}
.chapter2s4-header-wrapper {
height: 90vh;
min-height: 1000px;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 1199px) {
.chapter2s4-header-wrapper {
height: 50vh;
min-height: 500px;
}
}
@media only screen and (max-width: 991px) {
.chapter2s4-header-wrapper {
align-items: center;
display: flex;
flex-direction: column;
height: 90vh;
justify-content: flex-end;
padding-bottom: 12vh;
padding-top: 10vh;
}
}
.chapter2s4-header-wrapper .header {
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
inset: 0px;
height: 100%;
position: absolute;
}
@media only screen and (max-width: 767px) {
.chapter2s4-header-wrapper .header {
height: calc(177vw - 3.7em);
}
}
.chapter2s4-header-wrapper .active.content .animated-content h1,
.chapter2s4-header-wrapper .active.content .animated-content h3 {
animation: 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.6s 1 normal forwards
running textAnimateIn;
transform: none;
transition: all 0.5s ease-in-out 0s;
}
.chapter2s4-header-wrapper .content {
color: rgb(255, 255, 255);
height: 65vh;
left: 0px;
padding-top: 50px;
position: absolute;
right: 0px;
text-align: center;
top: 0px;
transform: none;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.chapter2s4-header-wrapper .content {
height: 40vh;
}
}
@media only screen and (min-width: 768px) {
.chapter2s4-header-wrapper .content {
top: 5%;
}
}
@media only screen and (min-width: 992px) {
.chapter2s4-header-wrapper .content {
top: 20%;
}
}
@media only screen and (min-width: 1200px) {
.chapter2s4-header-wrapper .content {
top: 15%;
}
}
@media only screen and (max-width: 991px) {
.chapter2s4-header-wrapper .content {
align-items: center;
display: flex;
flex-direction: column;
height: 90vh;
justify-content: flex-start;
padding: 10vh 20px 12vh;
}
}
.chapter2s4-header-wrapper .content .animated-content a,
.chapter2s4-header-wrapper .content .animated-content button {
margin-top: 0px;
}
@media only screen and (max-width: 991px) {
.chapter2s4-header-wrapper .content .animated-content a,
.chapter2s4-header-wrapper .content .animated-content button {
margin-bottom: 0px;
margin-top: 1vw;
}
}
.chapter2s4-header-wrapper .content .animated-content img {
margin-bottom: 0px;
width: 30vw;
}
@media only screen and (max-width: 991px) {
.chapter2s4-header-wrapper .content .animated-content img {
width: 90%;
}
}
.chapter2s4-header-wrapper .content .animated-content h1,
.chapter2s4-header-wrapper .content .animated-content h3 {
opacity: 0;
}
@media only screen and (max-width: 767px) {
.chapter2s4-header-wrapper .content .animated-content {
text-align: center;
}
}
.chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 8em;
font-style: italic;
margin-top: 20px;
text-shadow: rgba(0, 231, 255, 0.8) 0px 0px 40px,
rgba(0, 231, 255, 0.3) 0px 5px 8px;
}
@media only screen and (max-width: 767px) {
.chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 6em;
}
}
.es_ES .chapter2s4-header-wrapper .content .animated-content h1,
.es_MX .chapter2s4-header-wrapper .content .animated-content h1,
.fr .chapter2s4-header-wrapper .content .animated-content h1,
.it .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 6em;
padding-top: 30px;
}
@media only screen and (min-width: 768px) {
.es_ES .chapter2s4-header-wrapper .content .animated-content h1,
.es_MX .chapter2s4-header-wrapper .content .animated-content h1,
.fr .chapter2s4-header-wrapper .content .animated-content h1,
.it .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 8em;
}
}
@media only screen and (min-width: 992px) {
.es_ES .chapter2s4-header-wrapper .content .animated-content h1,
.es_MX .chapter2s4-header-wrapper .content .animated-content h1,
.fr .chapter2s4-header-wrapper .content .animated-content h1,
.it .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 6em;
}
}
@media only screen and (min-width: 1200px) {
.es_ES .chapter2s4-header-wrapper .content .animated-content h1,
.es_MX .chapter2s4-header-wrapper .content .animated-content h1,
.fr .chapter2s4-header-wrapper .content .animated-content h1,
.it .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 8em;
}
}
@media screen and (min-width: 1600px) {
.es_ES .chapter2s4-header-wrapper .content .animated-content h1,
.es_MX .chapter2s4-header-wrapper .content .animated-content h1,
.fr .chapter2s4-header-wrapper .content .animated-content h1,
.it .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 10em;
}
}
.pt_BR .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 3em;
padding-top: 30px;
}
@media only screen and (min-width: 768px) {
.pt_BR .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 5em;
}
}
@media only screen and (min-width: 992px) {
.pt_BR .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 4em;
}
}
@media only screen and (min-width: 1200px) {
.pt_BR .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 6em;
}
}
@media screen and (min-width: 1600px) {
.pt_BR .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 10em;
}
}
.pl .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 5em;
margin-top: 30px;
}
.ru .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 5em;
}
.tr .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 5em;
padding-top: 30px;
}
@media only screen and (min-width: 768px) {
.tr .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 6em;
}
}
@media only screen and (min-width: 992px) {
.tr .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 4em;
}
}
@media only screen and (min-width: 1200px) {
.tr .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 6em;
}
}
@media screen and (min-width: 1600px) {
.tr .chapter2s4-header-wrapper .content .animated-content h1 {
font-size: 10em;
}
}
.chapter2s4-header-wrapper .content .animated-content h3 {
font-size: 2em;
font-style: italic;
letter-spacing: 6px;
}
.chapter2s4-header-wrapper .content .animated-content .badge-img img {
margin-bottom: 1em;
width: 10vw;
}
@media only screen and (max-width: 767px) {
.chapter2s4-header-wrapper .content .animated-content .badge-img img {
width: 25vw;
}
}
.chapter2s4-header-wrapper .content .animated-content .logo-img img {
margin-bottom: -5%;
margin-top: -13%;
width: 65vw;
}
@media only screen and (max-width: 767px) {
.chapter2s4-header-wrapper .content .animated-content .logo-img img {
margin-top: 10%;
}
}
.chapter2s4-header-wrapper .content .play-wrapper {
align-items: center;
bottom: 15%;
display: flex;
position: absolute;
right: 3vw;
}
@media only screen and (max-width: 1199px) {
.chapter2s4-header-wrapper .content .play-wrapper {
bottom: 80px;
}
}
@media only screen and (max-width: 991px) {
.chapter2s4-header-wrapper .content .play-wrapper {
bottom: 152px;
}
}
@media only screen and (max-width: 767px) {
.chapter2s4-header-wrapper .content .play-wrapper {
bottom: 10%;
flex-direction: column;
left: 0px;
right: 0px;
}
}
.chapter2s4-header-wrapper .content .play-wrapper h3 {
font-size: 1.5em;
margin: 0px 1vw 0px 0px;
}
@media only screen and (max-width: 767px) {
.chapter2s4-header-wrapper .content .play-wrapper h3 {
margin-bottom: 0.5em;
text-align: center;
}
}
.chapter2s4-header-wrapper .content .play-wrapper .videoPlayButton {
font-size: 0.8vw;
margin: 0px auto;
}
@media only screen and (max-width: 767px) {
.chapter2s4-header-wrapper .content .play-wrapper .videoPlayButton {
font-size: 3vw;
}
}
.chapter2s4-header-wrapper .content .play-wrapper .videoPlayButton:hover {
transform: scale(1.1) !important;
}
.chapter2s4-header-wrapper .footer-logo {
bottom: 50px;
height: 30px;
left: 65px;
position: absolute;
}
@media only screen and (max-width: 1199px) {
.chapter2s4-header-wrapper .footer-logo {
bottom: 70px;
left: 65px;
}
}
@media only screen and (max-width: 991px) {
.chapter2s4-header-wrapper .footer-logo {
bottom: 100px;
left: 15px;
}
}
@media only screen and (max-width: 767px) {
.chapter2s4-header-wrapper .footer-logo {
bottom: 80px;
left: 10px;
}
}
.chapter2s5-header-wrapper {
height: 90vh;
min-height: 1000px;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 1199px) {
.chapter2s5-header-wrapper {
height: 54vh;
min-height: 560px;
}
}
@media only screen and (max-width: 991px) {
.chapter2s5-header-wrapper {
align-items: center;
display: flex;
flex-direction: column;
height: 90vh;
justify-content: flex-end;
padding-bottom: 12vh;
padding-top: 10vh;
}
}
.chapter2s5-header-wrapper .header {
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
inset: 0px;
height: 100%;
position: absolute;
}
@media only screen and (max-width: 767px) {
.chapter2s5-header-wrapper .header {
height: calc(177vw - 3.7em);
}
}
.chapter2s5-header-wrapper .active.content .animated-content h1,
.chapter2s5-header-wrapper .active.content .animated-content h3 {
animation: 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.6s 1 normal forwards
running textAnimateIn;
transform: none;
transition: all 0.5s ease-in-out 0s;
}
.chapter2s5-header-wrapper .content {
color: rgb(255, 255, 255);
display: flex;
flex-direction: column;
height: 70vh;
justify-content: flex-end;
min-height: 750px;
position: relative;
text-align: center;
transform: none;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.chapter2s5-header-wrapper .content {
height: 40vh;
min-height: 440px;
}
}
.chapter2s5-header-wrapper .content .animated-content .text-wrapper {
background: radial-gradient(
farthest-side,
rgb(255, 255, 255) 50%,
rgba(255, 255, 255, 0) 100%
);
display: inline-block;
padding: 1em 10em;
}
@media only screen and (max-width: 991px) {
.chapter2s5-header-wrapper .content .animated-content .text-wrapper {
padding: 3em 0px;
width: 100vw;
}
}
.chapter2s5-header-wrapper .content .animated-content a,
.chapter2s5-header-wrapper .content .animated-content button {
margin-top: 0px;
}
@media only screen and (max-width: 991px) {
.chapter2s5-header-wrapper .content .animated-content a,
.chapter2s5-header-wrapper .content .animated-content button {
margin-bottom: 0px;
margin-top: 1vw;
}
}
.chapter2s5-header-wrapper .content .animated-content img {
margin-bottom: 0px;
width: 30vw;
}
@media only screen and (max-width: 991px) {
.chapter2s5-header-wrapper .content .animated-content img {
width: 90%;
}
}
.chapter2s5-header-wrapper .content .animated-content h1,
.chapter2s5-header-wrapper .content .animated-content h3 {
opacity: 0;
}
@media only screen and (max-width: 767px) {
.chapter2s5-header-wrapper .content .animated-content {
text-align: center;
}
}
.chapter2s5-header-wrapper .content .animated-content h1 {
-webkit-text-fill-color: transparent;
background: linear-gradient(
rgb(10, 42, 138),
rgb(23, 143, 215),
rgb(10, 42, 138)
)
text;
color: rgb(255, 255, 255);
font-size: 8em;
line-height: 1;
margin: 16px 0px 0px;
}
@media only screen and (max-width: 1199px) {
.chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 6em;
}
}
@media only screen and (max-width: 767px) {
.chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 4em;
}
}
.es_ES .chapter2s5-header-wrapper .content .animated-content h1,
.es_MX .chapter2s5-header-wrapper .content .animated-content h1,
.fr .chapter2s5-header-wrapper .content .animated-content h1,
.it .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 6em;
}
@media only screen and (min-width: 768px) {
.es_ES .chapter2s5-header-wrapper .content .animated-content h1,
.es_MX .chapter2s5-header-wrapper .content .animated-content h1,
.fr .chapter2s5-header-wrapper .content .animated-content h1,
.it .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 8em;
}
}
@media only screen and (min-width: 992px) {
.es_ES .chapter2s5-header-wrapper .content .animated-content h1,
.es_MX .chapter2s5-header-wrapper .content .animated-content h1,
.fr .chapter2s5-header-wrapper .content .animated-content h1,
.it .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 6em;
}
}
@media only screen and (min-width: 1200px) {
.es_ES .chapter2s5-header-wrapper .content .animated-content h1,
.es_MX .chapter2s5-header-wrapper .content .animated-content h1,
.fr .chapter2s5-header-wrapper .content .animated-content h1,
.it .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 8em;
}
}
@media screen and (min-width: 1600px) {
.es_ES .chapter2s5-header-wrapper .content .animated-content h1,
.es_MX .chapter2s5-header-wrapper .content .animated-content h1,
.fr .chapter2s5-header-wrapper .content .animated-content h1,
.it .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 10em;
}
}
.pt_BR .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 3em;
}
@media only screen and (min-width: 768px) {
.pt_BR .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 5em;
}
}
@media only screen and (min-width: 992px) {
.pt_BR .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 4em;
}
}
@media only screen and (min-width: 1200px) {
.pt_BR .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 6em;
}
}
@media screen and (min-width: 1600px) {
.pt_BR .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 10em;
}
}
.pl .chapter2s5-header-wrapper .content .animated-content h1,
.ru .chapter2s5-header-wrapper .content .animated-content h1,
.tr .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 5em;
}
@media only screen and (min-width: 768px) {
.tr .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 6em;
}
}
@media only screen and (min-width: 992px) {
.tr .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 4em;
}
}
@media only screen and (min-width: 1200px) {
.tr .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 6em;
}
}
@media screen and (min-width: 1600px) {
.tr .chapter2s5-header-wrapper .content .animated-content h1 {
font-size: 10em;
}
}
.chapter2s5-header-wrapper .content .animated-content h3 {
color: rgb(0, 0, 0);
font-size: 2em;
letter-spacing: 6px;
text-shadow: rgb(255, 255, 255) 0px 0px 20px,
rgba(255, 255, 255, 0.3) 0px 5px 8px;
}
@media only screen and (max-width: 767px) {
.chapter2s5-header-wrapper .content .animated-content h3 {
font-size: 1.2em;
letter-spacing: 2px;
}
}
.chapter2s5-header-wrapper .content .animated-content .badge-img img {
margin-bottom: 1em;
width: 10vw;
}
@media only screen and (max-width: 767px) {
.chapter2s5-header-wrapper .content .animated-content .badge-img img {
width: 25vw;
}
}
.chapter2s5-header-wrapper .content .animated-content .logo-img img {
margin-bottom: -5%;
margin-top: -13%;
width: 65vw;
}
@media only screen and (max-width: 767px) {
.chapter2s5-header-wrapper .content .animated-content .logo-img img {
margin-top: 10%;
}
}
.chapter2s5-header-wrapper .content .play-wrapper .play-button-wrapper {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
}
.chapter2s5-header-wrapper .content .play-wrapper .play-button-wrapper h4 {
color: rgb(0, 0, 0);
font-size: 1.5em;
margin: 0px 0.5em;
text-shadow: rgba(255, 255, 255, 0.8) 0px 0px 10px,
rgba(255, 255, 255, 0.3) 0px 5px 20px;
}
@media only screen and (max-width: 767px) {
.chapter2s5-header-wrapper .content .play-wrapper .play-button-wrapper h4 {
margin: 0.5em 0.5em 0px;
text-align: center;
}
}
.chapter2s5-header-wrapper
.content
.play-wrapper
.play-button-wrapper
.videoPlayButton {
font-size: 0.8vw;
margin: 0px auto;
}
.chapter2s5-header-wrapper
.content
.play-wrapper
.play-button-wrapper
.videoPlayButton.bp-videoplay {
background: rgba(255, 255, 255, 0.5);
border-color: rgb(0, 0, 0);
}
.chapter2s5-header-wrapper
.content
.play-wrapper
.play-button-wrapper
.videoPlayButton.bp-videoplay
span {
border-left: 1.8em solid rgb(0, 0, 0);
}
@media only screen and (max-width: 767px) {
.chapter2s5-header-wrapper
.content
.play-wrapper
.play-button-wrapper
.videoPlayButton {
font-size: 0.5em;
}
}
.chapter2s5-header-wrapper
.content
.play-wrapper
.play-button-wrapper
.videoPlayButton:hover {
transform: scale(1.1) !important;
}
.chapter2s5-header-wrapper .footer-logo {
bottom: 50px;
height: 30px;
left: 65px;
position: absolute;
}
@media only screen and (max-width: 1199px) {
.chapter2s5-header-wrapper .footer-logo {
bottom: 70px;
left: 65px;
}
}
@media only screen and (max-width: 991px) {
.chapter2s5-header-wrapper .footer-logo {
bottom: 100px;
left: 15px;
}
}
@media only screen and (max-width: 767px) {
.chapter2s5-header-wrapper .footer-logo {
bottom: 80px;
left: 10px;
}
}
.chapters-screens {
color: rgb(0, 0, 0);
margin-top: 5%;
position: relative;
}
.chapters-screens .screen-section {
margin: 5% auto 0px;
perspective: 100vw;
width: 65%;
}
@media only screen and (max-width: 1199px) {
.chapters-screens .screen-section {
width: 80%;
}
}
.chapters-screens .screen-section img {
width: 100%;
}
.chapters-screens .screen-section .screen-content {
margin: 5% auto 0px;
text-align: center;
width: 60%;
}
@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;
}
}
@keyframes screen-swing {
0% {
clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
}
50% {
clip-path: polygon(1% 2%, 100% 3%, 99% 98%, 0px 99%);
transform: rotateX(0deg);
}
100% {
clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
transform: rotateX(-3deg);
}
}
.chapters-cta-footer {
height: 85vh;
margin-top: 5vw;
min-height: 1200px;
position: relative;
width: 100%;
}
@media only screen and (max-width: 767px) {
.chapters-cta-footer {
max-height: 400px;
min-height: auto;
}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
.chapters-cta-footer {
min-height: 600px;
}
}
.chapters-cta-footer .ctaBackground {
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
width: 100%;
}
.chapters-cta-footer .cta-footer-content {
align-items: center;
inset: 0px;
display: flex;
justify-content: center;
position: absolute;
}
.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: rgb(255, 255, 255);
float: right;
position: absolute;
right: 0px;
text-align: center;
}
@media only screen and (max-width: 1199px) {
.chapters-cta-footer .cta-footer-content .right-section {
bottom: 0px;
margin-bottom: 5%;
margin-top: auto;
}
}
.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: 0px;
}
.chapters-cta-footer .cta-footer-content .right-section button {
font-size: 2vw;
margin-top: 5%;
width: auto;
}
@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 {
color: rgb(255, 255, 255);
float: left;
left: 3vw;
position: absolute;
text-align: center;
top: 24vw;
width: 55vw;
}
@media only screen and (max-width: 991px) {
.chapters-cta-footer .cta-footer-content .left-section {
bottom: 1vw;
left: 0px;
top: unset;
width: 100%;
}
}
.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: 0px;
}
.chapters-cta-footer .cta-footer-content .left-section button {
font-size: 2vw;
margin-top: 0px;
width: auto;
}
@media only screen and (max-width: 1199px) {
.chapters-cta-footer .cta-footer-content .left-section button {
font-size: 4vw;
margin-bottom: 2%;
margin-top: 5%;
}
}
.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 {
color: rgb(255, 255, 255);
float: left;
position: absolute;
text-align: center;
top: 5vw;
width: 55vw;
}
@media only screen and (max-width: 767px) {
.chapters-cta-footer .cta-footer-content .center-section {
bottom: 1vw;
left: 0px;
top: unset;
width: 100%;
}
}
.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: 0px;
}
.chapters-cta-footer .cta-footer-content .center-section button {
font-size: 2vw;
margin-top: 0px;
width: auto;
}
@media only screen and (max-width: 1199px) {
.chapters-cta-footer .cta-footer-content .center-section button {
font-size: 4vw;
margin-bottom: 2%;
margin-top: 5%;
}
}
.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 {
background: center top / cover no-repeat;
height: 100%;
left: 0px;
overflow: hidden;
top: 0px;
width: 100%;
}
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: 0px;
}
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;
}
.textCenter {
text-align: center;
}
.FeaturedGridWithSlider .card-body {
padding: 10px;
}
.FeaturedGridWithSlider .row {
margin: 0px;
}
.FeaturedGridWithSlider .grid-actions {
padding-bottom: 1em;
text-align: center;
}
.FeaturedGridWithSlider .grid-actions button {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABXCAYAAABxyNlsAAANU0lEQVR4nO2di3NU1R3Hv/tgNyEvQjQQEYIgoKHCoFitre3YUvueim3RdpxOp39YW21thdZaq2hfapHaljqlClJrhUjAhBAg703YzWM7h/kcPSx3N3d37717Cf3O3NnNZpN77/f+zu/8nuckFA+s4EhLSnEkJTVx2N+bzxYlzXFc5jCfLXDMO79vKOJAbpuktZLWSFotaZWkdkktEJvkENdb5P0ihyE3J2lS0rikUUkjks5JmmrgfTWEXENYM6/dkm6VtFHSekjuguQOSM0jhQXINJ9lkOQsn01A6iVIPStpQNKHEG0ewCyvkSFqco107pC0S9JmSTchiTmkbIbDEmpf7XAvcs1WfViC7etKHpqR+la+Ywg/JemopGOQHQmiINcM8w2SNknq5ViPdBrCzks6CQFnkbwLDPFqztGN5K9jJGyRdAsPwkj1GY6znOtMleeoGmGSm+Dm7pH0OUl3I2EfSHpXUj83OIHkTjN0Zxnq1SLlTIBWcjsg2zzYPkaLGQX/lPRnXs85ejxwAsLAbZLuk7QbgpPouyGIPYa05kI6vwtD9u2SdkraDtlZSB6C4CM89EARNLkdSMmDHL3cwCuSXkdaLzv6MypYPd3E9X1W0hd48GbiO8zRz0gKBEGS2yPpy5K+yEQ1KOmEpHck/RfJiJLQckgwsrZK+gTSbCyWi5L+IOl3qIq6kQrgf7Qw5L4Osd1MGC9Jek7ScUljgVNUH8ZQS//BGrmJUbaB0TfHZFeXI1IvuVl06z5JezCjnpX0S0lvhT0bB4BZRti/IdxI8yexZIxpOIxurgn1kNuNGvgWE4bRVy8wtIwKyMeBPR/IY/oNIhwdmHEb0dMXap14ayV3NSrg2wwnM+P+FGIb6nLWgRwSPIyXuJN7yzMpz1b7r2sht1PSIxwd2IsHmLjmw7z7CFBEUodQeVuxjRNYFVW5z9WSa9zXhyTtheRXnUmrZt0UMyzgNV6A4D4muhksCt8qohpys6iCRx2JfQbLIA4mVtAYRQ+vRAf3ohpO+RUkv+SasOC9TF69OATPYb8uR2LFfY1Bchs6uNOJvhWW+gd+yE0QyXoMHXQUU+t4MPcQe1zAazO28J28DvlxNPyQa3zxr0p6GBPrSSav5aJj/cBK8DYkOEfQqaJltBS5LXheD6PQn5f0xzikUCLGAiZakxPYn8PLK8tFJXKT+N3fx0r4laTfX8d2bL2wZloCL844Ue8RfPecdyqRuwmXdhczpLFlT8fytqNDDothMxG1PJPbqNcVlCM3iSr4Crbdi8QKlpwhbwDkcZZ60MGTeHbXSG+yDBc2g7CBsOFrN7A6KIXh4RBB/14yLD1eX/Qit4M/WIcRfew6iG5FjQl4OYsg3g1vV8FLLWxz4gaHSIHELR4bB9g0/0Zs39O4zR/BS3I38yTyeGJDNxRl/mGciL/A0y4MgKvgkpvEvOgljjnk5Lzihiz+/hZ8/0YgT6TsHFntDfD3EaeuWsgSP9iNVfBXXN04xg7MyHqC18t+ff0QMI8P0AXBkwjlldCrS+5KvLHtuLevR1mdUgWMFfM40bk+CkLG8KAa4TkWIfdOPLm3bBYm7XyplWG2GnUwEDOpzUDm94gn38bnnU7J0xHc9KhQhKd+HK4thAyMBF9Fbjez3hx/MBk5fZVxD8R+g3nBwgjD1xiWhuA3a0nJ1IFJgjg2i9xtI2ZpfOUW7NpFfuHpzjUIbehWE/L8JnZlKdaRLL2MNB2JWAePwlsrNRAmXJCzlYK3Ihk384s3YyS5a0ndP8KMXA5tjkSPEGSJKizazLlbqXkz559KObVU9/LF4xRLRKm7KmEF0roVIaiEFgRkJTGRkYgIzjCprYFoYzGMpPihD3LHSZMPxChmO4MlMA/JXUtE8zqR8CIm2kiNVZPVop1Jthv+zqR4yjsh11Ri/40hFSdLYQrXchbp8NK7Lqzuy3BP55f4fr1YRAPciadmrIf303gUbUhEgeEU5FBaxYxeRB/ZJpFqR8YApVK25H/7EoWEt2JF5PjesRBVxAIjJA+Phs9kGouhFbHOhxCk2UrxcwJdNM45xng/DdHFMseiM4oGSY6am/kBdmWmwrk3Yr4l+JsTIRI8Bn/t8JlO4/ZmkeBCCPppC2VPWUJ1MyXHLNJlq8ttb8SU89k070cZcr/mOo1p9ikmPS8kyHft5f6exoMKA4uQm7Sc2oLgFMSGYRsalXAXw7kcZjD9JpBm2/Y0UXKMobYKvL+EJJYjt/QB5x0JDmOSs11HV6ywNMMq4XTOBI1kiSfohZUca50GvYLH+4Kjs1N8P+l0+VSCURHf5ftPYW6GQa6V3kza8dIKIemjBU64lHRZ2G5Jv6HEaiRwE6qkgO5+N2AJnud/Gz4zSSQg4XQkXm9IVtl+cAflAo/xfqlRVQ0WHQFNJfmhWNIGupyRxNjfR+2bZ3KxRiQdB2ch6XTWZALqkbhe0IzJ5Fdd+YGdwwyfBWt+FZ1+2hsBI9RiPI9rHRTcfuRCmpl3wemhDQP1tmQVsYetXWzNtFbCjZ1V6E6TDv+tpJ8R/QtyEl+BkJr/eTnNTJ6H7ayzpkFQSHl4UYuO8ndfS9/P4kxYMsdKyofuwNW8pmagDIaR2B9L+lfA95l0pPYKp2l0rvWMskjBpYBPaiV3lPNMOef0+tn2A884dm3e8dzacKntGg1+5opBigl/IentECyjTvib5F7m05xkCkIzpCrGAxwuJ3FXW5z00STnnCz5ecrxyMrFk7sIkd5HB2Snj2sYQmINsf8IIeKXIo6cgUdzH4tpSBwnzNiE13M2wGD5YQrVUk7f77yzhkLpa6Ub7yROsI/MySof5z9PNO0pImNhhFKzjKIm3PMrwmnVwij6yMZBTwRI7nhAtWZ9pP73klOrFA2zGGDy+jlJgLBi1CvhrRkejfTOJ/GHh5HWNlzESkGWqNFMT4aR1h9Kut8nsWcwtZ4MSRW4aIa3Nng0o2XOSu4wF/N5asVaGkrnx2hl+H+H7O5mn39niuL2c7wTgVvfwrW1MlrO2wnNZgg+ZGbvYQZuNJKYWo9SYdPl83pO08a1H3MrCqyGtxxWieGz6MYSRlDGK0gTt8eA3F4yGX5H0lmiXT+KsJWrjYD8CifjfEUFufahXeShC5vStmg2Cgl0q03+dfFaDv30bTyDVRBFhC/Bw78fy+UYCd68F7kZp4x0Cn3VqCxwkbngJJZLMza4V5zX6Lnf0Dn/doTXmKRG7H5s6cP06l1T5WidCZPz/zTs/z0GTSYz6DGbHu8uUVkDOAdPY0JGKQytmIY7kdhX4PDKNbjBjkX0xYBTgLGJXqtGF0BfpJHbrmr3MHpuBO/vQMQSKxyHXiayeaytq0puvXzyDN5GJ6piOCY9EXMMvSEnTGpqiH/SIPW13jFdT9LxdFXxiRe5Vkq3o6z7Kc6LA2zxxTAd82+EFITxg3tJFRmpPch1XLX0jFdaZ4Jy/UFipTt8BkeiwgKJxYMNbCvooFxgPSPpqNd6ZOVCddOYPuv4R3nI/n8H5cfhzgfh5VUm/msecjlyi6iHDA0oNyMtjbR744LNNLuYyexP9Op5xr8rZXv7sdsuonsfYKK7kdFN+dQdRBLtEoWeqBTBtzGHFY4bmkOCl+vSK5WQZFGPvZiELzlNfp5YKj0yh+S2s8bAKhR40GWmcUfW6cvYwLoTLyzVO+In9zSNudFFeX8XzRVBpqTjjruIzG3D5DqIc1VxBPstArG5rV5OlEF6b4QJbjuq4EH0634ibksup+iX3AKSmsa220qEapDk4nLUwSmihKb09DMI0ovED3ylwKopX1rA5JiF3D4iVJeWqQT3UUu2BwF6Fnfb9+LF1daG5dC3NpC9DaN6POB0fCORJWX/KCtET6JjX0YV+kYthXezRIAKRM12kOYYw5K4nlVEEqfpcXTsJST2YC1dpbVWNc4SQJkh7rCN0vjmetabbTDW0Fe8j/v5gLT8a9VKrEU9JaM5Qm2jmGc7KI1POCVI10Msoh2Xdg9WQS9NKQdwb2tu0623HncBSR2G7F7KjIwU2+B7lB3k1WI1MdknWLr2MgvCv4g9W9e1B1HsbIPYpyF0DdG0W3ht5/O4rPCUYK4wQvAlJq2NCMLLpOXfC6L5JshK8mn0lF3BfhtBjq3Yx7ZKsdiASS9BjKSFoMseCk0eQHW9Qh7ujVr1a7mThgGjFu5j1aIeZ3cou7L9MbsmQUjnd9GETt2JieXucDJM4YhZn+H9oE8c5t48tnpnN8HlXUhPP5G1D5y9eaZL6nFrSdskne3AWpyWW3dvntudvXkOOXvzhJImimJXqU5cZq9dpWwR4ClnI6RzzoLAftFBQL8HMm+DyFt4oKPOjlJnnB2sQk28Nmo/tLsZql1ITa5EegtON6JtPlxwOiVTTjtA1ulFaHa6dOx+aKMl+6GFvTzAR2jkTn7Nzk5+VprXUFVjd/JLOATPO0v8pR1ii85OfhedctgBdPyIsxXYst7JzwvtkGoXP+tw2uqzTk+FPdylA2xzx7TTmH3JSb83dJ2eOO+e6m4eZ39vyS3dPdWqjfjsnirpfwvDDb3qQpGfAAAAAElFTkSuQmCC')
0% 0% / contain;
border: none;
display: inline;
height: 60px;
margin-left: 0.5em;
width: 60px;
}
.FeaturedGridWithSlider .grid-actions button:first-child {
background: url('data:image/png;base64,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')
0% 0% / contain;
display: inline;
margin-right: 0.5em;
}
.tweet {
background-color: rgb(255, 255, 255);
border-bottom: 1px solid rgb(230, 236, 240);
color: rgb(20, 23, 26);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
list-style-image: none;
list-style-type: none;
max-width: 588px;
min-height: 51px;
min-width: 350px;
overflow: hidden;
padding: 9px 12px;
position: relative;
text-align: start;
}
.tweet svg {
vertical-align: middle;
}
.tweet .tweet-text {
overflow-wrap: break-word;
color: rgb(20, 23, 26);
margin: 0px;
white-space: pre-wrap;
}
.tweet .tweet-text .emoji {
height: 14px;
margin-right: 5px;
}
.tweet .tweet-text a {
color: rgb(29, 161, 242);
text-decoration: none;
}
.tweet .content {
margin-left: 58px;
}
.tweet .context {
margin: -3px 0px 3px 34px;
}
.tweet .context .tweet-context svg {
vertical-align: sub;
}
.tweet .context .pretty-link {
color: rgb(101, 119, 134);
text-decoration: none;
}
.tweet .header .account-group {
color: rgb(136, 153, 166);
text-decoration: none;
}
.tweet .header .avatar {
border: 0px;
border-radius: 24px;
float: left;
height: 48px;
margin-left: -58px;
margin-top: 3px;
width: 48px;
}
.tweet .header .fullname {
color: rgb(20, 23, 26);
font-weight: 700;
}
.tweet .header .username {
color: rgb(101, 119, 134);
direction: ltr;
font-size: 14px;
unicode-bidi: embed;
}
.tweet .header .username s {
color: rgb(177, 187, 195);
text-decoration: none;
}
.tweet .header .username b {
font-weight: 400;
}
.tweet .header .tweet-timestamp {
color: rgb(136, 153, 166);
font-size: 14px;
text-decoration: none;
}
.tweet .header .logo {
float: right;
margin-top: -3px;
}
.tweet .time {
color: rgb(101, 119, 134);
}
.tweet .retweet-text {
color: rgb(101, 119, 134);
font-size: 12px;
line-height: 16.5px;
margin-left: 8px;
}
.tweet .tweetText {
overflow-wrap: break-word;
color: rgb(20, 23, 26);
margin: 0px;
white-space: pre-wrap;
}
.tweet .footer {
display: table;
font-size: 12px;
padding-top: 1px;
width: 100%;
}
.tweet .footer .ProfileTweet-actionList {
display: block;
font-size: 0px;
line-height: 1;
margin-bottom: 2px;
margin-top: 10px;
}
.tweet .footer .ProfileTweet-action {
display: inline-block;
width: 80px;
}
.tweet .footer .ProfileTweet-actionButton {
appearance: button;
background: transparent;
border: 0px;
cursor: pointer;
display: inline-block;
font-size: 16px;
line-height: 1;
margin: 0px;
padding: 0px 2px;
position: relative;
}
.tweet .footer .ProfileTweetActionCount {
color: rgb(101, 119, 134);
display: inline-block;
font-size: 12px;
font-weight: 700;
margin-left: 6px;
position: relative;
}
.tweet .footer .ProfileTweetActionRetweetCountActive {
color: rgb(23, 191, 99);
}
.tweet .footer .ProfileTweetActionFavouriteCountActive {
color: rgb(224, 36, 94);
}
.tweet .footer .IconContainer {
display: inline-block;
vertical-align: middle;
}
.tweet .footer .IconTextContainer {
display: inline-block;
}
.tweet .Icon {
background: transparent;
}
.tweet .Icon,
.tweet .IconContext {
display: inline-block;
font-style: normal;
position: relative;
}
.tweet .IconContext {
fill: rgb(255, 255, 255);
background: rgb(119, 178, 85);
height: 14px;
vertical-align: middle;
width: 15px;
}
.tweet .AdaptiveMedia {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
display: inline-block;
margin: 10px 0px 0px;
max-height: 508px;
max-width: 508px;
overflow: hidden;
text-align: center;
vertical-align: top;
width: 100%;
}
.tweet .AdaptiveMedia .AdaptiveMedia-photoContainer {
max-height: 300px;
overflow: hidden;
position: relative;
width: 100%;
}
@media only screen and (max-width: 1399px) {
.tweet .AdaptiveMedia .AdaptiveMedia-photoContainer {
max-height: 240px;
}
}
.tweet .AdaptiveMedia .AdaptiveMedia-photoContainer img {
position: relative;
vertical-align: bottom;
width: 100%;
}
.tweet .AdaptiveMedia .AdaptiveMediaBadge {
background: rgba(0, 0, 0, 0.3);
border-radius: 3px;
bottom: 52px;
box-sizing: border-box;
color: rgb(255, 255, 255);
font-weight: 700;
height: 20px;
left: 80px;
line-height: 20px;
padding: 0px 5px;
position: absolute;
z-index: 1;
}
.tweet .AdaptiveMedia .AdaptiveMediaBadge .video {
background: rgb(0, 0, 0);
max-height: 508px;
object-fit: contain;
vertical-align: bottom;
width: 100%;
}
.tweet .img {
width: 100%;
}
.tweet .QuoteTweet {
border: 1px solid rgb(230, 236, 240);
border-radius: 4px;
cursor: pointer;
margin-top: 12px;
position: relative;
}
.tweet .QuoteTweet:hover {
}
.tweet .QuoteTweet .QuoteTweet-link {
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}
.tweet .QuoteTweet .QuoteTweet-innerContainer {
padding: 12px;
}
.tweet .QuoteTweet .QuoteTweet-originalAuthor {
display: inline-block;
max-width: 100%;
position: relative;
z-index: 1;
}
.tweet .QuoteTweet .QuoteTweet-screenname {
color: rgb(101, 119, 134);
}
.tweet .QuoteTweet .QuoteTweet-text {
overflow-wrap: break-word;
margin-top: 3px;
max-height: 78px;
max-width: 100%;
overflow: hidden;
white-space: pre-wrap;
}
.tweet .Modal {
background: rgba(0, 0, 0, 0.8);
display: table;
height: 100vh;
left: 0px;
overflow-x: hidden;
position: fixed;
text-align: center;
top: 0px;
width: 100%;
z-index: 2147483647;
}
.tweet .Modal .spacer {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.tweet .Modal .closeModal {
align-items: center;
background: rgb(255, 255, 255);
display: flex;
height: 50px;
justify-content: flex-end;
width: 100%;
}
.tweet .Modal .modal-tweet {
background-color: rgb(255, 255, 255);
color: rgb(255, 255, 255);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
list-style-image: none;
list-style-type: none;
min-height: 51px;
min-width: 350px;
position: relative;
text-align: start;
}
.tweet .Modal .modal-tweet .media-wrap {
background: rgb(0, 0, 0);
width: 100%;
}
.tweet .Modal .modal-tweet .media-wrap img {
display: block;
margin: 0px auto;
width: 100%;
}
.tweet .Modal .modal-tweet .content {
margin-left: 58px;
padding: 9px 12px;
}
.tweet .Modal .ModalWrap {
border-radius: 5px;
display: inline-block;
margin: 50px auto 0px;
overflow: hidden;
position: relative;
vertical-align: middle;
z-index: 20;
}
.tweet .Modal .ModalClose {
display: table;
height: 100vh;
left: 0px;
overflow-x: hidden;
position: fixed;
text-align: center;
top: 0px;
width: 100%;
z-index: 10;
}
.tweet .Modal .ModalInner {
display: table-cell;
position: relative;
vertical-align: middle;
z-index: 20;
}
#fortniteReactWrapper .loadscreen-overlay {
background-position: 50% center;
background-repeat: no-repeat;
inset: 0px;
position: fixed;
z-index: 10000;
background-color: rgb(30, 30, 30) !important;
}
#fortniteReactWrapper .loadscreen-overlay .load-indicator {
left: 0px;
perspective: 1000px;
position: fixed;
right: 0px;
top: 50%;
transform: translateY(-50%);
transform-style: preserve-3d;
}
#fortniteReactWrapper
.loadscreen-overlay
.load-indicator
.container
.row::after,
#fortniteReactWrapper
.loadscreen-overlay
.load-indicator
.container
.row::before,
#fortniteReactWrapper .loadscreen-overlay .load-indicator .container::after,
#fortniteReactWrapper .loadscreen-overlay .load-indicator .container::before {
content: '';
display: table;
}
#fortniteReactWrapper .loadscreen-overlay .load-indicator .container::after {
clear: both;
}
#fortniteReactWrapper .loadscreen-overlay .load-indicator .container .row {
margin-left: -15px;
margin-right: -15px;
}
#fortniteReactWrapper
.loadscreen-overlay
.load-indicator
.container
.row::after {
clear: both;
}
#fortniteReactWrapper .loadscreen-overlay .load-indicator h6 {
animation: 5s ease-in-out 0s infinite alternate none running text;
color: rgb(158, 158, 158);
display: block;
font-family: sans-serif;
font-size: 0.875em;
font-weight: 700;
letter-spacing: 5px;
line-height: 1.42857;
margin-bottom: 10px;
margin-top: 20px;
text-align: center;
text-transform: uppercase;
}
#fortniteReactWrapper .loadscreen-overlay .load-indicator .logo {
background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA1MTIgMTMwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgMTMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNmMmYyZjJ9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJtNzcuOSAzNC4yIDIuNS0yNi4zSDMwLjl2MTE3LjdjOC42LTEuNiAxNy41LTMuMiAyNi43LTQuNlY3OS42aDE3LjFsLjUtMjUuNkg1Ny42VjM0LjJoMjAuM3pNMTEyLjUgMTAuOGMtMjYgMC0zMi4yIDIzLTMyLjIgNTEuMyAwIDI4LjMgNi43IDUxLjMgMzIuMiA1MS4zIDI1LjUgMCAzMi4yLTIzIDMyLjItNTEuMy4xLTI4LjMtNi4xLTUxLjMtMzIuMi01MS4zem0tLjIgODIuMmMtMy41IDAtNC4xLTEzLjctNC4xLTMwLjYgMC0xNi45LjUtMzAuNiA0LjEtMzAuNiAzLjYgMCA0LjEgMTMuNyA0LjEgMzAuNiAwIDE2LjktLjYgMzAuNi00LjEgMzAuNnpNMjExLjggNDkuNmMwLTE4LjktMTIuNi0zNS4xLTI4LjktMzUuMWgtMzIuMnY5NS4zYzguNC0uNiAxNi45LTEuMiAyNS41LTEuNmwuOS0yNC45IDcuMSAyNC41YzguNy0uNCAxNy41LS44IDI2LjMtMUwyMDAuNCA3NmMuMS0uMSAxMS40LTcuNiAxMS40LTI2LjR6bS0zNS40IDE1LjNWMzcuMXM4LS44IDggMTMuNGMtLjEgMTQuMy04IDE0LjQtOCAxNC40ek0yMTQuMiA0MS44aDEzLjlWMTA4YzguNy0uMiAxNy41LS4yIDI2LjMtLjJWNDYuMmgxNC41VjIwLjZsLTU0LjgtNC40djI1LjZ6TTQ4MSAzOS41VjEwLjJMNDM1LjYgMTR2MTA0LjljMTUuOSAyLjIgMzEgNC42IDQ1LjQgNy40di0yNmgtMTlWNzkuOGgxNi4xVjU2LjRoLTE2LjVWNDAuMmwxOS40LS43ek0zNzQuMyA0OWgxNC4zdjY0YzguOS45IDE3LjcgMS44IDI2LjMgMi44VjQ2LjFoMTVWMjAuNWwtNTUuNiAyLjlWNDl6TTM0MS41IDExMC4xYzkuMi41IDE4LjIgMS4yIDI3LjEgMS45VjE4LjloLTI3LjF2OTEuMnpNMzEwLjggMTQuM2wzLjcgNDcuNi0xOC43LTQ2LjUtMjEuMSA0LjN2ODguMmM4IC4xIDE2IC4zIDIzLjkuNWwtMS4yLTM0LjEgMTQuMyAzNC41YzguMi4zIDE2LjQuNyAyNC40IDEuMWwtLjctOTUuNmgtMjQuNnoiLz48L3N2Zz4=');
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain;
height: 4em;
margin: 1em auto;
perspective: 1000px;
transform-style: preserve-3d;
width: 14em;
}
#fortniteReactWrapper .loadscreen-overlay .load-indicator .beacon-container {
left: 0px;
position: absolute;
right: 0px;
top: 0px;
z-index: -1;
}
#fortniteReactWrapper
.loadscreen-overlay
.load-indicator
.beacon-container
.beacon {
background-color: rgba(44, 62, 80, 0.25);
border-radius: 50%;
height: 2em;
left: 50%;
position: absolute;
top: 0px;
transform: translateX(-50%) translateY(-50%);
width: 2em;
z-index: -2;
}
#fortniteReactWrapper
.loadscreen-overlay
.load-indicator
.beacon-container
.beacon::before {
animation: 2s linear 0s infinite normal none running active;
background-color: transparent;
border-radius: 50%;
box-shadow: rgb(41, 128, 185) 0px 0px 2px 2px;
content: '';
height: 2em;
left: 0px;
position: absolute;
top: 0px;
width: 2em;
}
#fortniteReactWrapper
.loadscreen-overlay
.load-indicator
.beacon-container
.triangle {
border-bottom: 80px solid rgb(44, 62, 80);
border-left: 50px solid transparent;
border-right: 50px solid transparent;
height: 0px;
margin: 0px auto;
width: 0px;
}
#fortniteReactWrapper .loadscreen-overlay .load-indicator .container {
height: auto;
margin: 0px auto;
max-width: 500px;
position: relative;
}
#fortniteReactWrapper
.loadscreen-overlay
.load-indicator
.container
.loading-container {
height: 2px;
margin: 2px 0px;
position: relative;
width: 100%;
}
@keyframes text {
0% {
opacity: 0.25;
}
75% {
opacity: 1;
}
100% {
opacity: 0.25;
}
}
@keyframes active {
0% {
opacity: 1;
transform: scale(0.1);
}
70% {
opacity: 0;
transform: scale(2.5);
}
100% {
opacity: 0;
}
}
.error500 {
background: url('dac598aef43d9856ab0603d1cf0ffba9.jpg') center top / cover
no-repeat;
font-size: 16px;
min-height: 90vh;
overflow: hidden;
}
.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: 0.95;
}
.error500 .content h1,
.error500 .content h2 {
color: rgb(255, 255, 255);
font-family: BurbankBigCondensed-Black, sans-serif;
text-transform: uppercase;
}
.error500 .content h2 {
margin-bottom: 0.8em;
}
.error500 .content p {
color: rgb(255, 255, 255);
font-family: BurbankSmall-Black, sans-serif;
font-size: 14.5px;
line-height: 1.5;
margin-bottom: 0.5em;
}
@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: 0px;
}
}
@media only screen and (max-width: 991px) {
.error500 .content p {
font-size: 16px;
}
}
.error500 .errorBody {
margin-bottom: 180px;
margin-left: 10%;
margin-top: 180px;
position: relative;
}
@media only screen and (max-width: 991px) {
.error500 .errorBody {
margin-bottom: 100px;
margin-top: 100px;
}
.error500 .errorBody::before {
content: none;
}
.error500 .errorBody {
margin-bottom: 60px;
margin-left: 0px;
margin-top: 60px;
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: 0px;
}
}
.error500 .btn.wobble-btn {
background-color: rgb(255, 255, 0);
color: rgb(0, 0, 0);
z-index: 5;
}
.error500 .btn.wobble-btn::before {
display: none;
}
@media only screen and (max-width: 1199px) {
.error500 .btn.wobble-btn {
margin-top: 0.5em;
width: auto;
}
}
@media only screen and (max-width: 767px) {
.error500 .btn.wobble-btn {
width: 100%;
padding-left: 0px !important;
padding-right: 0px !important;
}
}
.error500 .zombie {
background: url('b156d9f629bf0312b548fbb197137f9e.png') 50% center / contain
no-repeat;
height: 55em;
position: absolute;
right: 25%;
top: 10%;
width: 44em;
}
@media screen and (max-width: 1495px) {
.error500 .zombie {
right: 2em;
}
}
@media only screen and (max-width: 1199px) {
.error500 .zombie {
height: 42em;
top: 2em;
}
}
@media only screen and (max-width: 991px) {
.error500 .zombie {
height: 30em;
right: -5em;
top: 2em;
width: 28em;
}
}
@media only screen and (max-width: 767px) {
.error500 .zombie {
height: 12em;
right: 0px;
width: 11em;
}
}
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: 0px;
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: 0px;
}
}
body.ar .error500 .zombie {
right: auto;
}
@media only screen and (max-width: 1199px) {
body.ar .error500 .zombie {
right: auto;
}
}
.error404 {
background-image: url('dac598aef43d9856ab0603d1cf0ffba9.jpg');
background-position: 50% center;
background-repeat: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
font-size: 16px;
min-height: 90vh;
overflow: hidden;
text-align: center;
background-size: cover !important;
}
.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 {
color: rgb(255, 255, 255);
display: inline;
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 40em;
letter-spacing: 0.05em;
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 {
color: rgb(255, 255, 255);
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 2em;
line-height: 1.5;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.error404 .content.content p {
font-size: 1.5em;
}
}
.error404 .errorHeader {
display: block;
margin: 0px auto 1em;
max-width: 66em;
position: relative;
}
.error404 .errorHeader h1 {
position: relative;
z-index: 2;
line-height: 0.85 !important;
}
.error404 .errorHeader .llama-1,
.error404 .errorHeader .llama-2,
.error404 .errorHeader .llama-3 {
position: absolute;
}
.error404 .errorHeader .llama-1 {
background-image: url('1e4dfdb7e9d7fb572cd53ee45deda1fe.png');
background-position: 50% center;
background-repeat: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
height: 20em;
left: -2em;
top: 0px;
width: 10em;
background-size: contain !important;
}
.error404 .errorHeader .llama-2 {
background-image: url('525f71eaac05ff8eab519cbbb767459e.png');
background-position: 50% center;
background-repeat: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
height: 10em;
left: 26%;
top: 27%;
width: 10em;
background-size: contain !important;
}
.error404 .errorHeader .llama-3 {
background-image: url('a605e0f35676b1cd6601edccfeb02885.png');
background-position: 50% center;
background-repeat: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
height: 16em;
right: 0px;
top: 0px;
width: 10em;
background-size: contain !important;
}
@media only screen and (max-width: 1199px) {
.error404 .errorHeader {
max-width: 45em;
}
.error404 .errorHeader .llama-1 {
height: 14em;
left: 0px;
width: 7em;
}
.error404 .errorHeader .llama-2 {
display: none;
}
.error404 .errorHeader .llama-3 {
height: 12em;
width: 8em;
}
}
@media only screen and (max-width: 991px) {
.error404 .errorHeader {
max-width: 22em;
}
.error404 .errorHeader .llama-1 {
height: 7em;
width: 3em;
}
.error404 .errorHeader .llama-3 {
height: 6em;
width: 5em;
}
}
@media only screen and (max-width: 767px) {
.error404 .errorHeader {
max-width: 18em;
}
.error404 .errorHeader .llama-1 {
height: 5em;
}
.error404 .errorHeader .llama-3 {
height: 5em;
width: 4em;
}
}
@media only screen and (min-width: 1440px) {
.error404 .errorHeader {
max-width: 78em;
}
.error404 .errorHeader .llama-1 {
left: -2em;
top: 10%;
}
.error404 .errorHeader .llama-2 {
height: 13em;
width: 13em;
}
.error404 .errorHeader .llama-3 {
height: 16em;
right: -3em;
top: -1em;
width: 10em;
}
}
.error404 .errorBody {
margin: 4em auto;
}
@media only screen and (max-width: 991px) {
.error404 .errorBody {
margin: 1em auto;
}
}
.error404 .box-shadow {
background: rgba(0, 0, 0, 0.1);
border-radius: 44%;
bottom: 2em;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 14px 3px;
height: 0.7em;
left: 0px;
margin: 0px auto;
position: absolute;
right: 0px;
width: 50%;
}
.error404 .btn.wobble-btn {
background-color: rgb(255, 255, 0);
color: rgb(0, 0, 0);
z-index: 5;
}
.error404 .btn.wobble-btn::before {
display: none;
}
@media only screen and (max-width: 767px) {
.error404 .btn.wobble-btn {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
.error404 .btn-error {
border: none !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 {
color: rgb(255, 255, 255);
font-family: BurbankBigCondensed-Black, sans-serif;
}
.errorPages .btn-error.btn-error a:hover {
color: rgb(255, 255, 255);
}
@media only screen and (max-width: 991px) {
.errorPages .btn-error.btn-error {
width: 100%;
}
}
.animate-object {
display: inline-block;
opacity: 0;
}
.CreativeHomeGrid {
margin: 0px auto;
max-width: 1200px;
width: 100%;
}
.CreativeHomeGrid .bumper {
height: 125px;
left: -50px;
top: 25%;
transform: rotateY(0deg) rotate(-25deg);
transition: transform 0.5s ease 0s;
width: 125px;
}
@media only screen and (max-width: 767px) {
.CreativeHomeGrid .bumper {
height: 60px;
left: 20px;
top: 55px;
transform: rotateY(0deg) rotate(-10deg);
width: 60px;
}
}
@media only screen and (min-width: 1400px) {
.CreativeHomeGrid .bumper {
height: 150px;
left: -85px;
top: 25%;
width: 150px;
}
}
.CreativeHomeGrid .duck {
height: 150px;
right: -100px;
top: 75%;
transform: rotateY(0deg) rotate(25deg);
transition: transform 0.4s ease 0s;
width: 150px;
}
@media only screen and (max-width: 767px) {
.CreativeHomeGrid .duck {
right: 30px;
top: 45px;
width: 50px;
}
}
@media only screen and (min-width: 1400px) {
.CreativeHomeGrid .duck {
height: 200px;
right: -145px;
top: 55%;
width: 200px;
}
}
.CreativeHomeGrid .dino {
height: 250px;
left: -120px;
top: 50%;
transition: transform 0.4s ease 0s;
width: 250px;
}
@media only screen and (max-width: 767px) {
.CreativeHomeGrid .dino {
height: 100px;
left: unset;
right: -40px;
top: 85px;
width: 100px;
}
}
.CreativeHomeGrid .stormdevice {
height: 250px;
right: -9%;
top: 10%;
transform: rotateY(0deg) rotate(25deg);
transition: transform 0.4s ease 0s;
width: 152px;
}
@media only screen and (max-width: 767px) {
.CreativeHomeGrid .stormdevice {
height: 80px;
left: 15px;
right: unset;
top: 60px;
width: 80px;
}
}
@media only screen and (min-width: 1400px) {
.CreativeHomeGrid .stormdevice {
height: 275px;
right: -105px;
top: 15%;
width: 160px;
}
}
.CreativeHomeGrid .island img {
width: 100%;
}
.CreativeHomeGrid .icon-reverse-right-arrow {
padding-left: 0.2em;
padding-top: 0.3em;
}
.CreativeHomeGrid .featured-title {
color: rgb(11, 133, 236);
font-size: 1.85em;
font-style: italic;
margin-top: 0px;
padding-top: 2.25em;
position: relative;
text-align: center;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.CreativeHomeGrid .featured-title {
font-size: 2.2em;
margin: 0px auto;
padding: 1.5em 0px 0.5em;
width: 60%;
}
.CreativeHomeGrid.feed .featured-title {
font-size: 2.2em;
margin: 0px auto;
width: 100%;
}
}
.CreativeHomeGrid.feed .FeaturedGridWithSlider {
margin-top: 1em;
}
.CreativeHomeGrid .container {
padding: 0px;
}
.CreativeHomeGrid .island {
cursor: pointer;
padding: 0.1em;
}
.CreativeHomeGrid .island > div {
background: rgb(255, 255, 255);
padding: 0px;
}
.CreativeHomeGrid .island > div .caption {
padding: 0.75em;
}
.CreativeHomeGrid .island > div .caption h5 {
color: rgb(27, 186, 244);
font-family: OpenSans, sans-serif;
font-size: 0.8em;
letter-spacing: 0px;
}
.CreativeHomeGrid .island > div .caption a,
.CreativeHomeGrid .island > div .caption h3 {
color: rgb(0, 0, 0);
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 1.375em;
margin-top: 0.5em;
text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
.CreativeHomeGrid .island > div .caption a,
.CreativeHomeGrid .island > div .caption h3 {
font-size: 1em;
}
}
@media only screen and (max-width: 767px) {
.CreativeHomeGrid .island > div .caption a,
.CreativeHomeGrid .island > div .caption h3 {
font-size: 1.375em;
}
}
.CreativeHomeGrid .slick-slider .island {
padding: 0.1em 0.3em 1em 0.1em;
}
@media only screen and (max-width: 767px) {
.CreativeHomeGrid .grid .island {
padding: 0.25em 0px 0px;
}
}
.CreativeHomeGrid.featured .slick-slider {
padding: 1.2em 0px 0.5em 1em;
}
.CreativeHomeGrid.featured .slick-slider .caption {
min-height: 6em;
text-align: center;
}
@media only screen and (min-width: 768px) {
.CreativeHomeGrid.featured .grid .caption {
height: 6.5em;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.CreativeHomeGrid.featured .grid {
color: rgb(255, 255, 255);
position: relative;
}
.CreativeHomeGrid.featured .grid .caption {
bottom: 0px;
color: rgb(255, 255, 255);
left: 1em;
padding: 0.25em;
position: absolute;
}
.CreativeHomeGrid.featured .grid .caption a {
color: rgb(255, 255, 255);
}
.CreativeHomeGrid.featured .grid .caption h3 {
margin-top: 0px;
}
.CreativeHomeGrid.featured .grid .caption h5 {
color: rgb(255, 255, 255);
margin-bottom: 0.15em;
}
}
.CreativeHomeGrid .pad {
margin: 0px auto;
max-width: 100%;
padding: 0px 0.1em;
position: relative;
}
@media only screen and (max-width: 767px) {
.CreativeHomeGrid .pad {
padding: 0px 1em;
}
}
.CreativeHomeGrid .learnmore {
display: flex;
flex-direction: row;
}
.CreativeHomeGrid .learnmore a {
display: flex;
font-family: BurbankBigRegular-Black, sans-serif;
justify-content: center;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.CreativeHomeGrid .learnmore {
flex-direction: column;
}
}
.CreativeHomeGrid .learnmore h3 {
display: flex;
justify-content: center;
line-height: 1.5;
text-align: center;
}
.CreativeHomeGrid .bluebox {
background: linear-gradient(90deg, rgb(71, 96, 255), rgb(13, 204, 255));
color: rgb(255, 255, 255);
font-style: italic;
margin-top: 0.25em;
padding: 0.75em;
text-align: center;
}
.CreativeHomeGrid .bluebox h1 {
font-size: 2.3em;
}
.CreativeHomeGrid .bluebox .learnmore h3 {
width: 100%;
}
.CreativeHomeGrid .bluebox .learnmore h3 a {
color: rgb(255, 255, 255);
}
.CreativeHomeGrid .purplebox {
background: linear-gradient(90deg, rgb(212, 37, 218), rgb(92, 29, 167));
color: rgb(255, 255, 255);
margin: 6em 0px;
padding: 0.75em;
text-align: center;
}
@media only screen and (max-width: 767px) {
.CreativeHomeGrid .purplebox {
margin: 2em 1em;
}
}
.CreativeHomeGrid .purplebox h1 {
font-size: 2.3em;
}
.CreativeHomeGrid .purplebox .learnmore h3 {
color: rgb(0, 255, 252);
width: 33.3%;
}
@media only screen and (max-width: 767px) {
.CreativeHomeGrid .purplebox .learnmore h3 {
margin-top: 0px;
width: 100%;
}
}
.CreativeHomeGrid .purplebox .learnmore h3 a {
color: rgb(0, 255, 252);
}
@media only screen and (min-width: 568px) {
.CreativeHomeGrid.featured .grid.size1 .row,
.CreativeHomeGrid.featured .grid.size2 .row {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
}
.CreativeHomeGrid.featured .grid.size1 .row .island,
.CreativeHomeGrid.featured .grid.size2 .row .island {
float: unset;
width: 100%;
}
.CreativeHomeGrid.featured .grid.size1 .island {
max-width: 50%;
}
}
.CreativeHomeGrid .learnmore h3 a {
white-space: nowrap;
}
body[data-safari='true']
.CreativeHomeGrid
.learnmore
.icon-reverse-right-arrow {
padding-top: 0.2em;
}
.creative-image-card {
position: relative;
}
.creative-image-card .bkgrdImage {
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}
.creative-image-card .bkgrdImage::before {
background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.75));
bottom: 0px;
content: '';
height: 25em;
left: 0px;
position: absolute;
right: 0px;
width: 100%;
}
.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 {
bottom: 20%;
color: rgb(255, 255, 255);
left: 0px;
margin: 0px auto;
max-width: 60em;
padding: 0px 1em;
position: absolute;
right: 0px;
width: 100%;
}
.creative-image-card .section .content h1 {
font-size: 6em;
opacity: 0;
text-shadow: rgba(0, 0, 0, 0.3) 1px 0px 20px;
}
@media only screen and (max-width: 991px) {
.creative-image-card .section .content h1 {
font-size: 2.5em;
}
}
.creative-image-card .section .content .description {
margin: 1em auto;
max-width: 40em;
opacity: 0;
width: 100%;
}
@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;
font-size: 1.2em;
text-transform: none;
}
@media only screen and (max-width: 991px) {
.de .creative-image-card .section .content h1 {
margin: 0px auto;
max-width: 8em;
width: 100%;
}
}
.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 {
margin-top: -6%;
position: relative;
}
@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 {
background: linear-gradient(45deg, rgb(16, 140, 193), rgb(34, 252, 255) 75%)
rgb(16, 140, 193);
clip-path: polygon(0px 6%, 100% 0px, 100% 100%, 0px 100%);
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}
@media only screen and (max-width: 991px) {
.creative-card .gradient {
clip-path: polygon(0px 2%, 100% 0px, 100% 100%, 0px 100%);
}
}
.creative-card .section {
padding: 5em 0px;
position: relative;
}
@media only screen and (max-width: 991px) {
.creative-card .section {
padding: 4em 0px;
}
}
.creative-card .infoBoxContainer {
margin: 0px auto;
max-width: 1600px;
width: 100%;
}
.creative-card .infoBoxContainer.two {
max-width: 1135px;
}
.creative-card .infoBoxContainer.three {
max-width: 1600px;
}
.creative-card .infoBoxContainer .cards {
display: flex;
flex-direction: column;
justify-content: center;
}
@media only screen and (min-width: 568px) {
.creative-card .infoBoxContainer .cards {
flex-flow: wrap;
}
}
@media only screen and (max-width: 767px) {
.creative-card .infoBoxContainer .cards {
align-items: center;
}
}
.creative-card .infoBoxContainer .cards .card {
overflow-wrap: break-word;
background-color: rgb(255, 255, 255);
clip-path: polygon(0px 4%, 100% 0px, 97% 100%, 4% 95%);
display: flex;
flex-direction: column;
margin: 1em 3em;
min-width: 0px;
position: relative;
width: 25%;
}
@media only screen and (max-width: 1399px) {
.creative-card .infoBoxContainer .cards .card {
margin: 1em 0.5em;
width: 30%;
}
}
@media only screen and (max-width: 767px) {
.creative-card .infoBoxContainer .cards .card {
width: 80%;
}
}
.creative-card .infoBoxContainer .cards .card .card-image {
background-color: rgb(255, 255, 0);
width: 100%;
}
.creative-card .infoBoxContainer .cards .card .card-content {
flex: 1 1 auto;
padding: 1.5em 1.25em;
text-align: center;
}
.creative-card .infoBoxContainer .cards .card .card-content h2.card-title {
font-size: 3em;
line-height: 0.7;
margin: 0px;
}
@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: 0px 5.3em;
}
@media only screen and (max-width: 1399px) {
.creative-card
.infoBoxContainer
.cards
.card
.card-content
.card-description {
padding: 0px 1em;
}
}
@media only screen and (max-width: 767px) {
.creative-card
.infoBoxContainer
.cards
.card
.card-content
.card-description {
padding: 0px 3em;
}
}
.creative-card
.infoBoxContainer
.cards
.card
.card-content
.card-description
a {
font-family: OpenSans, sans-serif;
font-weight: 700;
line-height: 1;
}
.creative-card
.infoBoxContainer
.cards
.card
.card-content
.card-description
a::after {
content: '';
font-family: OpenSans, icomoon, sans-serif;
font-size: 2em;
left: 5px;
position: relative;
top: 7px;
}
.creative-card
.infoBoxContainer
.cards
.card
.card-content
.card-description
h4 {
font-family: OpenSans, sans-serif;
font-size: 0.89em;
margin-bottom: 0px;
text-transform: none;
}
@media only screen and (max-width: 991px) {
.creative-card
.infoBoxContainer
.cards
.card
.card-content
.card-description
h4 {
font-size: 0.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;
}
.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: 0px;
}
@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: 0px 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: 0.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: 0px;
}
@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: 0px 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: 0.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: rgb(255, 255, 255);
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 {
margin: 0px auto;
max-width: 60em;
width: 100%;
}
.creator-card .section .content .description {
margin: 0px auto 2em;
max-width: 40em;
width: 100%;
}
.creator-card .section .content .description h3 {
font-size: 2em;
margin: 0px;
}
@media only screen and (max-width: 991px) {
.creator-card .section .content .description h3 {
font-size: 1.5em;
}
}
.creator-card .section .content .image {
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
margin: 0px auto;
padding-bottom: 56.25%;
position: relative;
transform: scaleX(1);
transition: transform 0.3s ease-in-out 0s;
width: 100%;
}
.creator-card .section .content .image .playButton {
background-color: rgb(0, 0, 0);
border-radius: 50%;
bottom: -2em;
cursor: pointer;
display: inline-block;
height: 4em;
left: 0px;
margin: 0px auto;
position: absolute;
right: 0px;
width: 4em;
}
@media only screen and (max-width: 767px) {
.creator-card .section .content .image .playButton {
bottom: -1em;
height: 2em;
width: 2em;
}
}
.creator-card .section .content .image .playButton i {
color: rgb(255, 255, 0);
display: block;
font-size: 4em;
line-height: 1.25;
transform: scale3d(1.1, 1.1, 1.1);
transition: color 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
}
@media only screen and (max-width: 767px) {
.creator-card .section .content .image .playButton i {
font-size: 2em;
}
}
.creator-card .section .content .image:hover {
transform: scale3d(1.01, 1.01, 1.01);
}
.creator-card .section .content .image:hover i {
color: rgb(230, 230, 0);
transform: scale3d(1.15, 1.15, 1.15);
}
.CreativeHomeHeader {
background: rgb(0, 0, 0);
color: rgb(255, 255, 255);
height: 100px;
width: 100%;
}
.BackgroundSideCharacters {
position: relative;
}
@media only screen and (max-width: 767px) {
.BackgroundSideCharacters {
overflow: hidden;
}
}
.BackgroundSideCharacters .char {
background-repeat: no-repeat;
background-size: contain;
position: absolute;
}
.SocialButtons {
text-align: center;
}
.SocialButtons .twitter {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MzcuODIgMzU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzcuODIgMzU2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMTM3LjUzIDM1NmMxNjUuMjEgMCAyNTUuNjEtMTM3IDI1NS42MS0yNTUuNjEgMC0zLjg1IDAtNy43MS0uMTgtMTEuNTYgMTcuNTItMTIuNjEgMzIuNzYtMjguNTYgNDQuODUtNDYuNi0xNi4xMiA3LjE4LTMzLjQ2IDExLjkxLTUxLjY4IDE0LjE5IDE4LjU3LTExLjA0IDMyLjc2LTI4LjczIDM5LjU5LTQ5Ljc2QzQwOC4zOCAxNyAzODkuMSAyNC4zNSAzNjguNjEgMjguMzggMzUyLjE1IDEwLjg2IDMyOC44NCAwIDMwMy4wOSAwYy00OS41OCAwLTg5Ljg4IDQwLjMtODkuODggODkuODggMCA3LjAxLjg4IDEzLjg0IDIuMjggMjAuNS03NC42My0zLjY4LTE0MC44Ni0zOS41OS0xODUuMTgtOTMuOTEtNy43MSAxMy4zMS0xMi4wOSAyOC43My0xMi4wOSA0NS4yIDAgMzEuMTkgMTUuOTQgNTguNjkgMzkuOTQgNzQuODFhOTEuMDMxIDkxLjAzMSAwIDAgMS00MC42NS0xMS4yMXYxLjIzYzAgNDMuNDUgMzEuMDEgNzkuODkgNzIuMDEgODguMTItNy41MyAyLjEtMTUuNDIgMy4xNS0yMy42NSAzLjE1LTUuNzggMC0xMS4zOS0uNTMtMTYuODItMS41OCAxMS4zOSAzNS43NCA0NC42OCA2MS42NyA4My45MiA2Mi4zNy0zMC44MyAyNC4xOC02OS41NSAzOC41NC0xMTEuNiAzOC41NC03LjE4IDAtMTQuMzctLjM1LTIxLjM3LTEuMjNDMzkuNTkgMzQxLjExIDg2LjkgMzU2IDEzNy41MyAzNTYiIHN0eWxlPSJmaWxsOiMxZGExZjIiLz48L3N2Zz4=');
}
.SocialButtons .discord {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNNDU0LjkzIDE5OC41N2MtMTYuMTcgMC0zMC40IDYuODEtNDAuODcgMTcuNDEtMzguNTEtMjcuMDUtOTAuNDMtNDQuNDYtMTQ3Ljk3LTQ2LjMxTDI5NS45OCAzM2w5NS4xNyAyMS42N2MwIDIzLjY0IDE4Ljk5IDQyLjk0IDQyLjI4IDQyLjk0IDIzLjc0IDAgNDIuODQtMTkuODIgNDIuODQtNDMuNDhzLTE4Ljk3LTQzLjQ4LTQyLjgyLTQzLjQ4Yy0xNi42MiAwLTMwLjk1IDEwLjE4LTM4LjEgMjQuMDlMMjkwLjI0IDExLjExYy01LjI5LTEuNDMtMTAuNDcgMi40MS0xMS44OCA3Ljc5bC0zMi44MSAxNTAuNjZjLTU3LjA5IDIuNDEtMTA4LjQ2IDE5LjgtMTQ3LjA5IDQ2Ljg3LTEwLjQ3LTExLjA1LTI1LjI2LTE3Ljg2LTQxLjQzLTE3Ljg2LTU5Ljk5IDAtNzkuNjQgODEuNjktMjQuNyAxMDkuNjEtMS45NCA4LjY0LTIuODIgMTcuODYtMi44MiAyNy4wNSAwIDkxLjc1IDEwMS44NyAxNjYuMSAyMjYuOTQgMTY2LjEgMTI1LjYxIDAgMjI3LjQ4LTc0LjM1IDIyNy40OC0xNjYuMSAwLTkuMTktLjk2LTE4Ljg0LTMuMzMtMjcuNSA1My44Mi0yOC4wMyAzNC0xMDkuMTItMjUuNjctMTA5LjE2ek0xMTkuNDkgMzEzLjk4YzAtMjQuMDkgMTguOTktNDMuNDggNDIuODQtNDMuNDggMjMuMyAwIDQyLjMgMTkuMjYgNDIuMyA0My40OCAwIDIzLjY2LTE4Ljk5IDQyLjk0LTQyLjMgNDIuOTQtMjMuNzUuMTEtNDIuODQtMTkuMjgtNDIuODQtNDIuOTR6bTIzMS4yMyAxMDIuMzZjLTM5LjI3IDM5Ljg1LTE1MC4xIDM5Ljg1LTE4OS40IDAtNC4zMy0zLjg0LTQuMzMtMTAuNjIgMC0xNSAzLjc4LTMuODQgMTAuNDctMy44NCAxNC4yNSAwIDI5Ljk5IDMxLjIxIDEyOS40OSAzMS43NCAxNjAuNzkgMCAzLjc4LTMuODQgMTAuNDctMy44NCAxNC4yNSAwIDQuNDIgNC40IDQuNDIgMTEuMTguMTEgMTV6bS0uODctNTkuMzNjLTIzLjMgMC00Mi4yOC0xOS4yNi00Mi4yOC00Mi45IDAtMjQuMDkgMTguOTktNDMuNDggNDIuMjgtNDMuNDggMjMuNzQgMCA0Mi44NCAxOS4yNiA0Mi44NCA0My40OC0uMTEgMjMuNTMtMTkuMSA0Mi45LTQyLjg0IDQyLjl6IiBzdHlsZT0iZmlsbDojZmY1NzIyIi8+PC9zdmc+');
}
.SocialButtons .reddit {
background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsOiM1YzZiYzB9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzYuMzcgNDUyLjE4aDMwNC4xOWwtMTQuNTMtNDcuMDRDMzY4LjE5IDQwNy4wMiA0OTAuNjcgNTEyIDQ5MC42NyA1MTJWNTIuOEM0ODkuMjIgMjQuMjYgNDY0LjY0IDAgNDM0LjE4IDBMNzYuNDguMDZjLTMwLjQ0IDAtNTUuMTUgMjQuMy01NS4xNSA1Mi44NHYzNDYuNDVjMCAzMC4xMSAyNC42NiA1Mi44MyA1NS4wNCA1Mi44M3pNMzAxLjQgMTIxLjI0bC0uNy4yNi4yNi0uMjZoLjQ0em0tMTYyLjggMjcuMDdjMzkuMS0yOC40NiA3NS4zNS0yNy4wOSA3NS4zNS0yNy4wOWwyLjkyIDIuODhjLTQ3Ljg1IDExLjQxLTY5LjU1IDMyLjc5LTY5LjU1IDMyLjc5IDIuMjItLjQ3IDk4Ljg0LTU2LjIxIDIxNS45MSAxLjQxIDAgMC0yMS43NC0xOS45OS02Ni42NS0zMi43OWwzLjk3LTMuOWM2LjIxLjAyIDM5LjA2IDEuMTcgNzQuMjIgMjYuODggMCAwIDM5LjM0IDY3LjIgMzkuMzQgMTQ5Ljc2LTEuMy0xLjU4LTI0LjQxIDM1LjU0LTgzLjg2IDM2LjgyIDAgMC0xMC4wNy0xMS4zOS0xNy4yNC0yMS4zMyAzNC43Ny05Ljk4IDQ3Ljc5LTI5Ljk1IDQ3Ljc5LTI5Ljk1LTY3LjY5IDQyLjYyLTEyNy4wMiAzNS45Ny0xOTcuOTkgNy4xNy0uNjYgMC0uOTYtLjMtMS4zLS42NHYtLjEzYy0uMzQtLjMyLS42NC0uNjQtMS4zLS42NGgtMS4yOGMtNC4zNS0yLjg2LTcuMjUtNC4yNy03LjI1LTQuMjdzMTIuOTkgMTkuOTcgNDYuMzggMjkuOTVjLTguNzcgMTAuMDEtMTcuNDUgMjEuMzgtMTcuNDUgMjEuMzgtNTkuNDMtMS40MS04MS4xMS0zOC41My04MS4xMS0zOC41MyAwLTgyLjcgMzkuMS0xNDkuNzcgMzkuMS0xNDkuNzd6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMwNS4yNCAyNzIuNDVjMTUuMTcgMCAyNy41Mi0xMi44IDI3LjUyLTI4LjU5IDAtMTUuNjgtMTIuMjktMjguNDgtMjcuNTItMjguNDh2LjA2Yy0xNS4xIDAtMjcuNDggMTIuNzYtMjcuNTIgMjguNTQgMCAxNS42NyAxMi4zNSAyOC40NyAyNy41MiAyOC40N3pNMjA2LjcyIDI3Mi40NWMxNS4xNyAwIDI3LjUyLTEyLjggMjcuNTItMjguNTkgMC0xNS42OC0xMi4yNy0yOC40OC0yNy40My0yOC40OGwtLjA5LjA2Yy0xNS4xNyAwLTI3LjUyIDEyLjc2LTI3LjUyIDI4LjU0IDAgMTUuNjcgMTIuMzUgMjguNDcgMjcuNTIgMjguNDd6Ii8+PC9zdmc+');
}
.SocialButtons button,
.SocialButtons span {
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain;
border: none;
display: inline;
height: 30px;
margin: 0px 1.5em;
width: 30px;
}
.SocialButtons a span {
display: inline-block;
}
@media only screen and (min-width: 768px) {
.SocialButtons {
bottom: -0.7em;
position: absolute;
right: 0px;
text-align: right;
}
}
.fortnite-wrapper
.creative-header.creative-header.header-container
div.header-panel {
bottom: -1px;
}
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption {
top: 50%;
}
@media only screen and (min-width: 1200px) {
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption {
top: 45%;
}
}
@media only screen and (max-width: 991px) {
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption {
max-width: 450px;
top: 0px;
}
}
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption
button,
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption
h1,
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption
h3,
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption
img {
opacity: 0;
}
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption
img {
margin-bottom: 20px;
width: 100px;
}
@media only screen and (max-width: 991px) {
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption
img {
filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 0px 5px);
margin-left: auto;
margin-right: auto;
width: 60px;
}
}
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption
a,
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption
button {
transition: all 0.5s ease-in-out 0s;
}
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption
h1 {
font-size: 5vw;
line-height: 0.8;
margin: 0px;
}
@media only screen and (max-width: 991px) {
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption
h1 {
font-size: 60px;
}
}
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption
h3 {
color: rgb(255, 255, 0);
font-size: 2vw;
line-height: 2;
margin: 0px;
transition: all 0.5s ease-in-out 0s;
}
@media only screen and (max-width: 991px) {
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption
h3 {
font-size: 21px;
}
}
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption.right {
max-width: 45em;
right: 100px;
text-align: left;
}
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption.left,
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption.leftv2 {
left: 100px;
}
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption.center,
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption.topCenter {
left: 0px;
margin-left: auto;
margin-right: auto;
right: 0px;
text-align: center;
}
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption.center
img,
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption.topCenter
img {
margin-left: auto;
margin-right: auto;
}
.fortnite-wrapper
.creative-header.creative-header.header-container
#mainCarousel
.caption.topCenter {
top: 25%;
}
.creative-header.creative-header.creative-header #mainCarousel {
margin-bottom: -1px;
}
.creative-header.creative-header.creative-header #mainCarousel .slide {
height: 65vh;
min-height: 400px;
}
@media only screen and (max-width: 1919px) {
.creative-header.creative-header.creative-header #mainCarousel .slide {
height: 57vh;
}
}
@media only screen and (max-width: 1199px) {
.creative-header.creative-header.creative-header #mainCarousel .slide {
height: 550px;
min-height: 550px;
}
}
@media only screen and (max-width: 991px) {
.creative-header.creative-header.creative-header #mainCarousel .slide {
height: 70vh;
justify-content: flex-start;
max-height: 1024px;
}
}
@media only screen and (max-width: 767px) {
.creative-header.creative-header.creative-header #mainCarousel .slide {
height: 50vh;
max-height: 800px;
}
}
.creative-header.creative-header.creative-header #mainCarousel .slide .caption {
max-width: 100%;
}
.creative-header.creative-header.creative-header
#mainCarousel
.slide
.caption
h1 {
font-size: 5em;
text-shadow: rgba(0, 0, 0, 0.3) 1px 0px 20px;
}
@media only screen and (max-width: 1199px) {
.creative-header.creative-header.creative-header
#mainCarousel
.slide
.caption
h1 {
font-size: 3em;
}
}
@media only screen and (max-width: 991px) {
.creative-header.creative-header.creative-header
#mainCarousel
.slide
.caption
h1 {
font-size: 2.5em;
}
}
.creative-header.creative-header.creative-header
#mainCarousel
.slide
.caption
h3 {
font-size: 1em;
margin: 0px auto;
max-width: 45em;
padding-bottom: 1em;
}
@media only screen and (max-width: 991px) {
.creative-header.creative-header.creative-header
#mainCarousel
.slide
.caption
h3 {
font-size: 0.9em;
}
}
.creative-header.creative-header.creative-header
#mainCarousel
.slide
.caption
button,
.creative-header.creative-header.creative-header
#mainCarousel
.slide
.caption
h1,
.creative-header.creative-header.creative-header
#mainCarousel
.slide
.caption
h3 {
opacity: 1;
}
@media only screen and (max-width: 767px) {
.creative-header.creative-header.creative-header
#mainCarousel
.slide
.caption {
position: absolute;
}
.creative-header.creative-header.creative-header
#mainCarousel
.slide
.caption
h1 {
font-size: 1.5em;
}
.creative-header.creative-header.creative-header
#mainCarousel
.slide
.caption
h1,
.creative-header.creative-header.creative-header
#mainCarousel
.slide
.caption
h3 {
text-align: center;
}
}
.creative-header.creative-header.creative-header #mainCarousel .slide .bk-img {
background-position: 50% center;
background-size: cover;
}
.creative-header.creative-header.creative-header #mainCarousel .caption.left {
max-width: 45em;
text-align: left;
}
.creative-header.creative-header.creative-header
#mainCarousel
.caption.left
h1 {
line-height: 1;
text-align: left;
}
.creative-header.creative-header.creative-header
#mainCarousel
.caption.left
h3 {
line-height: 1.3;
margin: 0px;
max-width: 34em;
text-align: left;
}
@media only screen and (max-width: 1199px) {
.creative-header.creative-header.creative-header #mainCarousel .caption.left {
text-align: center;
width: 28em;
}
}
@media only screen and (max-width: 767px) {
.creative-header.creative-header.creative-header #mainCarousel .caption.left {
margin-left: auto;
margin-right: auto;
margin-top: 15%;
position: absolute;
text-align: center;
}
.creative-header.creative-header.creative-header
#mainCarousel
.caption.left
h1 {
font-size: 1.3em;
}
.creative-header.creative-header.creative-header
#mainCarousel
.caption.left
h1,
.creative-header.creative-header.creative-header
#mainCarousel
.caption.left
h3 {
text-align: center;
}
.creative-header.creative-header.creative-header
#mainCarousel
.caption.left
h3 {
font-size: 0.8em;
margin: 0.5em auto;
}
}
.creative-header.creative-header.creative-header.header-container {
position: relative;
}
.creative-header.creative-header.creative-header.header-container
.header-panel {
bottom: -1px;
display: flex;
flex-direction: row;
position: absolute;
right: 0px;
}
.creative-header.creative-header.creative-header.header-container
.header-panel
div {
background: rgb(0, 0, 0);
}
@media only screen and (max-width: 991px) {
.creative-header.creative-header.creative-header.header-container
.header-panel {
width: 90%;
}
}
@media only screen and (min-width: 1600px) {
.creative-header.creative-header.creative-header.header-container
.header-panel {
bottom: -30px;
}
}
.creative-header.creative-header.creative-header.header-container .twitter {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MzcuODIgMzU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzcuODIgMzU2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMTM3LjUzIDM1NmMxNjUuMjEgMCAyNTUuNjEtMTM3IDI1NS42MS0yNTUuNjEgMC0zLjg1IDAtNy43MS0uMTgtMTEuNTYgMTcuNTItMTIuNjEgMzIuNzYtMjguNTYgNDQuODUtNDYuNi0xNi4xMiA3LjE4LTMzLjQ2IDExLjkxLTUxLjY4IDE0LjE5IDE4LjU3LTExLjA0IDMyLjc2LTI4LjczIDM5LjU5LTQ5Ljc2QzQwOC4zOCAxNyAzODkuMSAyNC4zNSAzNjguNjEgMjguMzggMzUyLjE1IDEwLjg2IDMyOC44NCAwIDMwMy4wOSAwYy00OS41OCAwLTg5Ljg4IDQwLjMtODkuODggODkuODggMCA3LjAxLjg4IDEzLjg0IDIuMjggMjAuNS03NC42My0zLjY4LTE0MC44Ni0zOS41OS0xODUuMTgtOTMuOTEtNy43MSAxMy4zMS0xMi4wOSAyOC43My0xMi4wOSA0NS4yIDAgMzEuMTkgMTUuOTQgNTguNjkgMzkuOTQgNzQuODFhOTEuMDMxIDkxLjAzMSAwIDAgMS00MC42NS0xMS4yMXYxLjIzYzAgNDMuNDUgMzEuMDEgNzkuODkgNzIuMDEgODguMTItNy41MyAyLjEtMTUuNDIgMy4xNS0yMy42NSAzLjE1LTUuNzggMC0xMS4zOS0uNTMtMTYuODItMS41OCAxMS4zOSAzNS43NCA0NC42OCA2MS42NyA4My45MiA2Mi4zNy0zMC44MyAyNC4xOC02OS41NSAzOC41NC0xMTEuNiAzOC41NC03LjE4IDAtMTQuMzctLjM1LTIxLjM3LTEuMjNDMzkuNTkgMzQxLjExIDg2LjkgMzU2IDEzNy41MyAzNTYiIHN0eWxlPSJmaWxsOiMxZGExZjIiLz48L3N2Zz4=');
margin-top: 0.25em;
}
.creative-header.creative-header.creative-header.header-container .header-icon {
padding: 1em 0px 0px;
text-align: center;
}
@media only screen and (max-width: 991px) {
.creative-header.creative-header.creative-header.header-container
.header-icon {
display: none;
}
}
.creative-header.creative-header.creative-header.header-container
.header-icon
button,
.creative-header.creative-header.creative-header.header-container
.header-icon
span {
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain;
border: none;
display: inline;
height: 30px;
margin: 0px 1em 0px 0px;
width: 30px;
}
.creative-header.creative-header.creative-header.header-container
.header-icon
a
span {
display: inline-block;
}
.creative-header.creative-header.creative-header.header-container .header-clip {
clip-path: polygon(54% 0px, 100% 0px, 100% 100%, 0px 100%);
margin-left: auto;
margin-right: -1px;
width: 30px;
}
@media only screen and (max-width: 991px) {
.creative-header.creative-header.creative-header.header-container
.header-clip {
width: 10%;
}
}
.creative-header.creative-header.creative-header.header-container .header-text {
color: rgb(255, 244, 120);
font-family: OpenSans, sans-serif;
max-width: 300px;
padding: 1em 0.5em 0px 0px;
}
.creative-header.creative-header.creative-header.header-container
.header-text
.socialbutton
button,
.creative-header.creative-header.creative-header.header-container
.header-text
.socialbutton
span {
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain;
border: none;
display: inline-block;
height: 10px;
margin: 0px 3px 0px 0px;
width: 10px;
}
.creative-header.creative-header.creative-header.header-container
.header-text
.socialbutton
a
span {
display: inline-block;
}
@media only screen and (min-width: 992px) {
.creative-header.creative-header.creative-header.header-container
.header-text
.socialbutton {
display: none;
}
}
.creative-header.creative-header.creative-header.header-container
.header-text
.text,
.creative-header.creative-header.creative-header.header-container
.header-text
.text:hover,
.creative-header.creative-header.creative-header.header-container
.header-text
.text:visited {
font-size: 0.7em;
font-weight: unset;
line-height: 70%;
}
@media only screen and (max-width: 991px) {
.creative-header.creative-header.creative-header.header-container
.header-text
.text,
.creative-header.creative-header.creative-header.header-container
.header-text
.text:hover,
.creative-header.creative-header.creative-header.header-container
.header-text
.text:visited {
overflow-wrap: break-word;
display: block;
font-size: 1.1em;
line-height: 1.1;
max-height: 3.2em;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media only screen and (min-width: 1920px) {
.creative-header.creative-header.creative-header.header-container
.header-text
.text,
.creative-header.creative-header.creative-header.header-container
.header-text
.text:hover,
.creative-header.creative-header.creative-header.header-container
.header-text
.text:visited {
font-size: 1.2em;
line-height: 1;
}
}
.creative-header.creative-header.creative-header.header-container
.header-text
a {
line-height: 1;
}
@media only screen and (max-width: 767px) {
.creative-header.creative-header.creative-header.header-container
.header-text {
padding: 1em 0.3em 0px 0px;
}
}
.creative-header.creative-header.creative-header.header-container
.header-text
a,
.creative-header.creative-header.creative-header.header-container
.header-text
a:hover,
.creative-header.creative-header.creative-header.header-container
.header-text
a:visited {
color: rgb(255, 244, 120);
font-weight: 700;
}
@media only screen and (max-width: 991px) {
.creative-header.creative-header.creative-header.header-container
.header-text {
font-size: 0.7em;
width: 40%;
}
}
.creative-header.creative-header.creative-header.header-container .preview {
position: relative;
width: 250px;
}
.creative-header.creative-header.creative-header.header-container .preview img {
width: 100%;
}
.creative-header.creative-header.creative-header.header-container
.preview
> div {
border-radius: 5px;
bottom: 0px;
display: block;
margin-bottom: 30px;
max-height: 112px;
overflow: hidden;
position: absolute;
width: 200px;
}
@media only screen and (max-width: 991px) {
.creative-header.creative-header.creative-header.header-container .preview {
max-width: 200px;
width: 50%;
}
.creative-header.creative-header.creative-header.header-container
.preview
> div {
margin-bottom: 20px;
max-height: 99px;
max-width: 175px;
right: 0px;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.creative-header.creative-header.creative-header.header-container
.preview
> div {
border-radius: 5px 0px 0px 5px;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1920px) {
.creative-header.creative-header.creative-header.header-container .preview {
width: 350px;
}
.creative-header.creative-header.creative-header.header-container
.preview
> div {
border-radius: 10px;
max-height: 168px;
width: 300px;
}
}
body.de .creative-header.header-container #mainCarousel .slide .caption h1,
body.ru .creative-header.header-container #mainCarousel .slide .caption h1 {
font-size: 4em;
}
@media only screen and (max-width: 767px) {
body.de .creative-header.header-container #mainCarousel .slide .caption h1,
body.ru .creative-header.header-container #mainCarousel .slide .caption h1 {
font-size: 1.5em;
}
}
body.es_ES .creative-header.header-container #mainCarousel .slide .caption h1 {
font-size: 3em;
}
@media only screen and (max-width: 767px) {
body.es_ES
.creative-header.header-container
#mainCarousel
.slide
.caption
h1 {
font-size: 1.5em;
}
}
body.tr .creative-header.header-container #mainCarousel .slide .caption {
max-width: 50em;
}
body.tr .creative-header.header-container #mainCarousel .slide .caption h1 {
font-size: 4em;
}
@media only screen and (max-width: 991px) {
body.tr .creative-header.header-container #mainCarousel .slide .caption h1 {
font-size: 2.3em;
}
}
@media only screen and (min-width: 991px) {
body.ru .creative-header.header-container .header-panel {
bottom: -1px;
}
}
@media only screen and (min-width: 1600px) {
body.ru .creative-header.header-container .header-panel {
bottom: -30px;
}
}
@media only screen and (min-width: 991px) {
body.ru .creative-view .header-container .header-panel {
bottom: -1px;
}
}
@media only screen and (min-width: 1600px) {
body.ru .creative-view .header-container .header-panel {
bottom: -30px;
}
}
body.de .creative-view #mainCarousel .slide .caption h1,
body.ru .creative-view #mainCarousel .slide .caption h1 {
font-size: 4em;
}
body.ja .creative-view #mainCarousel .slide .caption.left,
body.ko .creative-view #mainCarousel .slide .caption.left {
max-width: 30em;
}
body.ja .creative-view #mainCarousel .slide .caption.left h1,
body.ko .creative-view #mainCarousel .slide .caption.left h1 {
line-height: 1.1;
}
body.es_ES .creative-view #mainCarousel .slide .caption.left {
max-width: 35em;
}
body.es_ES .creative-view #mainCarousel .slide .caption.left h1,
body.es_MX .creative-view #mainCarousel .slide .caption.left h1 {
font-size: 3em;
}
@media only screen and (max-width: 767px) {
body.es_ES .creative-view #mainCarousel .slide .caption.left h1,
body.es_MX .creative-view #mainCarousel .slide .caption.left h1 {
font-size: 1.5em;
}
}
body.pl .creative-view #mainCarousel .slide .caption.left h1,
body.pt_BR .creative-view #mainCarousel .slide .caption.left h1 {
font-size: 4em;
}
@media only screen and (max-width: 767px) {
body.it .creative-view #mainCarousel .slide .caption.left h1,
body.pl .creative-view #mainCarousel .slide .caption.left h1,
body.pt_BR .creative-view #mainCarousel .slide .caption.left h1 {
font-size: 1.3em;
}
}
#creative-mode #videoOverlay.video-overlay {
background: transparent;
inset: 0px;
height: 100%;
position: fixed;
visibility: hidden;
width: 100%;
z-index: 99;
}
#creative-mode #videoOverlay.video-overlay .full-height {
height: 100%;
padding: 0px;
}
#creative-mode #videoOverlay.video-overlay .video-container {
box-shadow: rgb(0, 0, 0) 0px 2px 23px -1px;
position: relative;
text-align: center;
top: 50%;
transform: translateY(-50%);
}
#creative-mode #videoOverlay.video-overlay .close-video {
cursor: pointer;
padding: 0.5em;
position: absolute;
right: 0px;
top: 0px;
}
#creative-mode #videoOverlay.video-overlay .close-video i {
color: rgb(255, 255, 0);
font-size: 1.5em;
}
#creative-mode #videoOverlay.video-overlay.active {
background: rgba(0, 0, 0, 0.9);
transition: background 0.3s ease-in-out 0s;
visibility: visible;
z-index: 11;
}
#creative-mode #videoOverlay.video-overlay.active .video-container {
animation: 0.75s ease-in-out 0s 1 normal none running zoom;
transform-origin: 50% 50%;
}
.social-share-banner {
float: right;
margin-right: 3%;
position: fixed;
right: 0px;
top: 150px;
z-index: 3;
}
@media only screen and (max-width: 767px) {
.social-share-banner {
box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 3px;
display: flex;
flex-flow: row;
justify-content: space-around;
position: fixed;
width: 100%;
z-index: 9;
bottom: 0px !important;
margin: 0px !important;
right: 0px !important;
top: auto !important;
}
}
.social-share-banner .social-share-button {
align-items: center;
background: rgb(53, 198, 244);
border: 0px;
border-radius: 50%;
color: rgb(255, 255, 255);
cursor: pointer;
display: flex;
justify-content: center;
margin-top: 8px;
padding: 10px;
}
@media only screen and (max-width: 767px) {
.social-share-banner .social-share-button {
border-radius: 0px;
flex: 1 1 0%;
margin: 0px;
}
}
.social-share-banner svg {
fill: currentcolor;
height: 3rem;
width: 3rem;
}
.copyToClipboardWrapper .copyToClipboard {
cursor: copy;
}
.copyToClipboardWrapper .copiedToast {
display: block;
height: 0px;
opacity: 0;
}
.copyToClipboardWrapper .copiedToast.copied {
animation: 2s ease-in-out 0s 1 normal both running fade-in-and-out;
}
.copyToClipboardWrapper .copiedToast .icon-check {
margin-right: 10px;
}
.CodeNotFound {
background-image: url('dac598aef43d9856ab0603d1cf0ffba9.jpg');
background-position: 50% center;
background-repeat: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
display: flex;
font-size: 16px;
min-height: 90vh;
overflow: hidden;
text-align: center;
background-size: cover !important;
}
@media only screen and (max-width: 1199px) {
.CodeNotFound {
min-height: 85vh;
}
}
@media only screen and (max-width: 991px) {
.CodeNotFound {
padding: 1em;
}
}
.CodeNotFound .content.content {
display: flex;
flex-direction: column;
justify-content: center;
margin: 60px auto;
}
@media only screen and (min-width: 1440px) {
.CodeNotFound .content.content {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 1199px) {
.CodeNotFound .content.content {
margin-bottom: 30px;
}
}
.CodeNotFound .content.content h1 {
color: rgb(255, 255, 255);
display: inline;
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 5em;
letter-spacing: 0.05em;
line-height: 1;
pointer-events: none;
}
.CodeNotFound .content.content p {
color: rgb(255, 255, 255);
font-family: BurbankSmall-Black, sans-serif;
font-size: 2em;
line-height: 1.5;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.CodeNotFound .content.content p {
font-size: 1.5em;
}
}
.CodeNotFound .errorHeader {
display: block;
margin: 0px auto 1em;
max-width: 66em;
position: relative;
}
.CodeNotFound .errorBody {
margin: 4em auto;
max-width: 600px;
}
@media only screen and (max-width: 991px) {
.CodeNotFound .errorBody {
margin: 1em auto;
}
}
.island-steps {
font-size: 16px;
padding: 5% 10%;
position: relative;
}
.island-steps h1 {
color: rgb(3, 184, 241);
font-style: italic;
line-height: 1.1;
margin: 0.3em 2em 1.3em;
text-align: center;
}
@media only screen and (max-width: 767px) {
.island-steps h1 {
margin: 1em 0px 0.5em;
}
}
.island-steps p {
font-size: 1em;
line-height: 1.42857;
}
@media only screen and (max-width: 767px) {
.island-steps {
font-size: 14px;
padding: 5% 5% 4em;
}
}
.island-steps img {
width: 100%;
}
.island-steps .island-step-wrapper {
display: flex;
}
@media only screen and (max-width: 767px) {
.island-steps .island-step-wrapper {
flex-wrap: wrap;
}
}
.island-steps .island-step-wrapper .island-step-description {
flex: 4 4 40%;
padding: 2%;
}
@media only screen and (max-width: 767px) {
.island-steps .island-step-wrapper .island-step-description {
flex: 1 1 100%;
}
}
.island-steps .island-step-wrapper .island-step-description h2 {
color: rgb(3, 184, 241);
font-size: 1.375em;
font-style: italic;
line-height: 1.1;
margin-top: 0px;
}
@media only screen and (max-width: 767px) {
.island-steps .island-step-wrapper .island-step-description h2 {
margin-top: 1em;
}
}
.island-steps .island-step-wrapper .island-step-description h3 {
font-size: 2.75em;
line-height: 1.1;
margin-bottom: 10px;
margin-top: 0px;
}
@media only screen and (max-width: 1199px) {
.island-steps .island-step-wrapper .island-step-description h3 {
font-size: 2em;
}
}
.island-steps
.island-step-wrapper
.island-step-description
.copyToClipboardWrapper
h2.copyToClipboard {
color: rgb(51, 51, 51);
font-size: 2.75em;
font-style: normal;
letter-spacing: 10px;
padding-top: 1em;
}
@media only screen and (max-width: 767px) {
.island-steps
.island-step-wrapper
.island-step-description
.copyToClipboardWrapper
h2.copyToClipboard {
letter-spacing: 5px;
}
}
.island-steps .island-step-wrapper .island-step-img {
flex: 6 6 60%;
padding: 2%;
}
@media only screen and (max-width: 767px) {
.island-steps .island-step-wrapper .island-step-img {
flex: 1 1 100%;
}
}
@keyframes jiggle {
0%,
14% {
transform: scale(1);
}
2% {
transform: scaleY(0.9);
}
8% {
transform: scale(0.9, 1.1) translateY(-5px);
}
11% {
transform: scale(1) translateY(-3px);
}
}
@keyframes jelly {
0% {
transform: matrix(1, 0, 0, 1, 0, 0);
}
50% {
transform: matrix3d(
1.0593,
0,
-0.1,
0.00025,
0,
0.9603,
0.1,
-0.0001,
0.1,
-0.1,
0.9801,
0,
0,
-3,
0,
1
);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
}
}
@keyframes zoom {
0% {
opacity: 0;
transform: scale(0.9) translateY(-50%);
}
30% {
opacity: 1;
transform: scale(0.9) translateY(-50%);
}
50% {
transform: scale(1.03) translateY(-50%);
}
100% {
transform: scale(1) translateY(-50%);
}
}
@keyframes float {
0% {
transform: translate(0px);
}
65% {
transform: translateY(2em);
}
100% {
transform: translate(0px);
}
}
@keyframes shadow-pulse {
0% {
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;
}
100% {
box-shadow: transparent 0px 0px 0px 35px;
}
}
@keyframes text-focus-in {
0% {
filter: blur(12px);
opacity: 0;
}
100% {
filter: blur(0px);
opacity: 1;
}
}
@keyframes bounce-in-from-center {
0% {
animation-timing-function: ease-in;
opacity: 0;
transform: scale(0);
}
38% {
animation-timing-function: ease-out;
opacity: 1;
transform: scale(1);
}
55% {
animation-timing-function: ease-in;
transform: scale(0.7);
}
72% {
animation-timing-function: ease-out;
transform: scale(1);
}
81% {
animation-timing-function: ease-in;
transform: scale(0.84);
}
89% {
animation-timing-function: ease-out;
transform: scale(1);
}
95% {
animation-timing-function: ease-in;
transform: scale(0.95);
}
100% {
animation-timing-function: ease-out;
transform: scale(1);
}
}
@keyframes bounce-in-from-top {
0% {
animation-timing-function: ease-in;
opacity: 0;
transform: translateY(-500px);
}
38% {
animation-timing-function: ease-out;
opacity: 1;
transform: translateY(0px);
}
55% {
animation-timing-function: ease-in;
transform: translateY(-65px);
}
72% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
81% {
animation-timing-function: ease-in;
transform: translateY(-28px);
}
90% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
95% {
animation-timing-function: ease-in;
transform: translateY(-8px);
}
100% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
}
@keyframes fade-in-and-out {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.creative-island-header {
margin-bottom: 64px;
overflow: hidden;
padding-bottom: 192px;
padding-top: 96px;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 1199px) {
.creative-island-header {
margin-bottom: 0px;
padding-bottom: 128px;
padding-top: 0px;
}
}
.creative-island-header .creative-island-bg {
--fn--blur: 1rem;
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
filter: blur(var(--fn--blur));
height: 100%;
left: 0px;
overflow: hidden;
position: absolute;
top: 0px;
transform: scale(1.1);
width: 100%;
z-index: -1;
}
.creative-island-header .creative-island-bg::before {
background: linear-gradient(100deg, rgb(18, 30, 104), rgb(16, 80, 176)) red;
content: '';
display: block;
height: calc(100% + var(--fn--blur) * 2);
left: calc(var(--fn--blur) * -1);
margin: auto;
opacity: 0.7;
position: absolute;
top: calc(var(--fn--blur) * -1);
width: calc(100% + var(--fn--blur) * 2);
}
.creative-island-header .creative-island-content-wrapper {
align-items: center;
display: flex;
margin: 0px auto;
max-width: 1920px;
padding: 0px 32px;
}
@media only screen and (max-width: 1199px) {
.creative-island-header .creative-island-content-wrapper {
flex-direction: column;
}
}
.creative-island-header .creative-island-content {
color: rgb(255, 255, 255);
flex-basis: 40%;
padding-left: 48px;
padding-right: 48px;
padding-top: 24px;
}
@media only screen and (max-width: 1199px) {
.creative-island-header .creative-island-content {
order: 1;
padding: 24px 0px 0px;
text-align: center;
width: 100%;
}
}
.creative-island-header .creative-island-content h1 {
font-size: 66px;
line-height: 72px;
margin-bottom: 20px;
margin-top: 20px;
}
@media only screen and (max-width: 1199px) {
.creative-island-header .creative-island-content h1 {
font-size: 51px;
line-height: 56px;
}
}
@media only screen and (max-width: 991px) {
.creative-island-header .creative-island-content h1 {
font-size: 41px;
line-height: 48px;
}
}
.creative-island-header .creative-island-content h3 {
color: rgb(206, 243, 255);
font-size: 28px;
}
@media only screen and (max-width: 1199px) {
.creative-island-header .creative-island-content h3 {
font-size: 20px;
}
}
.creative-island-header .creative-island-content h3 span {
color: rgb(88, 220, 255);
}
.creative-island-header .creative-island-creator-tag {
align-items: center;
display: flex;
gap: 0.5rem;
justify-content: start;
}
@media only screen and (max-width: 1199px) {
.creative-island-header .creative-island-creator-tag {
justify-content: center;
}
}
.creative-island-header .creative-island-img {
flex-basis: 60%;
}
@media only screen and (max-width: 1199px) {
.creative-island-header .creative-island-img {
flex-basis: 100%;
width: 100%;
}
}
.creative-island-header .creative-island-img img {
filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 0px 1.5rem);
width: 100%;
}
.creative-island-header .creative-island-button-group {
align-items: center;
display: flex;
gap: 1rem;
justify-content: start;
}
.creative-island-header .creative-island-button-group .btn-primary {
clip-path: polygon(0px 8%, 100% 0px, 98% 100%, 2% 92%);
padding: 0.5rem 2rem 0px;
transition: clip-path 0.2s ease-in-out 0s;
}
@media only screen and (max-width: 1199px) {
.creative-island-header .creative-island-button-group {
justify-content: center;
}
}
.creative-island-header .creative-island-tagline {
color: rgb(206, 243, 255);
font-family: BurbankSmall, sans-serif;
font-size: 22px;
font-weight: 600;
line-height: 33px;
margin-bottom: 3rem;
margin-top: 24px;
max-width: 460px;
}
@media only screen and (max-width: 1199px) {
.creative-island-header .creative-island-tagline {
margin: 24px auto 12px;
}
}
.creative-island-header .creative-island-code-wrapper {
align-items: center;
display: flex;
gap: 1rem;
justify-content: start;
}
@media only screen and (max-width: 1199px) {
.creative-island-header .creative-island-code-wrapper {
justify-content: center;
}
}
.creative-island-header .island-header-code {
font-size: 28px;
margin: 0px;
}
@media only screen and (max-width: 1199px) {
.creative-island-header .island-header-code {
font-size: 20px;
}
}
.creative-island-header .creative-island-details-unavailable-message {
align-items: center;
background: rgb(88, 220, 255);
color: rgb(51, 24, 137);
display: inline-flex;
font-weight: 700;
margin: 4rem 0px 0px;
padding: 10px;
}
.headerSection {
color: rgb(255, 255, 255);
font-size: 16px;
position: relative;
}
@media only screen and (max-width: 1199px) {
.headerSection {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.headerSection {
font-size: 10px;
}
}
.headerSection .fade {
align-items: center;
background-color: rgba(0, 0, 0, 0.9);
inset: 0px;
display: flex;
justify-content: center;
opacity: 0;
position: fixed;
}
.headerSection .fade.error {
animation: 2.5s ease-in-out 0s 1 normal both running fade-in-and-out;
z-index: 99;
}
.headerSection .fade span {
font-family: BurbankBigRegular-Black, sans-serif;
font-size: 3em;
text-transform: uppercase;
}
.headerSection .fade .icon-warning::before {
margin-right: 1em;
}
.headerSection b {
text-transform: uppercase;
}
.headerSection .island-header {
display: flex;
}
@media only screen and (max-width: 1199px) {
.headerSection .island-header {
flex-flow: column wrap;
}
}
.headerSection .island-header .island-header-content,
.headerSection .island-header .island-header-image-or-video {
display: flex;
flex-direction: column;
justify-content: center;
}
@media only screen and (max-width: 1199px) {
.headerSection .island-header .island-header-content,
.headerSection .island-header .island-header-image-or-video {
flex: 1 1 100% !important;
}
}
.headerSection .island-header .island-header-image-or-video {
clip-path: polygon(0px 0px, 100% 0px, 96% 99%, 0px 100%);
display: flex;
flex: 57 57 57%;
min-height: calc(100vh - 50px);
position: relative;
z-index: 2;
}
@media only screen and (max-width: 1199px) {
.headerSection .island-header .island-header-image-or-video {
clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 95%);
min-height: unset;
}
}
.headerSection
.island-header
.island-header-image-or-video
.island-header-edit-overlay {
align-items: center;
background-color: rgba(0, 0, 0, 0.8);
inset: 0px;
display: flex;
justify-content: center;
position: absolute;
width: 100%;
}
.headerSection .island-header .island-header-image-or-video img {
width: 100%;
}
.headerSection .island-header .island-header-image-or-video .image {
background-position: 50% center;
background-size: cover;
inset: 0px;
position: absolute;
}
@media only screen and (max-width: 1199px) {
.headerSection .island-header .island-header-image-or-video .image {
display: none;
}
}
.headerSection .island-header .island-header-image-or-video .image.mobile {
display: none;
position: relative;
width: 100%;
z-index: 4;
}
@media only screen and (max-width: 1199px) {
.headerSection .island-header .island-header-image-or-video .image.mobile {
display: block;
}
}
.headerSection .island-header .island-header-image-or-video .hoverable {
align-items: center;
cursor: pointer;
display: flex;
flex: 1 1 0%;
justify-content: center;
transform: none;
transition: transform 0.3s ease-in-out 0s;
width: 100%;
}
.headerSection .island-header .island-header-image-or-video .hoverable .image {
background-position: 50% center;
background-size: cover;
inset: 0px;
position: absolute;
}
.headerSection
.island-header
.island-header-image-or-video
.hoverable
.image.mobile {
position: relative;
}
.headerSection
.island-header
.island-header-image-or-video
.hoverable
.icon-play {
color: rgb(255, 255, 0);
display: block;
font-size: 8em;
position: relative;
z-index: 0;
}
.headerSection
.island-header
.island-header-image-or-video
.hoverable
.icon-play::after {
background-color: rgb(0, 0, 0);
border-radius: 50%;
content: '';
height: 0.6em;
left: 0.2em;
position: absolute;
top: 0.4em;
transform: translateY(-50%);
width: 0.6em;
z-index: -1;
}
@media only screen and (max-width: 1199px) {
.headerSection
.island-header
.island-header-image-or-video
.hoverable
.icon-play {
position: absolute;
z-index: 4;
}
}
.headerSection .island-header .island-header-image-or-video .hoverable:hover {
transform: scale(1.01) rotateY(5deg);
}
.headerSection
.island-header
.island-header-image-or-video
.youtube-video-embed {
width: 100%;
}
.headerSection .island-header .island-header-content {
background-color: rgb(3, 184, 241);
clip-path: polygon(0px 0px, 100% 0px, 100% 98%, 0px 99%);
flex: 43 43 43%;
margin-left: -3%;
overflow: hidden;
padding: 4% 4% 4% 7%;
z-index: 1;
}
@media only screen and (max-width: 1199px) {
.headerSection .island-header .island-header-content {
align-items: center;
clip-path: polygon(0px 0px, 100% 0px, 100% 98%, 0px 100%);
margin-left: 0px;
margin-top: -2.5em;
padding-top: 4em;
}
}
@media only screen and (max-width: 991px) {
.headerSection .island-header .island-header-content {
padding-bottom: 3em;
}
}
.headerSection
.island-header
.island-header-content
.island-header-edit
button {
background-color: rgb(27, 28, 26);
clip-path: polygon(0px 8%, 100% 0px, 97% 100%, 3% 94%);
color: rgb(255, 255, 255);
font-family: OpenSans, sans-serif;
font-size: 1.1em;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 1em;
margin-right: 10px;
padding: 5px 30px;
}
.headerSection
.island-header
.island-header-content
.island-header-creator-wrapper {
order: 0;
}
.headerSection .island-header .island-header-content .island-header-creator {
display: inline;
font-family: OpenSans, sans-serif;
font-size: 1em;
font-weight: 700;
margin-right: 10px;
text-transform: uppercase;
}
.headerSection .island-header .island-header-content [contenteditable='true'] {
position: relative;
}
.headerSection
.island-header
.island-header-content
[contenteditable='true']::before {
speak: none;
font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
color: rgb(255, 255, 0);
content: '';
font-size: 20px;
font-style: normal;
font-variant: discretionary-ligatures;
font-weight: 400;
left: -30px;
letter-spacing: 0px;
line-height: 1;
position: absolute;
text-transform: none;
font-family: icomoon !important;
}
.headerSection .island-header .island-header-content .island-header-title {
overflow-wrap: break-word;
align-self: flex-start;
font-size: 4em;
line-height: 90%;
margin-bottom: 0px;
margin-left: -2%;
margin-top: 0px;
order: 1;
padding: 2%;
text-transform: uppercase;
width: 90%;
}
.headerSection
.island-header
.island-header-content
.island-header-title[contenteditable='true'] {
background-color: rgb(53, 198, 244);
caret-color: rgb(165, 231, 250);
color: rgb(255, 255, 255);
outline: none;
pointer-events: auto;
text-transform: unset;
}
.headerSection
.island-header
.island-header-content
.island-header-title[contenteditable='true']
::selection,
.headerSection
.island-header
.island-header-content
.island-header-title[contenteditable='true']::selection {
background: rgb(27, 28, 26);
}
@media only screen and (max-width: 1399px) {
.headerSection .island-header .island-header-content .island-header-title {
font-size: 3em;
}
}
@media only screen and (max-width: 1199px) {
.headerSection .island-header .island-header-content .island-header-title {
align-self: center;
text-align: center;
}
}
.headerSection .island-header .island-header-content .island-header-version {
letter-spacing: 1px;
margin-bottom: 0px;
order: 2;
}
.headerSection .island-header .island-header-content .island-header-tagline {
overflow-wrap: break-word;
color: rgb(255, 255, 0);
font-family: BurbankSmall-Black, sans-serif;
font-size: 1.5em;
font-style: italic;
line-height: 1.1;
margin: 0px 0px 0px -2%;
order: 3;
padding: 1%;
text-transform: uppercase;
width: 80%;
}
.headerSection
.island-header
.island-header-content
.island-header-tagline[contenteditable='true'] {
background-color: rgb(53, 198, 244);
caret-color: rgb(165, 231, 250);
color: rgb(255, 255, 255);
outline: none;
pointer-events: auto;
text-transform: unset;
}
.headerSection
.island-header
.island-header-content
.island-header-tagline[contenteditable='true']
::selection,
.headerSection
.island-header
.island-header-content
.island-header-tagline[contenteditable='true']::selection {
background: rgb(27, 28, 26);
}
@media only screen and (max-width: 1199px) {
.headerSection .island-header .island-header-content .island-header-tagline {
text-align: center;
}
}
.headerSection
.island-header
.island-header-content
.island-header-code-wrapper {
margin-top: 2em;
order: 4;
white-space: nowrap;
}
@media only screen and (max-width: 991px) {
.headerSection
.island-header
.island-header-content
.island-header-code-wrapper {
margin-top: 1em;
}
}
.headerSection
.island-header
.island-header-content
.island-header-code-wrapper.invisible {
height: 3em;
margin-top: 0px;
opacity: 0;
}
@media only screen and (max-width: 991px) {
.headerSection
.island-header
.island-header-content
.island-header-code-wrapper
.copyToClipboardWrapper {
text-align: center;
}
}
.headerSection
.island-header
.island-header-content
.island-header-code-wrapper
.island-header-code {
font-size: 2.25em;
letter-spacing: 0.2em;
margin: 0px;
padding: 2% 0px;
}
@media only screen and (max-width: 991px) {
.headerSection
.island-header
.island-header-content
.island-header-code-wrapper
.island-header-code {
margin-top: 0.5em;
}
}
.headerSection .island-header .island-header-content .island-header-cta {
margin-bottom: 3%;
order: 5;
}
@media only screen and (max-width: 991px) {
.headerSection .island-header .island-header-content .island-header-cta {
margin-bottom: 5%;
text-align: center;
}
}
@media only screen and (max-width: 1199px) {
.headerSection .island-header .island-header-content .island-header-cta {
text-align: center;
}
}
.headerSection .island-header .island-header-content .island-header-cta .btn {
background-color: rgb(255, 255, 255);
clip-path: polygon(0px 0px, 100% 0px, 98% 98%, 2% 100%);
color: rgb(3, 184, 241);
font-family: BurbankBigCondensed-Black, sans-serif;
font-size: 2em;
letter-spacing: 1px;
padding: 2% 10%;
}
.headerSection
.island-header
.island-header-content
.island-header-cta
.btn.disabled.added {
min-width: 50%;
opacity: 1;
padding-left: 4%;
}
.headerSection
.island-header
.island-header-content
.island-header-cta
.btn.disabled.added:hover {
color: rgb(6, 120, 0) !important;
}
.headerSection
.island-header
.island-header-content
.island-header-cta
.btn
i.icon-check {
font-weight: 800;
margin-right: 0.5em;
}
.headerSection
.island-header
.island-header-content
.island-header-cta
.add-notice {
display: block;
font-size: 0.75em;
margin-left: 10px;
margin-top: 3%;
width: 50%;
}
.headerSection
.island-header
.island-header-content
.island-header-cta
.add-notice
.see-example {
color: rgb(255, 255, 0);
cursor: pointer;
font-size: 1.2em;
font-weight: 700;
padding-left: 3%;
text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
.headerSection
.island-header
.island-header-content
.island-header-cta
.add-notice {
text-align: center;
}
}
@media only screen and (max-width: 991px) {
.headerSection
.island-header
.island-header-content
.island-header-cta
.add-notice {
margin: 3% auto;
}
}
.headerSection
.island-header
.island-header-content
.island-header-cta
.island-header-note {
font-family: OpenSans, sans-serif;
font-size: 0.75em;
font-weight: 700;
letter-spacing: 1px;
margin-top: 3%;
text-align: center;
text-transform: uppercase;
width: 50%;
}
@media only screen and (max-width: 1199px) {
.headerSection
.island-header
.island-header-content
.island-header-cta
.island-header-note {
margin: 0px auto;
}
}
.headerSection .island-header-decritpion {
margin: 0px;
padding-bottom: 2em;
text-align: center;
}
@media only screen and (max-width: 991px) {
.headerSection .island-header-decritpion {
margin-top: 0px;
padding-left: 2%;
padding-right: 2%;
width: 100%;
}
}
.headerSection.editMode .island-header {
color: rgb(85, 206, 246);
pointer-events: none;
user-select: none;
}
.headerSection.editMode .island-header .island-header-cta .btn.btn-primary {
background-color: rgb(85, 206, 246);
color: rgb(3, 184, 241);
}
.headerSection.editMode
.island-header
.island-header-cta
.add-notice
.see-example {
color: rgb(85, 206, 246);
}
.headerSection.editMode .island-header-edit-overlay {
pointer-events: auto;
z-index: 2;
}
@media only screen and (max-width: 1199px) {
.headerSection.editMode .island-header-edit-overlay {
z-index: 5;
}
}
.headerSection.editMode .island-header-edit-overlay input {
color: gray;
font-family: BurbankSmall-Black, sans-serif;
font-size: 2em;
outline: none;
padding: 1%;
text-align: center;
width: 70%;
}
.headerSection.editMode .island-header-edit-overlay input::placeholder {
color: rgb(213, 213, 213);
text-transform: uppercase;
}
.headerSection.editMode .island-header-edit button {
pointer-events: auto;
}
.headerSection.editMode .island-header-edit .discardBtn {
background-color: rgb(9, 153, 196);
}
.headerSection.editMode .toxic {
border: 3px solid rgb(255, 255, 0);
}
.headerSection.editMode .toxic-warning {
color: rgb(255, 255, 0);
font-family: OpenSans, sans-serif;
font-style: italic;
margin-top: 3px;
}
@keyframes bounce {
0% {
transform: translateY(0.1em);
}
50% {
transform: translateY(0.4em);
}
100% {
transform: translateY(0.1em);
}
}
@media screen and (max-height: 725px) {
.talon_challenge_container h4 {
display: none;
}
}
@media screen and (max-height: 800px) {
.talon_challenge_container h1 {
display: none;
}
}
@media screen and (max-height: 900px) {
.talon_logo {
display: none;
}
}
.h_captcha_challenge {
margin-bottom: 25px;
}
.talon_challenge_container h1 {
font-family: sans-serif;
font-size: 44px;
font-weight: 400;
margin: 0px;
}
.talon_challenge_container h4 {
color: rgba(255, 255, 255, 0.72);
font-family: sans-serif;
font-size: 14px;
font-weight: 400;
margin: 5px;
opacity: 0.75;
}
.talon_challenge_container hr {
border-bottom: 0px;
max-width: 500px;
opacity: 0.25;
}
.talon_challenge_container p {
color: rgba(255, 255, 255, 0.72);
font-family: sans-serif;
font-size: 10px;
}
.talon_challenge_container {
display: flex;
flex-direction: column;
font-family: sans-serif;
line-height: initial;
overflow: scroll;
}
.talon_challenge_container::-webkit-scrollbar {
width: 0px !important;
}
.talon_close_button {
background: rgba(0, 0, 0, 0);
border-radius: 4px;
color: rgb(255, 255, 255);
cursor: pointer;
padding: 5px;
position: absolute;
right: 15px;
top: 10px;
transition: all 0.1s ease 0s;
}
.talon_close_button:hover {
background: rgb(59, 59, 59);
}
.talon_error_container button {
background: rgba(0, 0, 0, 0);
border: 1px solid rgb(0, 0, 0);
border-radius: 4px;
color: rgb(0, 0, 0);
cursor: pointer;
font-family: sans-serif;
font-weight: 700;
margin: 5px;
padding: 14px 22px;
}
.talon_error_container p {
color: rgb(0, 0, 0);
font-family: sans-serif;
font-size: 14px;
margin: 20px;
}
.talon_error_container {
align-items: flex-start;
background: rgb(255, 166, 64);
border-radius: 4px;
display: none;
justify-content: space-between;
margin: auto auto 8px;
text-align: left;
width: 500px;
}
.talon_logo {
margin: 0px auto;
width: 80px;
}
.epic-cookie-guard-iframe {
position: absolute;
inset: 0px;
background: rgb(28, 28, 28);
padding: 15px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: rgb(189, 189, 189);
text-align: center;
font-family: OpenSans, sans-serif;
overflow: auto;
font-size: 14px;
}
@media only screen and (max-width: 767px) {
.epic-cookie-guard-iframe {
justify-content: flex-start;
font-size: 10px;
}
}
.epic-cookie-guard-iframe * {
max-width: 600px;
}
.epic-cookie-guard-iframe a {
color: unset;
font: unset;
font-palette: unset;
font-synthesis: unset;
forced-color-adjust: unset;
text-orientation: unset;
text-rendering: unset;
-webkit-font-smoothing: unset;
-webkit-locale: unset;
-webkit-text-orientation: unset;
-webkit-writing-mode: unset;
writing-mode: unset;
zoom: unset;
accent-color: unset;
place-content: unset;
place-items: unset;
place-self: unset;
alignment-baseline: unset;
animation-composition: unset;
animation: unset;
app-region: unset;
appearance: unset;
aspect-ratio: unset;
backdrop-filter: unset;
backface-visibility: unset;
background: unset;
background-blend-mode: unset;
baseline-shift: unset;
baseline-source: unset;
block-size: unset;
border-block: unset;
border: unset;
border-radius: unset;
border-collapse: unset;
border-end-end-radius: unset;
border-end-start-radius: unset;
border-inline: unset;
border-start-end-radius: unset;
border-start-start-radius: unset;
inset: unset;
box-shadow: unset;
box-sizing: unset;
break-after: unset;
break-before: unset;
break-inside: unset;
buffered-rendering: unset;
caption-side: unset;
caret-color: unset;
clear: unset;
clip: unset;
clip-path: unset;
clip-rule: unset;
color-interpolation: unset;
color-interpolation-filters: unset;
color-rendering: unset;
color-scheme: unset;
columns: unset;
column-fill: unset;
gap: unset;
column-rule: unset;
column-span: unset;
contain: unset;
contain-intrinsic-block-size: unset;
contain-intrinsic-size: unset;
contain-intrinsic-inline-size: unset;
container: unset;
content: unset;
content-visibility: unset;
counter-increment: unset;
counter-reset: unset;
counter-set: unset;
cursor: pointer;
cx: unset;
cy: unset;
d: unset;
display: unset;
dominant-baseline: unset;
empty-cells: unset;
fill: unset;
fill-opacity: unset;
fill-rule: unset;
filter: unset;
flex: unset;
flex-flow: unset;
float: unset;
flood-color: unset;
flood-opacity: unset;
grid: unset;
grid-area: unset;
height: unset;
hyphenate-character: unset;
hyphenate-limit-chars: unset;
hyphens: unset;
image-orientation: unset;
image-rendering: unset;
initial-letter: unset;
inline-size: unset;
inset-block: unset;
inset-inline: unset;
isolation: unset;
letter-spacing: unset;
lighting-color: unset;
line-break: unset;
list-style: unset;
margin-block: unset;
margin: unset;
margin-inline: unset;
marker: unset;
mask: unset;
mask-type: unset;
math-depth: unset;
math-shift: unset;
math-style: unset;
max-block-size: unset;
max-height: unset;
max-inline-size: unset;
max-width: unset;
min-block-size: unset;
min-height: unset;
min-inline-size: unset;
min-width: unset;
mix-blend-mode: unset;
object-fit: unset;
object-position: unset;
object-view-box: unset;
offset: unset;
opacity: unset;
order: unset;
orphans: unset;
outline: unset;
outline-offset: unset;
overflow-anchor: unset;
overflow-clip-margin: unset;
overflow-wrap: unset;
overflow: unset;
overlay: unset;
overscroll-behavior-block: unset;
overscroll-behavior-inline: unset;
overscroll-behavior: unset;
padding-block: unset;
padding: unset;
padding-inline: unset;
page: unset;
page-orientation: unset;
paint-order: unset;
perspective: unset;
perspective-origin: unset;
pointer-events: unset;
position: unset;
quotes: unset;
r: unset;
resize: unset;
rotate: unset;
ruby-position: unset;
rx: unset;
ry: unset;
scale: unset;
scroll-behavior: unset;
scroll-margin-block: unset;
scroll-margin: unset;
scroll-margin-inline: unset;
scroll-padding-block: unset;
scroll-padding: unset;
scroll-padding-inline: unset;
scroll-snap-align: unset;
scroll-snap-stop: unset;
scroll-snap-type: unset;
scroll-timeline: unset;
scrollbar-gutter: unset;
shape-image-threshold: unset;
shape-margin: unset;
shape-outside: unset;
shape-rendering: unset;
size: unset;
speak: unset;
stop-color: unset;
stop-opacity: unset;
stroke: unset;
stroke-dasharray: unset;
stroke-dashoffset: unset;
stroke-linecap: unset;
stroke-linejoin: unset;
stroke-miterlimit: unset;
stroke-opacity: unset;
stroke-width: unset;
tab-size: unset;
table-layout: unset;
text-align: unset;
text-align-last: unset;
text-anchor: unset;
text-combine-upright: unset;
text-decoration: underline;
text-decoration-skip-ink: unset;
text-emphasis: unset;
text-emphasis-position: unset;
text-indent: unset;
text-overflow: unset;
text-shadow: unset;
text-size-adjust: unset;
text-transform: unset;
text-underline-offset: unset;
text-underline-position: unset;
white-space: unset;
timeline-scope: unset;
touch-action: unset;
transform: unset;
transform-box: unset;
transform-origin: unset;
transform-style: unset;
transition: unset;
translate: unset;
user-select: unset;
vector-effect: unset;
vertical-align: unset;
view-timeline: unset;
view-transition-name: unset;
visibility: unset;
border-spacing: unset;
-webkit-box-align: unset;
-webkit-box-decoration-break: unset;
-webkit-box-direction: unset;
-webkit-box-flex: unset;
-webkit-box-ordinal-group: unset;
-webkit-box-orient: unset;
-webkit-box-pack: unset;
-webkit-box-reflect: unset;
-webkit-line-break: unset;
-webkit-line-clamp: unset;
-webkit-mask-box-image: unset;
-webkit-print-color-adjust: unset;
-webkit-rtl-ordering: unset;
-webkit-ruby-position: unset;
-webkit-tap-highlight-color: unset;
-webkit-text-combine: unset;
-webkit-text-decorations-in-effect: unset;
-webkit-text-fill-color: unset;
-webkit-text-security: unset;
-webkit-text-stroke: unset;
-webkit-user-drag: unset;
-webkit-user-modify: unset;
widows: unset;
width: unset;
will-change: unset;
word-break: unset;
word-spacing: unset;
x: unset;
y: unset;
z-index: unset;
}
.epic-cookie-guard-iframe-title {
margin-bottom: 20px;
}
.epic-cookie-guard-iframe-button {
background-color: rgb(3, 122, 238);
border-color: rgb(3, 122, 238);
color: white;
line-height: 1.2;
padding: 15px;
margin: 1em;
cursor: pointer;
}
.epic-cookie-guard-iframe-button:hover {
background-color: rgb(3, 122, 238);
opacity: 0.8;
}
.epic-cookie-guard-iframe-check {
margin-bottom: 15px;
cursor: pointer;
}
.epic-cookie-guard-iframe label {
all: unset;
}
.epic-cookie-guard-iframe-check input {
transform: translateY(-2px);
margin-right: 10px;
}
.epic-cookie-guard-iframe-note {
font-size: 80% !important;
}
#onetrust-banner-sdk {
text-size-adjust: 100%;
}
#onetrust-banner-sdk .onetrust-vendors-list-handler {
cursor: pointer;
color: rgb(31, 150, 219);
font-size: inherit;
font-weight: bold;
text-decoration: none;
margin-left: 5px;
}
#onetrust-banner-sdk .onetrust-vendors-list-handler:hover {
color: rgb(31, 150, 219);
}
#onetrust-banner-sdk .ot-close-icon,
#onetrust-pc-sdk .ot-close-icon {
background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzQ4LjMzM3B4IiBoZWlnaHQ9IjM0OC4zMzNweCIgdmlld0JveD0iMCAwIDM0OC4zMzMgMzQ4LjMzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQ4LjMzMyAzNDguMzM0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZmlsbD0iIzU2NTY1NiIgZD0iTTMzNi41NTksNjguNjExTDIzMS4wMTYsMTc0LjE2NWwxMDUuNTQzLDEwNS41NDljMTUuNjk5LDE1LjcwNSwxNS42OTksNDEuMTQ1LDAsNTYuODVjLTcuODQ0LDcuODQ0LTE4LjEyOCwxMS43NjktMjguNDA3LDExLjc2OWMtMTAuMjk2LDAtMjAuNTgxLTMuOTE5LTI4LjQxOS0xMS43NjlMMTc0LjE2NywyMzEuMDAzTDY4LjYwOSwzMzYuNTYzYy03Ljg0Myw3Ljg0NC0xOC4xMjgsMTEuNzY5LTI4LjQxNiwxMS43NjljLTEwLjI4NSwwLTIwLjU2My0zLjkxOS0yOC40MTMtMTEuNzY5Yy0xNS42OTktMTUuNjk4LTE1LjY5OS00MS4xMzksMC01Ni44NWwxMDUuNTQtMTA1LjU0OUwxMS43NzQsNjguNjExYy0xNS42OTktMTUuNjk5LTE1LjY5OS00MS4xNDUsMC01Ni44NDRjMTUuNjk2LTE1LjY4Nyw0MS4xMjctMTUuNjg3LDU2LjgyOSwwbDEwNS41NjMsMTA1LjU1NEwyNzkuNzIxLDExLjc2N2MxNS43MDUtMTUuNjg3LDQxLjEzOS0xNS42ODcsNTYuODMyLDBDMzUyLjI1OCwyNy40NjYsMzUyLjI1OCw1Mi45MTIsMzM2LjU1OSw2OC42MTF6Ii8+PC9nPjwvc3ZnPg==');
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
height: 12px;
width: 12px;
}
#onetrust-banner-sdk .powered-by-logo,
#onetrust-banner-sdk .ot-pc-footer-logo a,
#onetrust-pc-sdk .powered-by-logo,
#onetrust-pc-sdk .ot-pc-footer-logo a {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
height: 25px;
width: 152px;
display: block;
}
#onetrust-banner-sdk h3 *,
#onetrust-banner-sdk h4 *,
#onetrust-banner-sdk h6 *,
#onetrust-banner-sdk button *,
#onetrust-banner-sdk a[data-parent-id] *,
#onetrust-pc-sdk h3 *,
#onetrust-pc-sdk h4 *,
#onetrust-pc-sdk h6 *,
#onetrust-pc-sdk button *,
#onetrust-pc-sdk a[data-parent-id] * {
font-size: inherit;
font-weight: inherit;
color: inherit;
}
#onetrust-banner-sdk .ot-hide,
#onetrust-pc-sdk .ot-hide {
display: none !important;
}
#onetrust-pc-sdk .ot-sdk-row .ot-sdk-column {
padding: 0px;
}
#onetrust-pc-sdk .ot-sdk-container {
padding-right: 0px;
}
#onetrust-pc-sdk .ot-sdk-row {
flex-direction: initial;
width: 100%;
}
#onetrust-pc-sdk [type='checkbox']:checked,
#onetrust-pc-sdk [type='checkbox']:not(:checked) {
pointer-events: initial;
}
#onetrust-pc-sdk [type='checkbox']:disabled + label::before,
#onetrust-pc-sdk [type='checkbox']:disabled + label::after,
#onetrust-pc-sdk [type='checkbox']:disabled + label {
pointer-events: none;
opacity: 0.7;
}
#onetrust-pc-sdk #vendor-list-content {
transform: translate3d(0px, 0px, 0px);
}
#onetrust-pc-sdk li input[type='checkbox'] {
z-index: 1;
}
#onetrust-pc-sdk li .ot-checkbox label {
z-index: 2;
}
#onetrust-pc-sdk li .ot-checkbox input[type='checkbox'] {
height: auto;
width: auto;
}
#onetrust-pc-sdk li .host-title a,
#onetrust-pc-sdk li .ot-host-name a,
#onetrust-pc-sdk li .accordion-text,
#onetrust-pc-sdk li .ot-acc-txt {
z-index: 2;
position: relative;
}
#onetrust-pc-sdk input {
margin: 3px 0.1ex;
}
#onetrust-pc-sdk .toggle-always-active {
opacity: 0.6;
cursor: default;
}
#onetrust-pc-sdk .screen-reader-only,
#onetrust-pc-sdk .ot-scrn-rdr {
border: 0px;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0px;
position: absolute;
width: 1px;
}
#onetrust-pc-sdk .pc-logo,
#onetrust-pc-sdk .ot-pc-logo {
height: 60px;
width: 180px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
#onetrust-pc-sdk .ot-tooltip .ot-tooltiptext {
visibility: hidden;
width: 120px;
background-color: rgb(85, 85, 85);
color: rgb(255, 255, 255);
text-align: center;
padding: 5px 0px;
border-radius: 6px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s ease 0s;
}
#onetrust-pc-sdk .ot-tooltip .ot-tooltiptext::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: rgb(85, 85, 85) transparent transparent;
}
#onetrust-pc-sdk .ot-tooltip:hover .ot-tooltiptext {
visibility: visible;
opacity: 1;
}
#onetrust-pc-sdk .ot-tooltip {
position: relative;
display: inline-block;
z-index: 3;
}
#onetrust-pc-sdk .ot-tooltip svg {
color: grey;
height: 20px;
width: 20px;
}
#onetrust-pc-sdk.ot-fade-in,
.onetrust-pc-dark-filter.ot-fade-in {
animation-name: onetrust-fade-in;
animation-duration: 400ms;
animation-timing-function: ease-in-out;
}
#onetrust-pc-sdk.ot-hide {
display: none !important;
}
.onetrust-pc-dark-filter.ot-hide {
display: none !important;
}
#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings {
color: rgb(104, 182, 49);
border: 1px solid rgb(104, 182, 49);
height: auto;
white-space: normal;
overflow-wrap: break-word;
padding: 0.8em 2em;
font-size: 0.8em;
line-height: 1.2;
cursor: pointer;
transition: all 0.1s ease 0s;
}
#ot-sdk-btn.ot-sdk-show-settings:hover,
#ot-sdk-btn.optanon-show-settings:hover {
color: rgb(255, 255, 255);
background-color: rgb(104, 182, 49);
}
#ot-sdk-btn.ot-sdk-show-settings:focus,
#ot-sdk-btn.optanon-show-settings:focus {
outline: none;
}
.onetrust-pc-dark-filter {
background: rgba(0, 0, 0, 0.5);
z-index: 2147483646;
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
}
@keyframes onetrust-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media only screen and (min-width: 426px) and (max-width: 896px) and (orientation: landscape) {
#onetrust-pc-sdk p {
font-size: 0.75em;
}
}
#onetrust-banner-sdk,
#onetrust-pc-sdk,
#ot-sdk-cookie-policy {
font-size: 16px;
}
#onetrust-banner-sdk *,
#onetrust-banner-sdk ::after,
#onetrust-banner-sdk ::before,
#onetrust-pc-sdk *,
#onetrust-pc-sdk ::after,
#onetrust-pc-sdk ::before,
#ot-sdk-cookie-policy *,
#ot-sdk-cookie-policy ::after,
#ot-sdk-cookie-policy ::before {
box-sizing: content-box;
}
#onetrust-banner-sdk div,
#onetrust-banner-sdk span,
#onetrust-banner-sdk h1,
#onetrust-banner-sdk h2,
#onetrust-banner-sdk h3,
#onetrust-banner-sdk h4,
#onetrust-banner-sdk h5,
#onetrust-banner-sdk h6,
#onetrust-banner-sdk p,
#onetrust-banner-sdk img,
#onetrust-banner-sdk svg,
#onetrust-banner-sdk button,
#onetrust-banner-sdk section,
#onetrust-banner-sdk a,
#onetrust-banner-sdk label,
#onetrust-banner-sdk input,
#onetrust-banner-sdk ul,
#onetrust-banner-sdk li,
#onetrust-banner-sdk nav,
#onetrust-banner-sdk table,
#onetrust-banner-sdk thead,
#onetrust-banner-sdk tr,
#onetrust-banner-sdk td,
#onetrust-banner-sdk tbody,
#onetrust-banner-sdk .ot-main-content,
#onetrust-banner-sdk .ot-toggle,
#onetrust-banner-sdk #ot-content,
#onetrust-banner-sdk #ot-pc-content,
#onetrust-banner-sdk .checkbox,
#onetrust-pc-sdk div,
#onetrust-pc-sdk span,
#onetrust-pc-sdk h1,
#onetrust-pc-sdk h2,
#onetrust-pc-sdk h3,
#onetrust-pc-sdk h4,
#onetrust-pc-sdk h5,
#onetrust-pc-sdk h6,
#onetrust-pc-sdk p,
#onetrust-pc-sdk img,
#onetrust-pc-sdk svg,
#onetrust-pc-sdk button,
#onetrust-pc-sdk section,
#onetrust-pc-sdk a,
#onetrust-pc-sdk label,
#onetrust-pc-sdk input,
#onetrust-pc-sdk ul,
#onetrust-pc-sdk li,
#onetrust-pc-sdk nav,
#onetrust-pc-sdk table,
#onetrust-pc-sdk thead,
#onetrust-pc-sdk tr,
#onetrust-pc-sdk td,
#onetrust-pc-sdk tbody,
#onetrust-pc-sdk .ot-main-content,
#onetrust-pc-sdk .ot-toggle,
#onetrust-pc-sdk #ot-content,
#onetrust-pc-sdk #ot-pc-content,
#onetrust-pc-sdk .checkbox,
#ot-sdk-cookie-policy div,
#ot-sdk-cookie-policy span,
#ot-sdk-cookie-policy h1,
#ot-sdk-cookie-policy h2,
#ot-sdk-cookie-policy h3,
#ot-sdk-cookie-policy h4,
#ot-sdk-cookie-policy h5,
#ot-sdk-cookie-policy h6,
#ot-sdk-cookie-policy p,
#ot-sdk-cookie-policy img,
#ot-sdk-cookie-policy svg,
#ot-sdk-cookie-policy button,
#ot-sdk-cookie-policy section,
#ot-sdk-cookie-policy a,
#ot-sdk-cookie-policy label,
#ot-sdk-cookie-policy input,
#ot-sdk-cookie-policy ul,
#ot-sdk-cookie-policy li,
#ot-sdk-cookie-policy nav,
#ot-sdk-cookie-policy table,
#ot-sdk-cookie-policy thead,
#ot-sdk-cookie-policy tr,
#ot-sdk-cookie-policy td,
#ot-sdk-cookie-policy tbody,
#ot-sdk-cookie-policy .ot-main-content,
#ot-sdk-cookie-policy .ot-toggle,
#ot-sdk-cookie-policy #ot-content,
#ot-sdk-cookie-policy #ot-pc-content,
#ot-sdk-cookie-policy .checkbox {
font-family: inherit;
font-weight: normal;
-webkit-font-smoothing: auto;
letter-spacing: normal;
line-height: normal;
padding: 0px;
margin: 0px;
height: auto;
min-height: 0px;
max-height: none;
width: auto;
min-width: 0px;
max-width: none;
border-radius: 0px;
border: none;
clear: none;
float: none;
position: static;
inset: auto;
text-align: left;
text-decoration: none;
text-indent: 0px;
text-shadow: none;
text-transform: none;
white-space: normal;
background: none;
overflow: visible;
vertical-align: baseline;
visibility: visible;
z-index: auto;
box-shadow: none;
}
#onetrust-banner-sdk label::before,
#onetrust-banner-sdk label::after,
#onetrust-banner-sdk .checkbox::after,
#onetrust-banner-sdk .checkbox::before,
#onetrust-pc-sdk label::before,
#onetrust-pc-sdk label::after,
#onetrust-pc-sdk .checkbox::after,
#onetrust-pc-sdk .checkbox::before,
#ot-sdk-cookie-policy label::before,
#ot-sdk-cookie-policy label::after,
#ot-sdk-cookie-policy .checkbox::after,
#ot-sdk-cookie-policy .checkbox::before {
content: none;
}
#onetrust-banner-sdk .ot-sdk-container,
#onetrust-pc-sdk .ot-sdk-container,
#ot-sdk-cookie-policy .ot-sdk-container {
position: relative;
width: 100%;
max-width: 100%;
margin: 0px auto;
padding: 0px 20px;
box-sizing: border-box;
}
#onetrust-banner-sdk .ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-columns {
width: 100%;
float: left;
box-sizing: border-box;
padding: 0px;
display: initial;
}
@media (min-width: 400px) {
#onetrust-banner-sdk .ot-sdk-container,
#onetrust-pc-sdk .ot-sdk-container,
#ot-sdk-cookie-policy .ot-sdk-container {
width: 90%;
padding: 0px;
}
}
@media (min-width: 550px) {
#onetrust-banner-sdk .ot-sdk-container,
#onetrust-pc-sdk .ot-sdk-container,
#ot-sdk-cookie-policy .ot-sdk-container {
width: 100%;
}
#onetrust-banner-sdk .ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-columns {
margin-left: 4%;
}
#onetrust-banner-sdk .ot-sdk-column:first-child,
#onetrust-banner-sdk .ot-sdk-columns:first-child,
#onetrust-pc-sdk .ot-sdk-column:first-child,
#onetrust-pc-sdk .ot-sdk-columns:first-child,
#ot-sdk-cookie-policy .ot-sdk-column:first-child,
#ot-sdk-cookie-policy .ot-sdk-columns:first-child {
margin-left: 0px;
}
#onetrust-banner-sdk .ot-sdk-one.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-one.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-one.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-one.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-one.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-one.ot-sdk-columns {
width: 4.66667%;
}
#onetrust-banner-sdk .ot-sdk-two.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-two.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-two.ot-sdk-columns {
width: 13.3333%;
}
#onetrust-banner-sdk .ot-sdk-three.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-three.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-three.ot-sdk-columns {
width: 22%;
}
#onetrust-banner-sdk .ot-sdk-four.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-four.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-four.ot-sdk-columns {
width: 30.6667%;
}
#onetrust-banner-sdk .ot-sdk-five.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-five.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-five.ot-sdk-columns {
width: 39.3333%;
}
#onetrust-banner-sdk .ot-sdk-six.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-six.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-six.ot-sdk-columns {
width: 48%;
}
#onetrust-banner-sdk .ot-sdk-seven.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-seven.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-seven.ot-sdk-columns {
width: 56.6667%;
}
#onetrust-banner-sdk .ot-sdk-eight.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-eight.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-eight.ot-sdk-columns {
width: 65.3333%;
}
#onetrust-banner-sdk .ot-sdk-nine.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-nine.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-nine.ot-sdk-columns {
width: 74%;
}
#onetrust-banner-sdk .ot-sdk-ten.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-ten.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-ten.ot-sdk-columns {
width: 82.6667%;
}
#onetrust-banner-sdk .ot-sdk-eleven.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-eleven.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-eleven.ot-sdk-columns {
width: 91.3333%;
}
#onetrust-banner-sdk .ot-sdk-twelve.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-twelve.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-twelve.ot-sdk-columns {
width: 100%;
margin-left: 0px;
}
#onetrust-banner-sdk .ot-sdk-one-third.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-one-third.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-one-third.ot-sdk-column {
width: 30.6667%;
}
#onetrust-banner-sdk .ot-sdk-two-thirds.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-two-thirds.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-two-thirds.ot-sdk-column {
width: 65.3333%;
}
#onetrust-banner-sdk .ot-sdk-one-half.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-one-half.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-one-half.ot-sdk-column {
width: 48%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-one.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-one.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-one.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-one.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-one.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-one.ot-sdk-columns {
margin-left: 8.66667%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-two.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-two.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-two.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-two.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-two.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-two.ot-sdk-columns {
margin-left: 17.3333%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-three.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-three.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-three.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-three.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-three.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-three.ot-sdk-columns {
margin-left: 26%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-four.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-four.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-four.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-four.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-four.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-four.ot-sdk-columns {
margin-left: 34.6667%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-five.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-five.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-five.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-five.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-five.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-five.ot-sdk-columns {
margin-left: 43.3333%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-six.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-six.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-six.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-six.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-six.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-six.ot-sdk-columns {
margin-left: 52%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-seven.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-seven.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-seven.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-seven.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-seven.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-seven.ot-sdk-columns {
margin-left: 60.6667%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-eight.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-eight.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-eight.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-eight.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-eight.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-eight.ot-sdk-columns {
margin-left: 69.3333%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-nine.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-nine.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-nine.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-nine.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-nine.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-nine.ot-sdk-columns {
margin-left: 78%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-ten.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-ten.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-ten.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-ten.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-ten.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-ten.ot-sdk-columns {
margin-left: 86.6667%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-eleven.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-eleven.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-eleven.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-eleven.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-eleven.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-eleven.ot-sdk-columns {
margin-left: 95.3333%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-one-third.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-one-third.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-one-third.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-one-third.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-one-third.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-one-third.ot-sdk-columns {
margin-left: 34.6667%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-two-thirds.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-two-thirds.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-two-thirds.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-two-thirds.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-two-thirds.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-two-thirds.ot-sdk-columns {
margin-left: 69.3333%;
}
#onetrust-banner-sdk .ot-sdk-offset-by-one-half.ot-sdk-column,
#onetrust-banner-sdk .ot-sdk-offset-by-one-half.ot-sdk-columns,
#onetrust-pc-sdk .ot-sdk-offset-by-one-half.ot-sdk-column,
#onetrust-pc-sdk .ot-sdk-offset-by-one-half.ot-sdk-columns,
#ot-sdk-cookie-policy .ot-sdk-offset-by-one-half.ot-sdk-column,
#ot-sdk-cookie-policy .ot-sdk-offset-by-one-half.ot-sdk-columns {
margin-left: 52%;
}
}
#onetrust-banner-sdk h1,
#onetrust-banner-sdk h2,
#onetrust-banner-sdk h3,
#onetrust-banner-sdk h4,
#onetrust-banner-sdk h5,
#onetrust-banner-sdk h6,
#onetrust-pc-sdk h1,
#onetrust-pc-sdk h2,
#onetrust-pc-sdk h3,
#onetrust-pc-sdk h4,
#onetrust-pc-sdk h5,
#onetrust-pc-sdk h6,
#ot-sdk-cookie-policy h1,
#ot-sdk-cookie-policy h2,
#ot-sdk-cookie-policy h3,
#ot-sdk-cookie-policy h4,
#ot-sdk-cookie-policy h5,
#ot-sdk-cookie-policy h6 {
margin-top: 0px;
font-weight: 600;
font-family: inherit;
}
#onetrust-banner-sdk h1,
#onetrust-pc-sdk h1,
#ot-sdk-cookie-policy h1 {
font-size: 1.5rem;
line-height: 1.2;
}
#onetrust-banner-sdk h2,
#onetrust-pc-sdk h2,
#ot-sdk-cookie-policy h2 {
font-size: 1.5rem;
line-height: 1.25;
}
#onetrust-banner-sdk h3,
#onetrust-pc-sdk h3,
#ot-sdk-cookie-policy h3 {
font-size: 1.5rem;
line-height: 1.3;
}
#onetrust-banner-sdk h4,
#onetrust-pc-sdk h4,
#ot-sdk-cookie-policy h4 {
font-size: 1.5rem;
line-height: 1.35;
}
#onetrust-banner-sdk h5,
#onetrust-pc-sdk h5,
#ot-sdk-cookie-policy h5 {
font-size: 1.5rem;
line-height: 1.5;
}
#onetrust-banner-sdk h6,
#onetrust-pc-sdk h6,
#ot-sdk-cookie-policy h6 {
font-size: 1.5rem;
line-height: 1.6;
}
@media (min-width: 550px) {
#onetrust-banner-sdk h1,
#onetrust-pc-sdk h1,
#ot-sdk-cookie-policy h1 {
font-size: 1.5rem;
}
#onetrust-banner-sdk h2,
#onetrust-pc-sdk h2,
#ot-sdk-cookie-policy h2 {
font-size: 1.5rem;
}
#onetrust-banner-sdk h3,
#onetrust-pc-sdk h3,
#ot-sdk-cookie-policy h3 {
font-size: 1.5rem;
}
#onetrust-banner-sdk h4,
#onetrust-pc-sdk h4,
#ot-sdk-cookie-policy h4 {
font-size: 1.5rem;
}
#onetrust-banner-sdk h5,
#onetrust-pc-sdk h5,
#ot-sdk-cookie-policy h5 {
font-size: 1.5rem;
}
#onetrust-banner-sdk h6,
#onetrust-pc-sdk h6,
#ot-sdk-cookie-policy h6 {
font-size: 1.5rem;
}
}
#onetrust-banner-sdk p,
#onetrust-pc-sdk p,
#ot-sdk-cookie-policy p {
margin: 0px 0px 1em;
font-family: inherit;
line-height: normal;
}
#onetrust-banner-sdk a,
#onetrust-pc-sdk a,
#ot-sdk-cookie-policy a {
color: rgb(86, 86, 86);
text-decoration: underline;
}
#onetrust-banner-sdk a:hover,
#onetrust-pc-sdk a:hover,
#ot-sdk-cookie-policy a:hover {
color: rgb(86, 86, 86);
text-decoration: none;
}
#onetrust-banner-sdk .ot-sdk-button,
#onetrust-banner-sdk button,
#onetrust-pc-sdk .ot-sdk-button,
#onetrust-pc-sdk button,
#ot-sdk-cookie-policy .ot-sdk-button,
#ot-sdk-cookie-policy button {
margin-bottom: 1rem;
font-family: inherit;
}
#onetrust-banner-sdk .ot-sdk-button,
#onetrust-banner-sdk button,
#onetrust-banner-sdk input[type='submit'],
#onetrust-banner-sdk input[type='reset'],
#onetrust-banner-sdk input[type='button'],
#onetrust-pc-sdk .ot-sdk-button,
#onetrust-pc-sdk button,
#onetrust-pc-sdk input[type='submit'],
#onetrust-pc-sdk input[type='reset'],
#onetrust-pc-sdk input[type='button'],
#ot-sdk-cookie-policy .ot-sdk-button,
#ot-sdk-cookie-policy button,
#ot-sdk-cookie-policy input[type='submit'],
#ot-sdk-cookie-policy input[type='reset'],
#ot-sdk-cookie-policy input[type='button'] {
display: inline-block;
height: 38px;
padding: 0px 30px;
color: rgb(85, 85, 85);
text-align: center;
font-size: 0.9em;
font-weight: 400;
line-height: 38px;
letter-spacing: 0.01em;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 2px;
border: 1px solid rgb(187, 187, 187);
cursor: pointer;
box-sizing: border-box;
}
#onetrust-banner-sdk .ot-sdk-button:hover,
#onetrust-banner-sdk :not(.ot-leg-btn-container) > button:hover,
#onetrust-banner-sdk input[type='submit']:hover,
#onetrust-banner-sdk input[type='reset']:hover,
#onetrust-banner-sdk input[type='button']:hover,
#onetrust-banner-sdk .ot-sdk-button:focus,
#onetrust-banner-sdk :not(.ot-leg-btn-container) > button:focus,
#onetrust-banner-sdk input[type='submit']:focus,
#onetrust-banner-sdk input[type='reset']:focus,
#onetrust-banner-sdk input[type='button']:focus,
#onetrust-pc-sdk .ot-sdk-button:hover,
#onetrust-pc-sdk :not(.ot-leg-btn-container) > button:hover,
#onetrust-pc-sdk input[type='submit']:hover,
#onetrust-pc-sdk input[type='reset']:hover,
#onetrust-pc-sdk input[type='button']:hover,
#onetrust-pc-sdk .ot-sdk-button:focus,
#onetrust-pc-sdk :not(.ot-leg-btn-container) > button:focus,
#onetrust-pc-sdk input[type='submit']:focus,
#onetrust-pc-sdk input[type='reset']:focus,
#onetrust-pc-sdk input[type='button']:focus,
#ot-sdk-cookie-policy .ot-sdk-button:hover,
#ot-sdk-cookie-policy :not(.ot-leg-btn-container) > button:hover,
#ot-sdk-cookie-policy input[type='submit']:hover,
#ot-sdk-cookie-policy input[type='reset']:hover,
#ot-sdk-cookie-policy input[type='button']:hover,
#ot-sdk-cookie-policy .ot-sdk-button:focus,
#ot-sdk-cookie-policy :not(.ot-leg-btn-container) > button:focus,
#ot-sdk-cookie-policy input[type='submit']:focus,
#ot-sdk-cookie-policy input[type='reset']:focus,
#ot-sdk-cookie-policy input[type='button']:focus {
color: rgb(51, 51, 51);
border-color: rgb(136, 136, 136);
opacity: 0.7;
}
#onetrust-banner-sdk .ot-sdk-button.ot-sdk-button-primary,
#onetrust-banner-sdk button.ot-sdk-button-primary,
#onetrust-banner-sdk input[type='submit'].ot-sdk-button-primary,
#onetrust-banner-sdk input[type='reset'].ot-sdk-button-primary,
#onetrust-banner-sdk input[type='button'].ot-sdk-button-primary,
#onetrust-pc-sdk .ot-sdk-button.ot-sdk-button-primary,
#onetrust-pc-sdk button.ot-sdk-button-primary,
#onetrust-pc-sdk input[type='submit'].ot-sdk-button-primary,
#onetrust-pc-sdk input[type='reset'].ot-sdk-button-primary,
#onetrust-pc-sdk input[type='button'].ot-sdk-button-primary,
#ot-sdk-cookie-policy .ot-sdk-button.ot-sdk-button-primary,
#ot-sdk-cookie-policy button.ot-sdk-button-primary,
#ot-sdk-cookie-policy input[type='submit'].ot-sdk-button-primary,
#ot-sdk-cookie-policy input[type='reset'].ot-sdk-button-primary,
#ot-sdk-cookie-policy input[type='button'].ot-sdk-button-primary {
color: rgb(255, 255, 255);
background-color: rgb(51, 195, 240);
border-color: rgb(51, 195, 240);
}
#onetrust-banner-sdk .ot-sdk-button.ot-sdk-button-primary:hover,
#onetrust-banner-sdk button.ot-sdk-button-primary:hover,
#onetrust-banner-sdk input[type='submit'].ot-sdk-button-primary:hover,
#onetrust-banner-sdk input[type='reset'].ot-sdk-button-primary:hover,
#onetrust-banner-sdk input[type='button'].ot-sdk-button-primary:hover,
#onetrust-banner-sdk .ot-sdk-button.ot-sdk-button-primary:focus,
#onetrust-banner-sdk button.ot-sdk-button-primary:focus,
#onetrust-banner-sdk input[type='submit'].ot-sdk-button-primary:focus,
#onetrust-banner-sdk input[type='reset'].ot-sdk-button-primary:focus,
#onetrust-banner-sdk input[type='button'].ot-sdk-button-primary:focus,
#onetrust-pc-sdk .ot-sdk-button.ot-sdk-button-primary:hover,
#onetrust-pc-sdk button.ot-sdk-button-primary:hover,
#onetrust-pc-sdk input[type='submit'].ot-sdk-button-primary:hover,
#onetrust-pc-sdk input[type='reset'].ot-sdk-button-primary:hover,
#onetrust-pc-sdk input[type='button'].ot-sdk-button-primary:hover,
#onetrust-pc-sdk .ot-sdk-button.ot-sdk-button-primary:focus,
#onetrust-pc-sdk button.ot-sdk-button-primary:focus,
#onetrust-pc-sdk input[type='submit'].ot-sdk-button-primary:focus,
#onetrust-pc-sdk input[type='reset'].ot-sdk-button-primary:focus,
#onetrust-pc-sdk input[type='button'].ot-sdk-button-primary:focus,
#ot-sdk-cookie-policy .ot-sdk-button.ot-sdk-button-primary:hover,
#ot-sdk-cookie-policy button.ot-sdk-button-primary:hover,
#ot-sdk-cookie-policy input[type='submit'].ot-sdk-button-primary:hover,
#ot-sdk-cookie-policy input[type='reset'].ot-sdk-button-primary:hover,
#ot-sdk-cookie-policy input[type='button'].ot-sdk-button-primary:hover,
#ot-sdk-cookie-policy .ot-sdk-button.ot-sdk-button-primary:focus,
#ot-sdk-cookie-policy button.ot-sdk-button-primary:focus,
#ot-sdk-cookie-policy input[type='submit'].ot-sdk-button-primary:focus,
#ot-sdk-cookie-policy input[type='reset'].ot-sdk-button-primary:focus,
#ot-sdk-cookie-policy input[type='button'].ot-sdk-button-primary:focus {
color: rgb(255, 255, 255);
background-color: rgb(30, 174, 219);
border-color: rgb(30, 174, 219);
}
#onetrust-banner-sdk input[type='email'],
#onetrust-banner-sdk input[type='number'],
#onetrust-banner-sdk input[type='search'],
#onetrust-banner-sdk input[type='text'],
#onetrust-banner-sdk input[type='tel'],
#onetrust-banner-sdk input[type='url'],
#onetrust-banner-sdk input[type='password'],
#onetrust-banner-sdk textarea,
#onetrust-banner-sdk select,
#onetrust-pc-sdk input[type='email'],
#onetrust-pc-sdk input[type='number'],
#onetrust-pc-sdk input[type='search'],
#onetrust-pc-sdk input[type='text'],
#onetrust-pc-sdk input[type='tel'],
#onetrust-pc-sdk input[type='url'],
#onetrust-pc-sdk input[type='password'],
#onetrust-pc-sdk textarea,
#onetrust-pc-sdk select,
#ot-sdk-cookie-policy input[type='email'],
#ot-sdk-cookie-policy input[type='number'],
#ot-sdk-cookie-policy input[type='search'],
#ot-sdk-cookie-policy input[type='text'],
#ot-sdk-cookie-policy input[type='tel'],
#ot-sdk-cookie-policy input[type='url'],
#ot-sdk-cookie-policy input[type='password'],
#ot-sdk-cookie-policy textarea,
#ot-sdk-cookie-policy select {
height: 38px;
padding: 6px 10px;
background-color: rgb(255, 255, 255);
border: 1px solid rgb(209, 209, 209);
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
}
#onetrust-banner-sdk input[type='email'],
#onetrust-banner-sdk input[type='number'],
#onetrust-banner-sdk input[type='search'],
#onetrust-banner-sdk input[type='text'],
#onetrust-banner-sdk input[type='tel'],
#onetrust-banner-sdk input[type='url'],
#onetrust-banner-sdk input[type='password'],
#onetrust-banner-sdk textarea,
#onetrust-pc-sdk input[type='email'],
#onetrust-pc-sdk input[type='number'],
#onetrust-pc-sdk input[type='search'],
#onetrust-pc-sdk input[type='text'],
#onetrust-pc-sdk input[type='tel'],
#onetrust-pc-sdk input[type='url'],
#onetrust-pc-sdk input[type='password'],
#onetrust-pc-sdk textarea,
#ot-sdk-cookie-policy input[type='email'],
#ot-sdk-cookie-policy input[type='number'],
#ot-sdk-cookie-policy input[type='search'],
#ot-sdk-cookie-policy input[type='text'],
#ot-sdk-cookie-policy input[type='tel'],
#ot-sdk-cookie-policy input[type='url'],
#ot-sdk-cookie-policy input[type='password'],
#ot-sdk-cookie-policy textarea {
appearance: none;
}
#onetrust-banner-sdk textarea,
#onetrust-pc-sdk textarea,
#ot-sdk-cookie-policy textarea {
min-height: 65px;
padding-top: 6px;
padding-bottom: 6px;
}
#onetrust-banner-sdk input[type='email']:focus,
#onetrust-banner-sdk input[type='number']:focus,
#onetrust-banner-sdk input[type='search']:focus,
#onetrust-banner-sdk input[type='text']:focus,
#onetrust-banner-sdk input[type='tel']:focus,
#onetrust-banner-sdk input[type='url']:focus,
#onetrust-banner-sdk input[type='password']:focus,
#onetrust-banner-sdk textarea:focus,
#onetrust-banner-sdk select:focus,
#onetrust-pc-sdk input[type='email']:focus,
#onetrust-pc-sdk input[type='number']:focus,
#onetrust-pc-sdk input[type='search']:focus,
#onetrust-pc-sdk input[type='text']:focus,
#onetrust-pc-sdk input[type='tel']:focus,
#onetrust-pc-sdk input[type='url']:focus,
#onetrust-pc-sdk input[type='password']:focus,
#onetrust-pc-sdk textarea:focus,
#onetrust-pc-sdk select:focus,
#ot-sdk-cookie-policy input[type='email']:focus,
#ot-sdk-cookie-policy input[type='number']:focus,
#ot-sdk-cookie-policy input[type='search']:focus,
#ot-sdk-cookie-policy input[type='text']:focus,
#ot-sdk-cookie-policy input[type='tel']:focus,
#ot-sdk-cookie-policy input[type='url']:focus,
#ot-sdk-cookie-policy input[type='password']:focus,
#ot-sdk-cookie-policy textarea:focus,
#ot-sdk-cookie-policy select:focus {
border: 1px solid rgb(51, 195, 240);
outline: 0px;
}
#onetrust-banner-sdk label,
#onetrust-banner-sdk legend,
#onetrust-pc-sdk label,
#onetrust-pc-sdk legend,
#ot-sdk-cookie-policy label,
#ot-sdk-cookie-policy legend {
display: block;
margin-bottom: 0.5rem;
font-weight: 600;
}
#onetrust-banner-sdk fieldset,
#onetrust-pc-sdk fieldset,
#ot-sdk-cookie-policy fieldset {
padding: 0px;
border-width: 0px;
}
#onetrust-banner-sdk input[type='checkbox'],
#onetrust-banner-sdk input[type='radio'],
#onetrust-pc-sdk input[type='checkbox'],
#onetrust-pc-sdk input[type='radio'],
#ot-sdk-cookie-policy input[type='checkbox'],
#ot-sdk-cookie-policy input[type='radio'] {
display: inline;
}
#onetrust-banner-sdk label > .label-body,
#onetrust-pc-sdk label > .label-body,
#ot-sdk-cookie-policy label > .label-body {
display: inline-block;
margin-left: 0.5rem;
font-weight: normal;
}
#onetrust-banner-sdk ul,
#onetrust-pc-sdk ul,
#ot-sdk-cookie-policy ul {
list-style: inside circle;
}
#onetrust-banner-sdk ol,
#onetrust-pc-sdk ol,
#ot-sdk-cookie-policy ol {
list-style: inside decimal;
}
#onetrust-banner-sdk ol,
#onetrust-banner-sdk ul,
#onetrust-pc-sdk ol,
#onetrust-pc-sdk ul,
#ot-sdk-cookie-policy ol,
#ot-sdk-cookie-policy ul {
padding-left: 0px;
margin-top: 0px;
}
#onetrust-banner-sdk ul ul,
#onetrust-banner-sdk ul ol,
#onetrust-banner-sdk ol ol,
#onetrust-banner-sdk ol ul,
#onetrust-pc-sdk ul ul,
#onetrust-pc-sdk ul ol,
#onetrust-pc-sdk ol ol,
#onetrust-pc-sdk ol ul,
#ot-sdk-cookie-policy ul ul,
#ot-sdk-cookie-policy ul ol,
#ot-sdk-cookie-policy ol ol,
#ot-sdk-cookie-policy ol ul {
margin: 1.5rem 0px 1.5rem 3rem;
font-size: 90%;
}
#onetrust-banner-sdk li,
#onetrust-pc-sdk li,
#ot-sdk-cookie-policy li {
margin-bottom: 1rem;
}
#onetrust-banner-sdk code,
#onetrust-pc-sdk code,
#ot-sdk-cookie-policy code {
padding: 0.2rem 0.5rem;
margin: 0px 0.2rem;
font-size: 90%;
white-space: nowrap;
background: rgb(241, 241, 241);
border: 1px solid rgb(225, 225, 225);
border-radius: 4px;
}
#onetrust-banner-sdk pre > code,
#onetrust-pc-sdk pre > code,
#ot-sdk-cookie-policy pre > code {
display: block;
padding: 1rem 1.5rem;
white-space: pre;
}
#onetrust-banner-sdk th,
#onetrust-banner-sdk td,
#onetrust-pc-sdk th,
#onetrust-pc-sdk td,
#ot-sdk-cookie-policy th,
#ot-sdk-cookie-policy td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid rgb(225, 225, 225);
}
#onetrust-banner-sdk .ot-sdk-u-full-width,
#onetrust-pc-sdk .ot-sdk-u-full-width,
#ot-sdk-cookie-policy .ot-sdk-u-full-width {
width: 100%;
box-sizing: border-box;
}
#onetrust-banner-sdk .ot-sdk-u-max-full-width,
#onetrust-pc-sdk .ot-sdk-u-max-full-width,
#ot-sdk-cookie-policy .ot-sdk-u-max-full-width {
max-width: 100%;
box-sizing: border-box;
}
#onetrust-banner-sdk .ot-sdk-u-pull-right,
#onetrust-pc-sdk .ot-sdk-u-pull-right,
#ot-sdk-cookie-policy .ot-sdk-u-pull-right {
float: right;
}
#onetrust-banner-sdk .ot-sdk-u-pull-left,
#onetrust-pc-sdk .ot-sdk-u-pull-left,
#ot-sdk-cookie-policy .ot-sdk-u-pull-left {
float: left;
}
#onetrust-banner-sdk hr,
#onetrust-pc-sdk hr,
#ot-sdk-cookie-policy hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 1px 0px 0px;
border-top-style: solid;
border-top-color: rgb(225, 225, 225);
}
#onetrust-banner-sdk .ot-sdk-container::after,
#onetrust-banner-sdk .ot-sdk-row::after,
#onetrust-banner-sdk .ot-sdk-u-cf,
#onetrust-pc-sdk .ot-sdk-container::after,
#onetrust-pc-sdk .ot-sdk-row::after,
#onetrust-pc-sdk .ot-sdk-u-cf,
#ot-sdk-cookie-policy .ot-sdk-container::after,
#ot-sdk-cookie-policy .ot-sdk-row::after,
#ot-sdk-cookie-policy .ot-sdk-u-cf {
content: '';
display: table;
clear: both;
}
#onetrust-banner-sdk .ot-sdk-row,
#onetrust-pc-sdk .ot-sdk-row,
#ot-sdk-cookie-policy .ot-sdk-row {
max-width: none;
display: block;
margin: 0px;
}
#onetrust-banner-sdk .banner-option-input:focus + label {
outline: -webkit-focus-ring-color auto 1px;
}
#onetrust-banner-sdk {
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 18px;
}
#onetrust-banner-sdk.otFlat {
position: fixed;
z-index: 2147483645;
bottom: 0px;
right: 0px;
left: 0px;
background-color: rgb(255, 255, 255);
max-height: 90%;
overflow: hidden auto;
}
#onetrust-banner-sdk > .ot-sdk-container {
overflow: hidden;
}
#onetrust-banner-sdk::-webkit-scrollbar {
width: 11px;
}
#onetrust-banner-sdk::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgb(193, 193, 193);
}
#onetrust-banner-sdk {
}
#onetrust-banner-sdk #onetrust-policy {
margin: 1.25em 0px 0.625em 2em;
overflow: hidden;
}
#onetrust-banner-sdk #onetrust-policy-title {
font-size: 1.2em;
line-height: 1.3;
margin-bottom: 10px;
}
#onetrust-banner-sdk #onetrust-policy-text {
clear: both;
text-align: left;
font-size: 0.88em;
line-height: 1.4;
}
#onetrust-banner-sdk #onetrust-policy-text * {
font-size: inherit;
line-height: inherit;
}
#onetrust-banner-sdk #onetrust-policy-text a {
font-weight: bold;
margin-left: 5px;
}
#onetrust-banner-sdk #onetrust-policy-title,
#onetrust-banner-sdk #onetrust-policy-text {
color: dimgray;
float: left;
}
#onetrust-banner-sdk #onetrust-button-group-parent {
min-height: 1px;
text-align: center;
}
#onetrust-banner-sdk #onetrust-button-group {
display: inline-block;
}
#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-banner-sdk #onetrust-pc-btn-handler {
background-color: rgb(104, 182, 49);
color: rgb(255, 255, 255);
border-color: rgb(104, 182, 49);
margin-right: 1em;
min-width: 125px;
height: auto;
white-space: normal;
word-break: break-word;
overflow-wrap: break-word;
padding: 12px 10px;
line-height: 1.2;
font-size: 0.813em;
font-weight: 600;
}
#onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-link {
background-color: rgb(255, 255, 255);
border: none;
color: rgb(104, 182, 49);
text-decoration: underline;
padding-right: 0px;
}
#onetrust-banner-sdk #onetrust-close-btn-container {
text-align: center;
}
#onetrust-banner-sdk .onetrust-close-btn-ui {
width: 0.8em;
height: 18px;
margin: 50% 0px 0px 50%;
border: none;
}
#onetrust-banner-sdk .onetrust-close-btn-ui.onetrust-lg {
top: 50%;
margin: auto;
transform: translate(-50%, -50%);
position: absolute;
padding: 0px;
}
#onetrust-banner-sdk .banner_logo {
display: none;
}
#onetrust-banner-sdk .ot-b-addl-desc {
clear: both;
float: left;
display: block;
}
#onetrust-banner-sdk #banner-options {
float: left;
display: table;
margin-right: 0px;
margin-left: 1em;
width: calc(100% - 1em);
}
#onetrust-banner-sdk #banner-options label {
margin: 0px;
display: inline-block;
}
#onetrust-banner-sdk .banner-option {
margin-bottom: 12px;
border: none;
float: left;
padding: 0px;
}
#onetrust-banner-sdk .banner-option:not(:first-child) {
padding: 0px;
border: none;
}
#onetrust-banner-sdk .banner-option-input {
position: absolute;
cursor: pointer;
width: auto;
height: 20px;
opacity: 0;
}
#onetrust-banner-sdk .banner-option-header {
margin-bottom: 6px;
cursor: pointer;
display: inline-block;
}
#onetrust-banner-sdk .banner-option-header :first-child {
font-size: 0.82em;
line-height: 1.4;
color: dimgray;
font-weight: bold;
float: left;
}
#onetrust-banner-sdk .banner-option-header .ot-arrow-container {
display: inline-block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid dimgray;
margin-left: 10px;
margin-top: 2px;
}
#onetrust-banner-sdk .banner-option-details {
display: none;
font-size: 0.83em;
line-height: 1.5;
padding: 10px 0px 5px 10px;
margin-right: 10px;
height: 0px;
}
#onetrust-banner-sdk .banner-option-details * {
font-size: inherit;
line-height: inherit;
color: dimgray;
}
#onetrust-banner-sdk .ot-arrow-container,
#onetrust-banner-sdk .banner-option-details {
transition: all 300ms ease-in 0s;
}
#onetrust-banner-sdk
.banner-option-input:checked
~ label
.banner-option-header
.ot-arrow-container {
transform: rotate(90deg);
}
#onetrust-banner-sdk .banner-option-input:checked ~ .banner-option-details {
height: auto;
display: block;
}
#onetrust-banner-sdk .ot-dpd-container {
float: left;
}
#onetrust-banner-sdk .ot-dpd-title {
margin-bottom: 10px;
}
#onetrust-banner-sdk .ot-dpd-title,
#onetrust-banner-sdk .ot-dpd-desc {
font-size: 0.88em;
line-height: 1.4;
color: dimgray;
}
#onetrust-banner-sdk .ot-dpd-title *,
#onetrust-banner-sdk .ot-dpd-desc * {
font-size: inherit;
line-height: inherit;
}
#onetrust-banner-sdk.ot-iab-2 #onetrust-policy-text * {
margin-bottom: 0px;
}
#onetrust-banner-sdk.ot-iab-2 .onetrust-vendors-list-handler {
display: block;
margin-left: 0px;
margin-top: 5px;
clear: both;
}
#onetrust-banner-sdk.ot-iab-2 #onetrust-button-group button {
display: block;
}
#onetrust-banner-sdk #onetrust-policy-text,
#onetrust-banner-sdk .ot-dpd-desc,
#onetrust-banner-sdk .ot-b-addl-desc {
font-size: 0.813em;
line-height: 1.5;
}
#onetrust-banner-sdk .ot-dpd-desc {
margin-bottom: 10px;
}
#onetrust-banner-sdk .ot-dpd-desc > .ot-b-addl-desc {
margin-top: 10px;
margin-bottom: 10px;
font-size: 1em;
}
@media only screen and (max-width: 425px) {
#onetrust-banner-sdk #onetrust-policy {
margin-left: 0px;
}
#onetrust-banner-sdk .ot-hide-small {
display: none;
}
#onetrust-banner-sdk #onetrust-button-group {
display: block;
}
#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-banner-sdk #onetrust-pc-btn-handler {
width: 100%;
}
#onetrust-banner-sdk .onetrust-close-btn-ui {
margin: 5px 0px 0px;
float: right;
padding: 0px;
}
#onetrust-banner-sdk #onetrust-close-btn-container-mobile,
#onetrust-banner-sdk #onetrust-policy-title {
display: inline;
float: none;
}
#onetrust-banner-sdk #banner-options {
margin: 0px;
padding: 0px;
width: 100%;
}
}
@media only screen and (min-width: 426px) and (max-width: 896px) {
#onetrust-banner-sdk #onetrust-policy {
margin-left: 1em;
margin-right: 1em;
}
#onetrust-banner-sdk .onetrust-close-btn-ui.onetrust-lg {
top: 25%;
right: 2%;
}
#onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
width: 95%;
}
#onetrust-banner-sdk.ot-iab-2 #onetrust-group-container {
width: 100%;
}
#onetrust-banner-sdk #onetrust-button-group-parent {
width: 100%;
position: relative;
margin-left: 0px;
}
#onetrust-banner-sdk .ot-hide-large {
display: none;
}
#onetrust-banner-sdk #onetrust-button-group button {
display: inline-block;
}
#onetrust-banner-sdk #onetrust-button-group {
margin-right: 0px;
text-align: center;
}
#onetrust-banner-sdk .has-reject-all-button #onetrust-pc-btn-handler {
float: left;
}
#onetrust-banner-sdk .has-reject-all-button #onetrust-reject-all-handler,
#onetrust-banner-sdk .has-reject-all-button #onetrust-accept-btn-handler {
float: right;
}
#onetrust-banner-sdk .has-reject-all-button #onetrust-button-group {
width: calc(100% - 2em);
margin-right: 0px;
}
#onetrust-banner-sdk
.has-reject-all-button
#onetrust-pc-btn-handler.cookie-setting-link {
padding-left: 0px;
text-align: left;
}
#onetrust-banner-sdk.ot-buttons-fw .ot-sdk-three button {
width: 100%;
text-align: center;
}
#onetrust-banner-sdk.ot-buttons-fw #onetrust-button-group-parent button {
float: none;
}
#onetrust-banner-sdk.ot-buttons-fw
#onetrust-pc-btn-handler.cookie-setting-link {
text-align: center;
}
}
@media only screen and (min-width: 550px) {
#onetrust-banner-sdk .banner-option:not(:first-child) {
border-left: 1px solid rgb(216, 216, 216);
padding-left: 25px;
}
}
@media only screen and (min-width: 425px) and (max-width: 550px) {
#onetrust-banner-sdk.ot-iab-2 #onetrust-button-group,
#onetrust-banner-sdk.ot-iab-2 #onetrust-policy,
#onetrust-banner-sdk.ot-iab-2 .banner-option {
width: 100%;
}
}
@media only screen and (min-width: 769px) {
#onetrust-banner-sdk .ot-hide-large {
display: none;
}
#onetrust-banner-sdk #onetrust-button-group {
margin-right: 30%;
}
#onetrust-banner-sdk #banner-options {
margin-left: 2em;
margin-right: 5em;
margin-bottom: 1.25em;
width: calc(100% - 7em);
}
#onetrust-banner-sdk .banner-option {
float: none;
display: table-cell;
}
}
@media only screen and (min-width: 1024px) {
#onetrust-banner-sdk #onetrust-policy {
margin-left: 2em;
}
#onetrust-banner-sdk.vertical-align-content #onetrust-button-group-parent {
position: absolute;
top: 50%;
left: 60%;
transform: translateY(-50%);
}
#onetrust-banner-sdk.ot-iab-2 #onetrust-policy-title {
width: 50%;
}
#onetrust-banner-sdk.ot-iab-2 #onetrust-policy-text,
#onetrust-banner-sdk.ot-iab-2 :not(.ot-dpd-desc) > .ot-b-addl-desc {
margin-bottom: 1em;
width: 50%;
border-right: 1px solid rgb(216, 216, 216);
padding-right: 1rem;
}
#onetrust-banner-sdk.ot-iab-2 #onetrust-policy-text {
margin-bottom: 0px;
padding-bottom: 1em;
}
#onetrust-banner-sdk.ot-iab-2 :not(.ot-dpd-desc) > .ot-b-addl-desc {
margin-bottom: 0px;
padding-bottom: 1em;
}
#onetrust-banner-sdk.ot-iab-2 .ot-dpd-container {
width: 45%;
padding-left: 1rem;
display: inline-block;
float: none;
}
#onetrust-banner-sdk.ot-iab-2 .ot-dpd-title {
line-height: 1.7;
}
#onetrust-banner-sdk.ot-iab-2 #onetrust-button-group-parent {
left: auto;
right: 4%;
margin-left: 0px;
}
#onetrust-banner-sdk.ot-iab-2 #onetrust-button-group button {
display: block;
}
#onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent {
margin: auto;
width: 36%;
}
#onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
width: 60%;
}
#onetrust-banner-sdk #onetrust-button-group {
margin-right: auto;
}
#onetrust-banner-sdk #onetrust-close-btn-container {
float: right;
}
#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-banner-sdk #onetrust-pc-btn-handler {
margin-top: 1em;
}
}
@media only screen and (min-width: 890px) {
#onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2)
#onetrust-button-group-parent {
padding-left: 4%;
margin-left: 0px;
}
#onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group {
margin-right: 0px;
margin-top: 1.25em;
width: 100%;
}
#onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2)
#onetrust-button-group
button {
width: 100%;
margin-bottom: 5px;
margin-top: 5px;
}
#onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2)
#onetrust-button-group
button:last-of-type {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1280px) {
#onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
width: 55%;
}
#onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent {
width: 44%;
padding-left: 2%;
padding-right: 2%;
}
#onetrust-banner-sdk:not(.ot-iab-2).vertical-align-content
#onetrust-button-group-parent {
position: absolute;
left: 55%;
}
}
#onetrust-consent-sdk #onetrust-banner-sdk {
background-color: rgb(35, 35, 35);
}
#onetrust-consent-sdk #onetrust-policy-title,
#onetrust-consent-sdk #onetrust-policy-text,
#onetrust-consent-sdk .ot-b-addl-desc,
#onetrust-consent-sdk .ot-dpd-desc,
#onetrust-consent-sdk .ot-dpd-title,
#onetrust-consent-sdk
#onetrust-policy-text
:not(.onetrust-vendors-list-handler),
#onetrust-consent-sdk .ot-dpd-desc :not(.onetrust-vendors-list-handler),
#onetrust-consent-sdk #onetrust-banner-sdk #banner-options * {
color: rgb(189, 189, 189);
}
#onetrust-consent-sdk #onetrust-banner-sdk .banner-option-details {
background-color: rgb(233, 233, 233);
}
#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler {
background-color: rgb(3, 122, 238);
border-color: rgb(3, 122, 238);
color: rgb(255, 255, 255);
}
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
border-color: rgb(35, 35, 35);
background-color: rgb(35, 35, 35);
color: rgb(3, 122, 238);
}
#onetrust-consent-sdk #onetrust-pc-btn-handler {
color: rgb(108, 192, 74);
border-color: rgb(108, 192, 74);
background-color: rgb(255, 255, 255);
}
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
background: transparent;
color: rgb(255, 255, 255);
opacity: 0.5;
font-weight: normal;
}
#onetrust-consent-sdk #onetrust-pc-btn-handler {
color: rgb(255, 255, 255);
opacity: 0.5;
font-size: 16px;
line-height: 19px;
background: none;
border: none;
text-decoration: underline;
}
#onetrust-banner-sdk #onetrust-policy-text {
font-size: 16px;
}
#onetrust-banner-sdk #onetrust-policy-text a {
margin: 0px 10px;
}
#onetrust-banner-sdk .onetrust-close-btn-ui.onetrust-lg {
width: 40px;
height: 40px;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 21.4618L27.5382 29L29 27.5382L21.4618 20L29 12.4618L27.5382 11L20 18.5382L12.4618 11L11 12.4618L18.5382 20L11 27.5382L12.4618 29L20 21.4618Z' fill='white'/%3E%3C/svg%3E%0A");
}
#onetrust-banner-sdk #onetrust-button-group {
margin: 0px auto;
flex: 1 1 0%;
max-width: 600px;
display: flex;
justify-content: center;
flex-flow: row;
align-items: stretch;
}
#onetrust-banner-sdk #onetrust-button-group button {
margin: 0px 10px;
font-size: 16px;
padding: 10px 16px;
width: auto;
min-width: 100px;
}
@media (max-width: 600px) {
#onetrust-banner-sdk #onetrust-policy-text {
font-size: 12px;
line-height: 16px;
}
#onetrust-consent-sdk #onetrust-button-group button {
font-size: 12px;
line-height: 16px;
margin: 0px 4px;
padding: 4px 6px;
}
}
#onetrust-pc-sdk.otPcTab {
position: fixed;
width: 730px;
max-width: 730px;
height: 580px;
inset: 0px;
margin: auto;
font-size: 16px;
z-index: 2147483647;
border: 1px solid rgb(215, 215, 215);
border-radius: 2px;
background-color: rgb(255, 255, 255);
box-shadow: rgba(0, 0, 0, 0) 0px 2px 4px 0px,
rgba(50, 50, 93, 0.1) 0px 7px 14px 0px;
}
#onetrust-pc-sdk *,
#onetrust-pc-sdk ::after,
#onetrust-pc-sdk ::before {
box-sizing: content-box;
}
#onetrust-pc-sdk #ot-content {
height: calc(100% - 196px);
}
#onetrust-pc-sdk .ot-main-content {
height: 100%;
}
#onetrust-pc-sdk .privacy-notice-link {
text-decoration: underline;
}
#onetrust-pc-sdk .privacy-notice-link:focus {
outline: rgb(99, 163, 248) solid 1px;
}
#onetrust-pc-sdk li {
list-style: none;
}
#onetrust-pc-sdk ul,
#onetrust-pc-sdk li {
margin: 0px;
}
#onetrust-pc-sdk a {
text-decoration: none;
}
#onetrust-pc-sdk .pc-content::-webkit-scrollbar,
#onetrust-pc-sdk .groups-container::-webkit-scrollbar,
#onetrust-pc-sdk #vendor-list-content::-webkit-scrollbar,
#onetrust-pc-sdk .vendor-content::-webkit-scrollbar,
#onetrust-pc-sdk #ot-filter-modal .ot-group-options::-webkit-scrollbar {
width: 11px;
}
#onetrust-pc-sdk .pc-content::-webkit-scrollbar-thumb,
#onetrust-pc-sdk .groups-container::-webkit-scrollbar-thumb,
#onetrust-pc-sdk #vendor-list-content::-webkit-scrollbar-thumb,
#onetrust-pc-sdk .vendor-content::-webkit-scrollbar-thumb,
#onetrust-pc-sdk #ot-filter-modal .ot-group-options::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgb(193, 193, 193);
}
#onetrust-pc-sdk .pc-content,
#onetrust-pc-sdk .groups-container,
#onetrust-pc-sdk #vendor-list-content,
#onetrust-pc-sdk .vendor-content,
#onetrust-pc-sdk #ot-filter-modal .ot-group-options {
}
#onetrust-pc-sdk .pc-header {
height: auto;
padding: 20px;
display: inline-block;
vertical-align: middle;
width: calc(100% - 40px);
border-bottom: 1px solid rgb(216, 216, 216);
}
#onetrust-pc-sdk .pc-logo-container {
float: left;
}
#onetrust-pc-sdk .pc-title-container {
float: right;
width: calc(100% - 190px);
margin-left: 10px;
}
#onetrust-pc-sdk .ot-always-active {
font-size: 1em;
line-height: 1.3;
color: rgb(56, 96, 190);
}
#onetrust-pc-sdk .pc-close-btn-container {
float: right;
position: absolute;
right: 15px;
margin-top: 18px;
}
#onetrust-pc-sdk .pc-content {
position: relative;
height: 100%;
overflow: hidden auto;
}
#onetrust-pc-sdk .groups-container {
height: 100%;
overflow-y: auto;
}
#onetrust-pc-sdk .group {
cursor: pointer;
border-left: 10px solid transparent;
background-color: rgb(244, 244, 244);
border-bottom: 1px solid rgb(215, 215, 215);
padding: 16px 5px 16px 12px;
}
#onetrust-pc-sdk .group h3 {
float: left;
text-align: left;
margin: 0px;
color: dimgray;
line-height: 1.4;
font-size: 1em;
word-break: break-word;
overflow-wrap: break-word;
}
#onetrust-pc-sdk .active-group {
border-left: 10px solid rgb(104, 182, 49);
background-color: rgb(255, 255, 255);
border-bottom: none;
position: relative;
}
#onetrust-pc-sdk .active-group h3 {
color: rgb(38, 50, 56);
font-weight: bold;
}
#onetrust-pc-sdk .description-container {
word-break: break-word;
overflow-wrap: break-word;
padding-top: 20px;
padding-right: 16px;
padding-bottom: 15px;
position: absolute;
left: 30%;
}
#onetrust-pc-sdk .group-description {
word-break: break-word;
overflow-wrap: break-word;
text-align: left;
font-size: 0.82em;
line-height: 1.3;
margin: 0px;
}
#onetrust-pc-sdk #pc-policy-text {
clear: both;
float: left;
}
#onetrust-pc-sdk #pc-policy-text a {
color: rgb(56, 96, 190);
cursor: pointer;
font-size: 1em;
}
#onetrust-pc-sdk #pc-policy-text a:hover {
color: rgb(24, 131, 253);
}
#onetrust-pc-sdk #pc-policy-text * {
font-size: inherit;
}
#onetrust-pc-sdk #pc-policy-text ul li {
padding: 10px 0px;
border-bottom: 1px solid rgb(226, 226, 226);
}
#onetrust-pc-sdk .ot-close-icon {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQ3Ljk3MSIgaGVpZ2h0PSI0Ny45NzEiIHZpZXdCb3g9IjAgMCA0Ny45NzEgNDcuOTcxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0Ny45NzEgNDcuOTcxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTI4LjIyOCwyMy45ODZMNDcuMDkyLDUuMTIyYzEuMTcyLTEuMTcxLDEuMTcyLTMuMDcxLDAtNC4yNDJjLTEuMTcyLTEuMTcyLTMuMDctMS4xNzItNC4yNDIsMEwyMy45ODYsMTkuNzQ0TDUuMTIxLDAuODhjLTEuMTcyLTEuMTcyLTMuMDctMS4xNzItNC4yNDIsMGMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MmwxOC44NjUsMTguODY0TDAuODc5LDQyLjg1Yy0xLjE3MiwxLjE3MS0xLjE3MiwzLjA3MSwwLDQuMjQyQzEuNDY1LDQ3LjY3NywyLjIzMyw0Ny45NywzLDQ3Ljk3czEuNTM1LTAuMjkzLDIuMTIxLTAuODc5bDE4Ljg2NS0xOC44NjRMNDIuODUsNDcuMDkxYzAuNTg2LDAuNTg2LDEuMzU0LDAuODc5LDIuMTIxLDAuODc5czEuNTM1LTAuMjkzLDIuMTIxLTAuODc5YzEuMTcyLTEuMTcxLDEuMTcyLTMuMDcxLDAtNC4yNDJMMjguMjI4LDIzLjk4NnoiLz48L2c+PC9zdmc+');
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
height: 22px;
width: 22px;
display: inline-block;
}
#onetrust-pc-sdk .group-toggle {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
#onetrust-pc-sdk .group-toggle .checkbox {
background-color: rgb(255, 255, 255);
}
#onetrust-pc-sdk .group-toggle .ot-toggle {
float: right;
background-color: rgb(255, 255, 255);
}
#onetrust-pc-sdk .group-toggle .ot-toggle-group {
float: right;
}
#onetrust-pc-sdk .group-toggle .ot-toggle-group p {
margin: 0px;
}
#onetrust-pc-sdk .group-toggle .ot-toggle-group:focus {
outline: rgb(59, 153, 252) auto 5px;
}
#onetrust-pc-sdk
.group-toggle
.ot-toggle-group
.checkbox
input[type='checkbox']:focus
+ label::before {
outline: rgb(59, 153, 252) auto 5px;
}
#onetrust-pc-sdk .description-container h3 {
color: rgb(38, 50, 56);
float: left;
margin: 0px;
font-weight: bold;
font-size: 1em;
line-height: 1.3;
max-width: 85%;
top: 3px;
}
#onetrust-pc-sdk #pc-privacy-header {
margin-bottom: 10px;
}
#onetrust-pc-sdk .category-vendors-list-container {
overflow: hidden;
}
#onetrust-pc-sdk .category-vendors-list-handler,
#onetrust-pc-sdk .category-host-list-handler,
#onetrust-pc-sdk .category-vendors-list-handler + a {
display: block;
float: left;
color: rgb(56, 96, 190);
font-size: 0.8em;
font-weight: bold;
line-height: 1.1;
cursor: pointer;
}
#onetrust-pc-sdk .category-vendors-list-handler:hover,
#onetrust-pc-sdk .category-host-list-handler:hover,
#onetrust-pc-sdk .category-vendors-list-handler + a:hover {
color: rgb(24, 131, 253);
}
#onetrust-pc-sdk .category-vendors-list-handler + a::after {
content: '';
height: 15px;
width: 15px;
background-repeat: no-repeat;
margin-left: 5px;
float: right;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 511.626 511.627'%3E%3Cg fill='%231276CE'%3E%3Cpath d='M392.857 292.354h-18.274c-2.669 0-4.859.855-6.563 2.573-1.718 1.708-2.573 3.897-2.573 6.563v91.361c0 12.563-4.47 23.315-13.415 32.262-8.945 8.945-19.701 13.414-32.264 13.414H82.224c-12.562 0-23.317-4.469-32.264-13.414-8.945-8.946-13.417-19.698-13.417-32.262V155.31c0-12.562 4.471-23.313 13.417-32.259 8.947-8.947 19.702-13.418 32.264-13.418h200.994c2.669 0 4.859-.859 6.57-2.57 1.711-1.713 2.566-3.9 2.566-6.567V82.221c0-2.662-.855-4.853-2.566-6.563-1.711-1.713-3.901-2.568-6.57-2.568H82.224c-22.648 0-42.016 8.042-58.102 24.125C8.042 113.297 0 132.665 0 155.313v237.542c0 22.647 8.042 42.018 24.123 58.095 16.086 16.084 35.454 24.13 58.102 24.13h237.543c22.647 0 42.017-8.046 58.101-24.13 16.085-16.077 24.127-35.447 24.127-58.095v-91.358c0-2.669-.856-4.859-2.574-6.57-1.713-1.718-3.903-2.573-6.565-2.573z'/%3E%3Cpath d='M506.199 41.971c-3.617-3.617-7.905-5.424-12.85-5.424H347.171c-4.948 0-9.233 1.807-12.847 5.424-3.617 3.615-5.428 7.898-5.428 12.847s1.811 9.233 5.428 12.85l50.247 50.248-186.147 186.151c-1.906 1.903-2.856 4.093-2.856 6.563 0 2.479.953 4.668 2.856 6.571l32.548 32.544c1.903 1.903 4.093 2.852 6.567 2.852s4.665-.948 6.567-2.852l186.148-186.148 50.251 50.248c3.614 3.617 7.898 5.426 12.847 5.426s9.233-1.809 12.851-5.426c3.617-3.616 5.424-7.898 5.424-12.847V54.818c-.001-4.952-1.814-9.232-5.428-12.847z'/%3E%3C/g%3E%3C/svg%3E");
}
#onetrust-pc-sdk .category-host-list-handler,
#onetrust-pc-sdk .category-vendors-list-container,
#onetrust-pc-sdk #pc-policy-text + .category-vendors-list-handler {
margin-top: 10px;
}
#onetrust-pc-sdk .group-toggle + .category-vendors-list-container {
margin-top: 0px;
margin-bottom: 10px;
}
#onetrust-pc-sdk .ot-always-active-group .group-toggle h3.category-header,
#onetrust-pc-sdk .cookie-subgroup.ot-always-active-group > h6 {
max-width: 70%;
}
#onetrust-pc-sdk .group-description ul,
#onetrust-pc-sdk .cookie-subgroups-container li.cookie-subgroup p ul {
margin: 0px 0px 0px 15px;
padding-bottom: 8px;
}
#onetrust-pc-sdk .group-description ul li,
#onetrust-pc-sdk .cookie-subgroups-container li.cookie-subgroup p ul li {
font-size: inherit;
padding-top: 8px;
display: list-item;
list-style: disc;
}
#onetrust-pc-sdk .ot-toggle.ot-hide-tgl {
visibility: hidden;
}
#onetrust-pc-sdk .ot-toggle.ot-hide-tgl * {
visibility: hidden;
}
#onetrust-pc-sdk .cookie-subgroups-container {
margin-top: 15px;
}
#onetrust-pc-sdk .cookie-subgroups-container ul.cookie-subgroups {
margin: 0px;
font-size: inherit;
}
#onetrust-pc-sdk
.cookie-subgroups-container
ul.cookie-subgroups
.cookie-subgroup-toggle {
float: right;
}
#onetrust-pc-sdk
.cookie-subgroups-container
ul.cookie-subgroups
.cookie-subgroup-toggle.ot-always-active-subgroup {
width: auto;
}
#onetrust-pc-sdk .cookie-subgroups-container ul.cookie-subgroups .ot-toggle {
background-color: inherit;
}
#onetrust-pc-sdk .cookie-subgroups-container ul.cookie-subgroups li {
padding: 0px;
border: none;
position: relative;
}
#onetrust-pc-sdk .cookie-subgroups-container ul.cookie-subgroups li h6,
#onetrust-pc-sdk .cookie-subgroups-container ul.cookie-subgroups li p {
font-size: 0.82em;
line-height: 1.4;
}
#onetrust-pc-sdk .cookie-subgroups-container ul.cookie-subgroups li p {
color: dimgray;
clear: both;
float: left;
margin-top: 10px;
margin-bottom: 0px;
word-break: break-word;
overflow-wrap: break-word;
}
#onetrust-pc-sdk .cookie-subgroups-container ul.cookie-subgroups li h6 {
color: rgb(38, 50, 56);
font-weight: bold;
margin-bottom: 0px;
float: left;
position: relative;
top: 3px;
}
#onetrust-pc-sdk
.cookie-subgroups-container
ul.cookie-subgroups
li.cookie-subgroup {
margin-left: 30px;
display: inline-block;
width: calc(100% - 30px);
}
#onetrust-pc-sdk .cookie-subgroups-container .ot-arrow {
top: -3px;
}
#onetrust-pc-sdk .ot-button-group-parent {
height: 34px;
padding: 30px;
bottom: 0px;
border-top: 1px solid rgb(216, 216, 216);
}
#onetrust-pc-sdk .ot-button-group {
float: right;
text-align: center;
}
#onetrust-pc-sdk .ot-pc-footer-logo {
float: left;
text-align: center;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 155px;
height: 25px;
position: relative;
top: 10px;
}
#onetrust-pc-sdk #accept-recommended-btn-handler {
float: right;
margin-right: 16px;
margin-left: 15px;
text-align: center;
}
#onetrust-pc-sdk .save-preference-btn-handler {
height: 38px;
min-width: 155px;
background-color: rgb(104, 182, 49);
border-radius: 2px;
color: rgb(255, 255, 255);
font-size: 0.9em;
line-height: 1.1;
text-align: center;
margin-left: 15px;
margin-right: 15px;
}
#onetrust-pc-sdk #pc-title {
float: left;
margin-left: 10px;
margin-top: 10px;
max-width: 85%;
overflow: hidden;
position: relative;
line-height: 1.2em;
max-height: 2.4em;
padding-right: 1em;
}
#onetrust-pc-sdk #pc-title::before {
content: '...';
right: 0px;
bottom: 0px;
position: absolute;
}
#onetrust-pc-sdk #pc-title::after {
position: absolute;
content: '';
width: 1em;
height: 1em;
right: 0px;
background: rgb(255, 255, 255);
}
#onetrust-pc-sdk #vendors-list {
height: 100%;
width: 100%;
}
#onetrust-pc-sdk #vendors-list .accordion-header {
padding: 17px 15px 17px 20px;
display: inline-block;
width: calc(100% - 35px);
vertical-align: middle;
}
#onetrust-pc-sdk #vendors-list .accordion-text {
padding: 6px 50px 10px;
}
#onetrust-pc-sdk .vendor-content {
height: 100%;
}
#onetrust-pc-sdk #vendors-list-header {
padding: 15px 30px 15px 20px;
display: inline-block;
width: calc(100% - 50px);
height: 20px;
border-bottom: 1px solid rgb(216, 216, 216);
}
#onetrust-pc-sdk #vendors-list-header input {
border: 1px solid rgb(215, 215, 215);
height: 32px;
width: 300px;
border-radius: 50px;
font-size: 0.8em;
padding-right: 35px;
padding-left: 15px;
float: left;
}
#onetrust-pc-sdk #vendors-list-header input::placeholder {
color: rgb(212, 212, 212);
font-style: italic;
}
#onetrust-pc-sdk #vendor-list-content {
height: calc(100% - 86px);
width: calc(100% - 183px);
padding-left: 80px;
padding-right: 100px;
padding-top: 20px;
margin: 8px 3px 4px 0px;
overflow: hidden auto;
}
#onetrust-pc-sdk #ot-back-arrow {
height: 17px;
width: 20px;
vertical-align: middle;
display: inline-block;
color: dimgray;
font-size: 1em;
line-height: 1;
text-align: center;
}
#onetrust-pc-sdk #vendors-list-title {
color: dimgray;
font-size: 0.9em;
font-weight: bold;
line-height: 1;
display: inline-block;
vertical-align: middle;
margin: 0px;
padding-left: 5px;
}
#onetrust-pc-sdk #vendors-list-title * {
font-size: inherit;
}
#onetrust-pc-sdk .navigation-container {
float: left;
}
#onetrust-pc-sdk .back-btn-handler {
display: inline-block;
}
#onetrust-pc-sdk .action-container {
float: right;
position: relative;
bottom: 6px;
}
#onetrust-pc-sdk #search-container {
float: left;
}
#onetrust-pc-sdk #search-container svg {
position: absolute;
right: 35px;
width: 30px;
height: 30px;
font-size: 1em;
line-height: 1;
top: 3px;
}
#onetrust-pc-sdk .label-text {
display: none;
}
#onetrust-pc-sdk #filter-container {
display: inline-block;
top: 8px;
position: relative;
margin-left: 20px;
}
#onetrust-pc-sdk #filter-btn-handler svg {
cursor: pointer;
width: 15px;
height: 15px;
}
#onetrust-pc-sdk #select-all-container {
min-width: 200px;
min-height: 30px;
padding-left: 20px;
}
#onetrust-pc-sdk #select-all-text-container {
display: inline-block;
padding-left: 30px;
}
#onetrust-pc-sdk #select-all-text-container p {
color: rgb(44, 54, 67);
font-size: 0.8em;
font-weight: bold;
line-height: 1.1;
margin: 0px;
display: inline-block;
}
#onetrust-pc-sdk #select-all-text-container p * {
font-size: inherit;
}
#onetrust-pc-sdk #select-all-vendors-input-container,
#onetrust-pc-sdk #select-all-hosts-input-container {
float: left;
height: 100%;
}
#onetrust-pc-sdk #select-all-vendors-input-container label,
#onetrust-pc-sdk #select-all-hosts-input-container label {
height: 100%;
padding-left: 0px;
}
#onetrust-pc-sdk .ot-checkbox input[type='checkbox'] {
display: block;
opacity: 0;
}
#onetrust-pc-sdk .ot-checkbox input:checked ~ label::before {
background-color: rgb(66, 133, 244);
}
#onetrust-pc-sdk .ot-checkbox label {
position: relative;
height: 20px;
padding-left: 30px;
}
#onetrust-pc-sdk .ot-checkbox label::before,
#onetrust-pc-sdk .ot-checkbox label::after {
position: absolute;
content: '';
display: inline-block;
border-radius: 3px;
}
#onetrust-pc-sdk .ot-checkbox label::before {
height: 18px;
width: 18px;
border: 1px solid rgb(56, 96, 190);
left: 0px;
}
#onetrust-pc-sdk .ot-checkbox label::after {
height: 5px;
width: 9px;
border-left: 3px solid;
border-bottom: 3px solid;
transform: rotate(-45deg);
left: 4px;
top: 5px;
}
#onetrust-pc-sdk .ot-checkbox input[type='checkbox'] + label::after {
content: none;
color: rgb(255, 255, 255);
}
#onetrust-pc-sdk .ot-checkbox input[type='checkbox']:checked + label::after {
content: '';
}
#onetrust-pc-sdk .ot-checkbox input[type='checkbox']:focus + label::before {
outline-width: 2px;
outline-style: auto;
}
#onetrust-pc-sdk #select-all-vendors-input-container.line-through label::after,
#onetrust-pc-sdk
#select-all-vendors-leg-input-container.line-through
label::after,
#onetrust-pc-sdk #select-all-hosts-input-container.line-through label::after {
height: auto;
border-left: 0px;
left: 5px;
top: 10.5px;
transform: none;
}
#onetrust-pc-sdk .ot-checkbox {
float: left;
}
#onetrust-pc-sdk .vendor-title,
#onetrust-pc-sdk .host-title {
color: rgb(44, 54, 67);
font-weight: bold;
font-size: 0.8em;
line-height: 1.2;
margin: 0px;
height: auto;
text-align: left;
word-break: break-word;
overflow-wrap: break-word;
}
#onetrust-pc-sdk .host-title {
position: relative;
vertical-align: middle;
}
#onetrust-pc-sdk .host-title a {
font-size: 1em;
font-weight: bold;
}
#onetrust-pc-sdk .cookie-name-container a {
font-size: 1em;
}
#onetrust-pc-sdk .host-description {
font-size: 0.69em;
line-height: 1.4;
margin-top: 5px;
margin-bottom: 5px;
float: left;
color: dimgray;
}
#onetrust-pc-sdk .host-info > a {
text-decoration: underline;
font-size: 0.82em;
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 5px;
}
#onetrust-pc-sdk .host-info .host-title + a {
margin-top: 5px;
}
#onetrust-pc-sdk .vendor-info {
width: 88%;
float: right;
}
#onetrust-pc-sdk .vendor-purposes {
margin-top: 3px;
}
#onetrust-pc-sdk .vendor-purposes p {
font-size: 0.8em;
line-height: 1.2;
margin-bottom: 0px;
font-weight: 500;
text-align: left;
word-break: break-word;
overflow-wrap: break-word;
}
#onetrust-pc-sdk input[type='checkbox']:focus + .accordion-header {
outline: rgb(0, 123, 255) auto;
}
#onetrust-pc-sdk #select-all-hosts-input-container input[type='checkbox'],
#onetrust-pc-sdk #select-all-vendors-input-container input[type='checkbox'] {
position: absolute;
}
#onetrust-pc-sdk #vendors-list-container input[type='checkbox'],
#onetrust-pc-sdk #hosts-list-container input[type='checkbox'],
#onetrust-pc-sdk .cookie-subgroups input[type='checkbox'] {
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
opacity: 0;
margin: 0px;
top: 0px;
left: 0px;
}
#onetrust-pc-sdk
#vendors-list-container
input[type='checkbox']
~ .accordion-header,
#onetrust-pc-sdk
#hosts-list-container
input[type='checkbox']
~ .accordion-header,
#onetrust-pc-sdk .cookie-subgroups input[type='checkbox'] ~ .accordion-header {
cursor: pointer;
}
#onetrust-pc-sdk
#vendors-list-container
input[type='checkbox']:not(:checked)
~ .accordion-text,
#onetrust-pc-sdk
#hosts-list-container
input[type='checkbox']:not(:checked)
~ .accordion-text,
#onetrust-pc-sdk
.cookie-subgroups
input[type='checkbox']:not(:checked)
~ .accordion-text {
margin-top: 0px;
max-height: 0px;
opacity: 0;
overflow: hidden;
width: 100%;
transition: all 0.25s ease-out 0s;
display: none;
}
#onetrust-pc-sdk
#vendors-list-container
input[type='checkbox']:checked
~ .accordion-text,
#onetrust-pc-sdk
#hosts-list-container
input[type='checkbox']:checked
~ .accordion-text,
#onetrust-pc-sdk
.cookie-subgroups
input[type='checkbox']:checked
~ .accordion-text {
transition: all 0.1s ease-in 0s;
display: block;
}
#onetrust-pc-sdk #vendors-list-container .ot-checkbox input[type='checkbox'],
#onetrust-pc-sdk #hosts-list-container .ot-checkbox input[type='checkbox'],
#onetrust-pc-sdk .cookie-subgroups .ot-checkbox input[type='checkbox'] {
width: auto;
height: auto;
}
#onetrust-pc-sdk #vendors-list-container .ot-checkbox label,
#onetrust-pc-sdk #hosts-list-container .ot-checkbox label,
#onetrust-pc-sdk .cookie-subgroups .ot-checkbox label {
z-index: 2;
}
#onetrust-pc-sdk #vendors-list-container,
#onetrust-pc-sdk #hosts-list-container {
width: 100%;
}
#onetrust-pc-sdk #vendors-list-container li,
#onetrust-pc-sdk #hosts-list-container li {
border: 1px solid rgb(215, 215, 215);
border-radius: 2px;
position: relative;
margin-top: 10px;
}
#onetrust-pc-sdk #vendors-list-container .ot-toggle-group {
width: 65%;
}
#onetrust-pc-sdk #hosts-list-container .ot-toggle-group {
width: 65%;
}
#onetrust-pc-sdk label {
margin-bottom: 0px;
}
#onetrust-pc-sdk .vendor-notice,
#onetrust-pc-sdk .host-notice {
float: right;
}
#onetrust-pc-sdk .vendor-privacy-notice-container,
#onetrust-pc-sdk .third-party-cookies-container {
float: left;
}
#onetrust-pc-sdk .vendor-privacy-notice-container {
position: relative;
}
#onetrust-pc-sdk .vendor-privacy-notice-container a:hover {
text-decoration: underline;
}
#onetrust-pc-sdk .vendor-privacy-notice,
#onetrust-pc-sdk .third-party-cookie-notice {
color: dimgray;
font-size: 0.7em;
line-height: 0.9;
display: inline-block;
}
#onetrust-pc-sdk .vendor-privacy-notice *,
#onetrust-pc-sdk .third-party-cookie-notice * {
font-size: inherit;
}
#onetrust-pc-sdk .vendor-privacy-notice {
position: relative;
z-index: 2;
}
#onetrust-pc-sdk .ot-arrow {
margin-left: 20px;
}
#onetrust-pc-sdk .vendor-options {
display: inline-block;
width: 100%;
padding-bottom: 10px;
border-radius: 2px;
background-color: rgb(248, 248, 248);
}
#onetrust-pc-sdk .vendor-options p {
font-size: 0.69em;
text-align: left;
display: table-cell;
vertical-align: middle;
word-break: break-word;
overflow-wrap: break-word;
margin: 0px;
padding-left: 15px;
color: rgb(46, 54, 68);
}
#onetrust-pc-sdk #hosts-list-container .host-info {
float: left;
width: calc(100% - 50px);
}
#onetrust-pc-sdk #hosts-list-container .host-option-group {
display: inline-block;
width: 100%;
margin: 0px;
font-size: inherit;
}
#onetrust-pc-sdk #hosts-list-container .host-option-group li.vendor-host {
border: none;
font-size: 0.8em;
color: dimgray;
float: left;
text-align: left;
padding: 10px;
margin-bottom: 10px;
width: calc(100% - 10px);
background-color: rgb(248, 248, 248);
}
#onetrust-pc-sdk #hosts-list-container .host-option-group li.vendor-host a {
color: dimgray;
}
#onetrust-pc-sdk #hosts-list-container .host-option-group li > div div {
font-size: 0.81em;
padding: 5px 0px;
}
#onetrust-pc-sdk
#hosts-list-container
.host-option-group
li
> div
div:nth-child(1) {
width: 30%;
float: left;
}
#onetrust-pc-sdk
#hosts-list-container
.host-option-group
li
> div
div:nth-child(2) {
width: 70%;
float: left;
word-break: break-word;
overflow-wrap: break-word;
}
#onetrust-pc-sdk .vendor-purpose-groups .vendor-option-purpose {
border-top: 1px solid rgb(233, 233, 233);
border-bottom: 1px solid rgb(233, 233, 233);
margin-bottom: 10px;
min-height: 30px;
max-height: 50px;
width: 100%;
display: table;
}
#onetrust-pc-sdk .vendor-purpose-groups .vendor-option-purpose:first-child,
#onetrust-pc-sdk .vendor-purpose-groups .vendor-option-purpose:first-of-type {
border-top: none;
}
#onetrust-pc-sdk .vendor-purpose-groups .vendor-option-purpose p {
font-weight: bold;
}
#onetrust-pc-sdk .vendor-purpose-groups .vendor-consent-group {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
#onetrust-pc-sdk
.vendor-purpose-groups
.legitimate-interest-group
.consent-category {
float: left;
}
#onetrust-pc-sdk .vendor-purpose-groups .vendor-opt-out-handler {
text-decoration: none;
float: right;
font-size: 0.69em;
line-height: 1.4;
color: rgb(56, 96, 190);
right: 15px;
position: relative;
}
#onetrust-pc-sdk .vendor-purpose-groups .vendor-opt-out-handler span {
font-size: 0.69em;
line-height: 1.4;
}
#onetrust-pc-sdk .vendor-purpose-groups .vendor-opt-out-handler svg {
width: 15px;
height: 15px;
vertical-align: middle;
}
#onetrust-pc-sdk #no-results {
text-align: center;
margin-top: 30px;
}
#onetrust-pc-sdk #no-results p {
font-size: 1em;
color: rgb(46, 54, 68);
word-break: break-word;
overflow-wrap: break-word;
}
#onetrust-pc-sdk #no-results p span {
font-weight: bold;
}
#onetrust-pc-sdk .ot-toggle .checkbox label::after {
cursor: pointer;
}
#onetrust-pc-sdk .ot-group-option {
height: 25px;
}
#onetrust-pc-sdk .checkbox {
position: relative;
display: inline-block;
}
#onetrust-pc-sdk .checkbox label {
background: rgb(214, 214, 214);
border: none;
height: 10px;
width: 35px;
position: relative;
display: inline-block;
border-radius: 46px;
transition: all 0.4s ease 0s;
}
#onetrust-pc-sdk .checkbox label::after {
content: '';
position: absolute;
width: 20px;
height: 20px;
border-radius: 100%;
left: 0px;
top: -5px;
z-index: 2;
background: rgb(123, 123, 123);
transition: all 0.4s ease 0s;
}
#onetrust-pc-sdk .checkbox input {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 5;
opacity: 0;
cursor: pointer;
}
#onetrust-pc-sdk .checkbox input:checked + label::after {
left: 40px;
}
#onetrust-pc-sdk .checkbox input:focus + label::after {
outline: rgb(59, 153, 252) solid 1px;
}
#onetrust-pc-sdk .checkbox::after,
#onetrust-pc-sdk .checkbox::before {
font-feature-settings: normal;
font-kerning: auto;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
}
#onetrust-pc-sdk .ot-toggle {
background-color: rgb(248, 248, 248);
}
#onetrust-pc-sdk .ot-toggle .checkbox input:checked + label {
background: rgb(205, 220, 242);
}
#onetrust-pc-sdk .ot-toggle .checkbox input:checked + label::after {
background: rgb(66, 133, 244);
left: 16px;
}
#onetrust-pc-sdk .ot-toggle-group,
#onetrust-pc-sdk .ot-toggle {
display: inline-block;
vertical-align: middle;
}
#onetrust-pc-sdk .ot-arrow-container {
float: right;
}
#onetrust-pc-sdk .ot-arrow {
top: 2px;
position: relative;
width: 10px;
height: 10px;
margin-left: 5px;
transition: all 300ms ease-in 0s;
}
#onetrust-pc-sdk input:checked ~ .accordion-header .ot-arrow {
transform: rotate(90deg);
}
#onetrust-pc-sdk button.ot-pill {
font-size: 0.75em;
text-align: center;
background-color: rgb(56, 96, 190);
border-color: rgb(56, 96, 190);
font-weight: 600;
box-shadow: rgb(204, 225, 255) 0px 0px 10px 1px;
width: 170px;
max-width: 180px;
color: rgb(255, 255, 255);
height: auto;
white-space: normal;
word-break: break-word;
overflow-wrap: break-word;
padding: 10px;
line-height: 1.2;
letter-spacing: 0.05em;
}
#onetrust-pc-sdk button.ot-pill:first-child {
margin-top: 10px;
}
#onetrust-pc-sdk.ot-leg-opt-out .description-container {
padding-top: 0px;
margin-top: 20px;
padding-right: 0px;
border-radius: 3px;
overflow: hidden;
padding-bottom: 10px;
}
#onetrust-pc-sdk.ot-leg-opt-out .ot-leg-border-color {
border: 1px solid rgb(233, 233, 233);
}
#onetrust-pc-sdk.ot-leg-opt-out
.ot-leg-border-color
.cookie-subgroups-container {
border-top: 1px solid rgb(233, 233, 233);
}
#onetrust-pc-sdk.ot-leg-opt-out .ot-category-desc {
padding-bottom: 10px;
}
#onetrust-pc-sdk.ot-leg-opt-out .group-toggle {
padding-left: 10px;
width: calc(100% - 20px);
padding-top: 10px;
margin-bottom: 0px;
padding-bottom: 8px;
}
#onetrust-pc-sdk.ot-leg-opt-out .cookie-subgroups-container {
padding-top: 10px;
margin-top: 0px;
}
#onetrust-pc-sdk.ot-leg-opt-out .description-container > :not(.group-toggle) {
padding-left: 10px;
padding-right: 10px;
}
#onetrust-pc-sdk.ot-leg-opt-out .leg-int-header {
overflow: hidden;
padding-top: 7.5px;
padding-bottom: 7.5px;
background-color: rgb(248, 248, 248);
border-top: none;
border-right: none;
border-left: none;
border-image: initial;
border-bottom: 1px solid rgb(233, 233, 233);
}
#onetrust-pc-sdk.ot-leg-opt-out .leg-int-header .leg-int-title {
float: right;
font-size: 13px;
}
#onetrust-pc-sdk.ot-leg-opt-out .leg-int-header span:first-child {
text-align: left;
max-width: 80px;
}
#onetrust-pc-sdk.ot-leg-opt-out .leg-int-header span:last-child {
padding-right: 10px;
max-width: 95px;
text-align: center;
}
#onetrust-pc-sdk.ot-leg-opt-out
.description-container
.ot-toggle-group:first-of-type {
padding-left: 36px;
padding-right: 7px;
}
#onetrust-pc-sdk.ot-leg-opt-out
.ot-always-active-group
.group-toggle
.ot-toggle-group:first-of-type {
padding-left: 0px;
}
#onetrust-pc-sdk.ot-leg-opt-out .category-header,
#onetrust-pc-sdk.ot-leg-opt-out .cookie-subgroup h6 {
max-width: calc(100% - 115px);
}
#onetrust-pc-sdk.ot-leg-opt-out
#vendor-list-content:not(.host-list-content)
#select-all-container {
width: 100%;
display: inline-block;
padding: 0px;
}
#onetrust-pc-sdk.ot-leg-opt-out
#vendor-list-content:not(.host-list-content)
#select-all-container
.ot-checkbox {
float: right;
}
#onetrust-pc-sdk.ot-leg-opt-out .leg-int-sel-all-hdr {
float: right;
position: relative;
height: 20px;
right: 55px;
}
#onetrust-pc-sdk.ot-leg-opt-out .consent-hdr,
#onetrust-pc-sdk.ot-leg-opt-out .leg-int-hdr {
float: right;
font-size: 0.8em;
position: relative;
}
#onetrust-pc-sdk.ot-leg-opt-out .leg-int-hdr {
margin-right: 30px;
}
#onetrust-pc-sdk.ot-leg-opt-out .ot-vendor-consent-tgl {
margin-left: 62px;
margin-right: 38px;
}
#onetrust-pc-sdk.ot-leg-opt-out .ot-vendor-consent-tgl label,
#onetrust-pc-sdk.ot-leg-opt-out .ot-leg-int-tgl label {
width: 22px;
padding: 0px;
}
#onetrust-pc-sdk.ot-leg-opt-out .ot-leg-int-tgl-only {
margin-right: 122px;
}
#onetrust-pc-sdk.ot-leg-opt-out #select-all-vendors-leg-input-container {
display: block;
width: 21px;
height: 21px;
position: relative;
float: left;
right: 30px;
clear: both;
}
#onetrust-pc-sdk.ot-leg-opt-out #select-all-vendors-leg-input-container input {
position: absolute;
}
#onetrust-pc-sdk.ot-leg-opt-out #select-all-vendors-input-container {
float: right;
width: 21px;
height: 21px;
position: relative;
right: 70px;
}
#onetrust-pc-sdk.ot-leg-opt-out #vendors-list-container .vendor-info {
float: left;
width: 60%;
}
#onetrust-pc-sdk.ot-leg-opt-out #vendors-list-container .ot-toggle-group {
float: right;
width: auto;
}
#onetrust-pc-sdk.ot-leg-opt-out #vendors-list-container .ot-checkbox {
position: relative;
}
#onetrust-pc-sdk.ot-leg-btn #select-all-vendors-input-container {
clear: both;
}
#onetrust-pc-sdk #ot-triangle {
border: 12px solid transparent;
display: none;
position: absolute;
z-index: 2147483647;
top: 140px;
right: 40px;
transform: rotate(45deg);
background-color: rgb(255, 255, 255);
box-shadow: rgb(199, 197, 199) -3px -3px 5px -2px;
}
#onetrust-pc-sdk #ot-filter-modal {
width: 300px;
position: absolute;
z-index: 2147483646;
top: 146px;
height: auto;
display: none;
transition: all 0.2s ease 0s;
overflow-x: hidden;
opacity: 1;
right: 0px;
}
#onetrust-pc-sdk #ot-filter-modal .ot-pill {
width: 130px;
float: right;
}
#onetrust-pc-sdk #ot-options {
background-color: rgb(255, 255, 255);
margin: 5px;
border-radius: 3px;
height: 350px;
box-shadow: rgb(199, 197, 199) 0px 0px 12px 2px;
}
#onetrust-pc-sdk .ot-group-options {
overflow-y: auto;
width: 100%;
max-height: 65%;
}
#onetrust-pc-sdk .ot-group-option {
margin-bottom: 25px;
margin-left: 15px;
clear: both;
}
#onetrust-pc-sdk .ot-group-option span {
cursor: pointer;
color: dimgray;
font-size: 0.8em;
line-height: 1.1;
font-weight: normal;
}
#onetrust-pc-sdk #clear-filters-handler {
float: right;
max-width: 200px;
margin-bottom: 30px;
text-decoration: none;
}
#onetrust-pc-sdk #clear-filters-handler p {
float: right;
font-weight: bold;
color: rgb(56, 96, 190);
font-size: 0.9em;
margin: 0px;
}
#onetrust-pc-sdk #clear-filters-handler p:hover {
color: rgb(24, 131, 253);
}
#onetrust-pc-sdk #clear-filters-container {
float: right;
padding-right: 15px;
height: auto;
margin-top: 20px;
}
#onetrust-pc-sdk #filter-apply-handler {
margin-right: 10px;
float: right;
}
#onetrust-pc-sdk .group-description + .ot-leg-btn-container {
margin-top: 0px;
}
#onetrust-pc-sdk .ot-leg-btn-container {
display: inline-block;
width: 100%;
margin-top: 10px;
}
#onetrust-pc-sdk .ot-leg-btn-container button {
height: 32px;
padding: 6.5px 8px;
margin-bottom: 0px;
line-height: 18px;
letter-spacing: 0px;
}
#onetrust-pc-sdk .ot-leg-btn-container svg {
display: none;
height: 14px;
width: 14px;
padding-right: 5px;
vertical-align: sub;
}
#onetrust-pc-sdk .ot-active-leg-btn {
cursor: default;
pointer-events: none;
}
#onetrust-pc-sdk .ot-active-leg-btn svg {
display: inline-block;
}
#onetrust-pc-sdk .ot-remove-objection-handler {
border: none;
text-decoration: underline;
padding: 0px 0px 0px 10px;
font-size: 0.82em;
font-weight: 600;
line-height: 1.4;
}
#onetrust-pc-sdk .ot-obj-leg-btn-handler span {
font-weight: bold;
text-align: center;
font-size: 0.91em;
line-height: 1.5;
}
#onetrust-pc-sdk.otPcTab[dir='rtl'] .ot-pc-footer-logo svg {
direction: rtl;
}
#onetrust-pc-sdk.otPcTab[dir='rtl'] input ~ .accordion-header .ot-arrow,
#onetrust-pc-sdk.otPcTab[dir='rtl'] #ot-back-arrow {
transform: rotate(180deg);
}
#onetrust-pc-sdk.otPcTab[dir='rtl']
input:checked
~ .accordion-header
.ot-arrow {
transform: rotate(270deg);
}
#onetrust-pc-sdk.otPcTab[dir='rtl'] #search-container svg {
right: 52px;
}
#onetrust-pc-sdk.otPcTab[dir='rtl'] .ot-checkbox label::after {
transform: rotate(45deg);
border-left: 0px;
border-right: 3px solid;
}
#onetrust-pc-sdk #close-pc-btn-handler.ot-close-icon {
padding: 0px;
background-color: transparent;
border: none;
}
@media (max-width: 767px) {
#onetrust-pc-sdk.otPcTab {
width: 100%;
height: 100%;
border: none;
}
#onetrust-pc-sdk.otPcTab .ot-sdk-container,
#onetrust-pc-sdk.otPcTab .ot-button-group-parent,
#onetrust-pc-sdk.otPcTab .ot-pc-footer-logo {
width: 100%;
}
#onetrust-pc-sdk.otPcTab .ot-sdk-container {
padding: 0px;
margin: 0px;
}
#onetrust-pc-sdk.otPcTab #pc-title {
margin-left: 10px;
margin-top: 10px;
max-width: 60%;
}
#onetrust-pc-sdk.otPcTab .description-container {
margin: 0px;
padding: 20px 20px 15px;
position: relative;
left: auto;
}
#onetrust-pc-sdk.otPcTab.ot-leg-opt-out .description-container {
margin-top: 20px;
margin-left: 20px;
padding: 0px 0px 10px;
}
#onetrust-pc-sdk.otPcTab .groups-container {
max-height: none;
height: auto;
overflow: hidden;
}
#onetrust-pc-sdk.otPcTab .ot-button-group-parent {
padding-left: 0px;
padding-right: 0px;
position: relative;
}
#onetrust-pc-sdk.otPcTab .ot-button-group,
#onetrust-pc-sdk.otPcTab #accept-recommended-btn-handler {
float: none;
}
#onetrust-pc-sdk.otPcTab .save-preference-btn-handler,
#onetrust-pc-sdk.otPcTab #accept-recommended-btn-handler,
#onetrust-pc-sdk.otPcTab .ot-pc-refuse-all-handler {
width: calc(100% - 33px);
}
}
@media (max-width: 640px) {
#onetrust-pc-sdk.otPcTab .pc-header {
padding: 10px;
width: calc(100% - 20px);
}
#onetrust-pc-sdk.otPcTab #ot-content {
height: calc(100% - 275px);
}
#onetrust-pc-sdk.otPcTab .ot-button-group-parent {
padding: 15px;
margin: 0px;
width: calc(100% - 30px);
}
#onetrust-pc-sdk.otPcTab .ot-sdk-row .ot-sdk-columns {
width: 100%;
}
#onetrust-pc-sdk.otPcTab .description-container {
margin: 0px;
}
#onetrust-pc-sdk.otPcTab.ot-leg-opt-out .description-container {
margin-left: 10px;
width: calc(100% - 15px);
margin-top: 5px;
margin-bottom: 5px;
}
#onetrust-pc-sdk.otPcTab .vendor-info {
max-width: 80%;
}
#onetrust-pc-sdk.otPcTab #filter-container {
bottom: 5px;
position: relative;
float: right;
right: 15px;
}
#onetrust-pc-sdk.otPcTab #vendor-list-content {
height: calc(100% - 305px);
width: calc(100% - 18px);
padding-top: 13px;
padding-right: 5px;
padding-left: 10px;
}
#onetrust-pc-sdk.otPcTab #ot-triangle {
top: 190px;
}
#onetrust-pc-sdk.otPcTab #ot-filter-modal {
top: 196px;
}
#onetrust-pc-sdk.otPcTab .ot-pc-footer-logo a {
width: auto;
}
}
@media (max-width: 600px) {
#onetrust-pc-sdk.otPcTab .vendor-content {
overflow-y: scroll;
}
#onetrust-pc-sdk.otPcTab #vendor-list-content {
height: auto;
overflow: hidden;
}
#onetrust-pc-sdk.otPcTab #vendors-list-header {
height: 70px;
padding: 15px 0px;
width: 100%;
}
#onetrust-pc-sdk.otPcTab #search-container {
display: inline-block;
width: 85%;
position: absolute;
}
#onetrust-pc-sdk.otPcTab .navigation-container {
display: block;
text-align: left;
float: none;
border-bottom: 1px solid rgb(215, 215, 215);
padding-bottom: 15px;
padding-left: 15px;
}
#onetrust-pc-sdk.otPcTab .action-container {
width: calc(100% - 15px);
float: none;
bottom: auto;
display: inline-block;
padding-top: 8px;
padding-left: 15px;
}
#onetrust-pc-sdk.otPcTab #vendor-search-handler {
width: 90%;
}
#onetrust-pc-sdk.otPcTab .ot-button-group-parent {
display: inline-block;
height: auto;
margin-bottom: 10px;
}
}
@media (max-width: 425px) {
#onetrust-pc-sdk.otPcTab #vendors-list .accordion-text {
padding: 6px 25px 10px;
}
#onetrust-pc-sdk.otPcTab #vendors-list-container .ot-toggle-group,
#onetrust-pc-sdk.otPcTab #hosts-list-container .ot-toggle-group {
width: 100%;
}
#onetrust-pc-sdk.otPcTab #vendors-list-container .host-notice,
#onetrust-pc-sdk.otPcTab #vendors-list-container .vendor-notice,
#onetrust-pc-sdk.otPcTab #hosts-list-container .host-notice,
#onetrust-pc-sdk.otPcTab #hosts-list-container .vendor-notice {
width: 100%;
float: left;
margin-left: 30px;
}
#onetrust-pc-sdk.otPcTab #vendors-list-container .ot-arrow-container,
#onetrust-pc-sdk.otPcTab #hosts-list-container .ot-arrow-container {
float: left;
}
#onetrust-pc-sdk.otPcTab #vendors-list-container .vendor-info {
float: left;
width: 100%;
max-width: 85%;
}
#onetrust-pc-sdk.otPcTab #pc-title {
max-width: 100%;
}
#onetrust-pc-sdk.otPcTab.ot-leg-opt-out
.cookie-subgroups-container
li.cookie-subgroup {
margin-left: 10px;
width: calc(100% - 10px);
}
#onetrust-pc-sdk.otPcTab.ot-leg-opt-out
#vendors-list-container
.ot-toggle-group {
width: auto;
float: right;
}
#onetrust-pc-sdk.otPcTab.ot-leg-opt-out
#vendors-list-container
.ot-arrow-container {
float: right;
}
#onetrust-pc-sdk.otPcTab.ot-leg-opt-out #vendors-list-container .vendor-info {
max-width: 47%;
}
}
@media only screen and (min-width: 320px) and (max-width: 896px) and (orientation: landscape) {
#onetrust-pc-sdk.otPcTab {
height: 100%;
}
#onetrust-pc-sdk.otPcTab #ot-content {
height: calc(100% - 162px);
}
#onetrust-pc-sdk.otPcTab .pc-header {
padding: 10px;
width: calc(100% - 20px);
}
#onetrust-pc-sdk.otPcTab .ot-button-group-parent {
padding: 20px;
width: calc(100% - 40px);
}
#onetrust-pc-sdk.otPcTab .vendor-content {
overflow-y: scroll;
}
#onetrust-pc-sdk.otPcTab #vendor-list-content {
height: auto;
overflow: hidden;
}
#onetrust-pc-sdk.otPcTab .ot-button-group,
#onetrust-pc-sdk.otPcTab #accept-recommended-btn-handler {
float: right;
}
#onetrust-pc-sdk.otPcTab .ot-pc-footer-logo,
#onetrust-pc-sdk.otPcTab .save-preference-btn-handler,
#onetrust-pc-sdk.otPcTab #accept-recommended-btn-handler {
width: auto;
}
}
@media only screen and (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
#onetrust-pc-sdk.otPcTab .ot-sdk-row .ot-sdk-columns {
width: 100%;
}
#onetrust-pc-sdk.otPcTab.ot-leg-opt-out .description-container {
width: calc(100% - 15px);
}
}
@media only screen and (min-width: 641px) and (max-width: 896px) and (orientation: landscape) {
#onetrust-pc-sdk.otPcTab .description-container {
position: absolute;
left: 30%;
}
}
@media (max-width: 425px),
(max-width: 896px) and (max-height: 425px) and (orientation: landscape) {
#onetrust-pc-sdk.otPcTab .pc-header {
padding-right: 20px;
}
#onetrust-pc-sdk.otPcTab .pc-logo-container {
margin-left: 0px;
margin-top: 5px;
}
#onetrust-pc-sdk.otPcTab .pc-logo {
height: 40px;
width: 150px;
}
#onetrust-pc-sdk.otPcTab .pc-close-btn-container {
margin-top: 10px;
}
#onetrust-pc-sdk.otPcTab .pc-close-btn-container .ot-close-icon {
width: 12px;
height: 12px;
}
#onetrust-pc-sdk.otPcTab .group-toggle {
float: right;
margin-left: 10px;
width: auto;
}
#onetrust-pc-sdk.otPcTab.ot-leg-opt-out .group-toggle {
margin-left: 0px;
padding-right: 10px;
}
#onetrust-pc-sdk.otPcTab #pc-privacy-header,
#onetrust-pc-sdk.otPcTab .group-toggle .category-header {
display: none;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
#onetrust-pc-sdk.otPcTab #vendors-list-header input {
min-width: 250px;
max-width: 300px;
}
}
#onetrust-consent-sdk #onetrust-pc-sdk,
#onetrust-consent-sdk #search-container,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch.ot-toggle,
#onetrust-consent-sdk #onetrust-pc-sdk group-toggle .checkbox,
#onetrust-consent-sdk #onetrust-pc-sdk #pc-title::after {
background-color: rgb(11, 11, 11);
}
#onetrust-consent-sdk #onetrust-pc-sdk h3,
#onetrust-consent-sdk #onetrust-pc-sdk h4,
#onetrust-consent-sdk #onetrust-pc-sdk h5,
#onetrust-consent-sdk #onetrust-pc-sdk h6,
#onetrust-consent-sdk #onetrust-pc-sdk p,
#onetrust-consent-sdk
#onetrust-pc-sdk
#vendors-list-container
.vendor-options
p,
#onetrust-consent-sdk #onetrust-pc-sdk #pc-policy-text,
#onetrust-consent-sdk #onetrust-pc-sdk #pc-title,
#onetrust-consent-sdk #onetrust-pc-sdk .leg-int-title,
#onetrust-consent-sdk #onetrust-pc-sdk .leg-int-sel-all-hdr span,
#onetrust-consent-sdk #onetrust-pc-sdk #hosts-list-container .vendor-host,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-filter-modal #modal-header,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-checkbox label span,
#onetrust-consent-sdk #onetrust-pc-sdk #vendors-list #select-all-container p,
#onetrust-consent-sdk #onetrust-pc-sdk #vendors-list #vendors-list-title,
#onetrust-consent-sdk #onetrust-pc-sdk #vendors-list .back-btn-handler p,
#onetrust-consent-sdk #onetrust-pc-sdk #vendors-list .vendor-title,
#onetrust-consent-sdk
#onetrust-pc-sdk
#vendors-list
#vendors-list-container
.consent-category,
#onetrust-consent-sdk
#onetrust-pc-sdk
.ot-leg-btn-container
.ot-inactive-leg-btn,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-label-status,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-chkbox label span,
#onetrust-consent-sdk #onetrust-pc-sdk #clear-filters-handler {
color: rgb(255, 255, 255);
}
#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link,
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler + a,
#onetrust-consent-sdk #onetrust-pc-sdk .category-host-list-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .vendor-privacy-notice,
#onetrust-consent-sdk #onetrust-pc-sdk #hosts-list-container .host-title a,
#onetrust-consent-sdk
#onetrust-pc-sdk
#hosts-list-container
.accordion-header
.host-view-cookies,
#onetrust-consent-sdk #onetrust-pc-sdk #hosts-list-container .vendor-host a {
color: rgb(255, 255, 255);
}
#onetrust-consent-sdk #onetrust-banner-sdk a[href] {
color: rgb(56, 96, 190);
}
#onetrust-consent-sdk #onetrust-pc-sdk .category-vendors-list-handler:hover {
opacity: 0.7;
}
#onetrust-consent-sdk
#onetrust-pc-sdk
button:not(#clear-filters-handler):not(.ot-close-icon):not(
#filter-btn-handler
):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler),
#onetrust-consent-sdk
#onetrust-pc-sdk
.ot-leg-btn-container
.ot-active-leg-btn {
background-color: rgb(3, 122, 238);
border-color: rgb(3, 122, 238);
color: rgb(255, 255, 255);
}
#onetrust-consent-sdk #onetrust-pc-sdk .active-group {
border-color: rgb(3, 122, 238);
}
#onetrust-consent-sdk
#onetrust-pc-sdk
.ot-leg-btn-container
.ot-remove-objection-handler {
background-color: transparent;
border: 1px solid transparent;
}
#onetrust-consent-sdk
#onetrust-pc-sdk
.ot-leg-btn-container
.ot-inactive-leg-btn {
background-color: rgb(255, 255, 255);
color: rgb(120, 128, 142);
border-color: rgb(120, 128, 142);
}
#onetrust-consent-sdk #onetrust-pc-sdk .category-menu-switch-handler {
background-color: rgb(11, 11, 11);
}
#onetrust-consent-sdk #onetrust-pc-sdk .active-group {
background-color: rgb(11, 11, 11);
}
#onetrust-pc-sdk * {
outline: none !important;
}
#onetrust-pc-sdk .description-container {
padding-left: 16px;
}
#onetrust-pc-sdk .description-container h3 {
color: rgb(231, 231, 231) !important;
}
#onetrust-pc-sdk.otPcTab {
border-radius: 0px;
box-shadow: none;
border: 1px solid rgb(47, 47, 47);
}
#onetrust-pc-sdk.otPcTab .ot-button-group-parent {
border-top: none;
}
#onetrust-pc-sdk .pc-header {
border-bottom: none;
display: flex;
}
#onetrust-pc-sdk .description-container {
outline: none;
}
#onetrust-pc-sdk .pc-logo {
height: 50px !important;
width: 50px !important;
}
#onetrust-pc-sdk .pc-close-btn-container {
right: 3%;
margin-top: 10px;
}
#onetrust-pc-sdk #close-pc-btn-handler.ot-close-icon {
width: 40px;
height: 40px;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 21.4618L27.5382 29L29 27.5382L21.4618 20L29 12.4618L27.5382 11L20 18.5382L12.4618 11L11 12.4618L18.5382 20L11 27.5382L12.4618 29L20 21.4618Z' fill='white'/%3E%3C/svg%3E%0A");
}
#onetrust-pc-sdk .group {
border-bottom: none;
outline: none;
}
#onetrust-consent-sdk #onetrust-pc-sdk .active-group {
border-color: transparent;
}
#onetrust-banner-sdk .powered-by-logo,
#onetrust-pc-sdk .powered-by-logo {
height: 25px;
width: 200px;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MzcgOTIiIHdpZHRoPSI4MzciIGhlaWdodD0iOTIiPgoJPHN0eWxlPgoJCXRzcGFuIHsgd2hpdGUtc3BhY2U6cHJlIH0KCQkuc2hwMCB7IGZpbGw6ICNmZmZmZmYgfSAKCTwvc3R5bGU+Cgk8ZyBpZD0iTGF5ZXIiPgoJCTxnIGlkPSJMYXllciI+CgkJCTxnIGlkPSJMYXllciI+CgkJCQk8ZyBpZD0iTGF5ZXIiPgoJCQkJCTxwYXRoIGlkPSJMYXllciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGFzcz0ic2hwMCIgZD0iTTQxMi4xOCA0NS42QzQxMi4xOCA1OC44NSA0MDguODUgNjkuMjcgNDAyLjE4IDc2Ljg2QzM5NS41MSA4NC40NSAzODYuMTggODguMjQgMzc0LjE4IDg4LjI0QzM2MS45OCA4OC4yNCAzNTIuNTkgODQuNDkgMzQ2IDc3QzMzOS40MSA2OS41MSAzMzYuMDggNTkgMzM2IDQ1LjQ4QzMzNiAzMiAzMzkuMzMgMjEuNTUgMzQ2IDE0LjEyQzM1Mi42NyA2LjY5IDM2Mi4wOSAyLjk5IDM3NC4yOCAzQzM4Ni4xNyAzIDM5NS40NiA2Ljc3IDQwMi4xNCAxNC4zMkM0MDguODIgMjEuODcgNDEyLjE3IDMyLjI5IDQxMi4xOCA0NS42Wk0zNDYuMTggNDUuNkMzNDYuMTggNTYuODEgMzQ4LjU3IDY1LjMyIDM1My4zNCA3MS4xMkMzNTguMTEgNzYuOTIgMzY1LjA2IDc5LjgxIDM3NC4xOCA3OS44QzM4My4zNSA3OS44IDM5MC4yOCA3Ni45MSAzOTQuOTYgNzEuMTRDMzk5LjY0IDY1LjM3IDQwMS45OSA1Ni44NSA0MDIgNDUuNkM0MDIgMzQuNDcgMzk5LjY3IDI2LjAyIDM5NSAyMC4yNkMzOTAuMzMgMTQuNSAzODMuNDMgMTEuNjEgMzc0LjI4IDExLjZDMzY1LjExIDExLjYgMzU4LjEzIDE0LjUgMzUzLjM2IDIwLjNDMzQ4LjU5IDI2LjEgMzQ2LjIgMzQuNTMgMzQ2LjIgNDUuNkwzNDYuMTggNDUuNloiIC8+CgkJCQkJPHBhdGggaWQ9IkxheWVyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsYXNzPSJzaHAwIiBkPSJNNDcxLjcyIDg3LjEyTDQ3MS43MiA0N0M0NzEuNzIgNDEuOTUgNDcwLjU3IDM4LjE3IDQ2OC4yNiAzNS42OEM0NjUuOTUgMzMuMTkgNDYyLjM1IDMxLjk0IDQ1Ny40NCAzMS45NEM0NTAuOTUgMzEuOTQgNDQ2LjE5IDMzLjY5IDQ0My4xNiAzNy4yQzQ0MC4xMyA0MC43MSA0MzguNjIgNDYuNSA0MzguNjIgNTQuNThMNDM4LjYyIDg3LjEyTDQyOS4yMiA4Ny4xMkw0MjkuMjIgMjVMNDM2Ljg2IDI1TDQzOC4zOCAzMy41TDQzOC44NCAzMy41QzQ0MC43OCAzMC40MiA0NDMuNTUgMjcuOTYgNDQ2Ljg0IDI2LjRDNDUwLjQ3IDI0LjY4IDQ1NC40NSAyMy44MiA0NTguNDYgMjMuODhDNDY1Ljk0IDIzLjg4IDQ3MS41NyAyNS42OCA0NzUuMzQgMjkuMjhDNDc5LjExIDMyLjg4IDQ4MSAzOC42NSA0ODEgNDYuNThMNDgxIDg3LjEyTDQ3MS43MiA4Ny4xMloiIC8+CgkJCQkJPHBhdGggaWQ9IkxheWVyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsYXNzPSJzaHAwIiBkPSJNNTI2LjY2IDg4LjI0QzUxNy40OSA4OC4yNCA1MTAuMjUgODUuNDUgNTA0Ljk0IDc5Ljg2QzQ5OS42MyA3NC4yNyA0OTYuOTcgNjYuNTEgNDk2Ljk0IDU2LjU4QzQ5Ni45NCA0Ni41OCA0OTkuNDEgMzguNjMgNTA0LjM0IDMyLjc0QzUwOS4yMiAyNi44NiA1MTYuNTYgMjMuNTkgNTI0LjIgMjMuOUM1MzEuMTkgMjMuNTcgNTM3Ljk2IDI2LjM5IDU0Mi42NiAzMS41OEM1NDcuMTkgMzYuNyA1NDkuNDYgNDMuNDUgNTQ5LjQ2IDUxLjgyTDU0OS40NiA1Ny44Mkw1MDYuNzIgNTcuODJDNTA2LjkxIDY1LjExIDUwOC43NSA3MC42NSA1MTIuMjQgNzQuNDJDNTE2LjExIDc4LjM1IDUyMS40OSA4MC40MSA1MjcgODAuMDhDNTMzLjgyIDgwLjA1IDU0MC41NyA3OC42MiA1NDYuODIgNzUuODhMNTQ2LjgyIDg0LjI2QzU0My43OCA4NS42IDU0MC42MiA4Ni42MyA1MzcuMzggODcuMzRDNTMzLjg1IDg4IDUzMC4yNSA4OC4zIDUyNi42NiA4OC4yNFpNNTI0LjEgMzEuNzhDNTE5LjU4IDMxLjU2IDUxNS4xOCAzMy4zNCA1MTIuMSAzNi42NkM1MDguOTEgNDAuNDUgNTA3LjA3IDQ1LjE5IDUwNi44NiA1MC4xNEw1MzkuNCA1MC4xNEM1MzkuNCA0NC4yMSA1MzguMDcgMzkuNjcgNTM1LjQgMzYuNTJDNTMyLjU2IDMzLjI5IDUyOC4zOSAzMS41NCA1MjQuMSAzMS43OFoiIC8+CgkJCQkJPHBhdGggaWQ9IkxheWVyIiBjbGFzcz0ic2hwMCIgZD0iTTU5Mi40MiA4Ny4xMkw1ODIuOCA4Ny4xMkw1ODIuOCAxMi44Nkw1NTYuNTYgMTIuODZMNTU2LjU2IDQuM0w2MTguNTYgNC4zTDYxOC41NiAxMi44Nkw1OTIuNDIgMTIuODZMNTkyLjQyIDg3LjEyWiIgLz4KCQkJCQk8cGF0aCBpZD0iTGF5ZXIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xhc3M9InNocDAiIGQ9Ik02NTggMjMuOUM2NjAuNDkgMjMuODggNjYyLjk4IDI0LjEgNjY1LjQyIDI0LjU4TDY2NC4xMiAzMy4zQzY2MS44OSAzMi43OCA2NTkuNjEgMzIuNSA2NTcuMzIgMzIuNDZDNjUyLjMyIDMyLjQ1IDY0Ny41OSAzNC43IDY0NC40NCAzOC41OEM2NDAuODEgNDIuODEgNjM4LjkgNDguMjUgNjM5LjA4IDUzLjgyTDYzOS4wOCA4Ny4xMkw2MjkuNjggODcuMTJMNjI5LjY4IDI1TDYzNy40NCAyNUw2MzguNTIgMzYuNUw2MzguOTggMzYuNUM2NDAuOTkgMzIuNzggNjQzLjg0IDI5LjU5IDY0Ny4zIDI3LjE2QzY1MC40NSAyNS4wMSA2NTQuMTggMjMuODcgNjU4IDIzLjlaIiAvPgoJCQkJCTxwYXRoIGlkPSJMYXllciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGFzcz0ic2hwMCIgZD0iTTY4NS44NiAyNUw2ODUuODYgNjUuM0M2ODUuODYgNzAuMzcgNjg3LjAxIDc0LjE0IDY4OS4zMiA3Ni42MkM2OTEuNjMgNzkuMSA2OTUuMjMgODAuMzUgNzAwLjE0IDgwLjM2QzcwNi42MyA4MC4zNiA3MTEuMzggNzguNTkgNzE0LjM4IDc1LjA0QzcxNy4zOCA3MS40OSA3MTguODggNjUuNyA3MTguODggNTcuNjZMNzE4Ljg4IDI1TDcyOC4yOCAyNUw3MjguMjggODdMNzIwLjUyIDg3TDcxOS4xNiA3OC42OEw3MTguNjYgNzguNjhDNzE2LjczIDgxLjc0IDcxMy45NSA4NC4xOCA3MTAuNjYgODUuN0M3MDYuOTkgODcuMzggNzAyLjk5IDg4LjIxIDY5OC45NiA4OC4xNEM2OTEuNDEgODguMTQgNjg1Ljc2IDg2LjM1IDY4MiA4Mi43NkM2NzguMjQgNzkuMTcgNjc2LjM2IDczLjQzIDY3Ni4zNiA2NS41NEw2NzYuMzYgMjVMNjg1Ljg2IDI1WiIgLz4KCQkJCQk8cGF0aCBpZD0iTGF5ZXIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xhc3M9InNocDAiIGQ9Ik03ODguMjggNzAuMThDNzg4LjUzIDc1LjQ0IDc4Ni4xIDgwLjQ3IDc4MS44MiA4My41NEM3NzcuNTEgODYuNjcgNzcxLjQ3IDg4LjI0IDc2My43IDg4LjI0Qzc1NS40NyA4OC4yNCA3NDkuMDUgODYuOTEgNzQ0LjQ0IDg0LjI0TDc0NC40NCA3NS42MkM3NDcuNSA3Ny4xNiA3NTAuNzIgNzguMzUgNzU0LjA0IDc5LjE4Qzc1Ny4yNyA4MC4wMiA3NjAuNTkgODAuNDYgNzYzLjkyIDgwLjQ4Qzc2Ny44MyA4MC43IDc3MS43NCA3OS44OCA3NzUuMjQgNzguMTJDNzc3LjU4IDc2Ljc4IDc3OS4xIDc0LjM1IDc3OS4yNiA3MS42NkM3NzkuNDMgNjguOTcgNzc4LjIyIDY2LjM3IDc3Ni4wNiA2NC43NkM3NzIuMjcgNjIuMiA3NjguMTQgNjAuMTggNzYzLjggNTguNzZDNzU5LjUxIDU3LjI3IDc1NS4zOCA1NS4zNCA3NTEuNDggNTNDNzQ5LjI2IDUxLjY0IDc0Ny4zOCA0OS43OSA3NDYgNDcuNThDNzQ0Ljc2IDQ1LjM1IDc0NC4xNSA0Mi44MyA3NDQuMjIgNDAuMjhDNzQ0LjA5IDM1LjQ5IDc0Ni40MiAzMC45NiA3NTAuNCAyOC4yOEM3NTQuNTIgMjUuMzYgNzYwLjE3IDIzLjkgNzY3LjM0IDIzLjlDNzc0LjA4IDIzLjg5IDc4MC43NSAyNS4yNSA3ODYuOTQgMjcuOUw3ODMuNiAzNS41NEM3NzguMjYgMzMuMTYgNzcyLjUgMzEuODUgNzY2LjY2IDMxLjY4Qzc2My4yMSAzMS40NSA3NTkuNzYgMzIuMTQgNzU2LjY2IDMzLjY4Qzc1NC41NCAzNC44MiA3NTMuMjMgMzcuMDUgNzUzLjI2IDM5LjQ2Qzc1My4yMiA0MC45NyA3NTMuNjcgNDIuNDYgNzU0LjU0IDQzLjdDNzU1LjY1IDQ1LjA5IDc1Ny4wNSA0Ni4yMyA3NTguNjQgNDcuMDRDNzYyLjE2IDQ4LjggNzY1LjggNTAuMzMgNzY5LjUyIDUxLjYyQzc3Ni44OCA1NC4yOSA3ODEuODUgNTYuOTUgNzg0LjQ0IDU5LjYyQzc4Ny4xMSA2Mi40NyA3ODguNSA2Ni4yOCA3ODguMjggNzAuMThMNzg4LjI4IDcwLjE4WiIgLz4KCQkJCQk8cGF0aCBpZD0iTGF5ZXIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xhc3M9InNocDAiIGQ9Ik04MjMuNjIgODAuNDhDODI1LjIzIDgwLjQ5IDgyNi44NSA4MC4zNyA4MjguNDQgODAuMTJDODI5LjY4IDc5Ljk0IDgzMC45MSA3OS42OSA4MzIuMTIgNzkuMzZMODMyLjEyIDg2LjU2QzgzMC42OCA4Ny4xNyA4MjkuMTcgODcuNTggODI3LjYyIDg3Ljc4QzgyNS44NSA4OC4wOCA4MjQuMDYgODguMjQgODIyLjI2IDg4LjI2QzgxMC4yNiA4OC4yNiA4MDQuMjYgODEuOTMgODA0LjI2IDY5LjI4TDgwNC4yNiAzMi4zNEw3OTUuMzYgMzIuMzRMNzk1LjM2IDI3LjhMODA0LjI2IDIzLjhMODA4LjI2IDEwLjU0TDgxMy43IDEwLjU0TDgxMy43IDI1TDgzMS43IDI1TDgzMS43IDMyLjNMODEzLjcgMzIuM0w4MTMuNyA2OC44OEM4MTMuNDkgNzEuOTggODE0LjQ0IDc1LjA0IDgxNi4zNiA3Ny40OEM4MTguMjEgNzkuNTEgODIwLjg3IDgwLjYxIDgyMy42MiA4MC40OEw4MjMuNjIgODAuNDhaIiAvPgoJCQkJPC9nPgoJCQk8L2c+CgkJCTxwYXRoIGlkPSJQb3dlcmVkIGJ5ICIgZmlsbD0iI2ZmZmZmZiIgZD0iTTIwLjI5IDQzLjZMMTQuMDkgNDMuNkwxNC4wOSA1Ny4zTDIwLjI5IDU3LjNRMjMuNzQgNTcuMyAyNS42MiA1NS41MlEyNy41IDUzLjczIDI3LjUgNTAuNDRRMjcuNSA0Ny4xNyAyNS42MiA0NS4zOFEyMy43NCA0My42IDIwLjI5IDQzLjZaTTkuMTYgNzZMOS4xNiAzOS41NUwyMC4yOSAzOS41NVEyNi40MiAzOS41NSAyOS41NSA0Mi4zM1EzMi43IDQ1LjA5IDMyLjcgNTAuNDRRMzIuNyA1NS44MyAyOS41NSA1OC41OVEyNi40MiA2MS4zNSAyMC4yOSA2MS4zNUwxNC4wOSA2MS4zNUwxNC4wOSA3Nkw5LjE2IDc2Wk00Ny45MyA1MS44MVE0NC4zMiA1MS44MSA0Mi4yMiA1NC42NFE0MC4xMiA1Ny40NSA0MC4xMiA2Mi4zNVE0MC4xMiA2Ny4yNiA0Mi4xOSA3MC4wOVE0NC4yOSA3Mi45IDQ3LjkzIDcyLjlRNTEuNTIgNzIuOSA1My42MiA3MC4wN1E1NS43MiA2Ny4yNCA1NS43MiA2Mi4zNVE1NS43MiA1Ny40OSA1My42MiA1NC42NlE1MS41MiA1MS44MSA0Ny45MyA1MS44MVpNNDcuOTMgNDhRNTMuNzkgNDggNTcuMTQgNTEuODFRNjAuNDggNTUuNjEgNjAuNDggNjIuMzVRNjAuNDggNjkuMDcgNTcuMTQgNzIuOVE1My43OSA3Ni43MSA0Ny45MyA3Ni43MVE0Mi4wNSA3Ni43MSAzOC43IDcyLjlRMzUuMzggNjkuMDcgMzUuMzggNjIuMzVRMzUuMzggNTUuNjEgMzguNyA1MS44MVE0Mi4wNSA0OCA0Ny45MyA0OFpNNzIuNDcgNzZMNjUuMzEgNDguNjZMNjkuODEgNDguNjZMNzUuNDIgNjkuOTlMODEuMDEgNDguNjZMODYuMzEgNDguNjZMOTEuOTMgNjkuOTlMOTcuNTIgNDguNjZMMTAyLjAxIDQ4LjY2TDk0Ljg2IDc2TDg5LjU2IDc2TDgzLjY3IDUzLjU5TDc3Ljc3IDc2TDcyLjQ3IDc2Wk0xMzIuMjEgNjEuMjFMMTMyLjIxIDYzLjRMMTExLjU1IDYzLjRRMTExLjg1IDY4LjA0IDExNC4zNCA3MC40OFExMTYuODUgNzIuOSAxMjEuMzIgNzIuOVExMjMuOTEgNzIuOSAxMjYuMzMgNzIuMjZRMTI4Ljc3IDcxLjYzIDEzMS4xNiA3MC4zNkwxMzEuMTYgNzQuNjFRMTI4Ljc0IDc1LjYzIDEyNi4yIDc2LjE3UTEyMy42NiA3Ni43MSAxMjEuMDUgNzYuNzFRMTE0LjUxIDc2LjcxIDExMC42OCA3Mi45UTEwNi44NyA2OS4wOSAxMDYuODcgNjIuNlExMDYuODcgNTUuODggMTEwLjQ4IDUxLjk1UTExNC4xMiA0OCAxMjAuMjcgNDhRMTI1Ljc5IDQ4IDEyOC45OSA1MS41NlExMzIuMjEgNTUuMSAxMzIuMjEgNjEuMjFaTTExMS43IDU5LjkxTDEyNy43MiA1OS44OVExMjcuNjcgNTYuMiAxMjUuNjQgNTRRMTIzLjY0IDUxLjgxIDEyMC4zMiA1MS44MVExMTYuNTYgNTEuODEgMTE0LjI5IDUzLjkzUTExMi4wNCA1Ni4wNSAxMTEuNyA1OS45MVpNMTU1LjQgNDguMjRMMTU1LjQzIDUyLjg2UTE1NC42NyA1Mi40MiAxNTMuNzcgNTIuMjJRMTUyLjg5IDUyIDE1MS44MSA1MlExNDggNTIgMTQ1Ljk1IDU0LjQ5UTE0My45MyA1Ni45NiAxNDMuOTMgNjEuNkwxNDMuOTMgNzZMMTM5LjQxIDc2TDEzOS40MSA0OC42NkwxNDMuOTMgNDguNjZMMTQzLjkzIDUyLjlRMTQ1LjM0IDUwLjQxIDE0Ny42MSA0OS4yMlExNDkuODggNDggMTUzLjEzIDQ4UTE1My42IDQ4IDE1NC4xNiA0OC4wN1ExNTQuNzIgNDguMTIgMTU1LjQgNDguMjRaTTE4Mi40MyA2MS4yMUwxODIuNDMgNjMuNEwxNjEuNzcgNjMuNFExNjIuMDcgNjguMDQgMTY0LjU2IDcwLjQ4UTE2Ny4wNyA3Mi45IDE3MS41NCA3Mi45UTE3NC4xMyA3Mi45IDE3Ni41NCA3Mi4yNlExNzguOTkgNzEuNjMgMTgxLjM4IDcwLjM2TDE4MS4zOCA3NC42MVExNzguOTYgNzUuNjMgMTc2LjQyIDc2LjE3UTE3My44OCA3Ni43MSAxNzEuMjcgNzYuNzFRMTY0LjczIDc2LjcxIDE2MC45IDcyLjlRMTU3LjA5IDY5LjA5IDE1Ny4wOSA2Mi42UTE1Ny4wOSA1NS44OCAxNjAuNyA1MS45NVExNjQuMzQgNDggMTcwLjQ5IDQ4UTE3Ni4wMSA0OCAxNzkuMjEgNTEuNTZRMTgyLjQzIDU1LjEgMTgyLjQzIDYxLjIxWk0xNjEuOTIgNTkuOTFMMTc3Ljk0IDU5Ljg5UTE3Ny44OSA1Ni4yIDE3NS44NiA1NFExNzMuODYgNTEuODEgMTcwLjU0IDUxLjgxUTE2Ni43OCA1MS44MSAxNjQuNTEgNTMuOTNRMTYyLjI2IDU2LjA1IDE2MS45MiA1OS45MVpNMjA3Ljc5IDUyLjgxTDIwNy43OSAzOC4wMUwyMTIuMjkgMzguMDFMMjEyLjI5IDc2TDIwNy43OSA3NkwyMDcuNzkgNzEuOVEyMDYuMzggNzQuMzQgMjA0LjIxIDc1LjU0UTIwMi4wNiA3Ni43MSAxOTkuMDMgNzYuNzFRMTk0LjA3IDc2LjcxIDE5MC45NSA3Mi43NVExODcuODUgNjguOCAxODcuODUgNjIuMzVRMTg3Ljg1IDU1LjkxIDE5MC45NSA1MS45NVExOTQuMDcgNDggMTk5LjAzIDQ4UTIwMi4wNiA0OCAyMDQuMjEgNDkuMTlRMjA2LjM4IDUwLjM3IDIwNy43OSA1Mi44MVpNMTkyLjQ5IDYyLjM1UTE5Mi40OSA2Ny4zMSAxOTQuNTEgNzAuMTRRMTk2LjU2IDcyLjk1IDIwMC4xMyA3Mi45NVEyMDMuNjkgNzIuOTUgMjA1Ljc0IDcwLjE0UTIwNy43OSA2Ny4zMSAyMDcuNzkgNjIuMzVRMjA3Ljc5IDU3LjQgMjA1Ljc0IDU0LjU5UTIwMy42OSA1MS43NiAyMDAuMTMgNTEuNzZRMTk2LjU2IDUxLjc2IDE5NC41MSA1NC41OVExOTIuNDkgNTcuNCAxOTIuNDkgNjIuMzVaTTI1Ny4wNiA2Mi4zNVEyNTcuMDYgNTcuNCAyNTUuMDEgNTQuNTlRMjUyLjk5IDUxLjc2IDI0OS40MiA1MS43NlEyNDUuODYgNTEuNzYgMjQzLjgxIDU0LjU5UTI0MS43OCA1Ny40IDI0MS43OCA2Mi4zNVEyNDEuNzggNjcuMzEgMjQzLjgxIDcwLjE0UTI0NS44NiA3Mi45NSAyNDkuNDIgNzIuOTVRMjUyLjk5IDcyLjk1IDI1NS4wMSA3MC4xNFEyNTcuMDYgNjcuMzEgMjU3LjA2IDYyLjM1Wk0yNDEuNzggMzguMDFMMjQxLjc4IDUyLjgxUTI0My4yIDUwLjM3IDI0NS4zNCA0OS4xOVEyNDcuNTIgNDggMjUwLjUyIDQ4UTI1NS41IDQ4IDI1OC42IDUxLjk1UTI2MS43MyA1NS45MSAyNjEuNzMgNjIuMzVRMjYxLjczIDY4LjggMjU4LjYgNzIuNzVRMjU1LjUgNzYuNzEgMjUwLjUyIDc2LjcxUTI0Ny41MiA3Ni43MSAyNDUuMzQgNzUuNTRRMjQzLjIgNzQuMzQgMjQxLjc4IDcxLjlMMjQxLjc4IDc2TDIzNy4yNiA3NkwyMzcuMjYgMzguMDFMMjQxLjc4IDM4LjAxWk0yOTIuNTYgNDguNjZMMjgwLjU1IDc4LjU0UTI3OC42NCA4My40MiAyNzYuODQgODQuOTFRMjc1LjAzIDg2LjQgMjcyIDg2LjRMMjY4LjQyIDg2LjRMMjY4LjQyIDgyLjY0TDI3MS4wNSA4Mi42NFEyNzIuOTEgODIuNjQgMjczLjkzIDgxLjc2UTI3NC45NiA4MC44OCAyNzYuMiA3Ny42MUwyNzcuMDEgNzUuNTZMMjY1Ljk1IDQ4LjY2TDI3MC43MSA0OC42NkwyNzkuMjUgNzAuMDRMMjg3LjggNDguNjZMMjkyLjU2IDQ4LjY2WiIgLz4KCQk8L2c+Cgk8L2c+Cjwvc3ZnPg==') !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk h3,
#onetrust-consent-sdk #onetrust-pc-sdk h4,
#onetrust-consent-sdk #onetrust-pc-sdk h6,
#onetrust-consent-sdk #onetrust-pc-sdk p,
#onetrust-consent-sdk #onetrust-pc-sdk #pc-policy-text,
#onetrust-consent-sdk #onetrust-pc-sdk #pc-title {
font-family: Brutal, sans-serif;
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
}
#onetrust-pc-sdk .always-active {
font-family: Brutal, sans-serif;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
font-size: 14px;
}
#onetrust-consent-sdk #onetrust-pc-sdk .active-group h3 {
color: rgb(255, 255, 255);
}
#onetrust-consent-sdk #onetrust-pc-sdk h3 {
font-size: 14px;
}
#onetrust-consent-sdk #onetrust-pc-sdk .pc-title-container {
width: calc(100% - 50px);
}
#onetrust-consent-sdk #onetrust-pc-sdk #pc-title {
font-size: 30px;
line-height: 34px;
letter-spacing: -0.5px;
color: rgb(255, 255, 255);
font-weight: 100;
padding-right: 0px;
margin-right: 1em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#onetrust-consent-sdk #onetrust-pc-sdk #pc-title::after {
content: none;
}
#onetrust-pc-sdk .category-host-list-handler {
text-decoration: underline;
}
#onetrust-consent-sdk #onetrust-pc-sdk .group-description {
letter-spacing: 0.2px;
line-height: 20px;
font-size: 14px;
}
#onetrust-consent-sdk #onetrust-pc-sdk .group-description > a {
color: white;
}
#onetrust-pc-sdk #filter-btn-handler svg {
filter: invert(1);
}
#onetrust-pc-sdk #vendor-list-content {
overscroll-behavior: contain;
}
#onetrust-pc-sdk #vendors-list-header {
border: none;
}
#onetrust-pc-sdk #vendors-list-header input {
background-color: rgb(37, 37, 37);
border: none;
}
#onetrust-pc-sdk #search-container svg {
filter: invert(1);
top: 0px;
}
#onetrust-pc-sdk .back-btn-handler {
filter: brightness(100);
}
#onetrust-pc-sdk .ot-checkbox input[type='checkbox']:focus + label::before,
#onetrust-pc-sdk .ot-checkbox input:checked ~ label::before,
#onetrust-pc-sdk .ot-checkbox label::before {
border: none;
border-radius: 0px;
background: rgb(72, 72, 72);
outline: none;
}
#onetrust-pc-sdk #vendors-list-container li,
#onetrust-pc-sdk #hosts-list-container li {
border: none;
}
#onetrust-pc-sdk #options {
background: rgb(37, 37, 37);
box-shadow: none;
}
#onetrust-pc-sdk #triangle {
border: 12px solid rgb(37, 37, 37);
background-color: rgb(37, 37, 37);
box-shadow: none;
}
#onetrust-pc-sdk #clear-filters-handler p {
color: rgb(255, 255, 255);
}
#onetrust-pc-sdk #clear-filters-handler p:hover {
color: rgb(255, 255, 255);
text-decoration: underline;
}
#onetrust-pc-sdk .ot-checkbox label::after {
border-left: 1.5px solid;
border-bottom: 1.5px solid;
}
#onetrust-pc-sdk #hosts-list-container .host-option-group li.vendor-host {
background-color: transparent;
color: rgb(105, 105, 105);
}
#onetrust-consent-sdk #onetrust-pc-sdk button {
box-shadow: none;
border-radius: 4px;
min-height: 40px;
text-transform: uppercase;
font-size: 10px;
line-height: 14px;
letter-spacing: 1px;
}
#onetrust-pc-sdk #select-all-text-container p {
color: rgb(231, 231, 231);
}
#onetrust-consent-sdk #onetrust-pc-sdk .group:hover h3 {
color: rgb(231, 231, 231);
}
#onetrust-pc-sdk .pc-content::after {
content: '';
position: absolute;
height: 100%;
width: 0px;
top: 0px;
left: 32%;
border-left: 1px solid rgba(255, 255, 255, 0.25);
}
@media (max-width: 767px) {
#onetrust-consent-sdk #onetrust-pc-sdk #pc-title {
font-size: 20px;
}
#onetrust-consent-sdk #onetrust-pc-sdk #pc-title::before {
content: '';
}
#onetrust-pc-sdk.otPcTab .ot-button-group-parent {
position: absolute;
bottom: 0px;
}
#onetrust-pc-sdk.otPcTab #vendors-list-header {
height: unset;
}
}
@media (max-width: 640px) {
#onetrust-pc-sdk .pc-content::after {
content: none;
}
}
@media (max-width: 600px) {
#onetrust-pc-sdk.otPcTab .action-container {
display: none;
}
}
#onetrust-pc-sdk .action-container {
display: none;
}
#onetrust-pc-sdk
#vendors-list-container
input[type='checkbox']:not(:checked)
~ .accordion-text,
#onetrust-pc-sdk
#hosts-list-container
input[type='checkbox']:not(:checked)
~ .accordion-text,
#onetrust-pc-sdk
.cookie-subgroups
input[type='checkbox']:not(:checked)
~ .accordion-text {
transition: none 0s ease 0s;
display: block;
margin-top: unset;
max-height: unset;
width: unset;
opacity: unset;
}
#onetrust-pc-sdk .group-toggle .ot-toggle {
background: transparent;
}
#onetrust-pc-sdk
#vendors-list-container
input[type='checkbox']:checked
~ .accordion-text,
#onetrust-pc-sdk
#hosts-list-container
input[type='checkbox']:checked
~ .accordion-text,
#onetrust-pc-sdk
.cookie-subgroups
input[type='checkbox']:checked
~ .accordion-text {
margin-top: 0px;
max-height: 0px;
opacity: 0;
transition: none 0s ease 0s;
display: block;
overflow: hidden;
padding: 0px;
}
#onetrust-pc-sdk input:checked ~ .accordion-header .arrow {
transform: unset;
}
#onetrust-pc-sdk input:not(:checked) ~ .accordion-header .arrow {
transform: rotate(90deg);
}
.ar #onetrust-pc-sdk .pc-close-btn-container,
html[lang='ar'] #onetrust-pc-sdk .pc-close-btn-container {
left: 3%;
right: auto;
}
.ar #onetrust-pc-sdk .pc-content::after,
html[lang='ar'] #onetrust-pc-sdk .pc-content::after {
right: 32%;
left: auto;
}
.ot-sdk-cookie-policy {
font-family: inherit;
font-size: 16px;
}
.ot-sdk-cookie-policy h3,
.ot-sdk-cookie-policy h4,
.ot-sdk-cookie-policy h6,
.ot-sdk-cookie-policy p,
.ot-sdk-cookie-policy li,
.ot-sdk-cookie-policy a,
.ot-sdk-cookie-policy th,
.ot-sdk-cookie-policy #cookie-policy-description,
.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group,
.ot-sdk-cookie-policy #cookie-policy-title {
color: dimgray;
}
.ot-sdk-cookie-policy #cookie-policy-description {
margin-bottom: 1em;
}
.ot-sdk-cookie-policy h4 {
font-size: 1.2em;
}
.ot-sdk-cookie-policy h6 {
font-size: 1em;
margin-top: 2em;
}
.ot-sdk-cookie-policy th {
min-width: 75px;
}
.ot-sdk-cookie-policy a,
.ot-sdk-cookie-policy a:hover {
background: rgb(255, 255, 255);
}
.ot-sdk-cookie-policy thead {
background-color: rgb(246, 246, 244);
font-weight: bold;
}
.ot-sdk-cookie-policy .ot-mobile-border {
display: none;
}
.ot-sdk-cookie-policy section {
margin-bottom: 2em;
}
.ot-sdk-cookie-policy table {
border-collapse: inherit;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy {
font-family: inherit;
font-size: 16px;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h3,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h4,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title {
color: dimgray;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description {
margin-bottom: 1em;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-subgroup {
margin-left: 1.5rem;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span {
font-size: 0.9rem;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
font-size: 1rem;
margin-bottom: 0.6rem;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-title {
margin-bottom: 1.2rem;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy > section {
margin-bottom: 1rem;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th {
min-width: 75px;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a:hover {
background: rgb(255, 255, 255);
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead {
background-color: rgb(246, 246, 244);
font-weight: bold;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-mobile-border {
display: none;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy section {
margin-bottom: 2em;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-subgroup ul li {
list-style: disc;
margin-left: 1.5rem;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-subgroup ul li h4 {
display: inline-block;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table {
border-collapse: inherit;
margin: auto;
border: 1px solid rgb(215, 215, 215);
border-radius: 5px;
border-spacing: initial;
width: 100%;
overflow: hidden;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td {
border-bottom: 1px solid rgb(215, 215, 215);
border-right: 1px solid rgb(215, 215, 215);
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td {
border-bottom: 0px;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr th:last-child,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr td:last-child {
border-right: 0px;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-host,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-cookies-type {
width: 25%;
}
.ot-sdk-cookie-policy[dir='rtl'] {
text-align: left;
}
@media only screen and (max-width: 530px) {
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) table,
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) thead,
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) tbody,
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) th,
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) td,
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) tr {
display: block;
}
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) tr {
margin: 0px 0px 1rem;
}
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) tr:nth-child(2n + 1),
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) tr:nth-child(2n + 1) a {
background: rgb(246, 246, 244);
}
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) td {
border-top: none;
border-right: none;
border-left: none;
border-image: initial;
border-bottom: 1px solid rgb(238, 238, 238);
position: relative;
padding-left: 50%;
}
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) td::before {
position: absolute;
height: 100%;
left: 6px;
width: 40%;
padding-right: 10px;
}
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) .ot-mobile-border {
display: inline-block;
background-color: rgb(228, 228, 228);
position: absolute;
height: 100%;
top: 0px;
left: 45%;
width: 2px;
}
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) td::before {
content: attr(data-label);
font-weight: bold;
}
.ot-sdk-cookie-policy:not(#ot-sdk-cookie-policy-v2) li {
word-break: break-word;
overflow-wrap: break-word;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table {
overflow: hidden;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td {
border-top: none;
border-right: none;
border-left: none;
border-image: initial;
border-bottom: 1px solid rgb(215, 215, 215);
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy tbody,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy tr {
display: block;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-host,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-cookies-type {
width: auto;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy tr {
margin: 0px 0px 1rem;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td::before {
height: 100%;
width: 40%;
padding-right: 10px;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td::before {
content: attr(data-label);
font-weight: bold;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li {
word-break: break-word;
overflow-wrap: break-word;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead tr {
position: absolute;
top: -9999px;
left: -9999px;
z-index: -9999;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr:last-child td {
border-bottom: 1px solid rgb(215, 215, 215);
border-right: 0px;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy
table
tr:last-child
td:last-child {
border-bottom: 0px;
}
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h5,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description {
color: rgb(105, 105, 105);
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th {
color: rgb(105, 105, 105);
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
color: rgb(105, 105, 105);
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title {
color: rgb(105, 105, 105);
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th {
background-color: rgb(248, 248, 248);
}
.wf-nav-open {
height: 100vh;
overflow: hidden;
position: fixed;
width: 100vw;
}
@supports (height: 100dvh) {
.wf-nav-open {
height: 100dvh;
}
}