@-ms-viewport {
    width: device-width
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,
::after,
::before {
    box-sizing: inherit
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1000px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1220px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-13,
.col-14,
.col-15,
.col-16,
.col-17,
.col-18,
.col-19,
.col-2,
.col-20,
.col-21,
.col-22,
.col-23,
.col-24,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-13,
.col-lg-14,
.col-lg-15,
.col-lg-16,
.col-lg-17,
.col-lg-18,
.col-lg-19,
.col-lg-2,
.col-lg-20,
.col-lg-21,
.col-lg-22,
.col-lg-23,
.col-lg-24,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-13,
.col-md-14,
.col-md-15,
.col-md-16,
.col-md-17,
.col-md-18,
.col-md-19,
.col-md-2,
.col-md-20,
.col-md-21,
.col-md-22,
.col-md-23,
.col-md-24,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-13,
.col-sm-14,
.col-sm-15,
.col-sm-16,
.col-sm-17,
.col-sm-18,
.col-sm-19,
.col-sm-2,
.col-sm-20,
.col-sm-21,
.col-sm-22,
.col-sm-23,
.col-sm-24,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-13,
.col-xl-14,
.col-xl-15,
.col-xl-16,
.col-xl-17,
.col-xl-18,
.col-xl-19,
.col-xl-2,
.col-xl-20,
.col-xl-21,
.col-xl-22,
.col-xl-23,
.col-xl-24,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 4.16667%;
    max-width: 4.16667%
}

.col-2 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.col-4 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-5 {
    flex: 0 0 20.83333%;
    max-width: 20.83333%
}

.col-6 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-7 {
    flex: 0 0 29.16667%;
    max-width: 29.16667%
}

.col-8 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.col-10 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-11 {
    flex: 0 0 45.83333%;
    max-width: 45.83333%
}

.col-12 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-13 {
    flex: 0 0 54.16667%;
    max-width: 54.16667%
}

.col-14 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.col-16 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-17 {
    flex: 0 0 70.83333%;
    max-width: 70.83333%
}

.col-18 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-19 {
    flex: 0 0 79.16667%;
    max-width: 79.16667%
}

.col-20 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.col-22 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-23 {
    flex: 0 0 95.83333%;
    max-width: 95.83333%
}

.col-24 {
    flex: 0 0 100%;
    max-width: 100%
}

.offset-1 {
    margin-left: 4.16667%
}

.offset-2 {
    margin-left: 8.33333%
}

.offset-3 {
    margin-left: 12.5%
}

.offset-4 {
    margin-left: 16.66667%
}

.offset-5 {
    margin-left: 20.83333%
}

.offset-6 {
    margin-left: 25%
}

.offset-7 {
    margin-left: 29.16667%
}

.offset-8 {
    margin-left: 33.33333%
}

.offset-9 {
    margin-left: 37.5%
}

.offset-10 {
    margin-left: 41.66667%
}

.offset-11 {
    margin-left: 45.83333%
}

.offset-12 {
    margin-left: 50%
}

.offset-13 {
    margin-left: 54.16667%
}

.offset-14 {
    margin-left: 58.33333%
}

.offset-15 {
    margin-left: 62.5%
}

.offset-16 {
    margin-left: 66.66667%
}

.offset-17 {
    margin-left: 70.83333%
}

.offset-18 {
    margin-left: 75%
}

.offset-19 {
    margin-left: 79.16667%
}

.offset-20 {
    margin-left: 83.33333%
}

.offset-21 {
    margin-left: 87.5%
}

.offset-22 {
    margin-left: 91.66667%
}

.offset-23 {
    margin-left: 95.83333%
}

@media (min-width:570px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-sm-2 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-sm-4 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-5 {
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-sm-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-7 {
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-sm-8 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-sm-10 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-11 {
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-sm-12 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-13 {
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-sm-14 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-sm-16 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-17 {
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-sm-18 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-19 {
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-sm-20 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-sm-22 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-23 {
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-sm-24 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 4.16667%
    }

    .offset-sm-2 {
        margin-left: 8.33333%
    }

    .offset-sm-3 {
        margin-left: 12.5%
    }

    .offset-sm-4 {
        margin-left: 16.66667%
    }

    .offset-sm-5 {
        margin-left: 20.83333%
    }

    .offset-sm-6 {
        margin-left: 25%
    }

    .offset-sm-7 {
        margin-left: 29.16667%
    }

    .offset-sm-8 {
        margin-left: 33.33333%
    }

    .offset-sm-9 {
        margin-left: 37.5%
    }

    .offset-sm-10 {
        margin-left: 41.66667%
    }

    .offset-sm-11 {
        margin-left: 45.83333%
    }

    .offset-sm-12 {
        margin-left: 50%
    }

    .offset-sm-13 {
        margin-left: 54.16667%
    }

    .offset-sm-14 {
        margin-left: 58.33333%
    }

    .offset-sm-15 {
        margin-left: 62.5%
    }

    .offset-sm-16 {
        margin-left: 66.66667%
    }

    .offset-sm-17 {
        margin-left: 70.83333%
    }

    .offset-sm-18 {
        margin-left: 75%
    }

    .offset-sm-19 {
        margin-left: 79.16667%
    }

    .offset-sm-20 {
        margin-left: 83.33333%
    }

    .offset-sm-21 {
        margin-left: 87.5%
    }

    .offset-sm-22 {
        margin-left: 91.66667%
    }

    .offset-sm-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-md-2 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-md-4 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-5 {
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-md-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-7 {
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-md-8 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-md-10 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-11 {
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-md-12 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-13 {
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-md-14 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-md-16 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-17 {
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-md-18 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-19 {
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-md-20 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-md-22 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-23 {
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-md-24 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 4.16667%
    }

    .offset-md-2 {
        margin-left: 8.33333%
    }

    .offset-md-3 {
        margin-left: 12.5%
    }

    .offset-md-4 {
        margin-left: 16.66667%
    }

    .offset-md-5 {
        margin-left: 20.83333%
    }

    .offset-md-6 {
        margin-left: 25%
    }

    .offset-md-7 {
        margin-left: 29.16667%
    }

    .offset-md-8 {
        margin-left: 33.33333%
    }

    .offset-md-9 {
        margin-left: 37.5%
    }

    .offset-md-10 {
        margin-left: 41.66667%
    }

    .offset-md-11 {
        margin-left: 45.83333%
    }

    .offset-md-12 {
        margin-left: 50%
    }

    .offset-md-13 {
        margin-left: 54.16667%
    }

    .offset-md-14 {
        margin-left: 58.33333%
    }

    .offset-md-15 {
        margin-left: 62.5%
    }

    .offset-md-16 {
        margin-left: 66.66667%
    }

    .offset-md-17 {
        margin-left: 70.83333%
    }

    .offset-md-18 {
        margin-left: 75%
    }

    .offset-md-19 {
        margin-left: 79.16667%
    }

    .offset-md-20 {
        margin-left: 83.33333%
    }

    .offset-md-21 {
        margin-left: 87.5%
    }

    .offset-md-22 {
        margin-left: 91.66667%
    }

    .offset-md-23 {
        margin-left: 95.83333%
    }
}

@media (min-width:1024px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-lg-2 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-lg-4 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-5 {
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-lg-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-7 {
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-lg-8 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-lg-10 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-11 {
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-lg-12 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-13 {
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-lg-14 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-lg-16 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-17 {
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-lg-18 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-19 {
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-lg-20 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-lg-22 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-23 {
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-lg-24 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 4.16667%
    }

    .offset-lg-2 {
        margin-left: 8.33333%
    }

    .offset-lg-3 {
        margin-left: 12.5%
    }

    .offset-lg-4 {
        margin-left: 16.66667%
    }

    .offset-lg-5 {
        margin-left: 20.83333%
    }

    .offset-lg-6 {
        margin-left: 25%
    }

    .offset-lg-7 {
        margin-left: 29.16667%
    }

    .offset-lg-8 {
        margin-left: 33.33333%
    }

    .offset-lg-9 {
        margin-left: 37.5%
    }

    .offset-lg-10 {
        margin-left: 41.66667%
    }

    .offset-lg-11 {
        margin-left: 45.83333%
    }

    .offset-lg-12 {
        margin-left: 50%
    }

    .offset-lg-13 {
        margin-left: 54.16667%
    }

    .offset-lg-14 {
        margin-left: 58.33333%
    }

    .offset-lg-15 {
        margin-left: 62.5%
    }

    .offset-lg-16 {
        margin-left: 66.66667%
    }

    .offset-lg-17 {
        margin-left: 70.83333%
    }

    .offset-lg-18 {
        margin-left: 75%
    }

    .offset-lg-19 {
        margin-left: 79.16667%
    }

    .offset-lg-20 {
        margin-left: 83.33333%
    }

    .offset-lg-21 {
        margin-left: 87.5%
    }

    .offset-lg-22 {
        margin-left: 91.66667%
    }

    .offset-lg-23 {
        margin-left: 95.83333%
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:570px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1024px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1280px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        flex: 0 0 4.16667%;
        max-width: 4.16667%
    }

    .col-xl-2 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-xl-4 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-5 {
        flex: 0 0 20.83333%;
        max-width: 20.83333%
    }

    .col-xl-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-7 {
        flex: 0 0 29.16667%;
        max-width: 29.16667%
    }

    .col-xl-8 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-xl-10 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-11 {
        flex: 0 0 45.83333%;
        max-width: 45.83333%
    }

    .col-xl-12 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-13 {
        flex: 0 0 54.16667%;
        max-width: 54.16667%
    }

    .col-xl-14 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-xl-16 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-17 {
        flex: 0 0 70.83333%;
        max-width: 70.83333%
    }

    .col-xl-18 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-19 {
        flex: 0 0 79.16667%;
        max-width: 79.16667%
    }

    .col-xl-20 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-xl-22 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-23 {
        flex: 0 0 95.83333%;
        max-width: 95.83333%
    }

    .col-xl-24 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 4.16667%
    }

    .offset-xl-2 {
        margin-left: 8.33333%
    }

    .offset-xl-3 {
        margin-left: 12.5%
    }

    .offset-xl-4 {
        margin-left: 16.66667%
    }

    .offset-xl-5 {
        margin-left: 20.83333%
    }

    .offset-xl-6 {
        margin-left: 25%
    }

    .offset-xl-7 {
        margin-left: 29.16667%
    }

    .offset-xl-8 {
        margin-left: 33.33333%
    }

    .offset-xl-9 {
        margin-left: 37.5%
    }

    .offset-xl-10 {
        margin-left: 41.66667%
    }

    .offset-xl-11 {
        margin-left: 45.83333%
    }

    .offset-xl-12 {
        margin-left: 50%
    }

    .offset-xl-13 {
        margin-left: 54.16667%
    }

    .offset-xl-14 {
        margin-left: 58.33333%
    }

    .offset-xl-15 {
        margin-left: 62.5%
    }

    .offset-xl-16 {
        margin-left: 66.66667%
    }

    .offset-xl-17 {
        margin-left: 70.83333%
    }

    .offset-xl-18 {
        margin-left: 75%
    }

    .offset-xl-19 {
        margin-left: 79.16667%
    }

    .offset-xl-20 {
        margin-left: 83.33333%
    }

    .offset-xl-21 {
        margin-left: 87.5%
    }

    .offset-xl-22 {
        margin-left: 91.66667%
    }

    .offset-xl-23 {
        margin-left: 95.83333%
    }

    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:570px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1024px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1280px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.banner--mast-head .banner__wrapper,
.banner--outbound-partner .banner__wrapper,
.banner__wrapper,
.scroll-wrapper .banner--small .banner__wrapper {
    background-image: linear-gradient(135deg, #d9d9d9 12.5%, transparent 12.5%, transparent 50%, #d9d9d9 50%, #d9d9d9 62.5%, transparent 62.5%, transparent 100%);
    background-size: 8px 8px
}

.no-relative {
    position: initial
}

.banner__wrapper iframe,
.links__list--circle .links__list__item:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.section--last-news,
.section__cover {
    border-top: 10px solid #ffbf00;
    box-shadow: 0 -1px 0 #e2a100;
    padding: 40px 0
}

.align-items-center {
    align-items: center !important
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-decoration: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1;
    font-family: uni, Arial, sans-serif
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    margin: 0;
    border: 0;
    border-top: 1px solid #fff
}

main {
    overflow: hidden
}

main .main {
    transition: transform .3s
}

main .main h1 {
    font-size: 60px
}

main .main h1.features--title {
    border-bottom: none;
    border-top: none;
    box-shadow: none;
    width: 100%
}

main .main h1.features--title.with-sponsor {
    width: inherit
}

@media (max-width:767.98px) {
    main .main h1 {
        font-size: 34px
    }

    main .main h1.features--title.with-sponsor {
        font-size: 30px;
        text-align: center;
        width: 100%
    }
}

main .main h1.features--title::before {
    border-bottom: 1px solid #e6e6e6;
    border-top: 10px solid #ffbf00;
    box-shadow: 0 -1px 0 #e2a100;
    width: 100vw;
    content: '';
    display: block;
    left: -50%;
    transform: translateX(50%);
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    height: 100%
}

main .main h2 {
    font-size: 24px
}

@media (max-width:767.98px) {
    main .main h2 {
        font-size: 18px
    }
}

main .main h3 {
    font-size: 28px
}

@media (max-width:767.98px) {
    main .main h3 {
        font-size: 20px
    }
}

main .main h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
}

@media (max-width:767.98px) {
    main .main h4 {
        font-size: 18px
    }
}

main .main h5 {
    font-size: 24px
}

@media (max-width:767.98px) {
    main .main h5 {
        font-size: 16px
    }
}

main .main h6 {
    font-size: 22px
}

main .main b,
main .main strong {
    font-weight: 600
}

main .main em {
    font-style: italic
}

main .main ol {
    list-style: decimal inside;
    line-height: 1.8;
    padding-bottom: 35px
}

main .main ol li {
    line-height: 1.2
}

.icon {
    font-size: 1em
}

.icon::before {
    margin: 0
}

button {
    outline: 0
}

img {
    max-width: 100%
}

a {
    color: inherit
}

.flex-align--left {
    justify-content: flex-start
}

.flex-align--center {
    justify-content: center
}

.flex-align--right {
    justify-content: flex-end
}

input,
textarea {
    box-sizing: border-box;
    outline: 0
}

.no-scroll {
    overflow: hidden
}

.load_more {
    display: flex;
    padding: 30px;
    align-items: center;
    justify-content: center
}

.load_more .hidden {
    display: none
}

#lgpd-wrapper {
    display: none;
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #222;
    color: #fff;
    padding: 25px;
    width: calc(100% - 40px);
    border-radius: 3px 3px 0 0;
    align-items: center;
    font-size: 18px;
    line-height: 20px
}

#lgpd-wrapper .lgpd-text {
    margin-right: 50px
}

#lgpd-wrapper #lgpd-button {
    line-height: 1
}

#lgpd-wrapper a {
    color: #ffbf00
}

#lgpd-wrapper.active {
    display: flex
}

@media (max-width:767.98px) {
    main .main h6 {
        font-size: 14px
    }

    main .main {
        width: 100%;
        position: relative
    }

    main .main--features {
        transform: translate(0)
    }

    main .main--news {
        transform: translate(-100%)
    }

    main .main--reviews {
        transform: translate(-200%)
    }

    .home--realtime main .main--realtime {
        transform: translate(0)
    }

    .home--realtime main .main--features {
        transform: translate(-100%)
    }

    .home--realtime main .main--news {
        transform: translate(-200%)
    }

    .home--realtime main .main--reviews {
        transform: translate(-300%)
    }

    #lgpd-wrapper {
        flex-direction: column;
        font-size: 16px;
        line-height: 18px
    }

    #lgpd-wrapper .lgpd-text {
        margin-right: 0;
        margin-bottom: 15px;
        text-align: justify
    }

    #lgpd-wrapper #lgpd-button {
        padding: 10px 15px
    }
}

.color--filmes {
    background: #f50
}

.color--series-tv {
    background: #7ed321
}

.color--games {
    background: #71d400
}

.color--quadrinhos {
    background: #bd10e0
}

.color--musica {
    background: #00d2c8
}

.color--live {
    background: #ed2020
}

.color--videos {
    background: #adadad
}

.color--san-diego-comic-con {
    background: #2f4453
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.links {
    display: flex;
    align-items: center
}

.links__list {
    display: flex
}

.links__list--circle {
    align-items: center
}

.links__list--circle .links__list__item {
    position: relative
}

.links__list--circle .links__list__item:before {
    content: '';
    width: 32px;
    height: 32px;
    border: 1px solid #888;
    border-radius: 50%;
    transition: .2s
}

.links__list--circle .links__list__item:hover:before {
    background: #ffbf00
}

.links__list--circle .links__list__item a {
    position: relative;
    z-index: 2
}

.links__list--circle .links__list__item a.icon-whatsapp {
    font-size: 18px;
    letter-spacing: 0
}

.links__list--column {
    flex-direction: column
}

.links__list--column .links__list__item {
    margin: 5px 0
}

.links__list--column .links__list__item:first-child {
    margin-top: 0
}

.links__list--column .links__list__item:last-child {
    margin-bottom: 0
}

.links__list--underline .links__list__item {
    padding-bottom: 5px;
    border-bottom: 2px solid #ffbf00
}

.links__list--dotted .links__list__item {
    display: inline;
    position: relative
}

.links__list--dotted .links__list__item:before {
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0;
    font-size: 1em;
    top: calc(.8em - 6px);
    background-color: #ffbf00;
    border: 1px solid #e2a100
}

.links__list__item {
    padding: 0;
    line-height: 1;
    color: inherit;
    margin: 0 7px;
    font-size: 1em
}

@media (max-width:1023.98px) {
    .links__list__item {
        font-size: .9em;
        margin: 0 4px
    }
}

.links__list__item:first-child {
    margin-left: 0
}

.links__list__item:last-child {
    margin-right: 0
}

.links__list__item a {
    color: inherit;
    font-style: italic
}

.links__list--category h3 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 22px !important
}

@media (max-width:767.98px) {
    .links__list--category li {
        margin-left: 24px;
        flex-wrap: wrap
    }
}

.links__list--category li .icon {
    display: none
}

.links__list--category li p {
    padding: 0
}

.links__list--category li::before {
    width: 2px !important;
    height: 70% !important;
    top: 50% !important;
    transform: translateY(-50%);
    background-color: #ffbf00 !important;
    border: 0 !important
}

.links__list--category li.winner {
    display: flex;
    align-items: center;
    font-weight: 600 !important;
    flex-wrap: nowrap
}

.links__list--category li.winner::before {
    display: none;
    line-height: initial
}

.links__list--category li.winner .icon {
    display: inline-flex;
    font-size: 30px;
    border-right: 2px solid #ffbf00;
    margin-right: 17px;
    margin-left: -46px;
    color: #ffbf00
}

@media (max-width:767.98px) {
    .links__list--category li.winner {
        margin-left: 0;
        padding-bottom: 30px;
        margin-bottom: 5px;
        align-items: flex-start
    }

    .links__list--category li.winner .icon {
        font-size: 27px;
        margin-right: 13px;
        margin-left: -18px
    }
}

.links__list--category li.winner:after {
    content: "Vencedor";
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .7px
}

@media (min-width:768px) {
    .links__list--category li.winner:after {
        margin-left: 10px;
        border-left: 1px solid;
        padding-left: 10px;
        line-height: 1
    }
}

@media (max-width:767.98px) {
    .links__list--category li.winner:after {
        border-top: 1px solid;
        position: absolute;
        bottom: 6px;
        left: 38px;
        line-height: 1.7;
        font-size: 12px
    }
}

.btn {
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    text-transform: uppercase;
    text-align: center;
    background: #fff;
    font-size: 14px;
    color: #000;
    font-family: uni-book, Arial, sans-serif;
    font-style: italic;
    letter-spacing: 1.5px;
    padding: 15px 25px;
    cursor: pointer;
    transition: .2s
}

.btn:hover {
    background: #ffbf00;
    border-color: #e2aa02
}

.btn-menu {
    position: relative;
    width: 30px;
    height: 20px;
    cursor: pointer;
    background: 0 0;
    border: none;
    outline: 0
}

.btn-menu__line {
    position: absolute;
    width: 100%;
    height: 3.2px;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    background: #fff;
    overflow: hidden;
    transition: .3s linear
}

.btn-menu__line:nth-child(1) {
    animation: .5s ease-in-out forwards span-first-off
}

.btn-menu__line:nth-child(2) {
    animation: .5s ease-in-out forwards span-second-off
}

.btn-menu__line:nth-child(3) {
    animation: .5s ease-in-out forwards span-third-off
}

.btn-menu--on .btn-menu__line:nth-child(1) {
    animation: .5s ease-in-out forwards span-first-on
}

.btn-menu--on .btn-menu__line:nth-child(2) {
    animation: .5s ease-in-out forwards span-second-on
}

.btn-menu--on .btn-menu__line:nth-child(3) {
    animation: .5s ease-in-out forwards span-third-on
}

@keyframes span-first-on {
    0% {
        transform: translate(-50%, -300%)
    }

    30% {
        transform: translate(-50%, -50%)
    }

    100% {
        transform: translate(-50%, -50%) rotate(-45deg)
    }
}

@keyframes span-first-off {
    0% {
        transform: translate(-50%, -50%) rotate(-45deg)
    }

    30% {
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        transform: translate(-50%, -300%)
    }
}

@keyframes span-second-on {
    0% {
        transform: translate(-50%, -50%);
        opacity: 1
    }

    100% {
        transform: translate(-50%, -50%);
        opacity: 0
    }
}

@keyframes span-second-off {
    0% {
        transform: translate(-50%, -50%);
        opacity: 0
    }

    100% {
        transform: translate(-50%, -50%);
        opacity: 1
    }
}

@keyframes span-third-on {
    0% {
        transform: translate(-50%, 200%)
    }

    30% {
        transform: translate(-50%, -50%)
    }

    100% {
        transform: translate(-50%, -50%) rotate(45deg)
    }
}

@keyframes span-third-off {
    0% {
        transform: translate(-50%, -50%) rotate(45deg)
    }

    30% {
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        transform: translate(-50%, 200%)
    }
}

.tag {
    background: #ffbf00;
    font-family: uni-book, Arial, sans-serif;
    font-style: italic;
    font-size: 1em;
    position: relative;
    border-radius: 3px;
    display: inline-flex;
    vertical-align: top;
    align-items: stretch;
    text-transform: uppercase
}

.tag p {
    font-size: .4em;
    font-weight: 400;
    font-style: italic;
    line-height: 1.78em;
    letter-spacing: 1.9px;
    text-align: left;
    color: #000;
    text-transform: uppercase;
    padding: .38em 1.1em;
    text-rendering: geometricPrecision
}

.tag__label {
    align-items: center;
    display: flex;
    color: #fff;
    text-transform: uppercase;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    min-width: 10px
}

.tag__label span {
    font-size: .4em;
    font-weight: 400;
    font-style: italic;
    line-height: 1.78;
    letter-spacing: 1.9px;
    text-align: left;
    text-transform: uppercase;
    padding: .38em 1.1em;
    text-rendering: geometricPrecision
}

.tag--filmes .tag__label,
.tag--twitch .tag__label {
    background: #f50
}

.tag--series-tv .tag__label {
    background: #7ed321
}

.tag--quadrinhos .tag__label {
    background: #bd10e0
}

.tag--musica .tag__label {
    background: #00d2c8
}

.tag--live .tag__label {
    color: #fff;
    background: #ed2020
}

.tag--videos .tag__label {
    background: #adadad
}

.tag--ccxp .tag__label {
    background: #e0428f
}

.tag--netflix .tag__label {
    background: #d7171f
}

.tag--big {
    padding: 15px 10px;
    font-size: 18px
}

.tag--sponsor {
    background: #fff;
    display: inline-flex;
    align-items: center;
    color: #999;
    font-style: italic;
    font-size: 35%;
    text-transform: none;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 0;
    height: 30px
}

.tag--sponsor--text {
    padding-left: 5px
}

.tag--sponsor--logo {
    margin-left: 5px;
    width: 65px;
    height: 25px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-size: contain
}

.article__header__tag .tag--san-diego-comic-con .tag__label {
    font-size: inherit;
    padding: inherit;
    color: #fff
}

@font-face {
    font-family: uni;
    font-display: swap;
    src: url(fonts/UniNeueLight.woff2) format("woff2"), url(fonts/UniNeueLight.woff) format("woff"), url(fonts/UniNeueLight.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: uni;
    font-display: swap;
    src: url(fonts/UniNeueLightItalic.woff2) format("woff2"), url(fonts/UniNeueLightItalic.woff) format("woff"), url(fonts/UniNeueLightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: uni;
    font-display: swap;
    src: url(fonts/UniNeueRegular.woff2) format("woff2"), url(fonts/UniNeueRegular.woff) format("woff"), url(fonts/UniNeueRegular.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: uni;
    font-display: swap;
    src: url(fonts/UniNeueRegular-Italic.woff2) format("woff2"), url(fonts/UniNeueRegular-Italic.woff) format("woff"), url(fonts/UniNeueRegular-Italic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: uni-book;
    font-display: swap;
    src: url(fonts/UniNeueBook.woff2) format("woff2"), url(fonts/UniNeueBook.woff) format("woff"), url(fonts/UniNeueBook.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: uni-book;
    font-display: swap;
    src: url(fonts/UniNeueBook-Italic.woff2) format("woff2"), url(fonts/UniNeueBook-Italic.woff) format("woff"), url(fonts/UniNeueBook-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: uni;
    font-display: swap;
    src: url(fonts/UniNeueBold.woff2) format("woff2"), url(fonts/UniNeueBold.woff) format("woff"), url(fonts/UniNeueBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: uni;
    font-display: swap;
    src: url(fonts/UniNeueHeavy.woff2) format("woff2"), url(fonts/UniNeueHeavy.woff) format("woff"), url(fonts/UniNeueHeavy.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Amazon Ember Regular';
    font-display: swap;
    src: url(fonts/AmazonEmber-Regular.woff2) format("woff2"), url(fonts/AmazonEmber-Regular.woff) format("woff"), url(fonts/AmazonEmber-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.loading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 130px;
    pointer-events: none
}

.loading__wrapper {
    display: none
}

.section__cover .loading img {
    display: block;
    max-height: 100%
}

.swiper-wrapper .loading {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.loaded .loading,
.swiper-lazy-loaded+.loading {
    display: none
}

.timeline__loading {
    margin: 10px 0 20px
}

.timeline__loading .loading {
    height: 75px;
    opacity: 0;
    transition: .2s 1s
}

.timeline__loading .loading--show {
    opacity: 1;
    transition: .2s
}

.l-modal {
    background-color: #fff;
    padding: 24px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 90vh;
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-50%);
    transition: left .4s, opacity .4s
}

.l-modal.fadeout {
    left: 48%
}

.l-modal.fadein {
    left: 52%
}

.l-modal.active {
    left: 50%;
    opacity: 1;
    pointer-events: all
}

.l-modal__wrapper {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #0006;
    position: fixed;
    top: 0;
    z-index: 999
}

.l-modal__wrapper.active {
    display: flex
}

.l-modal__header {
    display: flex;
    justify-content: space-between
}

.l-modal__title {
    display: flex;
    align-items: center;
    gap: 8px
}

.l-modal--password .l-modal__title {
    flex-direction: column;
    align-items: start
}

.l-modal--password .l-modal__title p {
    font-size: 14px;
    line-height: 21px;
    color: #0000009B;
    width: 480px
}

.l-modal__title img {
    width: 24px;
    height: 24px
}

.l-modal__title h3 {
    font-weight: 700;
    font-size: 20px !important;
    line-height: 32px !important
}

.l-modal__close:hover {
    cursor: pointer
}

.l-modal__body {
    width: 520px;
    overflow-y: scroll
}

.l-modal__form {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    column-gap: 16px
}

.l-modal--create .l-modal__form,
.l-modal--edit .l-modal__form {
    flex-direction: row;
    flex-wrap: wrap
}

.l-modal__input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: calc(50% - 8px)
}

.l-modal__input-wrapper label {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px
}

.l-modal__input-wrapper.hidden {
    display: none
}

.l-modal__input-wrapper--full {
    width: 100%
}

.l-modal__input-wrapper--list {
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    gap: 12px;
    padding: 0 36px
}

.l-modal__input-wrapper--checkbox {
    width: 100%;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 32px 0
}

.l-modal__input-wrapper--checkbox input {
    margin: 0;
    padding: 0;
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #0000001F;
    border-radius: 4px;
    place-content: center;
    overflow: hidden
}

.l-modal__input-wrapper--checkbox input::before {
    content: "";
    background: url(../img/icons/check.svg) center center/10px 10px no-repeat #ffbE001E;
    opacity: 0;
    width: 100%;
    height: 100%
}

.l-modal__input-wrapper--checkbox input:focus-within {
    border-color: #0000001F
}

.l-modal__input-wrapper--checkbox input:checked {
    border-color: #e3990031
}

.l-modal__input-wrapper--checkbox input:checked::before {
    opacity: 1
}

.l-modal__input-wrapper--checkbox label {
    font-weight: 400;
    color: #0000009B
}

.l-modal__input-wrapper--checkbox a {
    font-weight: 700;
    color: #47391b;
    text-decoration: underline
}

.l-modal__input {
    font-size: 16px;
    line-height: 25px;
    padding: 12px 8px;
    border: 1px solid #0000001F;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #202020
}

.l-modal__input-wrapper.active .l-modal__input {
    border-color: #faba00
}

.l-modal__input:focus-within {
    border-color: #faba00
}

.error .l-modal__input {
    border-color: #ce2c31
}

.l-modal__input--small {
    width: 100%;
    text-align: center
}

.l-modal__input input {
    font-size: 18px;
    line-height: 28px;
    border: none;
    width: 100%
}

.js-phone .l-modal__input input {
    flex-shrink: 0;
    width: 60%
}

.l-modal__input--phone input {
    text-align: center
}

.l-modal__input button {
    border: none;
    background: 0 0;
    cursor: pointer
}

.l-modal__input img {
    padding: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.l-modal__input .toggle-visibility {
    background-image: url(../img/icons/visibility-off.svg);
    background-position: center center;
    background-repeat: no-repeat;
    transition: background-color .3s;
    width: 24px;
    height: 24px
}

.visible .l-modal__input .toggle-visibility {
    background-image: url(../img/icons/visibility-on.svg)
}

.l-modal__message {
    position: relative;
    opacity: 0
}

.l-modal__message::before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    background: url(../img/icons/danger.svg) center center/contain
}

.error .l-modal__message {
    opacity: 1
}

.error.no-message .l-modal__message {
    opacity: 0
}

.l-modal__message p {
    font-size: 12px;
    line-height: 18px;
    color: #ce2c31;
    padding-left: 20px
}

.l-modal__actions {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 32px;
    width: 100%
}

.l-modal__button-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.l-modal--create .l-modal__button-wrapper,
.l-modal--edit .l-modal__button-wrapper {
    gap: 12px
}

.l-modal__button {
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    border: none;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer
}

.l-modal__button.hidden {
    display: none
}

.l-modal__button.disabled {
    pointer-events: none;
    opacity: .8
}

.l-modal__button.yellow {
    background-color: #ffc300
}

.l-modal--create .l-modal__button,
.l-modal--edit .l-modal__button {
    flex: 1
}

.l-modal__button--password-recovery {
    background-color: transparent;
    color: #47391b
}

.l-modal__button--password-recovery:hover {
    text-decoration: underline
}

.l-modal__button--register {
    background-color: #ffbE001E;
    border: 1px solid #e3990031;
    color: #47391b
}

.l-modal__button--register:hover {
    opacity: .88
}

.l-modal__button--login {
    background-color: #ffc300;
    color: #202020
}

.l-modal__button--login:hover {
    background-color: #faba00
}

.l-modal__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 32px
}

.password-validation {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 20px
}

.password-validation__item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #ce2c31;
    font-size: 14px;
    line-height: 21px
}

.password-validation__item::before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(../img/icons/cancel.svg) center center/contain
}

.password-validation__item.checked {
    color: #218358
}

.password-validation__item.checked::before {
    background-image: url(../img/icons/confirm.svg)
}

.password-validation__item p {
    padding-left: 28px
}

.dropdown {
    width: 100%;
    position: relative
}

.dropdown__input {
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.l-modal__input--phone .dropdown__input {
    font-size: 16px;
    align-items: center;
    border-radius: 4px;
    padding-left: 4px
}

.l-modal__input--phone .dropdown__input:hover {
    background: #0000000F
}

.dropdown__input p {
    overflow: hidden;
    white-space: nowrap
}

.dropdown__input img {
    width: 24px;
    height: 24px;
    transition: transform 150ms
}

.l-modal__input--phone .dropdown__input img {
    width: 20px;
    height: 20px
}

.dropdown.active .dropdown__input img {
    transform: rotateZ(180deg)
}

.dropdown__list {
    background-color: #fff;
    position: absolute;
    top: 42px;
    display: none;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border-radius: 8px;
    width: 100%;
    box-shadow: 1px 1px 12px #0000002F;
    min-width: 234px;
    max-height: 280px;
    overflow-y: scroll;
    z-index: 1
}

.js-dropdown.active .dropdown__list {
    display: flex
}

.dropdown__item {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 21px;
    color: #202020;
    border-radius: 4px;
    cursor: pointer
}

.dropdown__item:hover {
    background-color: #0000000F
}

.controller {
    position: absolute;
    width: 92px;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #ffbf00;
    font-size: 35px;
    z-index: 2;
    outline: 0
}

@media (max-width:767.98px) {
    .controller {
        display: none
    }

    .featured__head a .picture {
        width: 100%
    }
}

.controller--fullscreen {
    justify-content: flex-end;
    padding-right: 5px;
    font-size: 30px;
    height: 50px;
    width: 92px;
    z-index: 3;
    right: 0
}

@media (max-width:1023.98px) {
    .controller--fullscreen {
        display: none
    }
}

.controller--left {
    left: 0;
    background-image: linear-gradient(to left, rgba(34, 34, 34, 0), #222);
    justify-content: flex-start
}

.controller--right {
    right: 0;
    background-image: linear-gradient(to right, rgba(34, 34, 34, 0), #222);
    justify-content: flex-end
}

form.formIntegration2 *,
form.formIntegration2 ::after,
form.formIntegration2 ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

form.formIntegration2 {
    width: 100%;
    margin: 0 auto
}

form.formIntegration2 input[type=text] {
    outline: 0;
    width: 100%
}

form.formIntegration2 select {
    width: 100%;
    overflow: auto
}

form.formIntegration2 select.invi-select {
    display: none;
    width: 0;
    height: 0;
    border: none
}

form.formIntegration2 textarea {
    width: 100%;
    height: 80px;
    overflow: auto;
    resize: vertical
}

form.formIntegration2 div.containerMultiple {
    width: 100%;
    overflow: auto;
    border: 1px solid #bec5cb;
    padding: 2px;
    background-color: #fff;
    position: relative
}

form.formIntegration2 div.containerMultiple div {
    min-height: 20px
}

form.formIntegration2 div.containerMultiple div label {
    white-space: nowrap;
    display: inline-block;
    position: relative
}

form.formIntegration2 input.type_PHN_DDI {
    text-align: center
}

form.formIntegration2 div.div_PHN_DDI {
    width: 28%;
    margin-right: 2%;
    text-align: center;
    display: inline-block
}

form.formIntegration2 div.div_PHN_NUM {
    width: 70%;
    display: inline-block
}

form.formIntegration2 .div_PHN.hidden_DDI div.div_PHN_DDI {
    width: 0;
    display: none
}

form.formIntegration2 .div_PHN.hidden_DDI div.div_PHN_NUM {
    width: 100%;
    display: inline-block
}

form.formIntegration2 .field-error {
    border-color: #f50
}

form.formIntegration2 .field-error:focus {
    border-color: #ffbf00
}

form.formIntegration2 .g-recaptcha {
    margin-bottom: 5px
}

form.formIntegration2 .DinamizeDivCaptchaMessage,
form.formIntegration2 .DinamizeDivMessageAlert,
form.formIntegration2 .DinamizeDivMessageError,
form.formIntegration2 .DinamizeDivMessageSuccess {
    display: none;
    margin: 0 0 10px;
    color: #fff;
    font-size: 14px;
    font-family: uni;
    padding: 15px
}

form.formIntegration2 .DinamizeDivMessageSuccess {
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-family: uni;
    font-size: 16px;
    width: 100%;
    background: #fff;
    color: #333;
    padding: 0;
    letter-spacing: 0;
    margin: 8px 0 0
}

.newsletter--full-page form.formIntegration2 .DinamizeDivMessageSuccess {
    justify-content: flex-start
}

form.formIntegration2 .DinamizeDivCaptchaMessage,
form.formIntegration2 .DinamizeDivMessageAlert {
    background-color: #ffbf00
}

form.formIntegration2 .DinamizeDivMessageError {
    display: none;
    align-items: center;
    gap: 4px;
    color: #f50;
    margin: 2px 0 0;
    padding: 0;
    font-size: 16px;
    letter-spacing: 0
}

form.formIntegration2 .DinamizeDivMessageError img {
    width: 20px;
    filter: invert(36%) sepia(29%) saturate(4685%) hue-rotate(1deg) brightness(103%) contrast(105%)
}

form.formIntegration2 div.block {
    display: block
}

form.formIntegration2 div.block:last-child {
    margin-bottom: 0
}

form.formIntegration2 div.vertical {
    display: block
}

form.formIntegration2 div.horizontal {
    display: inline-block;
    vertical-align: middle
}

form.formIntegration2 div.horizontal.divlabel {
    width: 28%;
    margin-right: 2%;
    text-align: right
}

form.formIntegration2 div.horizontal.divinput {
    width: 70%
}

form.formIntegration2 div.containerAllInline div.block {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px
}

form.formIntegration2 div.containerAllInline div.horizontal.divinput {
    width: 182px
}

form.formIntegration2 .submit {
    position: relative
}

form.formIntegration2 .submit.class2 {
    text-align: left;
    width: 70%
}

form.formIntegration2 .submit.class3 {
    text-align: center
}

form.formIntegration2 .submit.class4 {
    text-align: right
}

form.formIntegration2 .submit.class5 {
    text-align: center
}

form.formIntegration2 .submit.class5 input[type=submit] {
    width: 100%
}

form.formIntegration2 .spinner {
    display: none
}

form.formIntegration2.style1 label {
    color: #4a5765;
    font-family: uni;
    font-size: 14px
}

form.formIntegration2.style1 input[type=text] {
    box-shadow: 0 0 0 4px transparent
}

form.formIntegration2.style1 input[type=submit] {
    cursor: pointer;
    display: inline-block
}

form.formIntegration2.style1 div.containerMultiple,
form.formIntegration2.style1 select,
form.formIntegration2.style1 textarea {
    border: 2px solid #bec5cb;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 0 4px transparent;
    color: #4a5766
}

form.formIntegration2.style1 select {
    height: 40px
}

form.formIntegration2.style1 textarea {
    max-height: 200px;
    min-height: 52px
}

form.formIntegration2.style1 .spinner {
    display: none;
    bottom: 0;
    height: 18px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

form.formIntegration2.style1 .spinner>div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: 1.4s ease-in-out infinite both sk-bouncedelay;
    animation: 1.4s ease-in-out infinite both sk-bouncedelay
}

form.formIntegration2.style1 .spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

form.formIntegration2.style1 .spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

form.formIntegration2.style1 .checkbox-container {
    display: block;
    position: absolute !important;
    padding-left: 22px;
    margin-bottom: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

form.formIntegration2.style1 .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    top: 0;
    left: 0
}

form.formIntegration2.style1 .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #bbb;
    border-radius: 3px
}

form.formIntegration2.style1 .checkbox-container:hover input~.checkmark {
    border: 2px solid #777
}

form.formIntegration2.style1 .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

form.formIntegration2.style1 .checkbox-container input:checked~.checkmark:after {
    display: block
}

form.formIntegration2.style1 .checkbox-container .checkmark:after {
    left: 5px;
    top: 0;
    width: 5px;
    height: 12px;
    border: solid #555;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

form.formIntegration2.style2 label {
    font-family: uni;
    font-size: 14px
}

form.formIntegration2.style2 input[type=text] {
    border: 1px solid #bec5cb;
    box-shadow: 0 0 0 4px transparent;
    color: #4a5766;
    font-size: 13px;
    padding: 9px 6px
}

form.formIntegration2.style2 div.containerMultiple {
    max-height: 82px
}

form.formIntegration2.style2 div.containerMultiple,
form.formIntegration2.style2 select,
form.formIntegration2.style2 textarea {
    border: 1px solid #bec5cb;
    box-shadow: 0 0 0 4px transparent;
    color: #4a5766
}

form.formIntegration2.style2 select {
    height: 40px
}

form.formIntegration2.style2 textarea {
    max-height: 200px;
    min-height: 52px
}

form.formIntegration2.style2 ::-webkit-input-placeholder {
    color: #000
}

form.formIntegration2.style2 ::-moz-placeholder {
    color: #000;
    font-family: uni
}

form.formIntegration2.style2 :-ms-input-placeholder {
    color: #000;
    font-family: uni
}

form.formIntegration2.style2 :-moz-placeholder {
    color: #000;
    font-family: uni
}

form.formIntegration2.style2 .spinner {
    display: none;
    bottom: 0;
    height: 18px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

form.formIntegration2.style2 .spinner>div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: 1.4s ease-in-out infinite both sk-bouncedelay;
    animation: 1.4s ease-in-out infinite both sk-bouncedelay
}

form.formIntegration2.style2 .spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

form.formIntegration2.style2 .spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {

    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.newsletter {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 300px;
    padding: 24px 16px 16px;
    position: relative;
    margin: 0 auto 40px;
    text-align: center;
    font-weight: 500
}

.newsletter::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 4px;
    height: calc(100% - 2px);
    width: calc(100% + 2px);
    border: 1px solid #989898;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    z-index: 2
}

.newsletter::after {
    content: "";
    position: absolute;
    top: 0;
    height: 8px;
    width: calc(100% + 2px);
    background-color: #ffbf00;
    border-radius: 8px 8px 0 0;
    z-index: 2
}

.newsletter--full-page {
    border: none;
    width: 100%;
    padding: 0
}

.newsletter--full-page::after,
.newsletter--full-page::before {
    display: none
}

.newsletter--horizontal {
    margin: 40px auto
}

@media (min-width:768px) {
    .newsletter--horizontal {
        margin: 56px auto;
        width: 100%;
        flex-direction: row;
        gap: 0;
        padding: 0
    }

    .newsletter--horizontal::after,
    .newsletter--horizontal::before {
        display: none
    }

    .newsletter--horizontal .n-select {
        width: 100%
    }

    .newsletter--mobile-only {
        display: none
    }
}

.newsletter__container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.newsletter--full-page .newsletter__container {
    gap: 20px
}

.newsletter__text {
    font-size: 14px
}

@media (min-width:768px) {
    .newsletter--horizontal .newsletter__container {
        border: 1px solid #989898;
        border-right: 0;
        border-radius: 0 8px 8px 0;
        position: relative;
        padding: 24px 32px 24px 24px;
        flex: 1;
        align-items: flex-start;
        gap: 16px
    }

    .newsletter--horizontal .newsletter__container::after {
        content: "";
        position: absolute;
        top: -1px;
        right: 0;
        height: calc(100% + 2px);
        width: 8px;
        background-color: #ffbf00;
        border-radius: 0 8px 8px 0;
        z-index: 3
    }

    .newsletter--horizontal .newsletter__text {
        font-size: 16px;
        text-align: left
    }
}

.newsletter__lgpd {
    font-size: 12px
}

.newsletter--full-page .newsletter__lgpd {
    text-align: start;
    font-size: 16px
}

.newsletter__lgpd a {
    text-decoration: underline
}

.newsletter__lgpd a:hover {
    color: #ffbf00
}

.n-header {
    z-index: 3
}

.newsletter--full-page .n-header {
    display: none
}

@media (min-width:768px) {
    .newsletter--horizontal .newsletter__lgpd {
        font-size: 14px
    }

    .newsletter--horizontal .n-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .newsletter--horizontal .n-header__icon {
        display: block
    }
}

.n-header__title,
main .main .n-header__title {
    font-size: 15px;
    line-height: 24px;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 1.5px
}

.newsletter--horizontal .n-header__title,
.newsletter--horizontal main .main .n-header__title {
    font-size: 20px
}

.n-header__icon {
    display: none
}

.n-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    letter-spacing: 1.5px;
    font-size: 14px;
    font-weight: 500
}

@media (min-width:570px) {
    .newsletter--full-page .n-form {
        flex-direction: row
    }
}

@media (min-width:768px) {
    .newsletter--horizontal .n-form {
        gap: 16px;
        font-size: 16px;
        flex-direction: row;
        justify-content: space-between
    }
}

.n-form div:first-child {
    flex: 1
}

.n-form__input {
    font-family: uni;
    font-size: 14px;
    font-style: italic;
    letter-spacing: inherit;
    padding: 12px;
    border: 1px solid #989898;
    border-radius: 4px;
    text-transform: lowercase
}

@media (min-width:768px) {
    .newsletter--horizontal .n-form__input {
        flex: 1
    }
}

.n-form__input::placeholder {
    text-transform: uppercase
}

.n-form__input:focus {
    border: 1px solid #ffbf00
}

.n-form__button {
    font-family: uni;
    font-size: 14px;
    text-transform: uppercase;
    font-style: italic;
    background-color: #ffbf00;
    border: 1px solid #ffbf00;
    letter-spacing: inherit;
    padding: 12px;
    min-width: 128px;
    border-radius: 4px
}

.n-form__text-error {
    background: 0 0;
    display: none;
    align-items: center;
    gap: 4px;
    color: #f50;
    margin: 2px 0 0;
    padding: 0;
    font-size: 16px
}

.n-form__text-error img {
    filter: invert(36%) sepia(29%) saturate(4685%) hue-rotate(1deg) brightness(103%) contrast(105%)
}

.n-select {
    position: relative;
    user-select: none
}

.n-select__input {
    display: flex;
    justify-content: space-between;
    padding: 12px;
    border: 1px solid #989898;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.2;
    cursor: pointer
}

.newsletter--full-page .n-select__input {
    display: none
}

.n-select__input p {
    max-width: 85%;
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.n-select__input img {
    max-width: 16px;
    transition: transform .3s
}

.n-select__input.active {
    border-color: #ffbf00
}

.n-select__input.active img {
    transform: rotate(180deg)
}

.n-select__input.active+.n-select__list {
    visibility: visible;
    opacity: 1;
    top: 52px
}

.newsletter--horizontal .n-select__input.active+.n-select__list {
    top: 48px
}

.n-select__list {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 42px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    background-color: #fff;
    border: 1px solid #989898;
    border-radius: 4px;
    overflow: hidden;
    z-index: 2;
    box-shadow: 2px 2px 2px #f1f1f1;
    transition: .3s
}

.newsletter--full-page .n-select__list {
    position: relative;
    width: calc(100% + 32px);
    left: -16px;
    top: 0;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 2px
}

.newsletter--horizontal .n-select__list {
    top: 40px
}

.n-page .l-sidebar {
    padding: 0 0 40px
}

@media (min-width:1024px) {
    .n-page__container {
        border-right: 1px solid #e6e6e6
    }
}

.n-page__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 40px 12px;
    line-height: 1.8;
    font-size: 20px;
    color: #333
}

.s-option__input {
    display: none
}

.s-option__input:checked+label {
    background-color: #f1f1f1
}

.s-option__input:checked+label .s-option__checkmark {
    background-color: #4a4a4a;
    border-color: #4a4a4a;
    position: relative
}

.newsletter--full-page .s-option__input:checked+label .s-option__checkmark {
    position: absolute
}

.s-option__input:checked+label .s-option__checkmark:after,
.s-option__input:checked+label .s-option__checkmark:before {
    content: "";
    display: block;
    height: 8px;
    width: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.newsletter--full-page .s-option__input:checked+label .s-option__checkmark:after,
.newsletter--full-page .s-option__input:checked+label .s-option__checkmark:before {
    height: 12px
}

.s-option__input:checked+label .s-option__checkmark:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.s-option__container {
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    gap: 8px
}

.newsletter--full-page .s-option__container {
    position: relative;
    padding-left: 40px;
    flex-wrap: wrap
}

.s-option__container:hover {
    background-color: #f1f1f1
}

.s-option__checkmark {
    display: block;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 1px solid #989898;
    border-radius: 2px
}

.newsletter--full-page .s-option__checkmark {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 14px;
    left: 16px
}

.newsletter--full-page .s-option__value {
    line-height: 120%
}

.s-option__help-text {
    display: none;
    flex-direction: column;
    gap: 8px
}

.newsletter--full-page .s-option__help-text {
    display: flex;
    width: 100%;
    font-size: 16px;
    line-height: 150%;
    text-align: start
}

.s-option__frequency {
    display: flex;
    align-items: flex-start;
    gap: 4px
}

.s-option__frequency img {
    padding-top: 4px
}

.reading-time__text {
    font-weight: 500;
    size: 16px;
    line-height: 16px;
    color: #4a4a4a;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reading-time__icon {
    width: 17px;
    height: 16px
}

@media (min-width:768px) {
    .reading-time__text {
        size: 20px;
        line-height: 20px;
    }

    .reading-time__icon {
        width: 20px;
        height: 20px
    }
}

.reading-time__container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.c-ranking {
    background: #f1f1f1;
    border-radius: 3px
}

@media (min-width:768px) and (max-width:1023.98px) {
    .c-ranking {
        width: 90%
    }
}

.c-ranking__header {
    display: flex;
    justify-content: space-between;
    padding: 25px 20px 20px;
    border-bottom: 1px solid #fff
}

.c-ranking__header h3 {
    font-family: uni-book;
    font-style: normal;
    font-size: 18px !important;
    text-transform: uppercase;
    letter-spacing: 1.9px;
    font-weight: 600;
}

.c-ranking__icon {
    color: #ffbf00
}

.c-ranking__icon::before {
    font-size: 23px;
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin: -5px 0 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.c-ranking__body .l-list__item a {
    display: flex;
    padding: 15px;
    border-bottom: 1px solid #fff;
    align-items: center
}

.c-ranking__body .l-list__item:hover .c-ranking__position,
.c-ranking__body .l-list__item:hover .c-ranking__text {
    color: #f5a623
}

.c-ranking__position {
    min-width: 28px;
    font-size: 50px;
    font-weight: 300
}

.c-ranking__text {
    font-size: 16px;
    letter-spacing: .3px;
    color: #000;
    line-height: 1.33
}

.c-ranking--commented .c-ranking__icon:before {
    content: '\e804'
}

.c-ranking--commented .c-ranking__rating {
    font-size: 20px;
    font-weight: 800;
    font-style: italic;
    text-align: center;
    color: #ffbf00
}

.c-ranking--read .c-ranking__icon:before {
    content: '\e803'
}

.c-ranking--read .c-ranking__rating {
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.3px;
    text-align: center;
    color: #666
}

.featured {
    padding: 0;
    margin: 20px 0;
    display: flex;
    flex-flow: wrap;
    text-rendering: optimizeSpeed
}

.featured__head {
    width: 100%
}

.featured__head a {
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

.featured__head a .picture {
    overflow: hidden;
    border-radius: 3px
}

.featured__head a .picture--top {
    margin-bottom: -19px
}

.featured__head a .picture img {
    width: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .5s
}

.featured__head a .picture .loading {
    height: 100%
}

.featured__head a .mark__label {
    font-size: 30px;
    display: flex;
    align-items: center
}

.featured__head a .mark__label p {
    line-height: 1.42em;
    font-size: 13px;
}

.featured__head a .mark__label p,
.featured__head a .mark__label span {
    font-weight: 600
}

.featured__head a .mark__time {
    font-size: 12px;
    font-style: italic;
    letter-spacing: 1.3px;
    color: #999;
    margin-left: 14px
}

.featured__head a .mark__title {
    font-weight: 600;
    margin: 10px 0
}

.featured__head a .mark__title h2 {
    line-height: 1.05;
    letter-spacing: -1px
}

.featured__head a:hover .picture img {
    transform: scale(1.2)
}

.featured__head a:hover .mark__title {
    color: #ffbf00
}

.featured__subtitle {
    width: 100%;
    font-family: uni-book, Arial, sans-serif;
    font-size: 24px;
    color: #888;
    margin-bottom: 20px
}

.featured .links {
    width: 100%;
    margin-bottom: 25px;
    flex-flow: wrap
}

.featured .links a {
    font-family: uni-book, Arial, sans-serif;
    line-height: 1.33;
    letter-spacing: .3px;
    font-size: 15px
}

.featured .links a:hover {
    color: #ff5500
}

.featured .links__list {
    display: flex
}

@media (max-width:767.98px) {
    .featured__head a .mark__title h2 {
        font-size: 30px
    }

    .featured .links__list--thumb .link {
        margin-bottom: 10px
    }

    .featured .links__list--thumb .link:last-child {
        margin-bottom: 0
    }

    .featured .links__list--thumb .link a {
        align-items: flex-start
    }

    .featured .links__list--thumb .link a p {
        padding-top: 5px
    }
}

.featured .links__list .link a,
.featured .links__list__item a {
    display: flex;
    color: #000;
    font-style: normal
}

.featured .links__list .link a .picture,
.featured .links__list__item a .picture {
    width: 30%
}

.featured .links__list .link a .picture img,
.featured .links__list__item a .picture img {
    border-radius: 3px
}

.featured .links__list .link a p,
.featured .links__list__item a p {
    width: 70%;
    padding-left: 10px
}

.featured .links__list .link a:hover p,
.featured .links__list__item a:hover p {
    color: #ffbf00
}

.featured--horizontal .mark {
    padding-left: 30px
}

@media (min-width:1024px) and (max-width:1279.98px) {
    .featured .links a {
        font-size: 14px
    }

    .featured--horizontal .mark {
        padding-left: 15px
    }
}

@media (min-width:768px) {

    .featured .links__list .link a,
    .featured .links__list__item a {
        align-items: center
    }

    .featured--horizontal .mark__label .tag {
        border-top-left-radius: 3px !important
    }
}

.featured--horizontal .links__list--thumb {
    display: flex
}

.featured--horizontal .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.featured--no-list .links {
    display: none
}

.featured--full {
    background: #fff;
    border-radius: 3px;
    padding: 0 20px
}

.featured--full h2 {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -1.5px
}

.featured--full .mark {
    margin-top: -20px
}

.featured--full .mark__title {
    margin: 15px 0
}

.featured--full .mark__label {
    position: relative
}

.featured--full .mark__label p {
    font-size: .5em
}

.featured--full .mark .tag {
    margin-left: -20px
}

@media (max-width:767.98px) {
    .featured--horizontal .mark {
        padding-left: 0
    }

    .featured--full {
        padding: 0
    }

    .featured--full .mark__label p {
        font-size: .4em
    }

    .featured--full .mark .tag {
        margin-left: 0
    }
}

.featured--full .mark .tag--sponsor {
    position: absolute;
    top: 31px
}

.featured--full .picture {
    display: none
}

.featured--full.sponsored .mark__title {
    margin-top: 30px
}

@media (max-width:1023.98px) {
    .featured--podcast {
        width: 100%;
        margin: 30px auto
    }
}

@media (min-width:1024px) {
    .featured--podcast {
        width: 300px;
        margin: 30px -25px
    }

    .latest-reviews__content .list__review .picture .category {
        bottom: -10px;
        transition: .2s
    }
}

.featured--podcast h2 {
    font-weight: 700
}

.featured--podcast iframe {
    width: 100%;
    height: 400px
}

.featured--related {
    margin: 0;
    height: 100%
}

.featured--related .featured__head {
    height: 100%
}

.featured--related .featured__head a {
    height: 100%;
    flex-direction: column
}

@media (max-width:569.98px) {

    .featured--related,
    .featured--related .featured__head {
        height: unset
    }

    .featured--related .featured__head a {
        height: unset;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .featured--related .featured__head a .picture {
        width: 48%;
        margin-bottom: 0
    }
}

.featured--related .featured__head a .mark {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media (max-width:569.98px) {
    .featured--related .featured__head a .mark {
        width: 48%;
        flex-grow: 0
    }
}

.featured--related .featured__head a .mark__title {
    margin: 16px 0
}

.featured--related .featured__head a .mark__title h2 {
    font-size: 18px
}

.featured--related .featured__head a .mark__time {
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
    margin-left: 0;
    padding-bottom: 24px
}

.latest-reviews {
    background: #222;
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 70px
}

.latest-reviews__head {
    color: #ffbf00;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    text-transform: uppercase;
    padding-bottom: 14px
}

@media (max-width:767.98px) {
    .latest-reviews {
        margin-bottom: 0
    }

    .latest-reviews__head {
        display: none
    }
}

.latest-reviews__head .title {
    font-style: italic;
    font-size: 18px;
    letter-spacing: 1.9px
}

.latest-reviews__head .link {
    font-size: 10px;
    letter-spacing: 1.1px
}

.latest-reviews__content {
    position: relative
}

@media (min-width:768px) {
    .latest-reviews__head .link {
        display: none
    }

    .latest-reviews__content {
        display: flex
    }
}

.latest-reviews__content .list {
    display: flex;
    justify-content: space-between;
    height: auto;
    overflow: hidden
}

@media (min-width:1280px) {
    .latest-reviews__content .list {
        width: calc(100% - 0px)
    }
}

@media (min-width:1024px) and (max-width:1279.98px) {
    .latest-reviews__content .list {
        width: calc(100% - 0px)
    }
}

@media (min-width:768px) and (max-width:1023.98px) {
    .latest-reviews__content .list {
        width: calc(100% - 20px)
    }
}

.latest-reviews__content .list__review {
    width: 135px
}

@media (min-width:1280px) {
    .latest-reviews__content .list__review {
        width: 174px;
        margin-right: 15px
    }
}

@media (min-width:1024px) and (max-width:1279.98px) {
    .latest-reviews__content .list__review {
        width: 137px;
        margin-right: 14px
    }
}

.latest-reviews__content .list__review .picture {
    height: 216px;
    overflow: hidden;
    border-radius: 2px;
    border: 1px solid #444;
    position: relative
}

.latest-reviews__content .list__review .picture img {
    max-width: none;
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .5s
}

.latest-reviews__content .list__review .picture .category {
    width: 100%;
    height: 10px;
    position: absolute;
    border-radius: 2px 2px 0 0
}

@media (max-width:1023.98px) {
    .latest-reviews__content .list__review .picture .category {
        bottom: 0
    }

    .banner:not(.banner--mobile-header)+main.page--theme {
        padding-top: 118px
    }
}

.latest-reviews__content .list__review .caption {
    display: inline-block;
    color: #989898;
    letter-spacing: .6;
    font-size: 13px;
    line-height: 1.3em
}

.latest-reviews__content .list__review--highlight:hover .picture {
    border-color: #f5a623
}

.latest-reviews__content .list__review--highlight:hover .picture img {
    transform: scale(1.2)
}

.latest-reviews__content .list__review--highlight:hover .caption {
    color: #f5a623
}

.latest-reviews__content .list__review.sponsored-review {
    background-color: #03023b;
    padding: 6px;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
    flex-shrink: 0
}

.latest-reviews__content .list__review.sponsored-review a {
    width: 100%
}

.latest-reviews__content .list__review.sponsored-review a:hover .picture {
    border-color: #f5a623
}

.latest-reviews__content .list__review.sponsored-review a:hover .picture img {
    transform: scale(1.2)
}

.latest-reviews__content .list__review.sponsored-review a:hover .caption {
    color: #f5a623
}

.latest-reviews__content .list__review.sponsored-review a:hover .link-review {
    text-decoration: underline
}

.latest-reviews__content .list__review.sponsored-review .picture {
    height: 175px
}

.latest-reviews__content .list__review.sponsored-review .caption {
    width: 100%;
    text-align: center;
    padding: 10px 0 0
}

.latest-reviews__content .list__review.sponsored-review .link-review {
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    font-size: 14px
}

.latest-reviews__content .list__review.sponsored-review .streaming-button {
    width: 80%;
    position: relative;
    background-color: #fff;
    padding: 5px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 3px;
    margin-top: -23px;
    bottom: -30px
}

.latest-reviews__content .list__review.sponsored-review .streaming-button span {
    font-size: 11px;
    text-transform: uppercase;
    color: #feeb00;
    font-weight: 700;
    padding-bottom: 5px
}

.latest-reviews__content .list__review.sponsored-review .streaming-button img {
    max-width: 85%
}

@media (max-width:767.98px) {
    .latest-reviews__content .list__review.sponsored-review {
        margin-bottom: 40px
    }

    .latest-reviews__content .list {
        flex-flow: wrap;
        height: auto
    }

    .latest-reviews__content .list__review {
        width: 48%;
        text-align: center;
        margin-bottom: 40px
    }

    .latest-reviews__content .list__review .caption {
        color: #fff;
        font-size: 14px;
        text-align: center;
        width: 100%;
        margin: 10px auto 0
    }

    .latest-reviews__content .list-more {
        display: none
    }
}

@media (min-width:1280px) {
    .latest-reviews__content .list-more {
        width: 140px
    }
}

@media (min-width:1024px) and (max-width:1279.98px) {
    .latest-reviews__content .list-more {
        width: 157px
    }
}

@media (min-width:768px) and (max-width:1023.98px) {
    .latest-reviews__content .list__review {
        margin-right: 10px
    }

    .latest-reviews__content .list-more {
        width: 157px
    }
}

.latest-reviews__content .list-more .list__review {
    margin-left: 10px;
    margin-right: 0
}

@media (min-width:1280px) {
    .latest-reviews__content .list-more .list__review {
        margin-left: 5px
    }
}

.latest-reviews__content .list-more .list__review .picture {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-color: #444
}

.latest-reviews__content .list-more .list__review .picture:hover {
    border-color: #f5a623
}

.latest-reviews__content .list-more .list__review .picture:hover .caption,
.latest-reviews__content .list-more .list__review .picture:hover .icon {
    color: #f5a623
}

.latest-reviews__content .list-more .list__review .icon {
    font-size: 90px;
    font-weight: 300;
    line-height: .7
}

.latest-reviews__content .list-more .list__review .caption {
    text-align: center;
    text-transform: uppercase;
    font-style: italic
}

.latest-reviews__content .list-more .list__review .caption,
.latest-reviews__content .list-more .list__review .icon {
    color: #989898
}

@media (min-width:768px) {
    .latest-reviews__content .btn {
        display: none
    }

    .banner--aside {
        margin-top: 12px
    }
}

@media (max-width:767.98px) {
    .latest-reviews__content .btn {
        background: 0 0;
        color: #fff;
        margin: 0 auto 10px;
        display: block;
        width: max-content
    }
}

.tabs {
    display: flex;
    height: 60px;
    align-items: center;
    position: relative;
    background: #fafafa
}

.tabs__list {
    display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
    height: 100%
}

.tabs__list.realtime-3-columns .tab.active:nth-child(1)~.tabs__bar {
    transform: translate(20%)
}

.tabs__list.realtime-3-columns .tab.active:nth-child(2)~.tabs__bar {
    transform: translate(150%)
}

.tabs__list.realtime-3-columns .tab.active:nth-child(3)~.tabs__bar {
    transform: translate(280%)
}

.tabs__list__item {
    width: 33%;
    height: 100%;
    flex-grow: 1;
    color: #111;
    text-transform: uppercase;
    font-style: italic;
    font-size: 14px;
    letter-spacing: 1.5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.home--realtime .tabs__list__item {
    font-size: 12px;
    padding: 0 10px;
    width: 25%
}

.home--realtime .tabs__list__item:nth-of-type(1) {
    background: radial-gradient(rgba(245, 193, 9, .4), transparent) no-repeat
}

.tabs__bar {
    position: absolute;
    width: 33.33%;
    left: 0;
    bottom: 0;
    height: 2px;
    pointer-events: none;
    will-change: transform;
    transition: transform .3s ease-out
}

.home--realtime .tabs__bar {
    width: 25%
}

.tab.active:nth-child(1)~.tabs__bar {
    transform: translate(0)
}

.tab.active:nth-child(2)~.tabs__bar {
    transform: translate(100%)
}

.tab.active:nth-child(3)~.tabs__bar {
    transform: translate(200%)
}

.tab.active:nth-child(4)~.tabs__bar {
    transform: translate(300%)
}

.tabs__bar:after,
.tabs__bar:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.tabs__bar:before {
    width: 75%;
    height: 2px;
    background: #111;
    border-radius: 3px
}

.home--realtime .tabs__bar:before {
    width: 90%
}

.tabs__bar:after {
    content: "";
    border-color: transparent transparent #111;
    border-style: solid;
    border-width: 15px
}

.banner {
    color: #a5a5a5;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    opacity: 1;
    transition: opacity .3s
}

header+.banner {
    margin-top: 118px
}

.banner+main.page--theme {
    padding-top: 0
}

.banner--mobile {
    display: none
}

@media (max-width:767.98px) {
    .tab_section {
        width: 100%
    }

    .tab_section--realtime {
        left: 0
    }

    .tab_section--news {
        left: 100%
    }

    .tab_section--reviews {
        left: 200%;
        top: 0;
        position: absolute
    }

    .home--realtime .tab_section--features {
        left: 100%;
        top: 0;
        position: absolute
    }

    .home--realtime .tab_section--news,
    .home--realtime .tab_section--reviews {
        left: 200%
    }

    .banner {
        display: none
    }

    header+.banner {
        margin-top: 178px
    }

    .banner+main.page--home {
        padding-top: 0 !important
    }

    .banner--mobile {
        display: flex
    }
}

.banner--hidden {
    opacity: 0
}

.banner__wrapper {
    position: relative
}

.banner__wrapper:after {
    position: absolute;
    font-size: 8px;
    letter-spacing: 1px;
    width: 100%;
    text-align: center
}

.banner.stick-top {
    position: fixed;
    top: 90px
}

.banner.stick-bottom {
    position: absolute;
    bottom: 25px
}

.banner--theme {
    width: 300px
}

.banner--theme .stick-bottom {
    bottom: 0
}

.banner--mast-head {
    height: 300px;
    background-color: #f1f1f1;
    align-items: center
}

.banner--mast-head .banner__wrapper {
    min-width: 750px;
    max-width: 970px;
    min-height: 90px;
    max-height: 300px
}

.banner--mast-head .banner__wrapper:after {
    bottom: 15px;
    left: calc(100% + 15px);
    width: unset;
    text-align: unset
}

@media (max-width:1023px) {
    .banner--mast-head {
        display: none
    }
}

.banner--aside {
    max-width: 300px;
    overflow: initial;
    display: flex;
    justify-content: flex-end
}

.banner--aside .banner__wrapper {
    width: 300px;
    height: 600px
}

.banner--aside .banner__wrapper:after {
    bottom: calc(100% + 10px);
    right: 0
}

.banner--bottom {
    height: 250px;
    position: relative;
    align-items: center;
    margin-bottom: 36px
}

.banner--bottom .banner__wrapper {
    overflow: visible !important;
    min-width: 728px;
    max-width: 970px;
    min-height: 90px;
    max-height: 250px;
    margin-bottom: 16px;
    margin-top: 12px
}

.banner--bottom .banner__wrapper::after {
    content: "PUBLICIDADE";
    bottom: 0;
    left: calc(100% + 15px);
    width: unset;
    text-align: unset
}

.banner--small .banner__wrapper {
    width: 300px;
    height: 250px
}

@media (max-width:1023.98px) {
    .banner--small {
        position: relative;
        padding-top: 39px;
        padding-bottom: 24px
    }

    .banner--small::before {
        content: "";
        position: absolute;
        border-top: 1px solid #d9d9d9;
        top: 33px;
        left: 0;
        right: 0
    }

    .banner--small::after {
        content: "";
        position: absolute;
        border-top: 1px solid #d9d9d9;
        bottom: 24px;
        left: 0;
        right: 0
    }

    .banner--small .banner__wrapper {
        margin-bottom: 16px;
        margin-top: 12px
    }

    .banner--small .banner__wrapper::after {
        content: "CONTINUA DEPOIS DA PUBLICIDADE";
        padding: 0 15px;
        background-color: #fff;
        width: 190px;
        left: 50%;
        transform: translateX(-50%);
        top: -24px;
        line-height: 1.8
    }

    .banner--small .banner__wrapper iframe {
        margin: 0
    }

    .banner--parallax {
        display: none
    }
}

@media (min-width:1024px) {

    .latest-reviews__content .list__review--highlight:hover .picture .category,
    .latest-reviews__content .list__review.sponsored-review a:hover .picture .category {
        bottom: 0
    }

    .banner--small .banner__wrapper:after {
        bottom: calc(100% + 10px);
        left: 0
    }

    .banner--mobile-header {
        display: none
    }
}

.scroll-wrapper .banner--small {
    border-top: none;
    box-shadow: none;
    background: 0 0
}

@media (min-width:768px) {
    .scroll-wrapper .banner--small {
        padding-top: 44px;
        padding-bottom: 0
    }
}

.scroll-wrapper .banner--small .banner__wrapper:after {
    right: 0;
    left: unset
}

.banner--inread {
    position: relative;
    padding-top: 16px;
    padding-bottom: 24px;
    overflow: visible
}

.banner--inread::before {
    content: "";
    position: absolute;
    border-top: 1px solid #d9d9d9;
    top: 0;
    left: 0;
    right: 0
}

.banner--inread::after {
    content: "";
    position: absolute;
    border-top: 1px solid #d9d9d9;
    bottom: 24px;
    left: 0;
    right: 0
}

.banner--inread .banner__wrapper {
    margin-bottom: 16px;
    width: 300px;
    height: 250px
}

.banner--inread .banner__wrapper::after {
    content: "CONTINUA DEPOIS DA PUBLICIDADE";
    padding: 0 15px;
    background-color: #fff;
    width: 190px;
    left: 50%;
    transform: translateX(-50%);
    top: -22px;
    line-height: 1.8
}

.banner--inread .banner__wrapper iframe {
    margin: 0
}

.banner--parallax .banner__wrapper {
    overflow: hidden;
    position: relative
}

.banner--background {
    background: 0 0;
    padding-top: 250px;
    z-index: 0;
    position: relative;
    overflow: initial
}

.banner--background+.container {
    background-color: #fff;
    padding: 0 40px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3);
    max-width: 1270px;
    z-index: 2;
    position: relative
}

@media (max-width:1279.98px) {
    .banner--background+.container {
        max-width: 1080px
    }
}

@media (max-width:767.98px) {

    .banner--aside,
    .scroll-wrapper .banner--small {
        display: none
    }

    .section--banners .d-block .banner--small {
        margin: 0 15px
    }

    .banner--background+.container {
        padding: 0 15px 70px;
        box-shadow: none;
        max-width: 848px
    }

    .banner--regressive {
        display: none
    }
}

@media (max-width:1023.98px) {
    .banner--background {
        display: none
    }
}

.banner--background .banner__wrapper {
    position: absolute;
    width: 1800px;
    height: 1000px;
    margin-top: -250px;
    z-index: -1;
    left: 50%;
    transform: translate(-50%);
    border: none
}

.banner--background .banner__wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.banner--mobile-header {
    padding: 10px 0;
    background: #f1f1f1
}

.banner--mobile-header .banner__wrapper {
    width: 320px;
    height: 100px
}

.banner--mobile-header .banner__wrapper:after {
    bottom: calc(100% + 10px);
    left: 0
}

@media (min-width:768px) {
    .banner--mobile-header .banner__wrapper:after {
        bottom: 5px;
        left: calc(100% + 15px);
        width: unset;
        text-align: unset
    }
}

.banner--mobile-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    background: #fff;
    filter: drop-shadow(0 -1px 4px rgba(0, 0, 0, .25));
    transition: bottom 1s;
    overflow: visible;
    display: none
}

@media (min-width:1024px) {
    .banner--mobile-footer {
        display: none
    }
}

.banner--mobile-footer .banner__close {
    width: 18px;
    height: 13px;
    padding: 2px;
    border-left: none;
    color: #000;
    position: relative;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -1px;
    right: 0;
    z-index: 10;
    cursor: pointer;
    margin-right: 4px
}

.banner--mobile-footer .banner__close img {
    width: 100%
}

.banner--mobile-footer .banner__close__wrapper {
    cursor: pointer;
    display: flex;
    position: absolute;
    background: #fff;
    padding: 8px 12px 4px;
    top: -25px;
    right: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    align-items: center
}

.banner--mobile-footer .banner__close__wrapper span {
    color: #a5a5a5;
    font-size: 8px;
    letter-spacing: 1px
}

.banner--mobile-footer .banner__wrapper {
    width: 320px;
    height: 50px;
    margin-top: 4px;
    position: unset
}

.banner--regressive {
    margin: 40px 0 0
}

.banner--regressive .banner__wrapper {
    width: 300px;
    height: 150px
}

.banner--regressive .banner__wrapper:after {
    bottom: calc(100% + 10px);
    left: 0
}

.scroll-wrapper .banner--regressive {
    margin: 0 0 10px;
    overflow: visible
}

.scroll-wrapper .banner--regressive .banner__wrapper:after {
    right: 0;
    left: unset
}

.banner--sticky {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    z-index: 20;
    background: #fff;
    filter: drop-shadow(0 -1px 4px rgba(0, 0, 0, .25));
    overflow: visible;
    transition: bottom 1s
}

.banner--sticky.hidden {
    display: none
}

.banner--sticky.show {
    display: flex
}

.banner--sticky .banner__close {
    width: 20px;
    height: 15px;
    padding: 2px;
    border-left: none;
    color: #000;
    position: relative;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -1px;
    right: 0;
    z-index: 10;
    cursor: pointer;
    margin-right: 4px
}

.banner--sticky .banner__close img {
    width: 100%
}

.banner--sticky .banner__close__wrapper {
    cursor: pointer;
    display: none;
    position: absolute;
    background: #fff;
    padding: 12px 12px 6px;
    top: -33px;
    left: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    align-items: center
}

.banner--sticky .banner__close__wrapper span {
    color: #a5a5a5;
    font-size: 9px;
    letter-spacing: 1px
}

.banner--sticky .banner__close .icon-close::before {
    font-weight: 900
}

.banner--sticky .banner__wrapper {
    min-width: 728px;
    max-width: 970px;
    min-height: 90px;
    max-height: 250px;
    background-color: #f1f1f1;
    margin-top: 4px;
    display: none
}

.banner--sticky .banner__wrapper:after {
    content: unset
}

.banner--sticky iframe #cbb {
    display: none
}

@media (max-width:767.98px) {
    .banner--sticky {
        display: none !important
    }
}

.banner--trailer-booster {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999;
    background-position: center;
    background-repeat: no-repeat
}

.banner--trailer-booster .close-booster {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 202;
    font-size: 15px;
    padding: 7px 5px;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
    box-shadow: 1px 1px 1px #fff;
    border-radius: 100%;
    border: 1px solid #4c4848;
    background: #fff
}

.banner--trailer-booster .close-booster:hover {
    background: #ffbf00
}

.banner--trailer-booster .banner__loading-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}

.banner--trailer-booster .banner__loading-wrapper .loading {
    height: 80px
}

.banner--trailer-booster .banner__logo {
    width: 130px;
    padding: 25px 0 10px
}

.banner--trailer-booster .banner__logo img {
    filter: grayscale(100%)
}

.banner--trailer-booster .banner__text {
    font-size: 10px;
    text-transform: uppercase
}

.banner--mini-booster,
.banner--mobile-booster {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    border-radius: 10px;
    z-index: 9999;
    background-color: transparent;
    transition: .3s
}

.banner--mini-booster.show,
.banner--mobile-booster.show {
    opacity: 1;
    transition: .3s;
    pointer-events: all
}

.banner--mini-booster .banner__overlay,
.banner--mobile-booster .banner__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: 0
}

.banner--mini-booster .banner__content,
.banner--mobile-booster .banner__content {
    background-color: #ddd;
    position: absolute;
    width: 930px;
    height: 530px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: content-box
}

.banner--mini-booster .banner__content::before,
.banner--mobile-booster .banner__content::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10px;
    left: -10px;
    background-color: #fff;
    box-sizing: content-box;
    border: 10px solid #fff;
    border-radius: 10px;
    z-index: -1
}

.banner--mini-booster .banner__content .close-booster,
.banner--mobile-booster .banner__content .close-booster {
    top: -10px;
    right: -10px;
    position: absolute;
    z-index: 1
}

.banner--mini-booster .banner__loading-wrapper,
.banner--mobile-booster .banner__loading-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    z-index: -1
}

.banner--mini-booster .banner__loading-wrapper .loading,
.banner--mobile-booster .banner__loading-wrapper .loading {
    height: 80px
}

.banner--mini-booster .banner__logo,
.banner--mobile-booster .banner__logo {
    width: 130px;
    padding: 25px 0 10px
}

.banner--mini-booster .banner__logo img,
.banner--mobile-booster .banner__logo img {
    filter: grayscale(100%)
}

.banner--mini-booster .banner__text,
.banner--mobile-booster .banner__text {
    font-size: 10px;
    text-transform: uppercase
}

.banner--mobile-booster .banner__content {
    width: 320px;
    height: 480px
}

.banner--outbound-partner {
    height: 72px;
    background-color: #f1f1f1;
    align-items: center;
    margin: 15px 0
}

@media (max-width:1279.98px) {
    .banner--outbound-partner {
        height: 90px
    }
}

@media (max-width:1023.98px) {

    .banner--mini-booster,
    .banner--mobile-booster,
    .banner--trailer-booster {
        display: none
    }

    .banner--mobile-booster {
        display: flex
    }

    .banner--outbound-partner {
        height: 72px
    }
}

@media (max-width:569.98px) {
    .featured--related .featured__head a .mark__time {
        padding-bottom: 0
    }

    .banner--outbound-partner {
        height: 110px
    }
}

.theme__body__more+.banner--outbound-partner {
    margin-left: 30px;
    margin-right: 30px
}

.banner--outbound-partner .banner__wrapper {
    width: 100%;
    height: 100%
}

.banner--outbound-partner .banner__wrapper.loaded {
    background: #000;
    border-right: 8px solid #ffbf00;
    border-radius: 8px
}

.banner--outbound-partner .banner__wrapper.loaded::after {
    display: none
}

.banner--outbound-partner .banner__wrapper iframe {
    margin: 0
}

.banner--rectangle {
    padding-top: 0;
    padding-bottom: 20px;
    justify-content: start
}

.banner--rectangle .banner__wrapper {
    height: 50px;
    width: 320px
}

.banner--rectangle .banner__wrapper::after {
    display: none
}

@media (max-width:1023.98px) {
    .banner--rectangle {
        display: flex;
        position: relative;
        justify-content: center;
        padding: 0
    }

    .banner--rectangle .banner__wrapper {
        margin-top: 12px;
        margin-bottom: 16px
    }

    .banner--rectangle .banner__wrapper::after {
        content: "PUBLICIDADE";
        padding: 0 15px;
        background-color: #fff;
        width: 190px;
        left: 50%;
        transform: translateX(-50%);
        top: -24px;
        line-height: 1.8
    }

    .banner--rectangle .banner__wrapper iframe {
        margin: 0
    }
}

.taboola__wrapper--article {
    margin-bottom: 40px;
    padding-bottom: 40px;
    padding-top: 28px;
    border-bottom: 10px solid #ffbf00
}

.taboola__wrapper--news {
    padding: 40px 0;
    margin: 0
}

.taboola__wrapper--news>div {
    height: 188px;
    overflow: hidden
}

.taboola__wrapper--mobile {
    display: none;
    padding: 20px 0;
    border-bottom: 1px solid #f1f1f1
}

@media (max-width:767.98px) {
    .theme__body__more+.banner--outbound-partner {
        margin-left: 0;
        margin-right: 0
    }

    .banner--outbound-partner .banner__wrapper iframe {
        left: 16px;
        transform: translate(0, -50%)
    }

    .taboola__wrapper {
        min-height: 269px
    }

    .taboola__wrapper--news {
        display: none;
        padding: 20px 0;
        border-bottom: 1px solid #f1f1f1
    }

    .taboola__wrapper--mobile {
        display: block
    }
}

.taboola__wrapper--carousel {
    background: #f1f1f1;
    width: 100vw;
    margin: 23px 0 32px -15px;
    padding: 24px 16px;
    display: none;
    position: relative
}

.taboola__wrapper--carousel:before {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% + 32px);
    top: -16px;
    left: 0;
    border: 1px solid #d9d9d9;
    border-left: none;
    border-right: none
}

.taboola__wrapper--carousel::after {
    content: "PUBLICIDADE";
    display: inline-block;
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.8;
    font-size: 8px;
    letter-spacing: 1px;
    padding: 0 15px;
    color: #a5a5a5;
    background-color: #fff
}

.taboola__wrapper--carousel>div {
    height: 262px;
    overflow: hidden
}

.web-stories {
    position: relative;
    border-bottom: 1px solid #e6e6e6
}

@media (max-width:767.98px) {
    .taboola__wrapper--carousel {
        display: block
    }

    .web-stories {
        border-bottom: none
    }
}

.web-stories::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 60px;
    background-color: #ffc107
}

.web-stories__list {
    display: flex;
    padding-top: 9px;
    justify-content: center
}

.web-stories__list .storie {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 120px;
    cursor: pointer
}

.web-stories__list .storie:last-child {
    margin-right: 0
}

.web-stories__list .storie__image {
    width: 100px;
    height: 100px;
    background-color: #ffc107;
    padding: 5px;
    border-radius: 100%;
    overflow: hidden;
    position: relative
}

.web-stories__list .storie__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
    position: relative;
    z-index: 1
}

.web-stories__list .storie p {
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    text-align: center;
    padding-top: 3px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.web-stories__list .storie--more .storie__image {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 100%;
    border: 5px solid #ffc107;
    transition: .5s
}

.web-stories__list .storie--more .storie__image i {
    color: #ffc107;
    font-weight: 300;
    font-size: 70px;
    font-family: uni
}

@media (min-width:1024px) {
    .banner--rectangle .banner__wrapper:after {
        bottom: calc(100% + 10px);
        left: 0
    }

    .web-stories__list {
        padding-bottom: 30px
    }

    .web-stories__list .storie--more .storie__image i {
        font-size: 85px
    }

    .web-stories-modal iframe {
        min-width: 1024px;
        min-height: 550px
    }
}

.web-stories__list .storie--more .storie__image:hover {
    border-color: #e0a904
}

@media (min-width:1024px) and (max-width:1279.98px) {

    .web-stories__list .storie--click:nth-child(7),
    .web-stories__list .storie--click:nth-child(8) {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:1023.98px) {
    .web-stories__list {
        padding-bottom: 20px
    }

    .web-stories__list .storie--click:nth-child(5),
    .web-stories__list .storie--click:nth-child(6),
    .web-stories__list .storie--click:nth-child(7),
    .web-stories__list .storie--click:nth-child(8) {
        display: none !important
    }
}

.web-stories__list .storie--click .storie__image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #e0a904;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: .5s;
    border-radius: 100%
}

.web-stories__list .storie--click .storie__image:hover::after {
    transform: scale(1)
}

.web-stories-modal {
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: #202125;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    align-items: center;
    justify-content: center
}

.web-stories-modal--open {
    display: flex
}

.web-stories-modal .icon-close {
    position: absolute;
    top: 20px;
    background-color: transparent;
    color: #fff;
    font-size: 30px;
    border: none;
    cursor: pointer
}

@media (max-width:767.98px) {
    .web-stories__list {
        padding-bottom: 15px
    }

    .web-stories__list .storie {
        max-width: 85px;
        margin-right: 8px
    }

    .web-stories__list .storie__image {
        width: 85px;
        height: 85px
    }

    .web-stories__list .storie p {
        font-size: 12px
    }

    .web-stories__list .storie--click:nth-child(4),
    .web-stories__list .storie--click:nth-child(5),
    .web-stories__list .storie--click:nth-child(6),
    .web-stories__list .storie--click:nth-child(7),
    .web-stories__list .storie--click:nth-child(8) {
        display: none !important
    }

    .web-stories-modal .icon-close {
        right: 10px
    }

    .web-stories--list .article__header__social {
        border-bottom: 0
    }
}

.web-stories-modal iframe {
    width: 90%;
    height: 80%;
    border: 0;
    background-image: url(../img/loading.svg);
    background-repeat: no-repeat;
    background-position: center
}

.web-stories--list .l-sidebar {
    padding-top: 0
}

.web-stories--list .c-newslist::before {
    display: none
}

@media (min-width:768px) {
    .web-stories-modal .icon-close {
        right: 30px
    }

    .web-stories--list .section .title {
        margin-bottom: 50px
    }
}

.web-stories--list .article__body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 0
}

.web-stories--list .special__card {
    cursor: pointer
}

@media (max-width:767.98px) {
    .web-stories--list .special__card {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 20px
    }

    .web-stories--list .special__card:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }

    .header~main.page--home {
        padding-top: 118px
    }
}

.web-stories--list .special__card__head {
    height: 410px
}

.web-stories--list .special__card__body h2 {
    line-height: 1.3
}

.webpush-dialog {
    position: fixed;
    z-index: 99999;
    top: 10px;
    left: 8em;
    background: #f1f1f1;
    width: 350px;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: auto;
    padding: 1em;
    box-shadow: 0 0 5px #1f1f1f
}

.webpush-dialog .icon-wrapper {
    transform: rotate(340deg);
    color: #f9d362;
    padding: 5px
}

.webpush-dialog .webpush-text {
    font-family: uni, Arial, sans-serif;
    font-weight: 900;
    margin: 0 auto;
    width: 15em
}

.webpush-dialog .webpush-buttons {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    justify-self: center;
    width: 100%;
    margin-top: 10px
}

.webpush-dialog .webpush-buttons .btn {
    font-size: .7em;
    border: 1px solid #151515
}

.webpush-dialog .webpush-buttons .btn-outline:hover {
    background: #ededed
}

.webpush-dialog .webpush-buttons .btn-accept {
    border: 1px solid #ffc107;
    background: #ffc107
}

.webpush-dialog .webpush-buttons .btn-accept:hover {
    background: #e0a903
}

@media (max-width:1024px) {
    .webpush-dialog .webpush-text {
        font-size: 1.2em
    }

    .webpush-dialog .webpush-buttons .btn {
        font-size: .9em;
        padding: 15px 18px
    }

    .webpush-dialog {
        top: unset;
        bottom: 0;
        left: 0;
        width: 100%
    }
}

.push-help-dialog-wrapper,
.push-unlock-dialog-wrapper {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000c
}

.push-help-dialog-wrapper p,
.push-unlock-dialog-wrapper p {
    font-family: uni, Arial, sans-serif
}

.push-help-dialog-wrapper .push-help-dialog,
.push-help-dialog-wrapper .push-unlock-dialog,
.push-unlock-dialog-wrapper .push-help-dialog,
.push-unlock-dialog-wrapper .push-unlock-dialog {
    position: fixed;
    display: flex;
    width: 22.6em;
    height: 12em;
    left: calc(50% - 11.3em);
    top: calc(50% - 6em);
    background: #f1f1f1;
    box-shadow: 0 -4px 4px rgba(0, 0, 0, .15);
    border-radius: 3px;
    overflow: hidden
}

.push-help-dialog-wrapper .push-help-dialog .icon-wrapper,
.push-help-dialog-wrapper .push-unlock-dialog .icon-wrapper,
.push-unlock-dialog-wrapper .push-help-dialog .icon-wrapper,
.push-unlock-dialog-wrapper .push-unlock-dialog .icon-wrapper {
    margin: 1em;
    padding-top: 5px
}

.push-help-dialog-wrapper .push-help-dialog .dialog-text,
.push-help-dialog-wrapper .push-unlock-dialog .dialog-text,
.push-unlock-dialog-wrapper .push-help-dialog .dialog-text,
.push-unlock-dialog-wrapper .push-unlock-dialog .dialog-text {
    margin: 1em 0
}

.push-help-dialog-wrapper .push-help-dialog .dialog-title,
.push-help-dialog-wrapper .push-unlock-dialog .dialog-title,
.push-unlock-dialog-wrapper .push-help-dialog .dialog-title,
.push-unlock-dialog-wrapper .push-unlock-dialog .dialog-title {
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.3px
}

.push-help-dialog-wrapper .push-help-dialog .dialog-body,
.push-help-dialog-wrapper .push-unlock-dialog .dialog-body,
.push-unlock-dialog-wrapper .push-help-dialog .dialog-body,
.push-unlock-dialog-wrapper .push-unlock-dialog .dialog-body {
    margin-top: .5em;
    font-style: italic;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

.push-help-dialog-wrapper .push-help-dialog .btn,
.push-help-dialog-wrapper .push-unlock-dialog .btn,
.push-unlock-dialog-wrapper .push-help-dialog .btn,
.push-unlock-dialog-wrapper .push-unlock-dialog .btn {
    font-weight: 800;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border: 1px solid #151515
}

.push-help-dialog-wrapper .push-help-dialog .btn-ok,
.push-help-dialog-wrapper .push-unlock-dialog .btn-ok,
.push-unlock-dialog-wrapper .push-help-dialog .btn-ok,
.push-unlock-dialog-wrapper .push-unlock-dialog .btn-ok {
    margin-top: 1em;
    border: 1px solid #ffc107;
    background: #ffc107
}

.push-help-dialog-wrapper .push-help-dialog .btn-ok:hover,
.push-help-dialog-wrapper .push-unlock-dialog .btn-ok:hover,
.push-unlock-dialog-wrapper .push-help-dialog .btn-ok:hover,
.push-unlock-dialog-wrapper .push-unlock-dialog .btn-ok:hover {
    border: 1px solid #ffca2a;
    background: #ffca2a
}

.push-help-dialog-wrapper .push-help-dialog .image-example-wrapper,
.push-help-dialog-wrapper .push-unlock-dialog .image-example-wrapper,
.push-unlock-dialog-wrapper .push-help-dialog .image-example-wrapper,
.push-unlock-dialog-wrapper .push-unlock-dialog .image-example-wrapper {
    display: flex
}

.push-help-dialog-wrapper .push-help-dialog .image-example-wrapper div,
.push-help-dialog-wrapper .push-unlock-dialog .image-example-wrapper div,
.push-unlock-dialog-wrapper .push-help-dialog .image-example-wrapper div,
.push-unlock-dialog-wrapper .push-unlock-dialog .image-example-wrapper div {
    margin: 1em 1em 0 0
}

.push-help-dialog-wrapper .push-help-dialog .image-example-wrapper .diveded,
.push-help-dialog-wrapper .push-unlock-dialog .image-example-wrapper .diveded,
.push-unlock-dialog-wrapper .push-help-dialog .image-example-wrapper .diveded,
.push-unlock-dialog-wrapper .push-unlock-dialog .image-example-wrapper .diveded {
    width: 50%
}

.push-help-dialog-wrapper .push-unlock-dialog,
.push-unlock-dialog-wrapper .push-unlock-dialog {
    width: 42em;
    min-height: 33em;
    height: fit-content;
    left: calc(50% - 21em);
    top: calc(50% - 16.5em)
}

.push-help-dialog-wrapper .push-unlock-dialog .dialog-body,
.push-unlock-dialog-wrapper .push-unlock-dialog .dialog-body {
    margin: 1em 1em 0 0
}

@media (max-width:1024px) {

    .push-help-dialog-wrapper .push-help-dialog .btn,
    .push-help-dialog-wrapper .push-unlock-dialog .btn,
    .push-unlock-dialog-wrapper .push-help-dialog .btn,
    .push-unlock-dialog-wrapper .push-unlock-dialog .btn {
        font-size: .9em;
        padding: 15px 18px
    }

    .push-help-dialog-wrapper .push-unlock-dialog,
    .push-unlock-dialog-wrapper .push-unlock-dialog {
        width: 80%;
        height: 90%;
        left: calc(10%);
        top: calc(5%)
    }

    .push-help-dialog-wrapper .push-unlock-dialog .dialog-text,
    .push-unlock-dialog-wrapper .push-unlock-dialog .dialog-text {
        max-width: 85%
    }

    .push-help-dialog-wrapper .push-unlock-dialog .swiper-wrapper,
    .push-unlock-dialog-wrapper .push-unlock-dialog .swiper-wrapper {
        margin-left: -24px !important
    }

    .push-help-dialog-wrapper .push-unlock-dialog .swiper-pagination,
    .push-unlock-dialog-wrapper .push-unlock-dialog .swiper-pagination {
        position: unset;
        margin: 1em 0 1em -48px
    }

    .push-help-dialog-wrapper .push-unlock-dialog .swiper-pagination .swiper-pagination-bullet,
    .push-unlock-dialog-wrapper .push-unlock-dialog .swiper-pagination .swiper-pagination-bullet {
        margin: 0 4px
    }

    .push-help-dialog-wrapper .push-unlock-dialog .swiper-pagination .swiper-pagination-bullet-active,
    .push-unlock-dialog-wrapper .push-unlock-dialog .swiper-pagination .swiper-pagination-bullet-active {
        background: #ffc107
    }
}

.header {
    background: linear-gradient(to bottom, #000, #2d2d2d);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

.header~main {
    padding-top: 118px
}

.header.header--primary-only+main {
    padding-top: 75px
}

.header.header--primary-only+main.page--home {
    padding-top: 135px
}

.header__overlay {
    display: none
}

.header--mobile-active .header__overlay {
    display: block;
    background-color: #000a;
    height: 100vh;
    width: 100vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.header__wrapper {
    width: 100%;
    flex-direction: column
}

.header .search {
    color: #ccc;
    font-size: 24px
}

@media (max-width:1279.98px) {
    .header .search {
        font-size: 18px
    }
}

.header .search img {
    display: none
}

.header .search .icon {
    display: block
}

.header .search__mobile-icon .search-icon {
    display: none
}

@media (max-width:1023.98px) {
    .header .search {
        font-size: 30px;
        order: 2
    }

    .header .search img {
        display: block;
        width: 30px;
        height: 30px
    }

    .header .search .icon {
        display: none
    }

    .header .search__mobile-icon .search-icon {
        display: block
    }
}

.header .search__mobile-icon .close-icon,
.header .search__mobile-icon.active .search-icon {
    display: none
}

.header .logo {
    width: 155px;
    height: 30px
}

@media (min-width:768px) {
    .header .logo {
        z-index: 2
    }
}

@media (min-width:768px) and (max-width:1023.98px) {
    .header .logo {
        width: 125px
    }
}

.header .separator {
    height: 45px;
    margin: 0 20px;
    border-left: 1px solid #333
}

@media (max-width:1279.98px) {
    .header .separator {
        margin: 0 12px
    }

    footer .group__about {
        order: 2;
        margin-top: 45px
    }
}

.h-primary {
    width: 100%;
    background: linear-gradient(to bottom, #000, #2d2d2d);
    padding: 16px 0;
    height: 75px;
    transition: height .3s
}

.h-primary__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.h-primary__hamburger {
    display: none;
    color: #fff;
    font-size: 20px
}

.h-primary__logo {
    display: flex;
    align-items: center;
    color: #fff;
    overflow: hidden;
    transition: height .3s;
    width: 212px
}

.h-primary__logo a,
.h-primary__logo img {
    width: 100%
}

.h-primary__menu {
    color: #fff;
    font-size: 13px;
    letter-spacing: 1.4px
}

@media (max-width:1023.98px) {
    .header .search__mobile-icon.active .close-icon {
        display: block
    }

    .h-primary {
        background: 0 0
    }

    .h-primary__hamburger {
        display: flex
    }

    .h-primary__logo {
        width: 155px;
        justify-content: center
    }

    .h-primary__menu {
        background: #fafafa;
        position: fixed;
        max-height: calc(100vh - 85px);
        width: 320px;
        overflow: auto;
        top: 75px;
        left: -100vw;
        margin: 0;
        z-index: 1;
        align-items: flex-start;
        flex-direction: column;
        border: 1px solid #e6e6e6;
        transition: .3s
    }

    .header--mobile-active .h-primary__menu {
        left: 0
    }

    .h-primary__spacer {
        width: 100%;
        height: 1px;
        background-color: #e6e6e6
    }
}

.h-secondary {
    width: 100%;
    background: #d9d9d9;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 800
}

.header--primary-only .h-secondary {
    display: none
}

.h-secondary__container {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:767.98px) {
    .h-secondary {
        background: 0 0;
        color: #ffbf00
    }

    .h-secondary__title {
        display: none
    }
}

.h-secondary__list {
    display: flex;
    gap: 16px;
    font-weight: 400;
    white-space: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-behavior: smooth
}

.h-secondary__list::-webkit-scrollbar {
    display: none
}

.h-secondary__list-wrapper {
    max-width: 80%;
    display: flex;
    align-items: center
}

.h-secondary__scroll-button {
    display: flex;
    cursor: default;
    opacity: 0;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 100%;
    padding: 12px 0;
    user-select: none;
    transition: opacity .3s
}

.h-secondary__scroll-button.active {
    opacity: 1;
    cursor: pointer
}

.h-secondary__scroll-button#left-scroll {
    transform: rotate(180deg)
}

.h-secondary__scroll-button img {
    filter: brightness(0);
    opacity: .6;
    width: 7px
}

@media (max-width:767.98px) {
    .h-secondary__list-wrapper {
        max-width: calc(100% + 15px)
    }

    .h-secondary__scroll-button {
        flex-shrink: 0;
        width: 30px
    }

    .h-secondary__scroll-button img {
        filter: none;
        opacity: 1
    }
}

.h-secondary__item {
    position: relative;
    padding: 12px 0
}

.h-secondary__item:hover:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: #101010
}

.h-secondary__item a,
.h-secondary__spacer {
    padding: 12px 0
}

.h-menu__list {
    display: flex;
    gap: 12px
}

@media (max-width:1023.98px) {
    .h-menu__list {
        flex-direction: column;
        padding: 20px 0;
        gap: 20px
    }

    .h-menu__item {
        color: #333;
        font-size: 18px;
        letter-spacing: 1.9px;
        margin: 0 20px;
        width: fit-content
    }
}

.h-menu__item {
    border-bottom: 2px solid #ffbf00;
    padding-bottom: 4px;
    font-style: italic;
    text-transform: uppercase
}

.h-menu__item a:hover {
    color: #ffbf00
}

.h-menu__tail {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #777;
    height: 100%
}

.h-menu__social {
    font-size: 18px
}

.h-menu__social--mobile {
    display: none
}

@media (max-width:1023.98px) {
    .h-menu__social--mobile {
        display: flex;
        justify-content: center;
        color: #333;
        background-color: #fafafa;
        font-size: 22px;
        padding: 28px 20px;
        border-top: 1px solid #e6e6e6
    }
}

.h-menu__search {
    padding-right: 8px
}

.h-menu__search .icon-search:before {
    font-weight: 700
}

.h-menu__spacer {
    height: 100%;
    border: 1px solid
}

.m-login {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 8px;
    position: relative
}

.m-login__picture {
    width: 40px;
    height: 40px;
    background-color: #eee;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none
}

.m-login__picture--mobile {
    display: none
}

@media (max-width:1023.98px) {
    .m-login {
        padding-left: 0
    }

    .m-login__picture {
        display: none
    }

    .m-login__picture--mobile {
        display: flex;
        background-color: transparent
    }
}

.m-login__picture--mobile.hidden {
    display: none
}

.m-login__picture--logged {
    display: none;
    width: 32px;
    height: 32px;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #111
}

.m-login__picture--logged.hidden {
    display: none
}

.m-login__picture img {
    width: 24px;
    height: 24px
}

.m-login__name {
    font-size: 14px;
    line-height: 21px;
    pointer-events: none;
    font-weight: 700;
    color: #fff
}

.m-login__actions {
    font-size: 16px;
    line-height: 21px
}

@media (max-width:1023.98px) {
    .m-login__picture--logged {
        display: flex
    }

    .m-login__picture img {
        width: 30px;
        height: 30px
    }

    .m-login__actions {
        display: none
    }
}

.m-login__actions.hidden {
    display: none
}

.m-login__actions a {
    color: #fff;
    cursor: pointer
}

.m-login__actions a:hover {
    text-decoration: underline
}

.m-login__body {
    display: flex;
    flex-direction: column
}

@media (max-width:1023.98px) {
    .m-login__body {
        display: none
    }
}

.m-login__body-wrapper.hidden {
    display: none
}

.m-dropdown {
    font-size: 14px;
    line-height: 21px;
    cursor: pointer;
    color: #ffca36;
    opacity: .7255
}

.m-dropdown.active,
.m-dropdown:hover {
    opacity: 1
}

.m-dropdown__title {
    display: flex;
    align-items: center
}

.m-dropdown__title img {
    width: 20px;
    height: 20px
}

.m-dropdown__list {
    display: none;
    flex-direction: column;
    background-color: #fff;
    position: absolute;
    top: 48px;
    left: 0;
    gap: 4px;
    padding: 8px;
    border-radius: 8px;
    width: 100%;
    box-shadow: 1px 1px 12px #0000002F;
    min-width: 208px;
    max-height: 280px;
    z-index: 1
}

@media (max-width:1023.98px) {
    .m-dropdown__title {
        display: none
    }

    .m-dropdown__list {
        top: 40px;
        left: unset;
        right: -36px
    }
}

.active .m-dropdown__list {
    display: flex
}

.m-dropdown__item {
    display: flex;
    align-items: center;
    color: #202020;
    gap: 8px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 21px;
    border-radius: 4px;
    cursor: pointer
}

.m-dropdown__item:hover {
    background-color: #0000000F
}

.m-social__list {
    display: flex;
    gap: 8px
}

.m-social__item {
    margin: 0
}

.m-social__item a:hover {
    color: #ffbf00
}

.m-search {
    background: rgba(0, 0, 0, .9);
    z-index: 998;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    display: flex;
    align-items: flex-start;
    padding-top: 125px
}

.m-search--show {
    opacity: 1;
    visibility: visible
}

.m-search--show .m-search__wrapper {
    opacity: 1;
    top: 30px
}

@media (max-width:767.98px) {
    .m-search {
        z-index: 999;
        padding-top: 50px
    }

    .m-search--show .m-search__wrapper {
        top: 0
    }
}

.m-search__wrapper {
    display: flex;
    justify-content: center;
    width: 90vw;
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
    opacity: 0;
    transition: .3s .3s;
    box-shadow: 0 4px 6px #000;
    border-radius: 3px;
    top: -100px;
    position: relative
}

.m-search__wrapper form {
    width: 100%
}

.m-search__wrapper .input-group {
    width: 100%;
    position: relative
}

.m-search__wrapper .input-group input {
    width: 100%;
    border: 2px solid #e6e6e6;
    border-radius: 3px;
    font-size: 18px;
    padding: 12px 50px 12px 12px;
    font-family: Uni;
    transition: .2s
}

.m-search__wrapper .input-group input:focus {
    border-color: #f5a623;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .5)
}

.m-search__wrapper .input-group button {
    position: absolute;
    top: 11px;
    background: 0 0;
    border: 0;
    font-size: 25px;
    cursor: pointer
}

.m-search__wrapper .input-group button.icon-close {
    top: 5px
}

.m-search__wrapper .input-group button.icon-search {
    right: 5px
}

.m-search__wrapper .input-group button:hover {
    color: #f5a623
}

.search {
    display: flex;
    align-items: center;
    cursor: pointer
}

.search .icon {
    color: inherit;
    font-size: 1em
}

.search:hover .icon {
    color: #ffbf00
}

.logo .logo__img {
    width: 100%;
    height: 100%
}

.section--home {
    display: flex;
    flex-direction: column
}

.section--home+section {
    position: relative
}

.section--home .banner--small {
    height: 250px;
    overflow: unset
}

.section--last-news {
    background: #fff;
    padding: 0
}

.section--last-news.section--featured+.section--last-news {
    border: none
}

@media (min-width:768px) and (max-width:1023.98px) {
    .section--last-news .section__title {
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        position: relative;
        border-top: 1px solid #e6e6e6
    }

    .section--last-news .scroll-wrapper {
        order: -1;
        padding: 0
    }
}

@media (max-width:767.98px) {
    .section--home .banner--small {
        height: auto
    }

    .section--last-news {
        width: 100%;
        position: absolute;
        top: 0
    }

    .section--last-news .section__title {
        display: none
    }
}

.section--featured {
    position: relative;
    height: 400px;
    display: flex;
    align-items: flex-end
}

.section--featured .featured__head .mark__title {
    margin-bottom: 15px
}

.section--featured .featured__head .mark__title h2 {
    font-size: 36px
}

.section--featured .featured__subtitle h3 {
    font-size: 20px
}

@media (max-width:767.98px) {
    .section--featured--link {
        display: block;
        width: 100%;
        height: 50vw
    }

    .section--featured {
        height: auto;
        flex-direction: column
    }

    .section--featured .featured {
        margin: 0
    }

    .section--latest-reviews {
        width: 100%;
        position: absolute;
        top: 0
    }
}

.section__title {
    font-size: 28px;
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 -20px
}

.section__title h1 {
    font-size: 28px !important
}

.section__title a {
    transition: color .3s
}

.section__title a:hover {
    color: #ffbf00
}

.section__title .link {
    display: block;
    width: max-content;
    margin: 15px auto 0;
    font-size: 18px
}

.section .title {
    padding: 0
}

.section .title h1 {
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 35px 0;
    border-bottom: 1px solid #e6e6e6;
    border-top: 10px solid #ffbf00;
    box-shadow: 0 -1px 0 #e2a100
}

.section__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

@media (max-width:767.98px) {
    .section .title h1 {
        border-top: 0;
        box-shadow: 0
    }

    .section__cover {
        position: relative
    }

    .page--home .section--last-news {
        border-top: 0;
        box-shadow: none
    }

    .page--home .section--last-news .c-newslist {
        padding-top: 15px
    }
}

.page--realtime .main {
    background-image: linear-gradient(#f5c210, transparent);
    background-size: 100% 387px;
    background-repeat: no-repeat
}

.section--tabs {
    width: 100%
}

.article {
    padding: 40px 0;
    position: relative
}

@media (max-width:1023.98px) {
    .article {
        padding: 15px 0 0
    }

    .article:after {
        content: '';
        display: block;
        position: relative;
        width: 100vw;
        height: 6px;
        background: #ffbf00;
        box-shadow: 0 -1px 0 #e2a100;
        left: 50%;
        transform: translateX(-50%)
    }
}

.article__cover {
    margin-bottom: -23px
}

.article__cover>img {
    width: 100%;
    display: block
}

.article__cover .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.article__boundary {
    height: 10px;
    width: 100%;
    background-color: #ffbf00;
    box-shadow: 0 -1px 0 #e2a100
}

.article #audimaWidget {
    margin-bottom: 24px
}

footer {
    background-image: linear-gradient(to bottom, #000, #2d2d2d);
    text-transform: uppercase;
    position: relative
}

footer .footer__nav {
    padding: 25px 0;
    font-style: italic
}

footer .footer__nav--horizontal {
    padding-top: 0
}

footer .footer__nav--horizontal .footer__nav__list {
    width: 100%;
    border-top: 1px solid #333;
    padding-top: 12px
}

footer .footer__nav--horizontal .footer__nav__list ul {
    width: 100%;
    display: flex;
    gap: 24px
}

footer .footer__nav--horizontal .footer__nav__list ul li {
    margin: 14px 0
}

footer .footer__nav--horizontal .footer__nav__list ul a {
    font-size: 12px
}

@media (max-width:767.98px) {
    .article__cover {
        margin-bottom: -13px
    }

    .article #audimaWidget {
        margin-bottom: 16px
    }

    footer .footer__nav--horizontal .footer__nav__list ul {
        justify-content: center
    }

    footer .footer__nav--horizontal .footer__nav__list ul a {
        font-size: 10px
    }
}

footer .footer__nav--horizontal .footer__spacer {
    width: 1px;
    height: 16px;
    background-color: #999
}

footer .footer__nav .row {
    justify-content: space-between
}

footer .footer__nav__list h3 {
    font-family: uni-book, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    border-bottom: 2px solid #ffbf00;
    width: max-content;
    padding: 0 0 3px;
    margin-bottom: 20px;
    letter-spacing: 1.5px
}

footer .footer__nav__list ul li {
    width: max-content;
    display: list-item;
    margin: 5px 0;
    font-size: 16px;
}

footer .footer__nav__list ul li a {
    color: #999;
    font-size: 10px;
    letter-spacing: 1px
}

footer .footer__nav__list ul li a:hover {
    color: #ffbf00
}

footer .footer__nav .search {
    font-size: 28px;
    color: #ccc
}

footer .footer__group {
    border-bottom: 1px solid #2b2b2b;
    padding: 0 15px
}

footer .group {
    padding: 40px 0 20px;
    font-size: 10px;
    justify-content: space-between;
    font-style: italic
}

@media (min-width:768px) {
    footer .group__about {
        align-content: center;
        display: flex;
        flex-flow: wrap
    }
}

footer .group__about h3 {
    font-family: uni-book, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 1.9px;
    color: #ffbf00
}

footer .group__about ul {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    width: 100%
}

footer .group__about ul li {
    display: inline-flex
}

footer .group__about ul li a {
    color: #fff;
    letter-spacing: 1.4px
}

footer .group__about ul li a:hover {
    color: #ffbf00
}

@media (max-width:767.98px) {
    footer .group__about h3 {
        font-size: 15px;
        text-align: center
    }

    footer .group__about ul {
        justify-content: center
    }

    footer .group__about ul li:nth-child(2),
    footer .group__about ul li:nth-child(3) {
        display: none
    }
}

footer .group__logos {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 16px
}

@media (max-width:767.98px) {
    footer .group__logos {
        flex-flow: wrap;
        justify-content: center
    }

    footer .group__logos .item {
        flex-basis: 50%;
        padding: 10px
    }
}

footer .group__logos .item a {
    display: block;
    text-align: center
}

footer .group__logos .item--text {
    flex-shrink: 0
}

footer .group__logos .item--text p {
    text-align: left;
    font-family: uni-book, Arial, sans-serif;
    color: #fff;
    line-height: normal;
    font-style: normal;
}

@media (max-width:767.98px) {
    footer .group__logos .item--text {
        width: 100%;
        flex-basis: 100%
    }

    footer .group__logos .item--text p {
        font-size: 14px;
        text-align: center
    }

    footer .group__logos .item--text p br {
        display: none
    }
}

@media (min-width:1024px) {
    .l-sidebar {
        padding-top: 30px
    }

    .l-sidebar__wrapper {
        padding-bottom: 50px
    }

    .l-sidebar__wrapper:last-child {
        padding-bottom: 0
    }
}

@media (min-width:768px) and (max-width:1023.98px) {
    .l-sidebar {
        display: flex;
        justify-content: space-around
    }

    .l-sidebar__wrapper {
        display: flex;
        padding: 50px 0;
        justify-content: center;
        width: 50%
    }

    .l-sidebar__wrapper:nth-child(2) {
        border-right: 1px solid #e6e6e6
    }

    .section--home .section__wrapper .primary {
        order: -1
    }
}

.l-sidebar .banner--small {
    overflow: unset;
    width: 300px;
    margin: 30px 0
}

.section--home .section__wrapper {
    flex-wrap: wrap
}

@media (min-width:768px) and (max-width:1023.98px) {
    .section--home .section__wrapper .banner--small {
        margin: 0 -40px
    }
}

.section--home .featured .mark {
    width: 100%
}

.section--home .featured .mark__time {
    display: none
}

.section--home .featured .mark__label {
    justify-content: space-between;
    flex-wrap: wrap
}

.section--home .featured .picture+.mark .mark__label .tag {
    border-top-left-radius: 0
}

@media (max-width:767.98px) {
    .section--home .featured {
        border-bottom: 1px solid #e6e6e6;
        max-width: none
    }

    .section--home .featured--main {
        margin-top: -2px
    }
}

.section--home .features--title--wrapper {
    display: flex;
    justify-content: center
}

.section--home .featured__sponsor {
    color: #999;
    font-size: 15px;
    font-style: italic;
    margin-top: -15px;
    display: flex;
    align-items: center
}

@media (max-width:767.98px) {
    .section--home .featured__sponsor {
        width: 100%;
        justify-content: center;
        margin-bottom: 20px
    }

    .primary .featured--main .mark__label .tag {
        border-top-left-radius: 3px !important
    }
}

.section--home .featured__sponsor .featured__logo {
    width: 130px;
    height: 50px;
    margin-left: 15px;
    background-repeat: no-repeat;
    background-position: center
}

.primary .margin {
    padding: 0 50px
}

@media (max-width:1023.98px) {
    footer .footer__nav .search {
        font-size: 17px
    }

    .primary__banner {
        order: 3
    }
}

.primary .featured .mark__title {
    font-size: 30px;
    font-weight: 800
}

@media (min-width:1024px) and (max-width:1279.98px) {
    .primary .featured .mark__title {
        font-size: 26px
    }
}

.primary .featured--main .mark__label {
    font-size: 38px
}

.primary .featured--main .mark__title h2 {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -1.4px
}

@media (min-width:1024px) and (max-width:1279.98px) {
    .primary .featured--main .mark__title h2 {
        font-size: 24px
    }
}

@media (max-width:767.98px) {
    .primary .featured--main .mark__label .tag p {
        font-size: .32em;
        line-height: 1.6
    }

    .primary .featured--main .mark__title h2 {
        font-size: 24px
    }
}

.primary .featured--main.truvid .mark__title h2 {
    font-size: 30px;
    letter-spacing: normal
}

.primary .featured--main .picture {
    width: 100%;
    height: 360px
}

@media (min-width:1024px) and (max-width:1279.98px) {
    .primary .featured--main.truvid .mark__title h2 {
        font-size: 26px
    }

    .primary .featured--main .picture {
        height: 270px
    }
}

@media (min-width:768px) and (max-width:1023.98px) {
    .primary .featured--main .picture {
        height: auto
    }

    .secondary {
        padding-left: 30px;
        border-right: 1px solid #e6e6e6
    }
}

.primary .featured--main .subtitle h3 {
    font-size: 24px
}

.primary .featured--main.truvid .subtitle h3 {
    font-size: 20px;
    letter-spacing: normal
}

.primary .featured--horizontal .featured__head {
    display: flex;
    margin-bottom: 25px
}

@media (max-width:767.98px) {
    .primary .featured--main .picture {
        width: calc(100% + 30px);
        height: 50vw;
        margin-left: -15px;
        margin-right: -15px
    }

    .primary .featured--main .subtitle h3 {
        font-size: 18px
    }

    .primary .featured--main.truvid .subtitle h3 {
        font-size: 16px
    }

    .primary .featured--horizontal .featured__head {
        flex-flow: wrap
    }

    .primary .featured--horizontal .featured__head .mark,
    .primary .featured--horizontal .featured__head .picture {
        width: 100%;
        padding-left: 0
    }
}

@media (min-width:1024px) {

    .primary:after,
    .primary:before {
        content: "";
        display: flex;
        width: 1px;
        height: 100%;
        background: #e6e6e6;
        position: absolute
    }

    .primary:before {
        left: 25px
    }

    .primary:after {
        right: 25px
    }

    .primary .featured--horizontal .featured__head a {
        flex-flow: nowrap
    }

    .c-newslist {
        margin-right: 24px
    }
}

.primary .featured--horizontal .featured__head .picture {
    width: 175px;
    height: 175px
}

@media (min-width:1024px) and (max-width:1279.98px) {
    .primary .featured--horizontal .featured__head .picture {
        width: 140px;
        height: 140px
    }
}

@media (max-width:767.98px) {
    .primary .featured--horizontal .featured__head .picture {
        margin-bottom: -15px;
        width: 100%;
        height: 50vw;
        overflow: hidden;
        border-radius: 3px
    }

    .primary .featured--horizontal .featured__head .picture img {
        width: 100%;
        height: 100%;
        display: block;
        max-height: none;
        object-fit: cover;
        object-position: center
    }

    .primary .featured--horizontal .links__list {
        flex-flow: wrap
    }
}

.primary .featured--horizontal .links__list .link {
    padding: 0 30px;
    width: 50%
}

.primary .featured--horizontal .links__list .link:first-child {
    padding-left: 0
}

.primary .featured--horizontal .links__list .link:last-child {
    padding-right: 0
}

.primary .featured--horizontal .mark {
    width: 60%;
    padding-left: 16px
}

.primary .featured--horizontal .mark__title {
    margin: 10px 0 0
}

.primary .featured--horizontal .mark__title h2 {
    font-size: 30px;
    letter-spacing: -.8px
}

@media (min-width:1024px) and (max-width:1279.98px) {
    .primary .featured--horizontal .mark__title h2 {
        font-size: 26px
    }

    .secondary .featured .mark__title,
    .tertiary .featured .mark__title {
        font-size: 20px;
        line-height: 1.1
    }
}

.primary .featured--horizontal .subtitle h3 {
    font-size: 26px
}

@media (max-width:767.98px) {
    .primary .featured--horizontal .links__list .link {
        padding: 0;
        width: 100%
    }

    .primary {
        order: 1
    }

    .primary:after,
    .primary:before {
        display: none
    }

    .primary .col {
        padding: 0
    }

    .secondary .featured--main {
        margin: 40px 0 20px;
        border-bottom: 0
    }
}

.tertiary .banner {
    margin-left: -40px;
    height: 250px;
    overflow: unset;
    width: 315px;
    justify-content: flex-end
}

@media (max-width:767.98px) {
    .tertiary .banner {
        margin-left: 15px;
        margin-top: 0;
        margin-bottom: 40px
    }

    .tertiary .featured:last-child {
        border-bottom: 0;
        margin: 40px 0 20px
    }
}

.tertiary .banner--regressive {
    height: 150px
}

.secondary .featured .mark__title,
.tertiary .featured .mark__title {
    margin: 10px 0
}

.secondary .featured .mark__title h2,
.tertiary .featured .mark__title h2 {
    font-size: 24px;
    letter-spacing: -.3px
}

.secondary .featured .subtitle h3,
.tertiary .featured .subtitle h3 {
    font-size: 18px
}

.secondary .featured .picture,
.tertiary .featured .picture {
    width: 100%;
    height: 206px
}

.secondary .featured .picture--top,
.tertiary .featured .picture--top {
    margin-bottom: -15px
}

@media (min-width:1024px) and (max-width:1279.98px) {

    .secondary .featured .picture,
    .tertiary .featured .picture {
        height: 167px
    }

    .secondary .featured--main .mark__title,
    .tertiary .featured--main .mark__title {
        font-size: 26px;
        line-height: 1;
    }
}

@media (min-width:768px) and (max-width:1023.98px) {
    .tertiary .banner {
        margin-left: 0
    }

    .tertiary {
        padding-right: 30px
    }

    .secondary,
    .tertiary {
        width: 50%;
        max-width: 50%
    }

    .secondary .featured .picture,
    .tertiary .featured .picture {
        height: 224px
    }
}

.secondary .featured .links__list,
.tertiary .featured .links__list {
    flex-flow: column;
    width: 100%
}

.secondary .featured .links__list .link,
.tertiary .featured .links__list .link {
    margin-bottom: 10px
}

.secondary .featured .links__list .link:last-child,
.tertiary .featured .links__list .link:last-child {
    margin-bottom: 0
}

.secondary .featured .links__list .link a,
.tertiary .featured .links__list .link a {
    align-items: start
}

.secondary .featured .links__list .link a p,
.tertiary .featured .links__list .link a p {
    padding-top: 5px
}

.secondary .featured--main .mark__title h2,
.tertiary .featured--main .mark__title h2 {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.8px
}

.c-newslist {
    padding-top: 30px;
    padding-bottom: 60px
}

.c-newslist::before {
    content: '';
    height: 100%;
    width: 1px;
    background: #e6e6e6;
    right: 15px;
    position: absolute;
    top: 0
}

@media (max-width:1023.98px) {
    .secondary {
        order: 2
    }

    .tertiary {
        order: 3
    }

    .c-newslist::before {
        display: none
    }
}

.c-newslist .featured {
    padding: 20px 0;
    margin: 0
}

.c-newslist .featured:first-child {
    padding-top: 0
}

.c-newslist .featured:last-child {
    padding-bottom: 0
}

.c-newslist .featured__head {
    display: flex
}

@media (max-width:767.98px) {

    .secondary .featured .picture,
    .tertiary .featured .picture {
        height: 50vw
    }

    .c-newslist .featured {
        padding: 20px 0;
        border-bottom: 1px solid #f1f1f1
    }

    .c-newslist .featured__head {
        flex-direction: column
    }
}

.c-newslist .featured__head .picture {
    width: 376px;
    height: 200px;
    margin-bottom: 0
}

@media (min-width:1024px) and (max-width:1279.98px) {
    .c-newslist .featured__head .picture {
        width: 50%
    }
}

@media (min-width:768px) and (max-width:1023.98px) {
    .c-newslist .featured__head .picture {
        width: 50%
    }
}

.c-newslist .featured__head .mark {
    max-width: 50%
}

@media (min-width:768px) {
    .c-newslist .featured__head .mark {
        padding-left: 30px
    }
}

@media (max-width:767.98px) {
    .c-newslist .featured__head .picture {
        height: 166px;
        width: 100%
    }

    .c-newslist .featured__head .mark {
        width: 100%;
        margin-top: 15px;
        max-width: unset
    }
}

.c-newslist .featured__head .mark__title h2 {
    font-size: 24px;
    letter-spacing: -.3px;
    line-height: 1.17
}

@media (min-width:1024px) and (max-width:1279.98px) {
    .c-newslist .featured__head .mark {
        padding-left: 20px
    }

    .c-newslist .featured__head .mark__title h2 {
        font-size: 18px
    }
}

.c-newslist .featured--main .mark {
    width: 100%
}

.c-newslist .featured--main .mark__title {
    font-size: 38px;
    line-height: 1.16;
    letter-spacing: -.6px
}

.c-newslist .featured__links,
.c-newslist .featured__subtitle {
    display: none
}