@font-face {
font-family: "Futura PT Demi";
font-style: normal;
src: url(//static.prod-my.games/public-ru-la-prod/site/promo_links/ru/kaishuter-raid/FuturaPT-Demi.70db1b9c.woff2) format("woff2"),
url(//static.prod-my.games/public-ru-la-prod/site/promo_links/ru/kaishuter-raid/FuturaPT-Demi.f48de602.woff) format("woff");
}
.web-iframe,
.web-iframe body {
background: transparent;
}
div[class*=" icon-"]::before,
div[class^=icon-]::before {
font-family: la-icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.text p {
margin: 0 0 30px;
padding: 0;
}
.text .news-p--no-margin p { margin: 0; }
.text kbd {
border: 1px solid #666;
border-radius: 5px;
display: inline-block;
font-family: inherit;
font-size: 16px;
margin: 4px 4px 2px;
min-width: 30px;
padding: 1px 5px;
text-align: center;
white-space: nowrap;
}
.text h2 {
color: #fff;
font-family: "Cormorant SC";
font-size: 36px;
font-weight: 400;
line-height: 1.4;
margin: 80px 0px 40px;
text-align: center;
}
.text h3 {
color: #fff;
font-family: "Futura PT";
font-size: 22px;
font-weight: 400;
line-height: 1.4;
margin: 60px 0px 30px;
text-align: center;
}
.text ol,
.text ul { list-style: none; }
.text ol:not([class]),
.text ul:not([class]) { margin: 40px 0; }
.text ol ol:not([class]),
.text ol ul:not([class]),
.text ul ul:not([class]),
.text ul ol:not([class]) { margin: 10px 0; }
.text ol li,
.text ul li {
margin-bottom: 10px;
padding: 0 0 0 30px;
position: relative;
}
.text ol li::before,
.text ul li::before {
color: #c00;
display: inline-block;
left: 0;
position: absolute;
width: 30px;
}
.text ul li::before { content: "\2022"; }
.text ol { counter-reset: li; }
.text ol > li { counter-increment: li; }
.text ol > li::before { content: counter(li) "."; }
.text ol ol,
.text ol ul,
.text ul ol,
.text ul ul { margin: 0 0 0 30px; }
.news-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
margin: 24px 0 40px;
}
.newsdetail__body .button a {
color: #fff;
display: block;
text-decoration: none;
width: 100%;
}
.newsdetail__body .button-small a,
.newsdetail__body .button-medium a,
.newsdetail__body .button-large a {
line-height: 28px;
}
.newsdetail__body .button-small-x15 a,
.newsdetail__body .button-medium-x15 a,
.newsdetail__body .button-large-x15 a {
line-height: 40px;
}
.newsdetail__body .button-small-x20 a,
.newsdetail__body .button-medium-x20 a,
.newsdetail__body .button-large-x20 a {
line-height: 56px;
}
.news-img,
video,
.oembed-provider-youtube {
margin: 40px 0;
}
video {
display: block;
margin-left: auto;
margin-right: auto;
}
.news-img--left {
float: left;
margin: 0 0 40px;
text-align: center;
width: 280px;
}
.news-img--guild-logo img {
width: 200px;
}
@media (max-width: 768px) {
.text p {
margin: 0 0 20px;
}
.text h2 {
font-size: 20px;
margin: 40px 0px 20px;
}
.news-img,
video {
margin: 20px 0;
}
.news-img--left {
margin: 0 0 20px;
}
.text iframe {
height: 100%;
}
}
.news-spoilers {
border-bottom: 1px solid hsla(0, 0%, 100%, .2);
clear: both;
margin: 40px 0;
}
.news-spoiler {
border-top: 1px solid hsla(0, 0%, 100%, .2);
}
.news-spoiler__title {
color: #fff;
cursor: pointer;
font-weight: 700;
padding: 20px 0 20px 45px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.news-spoiler__content,
.news-spoiler__title {
font-family: "Futura PT";
font-size: 18px;
line-height: 1.4;
}
.news-spoiler__content {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
opacity: 0;
overflow: hidden;
padding: 0 44px;
-webkit-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear;
}
.news-spoiler.is-open .news-spoiler__content {
height: auto;
opacity: 1;
}
.news-spoiler__marker {
border: 1px solid #c00;
height: 18px;
left: 16px;
position: absolute;
top: 15px;
-webkit-transform: rotate(45deg) translateY(50%);
-ms-transform: rotate(45deg) translateY(50%);
transform: rotate(45deg) translateY(50%);
-webkit-transition: all .15s ease-out;
-o-transition: all .15s ease-out;
transition: all .15s ease-out;
width: 18px;
}
.news-spoiler__marker-symbol {
height: 100%;
position: relative;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 100%;
}
.news-spoiler__marker-symbol::after,
.news-spoiler__marker-symbol::before {
background: #c00;
content: "";
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transition: -webkit-transform .35s ease-out;
transition: -webkit-transform .35s ease-out;
-o-transition: transform .35s ease-out;
transition: transform .35s ease-out;
transition: transform .35s ease-out, -webkit-transform .35s ease-out;
z-index: 1;
}
.news-spoiler__marker-symbol::before {
height: 2px;
width: 10px;
}
.news-spoiler__marker-symbol::after {
height: 10px;
width: 2px;
}
.news-spoiler:hover .news-spoiler__marker,
.news-spoiler.is-open .news-spoiler__marker {
background: #c00;
}
.news-spoiler:hover .news-spoiler__marker-symbol::after,
.news-spoiler:hover .news-spoiler__marker-symbol::before,
.news-spoiler.is-open .news-spoiler__marker-symbol::after,
.news-spoiler.is-open .news-spoiler__marker-symbol::before {
background: #fff;
-webkit-transition: -webkit-transform .35s ease-out;
transition: -webkit-transform .35s ease-out;
-o-transition: transform .35s ease-out;
transition: transform .35s ease-out;
transition: transform .35s ease-out, -webkit-transform .35s ease-out;
}
.news-spoiler.is-open .news-spoiler__marker-symbol::after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
@media (max-width: 768px) {
.news-spoiler__content {
padding: 0;
}
}
.news-dialog {
background: #262626;
margin: 0 0 40px;
}
.news-dialog__header {
background: #303030;
border-bottom: 1px solid #1c1c1c;
padding: 12px 16px;
}
.news-dialog__content {
color: #888;
padding: 12px 16px;
}
@media (max-width: 768px) {
.news-dialog {
margin: 0 0 20px;
}
}
.news-items {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.news-item {
margin: 0px 10px 30px;
text-align: center;
width: 304px;
}
.news-item__title {
font-size: 22px;
font-family: "Cormorant SC";
line-height: 30px;
text-transform: uppercase;
}
.news-item img {
display: block;
margin: 0 auto;
}
.news-item__value {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: "Futura PT";
font-size: 30px;
font-weight: bold;
height: 78px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 30px;
padding: 0 0 0 78px;
position: relative;
}
.news-item__value img {
left: 0;
position: absolute;
}
.news-item__value_without-discount {
color: #888;
font-family: "Futura PT";
font-size: 20px;
font-weight: normal;
line-height: 1;
position: relative;
}
.news-item__value_without-discount::before {
border-bottom: 1px solid #c00;
content: "";
left: -5px;
position: absolute;
right: -5px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.news-item .button {
margin: 16px auto 0;
}
.game-home-page {
background: #15181c;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 430px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1px 0 0 12px;
width: 672px;
}
.game-home-page a {
margin: 0 0 8px;
}
.game-home-page img {
outline: 1px solid #000;
}
.box--inline { display: inline; }
[data-grade="0"] { color: #fbfbfb; }
[data-grade="1"] { color: #8cf801; }
[data-grade="2"] { color: #00aaf2; }
[data-grade="3"] { color: #c841f4; }
[data-grade="4"] { color: #f18d00; }
[data-grade="5"] { color: #f95d00; }