#hidden {
    display: none
}

p, span, h1, h2, h3, h4, h5, h6, ul, li, ol {
    margin: 0;
    padding: 0
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

h4, h5 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

*::-moz-selection {
    background-color: #cbdcd4;
    color: #415a71
}

*::selection {
    background-color: #cbdcd4;
    color: #415a71
}

*::-moz-selection {
    background-color: #cbdcd4;
    color: #415a71
}

*:focus {
    outline: none
}

input, textarea {
    color: #ccc;
    text-indent: 8px;
    font-size: 16px;
    border-width: 0
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #555
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #555
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #555
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #555
}

input::placeholder, textarea::placeholder {
    color: #555
}

[class^=icon-], [class*=" icon-"] {
    font-family: "icons" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-btn_prev:before {
    content: ""
}

.icon-btn_next_light:before {
    content: ""
}

.icon-btn_next:before {
    content: ""
}

.icon-btn_prev_light:before {
    content: ""
}

.icon-btn_sound_light:before {
    content: ""
}

.icon-btn_sound:before {
    content: ""
}

.icon-btn_less_light:before {
    content: ""
}

.icon-btn_less:before {
    content: ""
}

.icon-btn_plus_light:before {
    content: ""
}

.icon-btn_plus:before {
    content: ""
}

.icon-btn_close_light:before {
    content: ""
}

.icon-btn_close:before {
    content: ""
}

.icon-btn_help_light:before {
    content: ""
}

.icon-btn_help:before {
    content: ""
}

.icon-btn_pause_light:before {
    content: ""
}

.icon-btn_pause:before {
    content: ""
}

.icon-btn_play_light:before {
    content: ""
}

.icon-btn_play:before {
    content: ""
}

.icon-btn_home_light:before {
    content: ""
}

.icon-btn_home:before {
    content: ""
}

._anil_000 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 0ms !important;
    transition: 0ms !important
}

._anil_100 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 100ms;
    transition: 100ms
}

._anil_200 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 200ms;
    transition: 200ms
}

._anil_300 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 300ms;
    transition: 300ms
}

._anil_400 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 400ms;
    transition: 400ms
}

._anil_500 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 500ms;
    transition: 500ms
}

._anil_600 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 600ms;
    transition: 600ms
}

._anil_700 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 700ms;
    transition: 700ms
}

._anil_800 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 800ms;
    transition: 800ms
}

._anil_900 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 900ms;
    transition: 900ms
}

._anil_1000 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 1000ms;
    transition: 1000ms
}

._anil_1100 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 1100ms;
    transition: 1100ms
}

._anil_1200 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 1200ms;
    transition: 1200ms
}

._anil_1300 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 1300ms;
    transition: 1300ms
}

._anil_1400 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 1400ms;
    transition: 1400ms
}

._anil_1500 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 1500ms;
    transition: 1500ms
}

._anil_1600 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 1600ms;
    transition: 1600ms
}

._anil_1700 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 1700ms;
    transition: 1700ms
}

._anil_1800 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 1800ms;
    transition: 1800ms
}

._anil_1900 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 1900ms;
    transition: 1900ms
}

._anil_2000 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 2000ms;
    transition: 2000ms
}

._anil_5000 {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: 5000ms;
    transition: 5000ms
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@font-face {
    font-family: light_condensed;
    src: url("../../../custom_theme/assets/fonts/din_light_condensed.eot");
    src: local("din light condensed"), local("din_light_condensed"), url("../../../custom_theme/assets/fonts/din_light_condensed.eot?#iefix") format("embedded-opentype"), url("../../../custom_theme/assets/fonts/din_light_condensed.woff2") format("woff2"), url("../../../custom_theme/assets/fonts/din_light_condensed.woff") format("woff")
}

@font-face {
    font-family: medium_condensed;
    src: url("../../../custom_theme/assets/fonts/din_medium_condensed.eot");
    src: local("din medium condensed"), local("din_medium_condensed"), url("../../../custom_theme/assets/fonts/din_medium_condensed.eot?#iefix") format("embedded-opentype"), url("../../../custom_theme/assets/fonts/din_medium_condensed.woff2") format("woff2"), url("../../../custom_theme/assets/fonts/din_medium_condensed.woff") format("woff")
}

@font-face {
    font-family: medium;
    src: url("../../../custom_theme/assets/fonts/din_medium.eot");
    src: local("din medium"), local("din_medium"), url("../../../custom_theme/assets/fonts/din_medium.eot?#iefix") format("embedded-opentype"), url("../../../custom_theme/assets/fonts/din_medium.woff2") format("woff2"), url("../../../custom_theme/assets/fonts/din_medium.woff") format("woff"), url("../../../custom_theme/assets/fonts/din_medium.ttf") format("truetype")
}

@font-face {
    font-family: font_black;
    src: url("../../../custom_theme/assets/fonts/din_black.eot");
    src: local("din black"), local("din_black"), url("../../../custom_theme/assets/fonts/din_black.eot?#iefix") format("embedded-opentype"), url("../../../custom_theme/assets/fonts/din_black.woff2") format("woff2"), url("../../../custom_theme/assets/fonts/din_black.woff") format("woff"), url("../../../custom_theme/assets/fonts/din_black.ttf") format("truetype")
}

@font-face {
    font-family: regular;
    src: url("../../../custom_theme/assets/fonts/din_regular.eot");
    src: local("din regular"), local("din_regular"), url("../../../custom_theme/assets/fonts/din_regular.eot?#iefix") format("embedded-opentype"), url("../../../custom_theme/assets/fonts/din_regular.woff2") format("woff2"), url("../../../custom_theme/assets/fonts/din_regular.woff") format("woff"), url("../../../custom_theme/assets/fonts/din_regular.ttf") format("truetype")
}

.glow {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    -webkit-filter: brightness(10000%) contrast(10000%);
    filter: brightness(10000%) contrast(10000%)
}

.s {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    -webkit-filter: brightness(100%) contrast(100%);
    filter: brightness(100%) contrast(100%)
}

.loadidng {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    margin: 0;
    padding: 0;
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    opacity: 0
}

.loadidng * {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.loadidng img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 0ms !important;
    transition: 0ms !important;
    display: none
}

.loadidng img.big {
    width: 320px;
    height: 320px;
    margin-top: -160px;
    margin-left: -160px
}

.loadidng img.min {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    cursor: none
}

.loadidng.mini {
    background-color: rgba(255, 255, 255, .1)
}

.loadidng.mini img.big {
    display: none
}

.loadidng.mini img.min {
    display: block
}

.loadidng.big {
    background-color: #fff
}

.loadidng.big img.big {
    display: block
}

.loadidng.big img.min {
    display: none
}

.loadidng.active {
    pointer-events: all;
    opacity: 1
}

@-webkit-keyframes _trem_box_ra {
    0% {
        padding-left: 1px;
        -webkit-box-shadow: 1rem 0px 0px #15fffe, -1rem 0px 0px #fe22fe;
        box-shadow: 1rem 0px 0px #15fffe, -1rem 0px 0px #fe22fe
    }
    33% {
        padding-left: -1px;
        -webkit-box-shadow: 0rem 0px 0px #15fffe, 0rem 0px 0px #fe22fe;
        box-shadow: 0rem 0px 0px #15fffe, 0rem 0px 0px #fe22fe
    }
    66% {
        padding-left: 1px;
        -webkit-box-shadow: 1rem 0px 0px #15fffe, -1rem 0px 0px #fe22fe;
        box-shadow: 1rem 0px 0px #15fffe, -1rem 0px 0px #fe22fe
    }
    99% {
        padding-left: -1px;
        -webkit-box-shadow: 0rem 0px 0px #15fffe, 0rem 0px 0px #fe22fe;
        box-shadow: 0rem 0px 0px #15fffe, 0rem 0px 0px #fe22fe
    }
}

@keyframes _trem_box_ra {
    0% {
        padding-left: 1px;
        -webkit-box-shadow: 1rem 0px 0px #15fffe, -1rem 0px 0px #fe22fe;
        box-shadow: 1rem 0px 0px #15fffe, -1rem 0px 0px #fe22fe
    }
    33% {
        padding-left: -1px;
        -webkit-box-shadow: 0rem 0px 0px #15fffe, 0rem 0px 0px #fe22fe;
        box-shadow: 0rem 0px 0px #15fffe, 0rem 0px 0px #fe22fe
    }
    66% {
        padding-left: 1px;
        -webkit-box-shadow: 1rem 0px 0px #15fffe, -1rem 0px 0px #fe22fe;
        box-shadow: 1rem 0px 0px #15fffe, -1rem 0px 0px #fe22fe
    }
    99% {
        padding-left: -1px;
        -webkit-box-shadow: 0rem 0px 0px #15fffe, 0rem 0px 0px #fe22fe;
        box-shadow: 0rem 0px 0px #15fffe, 0rem 0px 0px #fe22fe
    }
}

@-webkit-keyframes _trem_text_ra {
    0% {
        padding-left: 1px;
        text-shadow: .4rem 0px 0px #15fffe, -0.4rem 0px 0px #fe22fe
    }
    33% {
        padding-left: -1px;
        text-shadow: .2rem 0px 0px #15fffe, -0.2rem 0px 0px #fe22fe
    }
    66% {
        padding-left: 1px;
        text-shadow: .4rem 0px 0px #15fffe, -0.4rem 0px 0px #fe22fe
    }
    99% {
        padding-left: -1px;
        text-shadow: .2rem 0px 0px #15fffe, -0.2rem 0px 0px #fe22fe
    }
}

@keyframes _trem_text_ra {
    0% {
        padding-left: 1px;
        text-shadow: .4rem 0px 0px #15fffe, -0.4rem 0px 0px #fe22fe
    }
    33% {
        padding-left: -1px;
        text-shadow: .2rem 0px 0px #15fffe, -0.2rem 0px 0px #fe22fe
    }
    66% {
        padding-left: 1px;
        text-shadow: .4rem 0px 0px #15fffe, -0.4rem 0px 0px #fe22fe
    }
    99% {
        padding-left: -1px;
        text-shadow: .2rem 0px 0px #15fffe, -0.2rem 0px 0px #fe22fe
    }
}

@-webkit-keyframes _trem_svg_ra {
    0% {
        padding-left: 1px;
        -webkit-filter: drop-shadow(0.4rem 0px 0px #15fffe) drop-shadow(-0.4rem 0px 0px #fe22fe);
        filter: drop-shadow(0.4rem 0px 0px #15fffe) drop-shadow(-0.4rem 0px 0px #fe22fe)
    }
    33% {
        padding-left: -1px;
        -webkit-filter: drop-shadow(0.2rem 0px 0px #15fffe) drop-shadow(-0.2rem 0px 0px #fe22fe);
        filter: drop-shadow(0.2rem 0px 0px #15fffe) drop-shadow(-0.2rem 0px 0px #fe22fe)
    }
    66% {
        padding-left: 1px;
        -webkit-filter: drop-shadow(0.4rem 0px 0px #15fffe) drop-shadow(-0.4rem 0px 0px #fe22fe);
        filter: drop-shadow(0.4rem 0px 0px #15fffe) drop-shadow(-0.4rem 0px 0px #fe22fe)
    }
    99% {
        padding-left: -1px;
        -webkit-filter: drop-shadow(0.2rem 0px 0px #15fffe) drop-shadow(-0.2rem 0px 0px #fe22fe);
        filter: drop-shadow(0.2rem 0px 0px #15fffe) drop-shadow(-0.2rem 0px 0px #fe22fe)
    }
}

@keyframes _trem_svg_ra {
    0% {
        padding-left: 1px;
        -webkit-filter: drop-shadow(0.4rem 0px 0px #15fffe) drop-shadow(-0.4rem 0px 0px #fe22fe);
        filter: drop-shadow(0.4rem 0px 0px #15fffe) drop-shadow(-0.4rem 0px 0px #fe22fe)
    }
    33% {
        padding-left: -1px;
        -webkit-filter: drop-shadow(0.2rem 0px 0px #15fffe) drop-shadow(-0.2rem 0px 0px #fe22fe);
        filter: drop-shadow(0.2rem 0px 0px #15fffe) drop-shadow(-0.2rem 0px 0px #fe22fe)
    }
    66% {
        padding-left: 1px;
        -webkit-filter: drop-shadow(0.4rem 0px 0px #15fffe) drop-shadow(-0.4rem 0px 0px #fe22fe);
        filter: drop-shadow(0.4rem 0px 0px #15fffe) drop-shadow(-0.4rem 0px 0px #fe22fe)
    }
    99% {
        padding-left: -1px;
        -webkit-filter: drop-shadow(0.2rem 0px 0px #15fffe) drop-shadow(-0.2rem 0px 0px #fe22fe);
        filter: drop-shadow(0.2rem 0px 0px #15fffe) drop-shadow(-0.2rem 0px 0px #fe22fe)
    }
}

@-webkit-keyframes _shakin_10_kf {
    0% {
        left: 10px
    }
    33% {
        left: 20px
    }
    66% {
        left: 10px
    }
    99% {
        left: 20px
    }
}

@keyframes _shakin_10_kf {
    0% {
        left: 10px
    }
    33% {
        left: 20px
    }
    66% {
        left: 10px
    }
    99% {
        left: 20px
    }
}

main.not_found {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 1000px;
    background-color: #29356d
}

main.not_found::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#191e35), to(rgba(25, 30, 53, 0)));
    background: linear-gradient(180deg, #191e35 0%, rgba(25, 30, 53, 0) 100%)
}

main.not_found > div.not_found {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 360px;
    height: auto;
    margin-top: -100px;
    z-index: 2
}

main.not_found > div.not_found > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

main.not_found > div.not_found > p {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 30px;
    font-family: medium_condensed, system-ui, sans-serif;
    color: #facc21;
    text-transform: uppercase;
    font-size: 32px;
    text-align: justify
}

img {
    pointer-events: none !important
}

@media (min-width: 1200px) {
    header {
        background-color: rgba(0, 0, 0, 0)
    }
}

div.wrapper.banner {
    display: none !important
}

a.follow_link, p.follow_link {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    text-decoration: none;
    font-size: 14px
}

@media (min-width: 1200px) {
    a.follow_link, p.follow_link {
        font-size: 16px
    }
}

a.follow_link:after, p.follow_link:after {
    content: "";
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: relative;
    background-color: red;
    display: inline-block;
    width: 16px;
    height: 1px;
    margin-left: 16px;
    top: -5px
}

@media (min-width: 1200px) {
    a.follow_link:after, p.follow_link:after {
        width: 26px
    }
}

a.follow_link:hover:after, p.follow_link:hover:after {
    width: 6px
}

a.follow_link._black, p.follow_link._black {
    color: #000 !important
}

a.follow_link._black:after, p.follow_link._black:after {
    background-color: #000 !important
}

a.follow_link._blue, p.follow_link._blue {
    color: #29356d !important
}

a.follow_link._blue:after, p.follow_link._blue:after {
    background-color: #29356d !important
}

a.follow_link._yellow, p.follow_link._yellow {
    color: #facc21 !important
}

a.follow_link._yellow:after, p.follow_link._yellow:after {
    background-color: #facc21 !important
}

a.follow_link._white, p.follow_link._white {
    color: #fff !important
}

a.follow_link._white:after, p.follow_link._white:after {
    background-color: #fff !important
}

a.button {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: relative;
    margin-top: 20px;
    height: 32px;
    border-radius: 16px;
    cursor: pointer;
    padding: 0 20px;
    text-decoration: none
}

@media (min-width: 1200px) {
    a.button {
        height: 46px;
        border-radius: 23px
    }
}

a.button > span {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-family: regular, system-ui, sans-serif;
    text-decoration: none;
    text-align: center;
    width: 100%;
    z-index: 4;
    font-size: 12px;
    line-height: 34px
}

a.button > span > img, a.button > span > svg {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: -3px;
    float: right;
    margin-left: 8px;
    width: 20px
}

@media (min-width: 1200px) {
    a.button > span {
        font-size: 16px;
        line-height: 48px
    }
}

a.button:after {
    content: "";
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 0px;
    left: 0px;
    border: 1px solid red;
    border-radius: 16px
}

@media (min-width: 1200px) {
    a.button:after {
        border-radius: 23px
    }
}

a.button._bigger {
    width: 70%;
    height: 46px;
    border-radius: 23px
}

a.button._bigger > span {
    font-size: 16px;
    line-height: 48px
}

@media (min-width: 1200px) {
    a.button._bigger > span {
        font-size: 24px;
        line-height: 75px
    }
}

a.button._bigger > span > img, a.button._bigger > span > svg {
    width: 27px;
    margin-top: -5px;
    margin-left: 14px
}

@media (min-width: 1200px) {
    a.button._bigger {
        height: 66px;
        border-radius: 33px
    }
}

a.button._bigger:after {
    border-radius: 23px
}

@media (min-width: 1200px) {
    a.button._bigger:after {
        border-radius: 33px
    }
}

a.button._black > span {
    color: #000 !important
}

a.button._black:after {
    border: 1px solid #000
}

a.button._black:hover {
    background-color: #000
}

a.button._black:hover > span {
    color: #fff !important
}

a.button._blue > span {
    color: #29356d !important
}

a.button._blue:after {
    border: 1px solid #29356d
}

a.button._blue:hover {
    background-color: #29356d
}

a.button._blue:hover > span {
    color: #fff !important
}

a.button._yellow > span {
    color: #facc21 !important
}

a.button._yellow:after {
    border: 1px solid #facc21
}

a.button._yellow:hover {
    background-color: #facc21
}

a.button._yellow:hover > span {
    color: #29356d !important
}

a.button._white > span {
    color: #fff !important
}

a.button._white:after {
    border: 1px solid #fff
}

a.button._white:hover {
    background-color: #fff
}

a.button._white:hover > span {
    color: #29356d !important
}

a.button._disabled {
    opacity: .5;
    pointer-events: none
}

a.button._black > span {
    color: #000 !important
}

a.button._black > span > svg ._icon {
    fill: #000 !important
}

a.button._black:after {
    border: 1px solid #000
}

a.button._black:hover {
    background-color: #000
}

a.button._black:hover > span {
    color: #fff !important
}

a.button._black:hover > span > svg ._icon {
    fill: #fff !important
}

a.button._blue > span {
    color: #29356d !important
}

a.button._blue > span > svg ._icon {
    fill: #29356d !important
}

a.button._blue:after {
    border: 1px solid #29356d
}

a.button._blue:hover {
    background-color: #29356d
}

a.button._blue:hover > span {
    color: #fff !important
}

a.button._blue:hover > span > svg ._icon {
    fill: #fff !important
}

a.button._yellow > span {
    color: #facc21 !important
}

a.button._yellow > span > svg ._icon {
    fill: #facc21 !important
}

a.button._yellow:after {
    border: 1px solid #facc21
}

a.button._yellow:hover {
    background-color: #facc21
}

a.button._yellow:hover > span {
    color: #29356d !important
}

a.button._yellow:hover > span > svg ._icon {
    fill: #29356d !important
}

a.button._white > span {
    color: #fff !important
}

a.button._white > span > svg ._icon {
    fill: #fff !important
}

a.button._white:after {
    border: 1px solid #fff
}

a.button._white:hover {
    background-color: #fff
}

a.button._white:hover > span {
    color: #29356d !important
}

a.button._white:hover > span > svg ._icon {
    fill: #29356d !important
}

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

#debugger {
    position: fixed;
    top: 30px;
    left: 330px;
    width: 328px;
    height: 200px;
    z-index: 999;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 14px;
    opacity: 1
}

#debugger * {
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    pointer-events: none
}

#debugger *::-webkit-scrollbar {
    display: none
}

#debugger .title, #debugger .list, #debugger .btn, #debugger .item, #debugger .item img, #debugger .option, #debugger .cmd, #debugger .full, #debugger input, #debugger iframe {
    pointer-events: all
}

#debugger .btn {
    position: relative;
    display: inline-block;
    float: left;
    height: 20px;
    width: 20px
}

#debugger .btn > img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 200ms;
    transition: 200ms;
    width: 90%;
    height: 90%;
    margin: 5%
}

#debugger .btn:hover > img {
    width: 100%;
    height: 100%;
    margin: 0%
}

#debugger > div {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 8px);
    min-height: 20px;
    height: auto;
    background-color: rgba(0, 0, 0, .2);
    margin-top: 4px;
    margin-left: 4px;
    border-radius: 10px;
    overflow: hidden
}

#debugger > div .title {
    position: relative;
    display: inline-block;
    float: left;
    height: 20px;
    width: 100%
}

#debugger > div .title > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: calc(100% - 20px);
    color: #fff;
    text-indent: 8px
}

#debugger > div .title > .btn {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    width: 20px;
    height: 20px;
    margin: 0
}

#debugger > div .title > .btn > img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 200ms;
    transition: 200ms;
    width: 70%;
    height: 70%;
    margin: 15%
}

#debugger > div .title > .btn:hover > img {
    width: 100%;
    height: 100%;
    margin: 0%
}

#debugger > div .list {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: calc(100% - 20px);
    overflow-y: scroll
}

#debugger > div .list.opened {
    height: calc(100% - 20px)
}

#debugger > .base .title .btn.magnify {
    float: left
}

#debugger > .base .title p {
    width: 60%;
    left: 14px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "pixel" !important
}

#debugger > .base .list .option {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(33% - 5px);
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    border: 0px dotted #fff;
    border-radius: 15px;
    overflow: hidden
}

#debugger > .base .list .option.item_all_off {
    background-color: #333
}

#debugger > .base .list .option.item_all_on {
    background-color: #333
}

#debugger > .base .list .option img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 20px;
    height: 20px;
    left: auto;
    top: 3px;
    right: 3px;
    background-color: #000;
    border-radius: 50%;
    padding: 2px;
    opacity: .2
}

#debugger > .base .list .option p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: .8;
    word-break: break-all;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-indent: 6px
}

#debugger > .base .list .option p:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: .3;
    z-index: -1;
    border-radius: 20px
}

#debugger > .base .list .option.active {
    opacity: 1
}

#debugger > .base .list .option.active img {
    opacity: 1
}

#debugger > .base .list .option.active p {
    opacity: 1
}

#debugger > .base .list .option.active p:after {
    opacity: .6
}

#debugger > .extras {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 200ms;
    transition: 200ms;
    width: calc(100% - 8px);
    background-color: rgba(0, 0, 0, .4);
    margin: 4px
}

#debugger > .extras .mini_sizing {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 120px;
    height: 0px;
    left: auto;
    top: 1px;
    right: 56px
}

#debugger > .extras .mini_sizing .mini {
    position: relative;
    display: inline-block;
    float: left;
    width: 16px;
    height: 20px;
    margin: 0px;
    cursor: pointer;
    pointer-events: all
}

#debugger > .extras .mini_sizing .mini:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    background: red;
    width: 12px;
    height: 12px;
    top: 3px;
    left: 2px;
    border-radius: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: .2
}

#debugger > .extras .mini_sizing .mini.mini_phone:after {
    background-color: #ff03c1
}

#debugger > .extras .mini_sizing .mini.mini_smartphone:after {
    background-color: #9d03ff
}

#debugger > .extras .mini_sizing .mini.mini_tablet:after {
    background-color: #5940f1
}

#debugger > .extras .mini_sizing .mini.mini_notebook:after {
    background-color: #008aff
}

#debugger > .extras .mini_sizing .mini.mini_desktop:after {
    background-color: #37830d
}

#debugger > .extras .mini_sizing .mini.mini_projector:after {
    background-color: #ffde03
}

#debugger > .extras .mini_sizing .mini.mini_over:after {
    background-color: #ff6803
}

#debugger > .extras .mini_sizing .mini:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

#debugger > .extras .mini_sizing .mini.active:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

#debugger > .extras .mini_sizing .mini.active.mini_phone:after {
    -webkit-box-shadow: 0px 0px 10px #ff03c1;
    box-shadow: 0px 0px 10px #ff03c1
}

#debugger > .extras .mini_sizing .mini.active.mini_smartphone:after {
    -webkit-box-shadow: 0px 0px 10px #9d03ff;
    box-shadow: 0px 0px 10px #9d03ff
}

#debugger > .extras .mini_sizing .mini.active.mini_tablet:after {
    -webkit-box-shadow: 0px 0px 10px #5940f1;
    box-shadow: 0px 0px 10px #5940f1
}

#debugger > .extras .mini_sizing .mini.active.mini_notebook:after {
    -webkit-box-shadow: 0px 0px 10px #008aff;
    box-shadow: 0px 0px 10px #008aff
}

#debugger > .extras .mini_sizing .mini.active.mini_desktop:after {
    -webkit-box-shadow: 0px 0px 10px #37830d;
    box-shadow: 0px 0px 10px #37830d
}

#debugger > .extras .mini_sizing .mini.active.mini_projector:after {
    -webkit-box-shadow: 0px 0px 10px #ffde03;
    box-shadow: 0px 0px 10px #ffde03
}

#debugger > .extras .mini_sizing .mini.active.mini_over:after {
    -webkit-box-shadow: 0px 0px 10px #ff6803;
    box-shadow: 0px 0px 10px #ff6803
}

#debugger > .extras p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #fff;
    text-indent: 8px;
    line-height: 0px
}

#debugger > .extras .btn {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    height: 20px;
    width: 20px;
    margin-top: 2px;
    margin-right: 2px
}

#debugger > .extras .btn img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 200ms;
    transition: 200ms;
    width: 90%;
    height: 90%;
    margin: 5%
}

#debugger > .extras .btn:hover img {
    width: 100%;
    height: 100%;
    margin: 0%
}

#debugger > .memos {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 8px);
    min-height: 20px;
    height: auto;
    margin-top: 4px;
    margin-left: 4px;
    overflow: hidden
}

#debugger > .memos .list .item.memo {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    height: 30px;
    background-color: #13181a;
    background-color: #13181a;
    overflow: hidden;
    margin-left: 4px;
    margin-top: 4px;
    padding: 0;
    display: inline-block;
    border-radius: 15px;
    width: calc(100% - 8px)
}

#debugger > .memos .list .item.memo textarea.text {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: calc(100% - 40px);
    color: #555;
    white-space: nowrap;
    margin-top: 6px;
    margin-left: 8px;
    background: rgba(0, 0, 0, 0);
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    text-indent: 0px;
    font-size: 16px
}

#debugger > .memos .list .item.memo .btn.edit {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    left: auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    right: 5px;
    top: 5px;
    background-color: #303030;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    z-index: 2;
    cursor: pointer
}

#debugger > .memos .list .item.memo .btn.delete {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    left: auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    right: 5px;
    top: 5px;
    background-color: #303030;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    z-index: 1;
    cursor: pointer
}

#debugger > .memos .list .item.memo:after {
    content: "";
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 200ms;
    transition: 200ms;
    width: 100px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(19, 24, 26, 0)), to(#13181a));
    background: linear-gradient(90deg, rgba(19, 24, 26, 0) 20%, #13181a 100%)
}

#debugger > .memos .list .item.memo.xxx_urgency_low {
    background-color: #03301e
}

#debugger > .memos .list .item.memo.xxx_urgency_mid {
    background-color: #302303
}

#debugger > .memos .list .item.memo.xxx_urgency_high {
    background-color: #300403
}

#debugger > .memos .list .item.memo.is_off {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    opacity: 0
}

#debugger > .memos .list .item.memo.is_on {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    margin-left: 4px;
    margin-top: 4px;
    overflow-y: scroll;
    border-radius: 8px 15px 8px 8px
}

#debugger > .memos .list .item.memo.is_on .btn.delete {
    right: 30px
}

#debugger > .memos .list .item.memo.is_on textarea.text {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: calc(100% - 16px);
    margin: 8px;
    margin-top: 34px;
    height: auto;
    min-height: 100%;
    white-space: normal;
    pointer-events: all
}

#debugger > .memos .list .item.memo.is_on:after {
    right: -200px
}

#debugger > .doc {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 8px);
    min-height: 20px;
    height: auto;
    margin-top: 4px;
    margin-left: 4px;
    overflow: hidden
}

#debugger > .commands {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 8px);
    min-height: 20px;
    height: auto;
    margin-top: 4px;
    margin-left: 4px;
    overflow: hidden
}

#debugger > .commands .title > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: calc(100% - 20px);
    color: #fff;
    text-indent: 8px
}

#debugger > .commands .title > .btn {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 20px;
    height: 20px;
    right: 0px;
    left: auto
}

#debugger > .commands .title > .btn img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

#debugger > .commands .list .title {
    pointer-events: all
}

#debugger > .traces {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 8px);
    min-height: 20px;
    height: auto;
    margin-top: 4px;
    margin-left: 4px;
    overflow: hidden
}

#debugger > .traces .input {
    position: relative;
    display: inline-block;
    float: left;
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, .1);
    height: auto;
    width: 100%;
    background-color: rgba(0, 0, 0, .4)
}

#debugger > .traces .input input {
    position: relative;
    display: inline-block;
    float: left;
    padding: 0;
    border: 1px dotted #333;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    text-indent: 6px;
    width: calc(100% - 12px);
    height: 24px;
    margin: 6px 4px;
    border-radius: 2px
}

#debugger > .traces .input input::-webkit-input-placeholder {
    color: #ccc;
    font-style: italic
}

#debugger > .traces .input input::-moz-placeholder {
    color: #ccc;
    font-style: italic
}

#debugger > .traces .input input:-ms-input-placeholder {
    color: #ccc;
    font-style: italic
}

#debugger > .traces .input input::-ms-input-placeholder {
    color: #ccc;
    font-style: italic
}

#debugger > .traces .input input::placeholder {
    color: #ccc;
    font-style: italic
}

#debugger > .traces .list {
    position: relative;
    display: inline-block;
    float: left;
    height: 0px;
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, .1);
    height: calc(100% - 52px);
    width: 100%
}

#debugger > .traces .list .break {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 8px;
    background-color: #000;
    margin-bottom: 1px
}

#debugger > .traces .list .item {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    min-height: 23px;
    height: auto;
    border-bottom: 1px dotted rgba(0, 0, 0, 0) !important;
    border-top: 1px dotted rgba(0, 0, 0, 0) !important;
    border-bottom-color: rgba(0, 0, 0, 0) !important;
    border-top-color: rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, .1);
    margin-top: -2px;
    z-index: 1
}

#debugger > .traces .list .item:nth-child(odd) {
    background-color: rgba(0, 0, 0, .2)
}

#debugger > .traces .list .item:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: .5;
    z-index: -1
}

#debugger > .traces .list .item.hidden {
    overflow: hidden;
    max-height: 4px;
    min-height: 4px;
    height: 4px
}

#debugger > .traces .list .item.hidden:hover {
    max-height: 30px;
    min-height: 30px;
    height: 30px;
    opacity: .8
}

#debugger > .traces .list .item.passage > p.msg span {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 24px;
    height: 24px;
    left: auto;
    right: 3px;
    top: 0px;
    background-color: inherit;
    background-color: #000;
    color: #fff;
    border-radius: 50%
}

#debugger > .traces .list .item > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 200ms;
    transition: 200ms;
    float: left;
    color: #ccc;
    min-height: 23px;
    word-break: break-word
}

#debugger > .traces .list .item > p.daytime {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 100px;
    left: 10px;
    opacity: 0
}

#debugger > .traces .list .item > p.num {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 30px;
    height: 100%;
    z-index: 1
}

#debugger > .traces .list .item > p.num:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    border-radius: 50%;
    z-index: -1;
    width: 30px;
    height: 100%;
    top: 0px;
    left: 0px;
    border-radius: 0px;
    opacity: .4
}

#debugger > .traces .list .item > p.msg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: calc(100% - 38px);
    height: auto;
    margin: 4px;
    margin-left: 34px
}

#debugger > .traces .list .item > p.msg img {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 98%;
    max-width: 300px;
    height: auto;
    background-color: rgba(0, 0, 0, .8)
}

#debugger > .traces .list .item > p.msg img:hover {
    background-color: #fff
}

#debugger > .traces .list .item > p.msg span {
    display: none
}

#debugger:hovers {
    background: green
}

#debugger:hovers .base {
    background: purple
}

#debugger:hovers .commands {
    background-color: blue
}

#debugger:hovers .traces {
    background-color: blue
}

#debugger:hovers .extras {
    background-color: #ff1493
}

#debugger.reduced {
    max-height: 28px;
    background-color: rgba(255, 255, 255, .3) !important
}

#debugger.reduced > div {
    display: none
}

#debugger.reduced > div.base {
    display: inline-block
}

#debugger.reduced > div.base .btn {
    display: none
}

#debugger.reduced > div.base .btn.magnify, #debugger.reduced > div.base .btn.exit {
    display: inline-block
}

#debugger .commands.split {
    width: calc(50% - 8px)
}

#debugger .traces.split {
    width: calc(50% - 8px)
}

#debugger {
    font-family: "menlo" !important
}

#debugger * {
    font-family: "menlo" !important;
    font-size: 11px !important;
    font-weight: normal !important
}

#debugger iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-width: 0px
}

#debugger .commands .list .context {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 10px);
    background: rgba(0, 0, 0, .3);
    margin-left: 5px;
    margin-top: 5px;
    border: 0px dotted #fff;
    border-radius: 8px;
    overflow: hidden
}

#debugger .commands .list .context.x2 {
    width: calc(50% - 8px)
}

#debugger .commands .list .context.x3 {
    width: calc(33% - 5px)
}

#debugger .commands .list .context.x4 {
    width: calc(25% - 6px)
}

#debugger .commands .list .context .title {
    background: rgba(0, 0, 0, .8)
}

#debugger .commands .list .context:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 0px;
    left: 0px;
    border: 1px dotted rgba(0, 0, 0, 0);
    border-radius: 4px;
    overflow: hidden;
    opacity: .05;
    pointer-events: none;
    z-index: 3
}

#debugger .commands .list .context:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    top: 0px;
    left: 0px;
    border: 0px solid #fff;
    border-color: inherit;
    border-radius: 4px;
    overflow: hidden;
    pointer-events: none;
    border-color: inherit;
    opacity: .6;
    z-index: 3
}

#debugger .commands .list .context .available {
    position: relative;
    display: inline-block;
    float: left;
    overflow: hidden;
    height: 0px;
    width: 100%;
    margin: 0px
}

#debugger .commands .list .context .available .cmd {
    position: relative;
    display: inline-block;
    float: left;
    min-height: 20px;
    height: auto;
    width: calc(100% - 6px);
    margin-left: 3px;
    margin-top: 2px;
    background: rgba(255, 255, 255, .1);
    border-radius: 8px
}

#debugger .commands .list .context .available .cmd .name {
    position: relative;
    display: inline-block;
    float: left;
    min-height: 20px;
    height: 100%;
    width: 80px
}

#debugger .commands .list .context .available .cmd .name p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-size: 10px;
    line-height: 80%;
    text-align: center;
    color: #777
}

#debugger .commands .list .context .available .cmd.performance {
    height: 20px !important
}

#debugger .commands .list .context .available .cmd.performance .fps {
    position: relative;
    display: inline-block;
    float: left;
    width: 60px;
    height: 20px
}

#debugger .commands .list .context .available .cmd.performance .fps p {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 22px
}

#debugger .commands .list .context .available .cmd.performance .fps_command {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 60px);
    height: 18px
}

#debugger .commands .list .context .available .cmd.performance .fps_command .fps_bar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 2px;
    left: 2px;
    height: 16px;
    width: calc(100% - 4px);
    overflow: hidden;
    border-radius: 0px 6px 6px 0px;
    background-color: #000
}

#debugger .commands .list .context .available .cmd.performance .fps_command .fps_bar .bar {
    position: relative;
    display: inline-block;
    float: left;
    width: .2px;
    background-color: #fff
}

#debugger .commands .list .context .available .cmd .command, #debugger .commands .list .context .available .cmd .full_command {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    min-height: 20px
}

#debugger .commands .list .context .available .cmd .command .opt, #debugger .commands .list .context .available .cmd .full_command .opt {
    position: relative;
    display: inline-block;
    float: left;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 16px;
    width: calc(20% - 3px);
    overflow: hidden;
    color: #fff;
    pointer-events: all;
    border: 0px dotted #888;
    margin: 0;
    margin-left: 2px;
    margin-top: 2px;
    opacity: .8;
    border-radius: 6px;
    background: rgba(0, 0, 0, .2)
}

#debugger .commands .list .context .available .cmd .command .opt p, #debugger .commands .list .context .available .cmd .full_command .opt p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 14px
}

#debugger .commands .list .context .available .cmd .command .opt:last-of-type, #debugger .commands .list .context .available .cmd .full_command .opt:last-of-type {
    margin-bottom: 2px
}

#debugger .commands .list .context .available .cmd .command .opt.active, #debugger .commands .list .context .available .cmd .full_command .opt.active {
    background: rgba(0, 0, 0, .4);
    opacity: 1
}

#debugger .commands .list .context .available .cmd.slide .command .full, #debugger .commands .list .context .available .cmd.slide .full_command .full {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin: 2px;
    min-height: 20px;
    background: rgba(0, 0, 0, .2);
    border-radius: 6px;
    overflow: hidden
}

#debugger .commands .list .context .available .cmd.slide .command .full .pct, #debugger .commands .list .context .available .cmd.slide .full_command .full .pct {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin-left: -1px;
    background: rgba(0, 0, 0, .2);
    border-right: 1px solid rgba(255, 255, 255, .2);
    width: 0%
}

#debugger .commands .list .context .available .cmd.slide .command .full p, #debugger .commands .list .context .available .cmd.slide .full_command .full p {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 26px;
    height: 26px;
    color: #fff
}

#debugger .commands .list .context .available .cmd.slide .command .full p.cur, #debugger .commands .list .context .available .cmd.slide .full_command .full p.cur {
    text-align: center;
    width: 100%
}

#debugger .commands .list .context.open .available {
    height: auto;
    padding-bottom: 3px
}

#debugger ._on {
    cursor: pointer !important;
    pointer-events: all !important
}

#debugger.light_theme {
    background-color: rgba(255, 255, 255, .6)
}

#debugger.light_theme > div {
    background-color: rgba(0, 0, 0, .05)
}

#debugger.light_theme > div .title > p {
    color: #000
}

#debugger.light_theme > .base .list .option.item_all_off {
    background-color: #f4f4f4
}

#debugger.light_theme > .base .list .option.item_all_on {
    background-color: #f4f4f4
}

#debugger.light_theme > .base .list .option p {
    color: #000
}

#debugger.light_theme > .extras {
    background-color: rgba(0, 0, 0, .05)
}

#debugger.light_theme > .extras p {
    color: #000
}

#debugger.light_theme > .commands .title > p {
    color: #000
}

#debugger.light_theme > .traces .input {
    background-color: rgba(255, 255, 255, .4)
}

#debugger.light_theme > .traces .input input {
    border: 1px dotted #f4f4f4;
    background-color: rgba(255, 255, 255, .4)
}

#debugger.light_theme > .traces .input input::-webkit-input-placeholder {
    color: #ccc
}

#debugger.light_theme > .traces .input input::-moz-placeholder {
    color: #ccc
}

#debugger.light_theme > .traces .input input:-ms-input-placeholder {
    color: #ccc
}

#debugger.light_theme > .traces .input input::-ms-input-placeholder {
    color: #ccc
}

#debugger.light_theme > .traces .input input::placeholder {
    color: #ccc
}

#debugger.light_theme > .traces .list {
    background-color: rgba(255, 255, 255, .1)
}

#debugger.light_theme > .traces .list .break {
    background-color: #fff
}

#debugger.light_theme > .traces .list .item {
    background-color: rgba(255, 255, 255, .1)
}

#debugger.light_theme > .traces .list .item:nth-child(odd) {
    background-color: rgba(255, 255, 255, .2)
}

#debugger.light_theme > .traces .list .item.passage > p.msg span {
    background-color: #fff;
    color: #000
}

#debugger.light_theme > .traces .list .item > p.msg img {
    background-color: rgba(255, 255, 255, .8)
}

#debugger.light_theme > .traces .list .item > p.msg img:hover {
    background-color: #000
}

#debugger.light_theme:hover {
    background-color: rgba(255, 255, 255, .6)
}

#debugger.light_theme.reduced {
    background-color: rgba(0, 0, 0, .3) !important
}

#debugger.light_theme {
    background-color: #f1f1f1 !important
}

#debugger.light_theme .commands .list .context {
    background: rgba(255, 255, 255, .3)
}

#debugger.light_theme .commands .list .context .title {
    background: rgba(255, 255, 255, .8)
}

#debugger.light_theme .commands .list .context .available .cmd {
    background: rgba(255, 255, 255, .3)
}

#debugger.light_theme .commands .list .context .available .cmd .name p {
    color: #333
}

#debugger.light_theme .commands .list .context .available .cmd .command .opt {
    color: #fff
}

#debugger.light_theme .commands .list .context .available .cmd .command .opt.active {
    background: rgba(0, 0, 0, .4);
    opacity: 1
}

#debugger.light_theme .commands .list .context .available .cmd.slide .command .full {
    background: rgba(0, 0, 0, .2)
}

#debugger.light_theme .commands .list .context .available .cmd.slide .command .full .pct {
    background: rgba(0, 0, 0, .4)
}

#debugger.light_theme .commands .list .context .available .cmd.slide .command .full p {
    color: #fff
}

#debugger.scale_1 {
    -webkit-transform: scale(0.7);
    transform: scale(0.7)
}

#debugger.scale_2 {
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

#debugger.scale_3 {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

#debugger.scale_4 {
    -webkit-transform: scale(1);
    transform: scale(1)
}

#debugger.scale_5 {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

#debugger.scale_6 {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

#debugger.scale_7 {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

#debugger.scale_8 {
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

#debugger.demo {
    background-color: rgba(35, 44, 48, .4);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, .2);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, .2)
}

#debugger.demo iframe {
    opacity: .2
}

#debugger.demo > div {
    background-color: rgba(0, 0, 0, .1)
}

#debugger.demo > div .title > p {
    color: #fff
}

#debugger.demo > .base .list .option.item_all_off {
    background-color: #f4f4f4
}

#debugger.demo > .base .list .option.item_all_on {
    background-color: #f4f4f4
}

#debugger.demo > .base .list .option p {
    color: #fff
}

#debugger.demo > .extras {
    background-color: rgba(0, 0, 0, .05)
}

#debugger.demo > .extras p {
    color: #fff
}

#debugger.demo > .commands .title > p {
    color: #fff
}

#debugger.demo > .traces .input {
    background-color: rgba(255, 255, 255, .4)
}

#debugger.demo > .traces .input input {
    border: 1px dotted #f4f4f4;
    background-color: rgba(255, 255, 255, .4)
}

#debugger.demo > .traces .input input::-webkit-input-placeholder {
    color: #ccc
}

#debugger.demo > .traces .input input::-moz-placeholder {
    color: #ccc
}

#debugger.demo > .traces .input input:-ms-input-placeholder {
    color: #ccc
}

#debugger.demo > .traces .input input::-ms-input-placeholder {
    color: #ccc
}

#debugger.demo > .traces .input input::placeholder {
    color: #ccc
}

#debugger.demo > .traces .list {
    background-color: rgba(255, 255, 255, .1);
    opacity: .4
}

#debugger.demo > .traces .list .break {
    background-color: #fff
}

#debugger.demo > .traces .list .item {
    background-color: rgba(255, 255, 255, .1)
}

#debugger.demo > .traces .list .item:nth-child(odd) {
    background-color: rgba(255, 255, 255, .2)
}

#debugger.demo > .traces .list .item.passage > p.msg span {
    background-color: #fff;
    color: #000
}

#debugger.demo > .traces .list .item > p.msg img {
    background-color: rgba(255, 255, 255, .8)
}

#debugger.demo > .traces .list .item > p.msg img:hover {
    background-color: #000
}

#debugger.demo:hover {
    background-color: #232c30;
    -webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, .6);
    box-shadow: 0px 6px 20px rgba(0, 0, 0, .6)
}

#debugger.demo:hover iframe {
    opacity: 1
}

#debugger.demo:hover > div {
    background-color: #1c2426
}

#debugger.demo:hover > .traces .list {
    opacity: 1
}

#debugger.light_theme.reduced {
    background-color: rgba(0, 0, 0, .3) !important
}

#debugger.light_theme {
    background-color: #f1f1f1 !important
}

#debugger.light_theme .commands .list .context {
    background: rgba(255, 255, 255, .3)
}

#debugger.light_theme .commands .list .context .title {
    background: rgba(255, 255, 255, .8)
}

#debugger.light_theme .commands .list .context .available .cmd {
    background: rgba(255, 255, 255, .3)
}

#debugger.light_theme .commands .list .context .available .cmd .name p {
    color: #333
}

#debugger.light_theme .commands .list .context .available .cmd .command .opt {
    color: #fff
}

#debugger.light_theme .commands .list .context .available .cmd .command .opt.active {
    background: rgba(0, 0, 0, .4);
    opacity: 1
}

#debugger.light_theme .commands .list .context .available .cmd.slide .command .full {
    background: rgba(0, 0, 0, .2)
}

#debugger.light_theme .commands .list .context .available .cmd.slide .command .full .pct {
    background: rgba(0, 0, 0, .4)
}

#debugger.light_theme .commands .list .context .available .cmd.slide .command .full p {
    color: #fff
}

body._debugger_resize .controls {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 60px;
    background: #101010;
    text-align: center;
    -webkit-box-shadow: 0px 10px 220px #000;
    box-shadow: 0px 10px 220px #000;
    z-index: 2
}

body._debugger_resize .controls ._debugger_resize_button {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 200ms;
    transition: 200ms;
    float: none;
    margin: 4px;
    margin-top: 10px;
    width: 120px;
    height: 30px;
    background-color: #202020;
    font-size: 14px;
    font-family: "menlo";
    color: #777;
    border: 1px solid #444;
    border-radius: 8px;
    line-height: 30px;
    cursor: pointer
}

body._debugger_resize .controls ._debugger_resize_button.css {
    background-color: #303030
}

body._debugger_resize .controls ._debugger_resize_button.exit {
    background-color: #404040
}

body._debugger_resize .controls ._debugger_resize_button:hover {
    background: #000
}

body._debugger_resize .content {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: calc(100% - 60px);
    background: #101010
}

body._debugger_resize .content iframe {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    display: block;
    position: absolute;
    right: 0px;
    width: 300px;
    height: 300px;
    border: 1px dotted #777;
    -webkit-box-shadow: 0px 10px 20px #000;
    box-shadow: 0px 10px 20px #000;
    -webkit-transform-origin: center;
    transform-origin: center;
    z-index: 9;
    opacity: 0
}

body._debugger_log {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 100%;
    height: 100%
}

body._debugger_log .app {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

body._debugger_log .app .instruments {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 30px
}

body._debugger_log .app .instruments input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 130px;
    height: 20px;
    border-width: 0px;
    background: #13181a;
    font-size: 10px;
    color: #ccc;
    top: 6px
}

body._debugger_log .app .instruments input#seek_from {
    left: 5px
}

body._debugger_log .app .instruments input#seek_to {
    left: 140px
}

body._debugger_log .app .list {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 30px;
    height: calc(100% - 30px);
    overflow-y: scroll
}

body._debugger_log .app .list .timer {
    position: relative;
    display: inline-block;
    float: left;
    height: 20px;
    background-color: #13181a;
    background-color: #13181a;
    overflow: hidden;
    width: calc(100% - 8px);
    margin-left: 4px;
    margin-top: 4px;
    padding: 0;
    display: inline-block;
    border-radius: 10px
}

body._debugger_log .app .list .timer .head {
    position: relative;
    display: inline-block;
    float: left;
    height: 20px;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-transition: 400ms;
    transition: 400ms;
    border-radius: 15px;
    background: #1a2124
}

body._debugger_log .app .list .timer .head > p {
    position: relative;
    display: inline-block;
    float: left;
    color: #4b575c;
    font-size: 10px;
    text-indent: 4px;
    line-height: 10px
}

body._debugger_log .app .list .timer .head .week {
    position: absolute;
    left: 200px;
    top: 7px;
    background: rgba(0, 0, 0, 0)
}

body._debugger_log .app .list .timer .head .week .day {
    position: relative;
    float: left;
    width: 5px;
    height: 5px;
    background: #000;
    margin: 1px 3px;
    border-radius: 50%
}

body._debugger_log .app .list .timer .head .week .day.active {
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px #328296, 0px 0px 4px #328296;
    box-shadow: 0px 0px 10px #328296, 0px 0px 4px #328296
}

body._debugger_log .app .list .timer .head .week .day.day_0 {
    float: right
}

body._debugger_log .app .list .timer .head:hover {
    background-color: #13181a;
    -webkit-transition: 100ms;
    transition: 100ms
}

body._debugger_log .app .list .timer p {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    width: calc(100% - 10px);
    height: 17px;
    overflow: hidden;
    color: #707d82;
    font-size: 10px;
    line-height: 18px;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    display: inline-block
}

body._debugger_log .app .list .timer p span {
    display: inline-block;
    width: calc(100% - 20px);
    margin-left: 10px;
    text-indent: 10px;
    border-bottom: 1px dotted #13181a
}

body._debugger_log .app .list .timer p span:last-of-type {
    margin-bottom: 8px;
    border-radius: 0px 0px 10px 10px;
    border-bottom: 0px dotted #13181a
}

body._debugger_log .app .list .timer p span:first-of-type {
    border-radius: 10px 10px 0px 0px
}

body._debugger_log .app .list .timer.show {
    height: auto
}

body._debugger_log .app .list .timer.show .head {
    background-color: #13181a
}

body._debugger_log .app .list .timer.show .head p {
    text-shadow: 0px 0px 10px #328296, 0px 0px 4px #328296;
    color: #fff
}

body._debugger_log .app .list .timer.show .head:hover {
    background-color: #13181a
}

body._debugger_log .app .list .timer.show p {
    height: auto !important
}

body._debugger_log * {
    background-color: #101010;
    background-color: #1c2426;
    margin: 0;
    padding: 0;
    font-family: Menlo
}

body._debugger_log *::-webkit-scrollbar {
    display: none
}

body.objects {
    font-family: "menlo" !important;
    background-color: rgba(0, 0, 0, .5)
}

body.objects * {
    font-family: "menlo" !important;
    font-size: 11px !important;
    font-weight: normal !important
}

body.objects * {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms
}

body.objects .searcher {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 0;
    overflow: hidden
}

body.objects .searcher input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    font-size: 14px;
    border-width: 0px
}

body.objects .searcher input::-webkit-input-placeholder {
    color: #ccc;
    font-style: italic
}

body.objects .searcher input::-moz-placeholder {
    color: #ccc;
    font-style: italic
}

body.objects .searcher input:-ms-input-placeholder {
    color: #ccc;
    font-style: italic
}

body.objects .searcher input::-ms-input-placeholder {
    color: #ccc;
    font-style: italic
}

body.objects .searcher input::placeholder {
    color: #ccc;
    font-style: italic
}

body.objects .list {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: calc(100% - 30px);
    overflow-y: scroll
}

body.objects ._n {
    font-weight: bolder;
    color: #e16d76
}

body.objects ._v {
    color: #96c178
}

body.objects .object {
    display: inline-block;
    float: left;
    width: 100%;
    overflow: hidden
}

body.objects .object.opened {
    padding-bottom: 4px
}

body.objects .object.opened h2 {
    font-weight: bolder !important;
    background-color: rgba(32, 32, 32, .1);
    color: #000 !important;
    text-indent: 20px;
    font-weight: bolder !important;
    background-color: rgba(32, 32, 32, .1);
    color: #000 !important
}

body.objects .object.opened h2::before {
    right: 10px;
    opacity: 1
}

body.objects .object.opened pre {
    height: auto;
    padding-top: 20px;
    padding-bottom: 40px
}

body.objects .object.opened p {
    min-height: 30px;
    height: auto
}

body.objects h2 {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 100%;
    font-family: menlo;
    text-align: left;
    text-indent: 10px;
    color: #000;
    font-size: 14px;
    font-weight: bolder;
    margin: 0;
    line-height: 24px;
    height: 24px;
    background-color: rgba(32, 32, 32, .95);
    border-top: 1px dotted #fff;
    cursor: pointer
}

body.objects h2::before {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    content: "•";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    left: auto;
    right: -20px;
    opacity: 0
}

body.objects h2:hover {
    text-indent: 20px;
    font-weight: bolder !important;
    background-color: rgba(32, 32, 32, .1);
    color: #000 !important
}

body.objects h2:hover::before {
    right: 10px;
    opacity: 1
}

body.objects p {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    width: calc(100% - 8px);
    font-family: menlo;
    text-align: center;
    color: #ccc;
    font-size: 10px;
    margin: 0;
    margin-left: 4px;
    height: 0px;
    overflow: hidden;
    background-color: #1c1e22
}

body.objects pre {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    display: inline-block;
    float: left;
    width: calc(50% - 14px);
    padding: 0px;
    height: 0px;
    font-family: menlo;
    font-size: 10px;
    color: #fff;
    margin: 0;
    line-height: 18px
}

body.objects pre.code {
    background-color: #292c34;
    text-align: right;
    margin-left: 4px;
    padding-right: 10px
}

body.objects pre.desc {
    background-color: #22252b;
    text-align: left;
    margin-left: 0px;
    color: #777;
    font-style: italic;
    padding-left: 10px
}

html, body {
    color: #101010 !important;
    background-color: #fff;
    max-width: 1920px !important;
    min-width: auto !important;
    margin: 0 auto !important;
    padding: 0 !important
}

html > img.demo, body > img.demo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

html > header, body > header {
    z-index: 2
}

html._fixed, body._fixed {
    height: 100%;
    overflow: hidden !important
}

main {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    z-index: 1
}

div.wrapper {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden
}

div.wrapper._home {
    min-height: 100vh
}

div.wrapper > section {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

section {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

div.wrapper > section._boxed {
    width: calc(100% - 20px);
    margin-left: 10px
}

@media (min-width: 900px) {
    div.wrapper > section._boxed {
        width: 90%;
        margin-left: 5%
    }
}

@media (min-width: 1200px) {
    div.wrapper > section._boxed {
        width: 1200px;
        margin-left: calc(50% - 600px)
    }
}

._padding_bottom {
    padding-bottom: 80px
}

@media (min-width: 900px) {
    ._padding_bottom {
        padding-bottom: 140px
    }
}

@media (min-width: 1200px) {
    ._padding_bottom {
        padding-bottom: 200px
    }
}

._padding_top {
    padding-top: 80px
}

@media (min-width: 900px) {
    ._padding_top {
        padding-top: 140px
    }
}

@media (min-width: 1200px) {
    ._padding_top {
        padding-top: 200px
    }
}

div._boxed {
    width: calc(100% - 20px);
    margin-left: 10px
}

@media (min-width: 900px) {
    div._boxed {
        width: 90%;
        margin-left: 5%
    }
}

@media (min-width: 1200px) {
    div._boxed {
        width: 1200px;
        margin-left: calc(50% - 600px)
    }
}

div._righted {
    width: calc(100% - 20px);
    margin-left: 10px
}

@media (min-width: 900px) {
    div._righted {
        width: 90%;
        margin-left: 5%
    }
}

@media (min-width: 1200px) {
    div._righted {
        width: calc(1200px + 50% - 600px);
        margin-left: calc(50% - 600px)
    }
}

main > div {
    position: relative;
    display: inline-block;
    float: left;
    height: auto;
    width: 100%
}

div._yellow, section._yellow {
    background-color: #facc21
}

div._blue, section._blue {
    background-color: #29356d
}

div._white, section._white {
    background-color: #fff
}

div._striped, section._striped {
    background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background.png");
    background-position: -900px -100px
}

div._attached, section._attached {
    background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background.png");
    background-attachment: fixed;
    background-position: -900px -100px
}

div._logo, section._logo {
    background-image: url("https://www.parmacalcio1913.com/assets/img/logo_black.webp");
    background-repeat: no-repeat;
    background-position: -9% 3%
}

div._logo_fix, section._logo_fix {
    background-image: url("https://www.parmacalcio1913.com/assets/img/logo_black.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: -9% 3%
}

main._full_video {
    padding-top: 0px !important
}

@media (min-width: 900px) {
    div.wrapper.home_intro {
        margin-top: 0px
    }
}

div.wrapper.home_intro._hidden > section.home_intro > div.cover > h1 {
    top: 100px;
    opacity: 0
}

div.wrapper.home_intro._hidden > section.home_intro > div.cover:before {
    opacity: 0
}

div.wrapper.home_intro._hidden > section.home_intro > div.cover:after {
    opacity: 0
}

div.wrapper.home_intro._hidden > section.home_intro > ul.socials {
    right: -100px;
    opacity: 0
}

div.wrapper.home_intro > section.home_intro > div.cover {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 100%;
    height: auto;
    overflow: hidden
}

div.wrapper.home_intro > section.home_intro > div.cover > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

div.wrapper.home_intro > section.home_intro > div.cover > video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: none;
    -o-object-fit: cover;
    object-fit: cover
}

div.wrapper.home_intro > section.home_intro > div.cover:before {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(41, 53, 109, .6);
    z-index: 2;
    display: none
}

div.wrapper.home_intro > section.home_intro > div.cover:after {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 40%;
    top: auto;
    bottom: 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0) 100%);
    z-index: 3;
    display: none
}

div.wrapper.home_intro > section.home_intro > div.cover > h1 {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    font-size: 50px;
    color: #29356d;
    color: rgba(41, 53, 109, .8);
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    mix-blend-mode: soft-light;
    z-index: 4
}

div.wrapper.home_intro > section.home_intro > div.cover._none > img {
    display: none
}

div.wrapper.home_intro > section.home_intro > div.cover._none > video {
    display: none
}

div.wrapper.home_intro > section.home_intro > div.cover._video > img {
    display: none
}

div.wrapper.home_intro > section.home_intro > div.cover._image > video {
    display: none
}

div.wrapper.home_intro > section.home_intro > ul.socials {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    height: auto;
    width: 30px;
    right: 20px;
    list-style: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4;
    display: none
}

div.wrapper.home_intro > section.home_intro > ul.socials > li {
    margin: 20px 0
}

div.wrapper.home_intro > section.home_intro > ul.socials > li > a {
    position: relative;
    display: inline-block;
    float: left;
    width: 22px;
    height: 22px
}

div.wrapper.home_intro > section.home_intro > ul.socials > li > a > img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .5
}

@media (min-width: 1200px) {
    div.wrapper.home_intro > section.home_intro > div.cover._none, div.wrapper.home_intro > section.home_intro > div.cover._video, div.wrapper.home_intro > section.home_intro > div.cover._image {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        overflow: hidden
    }

    div.wrapper.home_intro > section.home_intro > div.cover._none > img, div.wrapper.home_intro > section.home_intro > div.cover._video > img, div.wrapper.home_intro > section.home_intro > div.cover._image > img {
        display: none
    }

    div.wrapper.home_intro > section.home_intro > div.cover._none > video, div.wrapper.home_intro > section.home_intro > div.cover._video > video, div.wrapper.home_intro > section.home_intro > div.cover._image > video {
        display: block
    }

    div.wrapper.home_intro > section.home_intro > div.cover._none::before, div.wrapper.home_intro > section.home_intro > div.cover._video::before, div.wrapper.home_intro > section.home_intro > div.cover._image::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(41, 53, 109, .6);
        z-index: 2;
        display: block
    }

    div.wrapper.home_intro > section.home_intro > div.cover._none::after, div.wrapper.home_intro > section.home_intro > div.cover._video::after, div.wrapper.home_intro > section.home_intro > div.cover._image::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        height: 40%;
        top: auto;
        bottom: 0px;
        background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0)));
        background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0) 100%);
        z-index: 3;
        display: block
    }

    div.wrapper.home_intro > section.home_intro > div.cover._none > h1, div.wrapper.home_intro > section.home_intro > div.cover._video > h1, div.wrapper.home_intro > section.home_intro > div.cover._image > h1 {
        font-family: medium_condensed, system-ui, sans-serif;
        text-transform: uppercase;
        font-size: 240px;
        color: #29356d;
        color: rgba(41, 53, 109, .8);
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
        mix-blend-mode: soft-light;
        z-index: 4
    }

    div.wrapper.home_intro > section.home_intro > ul.socials {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        height: auto;
        width: 30px;
        right: 20px;
        list-style: none;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 99
    }

    div.wrapper.home_intro > section.home_intro > ul.socials > li {
        margin: 20px 0
    }

    div.wrapper.home_intro > section.home_intro > ul.socials > li > a {
        position: relative;
        display: inline-block;
        float: left;
        width: 22px;
        height: 22px
    }

    div.wrapper.home_intro > section.home_intro > ul.socials > li > a > img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: .5
    }
}

body.home div.wrapper.home_intro > section.home_intro > div.cover._none {
    margin-bottom: 30vh
}

@media (min-width: 1200px) {
    body.home div.wrapper.home_intro > section.home_intro > div.cover._none {
        margin-bottom: -30vh
    }
}

body.home div.wrapper.home_intro > section.home_intro > div.cover._image {
    margin-bottom: 30vh
}

@media (min-width: 1200px) {
    body.home div.wrapper.home_intro > section.home_intro > div.cover._image {
        margin-bottom: -30vh
    }
}

body.home div.wrapper.home_intro._hidden > section.home_intro > div.cover._none {
    margin-bottom: 30vh
}

body.home div.wrapper.home_intro._hidden > section.home_intro > div.cover._image {
    margin-bottom: 30vh
}

header {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    height: 135px;
    height: 70px;
    z-index: 99 !important
}

header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 70px;
    background-color: #29356d;
    top: 0px;
    left: 0px
}

@media (min-width: 1200px) {
    header:before {
        display: none
    }
}

header > div.header_full {
    display: none !important
}

header._hidden {
    top: 200px;
    opacity: 0
}

header > div.header_responsive {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    height: 135px;
    height: 70px;
    background-color: rgba(41, 53, 109, .5);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    overflow: hidden
}

header > div.header_responsive._opened {
    height: 100vh
}

header > div.header_responsive > div.main_top {
    position: relative;
    display: inline-block;
    float: left;
    height: 135px;
    height: 70px;
    width: 100%;
    text-align: center
}

header > div.header_responsive > div.main_top > div.top_left {
    position: relative;
    display: inline-block;
    float: left;
    width: 25%;
    width: 70px;
    height: 100%
}

header > div.header_responsive > div.main_top > div.top_left > button.menu_opener {
    width: 100%;
    height: 100%;
    margin: 0px;
    background-color: rgba(0, 0, 0, 0);
    border: 0px solid rgba(0, 0, 0, 0);
    cursor: pointer
}

header > div.header_responsive > div.main_top > div.top_left > button.menu_opener > span {
    position: absolute;
    display: block;
    height: 2px;
    background: #fff;
    left: 28px;
    -webkit-transition: all .3s;
    transition: all .3s
}

header > div.header_responsive > div.main_top > div.top_left > button.menu_opener > span:nth-child(1) {
    width: 27px;
    top: 56px
}

header > div.header_responsive > div.main_top > div.top_left > button.menu_opener > span:nth-child(2) {
    width: 20px;
    top: 64px
}

header > div.header_responsive > div.main_top > div.top_left > button.menu_opener > span:nth-child(1) {
    width: 27px;
    top: 30px
}

header > div.header_responsive > div.main_top > div.top_left > button.menu_opener > span:nth-child(2) {
    width: 20px;
    top: 38px
}

header > div.header_responsive > div.main_top > div.top_left > button.menu_opener.active > span:nth-child(1) {
    top: 65px;
    top: 37px;
    width: 30px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

header > div.header_responsive > div.main_top > div.top_left > button.menu_opener.active > span:nth-child(2) {
    top: 65px;
    top: 37px;
    width: 30px;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

header > div.header_responsive > div.main_top > div.top_mid {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    width: 50%;
    height: 100%;
    position: absolute;
    float: none;
    width: 60px;
    left: calc(50% - 30px)
}

header > div.header_responsive > div.main_top > div.top_mid > a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

header > div.header_responsive > div.main_top > div.top_mid > a > img, header > div.header_responsive > div.main_top > div.top_mid > a > svg {
    height: 80%;
    width: auto;
    margin: 10%
}

header > div.header_responsive > div.main_top > div.top_right {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: right;
    width: 25%;
    width: 70px;
    height: 100%
}

header > div.header_responsive > div.main_top > div.top_right > a {
    width: 34px;
    height: 34px
}

header > div.header_responsive > div.main_top > div.top_right > a > svg {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    height: auto
}

header > div.header_responsive > div.main_mid {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: calc(100vh - 240px);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    background-color: rgba(0, 0, 0, .4)
}

header > div.header_responsive > div.main_mid > div.search_box {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    width: 100%;
    height: auto
}

header > div.header_responsive > div.main_mid > div.search_box > input {
    width: 84%;
    height: 55px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .2);
    margin: 20px auto;
    font-family: light_condensed, system-ui, sans-serif;
    font-size: 20px
}

header > div.header_responsive > div.main_mid > div.search_box > input::-webkit-input-placeholder {
    color: #adaeb9;
    text-transform: uppercase
}

header > div.header_responsive > div.main_mid > div.search_box > input::-moz-placeholder {
    color: #adaeb9;
    text-transform: uppercase
}

header > div.header_responsive > div.main_mid > div.search_box > input:-ms-input-placeholder {
    color: #adaeb9;
    text-transform: uppercase
}

header > div.header_responsive > div.main_mid > div.search_box > input::-ms-input-placeholder {
    color: #adaeb9;
    text-transform: uppercase
}

header > div.header_responsive > div.main_mid > div.search_box > input::placeholder {
    color: #adaeb9;
    text-transform: uppercase
}

header > div.header_responsive > div.main_mid > div.search_box > svg {
    position: absolute;
    right: calc(10% + 10px);
    top: 40px;
    width: 24px;
    height: 24px
}

header > div.header_responsive > div.main_mid > div.menu {
    position: relative;
    display: inline-block;
    float: left;
    height: calc(100% - 95px - 70px - 70px);
    height: calc(100% - 95px - 90px);
    width: 100%;
    overflow-y: scroll
}

header > div.header_responsive > div.main_mid > div.menu > div {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

header > div.header_responsive > div.main_mid > div.menu > div > ul {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0
}

header > div.header_responsive > div.main_mid > div.menu > div > ul > li {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 100%;
    margin: 20px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

header > div.header_responsive > div.main_mid > div.menu > div > ul > li._has_sub:after {
    content: "";
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    background-image: url("https://www.parmacalcio1913.com/assets/img/ico_cross_yellow.png");
    -webkit-transform-origin: center center;
    transform-origin: center center;
    background-size: 100% 100%;
    pointer-events: none;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 4px;
    right: 34px
}

header > div.header_responsive > div.main_mid > div.menu > div > ul > li > a {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    width: calc(100% - 60px);
    margin-left: 30px
}

header > div.header_responsive > div.main_mid > div.menu > div > ul > li > ul.sub-menu {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 100%;
    height: auto;
    list-style: none;
    padding: 0;
    height: auto;
    max-height: 0px;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0);
    pointer-events: none
}

header > div.header_responsive > div.main_mid > div.menu > div > ul > li > ul.sub-menu._active {
    max-height: 2000px
}

header > div.header_responsive > div.main_mid > div.menu > div > ul > li > ul.sub-menu > li {
    position: relative;
    display: inline-block;
    float: left;
    width: 80%;
    margin: 16px 10%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

header > div.header_responsive > div.main_mid > div.menu > div > ul > li > ul.sub-menu > li > a {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: relative;
    display: inline-block;
    float: left;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center
}

header > div.header_responsive > div.main_mid > div.menu > div > ul > li._opened:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

header > div.header_responsive > div.main_mid > div.menu > div > ul > li._opened > a {
    color: #facc21
}

header > div.header_responsive > div.main_mid > div.menu > div > ul > li._opened > ul.sub-menu {
    max-height: 2000px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    background-color: rgba(0, 0, 0, .2);
    pointer-events: all
}

header > div.header_responsive > div.main_mid > div.languages {
    position: relative;
    display: inline-block;
    float: left;
    height: 69px;
    border-top: 1px solid #3e445c;
    background-color: #29356d;
    width: 100%;
    margin-top: 20px
}

header > div.header_responsive > div.main_mid > div.languages > div.flags {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center
}

header > div.header_responsive > div.main_mid > div.languages > div.flags > a {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    width: 60px;
    height: 100%;
    text-align: center
}

header > div.header_responsive > div.main_mid > div.languages > div.flags > a > img {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    height: calc(100% - 30px);
    margin: 10px auto
}

header > div.header_responsive > div.main_mid > div.languages > p {
    position: relative;
    display: inline-block;
    float: left;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 24px;
    color: #ccc;
    width: calc(100% - 60px);
    margin-left: 30px;
    line-height: 64px
}

header > div.header_responsive > div.main_mid > div.languages > p:after {
    content: "";
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    background-image: url("https://www.parmacalcio1913.com/assets/img/ico_arrow_grey_right.png");
    -webkit-transform-origin: center center;
    transform-origin: center center;
    background-size: 100% 100%;
    pointer-events: none;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 22px;
    right: 34px
}

header > div.header_responsive > div.main_mid > div.sponsors {
    position: relative;
    display: inline-block;
    float: left;
    height: 70px;
    width: 100%;
    background-color: #191e35;
    text-align: center
}

header > div.header_responsive > div.main_mid > div.sponsors:after {
    content: "";
    pointer-events: none;
    width: 100%;
    height: 8px;
    background-color: #facc21;
    position: absolute;
    top: -8px;
    left: 0px
}

header > div.header_responsive > div.main_mid > div.sponsors > a {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: none;
    height: 60px;
    width: auto;
    margin: auto 10px
}

header > div.header_responsive > div.main_mid > div.sponsors > a > img {
    max-height: 80%
}

header > div.header_responsive > div.top_opener {
    position: relative;
    display: inline-block;
    float: left;
    width: 84px;
    height: 100%;
    border-right: 1px solid #454553
}

header > div.header_responsive > div.top_opener > button.menu_opener {
    width: 100%;
    height: 100%;
    margin: 0px;
    background-color: rgba(0, 0, 0, 0);
    border: 0px solid rgba(0, 0, 0, 0);
    cursor: pointer
}

header > div.header_responsive > div.top_opener > button.menu_opener > span {
    position: absolute;
    display: block;
    height: 2px;
    background: #fff;
    left: 28px;
    -webkit-transition: all .3s;
    transition: all .3s
}

header > div.header_responsive > div.top_opener > button.menu_opener > span:nth-child(1) {
    width: 27px;
    top: 56px
}

header > div.header_responsive > div.top_opener > button.menu_opener > span:nth-child(2) {
    width: 20px;
    top: 64px
}

header > div.header_responsive > div.top_opener > button.menu_opener.active > span:nth-child(1) {
    top: 65px;
    width: 30px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

header > div.header_responsive > div.top_opener > button.menu_opener.active > span:nth-child(2) {
    top: 65px;
    width: 30px;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

header > div.header_responsive > div.top_commands {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(60% - 135px);
    width: calc(48% - 135px);
    height: 100%
}

header > div.header_responsive > div.top_commands > div.top_logo {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    height: 100%
}

header > div.header_responsive > div.top_commands > div.top_logo > a {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    height: 100%
}

header > div.header_responsive > div.top_commands > div.top_logo > a > img, header > div.header_responsive > div.top_commands > div.top_logo > a > svg {
    position: relative;
    display: inline-block;
    float: left;
    width: 72px;
    margin: 23px 54px
}

header > div.header_responsive > div.top_commands > div.top_menu {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    height: 100%
}

header > div.header_responsive > div.top_commands > div.top_menu > div {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    height: 100%
}

header > div.header_responsive > div.top_commands > div.top_menu > div > ul {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 0
}

header > div.header_responsive > div.top_commands > div.top_menu > div > ul > li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

header > div.header_responsive > div.top_commands > div.top_menu > div > ul > li > a {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px
}

header > div.header_responsive > div.top_commands > div.top_menu > div > ul > li > a::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    height: 3px;
    background-color: rgba(0, 0, 0, 0);
    top: auto;
    bottom: -10px
}

header > div.header_responsive > div.top_commands > div.top_menu > div > ul > li:hover > a::after {
    background-color: #facc21;
    bottom: 0px
}

header > div.header_responsive > div.top_commands > div.top_menu > div > ul > li > ul.sub-menu {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: absolute;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 280px;
    margin-left: calc(50% - 140px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
    padding: 0;
    background-color: #29356d;
    top: 82px;
    margin-top: -40px;
    opacity: 0;
    pointer-events: none
}

header > div.header_responsive > div.top_commands > div.top_menu > div > ul > li > ul.sub-menu > li {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin: 5% 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

header > div.header_responsive > div.top_commands > div.top_menu > div > ul > li > ul.sub-menu > li > a {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: relative;
    display: inline-block;
    float: left;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center
}

header > div.header_responsive > div.top_commands > div.top_menu > div > ul > li > ul.sub-menu._active {
    margin-top: 0;
    opacity: 1;
    pointer-events: all
}

header > div.header_responsive > div.top_shop {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    height: 100%;
    background-color: rgba(255, 255, 255, .1)
}

header > div.header_responsive > div.top_shop > a.shop {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    width: auto
}

header > div.header_responsive > div.top_shop > a.shop > span {
    position: relative;
    display: inline-block;
    float: left;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    color: #facc21;
    text-decoration: none;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 134px;
    margin-right: 40px
}

header > div.header_responsive > div.top_shop > a.shop > img {
    width: 30px;
    margin-right: 20px
}

header > div.header_responsive > div.top_shop > div {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

header > div.header_responsive > div.top_shop > div > ul.parma_menu_tickets {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: absolute;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 280px;
    margin-left: calc(50% - 140px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
    padding: 0;
    background-color: #29356d;
    pointer-events: none;
    opacity: 0;
    margin-top: -40px
}

header > div.header_responsive > div.top_shop > div > ul.parma_menu_tickets > li {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin: 5% 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

header > div.header_responsive > div.top_shop > div > ul.parma_menu_tickets > li > a {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: relative;
    display: inline-block;
    float: left;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center
}

header > div.header_responsive > div.top_shop > div._active ul.parma_menu_tickets {
    pointer-events: all;
    opacity: 1;
    margin-top: 0px
}

header {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 135px;
    z-index: 2
}

header > div.header_full {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 135px;
    background-color: rgba(41, 53, 109, .5);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    display: none !important
}

header > div.header_full > div.top_opener {
    position: relative;
    display: inline-block;
    float: left;
    width: 134px;
    height: 100%;
    border-right: 1px solid #454553
}

header > div.header_full > div.top_opener > button.menu_opener {
    width: 100px;
    height: 100px;
    margin: 15px;
    background-color: rgba(0, 0, 0, 0);
    border: 0px solid rgba(0, 0, 0, 0);
    cursor: pointer
}

header > div.header_full > div.top_opener > button.menu_opener > span {
    position: absolute;
    display: block;
    height: 2px;
    background: #fff;
    left: 50px;
    -webkit-transition: all .3s;
    transition: all .3s
}

header > div.header_full > div.top_opener > button.menu_opener > span:nth-child(1) {
    width: 27px;
    top: 56px
}

header > div.header_full > div.top_opener > button.menu_opener > span:nth-child(2) {
    width: 20px;
    top: 64px
}

header > div.header_full > div.top_opener > button.menu_opener.active > span:nth-child(1) {
    top: 65px;
    width: 30px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

header > div.header_full > div.top_opener > button.menu_opener.active > span:nth-child(2) {
    top: 65px;
    width: 30px;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

header > div.header_full > div.top_commands {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(60% - 135px);
    width: calc(48% - 135px);
    height: 100%
}

header > div.header_full > div.top_commands > div.top_logo {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    height: 100%
}

header > div.header_full > div.top_commands > div.top_logo > a {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    height: 100%
}

header > div.header_full > div.top_commands > div.top_logo > a > img, header > div.header_full > div.top_commands > div.top_logo > a > svg {
    position: relative;
    display: inline-block;
    float: left;
    width: 72px;
    margin: 23px 54px
}

header > div.header_full > div.top_commands > div.top_menu {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    height: 100%
}

header > div.header_full > div.top_commands > div.top_menu > div {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    height: 100%
}

header > div.header_full > div.top_commands > div.top_menu > div > ul {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 0
}

header > div.header_full > div.top_commands > div.top_menu > div > ul > li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0px 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 1400px) {
    header > div.header_full > div.top_commands > div.top_menu > div > ul > li {
        margin: 0px 16px
    }
}

header > div.header_full > div.top_commands > div.top_menu > div > ul > li > a {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 17px;
    color: #fff;
    letter-spacing: 0px
}

@media (min-width: 1400px) {
    header > div.header_full > div.top_commands > div.top_menu > div > ul > li > a {
        font-size: 22px
    }
}

header > div.header_full > div.top_commands > div.top_menu > div > ul > li > a::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    height: 3px;
    background-color: rgba(0, 0, 0, 0);
    top: auto;
    bottom: -10px
}

header > div.header_full > div.top_commands > div.top_menu > div > ul > li:hover > a::after {
    background-color: #facc21;
    bottom: 0px
}

header > div.header_full > div.top_commands > div.top_menu > div > ul > li > ul.sub-menu {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: absolute;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 280px;
    margin-left: calc(50% - 140px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
    padding: 0;
    background-color: #29356d;
    top: 82px;
    margin-top: -40px;
    opacity: 0;
    pointer-events: none
}

header > div.header_full > div.top_commands > div.top_menu > div > ul > li > ul.sub-menu > li {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin: 5% 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

header > div.header_full > div.top_commands > div.top_menu > div > ul > li > ul.sub-menu > li > a {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: relative;
    display: inline-block;
    float: left;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center
}

header > div.header_full > div.top_commands > div.top_menu > div > ul > li > ul.sub-menu._active {
    margin-top: 0;
    opacity: 1;
    pointer-events: all
}

header > div.header_full > div.top_shop {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    width: auto;
    height: 100%;
    background-color: rgba(255, 255, 255, .1)
}

header > div.header_full > div.top_shop > a.shop {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    width: auto
}

header > div.header_full > div.top_shop > a.shop > span {
    position: relative;
    display: inline-block;
    float: left;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    color: #facc21;
    text-decoration: none;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 134px;
    margin-right: 40px
}

header > div.header_full > div.top_shop > a.shop > img {
    width: 30px;
    margin-right: 20px
}

header > div.header_full > div.top_shop > div {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

header > div.header_full > div.top_shop > div > ul.parma_menu_tickets {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: absolute;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 280px;
    margin-left: calc(50% - 140px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
    padding: 0;
    background-color: #29356d;
    pointer-events: none;
    opacity: 0;
    margin-top: -40px
}

header > div.header_full > div.top_shop > div > ul.parma_menu_tickets > li {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin: 5% 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

header > div.header_full > div.top_shop > div > ul.parma_menu_tickets > li > a {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: relative;
    display: inline-block;
    float: left;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center
}

header > div.header_full > div.top_shop > div._active ul.parma_menu_tickets {
    pointer-events: all;
    opacity: 1;
    margin-top: 0px
}

header > div.header_full > div.top_sponsors {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    width: auto;
    height: 100%
}

header > div.header_full > div.top_sponsors > a.sponsor {
    float: left;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(100% - 4px);
    width: auto;
    border-top: 4px solid #facc21;
    background-color: #29356d;
    width: 160px
}

header > div.header_full > div.top_sponsors > a.sponsor > img {
    width: 60%
}

@media (min-width: 1400px) {
    header > div.header_full > div.top_sponsors > a.sponsor {
        width: auto
    }
}

header > div.header_full > div.top_actions {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    width: auto;
    height: 100%;
    margin-left: 30px
}

header > div.header_full > div.top_actions > ul {
    position: relative;
    display: inline-block;
    float: left;
    list-style: none;
    padding: 0;
    width: auto;
    height: 100%
}

header > div.header_full > div.top_actions > ul > li {
    position: relative;
    display: inline-block;
    float: left;
    width: 50px
}

header > div.header_full > div.top_actions > ul > li > a {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
    font-family: regular, system-ui, sans-serif;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 134px
}

header > div.header_full > div.top_actions > ul > li > a > img, header > div.header_full > div.top_actions > ul > li > a > svg {
    position: relative;
    display: inline-block;
    float: left;
    width: 24px;
    margin: 13px;
    margin-top: 56px
}

header > div.menu_holder {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    height: calc(100vh - 135px);
    top: 135px;
    background-color: rgba(0, 0, 0, .8);
    pointer-events: none;
    opacity: 0
}

header > div.menu_holder > nav.main_menu {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 420px;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
    left: -100%
}

header > div.menu_holder > nav.main_menu > div {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

header > div.menu_holder > nav.main_menu > div > ul {
    position: relative;
    display: inline-block;
    float: left;
    list-style: none;
    padding: 0;
    width: 100%;
    height: 100%
}

header > div.menu_holder > nav.main_menu > div > ul > li {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 70px;
    background-color: rgba(0, 0, 0, 0)
}

header > div.menu_holder > nav.main_menu > div > ul > li:first-of-type {
    margin-top: 30px
}

header > div.menu_holder > nav.main_menu > div > ul > li::after {
    content: "";
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    background-image: url("https://www.parmacalcio1913.com/assets/img/ico_cross_yellow.png");
    -webkit-transform-origin: center center;
    transform-origin: center center;
    background-size: 100% 100%;
    pointer-events: none;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 24px;
    right: 20px
}

header > div.menu_holder > nav.main_menu > div > ul > li > a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    color: #fff;
    text-decoration: none;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 70px;
    margin-left: 60px
}

header > div.menu_holder > nav.main_menu > div > ul > li > ul.sub-menu {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 420px;
    height: auto;
    list-style: none;
    padding: 15px;
    margin-left: 60%;
    background-color: #29356d;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    pointer-events: none;
    z-index: -1
}

header > div.menu_holder > nav.main_menu > div > ul > li > ul.sub-menu > li {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    min-height: 50px;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    margin: 0
}

header > div.menu_holder > nav.main_menu > div > ul > li > ul.sub-menu > li::after {
    content: "";
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    background-image: url("https://www.parmacalcio1913.com/assets/img/ico_cross_yellow.png");
    -webkit-transform-origin: center center;
    transform-origin: center center;
    background-size: 100% 100%;
    pointer-events: none;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 20px;
    right: 20px;
    opacity: 0
}

header > div.menu_holder > nav.main_menu > div > ul > li > ul.sub-menu > li > a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin-left: 45px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 20px;
    line-height: 60px
}

header > div.menu_holder > nav.main_menu > div > ul > li > ul.sub-menu > li > ul.sub-menu {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 420px;
    margin-top: 50px;
    max-height: 0px;
    height: auto;
    list-style: none;
    padding: 0;
    background-color: #29356d;
    background-color: rgba(0, 0, 0, .4);
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

header > div.menu_holder > nav.main_menu > div > ul > li > ul.sub-menu > li > ul.sub-menu::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -15px;
    width: calc(100% + 30px)
}

header > div.menu_holder > nav.main_menu > div > ul > li > ul.sub-menu > li > ul.sub-menu > li {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    min-height: 50px;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    margin: 0
}

header > div.menu_holder > nav.main_menu > div > ul > li > ul.sub-menu > li > ul.sub-menu > li > a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin-left: 45px;
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
    font-family: medium, system-ui, sans-serif;
    font-size: 18px;
    line-height: 60px
}

header > div.menu_holder > nav.main_menu > div > ul > li > ul.sub-menu > li.active::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 1
}

header > div.menu_holder > nav.main_menu > div > ul > li > ul.sub-menu > li.active > a {
    color: #facc21
}

header > div.menu_holder > nav.main_menu > div > ul > li > ul.sub-menu > li.active > ul.sub-menu {
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    margin-top: 80px;
    overflow: visible;
    display: block;
    max-height: 1000px
}

header > div.menu_holder > nav.main_menu > div > ul > li:hover {
    background-color: #000
}

header > div.menu_holder > nav.main_menu > div > ul > li:hover > a {
    margin-left: 80px
}

header > div.menu_holder > nav.main_menu > div > ul > li.active {
    background-color: rgba(0, 0, 0, 0)
}

header > div.menu_holder > nav.main_menu > div > ul > li.active::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-filter: saturate(0) brightness(0.5);
    filter: saturate(0) brightness(0.5)
}

header > div.menu_holder > nav.main_menu > div > ul > li.active > a {
    color: #facc21;
    margin-left: 60px
}

header > div.menu_holder > nav.main_menu > div > ul > li.active > ul.sub-menu {
    display: block;
    pointer-events: all;
    opacity: 1;
    margin-left: 100%
}

header > div.menu_holder > nav.main_menu > div > ul > li.active:hover > a {
    margin-left: 60px
}

header > div.menu_holder.active {
    pointer-events: all;
    opacity: 1
}

header > div.menu_holder.active > nav.main_menu {
    left: 0%
}

@media (min-width: 1200px) {
    header > div.header_responsive {
        display: none !important
    }

    header > div.header_full {
        display: block !important
    }
}

@media (min-width: 1400px) {
    header > div.header_full > div.top_sponsors {
        display: inline-block !important
    }
}

.data-giornata {
    display: none !important
}

.wpml-ls-statics-footer.wpml-ls.wpml-ls-legacy-list-horizontal {
    display: none !important
}

.otgs-development-site-front-end {
    display: none !important
}

main {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    min-height: 1200px
}

footer {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    background-color: #29356d;
    height: auto;
    background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background.png");
    background-position: -900px -100px
}

footer:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 100%;
    height: 0px;
    top: 40px;
    border-top: 1px solid #ccc
}

footer > div.content {
    position: relative;
    display: inline-block;
    float: left;
    padding-top: 120px
}

footer > div.content.sponsors {
    text-align: center
}

footer > div.content.sponsors > div.sponsor {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(40% - 20px);
    margin: 10px;
    float: none;
    overflow: hidden
}

footer > div.content.sponsors > div.sponsor > a {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

footer > div.content.sponsors > div.sponsor > a > img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 100%;
    height: auto
}

footer > div.content.sponsors > div.sponsor > a > img.hovering {
    opacity: 0
}

footer > div.content.sponsors > div.sponsor > a > img.normal {
    opacity: 1
}

footer > div.content.sponsors > div.sponsor > a > img.ph {
    position: relative;
    display: inline-block;
    float: left;
    opacity: 0
}

footer > div.content.sponsors > div.sponsor > a:hover > img.hovering {
    opacity: 1
}

footer > div.content.sponsors > div.sponsor > a:hover > img.normal {
    opacity: 0
}

footer > div.content.outro {
    text-align: center
}

footer > div.content.outro > a.button {
    float: none
}

footer > div.content > div.bottom_logo {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
    margin: 40px auto
}

footer > div.content > div.bottom_logo > a {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    width: 100%;
    color: #facc21
}

footer > div.content.copy > p {
    position: relative;
    display: inline-block;
    float: left;
    font-family: regular, system-ui, sans-serif;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 22px
}

footer > div.content.copy > p > a {
    color: #facc21
}

footer > div.content > div.menu > div > ul.parma_menu_bottom {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer > div.content > div.menu > div > ul.parma_menu_bottom > li.menu-item {
    position: relative;
    display: inline-block;
    float: left;
    -ms-flex-preferred-size: 46%;
    flex-basis: 46%;
    margin-left: 2%;
    width: 50%;
    min-height: 200px;
    margin-bottom: 30px
}

footer > div.content > div.menu > div > ul.parma_menu_bottom > li.menu-item > a {
    color: #facc21;
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 30px
}

footer > div.content > div.menu > div > ul.parma_menu_bottom > li.menu-item > ul.sub-menu {
    list-style: none
}

footer > div.content > div.menu > div > ul.parma_menu_bottom > li.menu-item > ul.sub-menu > li.menu-item {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin: 4px auto
}

footer > div.content > div.menu > div > ul.parma_menu_bottom > li.menu-item > ul.sub-menu > li.menu-item > a {
    color: #999;
    font-family: light_condensed, system-ui, sans-serif;
    text-decoration: none;
    font-size: 20px
}

footer > div.content > div.menu > div > ul.parma_menu_bottom > li.menu-item > ul.sub-menu > li.menu-item > ul {
    display: none
}

@media (min-width: 700px) {
    footer > div.content.sponsors > div.sponsor {
        width: calc(33% - 20px);
        margin: 10px
    }
}

@media (min-width: 900px) {
    footer > div.content.sponsors > div.sponsor {
        width: calc(25% - 20px);
        margin: 10px
    }

    footer > div.content > div.menu > div > ul.parma_menu_bottom {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    footer > div.content > div.menu > div > ul.parma_menu_bottom > li.menu-item {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        width: 20%;
        margin-left: auto;
        min-height: 200px
    }
}

@media (min-width: 1200px) {
    footer > div.content.sponsors > div.sponsor {
        width: calc(12.5% - 20px);
        margin: 10px
    }
}

div.wrapper > section.home_dashboard > div.match_preview {
    position: relative;
    display: grid;
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    margin-top: 10px;
    justify-content: center;
}

div.wrapper > section.home_dashboard > div.match_preview > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

div.wrapper > section.home_dashboard > div.match_preview > div.sub.last-match > h5 {
    padding-top: 30px;
}

div.wrapper > section.home_dashboard > div.match_preview > div.title {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    width: 100%;
    height: 60px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

div.wrapper > section.home_dashboard > div.match_preview > div.title > h3 {
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif
}

div.wrapper > section.home_dashboard > div.match_preview > div.match {
    position: relative;
    display: inline-block;
    width: 90%;
    margin: 20px auto;
    height: 250px;
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match {
        padding: 20px;
        width: 520px;
        height: 100px
    }
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview.man > div.match {
        width: 520px;
        height: 100px;
        padding: 20px;
    }
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.match {
    background: linear-gradient(to right, #fac221, #faa024);

}

div.wrapper > section.home_dashboard > div.match_preview > div.match > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container {
    display: flex;
    width: 100%;
    align-items: center;
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container {
        height: 80%
    }
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 208px
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.sub {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 20px
}

@media (min-width: 900px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.sub {
        margin-top: 0px
    }
}

div.wrapper > section.home_dashboard > div.match_preview > div.sub > h5 {
    font-family: medium, system-ui, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-style: italic
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams {
    position: relative;
    display: grid;
    justify-content: center;
    height: 70px;
    text-align: center;
    width: 100%;
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.match-info > div.team {
    position: relative;
    display: inline-block;
    float: left;
    height: 100%;
    width: 20%;
    text-align: center;
    padding-right: 15px
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.match-info > div.team > img {
    position: relative;
    display: inline-block;
    float: none;
    height: 100px;
    width: auto
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.match-info > div.match-details > p.score {
    position: inherit;
    display: inline-block;
    float: left;
    height: 100%;
    width: 140px;
    text-align: center;
    font-family: font_black, system-ui, sans-serif;
    font-size: 50px;
    line-height: 70px;
    padding-top: 20px;
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.match-info > div.match-details > p.date {
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    margin-bottom: 5px
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.match-info > div.match-details{
    text-align: center;
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > p.data {
    position: relative;
    display: inline-block;
    float: left;
    height: 100%;
    width: 40%;
    text-align: center;
    font-family: font_black, system-ui, sans-serif;
    font-size: 24px;
    line-height: 70px
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.match-info {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams {
        position: relative;
        display: flex;
        justify-content: center;
        height: 70px
    }

    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.match-info > div.team {
        position: relative;
        display: inline-block;
        float: left;
        height: 100%;
        width: 20%;
        text-align: center;
        padding-right: 15px
    }

    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.match-info > div.team > img {
        position: relative;
        display: inline-block;
        float: none;
        height: 100px;
        width: auto
    }

    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.match-info > div.match-details > p.score {
        position: inherit;
        display: inline-block;
        float: left;
        height: 100%;
        width: 140px;
        text-align: center;
        font-family: font_black, system-ui, sans-serif;
        font-size: 50px;
        line-height: 70px;
        padding-top: 20px;
    }

    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.match-info > div.match-details > p.date {
        text-transform: uppercase;
        font-family: medium_condensed, system-ui, sans-serif;
        font-size: 13px;
        margin: 0px;
        padding: 0px;
        line-height: 20px;
        margin-bottom: 5px
    }

    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.match-info {
        display: flex;
    }

    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.match-info > div.match-details{
        text-align: center;
        padding: 5px;
    }

    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > p.data {
        position: relative;
        display: inline-block;
        float: left;
        height: 100%;
        width: 40%;
        text-align: center;
        font-family: font_black, system-ui, sans-serif;
        font-size: 24px;
        line-height: 70px
    }
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > p.data span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    top: -20px;
    font-size: 12px;
    font-family: regular, system-ui, sans-serif
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.stat {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 30px
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.stat > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
    font-family: regular, system-ui, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.stat > div.full {
    position: relative;
    display: inline-block;
    float: left;
    width: 70%;
    height: 12px;
    border-radius: 6px;
    margin-left: 15%;
    background-color: rgba(255, 255, 255, .4)
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.stat > div.full > p.value {
    position: absolute;
    font-family: regular, system-ui, sans-serif;
    font-size: 14px;
    top: 16px
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.stat > div.full > p.value.value_1 {
    left: 0px
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.stat > div.full > p.value.value_2 {
    right: 0px
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.stat > div.full > div.pct {
    position: absolute;
    height: 100%
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.stat > div.full > div.pct.pct_1 {
    width: 30%;
    right: 50%;
    background-color: #191e35;
    border-radius: 6px 0px 0px 6px
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.stat > div.full > div.pct.pct_2 {
    width: 30%;
    left: 50%;
    background-color: #29356d;
    border-radius: 0px 6px 6px 0px
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    padding-top: 20px
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next {
        padding-top: 0px;
        height: 139px
    }
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next:nth-child(3) {
    margin-top: 10px;
    margin-bottom: 10px
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next:nth-child(3) {
        margin-top: 0px;
        margin-bottom: 0px
    }
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > h3 {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 10px);
    margin-left: 5px;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 0px
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > h3 {
        font-size: 26px;
        margin-top: 10px
    }
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > h3 > img {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 0px;
    top: 0px
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > h3 > img {
        width: 30px;
        height: 30px
    }

    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.championship-logo{
        display: flex;
        justify-content: center;
        padding-top: 20px;
    }

    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.matchday > h5 {
        display: inline-block;
        float: left;
        font-family: regular, system-ui, sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        padding-top: 40px;
        color: #29356d;
        width: 90px;
    }
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.championship-logo > img {
   height: 60px; 
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.championship-logo{
    display: flex;
    justify-content: center;
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.teams > div.matchday > h5 {
    display: inline-block;
    float: left;
    font-family: regular, system-ui, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 40px;
    color: #29356d;
    width: 100%;
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > h5 {
        font-size: 14px;
        margin-bottom: 10px
    }
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > div.teams {
    position: relative;
    display: inline-block;
    float: left;
    height: auto
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > div.teams > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 12%;
    height: auto
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > div.teams > img {
        width: 22%
    }
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > div.teams > img.home {
    margin-left: 18%
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > div.teams > img.home {
        margin-left: 9%
    }
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > div.teams > img.away {
    margin-right: 18%
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > div.teams > img.away {
        margin-right: 9%
    }
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > div.teams > p {
    position: relative;
    display: inline-block;
    float: left;
    font-family: font_black, system-ui, sans-serif;
    font-size: 22px;
    width: 40%;
    height: auto;
    text-align: center
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > div.teams > p > sup {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-family: regular, system-ui, sans-serif;
    font-size: 13px
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match > div.container > div.next > div.teams > p {
        width: 30%
    }
}

div.wrapper > section.home_dashboard > div.match_preview > div.match > div.outro {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    top: auto;
    bottom: -40px;
    height: 40px
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.outro > a {
    position: relative;
    display: inline-block;
    font-family: regular, system-ui, sans-serif;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.match.last > div.responsive {
    display: flex;
    justify-content: center;
}

div.wrapper > section.home_dashboard > div.match_preview.women {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-40%, #191e35), to(#29356d));
    background: linear-gradient(0deg, #191e35 -40%, #29356d 100%)
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.title > h3 {
    color: #fff
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.title > h3 > span {
    color: #29356d;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.match {
    background: linear-gradient(to right, #273268, #1a1f35);
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.sub h5 {
    color: #fff
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.match > div.container > div.teams > p.score {
    color: #fff
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.match > div.container > div.teams > p.data {
    color: #fff
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.match > div.container > div.stat > p {
    color: rgba(255, 255, 255, .6)
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.match > div.container > div.stat > div.full {
    background-color: rgba(255, 255, 255, .4)
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.match > div.container > div.stat > div.full > div.pct > p {
    color: #fff
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.match > div.container > div.stat > div.full > div.pct.pct_1 {
    background-color: #facc21
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.match > div.container > div.stat > div.full > div.pct.pct_2 {
    background-color: rgba(255, 255, 255, .4)
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.match > div.container > div.stat > div.full > p.value {
    color: #fff
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.match > div.container > div.next > h3 {
    color: #facc21
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.match > div.container > div.next > h5 {
    color: #facc21
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.match > div.container > div.next > div.teams > p {
    color: #facc21
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.outro > a {
    color: #fff
}

div.wrapper > section.home_dashboard > div.match_preview.women > div.outro > a:after {
    background-color: #fff
}

div.wrapper > section.home_dashboard > div.match_preview.man {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-40%, #fa9e21), to(#facc21));
    background: linear-gradient(0deg, #fa9e21 -40%, #facc21 100%)
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.title > h3 {
    color: #29356d
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.title > h3 > span {
    color: #facc21;
    text-shadow: -1px -1px 0 #191e35, 1px -1px 0 #191e35, -1px 1px 0 #191e35, 1px 1px 0 #191e35
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.sub h5 {
    color: #29356d
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.match > div.container > div.teams > div.match-info > div.match-details > p {
    color: #29356d
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.match > div.container > div.teams > div.match-info > p.data {
    color: #29356d
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.match > div.container > div.stat > p {
    color: rgba(41, 53, 109, .6)
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.match > div.container > div.stat > div.full {
    background-color: rgba(255, 255, 255, .4)
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.match > div.container > div.stat > div.full > div.pct > p {
    color: #29356d
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.match > div.container > div.stat > div.full > div.pct.pct_1 {
    background-color: #29356d
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.match > div.container > div.stat > div.full > div.pct.pct_2 {
    background-color: rgba(41, 53, 109, .6)
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.match > div.container > div.stat > div.full > p.value {
    color: #191e35
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.match > div.container > div.next > h3 {
    color: #29356d
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.match > div.container > div.next > h5 {
    color: #29356d
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.match > div.container > div.next > div.teams > p {
    color: #29356d
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.outro > a {
    color: #29356d
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.outro {
    text-align: center;
}

div.wrapper > section.home_dashboard > div.match_preview.man > div.outro > a:after {
    background-color: #29356d
}

@media (min-width: 1200px), (min-width: 600px) and (max-width: 899px) {
    div.wrapper > section.home_dashboard > div.match_preview > div.match.last {
        margin-right: 2%;
        margin-left: 0%;
    }

    div.wrapper > section.home_dashboard > div.match_preview > div.match.next {
        margin-left: 2%
    }
}

div.wrapper.home_dashboard {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    margin-top: -30vh;
    pointer-events: none
}

div.wrapper.home_dashboard._hidden {
    margin-top: 0vh;
    opacity: 0
}

div.wrapper.home_dashboard > section.home_dashboard {
    height: auto;
    z-index: 5;
    pointer-events: all
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    height: 400px;
    margin-top: 10px;
    margin-bottom: 10px
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.title {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 100%;
    height: 15%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.title > h3 {
    color: #facc21;
    text-transform: uppercase;
    font-family: medium, system-ui, sans-serif;
    font-style: italic;
    font-size: 14px;
    padding-left: 20px
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.title > h3 > span {
    color: #fff
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable > div.slick-track {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable > div.slick-track > div.slide {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    cursor: pointer
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable > div.slick-track > div.slide > div.image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable > div.slick-track > div.slide > div.image > img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable > div.slick-track > div.slide > div.text {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    height: 80%;
    margin: 5%;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable > div.slick-track > div.slide > div.text > h5 {
    color: #fff;
    text-transform: uppercase;
    font-family: medium, system-ui, sans-serif;
    font-style: italic;
    font-size: 14px
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable > div.slick-track > div.slide > div.text > h5 > span {
    color: #facc21
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable > div.slick-track > div.slide > div.text > h6 {
    color: #888;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    margin-top: 20px
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable > div.slick-track > div.slide > div.text > h2 {
    color: #fff;
    font-family: font_black, system-ui, sans-serif;
    font-size: 20px;
    line-height: 130%
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable > div.slick-track > div.slide > div.text > a {
    margin-top: 20px
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable > div.slick-track > div.slide::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 40%;
    top: auto;
    bottom: 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0) 100%);
    z-index: 2
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable > div.slick-track > div.slide::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#29356d), to(rgba(41, 53, 109, 0)));
    background: linear-gradient(90deg, #29356d 0%, rgba(41, 53, 109, 0) 100%);
    z-index: 2
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.slider > div.draggable > div.slick-track > div.slide:hover a:after {
    width: 6px
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.dots {
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.dots > span {
    position: relative;
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    cursor: pointer;
    pointer-events: all;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.dots > span.mini_prev {
    float: right;
    margin-right: 10px
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.dots > span.mini_next {
    float: left;
    margin-left: 10px
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.dots > span .svg_color {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    fill: #fff
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.dots > span:hover .svg_color {
    fill: #facc21
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.dots > ul.slick-dots {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    width: auto;
    height: 60px;
    bottom: 0px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.dots > ul.slick-dots > li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 4px
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.dots > ul.slick-dots > li > button {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    padding: 0;
    display: block;
    border: 0px solid rgba(0, 0, 0, 0);
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #999;
    font-size: .01px;
    pointer-events: all
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > div.dots > ul.slick-dots > li.slick-active > button {
    width: 24px;
    background-color: #fff
}

div.wrapper.home_dashboard > section.home_dashboard > div.close_up > a.follow_link.bottom {
    position: absolute;
    top: 10px;
    right: 10px
}

@media (min-width: 900px) {
    div.wrapper.home_dashboard > section.home_dashboard > div.close_up > a.follow_link.bottom {
        top: auto;
        bottom: 10px;
        right: 10px
    }
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    height: auto;
    min-height: 300px;
    background-color: #29356d
}

@media (min-width: 900px) {
    div.wrapper.home_dashboard > section.home_dashboard > div.flash_news {
        height: 400px
    }
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(25, 30, 53, 0)), to(#191e35));
    background: linear-gradient(0deg, rgba(25, 30, 53, 0) 0%, #191e35 100%);
    z-index: 1
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(25, 30, 53, 0)), to(#191e35));
    background: linear-gradient(90deg, rgba(25, 30, 53, 0) 0%, #191e35 100%);
    z-index: 1
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.title {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    margin-top: 20px
}

@media (min-width: 900px) {
    div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.title {
        margin-top: 0px;
        height: 15%
    }
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.title > h3 {
    color: #facc21;
    text-transform: uppercase;
    font-family: medium, system-ui, sans-serif;
    font-style: italic;
    font-size: 14px;
    padding-left: 20px
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.title > h3 > span {
    color: #fff
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.slider {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 20px;
    height: auto;
    z-index: 2
}

@media (min-width: 900px) {
    div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.slider {
        margin-top: 0px;
        height: 85%
    }
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.slider > div.draggable {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.slider > div.draggable > div.slick-track {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.slider > div.draggable > div.slick-track > div.slide {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.slider > div.draggable > div.slick-track > div.slide > div.box {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    height: 40%;
    margin: 5%;
    margin-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    cursor: pointer
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.slider > div.draggable > div.slick-track > div.slide > div.box > h5 {
    color: #fff;
    text-transform: uppercase;
    font-family: medium, system-ui, sans-serif;
    font-style: italic;
    font-size: 14px
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.slider > div.draggable > div.slick-track > div.slide > div.box > h5 > span {
    color: #facc21
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.slider > div.draggable > div.slick-track > div.slide > div.box > h6 {
    color: #888;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    margin-top: 20px
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.slider > div.draggable > div.slick-track > div.slide > div.box > h2 {
    color: #fff;
    font-family: font_black, system-ui, sans-serif;
    font-size: 20px;
    line-height: 130%
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.dots {
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    z-index: 4
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.dots > span {
    position: relative;
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    cursor: pointer;
    pointer-events: all;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.dots > span.mini_prev {
    float: right;
    margin-right: 10px
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.dots > span.mini_next {
    float: left;
    margin-left: 10px
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.dots > span .svg_color {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    fill: #fff
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.dots > span:hover .svg_color {
    fill: #facc21
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.dots > ul.slick-dots {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    width: auto;
    height: 60px;
    bottom: 0px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.dots > ul.slick-dots > li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 4px
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.dots > ul.slick-dots > li > button {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    padding: 0;
    display: block;
    border: 0px solid rgba(0, 0, 0, 0);
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #999;
    font-size: .01px;
    pointer-events: all
}

div.wrapper.home_dashboard > section.home_dashboard > div.flash_news > div.dots > ul.slick-dots > li.slick-active > button {
    width: 24px;
    background-color: #fff
}

div.wrapper.home_dashboard > section.home_dashboard > div.match_preview.man {
    height: auto;
    padding-bottom: 40px
}

div.wrapper.home_dashboard > section.home_dashboard > div.match_preview.women {
    height: auto;
    padding-bottom: 40px
}

div.wrapper.home_dashboard > section.home_dashboard > div.match_preview.women > div.match.last > div.full {
    display: none;
}

@media (min-width: 900px) {
    div.wrapper.home_dashboard > section.home_dashboard > div.close_up {
        width: calc(65% - 10px);
        margin-right: 10px;
        height: 500px;
        margin-top: 0px
    }

    div.wrapper.home_dashboard > section.home_dashboard > div.flash_news {
        width: calc(35% - 10px);
        margin-left: 10px;
        height: 500px
    }
}

@media (min-width: 899px) and (max-width: 1199px) {

    div.wrapper.home_dashboard > section.home_dashboard > div.match_preview.man {
        height: auto;

    }

    div.wrapper.home_dashboard > section.home_dashboard > div.match_preview.women {
        height: auto;
    }

    div.wrapper.home_dashboard > section.home_dashboard > div.match_preview.women > div.match.last > div.full {
        display: none;
    }

}

@media (min-width: 600px) and (max-width: 898px), (min-width: 1200px) {

    div.wrapper.home_dashboard > section.home_dashboard > div.match_preview.man {
        height: 532px;
    }

    div.wrapper.home_dashboard > section.home_dashboard > div.match_preview.women {
        height: 532px;
    }

    div.wrapper.home_dashboard > section.home_dashboard > div.match_preview.women > div.match.last > div.responsive {
        display: none;
    }

    div.wrapper.home_dashboard > section.home_dashboard > div.match_preview.women > div.match.last > div.full {
        display: flex;
    }

}

@media (min-width: 899px){

    div.wrapper.home_dashboard > section.home_dashboard > div.match_preview.man {
        width: calc(50% - 10px);
        margin-top: 20px;
        margin-right: 10px;
    }

    div.wrapper.home_dashboard > section.home_dashboard > div.match_preview.women {
        width: calc(50% - 10px);
        margin-top: 20px;
        margin-left: 10px;
    }
}

div.wrapper.intro > section.intro._padded > div.content {
    padding-top: 330px
}

div.wrapper.intro > section.intro > div.content {
    position: relative;
    display: inline-block;
    float: left;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

div.wrapper.intro > section.intro > div.content > div.under {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none
}

div.wrapper.intro > section.intro > div.content > div.under > h2 {
    position: absolute;
    bottom: 41%;
    width: 100%;
    color: #fff;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    font-size: 120px
}

div.wrapper.intro > section.intro > div.content > div.col {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 200px;
    margin-top: 30px
}

div.wrapper.intro > section.intro > div.content > div.col > div.inner {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

div.wrapper.intro > section.intro > div.content > div.col.text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

div.wrapper.intro > section.intro > div.content > div.col.image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

div.wrapper.intro > section.intro > div.content > div.col.text {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    height: auto
}

div.wrapper.intro > section.intro > div.content > div.col.text > div.inner {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 100%;
    height: auto
}

div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > h4 {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    opacity: 1;
    top: 0px;
    width: 80%;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    font-size: 18px
}

div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > h4[v_status=hidden] {
    top: 60px;
    opacity: .01
}

div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > h3 {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    opacity: 1;
    top: 0px;
    width: 80%;
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase;
    color: #29356d;
    font-size: 30px;
    line-height: 117%
}

div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > h3[v_status=hidden] {
    top: 60px;
    opacity: .01
}

div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > p {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
    opacity: 1;
    top: 0px;
    width: 80%;
    font-family: light_condensed, system-ui, sans-serif;
    font-size: 22px;
    line-height: 26px;
    color: #333
}

div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > p[v_status=hidden] {
    top: 60px;
    opacity: .01
}

div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > ul, div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > ol, div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > p > ul, div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > p > ol {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin-left: 5%;
    padding: 0;
    color: #333;
    font-size: 22px;
    line-height: 31px
}

div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > ul li, div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > ol li, div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > p > ul li, div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > p > ol li {
    position: relative;
    display: inline-block;
    float: left;
    display: list-item;
    width: 90%;
    margin-left: 5%;
    color: #333;
    font-size: 22px;
    line-height: 31px;
    font-family: light_condensed, system-ui, sans-serif
}

div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > a {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
    opacity: 1;
    bottom: 0px;
    color: #29356d
}

div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > a[v_status=hidden] {
    bottom: 60px;
    opacity: .01
}

div.wrapper.intro > section.intro > div.content > div.col.text > div.inner > a:after {
    background-color: #29356d
}

div.wrapper.intro > section.intro > div.content > div.col.image > div.inner {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

div.wrapper.intro > section.intro > div.content > div.col.image > div.inner > img {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
    opacity: 1;
    right: 0px;
    width: 100%;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 80px rgba(0, 0, 0, .1);
    box-shadow: 0px 10px 80px rgba(0, 0, 0, .1)
}

div.wrapper.intro > section.intro > div.content > div.col.image > div.inner > img[v_status=hidden] {
    right: 60px;
    opacity: .01
}

div.wrapper.intro > section.intro._inverted > div.content > div.under > h2 {
    opacity: 1;
    margin-left: 0px;
    text-align: left;
    text-align: right
}

div.wrapper.intro > section.intro._inverted > div.content > div.under > h2[v_status=hidden] {
    margin-left: -60px;
    opacity: .01
}

@media (min-width: 700px) {
    div.wrapper.intro > section.intro > div.content > div.col.image > div.inner {
        width: 80%;
        margin: auto 10%
    }

    div.wrapper.intro > section.intro > div.content > div.col.col > div.inner {
        width: 80%;
        margin: auto 10%
    }
}

@media (min-width: 900px) {
    div.wrapper.intro > section.intro._padded > div.content {
        padding-top: 330px
    }

    div.wrapper.intro > section.intro > div.content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    div.wrapper.intro > section.intro > div.content._undered {
        margin-top: 160px
    }

    div.wrapper.intro > section.intro > div.content > div.under {
        display: block;
        margin-top: -160px
    }

    div.wrapper.intro > section.intro > div.content > div.under > h2 {
        font-size: 220px
    }

    div.wrapper.intro > section.intro > div.content > div.col {
        width: 50%
    }

    div.wrapper.intro > section.intro > div.content > div.col.text {
        width: 46%;
        margin-left: 4%
    }

    div.wrapper.intro > section.intro > div.content > div.col.text > div.inner {
        width: 100%;
        margin: 0
    }

    div.wrapper.intro > section.intro > div.content > div.col.image > div.inner {
        width: 100%;
        margin: 0
    }
}

@media (min-width: 1200px) {
    div.wrapper.intro > section.intro > div.content._undered {
        margin-top: 180px
    }

    div.wrapper.intro > section.intro > div.content > div.under {
        margin-top: -180px
    }

    div.wrapper.intro > section.intro > div.content > div.under > h2 {
        font-size: 280px
    }

    div.wrapper.intro > section.intro._inverted > div.content > div.under > h2 {
        opacity: 1;
        margin-left: 0px;
        text-align: left;
        text-align: right
    }

    div.wrapper.intro > section.intro._inverted > div.content > div.under > h2[v_status=hidden] {
        margin-left: -60px;
        opacity: .01
    }

    div.wrapper.intro > section.intro._inverted > div.content > div.col.text {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0;
        margin-right: 4%
    }

    div.wrapper.intro > section.intro._inverted > div.content > div.col.image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    div.wrapper.intro > section.intro._inverted > div.content > div.col.image > div.inner > img {
        opacity: 1;
        left: 0px
    }

    div.wrapper.intro > section.intro._inverted > div.content > div.col.image > div.inner > img[v_status=hidden] {
        left: 60px;
        opacity: .01
    }
}

div._blue div.wrapper.intro section.intro > div.content > div.under > h2 {
    color: #29356d;
    text-shadow: -0.8px -0.8px 0 #facc21, .8px -0.8px 0 #facc21, -0.8px .8px 0 #facc21, .8px .8px 0 #facc21
}

div._blue div.wrapper.intro section.intro > div.content > div.col.text > div.inner > h4 {
    color: #facc21
}

div._blue div.wrapper.intro section.intro > div.content > div.col.text > div.inner > h3 {
    color: #facc21
}

div._blue div.wrapper.intro section.intro > div.content > div.col.text > div.inner > p {
    color: #fff
}

div._blue div.wrapper.intro section.intro > div.content > div.col.text > div.inner > a.button > span {
    color: #facc21 !important
}

div._blue div.wrapper.intro section.intro > div.content > div.col.text > div.inner > a.button:after {
    border-color: #facc21 !important
}

div._blue div.wrapper.intro section.intro > div.content > div.col.text > div.inner > a.button:hover > span {
    color: #29356d !important
}

div._blue div.wrapper.intro section.intro > div.content > div.col.text > div.inner > a.button:hover:after {
    border-color: #facc21 !important;
    background-color: #facc21 !important
}

div._yellow div.wrapper.intro section.intro > div.content > div.under > h2 {
    color: #facc21;
    text-shadow: -0.8px -0.8px 0 #29356d, .8px -0.8px 0 #29356d, -0.8px .8px 0 #29356d, .8px .8px 0 #29356d
}

div._yellow div.wrapper.intro section.intro > div.content > div.col.text > div.inner > h4 {
    color: #29356d
}

div._yellow div.wrapper.intro section.intro > div.content > div.col.text > div.inner > h3 {
    color: #29356d
}

div._yellow div.wrapper.intro section.intro > div.content > div.col.text > div.inner > p {
    color: #29356d
}

div._yellow div.wrapper.intro section.intro > div.content > div.col.text > div.inner > a.button > span {
    color: #29356d !important
}

div._yellow div.wrapper.intro section.intro > div.content > div.col.text > div.inner > a.button:after {
    border-color: #29356d !important;
    background-color: #facc21 !important
}

div._yellow div.wrapper.intro section.intro > div.content > div.col.text > div.inner > a.button:hover > span {
    color: #facc21 !important
}

div._yellow div.wrapper.intro section.intro > div.content > div.col.text > div.inner > a.button:hover:after {
    border-color: #facc21 !important;
    background-color: #29356d !important
}

div._white div.wrapper.intro section.intro > div.content > div.under > h2 {
    color: #fff;
    text-shadow: -0.8px -0.8px 0 #29356d, .8px -0.8px 0 #29356d, -0.8px .8px 0 #29356d, .8px .8px 0 #29356d
}

div._white div.wrapper.intro section.intro > div.content > div.col.text > div.inner > h4 {
    color: #29356d
}

div._white div.wrapper.intro section.intro > div.content > div.col.text > div.inner > h3 {
    color: #29356d
}

div._white div.wrapper.intro section.intro > div.content > div.col.text > div.inner > p {
    color: #333
}

div._white div.wrapper.intro section.intro > div.content > div.col.text > div.inner > a.button > span {
    color: #29356d !important
}

div._white div.wrapper.intro section.intro > div.content > div.col.text > div.inner > a.button:after {
    border-color: #29356d !important;
    background-color: #fff !important
}

div._white div.wrapper.intro section.intro > div.content > div.col.text > div.inner > a.button:hover > span {
    color: #fff !important
}

div._white div.wrapper.intro section.intro > div.content > div.col.text > div.inner > a.button:hover:after {
    border-color: #facc21 !important;
    background-color: #29356d !important
}

div.wrapper.slide_show > section.slide_show > div.content {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask {
    position: relative;
    display: inline-block;
    float: left;
    overflow: hidden;
    height: 480px;
    width: calc(100% - 20px);
    margin-left: 10px
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    background-color: #000;
    text-decoration: none
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.trophy > div.inner:after, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.trophy > div.inner:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    content: "";
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0.1)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.1) 100%);
    z-index: 1;
    opacity: 1
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.medias > div.inner > h5, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.medias > div.inner > h5 {
    opacity: 1;
    top: 0px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    margin-left: 30px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    margin-top: 10px;
    margin-bottom: 4px;
    z-index: 2
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.medias > div.inner > h5[v_status=hidden], div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.medias > div.inner > h5[v_status=hidden] {
    top: 60px;
    opacity: .01
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.medias > div.inner > h5 > span, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.medias > div.inner > h5 > span {
    font-style: italic;
    color: #facc21
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.medias > div.inner:after, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.medias > div.inner:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    content: "";
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0.1)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.1) 100%);
    z-index: 1;
    opacity: 1
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.medias > div.inner > a.follow_link, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.medias > div.inner > a.follow_link {
    position: absolute;
    bottom: 10px;
    right: 10px
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.news > div.inner:after, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.news > div.inner:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    content: "";
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0.1)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.1) 100%);
    z-index: 1;
    opacity: 1
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.news > div.inner > h4, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.news > div.inner > h4 {
    color: #fff
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.news > div.inner > h4 > span, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.news > div.inner > h4 > span {
    color: #facc21
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.news > div.inner p.follow_link, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.news > div.inner p.follow_link {
    position: absolute;
    bottom: 6px;
    right: 12px;
    color: #fff;
    z-index: 9
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.recordman > div.inner:after, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.recordman > div.inner:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    content: "";
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0.1)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.1) 100%);
    z-index: 1;
    opacity: 1
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.recordman > div.inner > p.record_name, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.recordman > div.inner > p.record_name {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 40px;
    margin-left: 30px;
    color: #facc21;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    z-index: 2
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.recordman > div.inner > p.record_value, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.recordman > div.inner > p.record_value {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 30px;
    font-size: 28px;
    line-height: 117%;
    max-width: 50%;
    color: #fff;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif;
    z-index: 2
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.blurred____________________, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.blurred____________________ {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: .3;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide:after, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    content: "";
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0.1)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.1) 100%);
    z-index: 1;
    opacity: .4
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.active______________________, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.active______________________ {
    width: 920px;
    height: 540px
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.active______________________:after, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.active______________________:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0.1)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.1) 100%);
    opacity: 1
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.active______________________ > img, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide.active______________________ > img {
    width: 100%;
    height: auto
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.cover, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.cover {
    opacity: 1;
    margin-top: 0px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.cover[v_status=hidden], div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.cover[v_status=hidden] {
    margin-top: 60px;
    opacity: .01
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 100%;
    height: 100%;
    z-index: 2
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > img, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > img {
    opacity: 1;
    top: 0px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    position: relative;
    margin-left: 30px;
    width: 60px;
    margin-bottom: 4px;
    margin-top: 170px;
    z-index: 3
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > img[v_status=hidden], div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > img[v_status=hidden] {
    top: 60px;
    opacity: .01
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h4, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > h4 {
    opacity: 1;
    top: 0px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    margin-left: 30px;
    font-size: 16px;
    color: #facc21;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 4px;
    z-index: 2
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h4[v_status=hidden], div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > h4[v_status=hidden] {
    top: 60px;
    opacity: .01
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h4._blue, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > h4._blue {
    color: #29356d
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h4._white, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > h4._white {
    color: #fff
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h4._yellow, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > h4._yellow {
    color: #facc21
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h3, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > h3 {
    opacity: 1;
    bottom: 0px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
    margin-left: 30px;
    font-size: 26px;
    line-height: 117%;
    width: calc(100% - 50px);
    color: #fff;
    height: 70px;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif;
    z-index: 2
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h3[v_status=hidden], div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > h3[v_status=hidden] {
    bottom: 60px;
    opacity: .01
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h3._blue, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > h3._blue {
    color: #29356d
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h3._white, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > h3._white {
    color: #fff
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h3._yellow, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > h3._yellow {
    color: #facc21
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > a.follow_link, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > a.follow_link {
    opacity: 1;
    right: 0px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
    margin-left: 30px;
    font-size: 14px;
    color: #fff;
    text-align: left;
    z-index: 2
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > a.follow_link[v_status=hidden], div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > a.follow_link[v_status=hidden] {
    right: 60px;
    opacity: .01
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > a.follow_link._blue, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > a.follow_link._blue {
    color: #29356d
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > a.follow_link._white, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > a.follow_link._white {
    color: #fff
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > a.follow_link._yellow, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide > div.inner > a.follow_link._yellow {
    color: #facc21
}

div.wrapper.slide_show > section.slide_show > div.content > div.mask._highlight________________________ {
    overflow: visible
}

div.wrapper.slide_show > section.slide_show > div.content > div.commands {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 40px
}

div.wrapper.slide_show > section.slide_show > div.content > div.commands > div.pager > p {
    color: #29356d
}

div.wrapper.slide_show > section.slide_show > div.content > div.commands > div.pager > p > span {
    color: #888
}

@media (min-width: 1200px) {
    div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > a.slide, div.wrapper.slide_show > section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track div.slide {
        width: calc(100% - 10px);
        margin-left: 0px
    }

    div.wrapper.slide_show > section.slide_show > div.content > div.mask._righted {
        width: calc(1200px + 50% - 600px);
        margin-left: calc(50% - 600px)
    }
}

div._yellow {
    background-color: #facc21
}

div._yellow section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide {
    background-color: #29356d
}

div._yellow section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide:after {
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0.1)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.1) 100%)
}

div._yellow section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.active:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0.1)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.1) 100%)
}

div._yellow section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h4 {
    color: #facc21
}

div._yellow section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h3 {
    color: #fff
}

div._yellow section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > a.follow_link {
    color: #fff
}

div._yellow section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > a.follow_link:after {
    background-color: #fff
}

div._yellow section.slide_show > div.content > div.commands > div.arrows > div.action {
    border-color: #29356d
}

div._yellow section.slide_show > div.content > div.commands > div.arrows > div.action > svg, div._yellow section.slide_show > div.content > div.commands > div.arrows > div.action > img {
    color: #29356d
}

div._yellow section.slide_show > div.content > div.commands > div.arrows > div.action > svg ._filled, div._yellow section.slide_show > div.content > div.commands > div.arrows > div.action > img ._filled {
    fill: #29356d
}

div._yellow section.slide_show > div.content > div.commands > div.pager > p {
    color: #29356d
}

div._yellow section.slide_show > div.content > div.commands > div.pager > p > span {
    color: #29356d
}

div._blue {
    background-color: #29356d
}

div._blue section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide {
    background-color: #facc21
}

div._blue section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide:after {
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(#facc21), to(rgba(250, 204, 33, 0.1)));
    background: linear-gradient(0deg, #facc21 0%, rgba(250, 204, 33, 0.1) 100%)
}

div._blue section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.active:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#facc21), to(rgba(250, 204, 33, 0.1)));
    background: linear-gradient(0deg, #facc21 0%, rgba(250, 204, 33, 0.1) 100%)
}

div._blue section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h4 {
    color: #facc21
}

div._blue section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h3 {
    color: #fff
}

div._blue section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > a.follow_link {
    color: #fff
}

div._blue section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > a.follow_link:after {
    background-color: #fff
}

div._blue section.slide_show > div.content > div.commands > div.arrows > div.action {
    border-color: #facc21
}

div._blue section.slide_show > div.content > div.commands > div.arrows > div.action > svg, div._blue section.slide_show > div.content > div.commands > div.arrows > div.action > img {
    color: #fff
}

div._blue section.slide_show > div.content > div.commands > div.arrows > div.action > svg ._filled, div._blue section.slide_show > div.content > div.commands > div.arrows > div.action > img ._filled {
    fill: #fff
}

div._blue section.slide_show > div.content > div.commands > div.pager > p {
    color: #fff
}

div._blue section.slide_show > div.content > div.commands > div.pager > p > span {
    color: #fff
}

div._white {
    background-color: #fff
}

div._white section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide {
    background-color: #000
}

div._white section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide:after {
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0.1)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.1) 100%)
}

div._white section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide.active:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0.1)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.1) 100%)
}

div._white section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h4 {
    color: #facc21
}

div._white section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > h3 {
    color: #fff
}

div._white section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > a.follow_link {
    color: #29356d
}

div._white section.slide_show > div.content > div.mask > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner > a.follow_link:after {
    background-color: #29356d
}

div._white section.slide_show > div.content > div.commands > div.arrows > div.action {
    border-color: #facc21
}

div._white section.slide_show > div.content > div.commands > div.arrows > div.action > svg, div._white section.slide_show > div.content > div.commands > div.arrows > div.action > img {
    color: #29356d
}

div._white section.slide_show > div.content > div.commands > div.arrows > div.action > svg ._filled, div._white section.slide_show > div.content > div.commands > div.arrows > div.action > img ._filled {
    fill: #29356d
}

div._white section.slide_show > div.content > div.commands > div.pager > p {
    color: #29356d
}

div._white section.slide_show > div.content > div.commands > div.pager > p > span {
    color: #29356d
}

section.wide_slide {
    background-color: #29356d;
    height: 420px
}

section.wide_slide > div.content {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

section.wide_slide > div.content > div.slider {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

section.wide_slide > div.content > div.slider > div.slick-list.draggable {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide {
    position: relative;
    display: inline-block;
    float: left
}

section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1
}

section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > img {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 140%;
    max-height: 140%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner._boxed {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    height: 100%;
    z-index: 2
}

section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner._boxed > h4 {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 10px;
    font-size: 18px;
    color: #facc21;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-style: italic
}

section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner._boxed > h3 {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 10px;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif
}

section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner._boxed > div.extras {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0px;
    right: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    height: 100%;
    z-index: 2;
    text-align: right
}

section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner._boxed > div.extras > a.follow_link {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    right: 0px;
    color: #fff;
    text-align: right;
    width: 100%
}

section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner._boxed > div.extras > img {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 200px;
    height: auto;
    text-align: right
}

section.wide_slide > div.content > div.slider > ul.slick-dots {
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

section.wide_slide > div.content > div.slider > ul.slick-dots > li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 4px
}

section.wide_slide > div.content > div.slider > ul.slick-dots > li > button {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    padding: 0;
    display: block;
    border: 0px solid rgba(0, 0, 0, 0);
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #999;
    font-size: .01px
}

section.wide_slide > div.content > div.slider > ul.slick-dots > li.slick-active > button {
    width: 24px;
    background-color: #fff
}

section.wide_slide > div.content > div.slider._bt > div.slick-list.draggable > div.slick-track > div.slide:after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(41, 53, 109, 0.9)), color-stop(80%, rgba(41, 53, 109, 0)));
    background: linear-gradient(0deg, rgba(41, 53, 109, 0.9) 0%, rgba(41, 53, 109, 0) 80%)
}

section.wide_slide > div.content > div.slider._tb > div.slick-list.draggable > div.slick-track > div.slide:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(41, 53, 109, 0.9)), color-stop(80%, rgba(41, 53, 109, 0)));
    background: linear-gradient(180deg, rgba(41, 53, 109, 0.9) 0%, rgba(41, 53, 109, 0) 80%)
}

section.wide_slide > div.content > div.slider._lr > div.slick-list.draggable > div.slick-track > div.slide:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(41, 53, 109, 0.9)), color-stop(80%, rgba(41, 53, 109, 0)));
    background: linear-gradient(90deg, rgba(41, 53, 109, 0.9) 0%, rgba(41, 53, 109, 0) 80%)
}

section.wide_slide > div.content > div.slider._rl > div.slick-list.draggable > div.slick-track > div.slide:after {
    background: -webkit-gradient(linear, right top, left top, from(rgba(41, 53, 109, 0.9)), color-stop(80%, rgba(41, 53, 109, 0)));
    background: linear-gradient(-90deg, rgba(41, 53, 109, 0.9) 0%, rgba(41, 53, 109, 0) 80%)
}

section.wide_slide > div.content > div.slider._none > div.slick-list.draggable > div.slick-track > div.slide:after {
    background: -webkit-gradient(linear, right top, left top, from(rgba(41, 53, 109, 0)), color-stop(80%, rgba(41, 53, 109, 0)));
    background: linear-gradient(-90deg, rgba(41, 53, 109, 0) 0%, rgba(41, 53, 109, 0) 80%)
}

section.wide_slide > div.content > div.slider._blocked > ul.slick-dots {
    display: none
}

@media (min-width: 1200px) {
    section.wide_slide {
        height: 320px
    }

    section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > img {
        max-width: 140%;
        max-height: 140%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner._boxed > h4 {
        margin-left: 10px;
        font-size: 18px
    }

    section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner._boxed > h3 {
        margin-left: 10px;
        font-size: 24px
    }

    section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner._boxed > div.extras {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 0px;
        right: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        height: 100%;
        z-index: 2;
        text-align: right
    }

    section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner._boxed > div.extras > a.follow_link {
        position: relative;
        display: inline-block;
        float: left;
        float: right;
        right: 0px;
        color: #fff;
        text-align: right;
        width: 100%
    }

    section.wide_slide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > div.inner._boxed > div.extras > img {
        position: relative;
        display: inline-block;
        float: left;
        max-width: 200px;
        height: auto;
        text-align: right
    }

    section.wide_slide > div.content > div.slider > ul.slick-dots {
        position: absolute;
        height: 60px
    }

    section.wide_slide > div.content > div.slider > ul.slick-dots > li {
        margin: 0 4px
    }

    section.wide_slide > div.content > div.slider > ul.slick-dots > li > button {
        width: 6px;
        height: 6px
    }

    section.wide_slide > div.content > div.slider > ul.slick-dots > li.slick-active > button {
        width: 24px;
        background-color: #fff
    }

    section.wide_slide > div.content > div.slider._blocked > ul.slick-dots {
        display: none
    }
}

section.home_players > div.all {
    position: relative;
    display: inline-block;
    float: left
}

section.home_players > div.all > div.player {
    position: relative;
    display: inline-block;
    float: left;
    width: 98%;
    margin: 1%;
    overflow: hidden
}

section.home_players > div.all > div.player > a.follow_link {
    position: relative;
    display: inline-block;
    float: left;
    text-align: left;
    margin: 20px 0px;
    color: #29356d
}

section.home_players > div.all > div.player > a.follow_link:after {
    background-color: #29356d
}

section.home_players > div.all > div.player > div.slider {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    border-radius: 15px;
    overflow: hidden
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable {
    height: 100%;
    height: 380px
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable > div.slick-track {
    height: 100%
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable > div.slick-track > div.box {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #29356d
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable > div.slick-track > div.box > div.image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: green
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable > div.slick-track > div.box > div.image > img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: auto;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable > div.slick-track > div.box > div.image:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0) 100%);
    z-index: 1
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable > div.slick-track > div.box > div.image:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), color-stop(60%, rgba(41, 53, 109, 0)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0) 60%);
    z-index: 1
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable > div.slick-track > div.box > p {
    z-index: 2;
    text-transform: uppercase
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable > div.slick-track > div.box > p.num {
    position: absolute;
    font-size: 160px;
    top: 90px;
    left: 10px;
    line-height: 0px;
    color: #29356d;
    font-family: medium_condensed, system-ui, sans-serif;
    letter-spacing: -21px;
    text-shadow: -0.4px -0.4px 0 #fff, .4px -0.4px 0 #fff, -0.4px .4px 0 #fff, .4px .4px 0 #fff;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    mix-blend-mode: soft-light
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable > div.slick-track > div.box > p.name {
    margin-top: 30px;
    margin-left: 20px;
    font-family: font_black, system-ui, sans-serif;
    font-size: 20px;
    color: #fff
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable > div.slick-track > div.box > p.surname {
    margin-left: 20px;
    font-family: font_black, system-ui, sans-serif;
    font-size: 50px;
    color: #facc21
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable > div.slick-track > div.box > div.buttons {
    z-index: 3;
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 60px
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable > div.slick-track > div.box > div.buttons a.button {
    width: calc(49% - 40px);
    margin-left: 0%
}

section.home_players > div.all > div.player > div.slider > div.slick-list.draggable > div.slick-track > div.box > div.buttons a.button:nth-child(2) {
    margin-left: 2%
}

section.home_players > div.all > div.player > div.slider > ul.slick-dots {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 30px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

section.home_players > div.all > div.player > div.slider > ul.slick-dots > li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 4px
}

section.home_players > div.all > div.player > div.slider > ul.slick-dots > li > button {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    padding: 0;
    display: block;
    border: 0px solid rgba(0, 0, 0, 0);
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #999;
    font-size: .01px
}

section.home_players > div.all > div.player > div.slider > ul.slick-dots > li.slick-active > button {
    width: 24px;
    background-color: #fff
}

section.home_players > div.all > div.player > div.dots {
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none
}

section.home_players > div.all > div.player > div.dots > span {
    position: relative;
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    cursor: pointer;
    pointer-events: all;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.6);
    transform: scale(0.6)
}

section.home_players > div.all > div.player > div.dots > span.mini_prev {
    float: right;
    margin-right: 10px
}

section.home_players > div.all > div.player > div.dots > span.mini_next {
    float: left;
    margin-left: 10px
}

section.home_players > div.all > div.player > div.dots > span .svg_color {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    fill: #fff
}

section.home_players > div.all > div.player > div.dots > span:hover .svg_color {
    fill: #facc21
}

section.home_players > div.all > div.player > div.dots > ul.slick-dots {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    width: auto;
    height: 60px;
    bottom: 0px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

section.home_players > div.all > div.player > div.dots > ul.slick-dots > li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 4px
}

section.home_players > div.all > div.player > div.dots > ul.slick-dots > li > button {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    padding: 0;
    display: block;
    border: 0px solid rgba(0, 0, 0, 0);
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #999;
    font-size: .01px;
    pointer-events: all
}

section.home_players > div.all > div.player > div.dots > ul.slick-dots > li.slick-active > button {
    width: 24px;
    background-color: #fff
}

section.home_players > div.all > div.player.womendasdasdas > div.slider > div.slick-list.draggable > div.slick-track > div.box > p.name {
    margin-top: 180px
}

section.home_players > div.all > div.player.womendasdasdas > div.slider > div.slick-list.draggable > div.slick-track > div.box > p.surname {
    margin-top: 0px
}

section.home_players > div.all > div.player.womendasdasdas > div.slider > div.slick-list.draggable > div.slick-track > div.box > p.title {
    margin-top: 0px;
    margin-left: 20px;
    color: #facc21;
    font-style: italic;
    font-family: regular, system-ui, sans-serif;
    font-size: 14px
}

@media (min-width: 1200px) {
    section.home_players > div.all > div.player {
        width: 48%;
        margin: 1%
    }
}

div.wrapper.headline > section.headline {
    padding-top: 120px
}

div.wrapper.headline > section.headline > div.content._boxed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

div.wrapper.headline > section.headline > div.content._boxed > div.col {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    width: 100%
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.left > h5 {
    position: relative;
    display: inline-block;
    float: left;
    opacity: 1;
    bottom: 0px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    width: 90%;
    margin-left: 30px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    margin-bottom: 4px
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.left > h5[v_status=hidden] {
    bottom: 60px;
    opacity: .01
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.left > h5 p {
    color: inherit;
    font-size: inherit
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.left > h2 {
    position: relative;
    display: inline-block;
    float: left;
    opacity: 1;
    top: 0px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
    width: 90%;
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 40px;
    max-width: 50%;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.left > h2[v_status=hidden] {
    top: 60px;
    opacity: .01
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.left > h2 p {
    color: inherit;
    font-size: inherit
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.left > h2 strong {
    font-family: font_black, system-ui, sans-serif
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.right > h5 {
    position: relative;
    display: inline-block;
    float: left;
    opacity: 1;
    bottom: 0px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
    width: 90%;
    margin-right: 30px;
    font-size: 30px;
    text-align: right;
    font-family: font_black, system-ui, sans-serif
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.right > h5[v_status=hidden] {
    bottom: 60px;
    opacity: .01
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.right > h5 p {
    color: inherit;
    font-size: inherit
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.right > h2 {
    position: relative;
    display: inline-block;
    float: left;
    opacity: 1;
    top: 0px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms;
    width: 90%;
    margin-right: 30px;
    font-size: 20px;
    line-height: 117%;
    text-align: right;
    max-width: 50%;
    font-family: regular, system-ui, sans-serif;
    margin-bottom: 20px
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.right > h2[v_status=hidden] {
    top: 60px;
    opacity: .01
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.right > h2 p {
    color: inherit;
    font-size: inherit
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.right > h2 strong {
    opacity: 1;
    top: 0px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms;
    display: inline;
    font-family: regular, system-ui, sans-serif
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.right > h2 strong[v_status=hidden] {
    top: 60px;
    opacity: .01
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.right > a.follow_link {
    opacity: 1;
    top: 0px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    -webkit-transition-delay: 1600ms;
    transition-delay: 1600ms;
    margin-right: 30px;
    font-size: 14px;
    color: #29356d;
    text-align: left
}

div.wrapper.headline > section.headline > div.content._boxed > div.col.right > a.follow_link[v_status=hidden] {
    top: 60px;
    opacity: .01
}

@media (min-width: 1200px) {
    div.wrapper.headline > section.headline > div.content._boxed {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    div.wrapper.headline > section.headline > div.content._boxed > div.col {
        width: 50%
    }

    div.wrapper.headline > section.headline > div.content._boxed > div.col.left > h5 {
        width: 90%;
        margin-left: 30px;
        font-size: 16px;
        margin-bottom: 4px
    }

    div.wrapper.headline > section.headline > div.content._boxed > div.col.left > h2 {
        width: 90%;
        margin-left: 30px;
        margin-top: 20px;
        margin-bottom: 40px;
        font-size: 70px;
        line-height: 60px;
        max-width: 50%
    }

    div.wrapper.headline > section.headline > div.content._boxed > div.col.right > h5 {
        width: 90%;
        margin-right: 30px;
        font-size: 30px
    }

    div.wrapper.headline > section.headline > div.content._boxed > div.col.right > h2 {
        width: 90%;
        margin-right: 30px;
        font-size: 20px;
        line-height: 117%;
        text-align: right;
        max-width: 50%;
        margin-bottom: 20px
    }
}

div._yellow section.headline > div.content > div.col.left > h5 {
    color: #29356d
}

div._yellow section.headline > div.content > div.col.left > h2 {
    color: #29356d
}

div._yellow section.headline > div.content > div.col.left > h2 strong {
    color: #facc21;
    text-shadow: -1px -1px 0 #29356d, 1px -1px 0 #29356d, -1px 1px 0 #29356d, 1px 1px 0 #29356d
}

div._yellow section.headline > div.content > div.col.left > a {
    color: #29356d
}

div._yellow section.headline > div.content > div.col.right > h5 {
    color: #fff
}

div._yellow section.headline > div.content > div.col.right > h5 strong {
    color: #29356d
}

div._yellow section.headline > div.content > div.col.right > h2 {
    color: #fff
}

div._yellow section.headline > div.content > div.col.right > h2 strong {
    color: #29356d
}

div._yellow section.headline > div.content > div.col.right > a.follow_link {
    color: #29356d !important
}

div._yellow section.headline > div.content > div.col.right > a.follow_link:after {
    background-color: #29356d
}

div._blue section.headline > div.content > div.col.left > h5 {
    color: #facc21
}

div._blue section.headline > div.content > div.col.left > h2 {
    color: #fff
}

div._blue section.headline > div.content > div.col.left > h2 strong {
    color: #29356d;
    text-shadow: -1px -1px 0 #facc21, 1px -1px 0 #facc21, -1px 1px 0 #facc21, 1px 1px 0 #facc21
}

div._blue section.headline > div.content > div.col.right > h5 {
    color: #fff
}

div._blue section.headline > div.content > div.col.right > h5 strong {
    color: #facc21
}

div._blue section.headline > div.content > div.col.right > h2 {
    color: #ccc
}

div._blue section.headline > div.content > div.col.right > h2 strong {
    color: #facc21
}

div._blue section.headline > div.content > div.col.right > a.follow_link {
    color: #fff !important
}

div._blue section.headline > div.content > div.col.right > a.follow_link:after {
    background-color: #fff
}

div._white section.headline > div.content > div.col.left > h5 {
    color: #29356d
}

div._white section.headline > div.content > div.col.left > h2 {
    color: #29356d
}

div._white section.headline > div.content > div.col.left > h2 strong {
    color: #fff;
    text-shadow: -1px -1px 0 #29356d, 1px -1px 0 #29356d, -1px 1px 0 #29356d, 1px 1px 0 #29356d
}

div._white section.headline > div.content > div.col.left > a {
    color: #facc21
}

div._white section.headline > div.content > div.col.right > h5 {
    color: #fff
}

div._white section.headline > div.content > div.col.right > h5 strong {
    color: #29356d
}

div._white section.headline > div.content > div.col.right > h2 {
    color: #facc21
}

div._white section.headline > div.content > div.col.right > h2 strong {
    color: #29356d
}

div._white section.headline > div.content > div.col.right > a.follow_link {
    color: #29356d !important
}

div._white section.headline > div.content > div.col.right > a.follow_link:after {
    background-color: #29356d
}

div.wrapper.app section.app {
    margin-top: 100px;
    margin-bottom: 100px
}

div.wrapper.app section.app > div.content._boxed > div.col {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    height: 480px
}

div.wrapper.app section.app > div.content._boxed > div.col > h4 {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 30px;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    font-size: 14px;
    color: #29356d;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 90%
}

div.wrapper.app section.app > div.content._boxed > div.col > h2 {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 30px;
    font-family: font_black, system-ui, sans-serif;
    font-size: 30px;
    line-height: 117%;
    color: #29356d;
    color: #fff;
    color: #facc21
}

div.wrapper.app section.app > div.content._boxed > div.col > div.actions {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-bottom: 40px
}

div.wrapper.app section.app > div.content._boxed > div.col.app {
    margin-right: 1%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom -3px right 20%;
    background-color: #f9f9f9
}

@media (min-width: 900px) {
    div.wrapper.app section.app > div.content._boxed > div.col.app {
        background-position: center right
    }
}

div.wrapper.app section.app > div.content._boxed > div.col.app > h2 {
    width: 34%;
    margin-right: 30%;
    color: #29356d;
    text-shadow: -1px -1px 0 #facc21, 1px -1px 0 #facc21, -1px 1px 0 #facc21, 1px 1px 0 #facc21;
    margin-top: 170px;
    font-size: 22px
}

@media (min-width: 900px) {
    div.wrapper.app section.app > div.content._boxed > div.col.app > h2 {
        color: #facc21;
        font-size: 30px;
        text-shadow: -1px -1px 0 #29356d, 1px -1px 0 #29356d, -1px 1px 0 #29356d, 1px 1px 0 #29356d
    }
}

div.wrapper.app section.app > div.content._boxed > div.col.app > div.actions > p {
    position: relative;
    display: inline-block;
    float: left;
    font-family: regular, system-ui, sans-serif;
    font-size: 16px;
    line-height: 117%;
    color: #000;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 10px
}

div.wrapper.app section.app > div.content._boxed > div.col.app > div.actions > a {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    cursor: pointer
}

div.wrapper.app section.app > div.content._boxed > div.col.app > div.actions > a > img, div.wrapper.app section.app > div.content._boxed > div.col.app > div.actions > a > svg {
    height: 40px;
    border-radius: 4px;
    overflow: hidden
}

div.wrapper.app section.app > div.content._boxed > div.col.newsletter {
    display: none;
    margin-left: 1%;
    background-color: #facc21
}

div.wrapper.app section.app > div.content._boxed > div.col.newsletter > img.symbol {
    position: absolute;
    width: 180px;
    height: auto;
    right: 30px;
    top: 30px;
    opacity: .04;
    pointer-events: none
}

div.wrapper.app section.app > div.content._boxed > div.col.newsletter > div.actions > input {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 60px;
    font-size: 20px;
    color: #888;
    border-radius: 8px;
    line-height: 60px;
    background-color: #fff
}

div.wrapper.app section.app > div.content._boxed > div.col.newsletter > div.actions > input::-webkit-input-placeholder {
    color: #ccc
}

div.wrapper.app section.app > div.content._boxed > div.col.newsletter > div.actions > input::-moz-placeholder {
    color: #ccc
}

div.wrapper.app section.app > div.content._boxed > div.col.newsletter > div.actions > input:-ms-input-placeholder {
    color: #ccc
}

div.wrapper.app section.app > div.content._boxed > div.col.newsletter > div.actions > input::-ms-input-placeholder {
    color: #ccc
}

div.wrapper.app section.app > div.content._boxed > div.col.newsletter > div.actions > input::placeholder {
    color: #ccc
}

div.wrapper.app section.app > div.content._boxed > div.col.newsletter > div.actions > a.button {
    margin-top: 0;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 180px;
    text-align: center
}

div.wrapper.app section.app > div.content._boxed > div.col.newsletter > div.actions > p {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-top: 20px;
    font-family: light_condensed, system-ui, sans-serif;
    font-size: 17px;
    color: #222;
    line-height: 117%
}

@media (min-width: 900px) {
    div.wrapper.app section.app > div.content._boxed > div.col {
        width: 48%;
        margin: 0;
        width: 100%;
        margin: 0
    }
}

div.wrapper section.calendar_slide {
    padding-top: 90px;
    padding-bottom: 90px
}

div.wrapper section.calendar_slide > div.content {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

div.wrapper section.calendar_slide > div.content > div.col {
    position: relative;
    display: inline-block;
    float: left;
    height: auto;
    overflow: hidden
}

div.wrapper section.calendar_slide > div.content > div.col.text {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: calc(100% - 40px);
    margin-left: 20px
}

div.wrapper section.calendar_slide > div.content > div.col.text > h3 {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    font-size: 16px;
    color: #29356d;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    margin-bottom: 4px
}

div.wrapper section.calendar_slide > div.content > div.col.text > p {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 107%;
    color: #29356d;
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif
}

div.wrapper section.calendar_slide > div.content > div.col.text > p > strong {
    display: inline;
    color: #fff;
    text-shadow: -0.6px -0.6px 0 #29356d, .6px -0.6px 0 #29356d, -0.6px .6px 0 #29356d, .6px .6px 0 #29356d
}

div.wrapper section.calendar_slide > div.content > div.col.text > a.follow_link._blue {
    display: none
}

div.wrapper section.calendar_slide > div.content > div.col.text > a.button {
    display: none
}

div.wrapper section.calendar_slide > div.content > div.col.text > div.arrows {
    -ms-flex-item-align: baseline;
    align-self: baseline;
    margin-top: 20px;
    margin-left: -5px;
    display: none
}

div.wrapper section.calendar_slide > div.content > div.col.slider {
    position: relative;
    width: calc(100% - 20px);
    margin-left: 10px;
    height: 460px
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #29356d;
    background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background_2.png");
    background-size: 80% auto;
    background-position: 110px 180px;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > * {
    z-index: 2
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > img.competition {
    position: absolute;
    width: 60px;
    top: 18px;
    left: 14px
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.poster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.poster:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0) 100%);
    z-index: 2
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.poster:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(41, 53, 109, 0.3)), color-stop(60%, rgba(41, 53, 109, 0)));
    background: linear-gradient(0deg, rgba(41, 53, 109, 0.3) 0%, rgba(41, 53, 109, 0) 60%);
    z-index: 2
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.poster > img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: 1
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > p.date {
    position: relative;
    display: inline-block;
    float: left;
    font-family: medium_condensed, system-ui, sans-serif;
    color: #fff;
    font-size: 28px;
    text-align: left;
    margin-left: 20px;
    text-transform: uppercase
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > p.date > span {
    color: #facc21
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > p.time {
    position: relative;
    display: inline-block;
    float: left;
    font-family: regular, system-ui, sans-serif;
    color: #ccc;
    font-size: 12px;
    text-align: left;
    margin-left: 20px;
    margin-top: -8px;
    margin-bottom: 20px;
    text-transform: uppercase
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > div.team {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 64px;
    overflow: hidden
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > div.team > img.logo {
    height: 80%;
    margin-left: 14px
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > div.team > h4 {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 10px;
    font-family: font_black, system-ui, sans-serif;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > div.team.team_2 {
    margin-bottom: 34px
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > a.follow_linka {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin: 5%;
    color: #fff
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > a.follow_link {
    position: absolute;
    color: #fff;
    bottom: 10px;
    left: 10px
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > a.button {
    width: 90%;
    margin: 5%;
    color: #fff
}

div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match:hover a.follow_link:after {
    width: 6px
}

@media (min-width: 900px) {
    div.wrapper section.calendar_slide > div.content > div.col.text {
        width: 35%;
        margin-left: 5%
    }

    div.wrapper section.calendar_slide > div.content > div.col.text > p {
        font-size: 50px
    }

    div.wrapper section.calendar_slide > div.content > div.col.text > a.follow_link._blue {
        display: block
    }

    div.wrapper section.calendar_slide > div.content > div.col.text > a.button {
        display: block
    }

    div.wrapper section.calendar_slide > div.content > div.col.text > div.arrows {
        display: block
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider {
        margin: 0;
        width: 60%
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match {
        width: 320px
    }
}

@media (min-width: 1200px) {
    div.wrapper section.calendar_slide > div.content > div.col.text {
        width: 400px;
        margin-left: calc(50% - 600px)
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider {
        width: calc(50% + 200px)
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match {
        width: 320px
    }
}

@media (min-width: 10124px) {
    div.wrapper section.calendar_slide {
        background-color: orange
    }

    div.wrapper section.calendar_slide > div.content > div.col {
        width: calc(50% - 20px) !important
    }
}

@media (min-width: 1921px) {
    div.wrapper section.calendar_slide {
        padding-top: 90px;
        padding-bottom: 90px
    }

    div.wrapper section.calendar_slide > div.content {
        position: relative;
        display: inline-block;
        float: left;
        width: 100%;
        height: auto
    }

    div.wrapper section.calendar_slide > div.content > div.col {
        position: relative;
        display: inline-block;
        float: left;
        height: 400px;
        overflow: hidden
    }

    div.wrapper section.calendar_slide > div.content > div.col.text {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 430px;
        margin-left: calc(50% - 600px)
    }

    div.wrapper section.calendar_slide > div.content > div.col.text > h3 {
        position: relative;
        display: inline-block;
        float: left;
        width: 90%;
        font-size: 16px;
        color: #29356d;
        text-transform: uppercase;
        font-family: regular, system-ui, sans-serif;
        font-style: italic;
        margin-bottom: 4px
    }

    div.wrapper section.calendar_slide > div.content > div.col.text > p {
        position: relative;
        display: inline-block;
        float: left;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 50px;
        line-height: 107%;
        color: #29356d;
        font-family: font_black, system-ui, sans-serif;
        text-transform: uppercase;
        font-family: font_black, system-ui, sans-serif
    }

    div.wrapper section.calendar_slide > div.content > div.col.text > p > strong {
        display: inline;
        color: #fff;
        text-shadow: -0.6px -0.6px 0 #29356d, .6px -0.6px 0 #29356d, -0.6px .6px 0 #29356d, .6px .6px 0 #29356d
    }

    div.wrapper section.calendar_slide > div.content > div.col.text > div.arrows {
        -ms-flex-item-align: baseline;
        align-self: baseline;
        margin-top: 20px;
        margin-left: -5px
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider {
        position: relative;
        width: calc(50% + 150px);
        margin-left: 20px
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable {
        position: relative;
        display: inline-block;
        float: left;
        width: 100%;
        height: 100%
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track {
        position: relative;
        display: inline-block;
        float: left;
        width: 100%;
        height: 100%
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match {
        position: relative;
        display: inline-block;
        float: left;
        width: 320px;
        height: 100%;
        background-color: #29356d;
        background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background_2.png");
        background-size: 80% auto;
        background-position: 110px 180px;
        margin-left: 10px;
        border-radius: 10px;
        overflow: hidden
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > * {
        z-index: 2
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > img.competition {
        position: absolute;
        width: 60px;
        top: 18px;
        left: 14px
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.poster {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.poster:after {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        content: "";
        background: #000;
        background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0)));
        background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0) 100%);
        z-index: 2
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.poster:before {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        content: "";
        background: #000;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(41, 53, 109, 0.3)), color-stop(60%, rgba(41, 53, 109, 0)));
        background: linear-gradient(0deg, rgba(41, 53, 109, 0.3) 0%, rgba(41, 53, 109, 0) 60%);
        z-index: 2
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.poster > img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: .8;
        z-index: 1
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        width: 100%
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > p.date {
        position: relative;
        display: inline-block;
        float: left;
        font-family: medium_condensed, system-ui, sans-serif;
        color: #fff;
        font-size: 28px;
        text-align: left;
        margin-left: 20px;
        text-transform: uppercase
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > p.date > span {
        color: #facc21
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > p.time {
        position: relative;
        display: inline-block;
        float: left;
        font-family: regular, system-ui, sans-serif;
        color: #ccc;
        font-size: 12px;
        text-align: left;
        margin-left: 20px;
        margin-top: -8px;
        margin-bottom: 20px;
        text-transform: uppercase
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > div.team {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        height: 64px;
        overflow: hidden
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > div.team > img.logo {
        height: 80%;
        margin-left: 14px
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > div.team > h4 {
        position: relative;
        display: inline-block;
        float: left;
        margin-left: 10px;
        font-family: font_black, system-ui, sans-serif;
        color: #fff;
        font-size: 24px;
        text-transform: uppercase
    }

    div.wrapper section.calendar_slide > div.content > div.col.slider > div.draggable > div.slick-track > div.match > div.infos > a.button {
        width: 90%;
        margin: 5%;
        color: #fff
    }
}

div.wrapper.youtube section.youtube > div.content {
    position: relative;
    display: inline-block;
    float: left
}

div.wrapper.youtube section.youtube > div.content > iframe {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

div.wrapper.base_p section.base_p {
    margin: 20px auto
}

div.wrapper.base_p section.base_p > div.content {
    position: relative;
    display: inline-block;
    float: left
}

div.wrapper.base_p section.base_p > div.content > img {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    width: 90%;
    margin-left: 5%;
    top: 0px;
    opacity: 1
}

div.wrapper.base_p section.base_p > div.content > img[v_status=hidden] {
    top: 100px;
    opacity: 0
}

div.wrapper.base_p section.base_p > div.content > h3 {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    width: 90%;
    margin-left: 5%;
    margin-top: 80px;
    color: #29356d;
    font-size: 36px;
    font-family: font_black, system-ui, sans-serif;
    left: 0px
}

div.wrapper.base_p section.base_p > div.content > h3[v_status=hidden] {
    left: 100px;
    opacity: 0
}

div.wrapper.base_p section.base_p > div.content > ul.socials {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    list-style: none;
    padding: 0;
    width: auto;
    margin-left: auto;
    margin-right: 5%
}

div.wrapper.base_p section.base_p > div.content > ul.socials > li {
    position: relative;
    display: inline-block;
    float: left;
    display: list-item;
    width: auto;
    margin-left: 6px;
    color: #767676;
    font-size: 22px;
    line-height: 40px !important;
    font-family: light_condensed, system-ui, sans-serif
}

div.wrapper.base_p section.base_p > div.content > ul.socials > li > a {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    margin-left: 2px;
    cursor: pointer;
    border-radius: 50%
}

div.wrapper.base_p section.base_p > div.content > ul.socials > li > a > img {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 20px;
    height: 20px;
    margin: 6px;
    -webkit-filter: brightness(0.2);
    filter: brightness(0.2);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

div.wrapper.base_p section.base_p > div.content > ul.socials > li > a:hover {
    background-color: #facc21
}

div.wrapper.base_p section.base_p > div.content > ul.socials > li > a:hover > img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

div.wrapper.base_p section.base_p > div.content > h5 {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    width: 90%;
    margin-left: 5%;
    margin-top: 80px;
    color: #29356d;
    font-size: 28px;
    font-family: medium_condensed, system-ui, sans-serif;
    left: 0px
}

div.wrapper.base_p section.base_p > div.content > h5[v_status=hidden] {
    left: 100px;
    opacity: 0
}

div.wrapper.base_p section.base_p > div.content > p {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    width: 90%;
    margin-left: 5%;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #333;
    font-size: 22px;
    line-height: 40px !important;
    font-family: light_condensed, system-ui, sans-serif;
    text-align: justify;
    right: 0px
}

div.wrapper.base_p section.base_p > div.content > p > strong {
    font-family: medium_condensed, system-ui, sans-serif
}

div.wrapper.base_p section.base_p > div.content > p > a {
    color: #29356d;
    font-family: medium_condensed, system-ui, sans-serif;
    text-decoration: underline
}

div.wrapper.base_p section.base_p > div.content > p[v_status=hidden] {
    right: 100px;
    opacity: 0
}

div.wrapper.base_p section.base_p > div.content > p:first-of-type {
    margin-top: 20px
}

div.wrapper.base_p section.base_p > div.content > p:last-of-type {
    margin-bottom: 20px
}

div.wrapper.base_p section.base_p > div.content > ul, div.wrapper.base_p section.base_p > div.content > ol, div.wrapper.base_p section.base_p > div.content > p > ul, div.wrapper.base_p section.base_p > div.content > p > ol {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin-left: 5%;
    padding: 0
}

div.wrapper.base_p section.base_p > div.content > ul li, div.wrapper.base_p section.base_p > div.content > ol li, div.wrapper.base_p section.base_p > div.content > p > ul li, div.wrapper.base_p section.base_p > div.content > p > ol li {
    position: relative;
    display: inline-block;
    float: left;
    display: list-item;
    width: 90%;
    margin-left: 5%;
    font-size: 22px;
    color: #333;
    font-size: 22px;
    line-height: 40px !important;
    font-family: light_condensed, system-ui, sans-serif
}

div.wrapper.banner > section.banner {
    background-color: #29356d;
    height: 420px
}

div.wrapper.banner > section.banner > div.content {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.banner > section.banner > div.content > img.background.cover {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: none
}

div.wrapper.banner > section.banner > div.content > img.background.responsive {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

div.wrapper.banner > section.banner > div.content:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 100%;
    top: auto;
    bottom: 0px;
    background: linear-gradient(45deg, #29356d 0%, rgba(41, 53, 109, 0.1) 60%);
    z-index: 2
}

div.wrapper.banner > section.banner > div.content:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 100%;
    top: auto;
    bottom: 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), color-stop(60%, rgba(41, 53, 109, 0.1)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.1) 60%);
    z-index: 3
}

div.wrapper.banner > section.banner > div.content > div.inner {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    z-index: 4
}

div.wrapper.banner > section.banner > div.content > div.inner > h4 {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 10px;
    font-size: 18px;
    color: #facc21;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    margin-bottom: 20px
}

div.wrapper.banner > section.banner > div.content > div.inner > h3 {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 10px;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif;
    margin-bottom: 20px
}

div.wrapper.banner > section.banner > div.content > div.inner > div.extras {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    z-index: 4;
    text-align: right
}

div.wrapper.banner > section.banner > div.content > div.inner > div.extras > a.follow_link {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    right: 0px;
    color: #fff;
    text-align: right;
    width: 100%;
    margin-bottom: 20px
}

div.wrapper.banner > section.banner > div.content > div.inner > div.extras > img {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 200px;
    height: auto;
    text-align: right;
    display: none
}

@media (min-width: 900px) {
    div.wrapper.banner > section.banner {
        height: 420px
    }

    div.wrapper.banner > section.banner > div.content > img.background.cover {
        display: none;
        z-index: 1
    }

    div.wrapper.banner > section.banner > div.content > div.inner > div.extras > a.follow_link {
        right: 20px
    }

    div.wrapper.banner > section.banner > div.content > div.inner > div.extras > img {
        position: absolute;
        top: -140px;
        right: 20px;
        max-width: 230px;
        height: auto;
        display: block
    }
}

@media (min-width: 1200px) {
    div.wrapper.banner > section.banner {
        height: 360px
    }

    div.wrapper.banner > section.banner > div.content > img.background.cover {
        display: block;
        z-index: 1
    }

    div.wrapper.banner > section.banner > div.content > img.background.responsive {
        display: none
    }

    div.wrapper.banner > section.banner > div.content > div.inner > div.extras > a.follow_link {
        right: 20px
    }

    div.wrapper.banner > section.banner > div.content > div.inner > div.extras > img {
        position: absolute;
        top: -140px;
        right: 20px;
        max-width: 230px;
        height: auto;
        display: block
    }
}

div.wrapper.banner_gen > section.banner_gen {
    background-color: #29356d;
    height: 420px;
    height: auto
}

@media (min-width: 1200px) {
    div.wrapper.banner_gen > section.banner_gen {
        min-height: 360px;
        height: auto
    }
}

div.wrapper.banner_gen > section.banner_gen > div.content {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center
}

div.wrapper.banner_gen > section.banner_gen > div.content > img.background.cover {
    position: relative;
    display: inline-block;
    float: left;
    z-index: 1;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    display: none
}

@media (min-width: 1200px) {
    div.wrapper.banner_gen > section.banner_gen > div.content > img.background.cover {
        display: block;
        z-index: 1
    }
}

div.wrapper.banner_gen > section.banner_gen > div.content > img.background.responsive {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    z-index: 1;
    width: 100%;
    height: auto
}

@media (min-width: 1200px) {
    div.wrapper.banner_gen > section.banner_gen > div.content > img.background.responsive {
        display: none
    }
}

div.wrapper.banner_gen > section.banner_gen > div.content:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    height: 100%;
    top: auto;
    bottom: 0px;
    z-index: 2
}

div.wrapper.banner_gen > section.banner_gen > div.content:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    top: auto;
    bottom: 0px;
    z-index: 3
}

div.wrapper.banner_gen > section.banner_gen > div.content._white:before {
    background: linear-gradient(45deg, white 0%, rgba(255, 255, 255, 0.1) 60%)
}

div.wrapper.banner_gen > section.banner_gen > div.content._white:after {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(60%, rgba(255, 255, 255, 0.1)));
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.1) 60%)
}

div.wrapper.banner_gen > section.banner_gen > div.content._blue:before {
    background: linear-gradient(45deg, #29356d 0%, rgba(41, 53, 109, 0.1) 60%)
}

div.wrapper.banner_gen > section.banner_gen > div.content._blue:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), color-stop(60%, rgba(41, 53, 109, 0.1)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.1) 60%)
}

div.wrapper.banner_gen > section.banner_gen > div.content._yellow:before {
    background: linear-gradient(45deg, #facc21 0%, rgba(250, 204, 33, 0.1) 60%)
}

div.wrapper.banner_gen > section.banner_gen > div.content._yellow:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#facc21), color-stop(60%, rgba(250, 204, 33, 0.1)));
    background: linear-gradient(0deg, #facc21 0%, rgba(250, 204, 33, 0.1) 60%)
}

div.wrapper.banner_gen > section.banner_gen > div.content > div.inner {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    z-index: 4;
    margin-left: 0px
}

@media (min-width: 1200px) {
    div.wrapper.banner_gen > section.banner_gen > div.content > div.inner {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 1200px !important;
        margin-left: calc(50% - 600px) !important
    }
}

div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > h4 {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: -90px;
    margin-left: 10px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    margin-bottom: 10px
}

div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > h4._white {
    color: #fff
}

div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > h4._blue {
    color: #29356d
}

div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > h4._yellow {
    color: #facc21
}

@media (min-width: 1200px) {
    div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > h4 {
        text-align: left;
        margin-top: 20px
    }
}

div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > p {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 10px;
    font-size: 24px;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif;
    margin-bottom: 20px
}

@media (min-width: 1200px) {
    div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > p {
        text-align: left
    }
}

div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > p._white {
    color: #fff
}

div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > p._blue {
    color: #29356d
}

div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > p._yellow {
    color: #facc21
}

div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > div.extras {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 4;
    text-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 1200px) {
    div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > div.extras {
        text-align: left;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > div.extras > a.area {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > div.extras > a.button {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    width: auto;
    margin-bottom: 20px;
    visibility: hidden
}

@media (min-width: 1200px) {
    div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > div.extras > a.button {
        float: right;
        margin-right: 20px
    }
}

div.wrapper.banner_gen > section.banner_gen > div.content > div.inner > div.extras > img.banner_icon {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 200px;
    height: auto
}

div.wrapper.banner_gen > section.banner_gen:hover > div.content > img.background.cover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
}

div.wrapper.banner_gen > section.banner_gen:hover > div.content::before {
    opacity: .1
}

div.wrapper.banner_gen > section.banner_gen:hover > div.content::after {
    opacity: .1
}

div.wrapper.hero_mini_medias > section, div.wrapper.hero_mini_partners > section, div.wrapper.hero_mini_sponsors > section, div.wrapper.hero_mini_team_f > section, div.wrapper.hero_mini_team_m > section, div.wrapper.hero_mini_legends > section, div.wrapper.hero_mini_flash > section, div.wrapper.hero_mini_news > section, div.wrapper.hero_mini_youth_f > section, div.wrapper.hero_mini_youth_m > section, div.wrapper.hero_mini > section {
    height: 400px;
    border-bottom: 18px solid #facc21;
    background-color: #29356d;
    background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background.png");
    background-position: -300px -100px
}

div.wrapper.hero_mini_medias > section._reduced, div.wrapper.hero_mini_partners > section._reduced, div.wrapper.hero_mini_sponsors > section._reduced, div.wrapper.hero_mini_team_f > section._reduced, div.wrapper.hero_mini_team_m > section._reduced, div.wrapper.hero_mini_legends > section._reduced, div.wrapper.hero_mini_flash > section._reduced, div.wrapper.hero_mini_news > section._reduced, div.wrapper.hero_mini_youth_f > section._reduced, div.wrapper.hero_mini_youth_m > section._reduced, div.wrapper.hero_mini > section._reduced {
    height: 300px
}

@media (min-width: 1200px) {
    div.wrapper.hero_mini_medias > section, div.wrapper.hero_mini_partners > section, div.wrapper.hero_mini_sponsors > section, div.wrapper.hero_mini_team_f > section, div.wrapper.hero_mini_team_m > section, div.wrapper.hero_mini_legends > section, div.wrapper.hero_mini_flash > section, div.wrapper.hero_mini_news > section, div.wrapper.hero_mini_youth_f > section, div.wrapper.hero_mini_youth_m > section, div.wrapper.hero_mini > section {
        height: 600px;
        background-position: -900px -100px
    }
}

div.wrapper.hero_mini_medias > section > div.cover, div.wrapper.hero_mini_partners > section > div.cover, div.wrapper.hero_mini_sponsors > section > div.cover, div.wrapper.hero_mini_team_f > section > div.cover, div.wrapper.hero_mini_team_m > section > div.cover, div.wrapper.hero_mini_legends > section > div.cover, div.wrapper.hero_mini_flash > section > div.cover, div.wrapper.hero_mini_news > section > div.cover, div.wrapper.hero_mini_youth_f > section > div.cover, div.wrapper.hero_mini_youth_m > section > div.cover, div.wrapper.hero_mini > section > div.cover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    background-color: #29356d
}

div.wrapper.hero_mini_medias > section > div.cover > img, div.wrapper.hero_mini_partners > section > div.cover > img, div.wrapper.hero_mini_sponsors > section > div.cover > img, div.wrapper.hero_mini_team_f > section > div.cover > img, div.wrapper.hero_mini_team_m > section > div.cover > img, div.wrapper.hero_mini_legends > section > div.cover > img, div.wrapper.hero_mini_flash > section > div.cover > img, div.wrapper.hero_mini_news > section > div.cover > img, div.wrapper.hero_mini_youth_f > section > div.cover > img, div.wrapper.hero_mini_youth_m > section > div.cover > img, div.wrapper.hero_mini > section > div.cover > img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

div.wrapper.hero_mini_medias > section > div.cover > img.responsive._img_top, div.wrapper.hero_mini_partners > section > div.cover > img.responsive._img_top, div.wrapper.hero_mini_sponsors > section > div.cover > img.responsive._img_top, div.wrapper.hero_mini_team_f > section > div.cover > img.responsive._img_top, div.wrapper.hero_mini_team_m > section > div.cover > img.responsive._img_top, div.wrapper.hero_mini_legends > section > div.cover > img.responsive._img_top, div.wrapper.hero_mini_flash > section > div.cover > img.responsive._img_top, div.wrapper.hero_mini_news > section > div.cover > img.responsive._img_top, div.wrapper.hero_mini_youth_f > section > div.cover > img.responsive._img_top, div.wrapper.hero_mini_youth_m > section > div.cover > img.responsive._img_top, div.wrapper.hero_mini > section > div.cover > img.responsive._img_top {
    -o-object-position: top;
    object-position: top
}

div.wrapper.hero_mini_medias > section > div.cover > img.responsive._img_bottom, div.wrapper.hero_mini_partners > section > div.cover > img.responsive._img_bottom, div.wrapper.hero_mini_sponsors > section > div.cover > img.responsive._img_bottom, div.wrapper.hero_mini_team_f > section > div.cover > img.responsive._img_bottom, div.wrapper.hero_mini_team_m > section > div.cover > img.responsive._img_bottom, div.wrapper.hero_mini_legends > section > div.cover > img.responsive._img_bottom, div.wrapper.hero_mini_flash > section > div.cover > img.responsive._img_bottom, div.wrapper.hero_mini_news > section > div.cover > img.responsive._img_bottom, div.wrapper.hero_mini_youth_f > section > div.cover > img.responsive._img_bottom, div.wrapper.hero_mini_youth_m > section > div.cover > img.responsive._img_bottom, div.wrapper.hero_mini > section > div.cover > img.responsive._img_bottom {
    -o-object-position: bottom;
    object-position: bottom
}

div.wrapper.hero_mini_medias > section > div.cover > img.full, div.wrapper.hero_mini_partners > section > div.cover > img.full, div.wrapper.hero_mini_sponsors > section > div.cover > img.full, div.wrapper.hero_mini_team_f > section > div.cover > img.full, div.wrapper.hero_mini_team_m > section > div.cover > img.full, div.wrapper.hero_mini_legends > section > div.cover > img.full, div.wrapper.hero_mini_flash > section > div.cover > img.full, div.wrapper.hero_mini_news > section > div.cover > img.full, div.wrapper.hero_mini_youth_f > section > div.cover > img.full, div.wrapper.hero_mini_youth_m > section > div.cover > img.full, div.wrapper.hero_mini > section > div.cover > img.full {
    display: none
}

div.wrapper.hero_mini_medias > section > div.cover:after, div.wrapper.hero_mini_partners > section > div.cover:after, div.wrapper.hero_mini_sponsors > section > div.cover:after, div.wrapper.hero_mini_team_f > section > div.cover:after, div.wrapper.hero_mini_team_m > section > div.cover:after, div.wrapper.hero_mini_legends > section > div.cover:after, div.wrapper.hero_mini_flash > section > div.cover:after, div.wrapper.hero_mini_news > section > div.cover:after, div.wrapper.hero_mini_youth_f > section > div.cover:after, div.wrapper.hero_mini_youth_m > section > div.cover:after, div.wrapper.hero_mini > section > div.cover:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(25, 30, 53, 0.4)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(25, 30, 53, 0.4) 100%)
}

div.wrapper.hero_mini_medias > section > div.content, div.wrapper.hero_mini_partners > section > div.content, div.wrapper.hero_mini_sponsors > section > div.content, div.wrapper.hero_mini_team_f > section > div.content, div.wrapper.hero_mini_team_m > section > div.content, div.wrapper.hero_mini_legends > section > div.content, div.wrapper.hero_mini_flash > section > div.content, div.wrapper.hero_mini_news > section > div.content, div.wrapper.hero_mini_youth_f > section > div.content, div.wrapper.hero_mini_youth_m > section > div.content, div.wrapper.hero_mini > section > div.content {
    height: 100%
}

div.wrapper.hero_mini_medias > section > div.content > div.text, div.wrapper.hero_mini_partners > section > div.content > div.text, div.wrapper.hero_mini_sponsors > section > div.content > div.text, div.wrapper.hero_mini_team_f > section > div.content > div.text, div.wrapper.hero_mini_team_m > section > div.content > div.text, div.wrapper.hero_mini_legends > section > div.content > div.text, div.wrapper.hero_mini_flash > section > div.content > div.text, div.wrapper.hero_mini_news > section > div.content > div.text, div.wrapper.hero_mini_youth_f > section > div.content > div.text, div.wrapper.hero_mini_youth_m > section > div.content > div.text, div.wrapper.hero_mini > section > div.content > div.text {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px
}

div.wrapper.hero_mini > section > div.content > div.text {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px
}

div.wrapper.hero_mini > div.content > div.text {
    margin-top: 20px;
    margin-left: 60px
}

div.wrapper.hero_mini_medias > section > div.content > div.text > ul, div.wrapper.hero_mini_partners > section > div.content > div.text > ul, div.wrapper.hero_mini_sponsors > section > div.content > div.text > ul, div.wrapper.hero_mini_team_f > section > div.content > div.text > ul, div.wrapper.hero_mini_team_m > section > div.content > div.text > ul, div.wrapper.hero_mini_legends > section > div.content > div.text > ul, div.wrapper.hero_mini_flash > section > div.content > div.text > ul, div.wrapper.hero_mini_news > section > div.content > div.text > ul, div.wrapper.hero_mini_youth_f > section > div.content > div.text > ul, div.wrapper.hero_mini_youth_m > section > div.content > div.text > ul, div.wrapper.hero_mini > section > div.content > div.text > ul {
    position: relative;
    display: inline-block;
    float: left;
    list-style: none
}

div.wrapper.hero_mini > div.content > div.text > ul {
    position: relative;
    display: inline-block;
    float: left;
    list-style: none
}

div.wrapper.hero_mini_medias > section > div.content > div.text > ul > li, div.wrapper.hero_mini_partners > section > div.content > div.text > ul > li, div.wrapper.hero_mini_sponsors > section > div.content > div.text > ul > li, div.wrapper.hero_mini_team_f > section > div.content > div.text > ul > li, div.wrapper.hero_mini_team_m > section > div.content > div.text > ul > li, div.wrapper.hero_mini_legends > section > div.content > div.text > ul > li, div.wrapper.hero_mini_flash > section > div.content > div.text > ul > li, div.wrapper.hero_mini_news > section > div.content > div.text > ul > li, div.wrapper.hero_mini_youth_f > section > div.content > div.text > ul > li, div.wrapper.hero_mini_youth_m > section > div.content > div.text > ul > li, div.wrapper.hero_mini > section > div.content > div.text > ul > li {
    position: relative;
    display: inline-block;
    float: left
}

div.wrapper > div.news_title {
    margin: 20px auto;
}

div.wrapper > div.news_title > ul > li {
    position: relative;
    display: inline-block;
    float: left
}

@media (min-width: 200px) {
    div.wrapper > div.news_title {
        margin-left: 6%
    }
}

@media (min-width: 1200px) {
    div.wrapper > div.news_title {
        width: 1200px;
        margin-left: calc(53% - 600px)
    }
}

div.wrapper > div.news_title > h3 {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    width: 90%;
    margin-top: 20px;
    color: #29356d;
    font-size: 36px;
    font-family: font_black, system-ui, sans-serif;
    left: 0px
}

div.wrapper.hero_mini_medias > section > div.content > div.text > ul > li > a, div.wrapper.hero_mini_partners > section > div.content > div.text > ul > li > a, div.wrapper.hero_mini_sponsors > section > div.content > div.text > ul > li > a, div.wrapper.hero_mini_team_f > section > div.content > div.text > ul > li > a, div.wrapper.hero_mini_team_m > section > div.content > div.text > ul > li > a, div.wrapper.hero_mini_legends > section > div.content > div.text > ul > li > a, div.wrapper.hero_mini_flash > section > div.content > div.text > ul > li > a, div.wrapper.hero_mini_news > section > div.content > div.text > ul > li > a, div.wrapper.hero_mini_youth_f > section > div.content > div.text > ul > li > a, div.wrapper.hero_mini_youth_m > section > div.content > div.text > ul > li > a, div.wrapper.hero_mini > section > div.content > div.text > ul > li > a {
    position: relative;
    display: inline-block;
    float: left;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    text-transform: uppercase;
    font-size: 14px;
    color: #black;
    margin-right: 20px
}

div.wrapper > div.news_title > ul > li > a {
    position: relative;
    display: inline-block;
    float: left;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    text-transform: uppercase;
    font-size: 14px;
    color: #black;
    margin-right: 20px
}

div.wrapper.hero_mini_medias > section > div.content > div.text > ul > li > p, div.wrapper.hero_mini_partners > section > div.content > div.text > ul > li > p, div.wrapper.hero_mini_sponsors > section > div.content > div.text > ul > li > p, div.wrapper.hero_mini_team_f > section > div.content > div.text > ul > li > p, div.wrapper.hero_mini_team_m > section > div.content > div.text > ul > li > p, div.wrapper.hero_mini_legends > section > div.content > div.text > ul > li > p, div.wrapper.hero_mini_flash > section > div.content > div.text > ul > li > p, div.wrapper.hero_mini_news > section > div.content > div.text > ul > li > p, div.wrapper.hero_mini_youth_f > section > div.content > div.text > ul > li > p, div.wrapper.hero_mini_youth_m > section > div.content > div.text > ul > li > p, div.wrapper.hero_mini > section > div.content > div.text > ul > li > p {
    position: relative;
    display: inline-block;
    float: left;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    text-transform: uppercase;
    font-size: 14px;
    color: #facc21
}

div.wrapper > div.news_title > ul > li > p {
    position: relative;
    display: inline-block;
    float: left;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    text-transform: uppercase;
    font-size: 14px;
    color: #facc21
}

div.wrapper.hero_mini_medias > section > div.content > div.text > h5, div.wrapper.hero_mini_partners > section > div.content > div.text > h5, div.wrapper.hero_mini_sponsors > section > div.content > div.text > h5, div.wrapper.hero_mini_team_f > section > div.content > div.text > h5, div.wrapper.hero_mini_team_m > section > div.content > div.text > h5, div.wrapper.hero_mini_legends > section > div.content > div.text > h5, div.wrapper.hero_mini_flash > section > div.content > div.text > h5, div.wrapper.hero_mini_news > section > div.content > div.text > h5, div.wrapper.hero_mini_youth_f > section > div.content > div.text > h5, div.wrapper.hero_mini_youth_m > section > div.content > div.text > h5, div.wrapper.hero_mini > section > div.content > div.text > h5 {
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    text-transform: uppercase;
    color: #facc21;
    font-size: 14px
}

@media (min-width: 1200px) {
    div.wrapper.hero_mini_medias > section > div.content > div.text > h5, div.wrapper.hero_mini_partners > section > div.content > div.text > h5, div.wrapper.hero_mini_sponsors > section > div.content > div.text > h5, div.wrapper.hero_mini_team_f > section > div.content > div.text > h5, div.wrapper.hero_mini_team_m > section > div.content > div.text > h5, div.wrapper.hero_mini_legends > section > div.content > div.text > h5, div.wrapper.hero_mini_flash > section > div.content > div.text > h5, div.wrapper.hero_mini_news > section > div.content > div.text > h5, div.wrapper.hero_mini_youth_f > section > div.content > div.text > h5, div.wrapper.hero_mini_youth_m > section > div.content > div.text > h5, div.wrapper.hero_mini > section > div.content > div.text > h5 {
        font-size: 24px
    }
}

div.wrapper.hero_mini_medias > section > div.content > div.text > h3, div.wrapper.hero_mini_partners > section > div.content > div.text > h3, div.wrapper.hero_mini_sponsors > section > div.content > div.text > h3, div.wrapper.hero_mini_team_f > section > div.content > div.text > h3, div.wrapper.hero_mini_team_m > section > div.content > div.text > h3, div.wrapper.hero_mini_legends > section > div.content > div.text > h3, div.wrapper.hero_mini_flash > section > div.content > div.text > h3, div.wrapper.hero_mini_news > section > div.content > div.text > h3, div.wrapper.hero_mini_youth_f > section > div.content > div.text > h3, div.wrapper.hero_mini_youth_m > section > div.content > div.text > h3, div.wrapper.hero_mini > section > div.content > div.text > h3 {
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 32px
}

@media (min-width: 1200px) {
    div.wrapper.hero_mini_medias > section > div.content > div.text > h3, div.wrapper.hero_mini_partners > section > div.content > div.text > h3, div.wrapper.hero_mini_sponsors > section > div.content > div.text > h3, div.wrapper.hero_mini_team_f > section > div.content > div.text > h3, div.wrapper.hero_mini_team_m > section > div.content > div.text > h3, div.wrapper.hero_mini_legends > section > div.content > div.text > h3, div.wrapper.hero_mini_flash > section > div.content > div.text > h3, div.wrapper.hero_mini_news > section > div.content > div.text > h3, div.wrapper.hero_mini_youth_f > section > div.content > div.text > h3, div.wrapper.hero_mini_youth_m > section > div.content > div.text > h3, div.wrapper.hero_mini > section > div.content > div.text > h3 {
        font-size: 52px
    }
}

@media (min-width: 900px) {
    div.wrapper.hero_mini_medias > section, div.wrapper.hero_mini_partners > section, div.wrapper.hero_mini_sponsors > section, div.wrapper.hero_mini_team_f > section, div.wrapper.hero_mini_team_m > section, div.wrapper.hero_mini_legends > section, div.wrapper.hero_mini_flash > section, div.wrapper.hero_mini_news > section, div.wrapper.hero_mini_youth_f > section, div.wrapper.hero_mini_youth_m > section, div.wrapper.hero_mini > section {
        height: 800px
    }

    div.wrapper.hero_mini_medias > section._reduced, div.wrapper.hero_mini_partners > section._reduced, div.wrapper.hero_mini_sponsors > section._reduced, div.wrapper.hero_mini_team_f > section._reduced, div.wrapper.hero_mini_team_m > section._reduced, div.wrapper.hero_mini_legends > section._reduced, div.wrapper.hero_mini_flash > section._reduced, div.wrapper.hero_mini_news > section._reduced, div.wrapper.hero_mini_youth_f > section._reduced, div.wrapper.hero_mini_youth_m > section._reduced, div.wrapper.hero_mini > section._reduced {
        height: 300px
    }

    div.wrapper.hero_mini_medias > section._reduced div.text, div.wrapper.hero_mini_partners > section._reduced div.text, div.wrapper.hero_mini_sponsors > section._reduced div.text, div.wrapper.hero_mini_team_f > section._reduced div.text, div.wrapper.hero_mini_team_m > section._reduced div.text, div.wrapper.hero_mini_legends > section._reduced div.text, div.wrapper.hero_mini_flash > section._reduced div.text, div.wrapper.hero_mini_news > section._reduced div.text, div.wrapper.hero_mini_youth_f > section._reduced div.text, div.wrapper.hero_mini_youth_m > section._reduced div.text, div.wrapper.hero_mini > section._reduced div.text {
        padding-top: 3%
    }

    div.wrapper.hero_mini_medias > section > div.cover > img, div.wrapper.hero_mini_partners > section > div.cover > img, div.wrapper.hero_mini_sponsors > section > div.cover > img, div.wrapper.hero_mini_team_f > section > div.cover > img, div.wrapper.hero_mini_team_m > section > div.cover > img, div.wrapper.hero_mini_legends > section > div.cover > img, div.wrapper.hero_mini_flash > section > div.cover > img, div.wrapper.hero_mini_news > section > div.cover > img, div.wrapper.hero_mini_youth_f > section > div.cover > img, div.wrapper.hero_mini_youth_m > section > div.cover > img, div.wrapper.hero_mini > section > div.cover > img {
        position: absolute;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    div.wrapper.hero_mini_medias > section > div.cover > img._img_top, div.wrapper.hero_mini_partners > section > div.cover > img._img_top, div.wrapper.hero_mini_sponsors > section > div.cover > img._img_top, div.wrapper.hero_mini_team_f > section > div.cover > img._img_top, div.wrapper.hero_mini_team_m > section > div.cover > img._img_top, div.wrapper.hero_mini_legends > section > div.cover > img._img_top, div.wrapper.hero_mini_flash > section > div.cover > img._img_top, div.wrapper.hero_mini_news > section > div.cover > img._img_top, div.wrapper.hero_mini_youth_f > section > div.cover > img._img_top, div.wrapper.hero_mini_youth_m > section > div.cover > img._img_top, div.wrapper.hero_mini > section > div.cover > img._img_top {
        -o-object-position: top;
        object-position: top
    }

    div.wrapper.hero_mini_medias > section > div.cover > img._img_bottom, div.wrapper.hero_mini_partners > section > div.cover > img._img_bottom, div.wrapper.hero_mini_sponsors > section > div.cover > img._img_bottom, div.wrapper.hero_mini_team_f > section > div.cover > img._img_bottom, div.wrapper.hero_mini_team_m > section > div.cover > img._img_bottom, div.wrapper.hero_mini_legends > section > div.cover > img._img_bottom, div.wrapper.hero_mini_flash > section > div.cover > img._img_bottom, div.wrapper.hero_mini_news > section > div.cover > img._img_bottom, div.wrapper.hero_mini_youth_f > section > div.cover > img._img_bottom, div.wrapper.hero_mini_youth_m > section > div.cover > img._img_bottom, div.wrapper.hero_mini > section > div.cover > img._img_bottom {
        -o-object-position: bottom;
        object-position: bottom
    }

    div.wrapper.hero_mini_medias > section > div.cover > img.responsive, div.wrapper.hero_mini_partners > section > div.cover > img.responsive, div.wrapper.hero_mini_sponsors > section > div.cover > img.responsive, div.wrapper.hero_mini_team_f > section > div.cover > img.responsive, div.wrapper.hero_mini_team_m > section > div.cover > img.responsive, div.wrapper.hero_mini_legends > section > div.cover > img.responsive, div.wrapper.hero_mini_flash > section > div.cover > img.responsive, div.wrapper.hero_mini_news > section > div.cover > img.responsive, div.wrapper.hero_mini_youth_f > section > div.cover > img.responsive, div.wrapper.hero_mini_youth_m > section > div.cover > img.responsive, div.wrapper.hero_mini > section > div.cover > img.responsive {
        display: none
    }

    div.wrapper.hero_mini_medias > section > div.cover > img.full, div.wrapper.hero_mini_partners > section > div.cover > img.full, div.wrapper.hero_mini_sponsors > section > div.cover > img.full, div.wrapper.hero_mini_team_f > section > div.cover > img.full, div.wrapper.hero_mini_team_m > section > div.cover > img.full, div.wrapper.hero_mini_legends > section > div.cover > img.full, div.wrapper.hero_mini_flash > section > div.cover > img.full, div.wrapper.hero_mini_news > section > div.cover > img.full, div.wrapper.hero_mini_youth_f > section > div.cover > img.full, div.wrapper.hero_mini_youth_m > section > div.cover > img.full, div.wrapper.hero_mini > section > div.cover > img.full {
        display: block
    }
}

div.wrapper.gallery {
    padding-top: 120px;
    padding-bottom: 120px
}

div.wrapper.gallery > section.gallery > div.intro > h3 {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    font-family: font_black, system-ui, sans-serif;
    font-size: 40px;
    color: #29356d
}

div.wrapper.gallery > section.gallery > div.intro > h3[v_status=hidden] {
    top: -40px;
    opacity: 0
}

div.wrapper.gallery > section.gallery > div.content > div.previews {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    position: relative;
    display: inline-block;
    float: left;
    opacity: 1;
    width: 100%
}

@media (min-width: 900px) {
    div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview {
        width: 50%
    }
}

@media (min-width: 1200px) {
    div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview {
        width: 33%
    }
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_1 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_2 {
    margin-left: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_3 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_4 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_5 {
    margin-right: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_6 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_7 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_8 {
    margin-left: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_9 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_10 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_11 {
    margin-right: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_12 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_13 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_14 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_15 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_11 {
    margin-right: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_12 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_13 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview._preview_14 {
    margin-top: 0px
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview[v_status=hidden] {
    opacity: 0
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview > div.image {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    margin: 5px;
    overflow: hidden;
    overflow: hidden;
    border-radius: 10px !important
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview > div.image > img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-width: 140%;
    max-height: 140%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview > div.image > p {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 333;
    display: none
}

div.wrapper.gallery > section.gallery > div.content > div.previews > a.preview > div.image:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 100%;
    top: auto;
    bottom: 0px;
    z-index: 2
}

div.wrapper.anchors section.anchors {
    padding-top: 10px;
    padding-bottom: 10px
}

@media (min-width: 1200px) {
    div.wrapper.anchors section.anchors {
        padding-top: 100px;
        padding-bottom: 10px
    }
}

div.wrapper.anchors section.anchors > div.content > ul {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    width: calc(100% - 24px);
    padding: 10px 12px;
    padding: 0px 0px;
    margin-left: 12px;
    border-bottom: 1px solid #e3e3e3
}

div.wrapper.anchors section.anchors > div.content > ul > li {
    position: relative;
    display: inline-block;
    float: left;
    position: relative;
    padding: 0 10px;
    padding-bottom: 3px;
    margin: 0;
    width: 100%;
    padding-bottom: 6px;
    padding-top: 6px;
    text-align: center
}

@media (min-width: 1200px) {
    div.wrapper.anchors section.anchors > div.content > ul > li {
        width: auto;
        text-align: left
    }
}

div.wrapper.anchors section.anchors > div.content > ul > li > a {
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 22px;
    color: #9097b1;
    text-decoration: none;
    text-transform: uppercase;
    text-decoration: underline
}

div.wrapper.anchors section.anchors > div.content > ul > li > a:hover {
    color: #facc21;
    text-decoration: underline
}

div.wrapper.anchors section.anchors > div.content > ul > li:nth-child(4111):after {
    content: "";
    position: absolute;
    height: 10px;
    width: 100%;
    bottom: -10px;
    left: 0px;
    border-bottom: 4px solid #facc21
}

div.wrapper.anchors section.anchors > div.content > ul > li:nth-child(4111) > a {
    color: #facc21
}

@media (min-width: 1200px) {
    div.wrapper.anchors {
        display: block
    }

    div.wrapper.anchors > section.anchors > div.content > ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    div.wrapper.anchors > section.anchors > div.content > ul > li > a {
        text-decoration: none
    }
}

div.wrapper.ranking > section.ranking > div.content > div.row {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #d6d6d6
}

div.wrapper.ranking > section.ranking > div.content > div.row.title > div.col > p {
    font-weight: bolder;
    font-family: medium, system-ui, sans-serif
}

div.wrapper.ranking > section.ranking > div.content > div.row.parma {
    border-top: 2px solid #ccc;
    border-bottom: 3px solid #ccc
}

div.wrapper.ranking > section.ranking > div.content > div.row.parma:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #facc21;
    width: 6px
}

div.wrapper.ranking > section.ranking > div.content > div.row.parma:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #facc21;
    width: 6px;
    left: auto;
    right: 0px
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col {
    position: relative;
    display: inline-block;
    float: left;
    height: 100%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col > p {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-family: regular, system-ui, sans-serif;
    color: #29356d;
    text-transform: uppercase;
    font-size: 12px
}

@media (min-width: 900px) {
    div.wrapper.ranking > section.ranking > div.content > div.row > div.col > p {
        font-size: 20px
    }
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col > img {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 55%;
    width: 90%;
    height: auto
}

@media (min-width: 900px) {
    div.wrapper.ranking > section.ranking > div.content > div.row > div.col > img {
        margin-top: 5%;
        height: 90%;
        width: auto
    }
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.rank {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.logo {
    width: 8%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.name {
    width: 11%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.name > p {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.pt {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.pt > p {
    font-family: medium, system-ui, sans-serif
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.pg {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.win {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.draw {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.loss {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.gf {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.gs {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.dr {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak {
    width: 14%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.spacer {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.spacer {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.spacer {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.spacer {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak > div.outcome {
    position: relative;
    display: inline-block;
    float: left;
    border-radius: 50%;
    background-color: #ccc;
    width: 4px;
    height: 4px;
    margin: 30px 2px
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak > div.outcome.W {
    background-color: #72d570
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak > div.outcome.D {
    background-color: #d9d9d9
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak > div.outcome.D {
    background-color: #fc0
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak > div.outcome.L {
    background-color: #d44b70
}

@media (min-width: 900px) {
    div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak > div.outcome {
        width: 14px;
        height: 14px;
        margin: 22px 8px
    }
}

section.ranking_stats > div.content > div.row {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #888
}

section.ranking_stats > div.content > div.row > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 60px;
    font-family: regular, system-ui, sans-serif;
    color: #29356d;
    text-transform: uppercase
}

section.ranking_stats > div.content > div.row > p > span {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    font-size: 18px;
    font-family: font_black, system-ui, sans-serif;
    color: #29356d
}

section.legend_hero {
    height: auto;
    background-color: #facc21;
    background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background.png");
    background-attachment: fixed;
    background-position: -900px -100px;
    border-bottom: 18px solid #29356d
}

@media (min-width: 1200px) {
    section.legend_hero {
        padding-top: 160px
    }
}

section.legend_hero > div.content {
    height: auto
}

@media (min-width: 1200px) {
    section.legend_hero > div.content {
        height: 600px
    }
}

section.legend_hero > div.content > div.breadcrumb {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 60px
}

section.legend_hero > div.content > div.breadcrumb > ul {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 60px;
    list-style: none;
    padding: 0
}

section.legend_hero > div.content > div.breadcrumb > ul > li {
    position: relative;
    display: inline-block;
    float: left;
    height: 100%
}

section.legend_hero > div.content > div.breadcrumb > ul > li > a, section.legend_hero > div.content > div.breadcrumb > ul > li > p {
    font-size: 14px;
    letter-spacing: 1px;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    margin-bottom: 14px;
    text-decoration: none
}

section.legend_hero > div.content > div.breadcrumb > ul > li > a:after, section.legend_hero > div.content > div.breadcrumb > ul > li > p:after {
    content: ">";
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    font-size: 12px;
    font-style: normal;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 20px
}

section.legend_hero > div.content > div.breadcrumb > ul > li:last-child > a, section.legend_hero > div.content > div.breadcrumb > ul > li:last-child > p {
    color: #29356d;
    pointer-events: none
}

section.legend_hero > div.content > div.breadcrumb > ul > li:last-child > a:after, section.legend_hero > div.content > div.breadcrumb > ul > li:last-child > p:after {
    content: ""
}

section.legend_hero > div.content > div.col.infos {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: calc(100% - 60px)
}

@media (min-width: 1200px) {
    section.legend_hero > div.content > div.col.infos {
        width: 66%
    }
}

section.legend_hero > div.content > div.col.infos > div.inner {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

section.legend_hero > div.content > div.col.infos > div.inner > h1 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-size: 24px;
    letter-spacing: 1px;
    color: #29356d;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif;
    margin-top: 10%
}

@media (min-width: 1200px) {
    section.legend_hero > div.content > div.col.infos > div.inner > h1 {
        font-size: 54px
    }
}

section.legend_hero > div.content > div.col.infos > div.inner > h1 > span {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: -14px;
    font-family: font_black, system-ui, sans-serif;
    font-size: 58px;
    color: #facc21;
    text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
    text-shadow: -1px -1px 0 #29356d, 1px -1px 0 #29356d, -1px 1px 0 #29356d, 1px 1px 0 #29356d
}

@media (min-width: 1200px) {
    section.legend_hero > div.content > div.col.infos > div.inner > h1 > span {
        font-size: 98px
    }
}

section.legend_hero > div.content > div.col.infos > div.inner > div.table {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

section.legend_hero > div.content > div.col.infos > div.inner > div.table > div.cell {
    position: relative;
    display: inline-block;
    float: left;
    height: auto;
    width: 33%;
    margin: 0;
    height: 70px;
    margin-bottom: 22px
}

section.legend_hero > div.content > div.col.infos > div.inner > div.table > div.cell:nth-child(4) {
    display: none
}

@media (min-width: 1200px) {
    section.legend_hero > div.content > div.col.infos > div.inner > div.table > div.cell {
        width: 25%;
        min-height: 56px
    }

    section.legend_hero > div.content > div.col.infos > div.inner > div.table > div.cell:nth-child(4) {
        display: inline-block
    }
}

section.legend_hero > div.content > div.col.infos > div.inner > div.table > div.cell > label {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-size: 12px;
    letter-spacing: 1px;
    font-style: italic;
    color: #29356d;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    margin-bottom: 14px
}

@media (min-width: 1200px) {
    section.legend_hero > div.content > div.col.infos > div.inner > div.table > div.cell > label {
        font-size: 16px
    }
}

section.legend_hero > div.content > div.col.infos > div.inner > div.table > div.cell > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif
}

@media (min-width: 1200px) {
    section.legend_hero > div.content > div.col.infos > div.inner > div.table > div.cell > p {
        font-size: 16px
    }
}

section.legend_hero > div.content > div.col.pic {
    position: relative;
    display: inline-block;
    float: left;
    height: calc(100% - 60px);
    width: 100%
}

@media (min-width: 1200px) {
    section.legend_hero > div.content > div.col.pic {
        width: 34%
    }
}

section.legend_hero > div.content > div.col.pic > p.number {
    font-family: font_black, system-ui, sans-serif;
    font-size: 220px;
    color: rgba(41, 53, 109, .8);
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    text-shadow: -0.4px -0.4px 0 #fff, .4px -0.4px 0 #fff, -0.4px .4px 0 #fff, .4px .4px 0 #fff;
    text-shadow: -0.8px -0.8px 0 #fff, .8px -0.8px 0 #fff, -0.8px .8px 0 #fff, .8px .8px 0 #fff;
    mix-blend-mode: soft-light
}

section.legend_hero > div.content > div.col.pic > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 80%;
    height: auto
}

@media (min-width: 1200px) {
    section.legend_hero > div.content > div.col.pic > img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        width: auto
    }
}

div.wrapper.legend_intro > section.legend_intro {
    padding-top: 100px;
    padding-bottom: 100px
}

div.wrapper.legend_intro > section.legend_intro > div.content > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 80%;
    margin-left: 10%;
    font-family: light_condensed, system-ui, sans-serif;
    text-align: center;
    color: #ccc;
    font-size: 16px;
    margin-bottom: 40px
}

@media (min-width: 900px) {
    div.wrapper.legend_intro > section.legend_intro > div.content > p {
        font-size: 22px
    }
}

div.wrapper.legend_intro > section.legend_intro > div.content > h3 {
    position: relative;
    display: inline-block;
    float: left;
    width: 80%;
    margin-left: 10%;
    font-family: font_black, system-ui, sans-serif;
    text-align: center;
    color: #29356d;
    font-size: 30px
}

@media (min-width: 900px) {
    div.wrapper.legend_intro > section.legend_intro > div.content > h3 {
        font-size: 50px
    }
}

div.wrapper.legends_cards section.legends_cards > div.content > div.intro {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

div.wrapper.legends_cards section.legends_cards > div.content > div.intro > h3 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 80px;
    color: #29356d;
    font-size: 40px;
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-indent: 14px
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    background-color: #29356d;
    background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background_2.png");
    background-size: 400px;
    border-radius: 8px;
    height: 320px;
    margin-bottom: 2%;
    overflow: hidden;
    text-decoration: none;
    top: 0;
    opacity: 1;
    cursor: pointer
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card:nth-child(1) {
    -webkit-transition-delay: 10ms;
    transition-delay: 10ms
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card:nth-child(2) {
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card:nth-child(3) {
    -webkit-transition-delay: 30ms;
    transition-delay: 30ms
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card:nth-child(4) {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card:nth-child(5) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card:nth-child(6) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card:nth-child(7) {
    -webkit-transition-delay: 70ms;
    transition-delay: 70ms
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card:nth-child(8) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card:nth-child(9) {
    -webkit-transition-delay: 90ms;
    transition-delay: 90ms
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card[v_status=hidden] {
    top: 80px;
    opacity: 0
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    top: auto;
    bottom: 0px;
    z-index: 2;
    background: -webkit-gradient(linear, left bottom, left top, from(#facc21), to(rgba(250, 204, 33, 0)));
    background: linear-gradient(0deg, #facc21 0%, rgba(250, 204, 33, 0) 100%)
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    top: auto;
    bottom: 0px;
    z-index: 2;
    background: -webkit-gradient(linear, left bottom, left top, from(#facc21), color-stop(30%, rgba(250, 204, 33, 0.1)));
    background: linear-gradient(0deg, #facc21 0%, rgba(250, 204, 33, 0.1) 30%)
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card:hover:after {
    height: 50%
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card > div.profile {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card > div.profile > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card > div.infos {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    height: 90%;
    margin: 5%;
    z-index: 3;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card > div.infos > span {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    width: 100%;
    margin-top: 20px;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 110px;
    color: #29356d;
    text-shadow: -0.4px -0.4px 0 #fff, .4px -0.4px 0 #fff, -0.4px .4px 0 #fff, .4px .4px 0 #fff;
    text-shadow: -0.8px -0.8px 0 #fff, .8px -0.8px 0 #fff, -0.8px .8px 0 #fff, .8px .8px 0 #fff
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card > div.infos > span[v_status=hidden] {
    top: 80px;
    opacity: 0
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card > div.infos > p {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
    width: 100%;
    margin: 0px;
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card > div.infos > p[v_status=hidden] {
    top: 80px;
    opacity: 0
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card > div.infos > p.name {
    margin-top: -10px;
    font-size: 20px;
    height: 50px;
    color: #29356d;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card > div.infos > p.surname {
    font-size: 34px;
    color: #29356d;
    color: #facc21;
    text-shadow: -0.4px -0.4px 0 #29356d, .4px -0.4px 0 #29356d, -0.4px .4px 0 #29356d, .4px .4px 0 #29356d;
    text-shadow: -0.8px -0.8px 0 #29356d, .8px -0.8px 0 #29356d, -0.8px .8px 0 #29356d, .8px .8px 0 #29356d
}

div.wrapper.legends_cards section.legends_cards > div.content > a.card > div.infos > p.role {
    font-size: 18px;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    color: #fff
}

@media (min-width: 700px) {
    div.wrapper.legends_cards section.legends_cards > div.content > a.card {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        height: 360px;
        margin-bottom: 2%
    }
}

@media (min-width: 900px) {
    div.wrapper.legends_cards section.legends_cards > div.content > a.card {
        width: 31%;
        margin-left: 1%;
        margin-right: 1%;
        height: 280px;
        margin-bottom: 2%
    }
}

@media (min-width: 1200px) {
    div.wrapper.legends_cards section.legends_cards > div.content > a.card {
        width: 23%;
        margin-left: 1%;
        margin-right: 1%;
        height: 280px;
        margin-bottom: 2%
    }
}

div.wrapper.ranking > section.ranking > div.content > div.row {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #d6d6d6
}

div.wrapper.ranking > section.ranking > div.content > div.row.title > div.col > p {
    font-weight: bolder;
    font-family: medium, system-ui, sans-serif
}

div.wrapper.ranking > section.ranking > div.content > div.row.parma {
    border-top: 2px solid #ccc;
    border-bottom: 3px solid #ccc
}

div.wrapper.ranking > section.ranking > div.content > div.row.parma:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #facc21;
    width: 6px
}

div.wrapper.ranking > section.ranking > div.content > div.row.parma:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #facc21;
    width: 6px;
    left: auto;
    right: 0px
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col {
    position: relative;
    display: inline-block;
    float: left;
    height: 100%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col > p {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-family: regular, system-ui, sans-serif;
    color: #29356d;
    text-transform: uppercase;
    font-size: 12px
}

@media (min-width: 900px) {
    div.wrapper.ranking > section.ranking > div.content > div.row > div.col > p {
        font-size: 20px
    }
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col > img {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 55%;
    width: 90%;
    height: auto
}

@media (min-width: 900px) {
    div.wrapper.ranking > section.ranking > div.content > div.row > div.col > img {
        margin-top: 5%;
        height: 90%;
        width: auto
    }
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.rank {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.logo {
    width: 8%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.name {
    width: 11%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.name > p {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.pt {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.pt > p {
    font-family: medium, system-ui, sans-serif
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.pg {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.win {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.draw {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.loss {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.gf {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.gs {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.dr {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak {
    width: 14%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.spacer {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.spacer {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.spacer {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.spacer {
    width: 5%
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak > div.outcome {
    position: relative;
    display: inline-block;
    float: left;
    border-radius: 50%;
    background-color: #ccc;
    width: 4px;
    height: 4px;
    margin: 30px 2px
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak > div.outcome.W {
    background-color: #72d570
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak > div.outcome.D {
    background-color: #d9d9d9
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak > div.outcome.D {
    background-color: #fc0
}

div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak > div.outcome.L {
    background-color: #d44b70
}

@media (min-width: 900px) {
    div.wrapper.ranking > section.ranking > div.content > div.row > div.col.streak > div.outcome {
        width: 14px;
        height: 14px;
        margin: 22px 8px
    }
}

section.ranking_stats > div.content > div.row {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #888
}

section.ranking_stats > div.content > div.row > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 60px;
    font-family: regular, system-ui, sans-serif;
    color: #29356d;
    text-transform: uppercase
}

section.ranking_stats > div.content > div.row > p > span {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    font-size: 18px;
    font-family: font_black, system-ui, sans-serif;
    color: #29356d
}

main.archive_pr_news > div._group.blocco._white:nth-child(2) {
    z-index: 90
}

div.wrapper.filters {
    overflow: visible
}

div.wrapper.filters > section.filters {
    margin-top: 30px
}

div.wrapper.filters > section.filters > div.content {
    padding: 20px auto
}

div.wrapper.filters > section.filters > div.content > div.select {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    min-width: 160px;
    height: 40px;
    margin-left: 20px;
    cursor: pointer
}

div.wrapper.filters > section.filters > div.content > div.select:nth-child(2) {
    float: right;
    margin-left: 20px
}

div.wrapper.filters > section.filters > div.content > div.select:nth-child(2) {
    float: right;
    margin-right: 20px
}

div.wrapper.filters > section.filters > div.content > div.select > h5 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    color: #facc21;
    font-size: 18px;
    font-family: regular, system-ui, sans-serif;
    text-transform: uppercase;
    text-decoration: underline
}

div.wrapper.filters > section.filters > div.content > div.select > ul.options {
    position: absolute;
    top: 20px;
    height: 0px;
    height: auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
    padding: 10px;
    width: 240px;
    z-index: 1000000000000000000000000000000000000;
    background-color: #fff
}

div.wrapper.filters > section.filters > div.content > div.select > ul.options > li {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 200ms;
    transition: 200ms;
    width: 100%;
    height: 36px;
    line-height: 35px;
    font-size: 16px;
    font-family: regular, system-ui, sans-serif;
    border-bottom: 1px solid #ccc;
    color: #29356d;
    margin-top: -30px;
    opacity: 0;
    background-color: #fff;
    text-indent: 8px;
    cursor: pointer
}

div.wrapper.filters > section.filters > div.content > div.select > ul.options > li:last-of-type {
    border-bottom: 0px solid #ccc
}

div.wrapper.filters > section.filters > div.content > div.select > ul.options > li:hover {
    background-color: #facc21
}

div.wrapper.filters > section.filters > div.content > div.select > ul.options.active > li {
    margin-top: 0px;
    opacity: 1
}

div.wrapper.items_mosaic > section.items_mosaic {
    margin-top: 60px
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    width: calc(100% - 20px);
    height: 370px;
    margin: 10px;
    overflow: hidden;
    top: 0px;
    opacity: 1;
    border-radius: 8px;
    background-color: #29356d;
    text-decoration: none
}

@media (min-width: 900px) {
    div.wrapper.items_mosaic > section.items_mosaic > div.content > a {
        width: calc(50% - 20px);
        height: 370px
    }
}

@media (min-width: 1200px) {
    div.wrapper.items_mosaic > section.items_mosaic > div.content > a {
        width: calc(33% - 20px);
        height: 370px
    }
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a > img.cover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a > div.inner {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 90%;
    height: 90%;
    margin: 5%;
    z-index: 3
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a > div.inner > h3 {
    font-family: regular, system-ui, sans-serif;
    color: #fff;
    font-size: 14px;
    text-align: left;
    margin-bottom: 10px
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a > div.inner > h4 {
    font-family: medium_condensed, system-ui, sans-serif;
    color: #fff;
    font-size: 20px;
    text-align: left;
    height: 90px
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a > div.inner > p {
    font-family: regular, system-ui, sans-serif;
    color: #fff;
    font-style: italic;
    font-size: 14px;
    text-align: left
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a > div.inner > p > span {
    color: #facc21;
    text-transform: capitalize
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a[v_status=hidden] {
    top: 80px;
    opacity: 0
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    top: auto;
    bottom: 0px;
    z-index: 2;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0) 100%)
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    top: auto;
    bottom: 0px;
    z-index: 2;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), color-stop(30%, rgba(41, 53, 109, 0.1)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.1) 30%)
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:hover > img.cover {
    left: -10%;
    top: -10%;
    width: 120%;
    height: 120%
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:hover:after {
    opacity: .4
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:hover:before {
    opacity: .4
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a.media > div.inner > h4 {
    height: 40px
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a.media > div.inner > img.icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    -webkit-filter: brightness(1000%);
    filter: brightness(1000%)
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:nth-child(1) {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:nth-child(2) {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:nth-child(3) {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:nth-child(4) {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:nth-child(5) {
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:nth-child(6) {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:nth-child(7) {
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:nth-child(8) {
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms
}

div.wrapper.items_mosaic > section.items_mosaic > div.content > a:nth-child(9) {
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms
}

div.wrapper.items_mosaic > section.items_mosaic > div.outro {
    margin: 20px auto 60px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 100%;
    padding: 40px 0;
    border-bottom: 1px solid #ccc;
    overflow: hidden
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match._hidden {
    height: 0px;
    margin: 0px;
    padding: 0;
    border-bottom: 0px solid #fff
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.title {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 20px
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.title > h3 {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    color: #29356d
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.title > div.competition {
    position: relative;
    display: inline-block;
    float: left;
    float: right
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.title > div.competition > img {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    width: 30px;
    height: auto
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.title > div.competition > p {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 20px;
    line-height: 36px;
    margin-right: 6px;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    color: #29356d
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > span {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-family: regular, system-ui, sans-serif;
    color: #29356d;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    height: 30px
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 90px;
    text-align: center
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.team {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    height: 100%;
    width: calc(50% - 36px);
    margin: 0;
    overflow: hidden
}

@media (min-width: 1200px) {
    div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.team {
        width: 260px
    }
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.team > div.logo {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    width: 50px;
    height: 50px;
    margin-top: 10px
}

@media (min-width: 1200px) {
    div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.team > div.logo {
        margin-top: 0px;
        width: 70px;
        height: 70px
    }
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.team > div.logo > img {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 5px);
    height: calc(100% - 5px);
    margin: 5px
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.team > h4 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 50px);
    height: 100%;
    font-family: regular, system-ui, sans-serif;
    color: #29356d;
    text-transform: uppercase;
    font-size: 16px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0;
    overflow: hidden
}

@media (min-width: 1200px) {
    div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.team > h4 {
        width: calc(100% - 70px);
        font-size: 20px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.team:nth-child(3) > div.logo {
    float: left
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.team:nth-child(3) > h4 {
    float: right;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.time {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 60px;
    width: 60px;
    border: 1px solid #ccc;
    top: -60px
}

@media (min-width: 1200px) {
    div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.time {
        width: 100px
    }
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.time > p {
    font-family: medium, system-ui, sans-serif;
    width: 100%;
    text-align: center;
    color: #29356d;
    text-transform: uppercase;
    font-size: 14px
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.time > p > sup {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-size: 12px
}

@media (min-width: 1200px) {
    div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.teams > div.time > p {
        font-size: 20px
    }
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.actions {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.calendar_full > section.calendar_full > div.content > div.match > div.infos > div.actions > a.button {
    float: right
}

div.wrapper.calendar_full > section.calendar_full > div.outro {
    margin: 20px auto 60px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

div.wrapper.players_cards section.players_cards > div.content > div.intro {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

div.wrapper.players_cards section.players_cards > div.content > div.intro > h3 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 80px;
    color: #29356d;
    font-size: 40px;
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-indent: 14px
}

div.wrapper.players_cards section.players_cards > div.content > div.card {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    background-color: #29356d;
    background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background_2.png");
    background-size: 400px;
    border-radius: 8px;
    height: 280px;
    margin-bottom: 4%
}

div.wrapper.players_cards section.players_cards > div.content > div.card:nth-child(even) {
    left: 0px
}

div.wrapper.players_cards section.players_cards > div.content > div.card:nth-child(even)[v_status=hidden] {
    left: -80px;
    opacity: 0
}

div.wrapper.players_cards section.players_cards > div.content > div.card:nth-child(odd) {
    right: 0px;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

div.wrapper.players_cards section.players_cards > div.content > div.card:nth-child(odd)[v_status=hidden] {
    right: -80px;
    opacity: 0
}

div.wrapper.players_cards section.players_cards > div.content > div.card > div.profile {
    position: relative;
    display: inline-block;
    float: left;
    width: 40%;
    height: 100%
}

div.wrapper.players_cards section.players_cards > div.content > div.card > div.profile > img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 90%;
    width: auto;
    top: auto;
    bottom: 0px
}

div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 60%;
    height: 100%
}

div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos > span {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    width: 100%;
    margin-top: 20px;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 110px;
    color: #29356d;
    text-shadow: -0.4px -0.4px 0 #fff, .4px -0.4px 0 #fff, -0.4px .4px 0 #fff, .4px .4px 0 #fff;
    text-shadow: -0.8px -0.8px 0 #fff, .8px -0.8px 0 #fff, -0.8px .8px 0 #fff, .8px .8px 0 #fff;
    text-align: center
}

div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos > span[v_status=hidden] {
    top: 80px;
    opacity: 0
}

div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos > p {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
    width: 100%;
    margin: 0px;
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase
}

div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos > p[v_status=hidden] {
    top: 80px;
    opacity: 0
}

div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos > p.name {
    font-size: 16px;
    color: #fff
}

@media (min-width: 900px) {
    div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos > p.name {
        font-size: 24px
    }
}

div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos > p.surname {
    font-size: 34px;
    color: #fff;
    margin-bottom: 10px;
    color: #29356d;
    margin-bottom: 10px;
    text-shadow: -0.4px -0.4px 0 #fff, .4px -0.4px 0 #fff, -0.4px .4px 0 #fff, .4px .4px 0 #fff;
    text-shadow: -0.8px -0.8px 0 #fff, .8px -0.8px 0 #fff, -0.8px .8px 0 #fff, .8px .8px 0 #fff
}

@media (min-width: 900px) {
    div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos > p.surname {
        font-size: 44px
    }
}

div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos > a.follow_link {
    margin-bottom: 6px;
    text-align: right;
    float: right;
    width: 100%;
    right: 16px
}

div.wrapper.players_cards section.players_cards > div.content > div.card.type_5 > div.infos > span {
    display: none
}

@media (min-width: 900px) {
    div.wrapper.players_cards section.players_cards > div.content > div.card {
        width: 46%;
        margin-left: 2%;
        margin-right: 2%;
        height: 220px
    }

    div.wrapper.players_cards section.players_cards > div.content > div.card > div.profile {
        width: 55%
    }

    div.wrapper.players_cards section.players_cards > div.content > div.card > div.profile > img {
        height: 116%
    }

    div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos {
        width: 45%
    }

    div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos > span {
        font-size: 70px
    }

    div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos > p.surname {
        font-size: 34px
    }
}

@media (min-width: 1200px) {
    div.wrapper.players_cards section.players_cards > div.content > div.card {
        height: 280px
    }

    div.wrapper.players_cards section.players_cards > div.content > div.card > div.profile > img {
        height: 116%
    }

    div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos > span {
        font-size: 110px
    }

    div.wrapper.players_cards section.players_cards > div.content > div.card > div.infos > p.surname {
        font-size: 34px
    }
}

div.wrapper.tickets > section.tickets > div.content > div.ticket {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 100%;
    padding: 40px 0;
    border-bottom: 1px solid #ccc;
    overflow: hidden
}

div.wrapper.tickets > section.tickets > div.content > div.ticket._hidden {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    height: 0px;
    opacity: 0;
    padding: 0;
    border-bottom: 0px solid #fff
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.tickets {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

@media (min-width: 900px) {
    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.tickets {
        width: 40%
    }
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.tickets > div.ticket {
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    height: auto;
    text-align: center
}

@media (min-width: 1200px) {
    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.tickets > div.ticket {
        height: 220px
    }
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.tickets > div.ticket > img.logo {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    height: auto;
    width: 60%;
    margin: 20%;
    z-index: 1
}

@media (min-width: 1200px) {
    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.tickets > div.ticket > img.logo {
        width: auto;
        height: 60%;
        margin: 20%
    }
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.tickets > div.ticket > img.strip {
    position: absolute;
    height: 100%;
    width: 20%;
    z-index: 2
}

@media (min-width: 1200px) {
    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.tickets > div.ticket > img.strip {
        height: 100%;
        width: auto
    }
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.tickets > div.ticket:nth-child(1) {
    border-radius: 8px 0px 0px 8px
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.tickets > div.ticket:nth-child(1) > img.strip {
    left: 0px
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.tickets > div.ticket:nth-child(2) {
    border-radius: 0px 8px 8px 0px
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.tickets > div.ticket:nth-child(2) > img.strip {
    right: 0px
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

@media (min-width: 900px) {
    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta {
        width: 60%
    }
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.competition {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 30px);
    margin-left: 30px;
    height: auto;
    text-align: left;
    margin-bottom: 30px
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.competition > img {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    height: 40px;
    width: auto;
    top: 12px
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.competition > p {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 24px;
    margin: 0;
    padding: 0;
    color: #29356d;
    text-transform: uppercase
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 30px);
    margin-left: 30px;
    height: auto
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > h4 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-family: font_black, system-ui, sans-serif;
    font-size: 20px;
    color: #29356d;
    text-transform: uppercase
}

@media (min-width: 1200px) {
    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > h4 {
        font-size: 40px
    }
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > span {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-family: regular, system-ui, sans-serif;
    font-size: 16px;
    color: #29356d;
    text-transform: uppercase
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > span > em {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 4px;
    font-style: italic;
    font-size: 14px;
    color: #888
}

@media (min-width: 1200px) {
    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > span {
        font-size: 24px
    }

    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > span > em {
        font-size: 18px
    }
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > p.time_match {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    color: #29356d;
    font-family: regular, system-ui, sans-serif;
    font-size: 16px;
    color: #29356d;
    text-transform: uppercase
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > p.time_match > span {
    font-weight: bolder;
    font-family: medium, regular, system-ui, sans-serif;
    margin: 0 6px
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > p.time_match > span:first-of-type {
    margin-left: 0
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > p.match_time_status {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    color: #29356d;
    font-family: regular, system-ui, sans-serif;
    font-size: 16px;
    color: #29356d;
    text-transform: uppercase;
    font-style: italic
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > p.match_time_status > span {
    font-weight: bolder;
    margin: 0 6px
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > p.match_time_status > span:first-of-type {
    margin-left: 0
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    color: #29356d
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > p > span {
    font-weight: bolder;
    margin: 0 6px
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.name > p > span:first-of-type {
    margin-left: 0
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.actions {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 30px);
    margin-left: 30px;
    height: auto;
    text-align: left
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.actions > p.no_ticket {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    color: #29356d;
    font-family: medium, system-ui, sans-serif;
    font-size: 16px;
    color: #29356d;
    text-transform: uppercase;
    font-weight: bolder;
    margin-right: 10px;
    margin-top: 27px
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.actions > a.button {
    float: none;
    margin-right: 20px;
    width: 70%
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.actions > a.follow_link {
    float: right;
    margin-top: 30px
}

@media (min-width: 900px) {
    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.actions > a.button {
        width: 120px
    }
}

@media (min-width: 1200px) {
    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.preview > div.meta > div.actions > a.button {
        width: 180px
    }
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 0px;
    overflow: hidden
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos._active {
    height: auto
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.details {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

@media (min-width: 1200px) {
    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.details {
        width: calc(40% - 20px);
        margin-right: 20px
    }
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.details > p, div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.details > ul, div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.details > ul > li, div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.details > ol, div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.details > ol > li {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
    font-family: light_condensed, system-ui, sans-serif;
    color: #333;
    font-size: 20px
}

@media (min-width: 1200px) {
    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.details > p, div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.details > ul, div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.details > ul > li, div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.details > ol, div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.details > ol > li {
        font-size: 20px
    }
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px
}

@media (min-width: 1200px) {
    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table {
        width: 60%
    }
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table > div.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #fff
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table > div.row:last-of-type {
    border-bottom: 1px solid #fff
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table > div.row:first-of-type > div.col {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table > div.row > div.col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #fff
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table > div.row > div.col:last-of-type {
    border-right: 1px solid #fff
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table > div.row > div.col > p {
    text-indent: 0px;
    border: 0px solid rgba(0, 0, 0, 0);
    margin: 4px;
    background-color: rgba(0, 0, 0, 0);
    color: #29356d;
    font-family: regular, system-ui, sans-serif;
    font-size: 12px;
    resize: none;
    text-align: center;
    line-height: 20px
}

@media (min-width: 900px) {
    div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table > div.row > div.col > p {
        font-size: 16px
    }
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table > div.row > div.col:first-of-type > p {
    color: #8c92aa
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table > div.row:first-of-type > div.col > p {
    color: #facc21;
    text-transform: uppercase
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table > div.row:nth-child(1) {
    background-color: #fff !important
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table > div.row:nth-child(odd) {
    background-color: #f3f3f3
}

div.wrapper.tickets > section.tickets > div.content > div.ticket > div.more_infos > div.ticket_table > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 40px;
    font-size: 12px;
    color: #8c92aa;
    font-family: regular, system-ui, sans-serif
}

div.wrapper.tickets > section.tickets > div.outro {
    margin: 20px auto 60px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

div.wrapper.image_intro > section.image_intro:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 80%;
    content: "";
    background: #29356d;
    z-index: 1;
    opacity: 1
}

div.wrapper.image_intro > section.image_intro > div.content {
    z-index: 2
}

div.wrapper.image_intro > section.image_intro > div.content > h2 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-family: font_black, system-ui, sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    color: #fff
}

div.wrapper.image_intro > section.image_intro > div.content > div.image {
    position: relative;
    display: inline-block;
    float: left;
    height: auto
}

div.wrapper.image_intro > section.image_intro > div.content > div.image > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    z-index: 1
}

div.wrapper.image_intro > section.image_intro > div.content > div.image > div.text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    margin: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 3
}

div.wrapper.image_intro > section.image_intro > div.content > div.image > div.text > span {
    font-family: regular, system-ui, sans-serif;
    color: #facc21;
    text-transform: uppercase;
    font-style: italic;
    font-size: 14px;
    margin-bottom: 10px
}

div.wrapper.image_intro > section.image_intro > div.content > div.image > div.text > h4 {
    font-family: font_black, system-ui, sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px
}

div.wrapper.image_intro > section.image_intro > div.content > div.image:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 60%;
    top: auto;
    bottom: 0px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(41, 53, 109, 0.4)), to(rgba(41, 53, 109, 0)));
    background: linear-gradient(90deg, rgba(41, 53, 109, 0.4) 0%, rgba(41, 53, 109, 0) 100%);
    z-index: 2
}

div.wrapper.image_intro > section.image_intro > div.content > div.image:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 60%;
    top: auto;
    bottom: 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0) 100%);
    z-index: 2
}

div.wrapper.info_icons > section.info_icons > div.content {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

div.wrapper.info_icons > section.info_icons > div.content > a.box {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 20px auto;
    text-decoration: none
}

div.wrapper.info_icons > section.info_icons > div.content > a.box > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 40%;
    margin: auto 30%;
    margin-bottom: 30px
}

div.wrapper.info_icons > section.info_icons > div.content > a.box > h4 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    height: 70px;
    margin-left: 5%;
    text-align: center;
    font-family: font_black, system-ui, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #29356d;
    margin-bottom: 20px
}

div.wrapper.info_icons > section.info_icons > div.content > a.box > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin-left: 5%;
    color: #767676;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    font-family: light_condensed, system-ui, sans-serif;
    right: 0px
}

@media (min-width: 900px) {
    div.wrapper.info_icons > section.info_icons > div.content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    div.wrapper.info_icons > section.info_icons > div.content > a.box {
        width: calc(40% - 60px);
        margin: 10px auto;
        margin-bottom: 80px
    }

    div.wrapper.info_icons > section.info_icons > div.content > a.box:nth-child(odd) {
        padding-left: 80px
    }

    div.wrapper.info_icons > section.info_icons > div.content > a.box:nth-child(even) {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-right: 80px
    }
}

div.wrapper.info_boxes > section.info_boxes > div.content {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

div.wrapper.info_boxes > section.info_boxes > div.content > div.box {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 20px auto;
    background-image: url("https://www.parmacalcio1913.com/assets/img/bg_boxes.png");
    background-size: cover;
    border-radius: 8px;
    overflow: hidden
}

div.wrapper.info_boxes > section.info_boxes > div.content > div.box:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 60%;
    top: auto;
    bottom: 0px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(41, 53, 109, 0.4)), to(rgba(41, 53, 109, 0)));
    background: linear-gradient(90deg, rgba(41, 53, 109, 0.4) 0%, rgba(41, 53, 109, 0) 100%);
    z-index: 1
}

div.wrapper.info_boxes > section.info_boxes > div.content > div.box:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 60%;
    top: auto;
    bottom: 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0) 100%);
    z-index: 1
}

div.wrapper.info_boxes > section.info_boxes > div.content > div.box > h4 {
    font-family: regular, system-ui, sans-serif;
    color: #facc21;
    text-transform: uppercase;
    font-style: italic;
    font-size: 14px;
    margin-bottom: 10px;
    z-index: 2
}

div.wrapper.info_boxes > section.info_boxes > div.content > div.box > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    height: 70px;
    margin-left: 5%;
    text-align: center;
    font-family: font_black, system-ui, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
    z-index: 2
}

div.wrapper.info_boxes > section.info_boxes > div.content > div.box > a.follow_link {
    z-index: 2
}

@media (min-width: 900px) {
    div.wrapper.info_boxes > section.info_boxes > div.content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    div.wrapper.info_boxes > section.info_boxes > div.content > div.box {
        width: calc(33% - 60px);
        margin: 30px auto
    }
}

section.player_hero {
    height: auto;
    background-color: #29356d;
    background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background.png");
    background-attachment: fixed;
    background-position: -900px -100px;
    border-bottom: 18px solid #facc21;
    margin-top: 70px
}

@media (min-width: 1200px) {
    section.player_hero {
        margin-top: 0px;
        padding-top: 160px
    }
}

section.player_hero > div.content {
    height: auto
}

@media (min-width: 1200px) {
    section.player_hero > div.content {
        height: 600px
    }
}

section.player_hero > div.content > div.breadcrumb {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 60px;
    margin-top: 40px
}

@media (min-width: 1200px) {
    section.player_hero > div.content > div.breadcrumb {
        margin-top: 0px
    }
}

section.player_hero > div.content > div.breadcrumb > ul {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 60px;
    list-style: none;
    padding: 0
}

section.player_hero > div.content > div.breadcrumb > ul > li {
    position: relative;
    display: inline-block;
    float: left
}

section.player_hero > div.content > div.breadcrumb > ul > li > a {
    font-size: 14px;
    letter-spacing: 1px;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    margin-bottom: 14px;
    text-decoration: none
}

section.player_hero > div.content > div.breadcrumb > ul > li > a:after {
    content: ">";
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    font-size: 12px;
    font-style: normal;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 20px
}

section.player_hero > div.content > div.breadcrumb > ul > li:last-child > a {
    color: #facc21;
    pointer-events: none
}

section.player_hero > div.content > div.breadcrumb > ul > li:last-child > a:after {
    content: ""
}

section.player_hero > div.content > div.col.infos {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: calc(100% - 60px)
}

@media (min-width: 1200px) {
    section.player_hero > div.content > div.col.infos {
        width: 66%
    }
}

section.player_hero > div.content > div.col.infos > div.inner {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

section.player_hero > div.content > div.col.infos > div.inner > h1 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-size: 24px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif;
    margin-top: 10%
}

@media (min-width: 1200px) {
    section.player_hero > div.content > div.col.infos > div.inner > h1 {
        font-size: 54px
    }
}

section.player_hero > div.content > div.col.infos > div.inner > h1 > span {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: -14px;
    font-family: font_black, system-ui, sans-serif;
    font-size: 58px;
    color: #000;
    text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    mix-blend-mode: color-dodge;
    mix-blend-mode: lighten
}

@media (min-width: 1200px) {
    section.player_hero > div.content > div.col.infos > div.inner > h1 > span {
        font-size: 98px
    }
}

section.player_hero > div.content > div.col.infos > div.inner > div.table {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

section.player_hero > div.content > div.col.infos > div.inner > div.table > div.cell {
    position: relative;
    display: inline-block;
    float: left;
    height: auto;
    width: 33%;
    margin: 0;
    height: 70px;
    margin-bottom: 22px
}

section.player_hero > div.content > div.col.infos > div.inner > div.table > div.cell:nth-child(4) {
    display: none
}

@media (min-width: 1200px) {
    section.player_hero > div.content > div.col.infos > div.inner > div.table > div.cell {
        width: 25%;
        min-height: 56px
    }

    section.player_hero > div.content > div.col.infos > div.inner > div.table > div.cell:nth-child(4) {
        display: inline-block
    }
}

section.player_hero > div.content > div.col.infos > div.inner > div.table > div.cell > label {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-size: 12px;
    letter-spacing: 1px;
    font-style: italic;
    color: #facc21;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    margin-bottom: 14px
}

@media (min-width: 1200px) {
    section.player_hero > div.content > div.col.infos > div.inner > div.table > div.cell > label {
        font-size: 16px
    }
}

section.player_hero > div.content > div.col.infos > div.inner > div.table > div.cell > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-size: 12px;
    height: 40px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif
}

@media (min-width: 1200px) {
    section.player_hero > div.content > div.col.infos > div.inner > div.table > div.cell > p {
        font-size: 16px
    }
}

section.player_hero > div.content > div.col.pic {
    position: relative;
    display: inline-block;
    float: left;
    height: calc(100% - 60px);
    width: 100%
}

@media (min-width: 1200px) {
    section.player_hero > div.content > div.col.pic {
        width: 34%
    }
}

section.player_hero > div.content > div.col.pic > p.number {
    font-family: font_black, system-ui, sans-serif;
    font-size: 220px;
    color: rgba(41, 53, 109, .8);
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    text-shadow: -0.4px -0.4px 0 #fff, .4px -0.4px 0 #fff, -0.4px .4px 0 #fff, .4px .4px 0 #fff;
    text-shadow: -0.8px -0.8px 0 #fff, .8px -0.8px 0 #fff, -0.8px .8px 0 #fff, .8px .8px 0 #fff;
    mix-blend-mode: soft-light
}

section.player_hero > div.content > div.col.pic > img {
    position: absolute;
    height: 95%;
    top: 5%;
    width: auto;
    right: 0px
}

div.wrapper.flyer {
    padding-top: 120px;
    padding-bottom: 120px
}

div.wrapper.flyer > section.flyer > div.content > div.boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: calc(100% - 20px);
    flex-basis: calc(100% - 20px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    margin: 10px;
    border-radius: 16px;
    height: 500px;
    overflow: hidden
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.infos {
    height: auto
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.infos > h4 {
    position: relative;
    margin-left: 20px;
    max-width: 70%;
    font-family: font_black, system-ui, sans-serif;
    color: #29356d;
    text-transform: uppercase;
    font-size: 34px;
    margin-bottom: 30px
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.infos > p {
    position: relative;
    margin-left: 20px;
    max-width: 70%;
    font-family: light_condensed, system-ui, sans-serif;
    color: #888;
    font-size: 20px
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.poster > div.poster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.poster > div.poster > img {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_1 > div.image, div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_2 > div.image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_1 > div.image > img, div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_2 > div.image > img {
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_1 > div.image:after, div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_2 > div.image:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 100%;
    top: auto;
    bottom: 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(#29356d), to(rgba(41, 53, 109, 0.4)));
    background: linear-gradient(0deg, #29356d 0%, rgba(41, 53, 109, 0.4) 100%);
    z-index: 3
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_1 > div.text, div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_2 > div.text {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 2;
    margin: 0;
    margin-top: 30%
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_1 > div.text > h4, div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_2 > div.text > h4 {
    position: relative;
    margin-left: 8px;
    width: calc(100% - 80px);
    font-family: font_black, system-ui, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 30px
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_1 > div.text > p, div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_2 > div.text > p {
    position: relative;
    margin-left: 8px;
    width: calc(100% - 80px);
    font-family: light_condensed, system-ui, sans-serif;
    color: #e3e3e3;
    font-size: 20px
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_1 > div.buttons, div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_2 > div.buttons {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - 80px);
    margin-left: 40px;
    margin-right: 40px;
    z-index: 3
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_1 > div.buttons > a.button, div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_2 > div.buttons > a.button {
    min-width: 40%
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_1 > div.buttons > a.button > span, div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_2 > div.buttons > a.button > span {
    text-align: center;
    width: calc(100% - 40px)
}

div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_1 > div.buttons > a.button:nth-child(2):after, div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.box_2 > div.buttons > a.button:nth-child(2):after {
    border-color: #facc21
}

@media (min-width: 900px) {
    div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box {
        -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px)
    }

    div.wrapper.flyer > section.flyer > div.content > div.boxes > div.box.infos {
        height: 500px
    }
}

div.wrapper.countdown section.countdown {
    padding-top: 120px;
    padding-bottom: 120px
}

div.wrapper.countdown section.countdown > div.content {
    border-radius: 8px;
    overflow: hidden
}

div.wrapper.countdown section.countdown > div.content > div.image {
    position: relative;
    display: inline-block;
    float: left;
    height: auto;
    z-index: 1
}

div.wrapper.countdown section.countdown > div.content > div.image > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

div.wrapper.countdown section.countdown > div.content > div.image:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 100%;
    top: auto;
    bottom: 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(25, 30, 53, 0.8)), color-stop(60%, rgba(41, 53, 109, 0.4)));
    background: linear-gradient(0deg, rgba(25, 30, 53, 0.8) 0%, rgba(41, 53, 109, 0.4) 60%);
    z-index: 2
}

div.wrapper.countdown section.countdown > div.content > div.image:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 100%;
    top: auto;
    bottom: 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(41, 53, 109, 0.8)), to(rgba(41, 53, 109, 0.2)));
    background: linear-gradient(0deg, rgba(41, 53, 109, 0.8) 0%, rgba(41, 53, 109, 0.2) 100%);
    z-index: 3
}

div.wrapper.countdown section.countdown > div.content > div.box {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #29356d;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    margin: 0;
    z-index: 2
}

div.wrapper.countdown section.countdown > div.content > div.box > div.row {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: auto
}

div.wrapper.countdown section.countdown > div.content > div.box > div.row > div.col {
    width: 96%;
    margin: 2%;
    z-index: 4
}

div.wrapper.countdown section.countdown > div.content > div.box > div.row > div.col.text > h3 {
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    color: #fff
}

div.wrapper.countdown section.countdown > div.content > div.box > div.row > div.col.text > h5 {
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase;
    font-size: 44px;
    color: #facc21
}

div.wrapper.countdown section.countdown > div.content > div.box > div.row > div.col.text > p {
    font-family: light_condensed, system-ui, sans-serif;
    color: #fff;
    font-size: 22px
}

div.wrapper.countdown section.countdown > div.content > div.box > div.row > div.col.timing > div.countdown {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

div.wrapper.countdown section.countdown > div.content > div.box > div.row > div.col.timing > div.countdown > div {
    width: 100px;
    height: 180px
}

div.wrapper.countdown section.countdown > div.content > div.box > div.row > div.col.timing > div.countdown > div > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-family: regular, system-ui, sans-serif;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-style: italic
}

div.wrapper.countdown section.countdown > div.content > div.box > div.row > div.col.timing > div.countdown > div > span {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-family: medium_condensed, system-ui, sans-serif;
    color: #facc21;
    font-size: 80px;
    text-transform: uppercase
}

@media (min-width: 900px) {
    div.wrapper.countdown section.countdown > div.content > div.box {
        position: absolute;
        background-color: rgba(0, 0, 0, 0)
    }

    div.wrapper.countdown section.countdown > div.content > div.box > div.row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    div.wrapper.countdown section.countdown > div.content > div.box > div.row > div.col {
        width: 46%
    }
}

section.iconslide > div.content > div.intro {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

section.iconslide > div.content > div.intro > h3 {
    font-family: medium_condensed, system-ui, sans-serif;
    font-family: medium, system-ui, sans-serif;
    font-family: font_black, system-ui, sans-serif;
    font-family: light_condensed, system-ui, sans-serif;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    text-transform: uppercase;
    text-align: left;
    font-size: 18px;
    color: #29356d
}

section.iconslide > div.content > div.intro > h5 {
    font-family: light_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    text-align: left;
    font-weight: bolder;
    font-size: 32px;
    color: #29356d
}

section.iconslide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    margin: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, .1);
    border-radius: 14px;
    overflow: hidden
}

section.iconslide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide > img {
    margin: 14% auto;
    width: auto;
    height: auto;
    height: 100px
}

section.iconslide > div.content > div.slider > div.slick-list.draggable > div.slick-track > div.slide[v_status=hidden] {
    top: -100px;
    opacity: 0
}

main[from=single_pr_flashnews] section.flash {
    margin-top: 0px
}

@media (min-width: 1200px) {
    main[from=single_pr_flashnews] section.flash {
        margin-top: 80px
    }
}

section.flash > div.content {
    position: relative;
    display: inline-block;
    float: left;
    height: auto;
    padding-top: 80px;
    border-bottom: 1px solid #29356d
}

section.flash > div.content > div.tags {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    margin-left: 5%
}

section.flash > div.content > div.tags[v_status=hidden] {
    top: -40px;
    opacity: 0
}

section.flash > div.content > div.tags > a {
    color: #29356d;
    font-size: 14px;
    font-style: italic;
    font-family: regular, system-ui, sans-serif;
    text-transform: uppercase;
    text-decoration: none
}

section.flash > div.content > div.socials {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    float: right;
    margin-right: 5%
}

section.flash > div.content > div.socials[v_status=hidden] {
    top: -40px;
    opacity: 0
}

section.flash > div.content > div.socials > a {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 20px
}

section.flash > div.content > div.socials > a > img, section.flash > div.content > div.socials > a > svg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

section.flash > div.content > div.socials > a > img ._icon, section.flash > div.content > div.socials > a > svg ._icon {
    fill: #191e35
}

section.flash > div.content > div.socials > a.sharer > div.to_copy {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 220px;
    margin-left: -110px;
    height: 40px;
    background-color: #29356d;
    border: 2px solid #facc21;
    position: absolute;
    top: 0px;
    border-radius: 6px;
    overflow: hidden;
    opacity: 0;
    z-index: 9
}

section.flash > div.content > div.socials > a.sharer > div.to_copy > input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    color: #fff
}

section.flash > div.content > div.socials > a.sharer > div.to_copy.active {
    opacity: 1;
    top: 30px
}

section.flash > div.content > div.socials > p {
    position: relative;
    display: inline-block;
    float: left;
    color: #333;
    font-size: 14px;
    font-family: regular, system-ui, sans-serif;
    text-transform: uppercase;
    margin-right: 10px;
    margin-top: 4px;
    text-align: justify
}

section.flash > div.content > h3 {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 90%;
    margin-left: 5%;
    margin-top: 20px;
    color: #29356d;
    font-size: 36px;
    font-family: font_black, system-ui, sans-serif;
    top: 0
}

section.flash > div.content > h3[v_status=hidden] {
    top: -40px;
    opacity: 0
}

section.flash > div.content > span {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 90%;
    margin-left: 5%;
    margin-top: 10px;
    color: #ccc;
    font-size: 14px;
    font-family: regular, system-ui, sans-serif;
    text-transform: uppercase;
    left: 0
}

section.flash > div.content > span[v_status=hidden] {
    left: -40px;
    opacity: 0
}

section.flash > div.content > div.paragraph {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 90%;
    margin-left: 5%;
    margin-top: 30px;
    margin-bottom: 80px;
    color: #767676;
    font-size: 22px;
    line-height: 30px;
    font-family: light_condensed, system-ui, sans-serif;
    bottom: 0;
    text-align: justify
}

section.flash > div.content > div.paragraph[v_status=hidden] {
    bottom: -40px;
    opacity: 0
}

main[from=archive_pr_flashnews] div.outro {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

main[from=archive_pr_flashnews] div.outro > a.button {
    float: none
}

div.wrapper.worldmap {
    padding-top: 120px;
    padding-bottom: 120px
}

div.wrapper.worldmap > section.worldmap > div.content > img {
    position: relative;
    width: 1920px;
    height: 962px;
    width: 1200px;
    height: 600px;
    width: 100%;
    height: auto;
    margin: 0
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point {
    position: absolute;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 20px;
    height: 20px;
    border-radius: 10px
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point:after {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    content: url("https://www.parmacalcio1913.com/wp-content/uploads/2023/04/parma_logo.svg");
    position: absolute;
    top: -120%;
    left: -120%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.3);
    transform: scale(0.3)
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_1 {
    left: 23%;
    top: 40%;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_1:after {
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_2 {
    left: 14%;
    top: 45%;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_2:after {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_3 {
    left: 45%;
    top: 26%;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_3:after {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_4 {
    left: 50%;
    top: 37%;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_4:after {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_5 {
    left: 50%;
    top: 27%;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_5:after {
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_6 {
    left: 87%;
    top: 81%;
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_6:after {
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_7 {
    left: 85%;
    top: 37%;
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_7:after {
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_8 {
    left: 81%;
    top: 32%;
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_8:after {
    -webkit-transition-delay: 1400ms;
    transition-delay: 1400ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_9 {
    left: 47%;
    top: 33%;
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point.point_9:after {
    -webkit-transition-delay: 1600ms;
    transition-delay: 1600ms
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point[v_status=hidden] {
    opacity: 0;
    margin-top: -100px
}

div.wrapper.worldmap > section.worldmap > div.content > div.layer > div.point[v_status=hidden]:after {
    -webkit-transform: scale(0.1);
    transform: scale(0.1)
}

section.stats_scrolling div.box.box_1 {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    opacity: 1;
    left: 0px
}

section.stats_scrolling div.box.box_1[v_status=hidden] {
    opacity: 0;
    left: -40px
}

section.stats_scrolling div.box.box_2 {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    opacity: 1;
    left: 0px
}

section.stats_scrolling div.box.box_2[v_status=hidden] {
    opacity: 0;
    left: 40px
}

section.stats_scrolling div.box.box_3 {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    opacity: 1;
    top: 0px
}

section.stats_scrolling div.box.box_3[v_status=hidden] {
    opacity: 0;
    top: -40px
}

section.stats_scrolling div.box.box_4 {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    opacity: 1;
    left: 0px
}

section.stats_scrolling div.box.box_4[v_status=hidden] {
    opacity: 0;
    left: -40px
}

section.stats_scrolling div.box.box_5 {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    opacity: 1;
    left: 0px
}

section.stats_scrolling div.box.box_5[v_status=hidden] {
    opacity: 0;
    left: 40px
}

section.stats_scrolling div.box.box_6 {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    opacity: 1;
    top: 0px
}

section.stats_scrolling div.box.box_6[v_status=hidden] {
    opacity: 0;
    top: -40px
}

section.stats_scrolling div.box.box_7 {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    opacity: 1;
    left: 0px
}

section.stats_scrolling div.box.box_7[v_status=hidden] {
    opacity: 0;
    left: -40px
}

section.stats_scrolling div.box.box_8 {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    opacity: 1;
    left: 0px
}

section.stats_scrolling div.box.box_8[v_status=hidden] {
    opacity: 0;
    left: 40px
}

section.stats_scrolling div.pages {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    z-index: 1
}

section.stats_scrolling div.pages > div.page {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    padding: 40px 0
}

section.stats_scrolling div.pages > div.page > div.inner > div.title {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin: auto
}

section.stats_scrolling div.pages > div.page > div.inner > div.title > h4 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif;
    color: #29356d
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 40px;
    margin-bottom: 40px
}

@media (min-width: 900px) {
    section.stats_scrolling div.pages > div.page > div.inner > div.boxes.defence > div.box, section.stats_scrolling div.pages > div.page > div.inner > div.boxes.goalkeeper > div.box {
        min-height: 204px
    }

    section.stats_scrolling div.pages > div.page > div.inner > div.boxes.defence > div.box > div.block, section.stats_scrolling div.pages > div.page > div.inner > div.boxes.goalkeeper > div.box > div.block {
        width: calc(25% - 10px)
    }
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, .1), 0px 10px 10px rgba(0, 0, 0, .05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .1), 0px 10px 10px rgba(0, 0, 0, .05);
    margin-bottom: 20px;
    height: auto;
    min-height: 220px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box.half {
    width: 100%
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box.half > div.block {
    width: 50%
}

@media (min-width: 900px) {
    section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box.half {
        width: calc(50% - 10px)
    }

    section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box.half:nth-child(1) {
        margin-left: 0px
    }

    section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box.half:nth-child(2) {
        margin-left: 20px
    }
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block {
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    line-height: 0
}

@media (min-width: 1200px) {
    section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block {
        width: 25%
    }
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.goals_mode > img {
    position: relative;
    display: inline-block;
    float: left;
    height: 160px;
    width: auto
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.goals_mode > div.label {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    width: 60px;
    height: 60px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.goals_mode > div.label.right {
    top: 100px;
    left: 16%
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.goals_mode > div.label.left {
    top: 120px;
    left: 55%
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.goals_mode > div.label.head {
    top: 10px;
    left: 55%
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.goals_mode > div.label > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: regular, system-ui, sans-serif;
    font-size: 12px;
    color: #888;
    height: 20px;
    text-align: center;
    line-height: 15px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.goals_mode > div.label > h5 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 50px;
    height: 50px;
    color: #29356d;
    text-align: center;
    margin-top: 4px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.in_out_goals > img {
    margin-top: 30px;
    height: 110px !important;
    width: 110px !important;
    margin-left: calc(50% - 55px) !important
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.in_out_goals > p.desc {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0px;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-size: 12px;
    line-height: 15px;
    text-align: center
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.in_out_goals > p.goal {
    width: 40px;
    left: calc(50% - 20px);
    margin: 0;
    position: absolute
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.in_out_goals > p.goal.out {
    top: 40px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.in_out_goals > p.goal.in {
    top: 82px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.arrows {
    width: 100%;
    height: 408px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.arrows > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 10px;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-size: 12px;
    text-align: center
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.arrows > div.arrows {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 100%;
    height: calc(100% - 50px);
    top: 50px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.arrows > div.arrows > img.dots_arrows {
    position: absolute;
    width: 160px;
    height: auto;
    left: calc(50% - 80px);
    top: calc(50% - 80px)
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.arrows > div.arrows > div.position_info {
    position: absolute;
    width: 60px;
    height: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    float: left;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.arrows > div.arrows > div.position_info.top {
    left: calc(50% - 30px);
    top: 6px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.arrows > div.arrows > div.position_info.bottom {
    left: calc(50% - 30px);
    bottom: 16px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.arrows > div.arrows > div.position_info.left {
    left: 16px;
    top: calc(50% - 56px)
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.arrows > div.arrows > div.position_info.right {
    right: 16px;
    top: calc(50% - 56px)
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.arrows > div.arrows > div.position_info > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-size: 12px;
    height: 20px;
    width: 100%;
    text-align: center
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.arrows > div.arrows > div.position_info > h5 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 80px;
    height: 80px;
    width: 100%;
    color: #29356d;
    text-align: center
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.passes {
    min-height: 204px;
    width: 100%
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.passes > img {
    width: calc(100% - 40px);
    margin-top: 30px;
    margin-left: 20px;
    height: auto
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.passes > div.pass {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    bottom: 10px;
    margin: 0;
    height: 120px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.passes > div.pass.short {
    left: 33%
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.passes > div.pass.long {
    left: 64%
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.passes > div.pass > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-size: 12px;
    color: #888;
    height: 30px;
    text-align: center;
    margin-top: 10px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.passes > div.pass > h5 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 80px;
    height: 80px;
    color: #29356d;
    text-align: center
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.pie {
    height: 204px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.pie > div.progress-bar {
    margin-top: 23px;
    position: relative;
    height: 180px;
    width: 180px;
    left: calc(50% - 90px)
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.pie > div.progress-bar > div {
    position: absolute;
    height: 180px;
    width: 180px;
    border-radius: 50%
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.pie > div.progress-bar > div > div.datas {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 180px;
    padding-top: 40px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.pie > div.progress-bar > div > div.datas > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-size: 12px;
    color: #888;
    text-align: center;
    width: 50%;
    height: 70px;
    line-height: 15px;
    top: -22px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.pie > div.progress-bar > div > div.datas > h5 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 80px;
    color: #29356d;
    text-align: center
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.pie > div.progress-bar > div > div.datas > h5 > span {
    display: inline-block;
    font-size: 40px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.pie > div.progress-bar > div > div.mask {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #fff
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.pie > div.progress-bar > div > span {
    position: absolute;
    font-family: Arial;
    font-size: 45px;
    line-height: 135px;
    height: 162px;
    width: 162px;
    left: 22.5px;
    top: 22.5px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    display: none
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.pie > div.progress-bar .background {
    background-color: #e7e8ea
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.pie > div.progress-bar .rotate {
    clip: rect(0 90px 180px 0);
    background-color: #facc21
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.pie > div.progress-bar .left {
    clip: rect(0 90px 180px 0);
    opacity: 1;
    background-color: #e7e8ea
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block.pie > div.progress-bar .right {
    clip: rect(0 90px 180px 0);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0;
    background-color: #facc21
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80%;
    margin-left: 10%;
    height: 34px;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-size: 12px;
    color: #888;
    text-align: center
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block > h5 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 80px;
    height: 80px;
    color: #29356d;
    text-align: center;
    margin-bottom: 10px
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block > div.stat-icon {
    display: flex;
    justify-content: center;
}

section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block > div.stat-icon > img, section.stats_scrolling div.pages > div.page > div.inner > div.boxes > div.box > div.block > div.stat-icon > svg {
    max-width: 140px;
    height: 54px;
    margin-top: 20px;
    margin-bottom: 6px;
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes {
    position: relative;
    display: inline-block;
    float: left;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 80px rgba(0, 0, 0, .1);
    box-shadow: 0px 10px 80px rgba(0, 0, 0, .1);
    margin-top: 100px;
    margin-bottom: 100px
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes > div.box {
    position: relative;
    display: inline-block;
    float: left;
    min-height: 200px;
    overflow: hidden
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes > div.box > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80%;
    margin-left: 10%;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-size: 12px;
    color: #888;
    text-align: center
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes > div.box > h5 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 80px;
    color: #29356d;
    text-align: center
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes > div.box > img, section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes > div.box > svg {
    position: relative;
    display: inline-block;
    float: left;
    width: 20%;
    margin: 10% 40%
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes > div.box.row {
    width: calc(100% - 20px)
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes > div.box.row > img {
    width: 80%;
    margin: 10% 10%
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes > div.box.row > div.pass {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes > div.box.row > div.pass > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-size: 12px;
    color: #888;
    text-align: center
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes > div.box.row > div.pass > h5 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 80px;
    color: #29356d;
    text-align: center
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes.row {
    width: calc(100% - 20px);
    background-color: red
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes.row > img {
    width: 80%;
    margin: 10% 10%
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes.row > div.pass {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 120px
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes.row > div.pass > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: regular, system-ui, sans-serif;
    font-size: 12px;
    color: #888;
    text-align: center
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes.row > div.pass > h5 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 80px;
    color: #29356d;
    text-align: center
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes.full {
    width: calc(100% - 20px);
    margin: 10px
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes.full > div.box {
    width: calc(50% - 20px);
    margin: 10px
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes.half {
    width: calc(100% - 20px);
    margin: 10px
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes.half > div.box {
    width: calc(50% - 20px);
    margin: 10px
}

section.stats_scrolling div.pages > div.page > div.inner > div.stats > div.boxes.half > div.box.row {
    width: calc(100% - 20px)
}

@media (min-width: 1200px) {
    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa > div.box {
        position: relative;
        display: inline-block;
        float: left;
        width: 100%;
        width: calc(25% - 20px);
        margin: 10px
    }

    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa > div.box .progress-bar {
        height: 300px;
        width: 300px
    }

    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa > div.box .progress-bar > div {
        height: 300px;
        width: 300px;
        border-radius: 50%
    }

    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa > div.box .progress-bar > div > div.mask {
        width: 260px;
        height: 260px
    }

    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa > div.box .progress-bar > div span {
        font-size: 75px;
        line-height: 225px;
        height: 270px;
        width: 270px;
        left: 37.5px;
        top: 37.5px
    }

    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa > div.box .progress-bar .rotate {
        clip: rect(0 150px 300px 0)
    }

    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa > div.box .progress-bar .left {
        clip: rect(0 150px 300px 0)
    }

    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa > div.box .progress-bar .right {
        clip: rect(0 150px 300px 0)
    }

    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa.full {
        width: calc(100% - 20px);
        margin: 10px
    }

    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa.full > div.box {
        width: calc(25% - 20px)
    }

    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa.full > div.box.row {
        width: calc(100% - 20px)
    }

    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa.half {
        width: calc(50% - 20px);
        margin: 10px
    }

    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa.half > div.box {
        width: calc(50% - 20px)
    }

    section.stats_scrolling div.pagesa > div.page > div.inner > div.boxesaaaa.half > div.box.row {
        width: calc(100% - 20px)
    }
}

section.stats_scrolling div.pages > div.page._blue > div.inner > div.title > h4 {
    color: #fff
}

section.stats_scrolling div.pages > div.page._yellow > div.inner > div.title > h4 {
    color: #29356d
}

section.stats_scrolling div.pages > div.page._white > div.inner > div.title > h4 {
    color: #29356d
}

@-webkit-keyframes toggle {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes toggle {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

div.wrapper.eplayer > section.eplayer > div.content > div.player {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    padding-bottom: 180px
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.profile {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 100%;
    height: auto;
    left: 0px
}

@media (min-width: 1200px) {
    div.wrapper.eplayer > section.eplayer > div.content > div.player > div.profile {
        width: 50%
    }
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.profile[v_status=hidden] {
    left: -100px;
    opacity: 0
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.profile > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    z-index: 2
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.profile > div.deco {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: auto
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.profile > div.deco > img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: auto;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: auto;
    height: 600px;
    right: 0px
}

@media (min-width: 1200px) {
    div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos {
        width: 50%
    }
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos[v_status=hidden] {
    right: -100px;
    opacity: 0
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.headline {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin-left: 5%;
    padding-bottom: 20px
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.headline > h3 {
    position: relative;
    display: inline-block;
    float: left;
    font-family: medium_condensed, system-ui, sans-serif;
    color: #29356d;
    font-size: 50px;
    text-transform: uppercase
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.headline > ul {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    list-style: none;
    padding: 0
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.headline > ul > li {
    position: relative;
    display: inline-block;
    float: left
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.headline > ul > li > a {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 6px;
    cursor: pointer
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.headline > ul > li > a > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 24px;
    height: 24px;
    -webkit-filter: brightness(0.2);
    filter: brightness(0.2)
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    width: 100%;
    margin: 0
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes[v_status=hidden] {
    left: -100px;
    opacity: 0
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.name, div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.year {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(50% - 20px);
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .1)
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.name.name, div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.year.name {
    margin-left: 10px
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.name.year, div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.year.year {
    margin-left: 10px
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.name > h5, div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.year > h5 {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-top: 28px;
    color: #facc21;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    text-transform: uppercase;
    font-size: 18px
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.name > h4, div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.year > h4 {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-top: 3%;
    margin-bottom: 28px;
    color: #29356d;
    font-family: light_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    font-size: 30px
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.type {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 30px);
    margin-left: 10px;
    margin-top: 10px;
    height: 80px;
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .1)
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.type > h2 {
    position: relative;
    display: inline-block;
    float: left;
    font-family: medium_condensed, system-ui, sans-serif;
    color: #29356d;
    font-size: 50px;
    text-transform: uppercase
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.comp {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 30px);
    margin-left: 10px;
    margin-top: 10px;
    height: 120px;
    text-align: center;
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .1)
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.boxes > div.comp > img {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    height: 80px;
    width: auto
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.medals, div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.rankings {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    width: 90%;
    margin-left: 5%;
    margin-top: 20px;
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);
    padding-bottom: 20px;
    border-radius: 8px
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.medals[v_status=hidden], div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.rankings[v_status=hidden] {
    left: -100px;
    opacity: 0
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.medals > h5, div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.rankings > h5 {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-top: 28px;
    color: #facc21;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    text-transform: uppercase;
    font-size: 18px
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.medals > p, div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.rankings > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-top: 7px;
    margin-bottom: 2px;
    color: #29356d;
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    font-size: 18px
}

div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.medals > span, div.wrapper.eplayer > section.eplayer > div.content > div.player > div.infos > div.rankings > span {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-top: 2px;
    margin-bottom: 7px;
    color: #ccc;
    font-family: light_condensed, system-ui, sans-serif;
    text-transform: uppercase;
    font-size: 16px
}

div.wrapper.image > section.image > div.content {
    overflow: hidden
}

div.wrapper.image > section.image > div.content > img {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 100%;
    height: auto;
    top: 0px
}

div.wrapper.image > section.image > div.content > img._img_full {
    width: 100%
}

div.wrapper.image > section.image > div.content > img._img_v_1 {
    width: 120%;
    margin-left: -10%
}

div.wrapper.image > section.image > div.content > img._img_v_2 {
    width: 140%;
    margin-left: -20%
}

div.wrapper.image > section.image > div.content > img[v_status=hidden] {
    top: 100px;
    opacity: 0
}

div.wrapper.image > section.image > div.content > p {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 100%;
    height: auto;
    font-size: 20px;
    line-height: 22px;
    color: #888;
    font-family: light_condensed, system-ui, sans-serif;
    font-style: italic;
    margin-top: 10px
}

@media (min-width: 1200px) {
    div.wrapper.image > section.image > div.content > img._img_full {
        width: 100%
    }

    div.wrapper.image > section.image > div.content > img._img_v_1 {
        width: 120%;
        margin-left: -10%
    }

    div.wrapper.image > section.image > div.content > img._img_v_2 {
        width: 140%;
        margin-left: -20%
    }
}

section.module {
    height: auto;
    min-height: 100%
}

section.module > div.content > div.intro {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    margin: 5%;
    height: auto;
    text-align: left
}

section.module > div.content > div.intro > h4 {
    font-family: font_black, system-ui, sans-serif;
    font-size: 32px
}

section.module > div.content > div.intro > p {
    font-family: light_condensed, system-ui, sans-serif;
    font-size: 22px
}

section.module > div.content > div.form {
    position: relative;
    display: inline-block;
    float: left;
    width: 96%;
    margin: 2%;
    -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, .06);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, .06);
    border-radius: 12px;
    background-color: #fff
}

section.module > div.content > div.form > div.fields {
    position: relative;
    display: inline-block;
    float: left;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: calc(100% - 20px);
    margin: 10px;
    height: auto;
    border-radius: 20px
}

section.module > div.content > div.form > div.fields > div.field {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(50% - 40px);
    margin: 10px auto;
    margin-top: 20px
}

section.module > div.content > div.form > div.fields > div.field.full {
    width: calc(100% - 40px);
    margin: 10px auto
}

section.module > div.content > div.form > div.fields > div.field.attachment > a.button {
    position: absolute;
    right: 10px;
    top: -10px
}

section.module > div.content > div.form > div.fields > div.field > p.fake_input {
    position: relative;
    display: inline-block;
    float: left;
    font-family: regular, system-ui, sans-serif;
    width: 100%;
    height: 64px;
    background-color: #f5f5f5;
    border-radius: 8px;
    color: #8c92aa;
    text-transform: uppercase;
    font-style: italic;
    text-indent: 10px;
    line-height: 68px
}

section.module > div.content > div.form > div.fields > div.field > p.fake_input.filled {
    color: #29356d;
    font-style: normal
}

section.module > div.content > div.form > div.fields > div.field > input, section.module > div.content > div.form > div.fields > div.field > textarea {
    position: relative;
    display: inline-block;
    float: left;
    font-family: regular, system-ui, sans-serif;
    width: 100%;
    height: 64px;
    background-color: #f5f5f5;
    color: #29356d;
    border-radius: 8px
}

section.module > div.content > div.form > div.fields > div.field > input::-webkit-input-placeholder, section.module > div.content > div.form > div.fields > div.field > textarea::-webkit-input-placeholder {
    color: #8c92aa;
    text-transform: uppercase;
    font-style: italic
}

section.module > div.content > div.form > div.fields > div.field > input::-moz-placeholder, section.module > div.content > div.form > div.fields > div.field > textarea::-moz-placeholder {
    color: #8c92aa;
    text-transform: uppercase;
    font-style: italic
}

section.module > div.content > div.form > div.fields > div.field > input:-ms-input-placeholder, section.module > div.content > div.form > div.fields > div.field > textarea:-ms-input-placeholder {
    color: #8c92aa;
    text-transform: uppercase;
    font-style: italic
}

section.module > div.content > div.form > div.fields > div.field > input::-ms-input-placeholder, section.module > div.content > div.form > div.fields > div.field > textarea::-ms-input-placeholder {
    color: #8c92aa;
    text-transform: uppercase;
    font-style: italic
}

section.module > div.content > div.form > div.fields > div.field > input::placeholder, section.module > div.content > div.form > div.fields > div.field > textarea::placeholder {
    color: #8c92aa;
    text-transform: uppercase;
    font-style: italic
}

section.module > div.content > div.form > div.fields > div.field > textarea {
    min-height: 200px;
    padding-left: 10px;
    padding-top: 10px
}

section.module > div.content > div.form > div.fields > div.field > select {
    width: 100%;
    height: 64px;
    background-color: #f5f5f5;
    color: #29356d;
    border-radius: 8px;
    border-width: 0px;
    color: #8c92aa;
    text-transform: uppercase;
    font-style: italic;
    text-indent: 10px
}

section.module > div.content > div.form > div.fields > div.field > input[type=file] {
    display: none
}

section.module > div.content > div.form > div.fields:nth-child(6) .field:nth-child(2) a.button {
    float: right
}

section.module > div.content > div.form > div.fields:nth-child(6) .field:nth-child(2) a.button > span {
    float: none
}

section.module > div.content > div.form > div.baseline {
    position: relative;
    display: inline-block;
    float: left;
    width: 96%;
    margin: 2%
}

section.module > div.content > div.form > div.baseline > div.consent {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

section.module > div.content > div.form > div.baseline > div.consent > div.line {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 4px
}

section.module > div.content > div.form > div.fields > div.field > input.interest {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

section.module > div.content > div.form > div.fields > div.field > p {
    margin-left: 4px;
    display: inline-block;
    font-family: regular, system-ui, sans-serif;
    color: #7f7f7f
}

section.module > div.content > div.form > div.baseline > div.consent > div.line > input {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    border-radius: 50%
}

section.module > div.content > div.form > div.baseline > div.consent > div.line > p {
    margin-left: 4px;
    display: inline-block;
    font-family: regular, system-ui, sans-serif;
    color: #7f7f7f
}

section.module > div.content > div.form > div.baseline > div.consent > div.line > p > a {
    color: #29356d
}

section.module > div.content > div.form > div.baseline > a.button {
    float: right;
    width: 100px
}

@media (min-width: 900px) {
    section.module {
        height: auto;
        padding: 20px 0
    }

    section.module > div.intro {
        width: 90%;
        margin: 5%
    }

    section.module > div.intro > h4 {
        font-size: 22px
    }

    section.module > div.intro > p {
        font-size: 18px
    }

    section.module > div.fields {
        width: 90%;
        margin: 5%
    }

    section.module > div.fields > div.field {
        width: 45%;
        margin-bottom: 0px
    }

    section.module > div.fields > div.field.name {
        margin-left: 4%;
        margin-right: 1%
    }

    section.module > div.fields > div.field.surname {
        margin-left: 1%;
        margin-right: 4%
    }

    section.module > div.fields > div.field.email, section.module > div.fields > div.field.request {
        width: 92%;
        margin: 4%
    }

    section.module > div.fields > div.field > label {
        font-size: 16px;
        margin-bottom: 20px
    }

    section.module > div.fields > div.field > div.value {
        width: 100%
    }

    section.module > div.fields > div.field > div.value > textarea {
        min-height: 240px;
        padding-left: 10px;
        padding-top: 10px
    }

    section.module > div.fields > div.baseline {
        position: relative;
        display: inline-block;
        float: left;
        width: 96%;
        margin: 2%
    }

    section.module > div.fields > div.baseline > div.consent {
        width: 60%
    }

    section.module > div.fields > div.baseline > div.consent > label {
        font-size: 14px
    }

    section.module > div.fields > div.baseline > div.consent > label > input {
        margin-right: 8px;
        width: 14px;
        height: 14px
    }

    section.module > div.fields > div.baseline > div.consent > label > a {
        margin-left: 4px
    }

    section.module > div.fields > div.baseline > div.button {
        float: right
    }
}

@media (min-width: 1200px) {
    section.module {
        min-height: 800px
    }

    section.module > div.intro {
        width: 100%;
        margin: 5% 0
    }

    section.module > div.intro > h4 {
        font-size: 22px
    }

    section.module > div.intro > p {
        font-size: 18px
    }

    section.module > div.fields {
        width: 100%;
        margin: 5% 0
    }

    section.module > div.fields > div.field > label {
        font-size: 16px;
        margin-bottom: 20px
    }

    section.module > div.fields > div.field > div.value {
        width: 100%
    }

    section.module > div.fields > div.field > div.value > textarea {
        min-height: 240px;
        padding-left: 10px;
        padding-top: 10px
    }
}

div._group > div.wrapper.module > section.module > div.content > div.intro > h4, div._group._white > div.wrapper.module > section.module > div.content > div.intro > h4 {
    color: #29356d
}

div._group > div.wrapper.module > section.module > div.content > div.intro > p, div._group._white > div.wrapper.module > section.module > div.content > div.intro > p {
    color: #333
}

div._group._yellow > div.wrapper.module > section.module > div.content > div.intro > h4 {
    color: #29356d
}

div._group._yellow > div.wrapper.module > section.module > div.content > div.intro > p {
    color: #29356d
}

div._group._blue > div.wrapper.module > section.module > div.content > div.intro > h4 {
    color: #facc21
}

div._group._blue > div.wrapper.module > section.module > div.content > div.intro > p {
    color: #fff
}

div.wrapper.video section.video > div.content {
    position: relative;
    display: inline-block;
    float: left
}

div.wrapper.video section.video > div.content > video {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

div.wrapper.youths section.youths {
    margin-top: 30px
}

div.wrapper.youths section.youths > div.content {
    position: relative;
    display: inline-block;
    float: left
}

div.wrapper.youths section.youths > div.content > div.youth {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 100px;
    height: 80px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #29356d;
    background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background_2.png");
    background-size: 200px 200px;
    background-position: -170px -60px;
    border-radius: 8px;
    cursor: pointer;
    margin-left: 0px
}

div.wrapper.youths section.youths > div.content > div.youth:after {
    content: "";
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    position: absolute;
    width: 80%;
    left: 10%;
    height: 4px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0)
}

div.wrapper.youths section.youths > div.content > div.youth > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 100%;
    height: 100%;
    color: #facc21;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 22px
}

div.wrapper.youths section.youths > div.content > div.youth > p > span {
    color: #fff
}

div.wrapper.youths section.youths > div.content > div.youth.active:after {
    background-color: #facc21
}

div.wrapper.youths section.youths > div.content > div.youth:hover {
    background-position: -210px -100px
}

div.wrapper.youths section.youths > div.content > div.youth:hover:after {
    background-color: #191e35
}

div.wrapper.youths section.youths > div.content > div.youth:hover > p {
    font-size: 26px
}

div.wrapper.youth_cards section.youth_cards > div.content > div.intro {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

div.wrapper.youth_cards section.youth_cards > div.content > div.intro > h3 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 80px;
    color: #29356d;
    font-size: 40px;
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-indent: 14px
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    background-color: #29356d;
    background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background_2.png");
    background-size: 400px;
    border-radius: 8px;
    height: 280px;
    margin-bottom: 4%;
    top: 0px
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card[v_status=hidden] {
    top: -80px;
    opacity: 0
}

@media (min-width: 700px) {
    div.wrapper.youth_cards section.youth_cards > div.content > div.card {
        width: 46%;
        margin-left: 2%;
        margin-right: 2%;
        height: 220px
    }
}

@media (min-width: 900px) {
    div.wrapper.youth_cards section.youth_cards > div.content > div.card {
        width: 29%;
        margin-left: 2%;
        margin-right: 2%;
        height: 220px
    }
}

@media (min-width: 1200px) {
    div.wrapper.youth_cards section.youth_cards > div.content > div.card {
        width: 21%;
        margin-left: 2%;
        margin-right: 2%;
        height: 220px
    }
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card.staff > div.infos {
    margin-left: 20px
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card.staff > div.infos > p.role {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
    width: 100%;
    margin: 0px;
    font-family: font_black, system-ui, sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.profile {
    display: none
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > p {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
    width: 100%;
    margin: 0px;
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > p[v_status=hidden] {
    top: 80px;
    opacity: 0
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > p.name {
    font-size: 24px;
    color: #fff
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > p.surname {
    font-size: 44px;
    color: #29356d;
    margin-bottom: 10px;
    text-shadow: -0.4px -0.4px 0 #fff, .4px -0.4px 0 #fff, -0.4px .4px 0 #fff, .4px .4px 0 #fff;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    text-shadow: -0.8px -0.8px 0 #fff, .8px -0.8px 0 #fff, -0.8px .8px 0 #fff, .8px .8px 0 #fff
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > div.extras {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin: 0px
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > div.extras > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    margin: 0px;
    font-family: light_condensed, system-ui, sans-serif;
    font-style: italic;
    color: #facc21;
    text-transform: uppercase;
    margin-bottom: 12px
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > div.extras > p.nation {
    display: none
}

div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > div.extras > p > span {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin: 0px;
    font-family: font_black, system-ui, sans-serif;
    color: #fff;
    margin-top: 4px
}

@media (min-width: 700px) {
    div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > span {
        font-size: 110px
    }

    div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > p.name {
        font-size: 22px
    }

    div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > p.surname {
        font-size: 30px
    }
}

@media (min-width: 900px) {
    div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > span {
        font-size: 110px
    }

    div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > p.name {
        font-size: 18px
    }

    div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > p.surname {
        font-size: 24px
    }
}

@media (min-width: 1200px) {
    div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > span {
        font-size: 110px
    }

    div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > p.name {
        font-size: 20px
    }

    div.wrapper.youth_cards section.youth_cards > div.content > div.card > div.infos > p.surname {
        font-size: 28px
    }
}

div.wrapper.faq {
    background-color: #fff
}

div.wrapper.faq section.faq {
    padding: 40px 0px
}

div.wrapper.faq section.faq > div.content > div.intro > h3 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 50px;
    line-height: 40px;
    max-width: 50%;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif;
    color: #29356d
}

div.wrapper.faq section.faq > div.content > div.questions {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

div.wrapper.faq section.faq > div.content > div.questions > div.box {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 20px;
    min-height: 90px;
    -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, .06);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, .06);
    opacity: 1;
    margin-top: 0
}

div.wrapper.faq section.faq > div.content > div.questions > div.box > a.action {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 30px;
    right: 30px;
    border-radius: 50%;
    background-color: #ebebeb;
    cursor: pointer
}

div.wrapper.faq section.faq > div.content > div.questions > div.box > a.action > span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: #000;
    text-align: center;
    pointer-events: none
}

div.wrapper.faq section.faq > div.content > div.questions > div.box > a.action > span.hidden {
    display: block
}

div.wrapper.faq section.faq > div.content > div.questions > div.box > a.action > span.shown {
    display: none
}

div.wrapper.faq section.faq > div.content > div.questions > div.box > a.action:hover {
    background-color: #000
}

div.wrapper.faq section.faq > div.content > div.questions > div.box > a.action:hover > span {
    color: #fff
}

div.wrapper.faq section.faq > div.content > div.questions > div.box > h2 {
    position: relative;
    display: inline-block;
    float: left;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 90px;
    height: 100%;
    width: 75%;
    margin: 3%;
    margin-left: 6%;
    font-size: 22px;
    line-height: 30px;
    color: #000;
    font-family: medium, system-ui, sans-serif
}

div.wrapper.faq section.faq > div.content > div.questions > div.box > div.answer {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 100%;
    max-height: 0px;
    height: auto;
    overflow: hidden
}

div.wrapper.faq section.faq > div.content > div.questions > div.box > div.answer > p {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    margin: 3%;
    margin-left: 6%;
    width: 90%;
    margin-top: 0px;
    font-size: 20px;
    line-height: 26px;
    font-family: regular, system-ui, sans-serif;
    color: #888;
    opacity: 0
}

div.wrapper.faq section.faq > div.content > div.questions > div.box.shown > a.action > span.hidden {
    display: none
}

div.wrapper.faq section.faq > div.content > div.questions > div.box.shown > a.action > span.shown {
    display: block
}

div.wrapper.faq section.faq > div.content > div.questions > div.box.shown > div.answer {
    max-height: 5000px
}

div.wrapper.faq section.faq > div.content > div.questions > div.box.shown > div.answer > p {
    opacity: 1
}

div.wrapper.faq section.faq > div.content > div.questions > div.box[v_status=hidden] {
    opacity: 0;
    margin-top: 60px
}

@media (min-width: 900px) {
    div.wrapper.faq section.faq {
        padding: 100px 0px
    }

    div.wrapper.faq section.faq > div.questions > div.box > h2 {
        min-height: auto;
        margin-left: 3%
    }

    div.wrapper.faq section.faq > div.questions > div.box > div.answer {
        min-height: auto
    }

    div.wrapper.faq section.faq > div.questions > div.box > div.answer > p {
        margin-left: 3%
    }

    div.wrapper.faq section.faq > div.content._12 > div.col {
        margin-left: 1%
    }

    div.wrapper.faq section.faq > div.content._12 > div.col:nth-child(1) {
        width: 36%
    }

    div.wrapper.faq section.faq > div.content._12 > div.col:nth-child(2) {
        width: 60%
    }

    div.wrapper.faq section.faq > div.content._21 > div.col {
        margin-left: 1%;
        margin-bottom: 1%
    }

    div.wrapper.faq section.faq > div.content._21 > div.col:nth-child(1) {
        width: 60%
    }

    div.wrapper.faq section.faq > div.content._21 > div.col:nth-child(2) {
        width: 36%
    }
}

@media (min-width: 1200px) {
    div.wrapper.faq section.faq {
        padding: 100px 0px
    }
}

div.wrapper.map section.map > div.content {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

div.wrapper.map section.map > div.content > h3 {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    width: 90%;
    margin-left: 5%;
    margin-top: 80px;
    color: #29356d;
    font-size: 36px;
    font-family: font_black, system-ui, sans-serif;
    left: 0px
}

div.wrapper.map section.map > div.content > h3[v_status=hidden] {
    left: 100px;
    opacity: 0
}

div.wrapper.map section.map > div.content > div.map {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    width: 100%;
    height: auto;
    top: 0px;
    opacity: 1
}

div.wrapper.map section.map > div.content > div.map iframe {
    border-width: 0px;
    -webkit-filter: saturate(0%);
    filter: saturate(0%)
}

div.wrapper.map section.map > div.content > div.map[v_status=hidden] {
    top: 100px;
    opacity: 0
}

div.wrapper.comingsoon section.comingsoon {
    margin: 80px auto
}

div.wrapper.comingsoon section.comingsoon > div.content {
    position: relative;
    display: inline-block;
    float: left
}

div.wrapper.comingsoon section.comingsoon > div.content > img {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    width: 90%;
    margin-left: 5%;
    top: 0px;
    opacity: 1
}

div.wrapper.comingsoon section.comingsoon > div.content > img[v_status=hidden] {
    top: 100px;
    opacity: 0
}

div.wrapper.comingsoon section.comingsoon > div.content > h3 {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    width: 90%;
    margin-left: 5%;
    margin-top: 80px;
    color: #29356d;
    font-size: 36px;
    font-family: font_black, system-ui, sans-serif;
    left: 0px
}

div.wrapper.comingsoon section.comingsoon > div.content > h3[v_status=hidden] {
    left: 100px;
    opacity: 0
}

div.wrapper.comingsoon section.comingsoon > div.content > h5 {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    width: 90%;
    margin-left: 5%;
    margin-top: 80px;
    color: #29356d;
    font-size: 28px;
    font-family: medium_condensed, system-ui, sans-serif;
    left: 0px
}

div.wrapper.comingsoon section.comingsoon > div.content > h5[v_status=hidden] {
    left: 100px;
    opacity: 0
}

div.wrapper.comingsoon section.comingsoon > div.content > p {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    width: 90%;
    margin-left: 5%;
    margin-top: 30px;
    margin-bottom: 80px;
    color: #767676;
    font-size: 22px;
    line-height: 40px !important;
    font-family: light_condensed, system-ui, sans-serif;
    right: 0px
}

div.wrapper.comingsoon section.comingsoon > div.content > p > strong {
    font-family: medium_condensed, system-ui, sans-serif
}

div.wrapper.comingsoon section.comingsoon > div.content > p > a {
    color: #29356d;
    font-family: medium_condensed, system-ui, sans-serif;
    text-decoration: underline
}

div.wrapper.comingsoon section.comingsoon > div.content > p[v_status=hidden] {
    right: 100px;
    opacity: 0
}

div.wrapper.players_preview section.players_preview > div.content > div.intro {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

div.wrapper.players_preview section.players_preview > div.content > div.intro > h3 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 80px;
    color: #29356d;
    font-size: 40px;
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-indent: 14px
}

div.wrapper.players_preview section.players_preview > div.content > div.slider {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 300px
}

div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 96%;
    margin-left: 0;
    margin-right: 0;
    background-color: #29356d;
    background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background_2.png");
    background-size: 400px;
    border-radius: 8px;
    height: 280px;
    margin-bottom: 4%
}

div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.profile {
    position: relative;
    display: inline-block;
    float: left;
    width: 40%;
    height: 100%
}

div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.profile > img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 90%;
    width: auto;
    top: auto;
    bottom: 0px
}

div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos {
    position: relative;
    display: inline-block;
    float: left;
    width: 60%
}

div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos > span {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    width: 100%;
    margin-top: 20px;
    font-family: medium_condensed, system-ui, sans-serif;
    font-size: 110px;
    color: #29356d;
    text-shadow: -0.4px -0.4px 0 #fff, .4px -0.4px 0 #fff, -0.4px .4px 0 #fff, .4px .4px 0 #fff;
    text-shadow: -0.8px -0.8px 0 #fff, .8px -0.8px 0 #fff, -0.8px .8px 0 #fff, .8px .8px 0 #fff
}

div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos > p {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
    width: 100%;
    margin: 0px;
    font-family: font_black, system-ui, sans-serif;
    text-transform: uppercase
}

div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos > p[v_status=hidden] {
    top: 80px;
    opacity: 0
}

div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos > p.name {
    margin-top: -10px;
    font-size: 24px;
    color: #fff
}

div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos > p.surname {
    font-size: 44px;
    color: #29356d;
    text-shadow: -0.4px -0.4px 0 #fff, .4px -0.4px 0 #fff, -0.4px .4px 0 #fff, .4px .4px 0 #fff;
    text-shadow: -0.8px -0.8px 0 #fff, .8px -0.8px 0 #fff -0.8px .8px 0 #fff, .8px .8px 0 #fff
}

div.wrapper.players_preview section.players_preview > div.content > div.arrows {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%
}

@media (min-width: 900px) {
    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card {
        width: 46%;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 40px;
        height: 180px
    }

    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.profile {
        width: 35%
    }

    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.profile > img {
        height: 90%
    }

    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos {
        width: 65%;
        height: 100%
    }

    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos > span {
        margin-top: 44px;
        font-size: 40px
    }

    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos > p.name {
        font-size: 20px
    }

    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos > p.surname {
        font-size: 30px
    }
}

@media (min-width: 1200px) {
    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card {
        width: 46%;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 40px;
        height: 280px
    }

    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.profile {
        width: 55%
    }

    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.profile > img {
        height: 116%
    }

    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos {
        width: 45%
    }

    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos > span {
        margin-top: 20px;
        font-size: 110px
    }

    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos > p.name {
        font-size: 24px
    }

    div.wrapper.players_preview section.players_preview > div.content > div.slider > div.slick-list > div.slick-track > div.card > div.infos > p.surname {
        font-size: 44px
    }
}

div.wrapper.sponsors_group > section.sponsors_group.sponsors_group, div.wrapper.sponsors_group > section.partners.sponsors_group, div.wrapper.partners > section.sponsors_group.sponsors_group, div.wrapper.partners > section.partners.sponsors_group {
    background-color: #29356d
}

div.wrapper.sponsors_group > section.sponsors_group.partners, div.wrapper.sponsors_group > section.partners.partners, div.wrapper.partners > section.sponsors_group.partners, div.wrapper.partners > section.partners.partners {
    background-color: #fff
}

div.wrapper.sponsors_group > section.sponsors_group > div.content, div.wrapper.sponsors_group > section.partners > div.content, div.wrapper.partners > section.sponsors_group > div.content, div.wrapper.partners > section.partners > div.content {
    position: relative;
    display: inline-block;
    float: left;
    text-align: center
}

div.wrapper.sponsors_group > section.sponsors_group > div.content > div.intro, div.wrapper.sponsors_group > section.partners > div.content > div.intro, div.wrapper.partners > section.sponsors_group > div.content > div.intro, div.wrapper.partners > section.partners > div.content > div.intro {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 60px
}

div.wrapper.sponsors_group > section.sponsors_group > div.content > div.intro > h3, div.wrapper.sponsors_group > section.partners > div.content > div.intro > h3, div.wrapper.partners > section.sponsors_group > div.content > div.intro > h3, div.wrapper.partners > section.partners > div.content > div.intro > h3 {
    font-family: font_black, system-ui, sans-serif;
    font-size: 40px;
    color: #29356d;
    color: #fff;
    text-indent: 10px
}

div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list, div.wrapper.sponsors_group > section.partners > div.content > div.list, div.wrapper.partners > section.sponsors_group > div.content > div.list, div.wrapper.partners > section.partners > div.content > div.list {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: auto
}

div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content > div.list > div.sponsor {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #191e35;
    background-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    margin: 20px;
    border-bottom: .5px dotted #fff;
    border: 1px dotted #191e35
}

div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > a.sponsor > div.logo, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > div.sponsor > div.logo, div.wrapper.sponsors_group > section.partners > div.content > div.list > a.sponsor > div.logo, div.wrapper.sponsors_group > section.partners > div.content > div.list > div.sponsor > div.logo, div.wrapper.partners > section.sponsors_group > div.content > div.list > a.sponsor > div.logo, div.wrapper.partners > section.sponsors_group > div.content > div.list > div.sponsor > div.logo, div.wrapper.partners > section.partners > div.content > div.list > a.sponsor > div.logo, div.wrapper.partners > section.partners > div.content > div.list > div.sponsor > div.logo {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    width: 100%;
    height: auto;
    z-index: 3;
    margin: 0
}

div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.bg, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.bg, div.wrapper.sponsors_group > section.partners > div.content > div.list > a.sponsor > div.logo > img.bg, div.wrapper.sponsors_group > section.partners > div.content > div.list > div.sponsor > div.logo > img.bg, div.wrapper.partners > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.bg, div.wrapper.partners > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.bg, div.wrapper.partners > section.partners > div.content > div.list > a.sponsor > div.logo > img.bg, div.wrapper.partners > section.partners > div.content > div.list > div.sponsor > div.logo > img.bg {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    visibility: hidden
}

div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.logo, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.logo.over, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.logo, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.logo.over, div.wrapper.sponsors_group > section.partners > div.content > div.list > a.sponsor > div.logo > img.logo, div.wrapper.sponsors_group > section.partners > div.content > div.list > a.sponsor > div.logo > img.logo.over, div.wrapper.sponsors_group > section.partners > div.content > div.list > div.sponsor > div.logo > img.logo, div.wrapper.sponsors_group > section.partners > div.content > div.list > div.sponsor > div.logo > img.logo.over, div.wrapper.partners > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.logo, div.wrapper.partners > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.logo.over, div.wrapper.partners > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.logo, div.wrapper.partners > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.logo.over, div.wrapper.partners > section.partners > div.content > div.list > a.sponsor > div.logo > img.logo, div.wrapper.partners > section.partners > div.content > div.list > a.sponsor > div.logo > img.logo.over, div.wrapper.partners > section.partners > div.content > div.list > div.sponsor > div.logo > img.logo, div.wrapper.partners > section.partners > div.content > div.list > div.sponsor > div.logo > img.logo.over {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: 100%;
    height: auto
}

div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.logo.logo, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.logo.over.logo, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.logo.logo, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.logo.over.logo, div.wrapper.sponsors_group > section.partners > div.content > div.list > a.sponsor > div.logo > img.logo.logo, div.wrapper.sponsors_group > section.partners > div.content > div.list > a.sponsor > div.logo > img.logo.over.logo, div.wrapper.sponsors_group > section.partners > div.content > div.list > div.sponsor > div.logo > img.logo.logo, div.wrapper.sponsors_group > section.partners > div.content > div.list > div.sponsor > div.logo > img.logo.over.logo, div.wrapper.partners > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.logo.logo, div.wrapper.partners > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.logo.over.logo, div.wrapper.partners > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.logo.logo, div.wrapper.partners > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.logo.over.logo, div.wrapper.partners > section.partners > div.content > div.list > a.sponsor > div.logo > img.logo.logo, div.wrapper.partners > section.partners > div.content > div.list > a.sponsor > div.logo > img.logo.over.logo, div.wrapper.partners > section.partners > div.content > div.list > div.sponsor > div.logo > img.logo.logo, div.wrapper.partners > section.partners > div.content > div.list > div.sponsor > div.logo > img.logo.over.logo {
    opacity: 1
}

div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.logo.logo.over, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.logo.over.logo.over, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.logo.logo.over, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.logo.over.logo.over, div.wrapper.sponsors_group > section.partners > div.content > div.list > a.sponsor > div.logo > img.logo.logo.over, div.wrapper.sponsors_group > section.partners > div.content > div.list > a.sponsor > div.logo > img.logo.over.logo.over, div.wrapper.sponsors_group > section.partners > div.content > div.list > div.sponsor > div.logo > img.logo.logo.over, div.wrapper.sponsors_group > section.partners > div.content > div.list > div.sponsor > div.logo > img.logo.over.logo.over, div.wrapper.partners > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.logo.logo.over, div.wrapper.partners > section.sponsors_group > div.content > div.list > a.sponsor > div.logo > img.logo.over.logo.over, div.wrapper.partners > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.logo.logo.over, div.wrapper.partners > section.sponsors_group > div.content > div.list > div.sponsor > div.logo > img.logo.over.logo.over, div.wrapper.partners > section.partners > div.content > div.list > a.sponsor > div.logo > img.logo.logo.over, div.wrapper.partners > section.partners > div.content > div.list > a.sponsor > div.logo > img.logo.over.logo.over, div.wrapper.partners > section.partners > div.content > div.list > div.sponsor > div.logo > img.logo.logo.over, div.wrapper.partners > section.partners > div.content > div.list > div.sponsor > div.logo > img.logo.over.logo.over {
    opacity: 0
}

div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > a.sponsor > div.logo:hover > img.logo.logo, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > a.sponsor > div.logo:hover > img.logo.over.logo, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > div.sponsor > div.logo:hover > img.logo.logo, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > div.sponsor > div.logo:hover > img.logo.over.logo, div.wrapper.sponsors_group > section.partners > div.content > div.list > a.sponsor > div.logo:hover > img.logo.logo, div.wrapper.sponsors_group > section.partners > div.content > div.list > a.sponsor > div.logo:hover > img.logo.over.logo, div.wrapper.sponsors_group > section.partners > div.content > div.list > div.sponsor > div.logo:hover > img.logo.logo, div.wrapper.sponsors_group > section.partners > div.content > div.list > div.sponsor > div.logo:hover > img.logo.over.logo, div.wrapper.partners > section.sponsors_group > div.content > div.list > a.sponsor > div.logo:hover > img.logo.logo, div.wrapper.partners > section.sponsors_group > div.content > div.list > a.sponsor > div.logo:hover > img.logo.over.logo, div.wrapper.partners > section.sponsors_group > div.content > div.list > div.sponsor > div.logo:hover > img.logo.logo, div.wrapper.partners > section.sponsors_group > div.content > div.list > div.sponsor > div.logo:hover > img.logo.over.logo, div.wrapper.partners > section.partners > div.content > div.list > a.sponsor > div.logo:hover > img.logo.logo, div.wrapper.partners > section.partners > div.content > div.list > a.sponsor > div.logo:hover > img.logo.over.logo, div.wrapper.partners > section.partners > div.content > div.list > div.sponsor > div.logo:hover > img.logo.logo, div.wrapper.partners > section.partners > div.content > div.list > div.sponsor > div.logo:hover > img.logo.over.logo {
    opacity: 0
}

div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > a.sponsor > div.logo:hover > img.logo.logo.over, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > a.sponsor > div.logo:hover > img.logo.over.logo.over, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > div.sponsor > div.logo:hover > img.logo.logo.over, div.wrapper.sponsors_group > section.sponsors_group > div.content > div.list > div.sponsor > div.logo:hover > img.logo.over.logo.over, div.wrapper.sponsors_group > section.partners > div.content > div.list > a.sponsor > div.logo:hover > img.logo.logo.over, div.wrapper.sponsors_group > section.partners > div.content > div.list > a.sponsor > div.logo:hover > img.logo.over.logo.over, div.wrapper.sponsors_group > section.partners > div.content > div.list > div.sponsor > div.logo:hover > img.logo.logo.over, div.wrapper.sponsors_group > section.partners > div.content > div.list > div.sponsor > div.logo:hover > img.logo.over.logo.over, div.wrapper.partners > section.sponsors_group > div.content > div.list > a.sponsor > div.logo:hover > img.logo.logo.over, div.wrapper.partners > section.sponsors_group > div.content > div.list > a.sponsor > div.logo:hover > img.logo.over.logo.over, div.wrapper.partners > section.sponsors_group > div.content > div.list > div.sponsor > div.logo:hover > img.logo.logo.over, div.wrapper.partners > section.sponsors_group > div.content > div.list > div.sponsor > div.logo:hover > img.logo.over.logo.over, div.wrapper.partners > section.partners > div.content > div.list > a.sponsor > div.logo:hover > img.logo.logo.over, div.wrapper.partners > section.partners > div.content > div.list > a.sponsor > div.logo:hover > img.logo.over.logo.over, div.wrapper.partners > section.partners > div.content > div.list > div.sponsor > div.logo:hover > img.logo.logo.over, div.wrapper.partners > section.partners > div.content > div.list > div.sponsor > div.logo:hover > img.logo.over.logo.over {
    opacity: 1
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_1, div.wrapper.sponsors_group > section.partners > div.content.level_1, div.wrapper.partners > section.sponsors_group > div.content.level_1, div.wrapper.partners > section.partners > div.content.level_1 {
    border-bottom: 1px solid #fff
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_2, div.wrapper.sponsors_group > section.partners > div.content.level_2, div.wrapper.partners > section.sponsors_group > div.content.level_2, div.wrapper.partners > section.partners > div.content.level_2 {
    border-bottom: 1px solid #fff
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_3, div.wrapper.sponsors_group > section.partners > div.content.level_3, div.wrapper.partners > section.sponsors_group > div.content.level_3, div.wrapper.partners > section.partners > div.content.level_3 {
    border-bottom: 1px solid #fff
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_4, div.wrapper.sponsors_group > section.partners > div.content.level_4, div.wrapper.partners > section.sponsors_group > div.content.level_4, div.wrapper.partners > section.partners > div.content.level_4 {
    border-bottom: 1px solid #fff
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_5, div.wrapper.sponsors_group > section.partners > div.content.level_5, div.wrapper.partners > section.sponsors_group > div.content.level_5, div.wrapper.partners > section.partners > div.content.level_5 {
    border-bottom: 1px solid #fff
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_6, div.wrapper.sponsors_group > section.partners > div.content.level_6, div.wrapper.partners > section.sponsors_group > div.content.level_6, div.wrapper.partners > section.partners > div.content.level_6 {
    border-bottom: 1px solid #fff
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_1 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_1 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_1 > div.list, div.wrapper.partners > section.partners > div.content.level_1 > div.list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_1 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_1 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_1 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_1 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_1 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_1 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_1 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_1 > div.list > div.sponsor {
    width: 100%
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_2 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_2 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_2 > div.list, div.wrapper.partners > section.partners > div.content.level_2 > div.list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_2 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_2 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_2 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_2 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_2 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_2 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_2 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_2 > div.list > div.sponsor {
    width: 30%
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_3 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_3 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_3 > div.list, div.wrapper.partners > section.partners > div.content.level_3 > div.list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_3 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_3 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_3 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_3 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_3 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_3 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_3 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_3 > div.list > div.sponsor {
    width: 20%
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_4 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_4 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_4 > div.list, div.wrapper.partners > section.partners > div.content.level_4 > div.list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_4 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_4 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_4 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_4 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_4 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_4 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_4 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_4 > div.list > div.sponsor {
    width: 20%
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_5 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_5 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_5 > div.list, div.wrapper.partners > section.partners > div.content.level_5 > div.list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_5 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_5 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_5 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_5 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_5 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_5 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_5 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_5 > div.list > div.sponsor {
    width: 20%
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_6 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_6 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_6 > div.list, div.wrapper.partners > section.partners > div.content.level_6 > div.list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_6 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_6 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_6 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_6 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_6 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_6 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_6 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_6 > div.list > div.sponsor {
    width: 20%
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_7 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_7 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_7 > div.list, div.wrapper.partners > section.partners > div.content.level_7 > div.list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

div.wrapper.sponsors_group > section.sponsors_group > div.content.level_7 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_7 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_7 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_7 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_7 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_7 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_7 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_7 > div.list > div.sponsor {
    width: 20%
}

@media (min-width: 700px) {
    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_1 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_1 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_1 > div.list, div.wrapper.partners > section.partners > div.content.level_1 > div.list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_1 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_1 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_1 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_1 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_1 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_1 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_1 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_1 > div.list > div.sponsor {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_2 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_2 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_2 > div.list, div.wrapper.partners > section.partners > div.content.level_2 > div.list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_2 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_2 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_2 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_2 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_2 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_2 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_2 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_2 > div.list > div.sponsor {
        -ms-flex-preferred-size: 28%;
        flex-basis: 28%
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_3 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_3 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_3 > div.list, div.wrapper.partners > section.partners > div.content.level_3 > div.list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_3 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_3 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_3 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_3 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_3 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_3 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_3 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_3 > div.list > div.sponsor {
        width: 20%
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_4 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_4 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_4 > div.list, div.wrapper.partners > section.partners > div.content.level_4 > div.list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_4 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_4 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_4 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_4 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_4 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_4 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_4 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_4 > div.list > div.sponsor {
        width: 20%
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_5 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_5 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_5 > div.list, div.wrapper.partners > section.partners > div.content.level_5 > div.list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_5 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_5 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_5 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_5 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_5 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_5 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_5 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_5 > div.list > div.sponsor {
        width: 20%
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_6 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_6 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_6 > div.list, div.wrapper.partners > section.partners > div.content.level_6 > div.list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_6 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_6 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_6 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_6 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_6 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_6 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_6 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_6 > div.list > div.sponsor {
        width: 20%
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_7 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_7 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_7 > div.list, div.wrapper.partners > section.partners > div.content.level_7 > div.list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_7 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_7 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_7 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_7 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_7 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_7 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_7 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_7 > div.list > div.sponsor {
        width: 20%
    }
}

@media (min-width: 900px) {
    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_1 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_1 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_1 > div.list, div.wrapper.partners > section.partners > div.content.level_1 > div.list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_1 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_1 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_1 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_1 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_1 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_1 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_1 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_1 > div.list > div.sponsor {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_2 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_2 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_2 > div.list, div.wrapper.partners > section.partners > div.content.level_2 > div.list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_2 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_2 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_2 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_2 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_2 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_2 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_2 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_2 > div.list > div.sponsor {
        width: 28%;
        -ms-flex-preferred-size: 28%;
        flex-basis: 28%
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_3 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_3 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_3 > div.list, div.wrapper.partners > section.partners > div.content.level_3 > div.list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_3 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_3 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_3 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_3 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_3 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_3 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_3 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_3 > div.list > div.sponsor {
        width: 220px
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_4 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_4 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_4 > div.list, div.wrapper.partners > section.partners > div.content.level_4 > div.list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_4 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_4 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_4 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_4 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_4 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_4 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_4 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_4 > div.list > div.sponsor {
        width: 180px
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_5 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_5 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_5 > div.list, div.wrapper.partners > section.partners > div.content.level_5 > div.list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_5 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_5 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_5 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_5 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_5 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_5 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_5 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_5 > div.list > div.sponsor {
        width: 120px
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_6 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_6 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_6 > div.list, div.wrapper.partners > section.partners > div.content.level_6 > div.list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_6 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_6 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_6 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_6 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_6 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_6 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_6 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_6 > div.list > div.sponsor {
        width: 100px;
        height: auto
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_7 > div.list, div.wrapper.sponsors_group > section.partners > div.content.level_7 > div.list, div.wrapper.partners > section.sponsors_group > div.content.level_7 > div.list, div.wrapper.partners > section.partners > div.content.level_7 > div.list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    div.wrapper.sponsors_group > section.sponsors_group > div.content.level_7 > div.list > a.sponsor, div.wrapper.sponsors_group > section.sponsors_group > div.content.level_7 > div.list > div.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_7 > div.list > a.sponsor, div.wrapper.sponsors_group > section.partners > div.content.level_7 > div.list > div.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_7 > div.list > a.sponsor, div.wrapper.partners > section.sponsors_group > div.content.level_7 > div.list > div.sponsor, div.wrapper.partners > section.partners > div.content.level_7 > div.list > a.sponsor, div.wrapper.partners > section.partners > div.content.level_7 > div.list > div.sponsor {
        width: 80px;
        height: auto
    }
}

div.wrapper.sponsors_group > section.sponsors_group > div.content > div.outro, div.wrapper.sponsors_group > section.partners > div.content > div.outro, div.wrapper.partners > section.sponsors_group > div.content > div.outro, div.wrapper.partners > section.partners > div.content > div.outro {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 60px;
    text-align: center
}

div.wrapper.sponsors_group > section.sponsors_group > div.content > div.outro > a.button, div.wrapper.sponsors_group > section.partners > div.content > div.outro > a.button, div.wrapper.partners > section.sponsors_group > div.content > div.outro > a.button, div.wrapper.partners > section.partners > div.content > div.outro > a.button {
    float: none
}

div.wrapper.jobs {
    background-color: #fff
}

div.wrapper.jobs section.jobs {
    padding: 40px 0px
}

div.wrapper.jobs section.jobs > div.content > div.intro > h3 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 50px;
    line-height: 40px;
    max-width: 50%;
    text-transform: uppercase;
    font-family: font_black, system-ui, sans-serif;
    color: #29356d
}

div.wrapper.jobs section.jobs > div.content > div.jobs {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 1000ms;
    transition: 1000ms;
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 20px;
    min-height: 90px;
    -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, .06);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, .06);
    opacity: 1;
    margin-top: 0;
    padding: 40px 0
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > a.action {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 30px;
    right: 30px;
    border-radius: 50%;
    background-color: #ebebeb;
    z-index: 3;
    cursor: pointer
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > a.action > span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: #000;
    text-align: center;
    pointer-events: none;
    font-family: regular, system-ui, sans-serif;
    font-size: 24px;
    line-height: 30px;
    pointer-events: none
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > a.action > span.hidden {
    display: block
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > a.action > span.shown {
    display: none
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > a.action:hover {
    background-color: #000
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > a.action:hover > span {
    color: #fff
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > h5 {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    width: calc(100% - 60px);
    margin-top: 0px;
    margin-left: 30px;
    font-size: 20px;
    line-height: 26px;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    text-transform: uppercase;
    color: #29356d
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > h2 {
    position: relative;
    display: inline-block;
    float: left;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: calc(100% - 60px);
    margin-top: 10px;
    margin-left: 30px;
    font-size: 34px;
    text-transform: uppercase;
    line-height: 30px;
    color: #fff;
    font-family: font_black, system-ui, sans-serif;
    text-shadow: -0.4px -0.4px 0 #29356d, .4px -0.4px 0 #29356d, -0.4px .4px 0 #29356d, .4px .4px 0 #29356d;
    text-shadow: -1px -1px 0 #29356d, 1px -1px 0 #29356d, -1px 1px 0 #29356d, 1px 1px 0 #29356d
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > div.details {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 100%;
    max-height: 0px;
    height: auto;
    overflow: hidden
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > div.details > p {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    width: calc(100% - 60px);
    margin-top: 10px;
    margin-left: 30px;
    font-size: 22px;
    line-height: 30px;
    font-family: light_condensed, system-ui, sans-serif;
    color: #888;
    opacity: 0
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > div.details > a.button {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    background-color: #29356d
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > div.details > a.button:after {
    border-color: #29356d
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > div.details > a.button > span {
    color: #facc21
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > div.details > a.button:hover {
    background-color: #facc21
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box > div.details > a.button:hover > span {
    color: #29356d
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box.shown > a.action > span.hidden {
    display: none
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box.shown > a.action > span.shown {
    display: block
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box.shown > div.details {
    max-height: 5000px
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box.shown > div.details > p {
    opacity: 1
}

div.wrapper.jobs section.jobs > div.content > div.jobs > div.box[v_status=hidden] {
    opacity: 0;
    margin-top: 60px
}

@media (min-width: 900px) {
    div.wrapper.jobs section.jobs {
        padding: 100px 0px
    }

    div.wrapper.jobs section.jobs > div.questions > div.box > div.answer {
        min-height: auto
    }

    div.wrapper.jobs section.jobs > div.questions > div.box > div.answer > p {
        margin-left: 3%
    }

    div.wrapper.jobs section.jobs > div.content._12 > div.col {
        margin-left: 1%
    }

    div.wrapper.jobs section.jobs > div.content._12 > div.col:nth-child(1) {
        width: 36%
    }

    div.wrapper.jobs section.jobs > div.content._12 > div.col:nth-child(2) {
        width: 60%
    }

    div.wrapper.jobs section.jobs > div.content._21 > div.col {
        margin-left: 1%;
        margin-bottom: 1%
    }

    div.wrapper.jobs section.jobs > div.content._21 > div.col:nth-child(1) {
        width: 60%
    }

    div.wrapper.jobs section.jobs > div.content._21 > div.col:nth-child(2) {
        width: 36%
    }
}

@media (min-width: 1200px) {
    div.wrapper.jobs section.jobs {
        padding: 100px 0px
    }
}

div.wrapper.live > section.live {
    margin-top: 30px
}

div.wrapper.live > section.live > div.content {
    padding: 20px auto
}

div.wrapper.live > section.live > div.content > div.teams {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    min-height: 400px;
    height: auto;
    margin-bottom: 100px
}

@media (min-width: 900px) {
    div.wrapper.live > section.live > div.content > div.teams {
        width: 400px
    }
}

div.wrapper.live > section.live > div.content > div.teams > div.index {
    position: relative;
    display: inline-block;
    float: left;
    height: 60px;
    width: 100%
}

div.wrapper.live > section.live > div.content > div.teams > div.index:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 5px;
    top: 55px;
    z-index: 2
}

div.wrapper.live > section.live > div.content > div.teams > div.index > div.team {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(50% - 30px);
    height: 100%;
    border-radius: 4px 4px 0px 0px;
    z-index: 2;
    cursor: pointer
}

div.wrapper.live > section.live > div.content > div.teams > div.index > div.team:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    top: 6px;
    left: 6px;
    z-index: 2;
    border-radius: 2px;
    z-index: 1;
    opacity: 0
}

div.wrapper.live > section.live > div.content > div.teams > div.index > div.team > p {
    position: relative;
    display: inline-block;
    float: left;
    font-family: light_condensed, system-ui, sans-serif;
    font-size: 26px;
    line-height: 65px;
    text-transform: uppercase;
    pointer-events: none;
    z-index: 2
}

div.wrapper.live > section.live > div.content > div.teams > div.index > div.team.home {
    background-color: #29356d
}

div.wrapper.live > section.live > div.content > div.teams > div.index > div.team.home:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#191e35), to(rgba(25, 30, 53, 0)));
    background: linear-gradient(180deg, #191e35 0%, rgba(25, 30, 53, 0) 100%)
}

div.wrapper.live > section.live > div.content > div.teams > div.index > div.team.home > p {
    float: left;
    color: #facc21;
    text-align: left;
    margin-left: 14px
}

div.wrapper.live > section.live > div.content > div.teams > div.index > div.team.away {
    background-color: #facc21
}

div.wrapper.live > section.live > div.content > div.teams > div.index > div.team.away:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#fa9e21), to(rgba(250, 158, 33, 0)));
    background: linear-gradient(180deg, #fa9e21 0%, rgba(250, 158, 33, 0) 100%)
}

div.wrapper.live > section.live > div.content > div.teams > div.index > div.team.away > p {
    float: right;
    color: #29356d;
    text-align: right;
    margin-right: 14px
}

div.wrapper.live > section.live > div.content > div.teams > div.index > div.team:hover:before {
    opacity: 1
}

div.wrapper.live > section.live > div.content > div.teams > div.index > div.team:hover > p {
    text-decoration: underline
}

div.wrapper.live > section.live > div.content > div.teams > div.index > div.score {
    position: relative;
    display: inline-block;
    float: left;
    background-color: #fff;
    width: 60px;
    height: 100%;
    z-index: 1
}

div.wrapper.live > section.live > div.content > div.teams > div.index > div.score > p {
    position: relative;
    display: inline-block;
    float: left;
    color: #191e35;
    font-size: 28px;
    width: 100%;
    line-height: 65px;
    font-family: font_black, system-ui, sans-serif;
    text-align: center
}

div.wrapper.live > section.live > div.content > div.teams > div.tab {
    position: relative;
    display: inline-block;
    float: left;
    padding-top: 30px;
    width: 100%;
    display: none;
    padding-bottom: 20px;
    border-radius: 0px 0px 4px 4px
}

div.wrapper.live > section.live > div.content > div.teams > div.tab > div.player {
    position: relative;
    display: inline-block;
    float: left;
    height: 50px;
    width: 90%;
    margin-left: 5%
}

div.wrapper.live > section.live > div.content > div.teams > div.tab > div.player.title > p {
    font-family: medium_condensed, system-ui, sans-serif;
    text-transform: uppercase
}

div.wrapper.live > section.live > div.content > div.teams > div.tab > div.player > p {
    position: relative;
    display: inline-block;
    float: left;
    font-family: light_condensed, system-ui, sans-serif;
    font-size: 26px;
    line-height: 50px;
    width: 90%;
    margin-left: 5%
}

div.wrapper.live > section.live > div.content > div.teams > div.tab > div.player > p > span {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    margin-right: 20px
}

div.wrapper.live > section.live > div.content > div.teams > div.tab > div.player > p > span:after {
    content: "";
    position: relative;
    display: inline-block;
    float: left;
    background-image: url("https://www.parmacalcio1913.com/assets/img/icons/live/ico_sub_out.png");
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    margin-top: 13px
}

div.wrapper.live > section.live > div.content > div.teams > div.tab > div.player > p > span.sub_in:after {
    background-image: url("https://www.parmacalcio1913.com/assets/img/icons/live/ico_sub_in.png")
}

div.wrapper.live > section.live > div.content > div.teams > div.tab > div.player > p > span.sub_out:after {
    background-image: url("https://www.parmacalcio1913.com/assets/img/icons/live/ico_sub_out.png")
}

div.wrapper.live > section.live > div.content > div.teams > div.tab.home {
    background-color: #29356d
}

div.wrapper.live > section.live > div.content > div.teams > div.tab.home > div.player {
    background-color: #29356d;
    color: #facc21;
    border-bottom: 1px solid #facc21
}

div.wrapper.live > section.live > div.content > div.teams > div.tab.home > div.player.title > p {
    color: #fff
}

div.wrapper.live > section.live > div.content > div.teams > div.tab.home > div.player.sub {
    background-color: #191e35
}

div.wrapper.live > section.live > div.content > div.teams > div.tab.away {
    background-color: #facc21
}

div.wrapper.live > section.live > div.content > div.teams > div.tab.away > div.player {
    background-color: #facc21;
    color: #29356d;
    border-bottom: 1px solid #29356d
}

div.wrapper.live > section.live > div.content > div.teams > div.tab.away > div.player.title > p {
    color: #29356d
}

div.wrapper.live > section.live > div.content > div.teams > div.tab.away > div.player.sub {
    background-color: #fa9e21
}

div.wrapper.live > section.live > div.content > div.teams.on_home > div.index:after {
    background-color: #facc21
}

div.wrapper.live > section.live > div.content > div.teams.on_home > div.index > div.team.home {
    z-index: 31
}

div.wrapper.live > section.live > div.content > div.teams.on_home > div.index > div.team.home > p {
    font-family: medium_condensed, system-ui, sans-serif
}

div.wrapper.live > section.live > div.content > div.teams.on_home > div.tab.home {
    display: block
}

div.wrapper.live > section.live > div.content > div.teams.on_away > div.index:after {
    background-color: #29356d
}

div.wrapper.live > section.live > div.content > div.teams.on_away > div.index > div.team.away {
    z-index: 31
}

div.wrapper.live > section.live > div.content > div.teams.on_away > div.index > div.team.away > p {
    font-family: medium_condensed, system-ui, sans-serif
}

div.wrapper.live > section.live > div.content > div.teams.on_away > div.tab.away {
    display: block
}

div.wrapper.live > section.live > div.content > div.recap {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    height: auto;
    margin-bottom: 100px
}

@media (min-width: 900px) {
    div.wrapper.live > section.live > div.content > div.recap {
        width: calc(100% - 420px);
        margin-left: 20px
    }
}

div.wrapper.live > section.live > div.content > div.recap > div.post {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100px;
    border-bottom: 2px solid #29356d;
    margin: 0;
    padding: 0;
    overflow: hidden
}

div.wrapper.live > section.live > div.content > div.recap > div.post:last-of-type {
    border-bottom: 0px solid #29356d
}

div.wrapper.live > section.live > div.content > div.recap > div.post.goal {
    background-color: #facc21
}

div.wrapper.live > section.live > div.content > div.recap > div.post > div.minute {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100px;
    height: 100%
}

div.wrapper.live > section.live > div.content > div.recap > div.post > div.minute > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-family: font_black, system-ui, sans-serif;
    font-size: 24px;
    color: #29356d
}

div.wrapper.live > section.live > div.content > div.recap > div.post > div.icon {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100px;
    height: 100%
}

div.wrapper.live > section.live > div.content > div.recap > div.post > div.icon > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 90%;
    height: 90%;
    margin: 5%
}

div.wrapper.live > section.live > div.content > div.recap > div.post > div.comment {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: calc(100% - 200px);
    height: 100%
}

div.wrapper.live > section.live > div.content > div.recap > div.post > div.comment > p {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
    font-family: regular, system-ui, sans-serif;
    font-size: 16px;
    color: #29356d
}

div.wrapper.live > section.live > div.content > div.recap > div.post > div.comment > p > strong {
    font-family: medium, system-ui, sans-serif;
    font-weight: bolder;
    margin: 0 2px
}

div.wrapper.results > section.results > div.content > div.match {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    padding: 40px 0;
    border-bottom: 1px solid #ccc
}

div.wrapper.results > section.results > div.content > div.match.hidden {
    display: none
}

div.wrapper.results > section.results > div.content > div.match > div.title {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 20px
}

div.wrapper.results > section.results > div.content > div.match > div.title > h3 {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    color: #29356d
}

div.wrapper.results > section.results > div.content > div.match > div.title > div.competition {
    position: relative;
    display: inline-block;
    float: left;
    float: right
}

div.wrapper.results > section.results > div.content > div.match > div.title > div.competition > img {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    width: 30px;
    height: auto
}

div.wrapper.results > section.results > div.content > div.match > div.title > div.competition > p {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 20px;
    line-height: 36px;
    margin-right: 6px;
    text-transform: uppercase;
    font-family: medium_condensed, system-ui, sans-serif;
    color: #29356d
}

div.wrapper.results > section.results > div.content > div.match > div.infos {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

div.wrapper.results > section.results > div.content > div.match > div.infos > span {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-family: regular, system-ui, sans-serif;
    color: #29356d;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    height: 30px
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 90px;
    text-align: center
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.team {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    height: 100%;
    width: calc(50% - 36px);
    margin: 0;
    overflow: hidden
}

@media (min-width: 1200px) {
    div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.team {
        width: 260px
    }
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.team > div.logo {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    width: 50px;
    height: 50px;
    margin-top: 10px
}

@media (min-width: 1200px) {
    div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.team > div.logo {
        margin-top: 0px;
        width: 70px;
        height: 70px
    }
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.team > div.logo > img {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 5px);
    height: calc(100% - 5px);
    margin: 5px
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.team > h4 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 50px);
    height: 100%;
    font-family: regular, system-ui, sans-serif;
    color: #29356d;
    text-transform: uppercase;
    font-size: 16px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0;
    overflow: hidden
}

@media (min-width: 1200px) {
    div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.team > h4 {
        width: calc(100% - 70px);
        font-size: 20px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.team > h4 > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.team > h4 > p > span {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-family: regular, system-ui, sans-serif
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.team:nth-child(3) > div.logo {
    float: left
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.team:nth-child(3) > h4 {
    float: right;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.result {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 60px;
    width: 60px;
    top: -48px
}

@media (min-width: 1200px) {
    div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.result {
        width: 100px
    }
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.result > p {
    font-family: medium, system-ui, sans-serif;
    width: 100%;
    text-align: center;
    color: #29356d;
    text-transform: uppercase;
    font-size: 14px
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.result > p > sup {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-size: 12px
}

@media (min-width: 1200px) {
    div.wrapper.results > section.results > div.content > div.match > div.infos > div.teams > div.result > p {
        font-size: 20px
    }
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.goals {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    text-align: center
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.goals > div.team_goals {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    height: 100%;
    width: calc(50% - 36px);
    margin: 0;
    overflow: hidden
}

@media (min-width: 1200px) {
    div.wrapper.results > section.results > div.content > div.match > div.infos > div.goals > div.team_goals {
        width: 260px
    }
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.goals > div.team_goals > p {
    position: relative;
    display: inline-block;
    float: left;
    font-family: regular, system-ui, sans-serif
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.goals > div.team_goals > p > span {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 13px;
    margin: auto 4px
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.goals > div.team_goals > p > span > strong {
    font-family: font_black, system-ui, sans-serif
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.goals > div.team_goals.home > p {
    text-align: right
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.goals > div.team_goals.home > p > span {
    float: right
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.goals > div.team_goals.away > p {
    text-align: left
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.goals > div.team_goals.away > p > span {
    float: left
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.goals > div.separe {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 1px;
    width: 60px;
    top: -48px
}

@media (min-width: 1200px) {
    div.wrapper.results > section.results > div.content > div.match > div.infos > div.goals > div.separe {
        width: 100px
    }
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.actions {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%
}

div.wrapper.results > section.results > div.content > div.match > div.infos > div.actions > a.button {
    float: right
}

div.wrapper.results > section.results > div.outro {
    margin: 20px auto 60px;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

div.wrapper.twoblocks > section.twoblocks > div.content > a.links {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(50% - 20px);
    margin-right: 10px
}

div.wrapper.twoblocks > section.twoblocks > div.content > a.links > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

div.wrapper.twoblocks > section.twoblocks > div.content > a.links:nth-child(2) {
    margin-right: 0px;
    margin-left: 10px
}

section.cards > div.content {
    position: relative;
    display: inline-block;
    float: left
}

section.cards > div.content > div.cards {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    text-align: center
}

section.cards > div.content > div.cards > div.card_item {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    overflow: hidden;
    border-radius: 15px;
    -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, .2);
    box-shadow: 0px 8px 10px rgba(0, 0, 0, .2);
    width: calc(100% - 20px);
    margin: 10px;
    height: 160px
}

@media (min-width: 700px) {
    section.cards > div.content > div.cards > div.card_item > div.card_item {
        width: calc(50% - 20px)
    }
}

section.cards > div.content > div.cards > div.card_item > a {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    overflow: hidden
}

section.cards > div.content > div.cards > div.card_item > a > img {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 2000ms;
    transition: 2000ms;
    width: auto;
    height: auto;
    max-width: 160%;
    max-height: 160%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -o-object-fit: cover;
    object-fit: cover
}

section.cards > div.content > div.cards > div.card_item > div.card_color {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    opacity: .7;
    pointer-events: none
}

section.cards > div.content > div.cards > div.card_item > div.card_color::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 5px;
    left: 5px;
    background: inherit;
    opacity: 1;
    border-radius: 10px
}

section.cards > div.content > div.cards > div.card_item > div.card_color._blue {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(41, 53, 109, 0.4)), to(#29356d));
    background: linear-gradient(180deg, rgba(41, 53, 109, 0.4) 40%, #29356d 100%)
}

section.cards > div.content > div.cards > div.card_item > div.card_color._blue::after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(41, 53, 109, 0.4)), to(#29356d));
    background: linear-gradient(180deg, rgba(41, 53, 109, 0.4) 40%, #29356d 100%)
}

section.cards > div.content > div.cards > div.card_item > div.card_color._yellow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(250, 204, 33, 0.4)), to(#facc21));
    background: linear-gradient(180deg, rgba(250, 204, 33, 0.4) 40%, #facc21 100%)
}

section.cards > div.content > div.cards > div.card_item > div.card_color._yellow::after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(250, 204, 33, 0.4)), to(#facc21));
    background: linear-gradient(180deg, rgba(250, 204, 33, 0.4) 40%, #facc21 100%)
}

section.cards > div.content > div.cards > div.card_item > div.card_color._white {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(255, 255, 255, 0.4)), to(white));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 40%, white 100%)
}

section.cards > div.content > div.cards > div.card_item > div.card_color._white::after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(255, 255, 255, 0.4)), to(white));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 40%, white 100%)
}

section.cards > div.content > div.cards > div.card_item > div.card_color._black {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0.4)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 40%, black 100%)
}

section.cards > div.content > div.cards > div.card_item > div.card_color._black::after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0.4)), to(black));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 40%, black 100%)
}

section.cards > div.content > div.cards > div.card_item > p, section.cards > div.content > div.cards > div.card_item > span {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    top: 20px;
    left: 20px;
    text-transform: uppercase;
    font-size: 26px;
    font-family: "font_black";
    text-align: center;
    line-height: 26px;
    pointer-events: none
}

section.cards > div.content > div.cards > div.card_item > p._blue, section.cards > div.content > div.cards > div.card_item > span._blue {
    color: #29356d;
    text-shadow: 0px 0px 0px #facc21
}

section.cards > div.content > div.cards > div.card_item > p._yellow, section.cards > div.content > div.cards > div.card_item > span._yellow {
    color: #facc21;
    text-shadow: 0px 0px 0px #29356d
}

section.cards > div.content > div.cards > div.card_item > p._white, section.cards > div.content > div.cards > div.card_item > span._white {
    color: #fff;
    text-shadow: 0px 0px 0px #000
}

section.cards > div.content > div.cards > div.card_item > p._black, section.cards > div.content > div.cards > div.card_item > span._black {
    color: #000;
    text-shadow: 0px 0px 0px #fff
}

@media (min-width: 700px) {
    section.cards > div.content > div.cards > div.card_item > p, section.cards > div.content > div.cards > div.card_item > span {
        font-size: 28px;
        line-height: 28px
    }
}

@media (min-width: 900px) {
    section.cards > div.content > div.cards > div.card_item > p, section.cards > div.content > div.cards > div.card_item > span {
        font-size: 28px;
        line-height: 28px
    }
}

@media (min-width: 1200px) {
    section.cards > div.content > div.cards > div.card_item > p, section.cards > div.content > div.cards > div.card_item > span {
        font-size: 28px;
        line-height: 28px
    }
}

@media (min-width: 1400px) {
    section.cards > div.content > div.cards > div.card_item > p, section.cards > div.content > div.cards > div.card_item > span {
        font-size: 28px;
        line-height: 28px
    }
}

section.cards > div.content > div.cards > div.card_item > p {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms
}

section.cards > div.content > div.cards > div.card_item > span {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms
}

section.cards > div.content > div.cards > div.card_item:hover > p {
    font-size: 30px
}

section.cards > div.content > div.cards > div.card_item:hover > p._blue {
    text-shadow: -6px 8px 10px #facc21
}

section.cards > div.content > div.cards > div.card_item:hover > p._yellow {
    text-shadow: -6px 8px 10px #29356d
}

section.cards > div.content > div.cards > div.card_item:hover > p._white {
    text-shadow: -6px 8px 10px #000
}

section.cards > div.content > div.cards > div.card_item:hover > p._black {
    text-shadow: -6px 8px 10px #fff
}

section.cards > div.content > div.cards > div.card_item:hover > span {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    opacity: .01
}

section.cards > div.content > div.cards > div.card_item:hover > span._blue {
    text-shadow: 6px -8px 20px #facc21
}

section.cards > div.content > div.cards > div.card_item:hover > span._yellow {
    text-shadow: 6px -8px 20px #29356d
}

section.cards > div.content > div.cards > div.card_item:hover > span._white {
    text-shadow: 6px -8px 20px #000
}

section.cards > div.content > div.cards > div.card_item:hover > span._black {
    text-shadow: 6px -8px 20px #fff
}

section.cards > div.content > div.cards > div.card_item:hover > a > img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

section.cards > div.content > div.cards > div.card_item:hover > div.card_color {
    opacity: 1
}

section.cards > div.content > div.cards > div.card_item:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, .2);
    box-shadow: 0px 20px 20px rgba(0, 0, 0, .2)
}

section.cards > div.content > div.cards._centered > div.card_item {
    float: none !important
}

@media (min-width: 700px) {
    section.cards > div.content > div.cards._cards_2 > div.card_item {
        width: calc(50% - 20px)
    }
}

@media (min-width: 900px) {
    section.cards > div.content > div.cards._cards_3 > div.card_item {
        width: calc(33% - 20px)
    }

    section.cards > div.content > div.cards._cards_3 > div.card_item > p, section.cards > div.content > div.cards._cards_3 > div.card_item > span {
        font-size: 22px;
        line-height: 24px
    }
}

@media (min-width: 900px) {
    section.cards > div.content > div.cards._cards_4 > div.card_item {
        width: calc(25% - 20px)
    }

    section.cards > div.content > div.cards._cards_4 > div.card_item > p, section.cards > div.content > div.cards._cards_4 > div.card_item > span {
        font-size: 22px;
        line-height: 24px
    }
}

@media (min-width: 900px) {
    section.cards > div.content > div.cards._cards_4 > div.card_item > p, section.cards > div.content > div.cards._cards_4 > div.card_item > span {
        font-size: 26px;
        line-height: 28px
    }
}

@media (min-width: 900px) {
    section.cards > div.content > div.cards._cards_5 > div.card_item {
        width: calc(33% - 20px)
    }

    section.cards > div.content > div.cards._cards_5 > div.card_item > p, section.cards > div.content > div.cards._cards_5 > div.card_item > span {
        font-size: 22px;
        line-height: 24px
    }
}

@media (min-width: 1200px) {
    section.cards > div.content > div.cards._cards_5 > div.card_item {
        width: calc(20% - 20px)
    }

    section.cards > div.content > div.cards._cards_5 > div.card_item > p, section.cards > div.content > div.cards._cards_5 > div.card_item > span {
        font-size: 22px;
        line-height: 24px
    }
}

div.wrapper._yellow_striped section.intro > div.content > div.under > h2 {
    color: #facc21;
    text-shadow: -1px -1px 0 #29356d, 1px -1px 0 #29356d, -1px 1px 0 #29356d, 1px 1px 0 #29356d;
    text-shadow: -0.4px -0.4px 0 #29356d, .4px -0.4px 0 #29356d, -0.4px .4px 0 #29356d, .4px .4px 0 #29356d;
    text-shadow: -0.8px -0.8px 0 #29356d, .8px -0.8px 0 #29356d, -0.8px .8px 0 #29356d, .8px .8px 0 #29356d;
    mix-blend-mode: darken
}

div.wrapper._yellow_striped section.intro > div.content > div.col.text > div.inner > h4 {
    color: #29356d
}

div.wrapper._yellow_striped section.intro > div.content > div.col.text > div.inner > h3 {
    color: #29356d
}

div.wrapper._yellow_striped section.intro > div.content > div.col.text > div.inner > h3 > span {
    color: #facc21;
    text-shadow: -0.4px -0.4px 0 #29356d, .4px -0.4px 0 #29356d, -0.4px .4px 0 #29356d, .4px .4px 0 #29356d;
    text-shadow: -0.8px -0.8px 0 #29356d, .8px -0.8px 0 #29356d, -0.8px .8px 0 #29356d, .8px .8px 0 #29356d
}

div.wrapper._yellow_striped section.intro > div.content > div.col.text > div.inner > p {
    color: #000
}

div.wrapper._yellow_striped section.intro > div.content > div.col.image > div.inner > img {
    -webkit-box-shadow: 0px 10px 80px rgba(0, 0, 0, .1);
    box-shadow: 0px 10px 80px rgba(0, 0, 0, .1)
}

div.wrapper._blue_striped section.intro > div.content > div.under > h2 {
    color: #29356d;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    text-shadow: -0.4px -0.4px 0 #fff, .4px -0.4px 0 #fff, -0.4px .4px 0 #fff, .4px .4px 0 #fff;
    text-shadow: -0.8px -0.8px 0 #fff, .8px -0.8px 0 #fff, -0.8px .8px 0 #fff, .8px .8px 0 #fff;
    mix-blend-mode: soft-light
}

div.wrapper._blue_striped section.intro > div.content > div.col.text > div.inner > h4 {
    color: #fff
}

div.wrapper._blue_striped section.intro > div.content > div.col.text > div.inner > h3 {
    color: #facc21
}

div.wrapper._blue_striped section.intro > div.content > div.col.text > div.inner > h3 > span {
    color: #29356d;
    text-shadow: -2px 0 #fff, 0px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    text-shadow: -4px 0 #fff, 0px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
    text-shadow: -0.8px 0 #fff, 0px 0 #fff, -0.4px .4px 0 #fff, .4px .4px 0 #fff;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    mix-blend-mode: soft-light
}

div.wrapper._blue_striped section.intro > div.content > div.col.text > div.inner > p {
    color: #fff
}

div.wrapper._blue_striped section.intro > div.content > div.col.image > div.inner > img {
    -webkit-box-shadow: 0px 10px 80px rgba(250, 204, 33, .1);
    box-shadow: 0px 10px 80px rgba(250, 204, 33, .1)
}

div.wrapper._white_striped section.intro > div.content > div.under > h2 {
    color: #fff;
    text-shadow: -1px -1px 0 #29356d, 1px -1px 0 #29356d, -1px 1px 0 #29356d, 1px 1px 0 #29356d;
    text-shadow: -0.4px -0.4px 0 #29356d, .4px -0.4px 0 #29356d, -0.4px .4px 0 #29356d, .4px .4px 0 #29356d;
    text-shadow: -0.8px -0.8px 0 #29356d, .8px -0.8px 0 #29356d, -0.8px .8px 0 #29356d, .8px .8px 0 #29356d;
    mix-blend-mode: darken
}

div.wrapper._white_striped section.intro > div.content > div.col.text > div.inner > h4 {
    color: #facc21
}

div.wrapper._white_striped section.intro > div.content > div.col.text > div.inner > h3 {
    color: #29356d
}

div.wrapper._white_striped section.intro > div.content > div.col.text > div.inner > h3 > span {
    color: #fff;
    text-shadow: -2px 0 #29356d, 0px 0 #29356d, -1px 1px 0 #29356d, 1px 1px 0 #29356d;
    text-shadow: -4px 0 #29356d, 0px 0 #29356d, -2px 2px 0 #29356d, 2px 2px 0 #29356d;
    text-shadow: -0.8px 0 #29356d, 0px 0 #29356d, -0.4px .4px 0 #29356d, .4px .4px 0 #29356d;
    text-shadow: -0.4px -0.4px 0 #29356d, .4px -0.4px 0 #29356d, -0.4px .4px 0 #29356d, .4px .4px 0 #29356d;
    text-shadow: -1px -1px 0 #29356d, 1px -1px 0 #29356d, -1px 1px 0 #29356d, 1px 1px 0 #29356d
}

div.wrapper._white_striped section.intro > div.content > div.col.text > div.inner > p {
    color: #000
}

div.wrapper._white_striped section.intro > div.content > div.col.image > div.inner > img {
    -webkit-box-shadow: 0px 10px 80px rgba(0, 0, 0, .1);
    box-shadow: 0px 10px 80px rgba(0, 0, 0, .1)
}

.arrows {
    position: relative;
    display: inline-block;
    float: left
}

.arrows > div.action {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 800ms;
    transition: 800ms;
    height: 40px;
    width: 80px;
    border: 1px solid #29356d;
    border-radius: 80px;
    margin: 5px;
    cursor: pointer
}

.arrows > div.action > svg, .arrows > div.action > img {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 200ms;
    transition: 200ms;
    width: 26px;
    height: 26px;
    color: #29356d
}

.arrows > div.action > svg ._filled, .arrows > div.action > img ._filled {
    fill: #29356d
}

.arrows > div.action:hover.prev > img, .arrows > div.action:hover.prev > svg {
    margin-right: 20px
}

.arrows > div.action:hover.next > img, .arrows > div.action:hover.next > svg {
    margin-left: 20px
}

div.content {
    position: relative;
    display: inline-block;
    float: left
}

._group {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

div.wrapper.home_dashboard {
    z-index: 2
}

div.wrapper.home_intro {
    z-index: 1
}

.boxes {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

main[from=archive_pr_youth] div.content > div.team_preview, main[from=archive_pr_youth_f] div.content > div.team_preview {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 24px
}

main[from=archive_pr_youth] div.content > div.team_preview > img, main[from=archive_pr_youth_f] div.content > div.team_preview > img {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

@media (min-width: 900px) {
    main[from=archive_pr_youth] div.content > div.team_preview, main[from=archive_pr_youth_f] div.content > div.team_preview {
        width: calc(33% - 18px);
        height: auto;
        margin-right: 24px;
        margin-bottom: 24px
    }

    main[from=archive_pr_youth] div.content > div.team_preview:nth-child(3n+0), main[from=archive_pr_youth_f] div.content > div.team_preview:nth-child(3n+0) {
        margin-right: 0px
    }
}

@media (min-width: 1200px) {
    main[from=archive_pr_youth] div.content > div.team_preview, main[from=archive_pr_youth_f] div.content > div.team_preview {
        width: calc(25% - 18px);
        height: auto;
        margin-right: 24px;
        margin-bottom: 24px
    }

    main[from=archive_pr_youth] div.content > div.team_preview:nth-child(3n+0), main[from=archive_pr_youth_f] div.content > div.team_preview:nth-child(3n+0) {
        margin-right: 24px
    }

    main[from=archive_pr_youth] div.content > div.team_preview:nth-child(4n+0), main[from=archive_pr_youth_f] div.content > div.team_preview:nth-child(4n+0) {
        margin-right: 0px
    }
}

section.table > div.content > div.table {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

section.table > div.content > div.table > div.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #888
}

section.table > div.content > div.table > div.row:last-of-type {
    border-bottom: 1px solid #888
}

section.table > div.content > div.table > div.row > div.col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #888
}

section.table > div.content > div.table > div.row > div.col:last-of-type {
    border-right: 1px solid #888
}

section.table > div.content > div.table > div.row > div.col > p {
    text-indent: 0px;
    border: 0px solid rgba(0, 0, 0, 0);
    margin: 4px;
    background-color: rgba(0, 0, 0, 0);
    color: #29356d;
    font-family: regular, system-ui, sans-serif;
    font-size: 16px;
    resize: none;
    text-align: center;
    line-height: 20px
}

section.table > div.content > div.table > div.row > div.col:first-of-type > p {
    color: #8c92aa
}

section.table > div.content > div.table > div.row:first-of-type > div.col > p {
    color: #facc21;
    text-transform: uppercase
}

section.table > div.content > div.table > div.row:nth-child(1) {
    background-color: #fff !important
}

section.table > div.content > div.table > div.row:nth-child(odd) {
    background-color: #f3f3f3
}

section.table > div.content > div.table > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 40px;
    font-size: 12px;
    color: #8c92aa;
    font-family: regular, system-ui, sans-serif
}

.dialog {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 200ms;
    transition: 200ms;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 99;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(41, 53, 109, .8);
    pointer-events: none;
    opacity: 0
}

.dialog .window {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    width: 480px;
    height: 260px;
    border-radius: 30px;
    overflow: hidden;
    opacity: 0;
    margin-top: -100px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    border: 20px solid #facc21;
    background-color: #facc21;
    -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, .3);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, .3)
}

.dialog .window .title {
    position: relative;
    display: inline-block;
    float: left;
    height: 60px;
    width: 100%
}

.dialog .window .title h5 {
    position: relative;
    display: inline-block;
    float: left;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left;
    height: 100%;
    width: 100%;
    font-size: 16px;
    color: #29356d;
    font-family: font_black, system-ui, sans-serif;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px
}

.dialog .window .content {
    position: relative;
    display: inline-block;
    float: left;
    height: calc(100% - 140px);
    width: 100%
}

.dialog .window .content p {
    color: #29356d;
    font-family: regular, system-ui, sans-serif;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    padding: 20px 30px 40px 30px;
    font-size: 16px
}

.dialog .window .btns {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    width: 100%
}

.dialog .window .btns .button {
    margin-right: 4px;
    width: 120px
}

.dialog .window .btns .button:last-of-type {
    margin-right: 0px
}

.dialog.active {
    pointer-events: all;
    opacity: 1
}

.dialog.active .window {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

body > div#search_module {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(41, 53, 109, .8)
}

body > div#search_module._active {
    opacity: 1;
    pointer-events: all
}

body > div#search_module > form {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 420px;
    height: auto;
    background-color: #29356d;
    border-radius: 20px;
    padding: 0;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, .6);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, .6)
}

body > div#search_module > form > input {
    position: relative;
    display: inline-block;
    float: left;
    padding: 0;
    margin-top: 20px;
    width: calc(100% - 42px);
    height: 44px;
    border: 1px solid #facc21;
    color: #facc21;
    border-radius: 8px;
    background-color: #191e35
}

body > div#search_module > form > input::-webkit-input-placeholder {
    color: #fff
}

body > div#search_module > form > input::-moz-placeholder {
    color: #fff
}

body > div#search_module > form > input:-ms-input-placeholder {
    color: #fff
}

body > div#search_module > form > input::-ms-input-placeholder {
    color: #fff
}

body > div#search_module > form > input::placeholder {
    color: #fff
}

body > div#search_module > form > a.button {
    margin-top: 20px;
    margin-bottom: 20px;
    width: calc(100% - 82px)
}

section.search > div.content._boxed {
    background-color: #fff
}

section.search > div.content._boxed > div.item.result {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    padding: 30px 0;
    border-bottom: 1px solid #29356d
}

section.search > div.content._boxed > div.item.result:last-of-type {
    border-bottom: 0px solid #29356d;
    margin-bottom: 60px
}

section.search > div.content._boxed > div.item.result > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-family: regular, system-ui, sans-serif;
    font-style: italic;
    font-size: 18px;
    color: #facc21;
    margin-bottom: 10px
}

section.search > div.content._boxed > div.item.result > h3 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-family: font_black, system-ui, sans-serif;
    color: #29356d;
    font-size: 26px;
    margin-bottom: 20px
}

section.search > div.content._boxed > div.item.result > a {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    font-family: regular, system-ui, sans-serif;
    font-size: 18px
}

section.search > div.content._premod {
    width: 100%;
    padding: 20px 0 20px;
    border-bottom: 4px solid #29356d;
    background-color: #facc21
}

section.search > div.content._premod > h2 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
    font-family: font_black, system-ui, sans-serif;
    color: #29356d
}

section.search > div.content._mod {
    width: 100%;
    padding: 20px 0 80px;
    border-top: 4px solid #29356d;
    background-color: #facc21
}

section.search > div.content._mod > div.search_module {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%
}

section.search > div.content._mod > div.search_module > form {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 30px;
    width: 60%;
    margin-left: 20%;
    height: 60px
}

section.search > div.content._mod > div.search_module > form > input {
    position: relative;
    display: inline-block;
    float: left;
    padding: 0;
    margin-top: 0px;
    width: calc(100% - 200px);
    height: 44px;
    border: 1px solid #29356d;
    color: #29356d;
    border-radius: 8px
}

section.search > div.content._mod > div.search_module > form > a.button {
    float: right;
    margin-top: 0px;
    min-width: 100px
}

section.simple_button > div.content {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.simple_button > div.content._right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

section.simple_button > div.content._left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

section.logged {
    background-color: #facc21;
    background-image: url("https://www.parmacalcio1913.com/assets/img/stripes_background.png");
    background-attachment: fixed;
    background-position: -900px -100px;
    padding: 10px 0
}

section.logged > div.content {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: auto
}

section.logged > div.content > h3 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 32px;
    float: left;
    font-family: font_black;
    color: #29356d;
    color: #fff;
    height: 80px
}

section.logged > div.content > p.link_profile {
    text-decoration: underline;
    color: #191e35;
    font-family: medium;
    margin-top: 10px;
    font-size: 16px
}

section.logged > div.content > a.link_logout {
    position: absolute;
    right: 10px;
    text-decoration: underline;
    color: #191e35;
    font-family: medium;
    margin-top: 10px;
    font-size: 16px
}

div.cookie_policy {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: fixed;
    bottom: 0px;
    width: 100%;
    max-width: 1920px;
    height: auto;
    background-color: #191e35;
    z-index: 99999999;
    opacity: 0;
    pointer-events: none
}

div.cookie_policy > div.content {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 20px);
    height: auto;
    margin: 10px;
    margin-top: 30px
}

div.cookie_policy > div.content > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #fff;
    font-family: light_condensed, system-ui, sans-serif
}

div.cookie_policy > div.actions {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 40px);
    text-align: right;
    height: auto;
    margin: 20px;
    margin-top: 0px
}

div.cookie_policy > div.actions > a {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    margin-left: 10px
}

div.cookie_policy > div.actions > a.follow_link {
    width: 180px
}

div.cookie_policy > div.actions > a.button {
    width: 140px
}

div.cookie_policy._enbaled {
    opacity: 1;
    pointer-events: all
}

div.cookie_window {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    position: fixed;
    z-index: 99999998;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    top: 0px;
    left: 0px;
    background-color: rgba(25, 30, 53, .7);
    opacity: 0;
    pointer-events: none
}

div.cookie_window > div.cookie_popup {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 480px;
    height: auto;
    opacity: 0;
    top: calc(50% - 0px);
    left: calc(50% - 240px);
    background-color: #191e35;
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 30px #000;
    box-shadow: 0px 10px 30px #000
}

div.cookie_window > div.cookie_popup > div.action.close {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #191e35;
    border: 4px solid #facc21;
    right: -10px;
    top: -10px;
    cursor: pointer
}

div.cookie_window > div.cookie_popup > div.action.close > p {
    font-family: medium;
    color: #facc21;
    pointer-events: none
}

div.cookie_window > div.cookie_popup > div.action.close:hover {
    width: 44px;
    height: 44px;
    right: -12px;
    top: -12px
}

div.cookie_window > div.cookie_popup > div.content {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 40px);
    height: auto;
    margin: 10px 20px
}

div.cookie_window > div.cookie_popup > div.content > h4 {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    margin: 10px 0;
    height: auto;
    font-size: 20px;
    color: #fff;
    color: #facc21;
    font-family: medium_condensed, system-ui, sans-serif
}

div.cookie_window > div.cookie_popup > div.content > p {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #fff;
    font-family: light_condensed, system-ui, sans-serif
}

div.cookie_window > div.cookie_popup > div.cookie_opt {
    position: relative;
    display: inline-block;
    float: left;
    height: auto;
    margin: 10px 20px;
    background-color: #191e35;
    width: calc(100% - 44px);
    border: 2px solid #29356d;
    border-radius: 6px;
    height: 40px;
    overflow: hidden
}

div.cookie_window > div.cookie_popup > div.cookie_opt._active {
    height: auto
}

div.cookie_window > div.cookie_popup > div.cookie_opt > div.opt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    text-align: right
}

div.cookie_window > div.cookie_popup > div.cookie_opt > div.opt > p {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    font-size: 14px;
    color: #fff;
    font-family: light_condensed, system-ui, sans-serif;
    margin: 10px;
    line-height: 22px;
    pointer-events: none
}

div.cookie_window > div.cookie_popup > div.cookie_opt > div.opt > div.switcher {
    position: relative;
    display: inline-block;
    float: left;
    float: right;
    width: 40px;
    height: 20px;
    border-radius: 12px;
    border: 1px solid #888;
    margin-right: 10px;
    margin-top: 10px
}

div.cookie_window > div.cookie_popup > div.cookie_opt > div.opt > div.switcher > div.switch {
    position: relative;
    display: inline-block;
    float: left;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    margin-left: calc(100% - 20px);
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #888
}

div.cookie_window > div.cookie_popup > div.cookie_opt > div.opt > div.switcher._enbaled {
    border: 1px solid #facc21
}

div.cookie_window > div.cookie_popup > div.cookie_opt > div.opt > div.switcher._enbaled > div.switch {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 600ms;
    transition: 600ms;
    margin-left: 0px;
    background-color: #facc21
}

div.cookie_window > div.cookie_popup > div.cookie_opt > h5 {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 20px);
    margin: 10px;
    height: auto;
    font-size: 18px;
    color: #facc21;
    font-family: medium_condensed, system-ui, sans-serif;
    pointer-events: none
}

div.cookie_window > div.cookie_popup > div.cookie_opt > p {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 20px);
    margin: 10px;
    font-size: 16px;
    color: #fff;
    font-family: light_condensed, system-ui, sans-serif;
    pointer-events: none
}

div.cookie_window > div.cookie_popup > div.actions {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(100% - 40px);
    height: auto;
    margin: 0px 20px;
    margin-bottom: 20px
}

div.cookie_window > div.cookie_popup > div.actions > a.button {
    width: calc(100% - 40px)
}

div.cookie_window._enbaled {
    opacity: 1;
    pointer-events: all
}

div.cookie_window._enbaled > div.cookie_popup {
    opacity: 1;
    top: calc(50% - 300px)
}

section.share_instagram > div.content, section.share_facebook > div.content {
    text-align: center
}

section.share_instagram > div.content > iframe, section.share_facebook > div.content > iframe {
    display: inline-block !important;
    float: none;
    max-width: 500px !important;
    min-height: 590px !important
}

main {
    padding-top: 70px
}

main:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: 70px;
    background-color: #29356d
}

@media (min-width: 1200px) {
    main {
        padding-top: 135px
    }

    main:after {
        height: 135px
    }
}

#salesforce_login {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 320px;
    height: 80px;
    background-color: #29356d;
    border: 4px solid #facc21;
    color: #facc21;
    background-color: #191e35;
    border: 8px solid #29356d;
    color: #facc21;
    border-radius: 16px;
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer
}

#salesforce_login:hover {
    background-color: #facc21;
    border: 2px solid #29356d;
    color: #29356d
}

img.logged_preview {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    height: auto
}

div.loggin_intro {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 20%;
    width: 100%;
    height: auto;
    text-align: center
}

div.loggin_intro > div.loggin_frame {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    max-width: 480px;
    height: auto;
    background-color: #191e35;
    border: 10px solid #facc21;
    background-color: #facc21;
    border: 10px solid #facc21;
    padding: 40px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, .2);
    box-shadow: 0px 6px 20px rgba(0, 0, 0, .2)
}

div.loggin_intro > div.loggin_frame > p {
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    color: #29356d;
    font-family: "medium_condensed";
    margin-bottom: 20px
}

div.loggin_intro > div.loggin_frame #salesforce_login {
    position: relative;
    display: inline-block;
    float: left;
    float: none;
    clear: both
}

div.post > div.icon > img.icon-comment {
    object-fit: contain;
}

/*# sourceMappingURL=main.css.map */