@font-face {
    font-family: 'Impact';
    src: url('/fonts/impact.eot');
    src: local('☺'), url('/fonts/impact.ttf') format('truetype'), url('/fonts/impact.woff') format('woff'), url('/fonts/impact.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.d .credits-wrap {
    font-family: "Roboto Slab", sans-serif;
}

.d .credits-wrap .credits-banner {
    background: var(--default-bg-panel-color) image-set(
            var(--credits-banner-1x-url) 1x,
            var(--credits-banner-2x-url) 2x,
            var(--credits-banner-3x-url) 3x,
            var(--credits-banner-4x-url) 4x
    ) no-repeat;
    height: 292px;
    width: 784px;
    border-bottom: 1px solid #CCC;
	border-bottom-color: var(--default-panel-divider-outer-side-color);
}

.d .content-wrapper.logged-out .credits-wrap .credits-banner {
    background: var(--default-bg-panel-color) image-set(
            var(--credits-banner-logged-out-1x-url) 1x,
            var(--credits-banner-logged-out-2x-url) 2x,
            var(--credits-banner-logged-out-3x-url) 3x,
            var(--credits-banner-logged-out-4x-url) 4x
    ) no-repeat;
    width: 100%;
    height: 370px;
}

.d .credits-wrap .banner-title {
    font-family: "Roboto Slab", sans-serif;
    font-size: 50px;
    font-weight: 100;
    line-height: 44px;
    color: #B28500;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 230px;
}

.d .content-wrapper.logged-out .credits-wrap .banner-title {
    padding-top: 289px;
}

.d .credits-wrap .credits-cont-wrap {
    border-top: 1px solid #FFF;
	border-top-color: var(--default-panel-divider-inner-side-color);
    border-top-color: var(--divider-light-color);
    background-color: #F2F2F2;
    background-color: var(--default-bg-panel-color);

}

.d .credits-wrap .awards-wrap {
    border-bottom: 1px solid #CCC;
	border-bottom-color: var(--default-panel-divider-outer-side-color);
    padding-bottom: 19px;
}

.d .content-wrapper.logged-out .credits-wrap .awards-wrap {
    padding: 0 53px 20px 53px;
}

.d .credits-wrap .awards-wrap > figure {
    width: 154px;
    padding: 20px 0 19px 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.d .credits-wrap .awards-wrap > figure:nth-child(5n+1) {
    padding-left: 1px;
}

.d .content-wrapper.logged-out .credits-wrap .awards-wrap > figure {
    width: 150px;
    padding: 20px 27px 21px 0;
}

.d .content-wrapper.logged-out .credits-wrap .awards-wrap > figure:nth-child(5n) {
    padding-right: 0;
}

.d .credits-wrap .awards-wrap .avatar,
.d .credits-wrap .awards-wrap .avatar-wrap {
    width: 100px;
    height: 94px;
    display: block;
    margin: 0 auto;
}

.d .credits-wrap .awards-wrap .avatar-wrap {
    position: relative;
    top: 0;
    left: 0;
    background-image: url(/images/v2/credits/avatars/svg/credit.svg);
}

.d .credits-wrap .awards-wrap figure.lose .avatar-wrap {
    background-image: url(/images/v2/credits/avatars/svg/credit_lose.svg);
    background-image: var(--credits-avatar-lose-url);
}

.d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg {
    margin: auto;
    position: absolute;
    top: -2px;
    left: 0;
    bottom: 0;
    right: 0;
}

.d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg path,
.d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg ellipse,
.d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg rect {
    fill: #777;
    fill: var(--credits-avatar-fill);
}

.d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-31 path {
    stroke: #707070;
    stroke: var(--credits-avatar-stroke);
}

.d .credits-wrap .awards-wrap figure.lose .avatar-wrap path,
.d .credits-wrap .awards-wrap figure.lose .avatar-wrap ellipse,
.d .credits-wrap .awards-wrap figure.lose .avatar-wrap rect {
    fill: #777;
    fill: var(--credits-avatar-lose-fill);
}

.d .credits-wrap .awards-wrap .avatar-wrap figure.lose .avatar-svg#award-svg-31 path {
    stroke: #707070;
    stroke: var(--credits-avatar-lose-stroke);
}

.d .credits-wrap .awards-wrap figcaption {
    font-family: "Fjalla One", sans-serif;
    padding-top: 6px;
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    color: #666;
    color: var(--credits-fullname-color);
}

.d .content-wrapper.logged-out .credits-wrap .awards-wrap figcaption {
    padding-top: 7px;
}

.d .credits-wrap .awards-wrap .full-name {
    font-size: 17px;
    line-height: 22px;
}

.d .credits-wrap .awards-wrap .full-name .name,
.d .credits-wrap .awards-wrap .full-name .surname {
    display: block;
}

.d .credits-wrap .thanks-wrap {
    border-top: 1px solid #FFF;
	border-top-color: var(--default-panel-divider-inner-side-color);
    border-bottom: 1px solid #CCC;
	border-bottom-color: var(--default-panel-divider-outer-side-color);
    padding: 22px 20px 19px 20px;
}

.d .content-wrapper.logged-out .credits-wrap .thanks-wrap,
.d .content-wrapper.logged-out .credits-wrap .footer-wrap {
    padding-left: 93px;
    padding-right: 93px;
    padding-bottom: 20px;
}

.d .credits-wrap .thanks-wrap .thanks-title {
    font-family: "Roboto Slab", sans-serif;
    font-size: 50px;
    font-weight: 100;
    line-height: 44px;
    color: #B28500;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}

.d .content-wrapper.logged-out .credits-wrap .thanks-wrap .thanks-title {
    text-align: center;
}

.d .credits-wrap .thanks-wrap .thanks-desc {
    font-family: "Roboto Slab", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #888;
    color: var(--credits-text-color);
    line-height: 18px;
    padding-top: 30px;
    text-align: justify;
}

.d .credits-wrap .footer-wrap {
    padding: 17px 0 22px 0;
    text-align: center;
    border-top: 1px solid #FFF;
	border-top-color: var(--default-panel-divider-inner-side-color);
    border-top-color: var(--divider-light-color);
}

.d .credits-wrap .footer-wrap .footer-title {
    font-family: Impact, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #888;
    color: var(--credits-text-color);
}

.d .credits-wrap .footer-wrap .copyright {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #888;
    color: var(--credits-text-color);
    text-align: center;
    padding-top: 10px;
}

.d .content-wrapper.logged-out .credits-wrap .footer-wrap .footer-title,
.d .content-wrapper.logged-out .credits-wrap .footer-wrap .copyright {
    text-align: center;
}

.d .content-wrapper.logged-out .credits-wrap .footer-wrap .copyright {
    padding-top: 11px;
}

.d .credits-wrap .awards-wrap .rate {
    margin: 0 auto;
    width: 140px;
}

.d .content-wrapper.logged-out .credits-wrap .awards-wrap .rate {
    width: 143px;
}

.d .credits-wrap .awards-wrap #award-46 .rate {
    line-height: 18px;
}

.d .content-wrapper.logged-out .credits-wrap .awards-wrap .rate {
    line-height: 20px;
}

.d .content-wrapper.logged-out .credits-wrap .awards-wrap .period {
    line-height: 15px;
}

.d .credits-wrap .awards-wrap .rate,
.d .credits-wrap .awards-wrap .period {
    color: #888;
    color: var(--credits-position-color);
}

.d .credits-wrap .awards-wrap figure.lose .rate,
.d .credits-wrap .awards-wrap figure.lose .period,
.d .credits-wrap .awards-wrap figure.lose figcaption {
    color: #888;
    color: var(--credits-position-lose-color);
}

.d .credits-wrap .awards-wrap figure.last-row {
    margin-left: 195px;
}

.d .content-wrapper.logged-out .credits-wrap .awards-wrap > figure.last-row {
    margin-left: 243px;
}

.d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-1,
.d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-2 {
    top: -8px;
}

 .d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-3 {
    top: -10px;
}

.d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-35 {
    top: -5px;
}

.d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-9,
.d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-23 {
    top: -7px;
}

.d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-7,
.d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-33,
.d .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-22 {
    top: -6px;
}

.d .content-wrapper.logged-out .credits-wrap .awards-wrap .avatar-wrap .avatar-svg {
    top: 0;
}

.d .content-wrapper.logged-out .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-35 {
    top: -4px;
}

.d .content-wrapper.logged-out .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-7,
.d .content-wrapper.logged-out .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-33,
.d .content-wrapper.logged-out .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-22,
.d .content-wrapper.logged-out .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-9,
.d .content-wrapper.logged-out .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-23 {
    top: -5px
}

.d .content-wrapper.logged-out .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-1,
.d .content-wrapper.logged-out .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-2,
.d .content-wrapper.logged-out .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-3 {
    top: -7px;
}

.d .content-wrapper.logged-out .credits-wrap .footer-wrap {
    padding: 17px 0 21px 0;
}

.d .content-wrapper.logged-out .credits-wrap .thanks-wrap .thanks-desc {
    padding-top: 29px;
}

@media screen and (max-width: 1000px) {

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap {
        padding: 0 0 20px 0;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap > figure {
        padding: 20px 0 22px 4px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap figcaption {
        padding-top: 6px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap .rate {
        width: 140px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap #award-46 .rate {
        line-height: 18px;
    }

    .r .content-wrapper.logged-out .credits-wrap .thanks-wrap {
        padding: 22px 20px 20px 20px;
    }

    .r .content-wrapper.logged-out .credits-wrap .credits-banner {
        background: var(--default-bg-panel-color) image-set(
                var(--credits-banner-1x-url) 1x,
                var(--credits-banner-2x-url) 2x,
                var(--credits-banner-3x-url) 3x,
                var(--credits-banner-4x-url) 4x
        ) no-repeat;
        width: 100%;
        height: 292px;
    }

    .r .content-wrapper.logged-out .credits-wrap .banner-title {
        padding-top: 230px;
    }

}

@media screen and (max-width: 784px) {
    .r .credits-wrap .credits-banner {
        background: var(--default-bg-panel-color) image-set(
                var(--credits-banner-1x-url) 1x,
                var(--credits-banner-2x-url) 2x,
                var(--credits-banner-3x-url) 3x,
                var(--credits-banner-4x-url) 4x
        ) no-repeat;
        height: 184px;
        width: 386px;
    }

    .r .content-wrapper.logged-out .credits-wrap .credits-banner {
        background: var(--default-bg-panel-color) image-set(
                var(--credits-banner-logged-out-1x-url) 1x,
                var(--credits-banner-logged-out-2x-url) 2x,
                var(--credits-banner-logged-out-3x-url) 3x,
                var(--credits-banner-logged-out-4x-url) 4x
        ) no-repeat;
        height: 184px;
        width: 578px;
    }

    .r .credits-wrap .banner-title {
        font-size: 32px;
        padding-top: 129px;
    }

    .r .credits-wrap .awards-wrap figcaption {
        font-size: 13px;
    }

    .r .credits-wrap .awards-wrap > figure {
        width: 126px;
        padding: 19px 0 14px 1px;
    }

    .r .credits-wrap .awards-wrap > figure:nth-child(3n) {
        width: 123px;
    }

    .r .credits-wrap .awards-wrap .full-name {
        font-size: 17px;
        line-height: 22px;
    }

    .r .credits-wrap .awards-wrap #award-31 .rate {
        line-height: 18px;
    }

    .r .credits-wrap .awards-wrap #award-31 .period {
        line-height: 16px;
    }

    .r .credits-wrap .awards-wrap .rate,
    .r .credits-wrap .awards-wrap #award-46 .rate {
        width: 104px;
        line-height: 22px;
    }

    .r .credits-wrap .awards-wrap #award-46 .rate {
        line-height: 19px;
    }

    .r .credits-wrap .awards-wrap .period {
        line-height: 12px;
    }

    .r .credits-wrap .thanks-wrap .thanks-title {
        font-size: 32px;
    }

    .r .credits-wrap .awards-wrap {
        padding-bottom: 20px;
    }

    .r .credits-wrap .thanks-wrap {
        padding: 10px 20px 19px 20px;
    }

    .r .credits-wrap .awards-wrap > figure:nth-last-child(3) {
        margin-left: 0;
    }

    .r .content-wrapper .credits-wrap .awards-wrap > figure:last-child {
        padding-bottom: 4px;
        margin: 0 auto;
        display: block;
    }

    .r .credits-wrap .awards-wrap figure.last-row {
        margin-left: 0;
        padding-bottom: 4px;
    }

    .r .credits-wrap .thanks-wrap .thanks-desc {
        padding-top: 14px;
    }

    .r .content-wrapper.logged-out .credits-wrap .banner-title {
        padding-top: 189px;
    }

    .r .content-wrapper.logged-out .credits-wrap .credits-banner {
        height: 243px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap > figure {
        width: 139px;
        padding: 20px 0 12px 38px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap > figure:nth-child(3n+1) {
        width: 141px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap #award-46 .rate {
        width: 143px;
        margin-left: -4px;
        line-height: 19px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap > figure:last-child {
        padding-left: 0;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap {
        padding-bottom: 9px;
    }

    .r .content-wrapper.logged-out .credits-wrap .thanks-wrap {
        padding-top: 10px;
    }

    .r .content-wrapper.logged-out .credits-wrap .thanks-wrap .thanks-desc {
        padding-top: 13px;
    }
}

@media screen and (max-width: 600px) {

    .r .content-wrapper.logged-out .credits-wrap .credits-banner {
        background: var(--default-bg-panel-color) image-set(
                var(--credits-banner-1x-url) 1x,
                var(--credits-banner-2x-url) 2x,
                var(--credits-banner-3x-url) 3x,
                var(--credits-banner-4x-url) 4x
        ) no-repeat;
        height: 184px;
        width: 386px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap > figure,
    .r .content-wrapper.logged-out .credits-wrap .awards-wrap > figure:nth-child(3n+1) {
        width: 101px;
        padding-left: 14px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap > figure {
        padding-left: 25px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap .rate {
        width: 101px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap #award-46 .rate {
        width: 107px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap > figure:last-child {
        padding-left: 0;
    }

    .r .content-wrapper.logged-out .credits-wrap .banner-title {
        padding-top: 130px;
    }
}

@media screen and (max-width: 386px) {

    .r .credits-wrap .credits-banner,
    .r .content-wrapper.logged-out .credits-wrap .credits-banner {
        background: var(--default-bg-panel-color) image-set(
                var(--credits-banner-1x-url) 1x,
                var(--credits-banner-2x-url) 2x,
                var(--credits-banner-3x-url) 3x,
                var(--credits-banner-4x-url) 4x
        ) no-repeat;
        height: 160px;
        width: 320px;
    }

    .r .credits-wrap .banner-title,
    .r .content-wrapper.logged-out .credits-wrap .banner-title {
        padding-top: 106px;
    }

    .r .credits-wrap .awards-wrap figcaption {
        font-size: 11px;
    }

    .r .credits-wrap .awards-wrap .full-name {
        font-size: 15px;
        line-height: 20px;
    }

    .r .credits-wrap .awards-wrap > figure,
    .r .credits-wrap .awards-wrap > figure:nth-child(5n+1) {
        width: 105px;
        padding: 18px 0 11px 0;
    }

    .r .credits-wrap .awards-wrap > figure:nth-child(3n) {
        width: 104px;
    }

    .r .credits-wrap .awards-wrap .rate,
    .r .credits-wrap .awards-wrap #award-31 .rate {
        line-height: 20px;
    }

    .r .credits-wrap .awards-wrap #award-46 .rate {
        line-height: 18px;
    }

    .r .credits-wrap .awards-wrap #award-31 .period {
        line-height: 11px;
    }


    .r .credits-wrap .thanks-wrap .thanks-title {
        font-size: 32px;
    }

    .r .credits-wrap .awards-wrap .avatar-wrap {
        background-size: 87px 81px;
        width: 87px;
        height: 81px;
    }

    .r .credits-wrap .thanks-wrap {
        padding: 10px 10px 20px 10px;
    }

    .r .credits-wrap .awards-wrap .rate {
        width: auto;
    }

    .r .credits-wrap .thanks-wrap .thanks-desc {
        padding-top: 14px;
    }

    .r .credits-wrap .awards-wrap figcaption {
        padding-top: 7px;
    }

    .r .credits-wrap .awards-wrap {
        padding-bottom: 25px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap > figure,
    .r .content-wrapper.logged-out .credits-wrap .awards-wrap > figure:nth-child(3n+1) {
        padding-left: 3px;
        padding-bottom: 10px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap .period {
        line-height: 13px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap #award-46 .rate {
        line-height: 18px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap #award-46 .period {
        line-height: 12px;
    }

    body.r .content-wrapper.logged-out .credits-wrap .awards-wrap > figure:last-child {
        padding-left: 0;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap {
        padding-bottom: 19px;
    }

    .r .content-wrapper.logged-out .credits-wrap .thanks-wrap {
        padding-left: 10px;
        padding-right: 10px;
    }

    #body.r .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-1,
    #body.r .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-2,
    #body.r .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-3,
    #body.r .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-9,
    #body.r .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-23,
    #body.r .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-7,
    #body.r .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-33,
    #body.r .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-22,
    #body.r .credits-wrap .awards-wrap .avatar-wrap .avatar-svg#award-svg-35 {
        top: -2px;
    }

    #body.r .content-wrapper.logged-out .credits-wrap .awards-wrap .avatar-wrap .avatar-svg {
        top: -3px;
    }

    .r .content-wrapper.logged-out .credits-wrap .awards-wrap > figure {
        padding-top: 19px;
    }
}