.ak-picto-less-white {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-position: -287px 0;
    background-repeat: no-repeat
}

.ak-picto-more-white {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-position: -260px 0;
    background-repeat: no-repeat
}

.ak-picto-help {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-position: -116px 2px;
    background-repeat: no-repeat;
    cursor: help
}

.ak-picto-help.ak-orange {
    background-position: -116px -25px
}

.ak-icon-big.ak-filter,.ak-icon-med.ak-filter {
    background-image: url("/dofus-retro/www/modules/icons/sprite.png");
    background-repeat: no-repeat
}

.ak-icon-big {
    background-size: 65px auto
}

.ak-icon-big.ak-filter {
    background-position: 0 -10px
}

.ak-icon-med {
    background-size: 46px auto
}

.ak-icon-med.ak-filter {
    background-position: 0 -7px
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ""
}

.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 {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat
}

@font-face {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg")
}

.slick-prev,.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

body {
    scroll-behavior: smooth
}

.ak-main-container {
    max-width: 2400px;
    width: 100%;
    margin-top: 0;
    overflow-x: hidden
}

.ak-main-container .ak-homepage {
    position: relative
}

.ak-main-container .ak-homepage .ak-block {
    position: relative;
    border-bottom: 4px solid #000
}

.ak-main-container .ak-homepage .ak-block .ak-img-mob {
    display: block
}

@media all and (min-width: 992px) {
    .ak-main-container .ak-homepage .ak-block .ak-img-mob {
        display:none
    }
}

.ak-main-container .ak-homepage .ak-block .ak-img-desk {
    display: none
}

@media all and (min-width: 992px) {
    .ak-main-container .ak-homepage .ak-block .ak-img-desk {
        display:block
    }
}

.ak-main-container .ak-homepage .ak-block .ak-block-content {
    position: relative;
    max-width: 1560px;
    margin: 0 auto
}

.ak-backtotop {
    z-index: 2000
}

.ak-panel.ak-lazyload {
    background: none;
    margin: 0
}

.ak-modal-wrapper {
    box-shadow: none
}

.ak-homepage .ak-block-news {
    min-height: 670px;
    z-index: 2
}

.ak-homepage .ak-block-news:before,.ak-homepage .ak-block-news:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 5;
    animation: fadeIn .5s linear forwards
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.ak-homepage .ak-block-news[bg=dofus-2]:after {
    animation: fadeOut .5s linear forwards
}

.ak-homepage .ak-block-news[bg=dofus-2] img.ak-img-mob.ak-dofus-2 {
    display: block
}

.ak-homepage .ak-block-news[bg=dofus-2] img.ak-img-mob.ak-dofus-retro {
    display: none
}

.ak-homepage .ak-block-news[bg=dofus-retro]:before {
    animation: fadeOut 1s linear forwards
}

.ak-homepage .ak-block-news[bg=dofus-retro] img.ak-img-mob.ak-dofus-2 {
    display: none
}

.ak-homepage .ak-block-news[bg=dofus-retro] img.ak-img-mob.ak-dofus-retro {
    display: block
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-news[bg=dofus-2] img.ak-img-mob.ak-dofus-2,.ak-homepage .ak-block-news[bg=dofus-retro] img.ak-img-mob.ak-dofus-retro {
        display:none
    }
}

.ak-homepage .ak-block-news .ak-block-content {
    z-index: 10;
    padding-top: 90px;
    position: relative
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-news .ak-block-content {
        padding-top:110px
    }
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news {
    position: relative;
    padding: 0 8%
}

@media all and (min-width: 1550px) {
    .ak-homepage .ak-block-news .ak-block-content .ak-list-news {
        padding:0
    }
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-block-switch {
    position: relative;
    margin: 12px 0 24px 0;
    text-align: center
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-block-switch {
        text-align:left;
        position: absolute;
        top: -26px;
        margin-top: 0;
        right: 20px
    }
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-block-switch .ak-label {
    display: block;
    margin: 25px 0 20px 12px;
    color: #b7ae95;
    font-size: 18px;
    color: #b7ae95
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-block-switch .ak-label {
        display:inline-block;
        margin: 0;
        font-size: 16px
    }
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-block-switch .ak-switch {
    display: inline-block;
    width: 76px;
    height: 55px;
    filter: brightness(0.4);
    vertical-align: bottom;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-block-switch .ak-switch.ak-switch-dofus {
    background: url("/assets/img/switch-dofus_01.png") 0 0 no-repeat transparent
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-block-switch .ak-switch.ak-switch-retro {
    background: url("/assets/img/switch-dofus_02.png") 0 0 no-repeat transparent
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-block-switch .ak-switch.ak-active,.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-block-switch .ak-switch:hover {
    filter: brightness(1)
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-title-news {
    font-size: 38px;
    margin-bottom: 24px;
    font-family: "bebas_neueregular",sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    color: #f6eed6
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-title-news {
        line-height:25px
    }
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-title-news {
        text-align:left
    }
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-title-news a {
    font-size: 14px;
    font-family: "Roboto",sans-serif;
    font-weight: bold;
    display: none;
    color: #f5c625
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-title-news a.ak-active {
        display:block
    }
}

@media all and (min-width: 1550px) {
    .ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-title-news a.ak-active {
        display:inline-block
    }
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-title-news {
        font-size:28px
    }
}

@media all and (min-width: 1200px) {
    .ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-title-news {
        font-size:38px
    }
}

@media all and (min-width: 1550px) {
    .ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-title-news {
        font-size:48px;
        line-height: 12px
    }
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-link-more-mob {
    display: inline-block;
    text-shadow: none;
    font-size: 16px;
    line-height: 38px;
    height: 40px;
    font-family: "Roboto",sans-serif;
    margin: 18px 0 40px 0;
    min-width: 200px;
    font-weight: bold;
    transition: all .2s;
    text-transform: uppercase;
    background: #2a1309;
    box-shadow: 0 0 0 3px #f5c625 inset;
    border: 1px solid #000;
    color: #f5c625
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-link-more-mob {
        display:none
    }
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .row {
    margin: 0
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .row .col-sm-6 {
    padding: 0
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-blocks-news {
    display: none
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-blocks-news.ak-active {
    display: block
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-news {
    position: relative;
    margin: 0 0 24px 0;
    box-shadow: inset 0 0 0 3px rgba(255,255,255,.2);
    display: block;
    padding-top: 53.25%;
    background-size: cover;
    background-position: center center;
    filter: brightness(0.9)
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-news:hover {
    filter: brightness(1.1);
    background-size: 102%;
    transition: all .2s
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-news {
        margin:0 24px 24px 0
    }
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-news .ak-text {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    position: absolute;
    left: 3px;
    bottom: 3px;
    width: calc(100% - 6px);
    padding: 24px 12px 8px 12px
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-news .ak-text .ak-infos {
    font-size: 16px;
    color: #f6eed6
}

.ak-homepage .ak-block-news .ak-block-content .ak-list-news .ak-news .ak-text .ak-title {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #f5c625;
    font-weight: bold
}

.ak-homepage .ak-block-news .ak-block-content .ak-main-news .ak-text {
    text-align: center;
    padding-bottom: 48px;
    padding-top: 48px
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-news .ak-block-content .ak-main-news .ak-text {
        padding-top:20%;
        padding-bottom: 0
    }
}

.ak-homepage .ak-block-news .ak-block-content .ak-main-news .ak-text .ak-currently {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 0;
    font-weight: bold;
    margin-bottom: 24px;
    color: #888172
}

.ak-homepage .ak-block-news .ak-block-content .ak-main-news .ak-text .ak-title {
    font-size: 40px;
    font-family: "bebas_neueregular",sans-serif;
    line-height: 60px;
    margin-bottom: 46px;
    color: #f6eed6
}

.ak-homepage .ak-block-news .ak-block-content .ak-main-news .ak-text .ak-baseline {
    font-size: 18px
}

.ak-homepage .ak-block-news .ak-block-content .ak-main-news .ak-text .ak-play {
    width: 300px;
    text-shadow: none;
    font-size: 37px;
    line-height: 33px;
    height: 58px;
    background: #9a271f;
    box-shadow: 0 0 0 4px #cf3227 inset;
    border: 1px solid #000;
    color: #fff
}

.ak-homepage .ak-block-news .ak-block-content .ak-main-news .ak-text .ak-play:hover {
    background: #cf3227
}

.ak-homepage .ak-block-eshop {
    padding-top: 90px;
    background: #2a1309
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-eshop {
        background:url("/assets/img/mob/bg-shop.jpg") center -1px no-repeat transparent;
        padding-bottom: 0;
        padding-top: 0px;
        min-height: 518px;
        margin-top: -1px
    }
}

@media all and (min-width: 1200px) {
    .ak-homepage .ak-block-eshop {
        background:url("/assets/img/bg-shop2.jpg") top center no-repeat transparent
    }
}

@media all and (min-width: 1550px) {
    .ak-homepage .ak-block-eshop {
        background:url("/assets/img/bg-shop.jpg") top center no-repeat transparent
    }
}

.ak-homepage .ak-block-eshop .ak-title-eshop {
    font-size: 48px;
    margin: 0;
    font-family: "bebas_neueregular",sans-serif;
    text-transform: uppercase;
    line-height: 14px;
    text-align: center;
    padding-bottom: 24px;
    color: #f6eed6
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-eshop .ak-title-eshop {
        padding-bottom:0
    }
}

@media all and (min-width: 1550px) {
    .ak-homepage .ak-block-eshop .ak-title-eshop {
        text-align:left;
        margin: 0 0 0 140px
    }
}

.ak-homepage .ak-block-eshop .ak-title-eshop a {
    font-size: 14px;
    font-family: "Roboto",sans-serif;
    font-weight: bold;
    display: none;
    color: #f5c625
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-eshop .ak-title-eshop a {
        display:inline-block
    }
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-dots,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .slick-dots {
    bottom: -35px
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-dots li,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .slick-dots li {
    background: url("/assets/img/svg/dot-off.svg") center center no-repeat transparent;
    background-size: 80% 80%;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    transition: all .2s ease-in-out;
    position: relative
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-dots li:after,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .slick-dots li:after {
    content: " ";
    background: url("/assets/img/svg/dot-on.svg") center center no-repeat transparent;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    transition: all .2s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-dots li.slick-active:after,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .slick-dots li.slick-active:after {
    opacity: 1
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-dots li button:before,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .slick-dots li button:before {
    font-size: 0;
    color: transparent
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide {
    padding: 0 8%;
    position: relative
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide {
        padding:0 12px
    }
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ak-shop-item,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ak-shop-item {
    position: relative;
    display: block;
    padding-top: 56.25%;
    background-size: cover;
    background-position: center center;
    margin-bottom: 0
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ak-shop-item:before,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ak-shop-item:before {
    content: " ";
    display: block;
    box-shadow: inset 0 0 0 3px rgba(255,255,255,.2);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    filter: brightness(0.9)
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ak-shop-item:hover,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ak-shop-item:hover {
    filter: brightness(1.1);
    background-size: 102%;
    transition: all .2s
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ak-shop-item .ak-text,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ak-shop-item .ak-text {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    position: absolute;
    left: 3px;
    bottom: 0;
    width: calc(100% - 6px);
    padding: 24px 12px 8px 12px
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ak-shop-item .ak-text .ak-title,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ak-shop-item .ak-text .ak-title {
    font-size: 16px;
    color: #f6eed6
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ak-shop-item .ak-text .ak-infos,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ak-shop-item .ak-text .ak-infos {
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #f5c625;
    font-weight: bold
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ak-bottom-link,.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ads-button,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ak-bottom-link,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ads-button {
    background: #f5c625;
    color: #000;
    display: block;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Roboto",sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ak-bottom-link .ak-display-price,.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ads-button .ak-display-price,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ak-bottom-link .ak-display-price,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ads-button .ak-display-price {
    color: #1a8485
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ak-bottom-link:hover,.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ads-button:hover,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ak-bottom-link:hover,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ads-button:hover {
    text-decoration: none;
    filter: saturate(2)
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ak-bottom-link .ak-icon-small,.ak-homepage .ak-block-eshop .ak-carousel-eshop .ak-slide .ak-content-slide .ads-button .ak-icon-small,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ak-bottom-link .ak-icon-small,.ak-homepage .ak-block-eshop .ak-carousel-ankshop .ak-slide .ak-content-slide .ads-button .ak-icon-small {
    vertical-align: middle
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop {
    position: relative;
    margin: 0 auto
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-eshop .ak-carousel-eshop {
        max-width:387px
    }
}

@media all and (min-width: 1550px) {
    .ak-homepage .ak-block-eshop .ak-carousel-eshop {
        max-width:775px
    }
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-list {
    padding-top: 24px
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-arrow {
    width: 32px;
    height: 49px;
    font-size: 0;
    color: transparent
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-arrow:before {
    content: " ";
    position: absolute;
    font-size: 0;
    color: transparent;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: linear-gradient(135deg, #f8eed2 0%, #dbceab 48%, #dbceab 100%);
    -webkit-mask-image: url("/assets/img/svg/arrow.svg");
    mask-image: url("/assets/img/svg/arrow.svg");
    -webkit-mask-size: 50px 70px;
    mask-size: 50px 70px;
    -webkit-mask-position: center;
    mask-position: center
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-arrow.slick-prev {
    left: -45px
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-arrow.slick-prev:before {
    transform: rotate(180deg)
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-arrow.slick-next {
    right: -45px
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-arrow:before {
    font-size: 0;
    color: transparent
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-arrow:hover:before {
    transform: scale(1.01)
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-arrow:active:before {
    transform: scale(0.9)
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-arrow.slick-prev:hover:before {
    transform: rotate(180deg) scale(1.01)
}

.ak-homepage .ak-block-eshop .ak-carousel-eshop .slick-arrow.slick-prev:active:before {
    transform: rotate(180deg) scale(0.9)
}

.ak-homepage .ak-block-eshop .ak-img-ankamashop {
    margin-top: 90px;
    display: inline-block;
    max-width: 300px
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-eshop .ak-img-ankamashop {
        display:none
    }
}

.ak-homepage .ak-block-eshop .ak-img-ankamashop-desk {
    display: none
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-eshop .ak-img-ankamashop-desk {
        margin-top:-12px;
        display: inline-block
    }
}

.ak-homepage .ak-block-eshop .ak-block-ankshop {
    padding: 0 0 40px 0;
    margin-top: 40px;
    border-top: 4px solid #000;
    background: #2e3135
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-eshop .ak-block-ankshop {
        padding:0;
        margin-top: 0;
        border: none;
        background: none
    }
}

.ak-homepage .ak-block-eshop .ak-carousel-ankshop {
    position: relative;
    margin: 0 auto
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-eshop .ak-carousel-ankshop {
        max-width:387px
    }
}

.ak-homepage .ak-block-eshop .ak-carousel-ankshop .slick-list {
    padding-top: 15px
}

.ak-ads .ak-shop-item {
    padding-top: 0 !important
}

.ak-link-more-mob {
    display: inline-block;
    text-shadow: none;
    font-size: 16px;
    line-height: 38px;
    height: 40px;
    font-family: "Roboto",sans-serif;
    margin: 60px 0 0 0;
    min-width: 200px;
    font-weight: bold;
    text-transform: uppercase;
    background: #2a1309;
    box-shadow: 0 0 0 3px #f5c625 inset;
    border: 1px solid #000;
    color: #f5c625
}

.ak-link-more-mob.ak-link-more-mob-ankshop {
    background: #2e3135
}

.ak-link-more-mob:hover {
    filter: brightness(1.2);
    text-decoration: none
}

@media all and (min-width: 992px) {
    .ak-link-more-mob {
        display:none
    }
}

.ak-homepage .ak-block-forum {
    min-height: 504px;
    background: #152223
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-forum {
        background:url("/assets/img/bg-forum.jpg") top center no-repeat transparent;
        background-size: cover
    }
}

@media all and (min-width: 1200px) {
    .ak-homepage .ak-block-forum {
        background:url("/assets/img/bg-forum.jpg") top center no-repeat transparent;
        background-size: auto
    }
}

.ak-homepage .ak-block-forum .ak-block-content {
    overflow: hidden;
    padding: 0 8% 48px
}

@media all and (min-width: 768px) {
    .ak-homepage .ak-block-forum .ak-block-content {
        padding:0 12px
    }
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-forum .ak-block-content {
        padding:0 48px
    }
}

@media all and (min-width: 1200px) {
    .ak-homepage .ak-block-forum .ak-block-content {
        padding:0 12px
    }
}

.ak-homepage .ak-block-forum .ak-block-content .row {
    margin: 0
}

.ak-homepage .ak-block-forum .ak-block-content .row .col {
    padding: 0
}

@media all and (min-width: 768px) {
    .ak-homepage .ak-block-forum .ak-block-content .row .col {
        padding:0 12px
    }
}

.ak-homepage .ak-block-forum .ak-block-content .ak-title-block {
    text-align: center;
    font-size: 48px;
    margin: 100px 0 46px 0;
    font-family: "bebas_neueregular",sans-serif;
    text-transform: uppercase;
    line-height: 14px;
    color: #f6eed6
}

.ak-homepage .ak-block-forum .ak-block-content .ak-baseline-block {
    text-align: center;
    margin: 0 0 24px 0;
    font-size: 18px;
    line-height: 18px;
    color: #f6eed6
}

.ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum {
    position: relative;
    padding: 12px;
    margin-bottom: 24px;
    min-height: 155px;
    background: #1e3133
}

@media all and (min-width: 1200px) {
    .ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum {
        margin:0
    }
}

.ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum .ak-avatars {
    background: #1d1e15
}

.ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum .ak-avatars .ak-avatar {
    padding-top: 90.25%;
    width: 50%;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum .ak-avatars .ak-bottom {
    text-align: center;
    padding: 6px
}

.ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum .ak-block-text {
    position: relative;
    color: #f6eed6
}

.ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum .ak-block-text a {
    color: #acc41d
}

.ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum .ak-block-text .ak-title {
    font-weight: bold;
    display: block;
    margin-bottom: 6px;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum .ak-block-text .ak-infos {
    margin-bottom: 6px;
    font-size: 16px
}

.ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum .ak-block-text .ak-thread,.ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum .ak-block-text .ak-comments {
    font-size: 16px
}

.ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum .ak-block-text .ak-thread {
    font-style: italic;
    color: #b7ae95
}

.ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum .ak-block-text .ak-comments {
    position: relative;
    margin-left: 6px;
    font-style: normal;
    display: inline-block;
    padding-left: 25px
}

.ak-homepage .ak-block-forum .ak-block-content .ak-blocks-forum .ak-block-text .ak-comments:before {
    position: absolute;
    content: " ";
    width: 20px;
    height: 20px;
    display: block;
    background: url("/assets/img/svg/forum.svg") no-repeat center center transparent;
    background-size: 20px 20px;
    top: 2px;
    left: 0
}

.ak-homepage .ak-block-forum .ak-block-content .ak-more {
    text-shadow: none;
    font-size: 16px;
    line-height: 14px;
    height: 40px;
    font-family: "Roboto",sans-serif;
    margin: 24px 0 24px 0;
    min-width: 200px;
    font-weight: bold;
    background: #152223;
    box-shadow: 0 0 0 3px #92a718 inset;
    border: 1px solid #000;
    color: #acc41d
}

.ak-homepage .ak-block-forum .ak-block-content .ak-more:hover {
    background: #1e3133
}

.ak-homepage .ak-block-launcher {
    min-height: 680px;
    padding-bottom: 48px;
    background: #1f172e
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-launcher {
        padding-bottom:0;
        background: url("/assets/img/bg-launcher.jpg") top center no-repeat transparent
    }
}

.ak-homepage .ak-block-launcher .ak-block-content {
    overflow: hidden;
    min-height: 680px;
    padding: 0 8%
}

@media all and (min-width: 1200px) {
    .ak-homepage .ak-block-launcher .ak-block-content {
        padding:0 12px
    }
}

.ak-homepage .ak-block-launcher .ak-block-content .ak-title-block {
    text-align: center;
    font-size: 48px;
    margin: 90px 0 35px 0;
    font-family: "bebas_neueregular",sans-serif;
    text-transform: uppercase;
    line-height: 40px;
    color: #f6eed6
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-launcher .ak-block-content .ak-title-block {
        line-height:25px
    }
}

.ak-homepage .ak-block-launcher .ak-block-content .ak-img-launcher {
    max-width: 761px;
    display: inline-block;
    border: 1px solid #6d549f;
    box-shadow: 0 0 30px 5px #6d549f
}

.ak-homepage .ak-block-launcher .ak-block-content .ak-text {
    font-size: 16px;
    margin-top: 48px;
    padding: 0 2%;
    color: #f6eed6
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-launcher .ak-block-content .ak-text {
        margin-top:6px;
        max-width: 490px;
        padding: 0
    }
}

.ak-homepage .ak-block-launcher .ak-block-content .ak-text p {
    margin-bottom: 48px
}

.ak-homepage .ak-block-launcher .ak-block-content .ak-text ul {
    margin-bottom: 48px;
    padding: 0
}

.ak-homepage .ak-block-launcher .ak-block-content .ak-text ul li {
    padding-left: 25px;
    position: relative;
    list-style: none
}

.ak-homepage .ak-block-launcher .ak-block-content .ak-text ul li:before {
    content: " ";
    display: block;
    position: absolute;
    background: #f5c625;
    -webkit-mask-image: url("/assets/img/svg/launcher.svg");
    mask-image: url("/assets/img/svg/launcher.svg");
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
    -webkit-mask-position: center;
    mask-position: center;
    height: 20px;
    width: 20px;
    top: 3px;
    left: 0
}

.ak-homepage .ak-block-launcher .ak-block-content .ak-text .ak-btn-launcher {
    text-shadow: none;
    font-size: 27px;
    line-height: 33px;
    min-height: 58px;
    margin: 0 auto;
    display: block;
    white-space: normal;
    background: #d5ac23;
    box-shadow: 0 0 0 4px #f5c625 inset;
    border: 1px solid #000;
    color: #282222
}

.ak-homepage .ak-block-launcher .ak-block-content .ak-text .ak-btn-launcher:hover {
    background: #f5c625
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-launcher .ak-block-content .ak-text .ak-btn-launcher {
        font-size:40px;
        margin: 0;
        max-width: none;
        white-space: nowrap
    }
}

.ak-homepage .ak-block-social {
    min-height: 133px;
    background: #14100e
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-social {
        background:url("/assets/img/bg-social.jpg") top center no-repeat transparent
    }
}

.ak-homepage .ak-block-social .ak-block-content {
    text-align: center;
    padding-top: 40px
}

.ak-homepage .ak-block-social .ak-block-content span {
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin-right: 12px;
    vertical-align: middle;
    margin-bottom: 24px;
    color: #b7ae95
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-social .ak-block-content span {
        display:inline-block;
        margin-bottom: 0
    }
}

.ak-homepage .ak-block-social .ak-block-content a {
    background-repeat: no-repeat;
    width: 46px;
    height: 46px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 40px;
    position: relative;
    background-image: url("/assets/img/social.png")
}

.ak-homepage .ak-block-social .ak-block-content a:after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .2s ease-in-out;
    background-image: url("/assets/img/social-over.png");
    opacity: 0
}

.ak-homepage .ak-block-social .ak-block-content a:hover:after {
    opacity: 1
}

.ak-homepage .ak-block-social .ak-block-content a.ak-fb,.ak-homepage .ak-block-social .ak-block-content a.ak-fb:after {
    background-position: 0 0
}

.ak-homepage .ak-block-social .ak-block-content a.ak-tw,.ak-homepage .ak-block-social .ak-block-content a.ak-tw:after {
    background-position: -63px 0px
}

.ak-homepage .ak-block-social .ak-block-content a.ak-yt,.ak-homepage .ak-block-social .ak-block-content a.ak-yt:after {
    background-position: -126px 0
}

.ak-homepage .ak-block-social .ak-block-content a.ak-fo,.ak-homepage .ak-block-social .ak-block-content a.ak-fo:after {
    background-position: -189px 0
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-social .ak-block-content a {
        margin:0 6px
    }
}

.ak-homepage .ak-block-keyart {
    min-height: 778px;
    margin-top: -44px
}

@media all and (min-width: 992px) {
    .ak-homepage .ak-block-keyart {
        margin-top:0
    }
}

.ak-special-flag {
    padding: 3px 13px 3px 13px;
    position: absolute;
    top: -8px;
    right: 2px;
    z-index: 100;
    font-weight: bold
}

.ak-special-flag:after {
    content: " ";
    position: relative;
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    right: -4px;
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
    -webkit-mask-position: center;
    mask-position: center;
    top: -2px
}

.ak-special-flag.ak-flag-black-friday:after,.ak-special-flag.ak-flag-winter-sales:after,.ak-special-flag.ak-flag-summer-sales:after {
    display: none
}

.ak-special-flag:before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    clip-path: polygon(0 5%, 100% 0, 94% 100%, 6% 92%)
}

.ak-special-flag.ak-flag-winter-sales,.ak-special-flag.ak-flag-summer-sales,.ak-special-flag.ak-flag-flash-sale,.ak-special-flag.ak-flag-limited-duration,.ak-special-flag.ak-flag-coupon {
    color: #000
}

.ak-special-flag.ak-flag-winter-sales:before,.ak-special-flag.ak-flag-summer-sales:before,.ak-special-flag.ak-flag-flash-sale:before,.ak-special-flag.ak-flag-limited-duration:before,.ak-special-flag.ak-flag-coupon:before {
    background: #feea28
}

.ak-special-flag.ak-flag-limited-duration:after {
    background: #000;
    -webkit-mask-image: url("/assets/img/svg/flags/limited-duration.svg");
    mask-image: url("/assets/img/svg/flags/limited-duration.svg")
}

.ak-special-flag.ak-flag-flash-sale:after {
    background: #000;
    -webkit-mask-image: url("/assets/img/svg/flags/flash-sale.svg");
    mask-image: url("/assets/img/svg/flags/flash-sale.svg")
}

.ak-special-flag.ak-flag-black-friday,.ak-special-flag.ak-flag-private-sale {
    color: #fff
}

.ak-special-flag.ak-flag-black-friday:before,.ak-special-flag.ak-flag-private-sale:before {
    background: #000
}

.ak-special-flag.ak-flag-private-sale:after {
    background: #fff;
    -webkit-mask-image: url("/assets/img/svg/flags/private-sale.svg");
    mask-image: url("/assets/img/svg/flags/private-sale.svg")
}

.ak-special-flag.ak-flag-good-plan,.ak-special-flag.ak-flag-good-deal {
    color: #fff
}

.ak-special-flag.ak-flag-good-plan:before,.ak-special-flag.ak-flag-good-deal:before {
    background: #78bd1f
}

.ak-special-flag.ak-flag-top-sellers {
    color: #fff
}

.ak-special-flag.ak-flag-top-sellers:before {
    background: #951250
}

.ak-special-flag.ak-flag-top-sellers:after {
    background: #fff;
    -webkit-mask-image: url("/assets/img/svg/flags/top-sellers.svg");
    mask-image: url("/assets/img/svg/flags/top-sellers.svg")
}

.ak-special-flag.ak-flag-good-plan:after,.ak-special-flag.ak-flag-good-deal:after {
    background: #fff;
    -webkit-mask-image: url("/assets/img/svg/flags/good-plan.svg");
    mask-image: url("/assets/img/svg/flags/good-plan.svg")
}

.ak-special-flag.ak-flag-special-offer {
    color: #fff
}

.ak-special-flag.ak-flag-special-offer:after {
    background: #fff;
    -webkit-mask-image: url("/assets/img/svg/flags/special-offer.svg");
    mask-image: url("/assets/img/svg/flags/special-offer.svg")
}

.ak-special-flag.ak-flag-special-offer:before {
    background: #00c2a1
}

.ak-special-flag.ak-flag-favourite {
    color: #fff
}

.ak-special-flag.ak-flag-favourite:after {
    background: #fff;
    -webkit-mask-image: url("/assets/img/svg/flags/favourite.svg");
    mask-image: url("/assets/img/svg/flags/favourite.svg")
}

.ak-special-flag.ak-flag-favourite:before {
    background: #df0a6e
}

.ak-special-flag.ak-flag-new {
    color: #fff
}

.ak-special-flag.ak-flag-new:after {
    background: #fff;
    -webkit-mask-image: url("/assets/img/svg/flags/new.svg");
    mask-image: url("/assets/img/svg/flags/new.svg")
}

.ak-special-flag.ak-flag-new:before {
    background: #f96710
}

.ak-special-flag.ak-flag-article-free {
    color: #fff
}

.ak-special-flag.ak-flag-article-free:after {
    background: #fff;
    -webkit-mask-image: url("/assets/img/svg/flags/free.svg");
    mask-image: url("/assets/img/svg/flags/free.svg")
}

.ak-special-flag.ak-flag-article-free:before {
    background: #f96710
}

.ak-special-flag.ak-flag-temporis {
    color: #22f7fd
}

.ak-special-flag.ak-flag-temporis:before {
    background: #133c58
}

.ak-special-flag.ak-flag-temporis:after {
    display: none
}

.ak-special-flag.ak-flag-low-price,.ak-special-flag.ak-flag-most-economical {
    color: #fff
}

.ak-special-flag.ak-flag-low-price:before,.ak-special-flag.ak-flag-most-economical:before {
    background: #ff7c82
}

.ak-special-flag.ak-flag-most-economical:after {
    display: none
}

.ak-special-flag.ak-flag-coupon:after {
    display: none
}

.ak-special-flag.ak-flag-low-price:after {
    background: #fff;
    -webkit-mask-image: url("/assets/img/svg/flags/low-price.svg");
    mask-image: url("/assets/img/svg/flags/low-price.svg")
}

.ak-special-flag.ak-flag-privilege-offer {
    color: #fff
}

.ak-special-flag.ak-flag-privilege-offer:after {
    background: #fff;
    -webkit-mask-image: url("/assets/img/svg/flags/privilege-offer.svg");
    mask-image: url("/assets/img/svg/flags/privilege-offer.svg")
}

.ak-special-flag.ak-flag-privilege-offer:before {
    background: #a800ff
}

.ak-special-flag.ak-flag-coming-soon {
    color: #fff
}

.ak-special-flag.ak-flag-coming-soon:after {
    background: #fff;
    -webkit-mask-image: url("/assets/img/svg/flags/coming-soon.svg");
    mask-image: url("/assets/img/svg/flags/coming-soon.svg")
}

.ak-special-flag.ak-flag-coming-soon:before {
    background: #00c2a1
}

body {
    padding-bottom: -10px
}

.ak-scroll {
    background: url("/assets/img/btn-scroll.png") center top no-repeat transparent;
    display: inline-block;
    position: fixed;
    z-index: 10000;
    height: 53px;
    width: 34px;
    bottom: 28px;
    left: 50%;
    margin-left: -220px;
    opacity: 1;
    transition: all .2s ease-in-out
}

.ak-scroll.ak-hidden {
    opacity: 0;
    transition: all .2s ease-in-out
}

.ak-scroll:hover {
    text-decoration: none
}

.ak-scroll:before {
    content: "SCROLL";
    display: block;
    position: absolute;
    top: 50px;
    width: 54px;
    left: -16px;
    font-size: 18px;
    color: #f6eed6;
    font-weight: bold
}

.ak-scroll:after {
    content: " ";
    display: block;
    background: url("/assets/img/btn-scroll-arrow.png") center top no-repeat transparent;
    width: 21px;
    height: 19px;
    position: relative;
    margin: 26px 0 0 7px;
    animation: bounce 1s infinite
}

.ak-fixedbar {
    height: 84px;
    position: fixed;
    width: 100%;
    background: rgba(0,0,0,.8);
    bottom: 0;
    z-index: 1000
}

.ak-fixedbar .ak-content-fixedbar {
    position: relative;
    width: 100%;
    top: 0;
    margin: 0 auto
}

@media all and (min-width: 1200px) {
    .ak-fixedbar .ak-content-fixedbar {
        transform:scale(0.8)
    }
}

@media all and (min-width: 1550px) {
    .ak-fixedbar .ak-content-fixedbar {
        transform:scale(1)
    }
}

.ak-fixedbar .ak-content-fixedbar .ak-btns {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%
}

@media all and (min-width: 768px) {
    .ak-fixedbar .ak-content-fixedbar .ak-btns {
        width:575px;
        left: 138px
    }
}

.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-play {
    background: url("/assets/img/btn-play1.png") center center no-repeat transparent;
    background-size: 95% auto;
    display: block;
    margin: 0 auto;
    width: 305px;
    height: 111px;
    font-size: 14px;
    text-align: center;
    color: #2f2f25;
    line-height: 25px;
    padding-top: 30px;
    top: -14px;
    transition: all .2s;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    position: relative
}

.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-play span {
    font-size: 28px;
    display: block;
    transition: all .1s;
    top: 2px;
    position: relative
}

.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-play.ak-btn-dl span {
    top: 11px
}

.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-play:hover,.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-play:focus {
    background: url("/assets/img/btn-play1-over.png") center center no-repeat transparent;
    background-size: 100%;
    font-size: 18px;
    transition: all .2s;
    line-height: 27px;
    text-decoration: none;
    top: -16px
}

.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-play:hover span,.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-play:focus span {
    font-size: 30px;
    transition: all .1s
}

@media all and (min-width: 768px) {
    .ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-play {
        display:inline-block;
        margin: auto
    }
}

.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-retro {
    width: 250px;
    height: 84px;
    display: none;
    margin-left: 12px;
    vertical-align: middle;
    transition: all .2s;
    position: relative;
    top: -14px;
    font-size: 18px;
    color: #f6eed6;
    line-height: 86px;
    text-align: center;
    padding: 0 6px
}

.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-retro:before,.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-retro:after {
    content: " ";
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px
}

.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-retro:before {
    width: 20px;
    height: 20px;
    background: url("/assets/img/btn-retro.png") center center no-repeat transparent;
    vertical-align: middle
}

.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-retro:after {
    background: #e2e01f;
    -webkit-mask-image: url("/assets/img/svg/arrow.svg");
    mask-image: url("/assets/img/svg/arrow.svg");
    -webkit-mask-size: 20px 20px;
    mask-size: 20px 20px;
    -webkit-mask-position: center;
    mask-position: center;
    vertical-align: middle;
    top: -1px;
    left: 3px
}

.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-retro span {
    color: #e2e01f
}

.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-retro:hover,.ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-retro:focus {
    background-color: #212121;
    text-decoration: none
}

@media all and (min-width: 992px) {
    .ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-retro {
        display:inline-block
    }
}

.ak-fixedbar .ak-content-fixedbar .ak-block-video {
    right: -10%;
    background: #191410;
    padding: 10px;
    position: absolute;
    transition: all .2s;
    display: none;
    top: -163px
}

.ak-fixedbar .ak-content-fixedbar .ak-block-video.ak-open {
    top: 0
}

@media all and (min-width: 1200px) {
    .ak-fixedbar .ak-content-fixedbar .ak-block-video {
        display:block
    }
}

@media all and (min-width: 1550px) {
    .ak-fixedbar .ak-content-fixedbar .ak-block-video {
        right:5%
    }
}

.ak-fixedbar .ak-content-fixedbar .ak-block-video .ak-btn-reduce {
    background: url("/assets/img/btn-reduce.png") center center no-repeat transparent;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 33px;
    height: 26px;
    color: #282720;
    transition: all .2s;
    transform: rotate(0deg)
}

.ak-fixedbar .ak-content-fixedbar .ak-block-video .ak-btn-reduce:after {
    background: url("/assets/img/btn-reduce-over.png") center center no-repeat #373737;
    content: " ";
    opacity: 0;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .2s
}

.ak-fixedbar .ak-content-fixedbar .ak-block-video .ak-btn-reduce:hover {
    text-decoration: none
}

.ak-fixedbar .ak-content-fixedbar .ak-block-video .ak-btn-reduce:hover:after {
    opacity: 1
}

.ak-fixedbar .ak-content-fixedbar .ak-block-video .ak-btn-reduce.ak-open {
    transform: rotate(180deg)
}

.ak-fixedbar .ak-content-fixedbar .ak-block-video .ak-text {
    margin-bottom: 6px
}

.ak-fixedbar .ak-content-fixedbar .ak-block-video .ak-text .ak-title {
    color: #f6eed6;
    font-size: 16px
}

.ak-fixedbar .ak-content-fixedbar .ak-block-video .ak-text .ak-baseline {
    color: #f5c625;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-transform: uppercase
}

.ak-fixedbar .ak-content-fixedbar .ak-block-video .ak-btn-video {
    background: url("/assets/img/thumb.jpg") center center no-repeat transparent;
    background-size: cover;
    display: block;
    width: 315px;
    height: 176px;
    box-shadow: inset 0 0 0 3px rgba(255,255,255,.2);
    position: relative;
    transition: all .2s
}

.ak-fixedbar .ak-content-fixedbar .ak-block-video .ak-btn-video:after {
    content: " ";
    display: block;
    background: url("/assets/img/play.png") 0 0 no-repeat transparent;
    width: 145px;
    height: 145px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -72px 0 0 -72px
}

.ak-fixedbar .ak-content-fixedbar .ak-block-video .ak-btn-video:hover {
    filter: brightness(1.3);
    background-size: 102%;
    transition: all .2s
}

.es .ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-retro,.pt .ak-fixedbar .ak-content-fixedbar .ak-btns .ak-btn-retro {
    font-size: 16px
}

@keyframes bounce {
    0% {
        transform: translateY(-3px);
        opacity: 1
    }

    100% {
        transform: translateY(3px);
        opacity: 0
    }
}

.ak-modal-video {
    background: transparent;
    overflow: hidden
}

.ak-modal-video .ui-dialog-titlebar {
    background: none;
    min-height: 20px
}

.ak-modal-video .ui-dialog-titlebar span {
    display: none
}

.ak-modal-video .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background-color: transparent
}

.ak-modal-video .ak-modal {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-top: 30px
}

.ak-modal-video .ak-modal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-widget-overlay {
    opacity: .8
}