/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/owl.video.play.h-7f01b07148f205f6e8258e92bbf652d9-15905d17.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

@font-face {
    font-family: "Bitter-Bold";
    font-display: swap;
    src: url(https://www.infolibre.es/fonts/Bitter-Bold.h-61edc666d68bdbdc107fe7c12c916680-15905d17.eot);
    src: url(https://www.infolibre.es/fonts/Bitter-Bold.h-61edc666d68bdbdc107fe7c12c916680-15905d17.eot) format("embedded-opentype"), url(https://www.infolibre.es/fonts/Bitter-Bold.h-cae46854e3ec6c10ae77910008169c2c-15905d17.woff) format("woff"), url(https://www.infolibre.es/fonts/Bitter-Bold.h-ed2628766d84ea57808225bcd8e51f40-15905d17.woff2) format("woff2"), url(https://www.infolibre.es/fonts/Bitter-Bold.h-1faea0961beaedddd51ba829a606664b-15905d17.ttf) format("truetype"), local("Bitter Bold");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Bitter-BoldItalic";
    font-display: swap;
    src: url(https://www.infolibre.es/fonts/Bitter-BoldItalic.h-e02325c8e8a4e055ef72a7ca430591d6-15905d17.eot);
    src: url(https://www.infolibre.es/fonts/Bitter-BoldItalic.h-e02325c8e8a4e055ef72a7ca430591d6-15905d17.eot) format("embedded-opentype"), url(https://www.infolibre.es/fonts/Bitter-BoldItalic.h-da6b4fe7c6648ce9cb9e2b0e8cb85cb5-15905d17.woff) format("woff"), url(https://www.infolibre.es/fonts/Bitter-BoldItalic.h-cda0e66b4f7df646131a4964609d4e21-15905d17.woff2) format("woff2"), url(https://www.infolibre.es/fonts/Bitter-BoldItalic.h-058def3de2e03e3630c1281512ac8794-15905d17.ttf) format("truetype"), local("Bitter Bold Italic");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Bitter-Regular";
    font-display: swap;
    src: url(https://www.infolibre.es/fonts/Bitter-Regular.h-6b009eee098c8897e3bf4d6f693eb081-15905d17.eot);
    src: url(https://www.infolibre.es/fonts/Bitter-Regular.h-6b009eee098c8897e3bf4d6f693eb081-15905d17.eot) format("embedded-opentype"), url(https://www.infolibre.es/fonts/Bitter-Regular.h-9734f6c0b4bba8ab6722d23c49c460bf-15905d17.woff) format("woff"), url(https://www.infolibre.es/fonts/Bitter-Regular.h-d01558c78e14390835a9d6e346f36d11-15905d17.woff2) format("woff2"), url(https://www.infolibre.es/fonts/Bitter-Regular.h-a3ca591980bea876ed4af2ac8e784358-15905d17.ttf) format("truetype"), local("Bitter Regular");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Bitter-RegularItalic";
    font-display: swap;
    src: url(https://www.infolibre.es/fonts/Bitter-RegularItalic.h-e0a6060fd06284dd168d981a2dd081bd-15905d17.eot);
    src: url(https://www.infolibre.es/fonts/Bitter-RegularItalic.h-e0a6060fd06284dd168d981a2dd081bd-15905d17.eot) format("embedded-opentype"), url(https://www.infolibre.es/fonts/Bitter-RegularItalic.h-d217317eb48116ba443c661ae28467e0-15905d17.woff) format("woff"), url(https://www.infolibre.es/fonts/Bitter-RegularItalic.h-27316c1ba7589a5be2346f94039ccc58-15905d17.woff2) format("woff2"), url(https://www.infolibre.es/fonts/Bitter-RegularItalic.h-050aa1c83047c07c7423eef8e00964ee-15905d17.ttf) format("truetype"), local("Bitter Regular Italic");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    src: url(https://www.infolibre.es/fonts/Roboto-Regular.h-e5eace5d7e4ba4d7370f59b7f315c045-15905d17.eot);
    src: url(https://www.infolibre.es/fonts/Roboto-Regular.h-e5eace5d7e4ba4d7370f59b7f315c045-15905d17.eot) format("embedded-opentype"), url(https://www.infolibre.es/fonts/Roboto-Regular.h-bf4475aa4a70bc7ab911fea0bad01601-15905d17.woff2) format("woff2"), url(https://www.infolibre.es/fonts/Roboto-Regular.h-b916f13a3f682c29517fd4c52099c902-15905d17.woff) format("woff"), url(https://www.infolibre.es/fonts/Roboto-Regular.h-0d3380ec66bece127ebe59669b83da1d-15905d17.ttf) format("truetype"), local("Roboto Regular");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    src: url(https://www.infolibre.es/fonts/Roboto-Medium.h-bf7bef4be67360ba5730e358e8985dcc-15905d17.eot);
    src: url(https://www.infolibre.es/fonts/Roboto-Medium.h-bf7bef4be67360ba5730e358e8985dcc-15905d17.eot) format("embedded-opentype"), url(https://www.infolibre.es/fonts/Roboto-Medium.h-830670b33500f734ed2094ce331a7820-15905d17.woff2) format("woff2"), url(https://www.infolibre.es/fonts/Roboto-Medium.h-d4b2cc83abeebd37a416961d327cd79b-15905d17.woff) format("woff"), url(https://www.infolibre.es/fonts/Roboto-Medium.h-4b567bb4729d673a7e1395e31662f697-15905d17.ttf) format("truetype"), local("Roboto Medium");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    src: url(https://www.infolibre.es/fonts/Roboto-Bold.h-93195a9a9d35279512d69700bd401316-15905d17.eot);
    src: url(https://www.infolibre.es/fonts/Roboto-Bold.h-93195a9a9d35279512d69700bd401316-15905d17.eot) format("embedded-opentype"), url(https://www.infolibre.es/fonts/Roboto-Bold.h-0adcc2c283454cd951bdba1284cd6bb9-15905d17.woff2) format("woff2"), url(https://www.infolibre.es/fonts/Roboto-Bold.h-89060f2a8907a3336ebe84405c5cb23b-15905d17.woff) format("woff"), url(https://www.infolibre.es/fonts/Roboto-Bold.h-a2edd45aac28dfc30352deb0e5fc2ab4-15905d17.ttf) format("truetype"), local("Roboto Bold");
    font-weight: 700;
    font-style: normal
}

@media only screen and (min-width : 768px) {
    .main-header {
        padding: 0 10px
    }
}

.main-header>div {
    margin: 100px 0
}

.main-header>div:first-child {
    margin-top: 0
}

.main-header>div h1 {
    width: 100%;
    background: #f9f8f8;
    padding: 10px 20px;
    margin-bottom: 30px;
    margin-top: 15px;
    font-family: "Cousine", monospace;
    font-weight: bold;
    font-size: 15px
}

@media only screen and (min-width : 768px) {
    .padding-mock {
        padding: 0 15px
    }
}

@media only screen and (min-width : 1040px) {
    .cc-last-minute-bar-partner {
        margin: auto;
        max-width: 1110px
    }
}

@media(max-width: 767px) {
    .author-page {
        overflow-x: hidden
    }

    .author-page>.container-fluid .header-container {
        padding: 0
    }
}

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

    .embed-container.embed-container--type-dailymotion,
    .embed-container.embed-container--type-videoembed {
        height: 54vw !important
    }
}

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

    .embed-container.embed-container--type-dailymotion,
    .embed-container.embed-container--type-videoembed {
        height: 53vw !important
    }
}

.dailymotion-cpe iframe {
    width: 100%
}

@media only screen and (max-width: 1040px) {
    .dailymotion-cpe iframe {
        height: 54vw
    }
}

@media only screen and (max-width: 480px) {
    .dailymotion-cpe iframe {
        height: 53vw
    }
}

.didomi-popup-notice-logo {
    width: auto !important;
    height: 58px !important
}

.tracking-pixel-img {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden
}

.article-page.opinion-page .first-col .news-info {
    display: none
}

.article-page.opinion-page .news-header .title,
.article-page.opinion-page .cmp-next-new .title-next-new a {
    font-family: "Bitter-Regular", sans-serif;
    font-weight: 400
}

.article-page.opinion-page .rs-pill {
    padding-bottom: 15px
}

.article-page.opinion-page .cmp-next-new {
    margin-top: 12px
}

@media only screen and (min-width: 1040px) {
    .article-page.opinion-page .text-col .ad {
        margin-top: 20px
    }
}

.article-page.opinion-page.opinion-article .news-header>.title {
    font-style: italic;
    font-size: 32px;
    line-height: 1.2
}

@media only screen and (min-width : 768px) {
    .article-page.opinion-page.opinion-article .news-header>.title {
        font-size: 45px
    }
}

.article-page.gallery-page .header-container header>.container-fluid .row:not(:first-child) {
    display: none
}

.article-page.gallery-page .gallery-header-container .gallery-header {
    margin: 0 -10px 20px
}

.article-page.gallery-page .more-galleries {
    margin-top: 30px
}

.article-page.gallery-page .news-sponsored-content {
    padding-bottom: 0;
    border-bottom: none
}

.article-page.gallery-page .recirculation {
    margin-top: 35px
}

.article-page.gallery-page h2.article-text,
.article-page.gallery-page h3.article-text {
    color: #000
}

@media only screen and (max-width : 767px) {
    .article-page.gallery-page .cm-slider {
        margin-top: 30px
    }
}

@media only screen and (min-width : 1040px) {
    .article-page.gallery-page .secondary-content .ad {
        margin: 20px auto
    }

    .article-page.gallery-page .gallery-header-container .gallery-header {
        margin: 0 -20px 0
    }

    .article-page.gallery-page .more-galleries {
        margin-top: 30px;
        border-top: 1px solid gray
    }

    .article-page.gallery-page .cm-slider {
        margin-top: 30px
    }
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {

    .article-page.gallery-page.photogallery .cmp-featured-signature-component,
    .article-page.gallery-page.longform .cmp-featured-signature-component {
        margin-top: 10px
    }
}

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

    .article-page.gallery-page.photogallery .cmp-featured-signature-component,
    .article-page.gallery-page.longform .cmp-featured-signature-component {
        margin-top: 10px
    }

    .article-page.gallery-page.photogallery .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description li,
    .article-page.gallery-page.longform .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description li {
        margin-bottom: 25px
    }
}

.article-page.gallery-page.video .news-header {
    margin-top: 10px
}

.article-page.gallery-page.video .cmp-credits {
    margin-top: 30px
}

.article-page.gallery-page.video .news-info {
    margin-bottom: 16px
}

.article-page.gallery-page.video .rs-pill .buttons-rs-panel {
    border: none
}

@media only screen and (min-width : 1040px) {
    .article-page.gallery-page.video .c-header .news-header {
        margin-top: 30px;
        margin-left: 0px;
        margin-right: 0px
    }
}

.article-page.gallery-page.video .c-content .first-col .news-info {
    display: none
}

@media only screen and (max-width : 1039px) {
    .article-page.gallery-page.video .news-sponsored-content {
        padding-top: 15px;
        border-top: 1px solid gray
    }
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {
    .article-page.gallery-page.video .news-header .footer {
        max-width: 650px
    }
}

@media only screen and (min-width : 768px) {
    .article-page.gallery-page.video .cmp-credits {
        margin-top: 25px
    }

    .article-page.gallery-page.video .more-galleries {
        padding-top: 10px;
        margin-top: 0;
        border-top: 1px solid gray
    }
}

.article-page.gallery-page.video .gallery-header-container .gallery-header {
    margin-left: 0px;
    margin-right: 0px
}

@media only screen and (min-width : 1040px) {
    .article-page.gallery-page.video .gallery-header-container .gallery-header {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media only screen and (min-width : 1040px) {
    .article-page.gallery-page.video .news-sponsored-content {
        padding-top: 8px
    }
}

.automatic-list {
    margin-bottom: 10px
}

.automatic-list .blue-btn {
    margin: 20px auto
}

.automatic-list figcaption.footer {
    display: none
}

.automatic-list ul.row {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.automatic-list ul.row li {
    padding: 0 5px
}

.automatic-list .second-col .fluid-container ul.row {
    margin-bottom: 20px
}

.automatic-list .second-col .fluid-container ul.row .col-12.col-md-6 {
    margin-bottom: 10px
}

@media only screen and (max-width : 767px) {
    .automatic-list .second-col .fluid-container ul.row .col-12.col-md-6:last-child {
        margin-bottom: 10px
    }
}

.automatic-list ul.c-content {
    padding-left: 0;
    list-style: none
}

.automatic-list .c-content .partner-wrapper {
    padding-top: 10px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

.automatic-list .c-content .partner-wrapper .date-post {
    margin-top: -7px
}

.automatic-list .c-content .partner-wrapper:first-child {
    border-top: none
}

.automatic-list .c-content .partner-wrapper:first-child .date-post {
    margin-top: -17px
}

.automatic-list .secondary-content {
    padding-top: 10px
}

.automatic-list .md__new,
.automatic-list .md__op {
    margin: 5px 0
}

@media only screen and (min-width : 768px) {

    .automatic-list .md__new.md__new--type1 .ni-title,
    .automatic-list .md__new.md__new--type1 .ni-title a {
        line-height: 24px;
        overflow: visible
    }

    .automatic-list .md__new.md__new--type3,
    .automatic-list .md__new.md__new--type4 {
        border: none !important;
        margin: inherit !important;
        padding: inherit !important
    }
}

.automatic-list .first-col {
    padding-bottom: 15px
}

@media only screen and (max-width: 767px) {
    .automatic-list .md__new--type3 {
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px solid gray
    }
}

@media only screen and (max-width: 1039px) {
    .automatic-list .ad {
        margin: 25px auto 40px
    }
}

@media only screen and (min-width: 1040px) {
    .automatic-list .content-container {
        padding-right: 10px
    }
}

@media only screen and (min-width : 768px) {
    .automatic-pages .header-container {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.automatic-pages.article-page.automatic-pages.main-container .automatic-list .row .col-12.col-md-6 .opinion-list {
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-right: 5px
}

@media only screen and (max-width : 767px) {
    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .partner-wrapper:first-child .col-12.col-lg-12 .md__new.md__new--type1 .ni-title {
        line-height: 24px
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .partner-wrapper:first-child .col-12.col-lg-12 .md__new.md__new--type1 .ni-title a {
        font-size: 24px
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .md__new.md__new--type1 .ni-title,
    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .md__new.md__new--type4 .ni-title {
        line-height: 21px
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .md__new.md__new--type1 .ni-title a,
    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .md__new.md__new--type4 .ni-title a {
        font-size: 21px
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .md__new.md__new--type3 {
        margin-left: 5px;
        margin-right: 5px
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .col-12.col-md-4 .md__new.md__new--type3 {
        margin-bottom: 20px;
        margin-top: 10px;
        border-top: 1px solid rgba(37, 33, 33, .2)
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .col-12.col-md-4:first-child .md__new.md__new--type3 {
        margin-top: -10px
    }
}

@media only screen and (min-width : 768px) {
    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .md__new--type1 .ni-figure {
        width: 61.91%
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .md__new--type1 .ni-figure+.ni-title {
        max-width: 38.09%
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper {
        width: 100%
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .col-12.col-md-4 .md__new.md__new--type3 .ni-figure,
    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .col-12.col-md-6 .md__new.md__new--type3 .ni-figure,
    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .col-12.col-md-6 .md__new.md__new--type4 .ni-figure {
        margin-bottom: 7px
    }
}

@media only screen and (min-width : 1040px) {
    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .partner-wrapper {
        margin-top: 0;
        padding-top: 0
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .row [class^=col-] {
        padding-top: 13px;
        padding-bottom: 0;
        margin-bottom: 10px
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list ul.row {
        margin-bottom: 0
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .md__new {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 10px !important
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .md__new.md__new--type1 .ni-title {
        position: relative;
        top: -3px
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .md__new.md__new--type1 .ni-img {
        margin-bottom: 0
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .md__new.md__new--type3 .ni-title {
        position: relative;
        top: -2px
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .md__new .ni-title:last-child,
    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .md__new .ni-info:last-child {
        margin-bottom: 0
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .date-post {
        padding-top: 12px
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .second-col {
        margin-top: -2px;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .c-content .partner-wrapper:first-child .first-col .date-post {
        margin-top: -16px
    }

    .automatic-pages.article-page.automatic-pages.main-container .automatic-list .c-content .partner-wrapper:first-child .second-col {
        margin-top: -10px
    }
}

.port-vignette .date-post {
    padding-top: 6px;
    padding-bottom: 25px;
    margin-top: 0 !important
}

.port-vignette .blue-btn {
    margin: 40px auto
}

.port-vignette .c-content {
    padding-top: 5px;
    padding-left: 0;
    list-style: none
}

.port-vignette .c-content .partner-wrapper:first-child .date-post {
    margin-top: 0;
    border: none
}

.port-vignette .ad.hide-in-desktop {
    margin-top: 40px
}

.author-page main {
    display: block !important
}

@media(min-width: 1040px) {
    .author-page .publi-col {
        margin-top: 20px
    }

    .author-page .publi-col.header-sticky {
        z-index: 9991
    }
}

.author-page .publi-col.col-4 section.ad {
    border: none;
    margin: 0;
    padding: 0
}

.author-page .publi-col.col-12 {
    margin: auto
}

@media(max-width: 1039px) {
    .author-page .publi-col.col-12 {
        width: 50%
    }
}

@media(max-width: 767px) {
    .author-page .publi-col.col-12 {
        width: 100%
    }
}

.author-page div.loader-wrapper {
    padding: 40px 0 60px 0
}

@media(min-width: 1040px) {
    body:not(.partner) .author-page .author-more-recent {
        padding: 0 20px
    }

    body:not(.partner) .author-page .author-more-recent>.cm-article-more-recent {
        padding-left: 0;
        padding-right: 36px
    }

    body:not(.partner) .author-page .author-more-recent .blue-btn {
        margin: 20px auto
    }

    body:not(.partner) .author-page .author-most-valued {
        padding: 0 20px
    }

    body:not(.partner) .author-page .author-most-valued>.cm-article-most-valued {
        padding-left: 0;
        padding-right: 36px
    }

    body:not(.partner) .author-page .author-comments {
        padding: 0 20px
    }

    body:not(.partner) .author-page .author-comments>.cm-article-comments {
        padding-left: 0;
        padding-right: 36px
    }

    body:not(.partner) .author-page .author-votes {
        padding: 0 20px
    }

    body:not(.partner) .author-page .author-votes>.cm-article-votes {
        padding-left: 0;
        padding-right: 36px
    }

    body:not(.partner) .author-page .cont-cards-authors:before {
        z-index: 0
    }

    body:not(.partner) .author-page .cont-cards-authors:after {
        z-index: 0;
        height: calc(100% - 44px)
    }

    body:not(.partner) .author-page .authors-container .cont-cards-authors .content-tabs-ul:after {
        left: -10px;
        width: calc(100% + 20px)
    }

    body:not(.partner) .author-page .authors-container .cont-cards-authors .content-tabs-ul .tabs-author {
        margin-right: 0;
        margin-left: -11px;
        padding: 0 14px
    }

    body:not(.partner) .author-page .header-container header.header-2:not(.sticky) .section-header .first-row.no-login-partner {
        padding: 0 10px 5px 10px;
        z-index: 9999
    }

    body:not(.partner) .author-page .header-container header.header-2.sticky .section-header .first-row.no-login-partner {
        padding: 0 20px;
        z-index: 9999
    }

    body:not(.partner) .author-page .header-container header.header-2~.menu-header {
        margin: 0 auto;
        z-index: 99999
    }
}

@media(min-width: 1040px) {
    body:not(.partner) .col-4.publi-col {
        padding: 0
    }
}

.authors-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    position: relative
}

.authors-header span.title {
    margin-left: 20px;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: normal;
    color: #fff
}

.authors-header .search {
    height: 40px;
    display: flex;
    align-items: center
}

@media only screen and (min-width : 768px) {
    .authors-header .search {
        display: block
    }
}

.authors-header .search span.title {
    margin-right: 20px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.1;
    color: #4a4a4a
}

.authors-header .search .label-search {
    margin: 0;
    position: relative;
    background-color: #fff
}

@media only screen and (min-width : 768px) {
    .authors-header .search .label-search {
        border-radius: 2px
    }

    .authors-header .search .label-search:before {
        position: absolute;
        top: 10px;
        height: 20px;
        display: flex;
        align-items: center;
        z-index: 2;
        right: 15px;
        font-size: 22px;
        color: #8e8e93;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
        content: ""
    }
}

.authors-header .search .label-search .search-results-wrapper {
    padding: 15px 20px
}

.authors-header .search .label-search .search-results-wrapper .search-results {
    max-height: 300px;
    margin: 0;
    padding: 7px 50px 10px 0;
    overflow-y: scroll;
    list-style: none;
    box-shadow: 0 -14px 0 0 #fff, 0 -15px 0 0 #dcdcdc
}

.authors-header .search .label-search .search-results-wrapper .search-results a {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 30px;
    color: #4a4a4a;
    font-weight: 400
}

.authors-header .search .label-search .search-results-wrapper .search-results a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.authors-header .search .label-search .search-results-wrapper .search-results a strong {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 30px;
    color: #4a4a4a;
    font-weight: 700
}

.authors-header .search .label-search .search-results-wrapper .search-results::-webkit-scrollbar {
    background: transparent
}

.authors-header .search .label-search .search-results-wrapper .search-results::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0) !important
}

.authors-header .search .label-search .search-results-wrapper .search-results::-webkit-scrollbar-thumb {
    width: 10px;
    height: 20px;
    opacity: .7;
    border-radius: 8.5px;
    border: solid 1px #979797;
    background-color: #9b9b9b
}

.authors-header .search .label-search .input-search {
    position: relative;
    display: none;
    border-radius: 0;
    padding: 7px 50px 10px 15px;
    height: 50px;
    background: none;
    border: none;
    outline: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 2.14;
    letter-spacing: 0;
    color: #000
}

.authors-header .search .label-search .input-search::placeholder {
    color: #9b9b9b
}

@media only screen and (max-width: 768px) {
    .authors-header .search.active span.title {
        display: none
    }

    .authors-header .search.active .label-search {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100vw;
        z-index: 1;
        display: table;
        height: 50px;
        border: 1px solid #9b9b9b
    }

    .authors-header .search.active .label-search:before {
        position: absolute;
        top: 15px;
        height: 20px;
        display: flex;
        align-items: center;
        z-index: 2;
        right: 15px;
        font-size: 22px;
        color: #8e8e93;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
        content: ""
    }

    .authors-header .search.active .input-search {
        display: flex;
        width: 99vw
    }
}

@media only screen and (min-width : 768px) {
    .authors-header {
        height: 60px
    }

    .authors-header .search span.title {
        display: none
    }

    .authors-header .search .label-search {
        border: 1px solid #9b9b9b
    }

    .authors-header .search .label-search:before {
        position: absolute;
        top: 10px;
        height: 20px;
        display: flex;
        align-items: center;
        z-index: 2;
        right: 15px;
        font-size: 22px;
        color: #8e8e93;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
        content: ""
    }

    .authors-header .search .label-search .input-search {
        display: flex;
        width: 410px;
        height: 40px;
        border-radius: 25px
    }
}

ul.focuses-container-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0 10px
}

@media(min-width: 768px)and (max-width: 1039px) {
    ul.focuses-container-content[class^=col-] {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    ul.focuses-container-content li {
        width: 100%
    }
}

.focuses-page div.loader-wrapper {
    padding: 40px 0 60px 0
}

@media(min-width: 1040px) {
    body:not(.partner) .focuses-page>.container-fluid {
        padding: 0 20px
    }
}

.focuses-page .ad {
    margin-top: 0
}

@media(max-width: 767px) {
    .focuses-page .container-fluid .header-container.col-12 {
        padding: 0
    }
}

@media(max-width: 767px) {
    .search-page .header-container {
        padding: 0
    }
}

.search-page button.blue-btn {
    margin: 20px auto
}

.search-page .publi-col.hide-in-desktop .ad {
    margin-bottom: 30px
}

.search-page .partner-wrapper {
    padding: 0
}

@media(min-width: 1040px) {
    body:not(.partner) .search-page>.container-fluid {
        padding: 0 20px
    }

    body:not(.partner) .search-page aside.secondary-content {
        padding-left: 30px
    }
}

.htag {
    display: block;
    position: relative;
    margin-bottom: 20px
}

.htag:after {
    content: "";
    position: absolute;
    z-index: 1;
    border-bottom: 1px solid #252121;
    width: 100%;
    bottom: -10px;
    right: 0
}

.htag .section {
    align-items: flex-start;
    flex-direction: column
}

.htag .section .title {
    display: block;
    font: 400 15px/18px "Roboto", sans-serif;
    color: #514c4d
}

.htag .section .subtitle {
    margin: 0;
    font: 400 26px/40px "Roboto", sans-serif;
    color: #252121
}

@media only screen and (max-width : 767px) {
    .htag .section {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width : 768px) {
    .htag .section .title {
        font-size: 17px;
        line-height: 22px
    }

    .htag .section .subtitle {
        font-size: 40px;
        line-height: 48px
    }
}

.sticky .htag {
    display: none
}

.htag-page .date-post {
    font: 400 17px/22px "Roboto", sans-serif;
    color: #c4071b
}

.htag-page .md__new .ni-info .signature {
    font: 400 12px/14px "Roboto", sans-serif;
    color: #514c4d
}

.htag-page .automatic-list .c-content .partner-wrapper {
    border-top: 0
}

@media only screen and (min-width : 768px) {
    .htag-page .automatic-list .md__new--type3 {
        border-top: 0 none
    }
}

.blogs-page .blogs-slider-mobile,
.blogs-page .blogs-slider {
    margin-top: 25px;
    margin-bottom: 40px
}

@media only screen and (min-width: 1040px) {
    .blogs-page .blogs-slider {
        margin-top: 30px
    }
}

.port-opinion ul.row {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.port-opinion ul.row li {
    padding: 10px
}

@media(max-width: 767px) {
    .port-opinion .c-content .ad {
        margin: 20px auto 40px
    }
}

@media(min-width: 768px)and (max-width: 1039px) {
    .port-opinion .c-content .ad:nth-child(2) {
        margin-top: 20px
    }
}

@media(max-width: 1039px) {
    .port-opinion button.blue-btn {
        margin: 20px auto
    }
}

@media(max-width: 767px) {
    .port-opinion button.blue-btn {
        margin: 20px auto 30px
    }
}

@media(min-width: 768px)and (max-width: 1039px) {
    .port-opinion .ad {
        margin: 20px auto 40px
    }
}

@media(max-width: 767px) {
    .port-opinion .header-container {
        padding: 0
    }
}

.port-opinion .date-post {
    padding-bottom: 20px;
    margin-top: 20px
}

.port-opinion aside+.ad {
    margin: 15px 10px 40px
}

@media(min-width: 1040px) {
    .port-opinion aside+.ad {
        margin: 40px 10px
    }
}

.port-opinion .cmp-vignette-special {
    position: relative
}

.port-opinion .cmp-vignette-special:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 20px;
    left: -20px;
    background: #000
}

@media(max-width: 767px) {
    .port-opinion .cmp-vignette-special:after {
        content: "";
        display: block;
        position: absolute;
        height: 100%;
        width: 10px;
        right: -10px;
        background: #000
    }
}

.port-opinion .opinion:not(.opinion-horizontal) {
    min-height: 350px;
    margin-bottom: 10px
}

@media(max-width: 767px) {
    .port-opinion .opinion:not(.opinion-horizontal) {
        min-height: auto;
        height: auto
    }
}

.port-opinion .opinion:not(.opinion-horizontal) .opinion-wrapper {
    height: 100%
}

.port-opinion .opinion:not(.opinion-horizontal) .opinion-top {
    height: 158px;
    max-height: 158px
}

@media(max-width: 767px) {
    .port-opinion .opinion:not(.opinion-horizontal) .opinion-top {
        height: auto;
        max-height: auto
    }
}

.port-opinion .opinion:not(.opinion-horizontal) .opinion-top .opinion-title {
    padding-bottom: 10px
}

@media(max-width: 767px) {
    .port-opinion .opinion:not(.opinion-horizontal) .opinion-bottom>.featured-avatar {
        flex-wrap: wrap
    }

    .port-opinion .opinion:not(.opinion-horizontal) .opinion-bottom>.featured-avatar .avatar {
        margin-bottom: 10px
    }
}

.port-opinion .opinion.blog-opinion .opinion-top {
    height: auto;
    max-height: 100%
}

@media(min-width: 1040px) {
    body:not(.partner) .port-opinion .secondary-content {
        padding-left: 30px
    }

    body:not(.partner) .port-opinion .partner-wrapper .cmp-vignette-special .third-col .more-vignettes {
        display: none
    }

    body:not(.partner) .port-opinion .partner-wrapper .authors-slider {
        margin-top: 20px
    }

    body:not(.partner) .port-opinion .partner-wrapper .cmp-vignette-special {
        margin-top: 20px;
        margin-bottom: 40px
    }

    body:not(.partner) .port-opinion .blue-btn {
        margin: 20px auto
    }
}

@media(min-width: 768px)and (max-width: 1039px) {
    body:not(.partner) .port-opinion .partner-wrapper .authors-slider {
        margin-top: 20px
    }
}

@media(min-width: 1040px) {
    .col-12 .col-lg-12 div[class^="opinion-list md__new"] .opinion-bottom {
        width: 150px
    }

    .col-12 .col-lg-12 div[class^="opinion-list md__new"] .opinion-wrapper {
        justify-content: space-between
    }

    .col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper {
        width: 100%
    }

    .col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom {
        justify-content: flex-start !important
    }
}

.blog.article-page .blog-info,
.blog.article-page .blog-searcher {
    padding-left: 12px;
    border-left: 1px solid gray
}

.blog.article-page .blog-searcher {
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-top: 22px
}

.blog.article-page .blog-searcher {
    padding-top: 22px
}

.blog.article-page .blog-info-wrapper {
    display: none
}

.blog.article-page .news-header .title {
    font-family: "Bitter-Regular", sans-serif;
    letter-spacing: .4px
}

.blog.article-page .rs-pill {
    padding-top: 5px
}

.blog.article-page .news-image {
    margin-top: 15px
}

.blog.article-page .blue-btn {
    margin: 0 auto 40px
}

@media only screen and (min-width : 768px) {
    .blog.article-page .rs-pill {
        padding-top: 30px
    }
}

@media only screen and (min-width : 1040px) {
    .blog.article-page.main-container.container-2-vertical-col .header-container.sticky {
        z-index: 16
    }

    .blog.article-page.main-container.container-2-vertical-col .secondary-content {
        z-index: 15
    }

    .blog.article-page .content-container {
        padding-right: 10px
    }

    .blog.article-page .c-header,
    .blog.article-page .c-content {
        padding-right: 20px
    }

    .blog.article-page .blogs-container>div:last-child .img-blog {
        position: relative;
        width: calc(70% - 10px)
    }

    .blog.article-page .blogs-container>div:last-child .img-blog::after {
        content: "";
        position: absolute;
        right: -11px;
        top: 0;
        height: 71px;
        width: 1px;
        border-right: 1px solid gray
    }
}

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

    .blog-post.article-page .blog-title~.extraHeader,
    .blog.article-page .blog-title~.extraHeader {
        margin-top: -20px
    }

    .blog-post.article-page .blog-title+.cmp-last-minute-bar+.extraHeader,
    .blog-post.article-page .blog-title+.cmp-last-minute-bar-partner+.extraHeader,
    .blog.article-page .blog-title+.cmp-last-minute-bar+.extraHeader,
    .blog.article-page .blog-title+.cmp-last-minute-bar-partner+.extraHeader {
        margin-top: 0
    }
}

#view-more-results ul.row {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

#view-more-results ul.row li {
    padding: 10px
}

#view-more-results ul.c-content {
    padding-left: 0;
    list-style: none
}

.c-content .article-page__body-row .second-col picture+.image-footer {
    padding-left: 0;
    background-color: transparent
}

img[src*=".svg"] {
    shape-rendering: auto;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor
}

.article-page--video .news-info {
    margin-top: 15px
}

.article-page main {
    display: contents
}

.article-page .c-header {
    width: 100%;
    margin: 10px 10px 20px
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {
    .article-page .c-header {
        margin-right: 10px
    }
}

.article-page .c-subheader {
    display: flex;
    max-width: 640px;
    width: 100%;
    flex-direction: column;
    margin-left: 10px
}

@media only screen and (max-width : 767px) {
    .article-page .c-subheader {
        margin-right: 10px
    }
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {
    .article-page .c-subheader {
        max-width: 100%;
        margin: 0 10px
    }
}

.article-page .author-pill-wrapper {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(37, 33, 33, .2);
    margin-bottom: 15px
}

.article-page .rs-pill {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
    padding-bottom: 13px
}

@media only screen and (max-width : 767px) {
    .article-page .rs-pill {
        flex-direction: column;
        align-items: unset
    }
}

@media only screen and (max-width : 767px) {
    .article-page .rs-pill .edi-social-buttons:not(:last-child) {
        margin-bottom: 15px;
        padding-bottom: 13px
    }
}

.article-page .news-image {
    margin-bottom: 25px
}

.article-page .news-know-more {
    position: relative;
    bottom: -5px;
    margin-bottom: 30px;
    margin-top: 25px
}

@media only screen and (min-width : 768px) {
    .article-page .news-know-more {
        bottom: 0;
        margin-bottom: 40px;
        margin-top: 40px
    }
}

.article-page .news-square,
.article-page .news-partners-recruitment {
    margin: 30px 0
}

.article-page .tags {
    margin-bottom: 20px
}

.article-page .news-date {
    margin-bottom: 20px;
    padding-top: 5px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

.article-page .buttons-rs-panel button:first-child {
    margin-left: 0
}

.article-page .quote {
    margin-top: 25px;
    margin-bottom: 25px
}

.article-page .cmp-next-new {
    margin-top: 15px;
    margin-bottom: 40px
}

.article-page .cm-slider {
    margin-top: 20px;
    margin-bottom: 40px;
    padding-top: 5px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

.article-page .cm-slider .cm-slider-wrapper {
    margin-left: -10px;
    margin-right: -10px
}

.article-page .cm-comment {
    margin-top: 45px;
    margin-bottom: 30px;
    padding: 0 15px
}

.article-page .cm-counter {
    padding-top: 15px;
    margin-bottom: 30px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

.article-page .news-onfrontpage {
    padding-top: 8px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

.article-page .secondary-content .ad {
    padding: 0;
    border: none
}

@media only screen and (min-width : 768px) {
    .article-page .header-container {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media only screen and (max-width: 767px) {
    .article-page .header-container {
        padding: 0
    }

    .article-page .cm-wrapper {
        padding: 0 10px
    }
}

@media only screen and (min-width : 768px) {
    .article-page.gallery-page .rs-pill {
        margin-top: 30px
    }

    .paywall--in-content .article-page.gallery-page .rs-pill {
        margin-top: 0
    }

    .article-page .rs-pill {
        justify-content: space-between;
        flex-wrap: nowrap
    }

    .article-page .rs-pill .buttons-rs-panel {
        display: flex;
        margin-bottom: 0
    }

    .article-page .cm-slider {
        margin-top: 40px
    }

    .article-page .news-partners-recruitment {
        margin: 40px 0
    }

    .article-page .cm-highlight,
    .article-page .cm-comment,
    .article-page .cm-commentary-container {
        padding: 0 50px
    }

    .article-page .cm-counter,
    .article-page .news-onfrontpage {
        margin-right: 50px;
        margin-left: 50px
    }

    .article-page .cm-commentary.muted {
        padding-right: 15px
    }
}

@media only screen and (max-width: 1039px) {
    .article-page .recirculation {
        padding-right: 0;
        padding-left: 0;
        border-right: 0;
        border-left: 0;
        border-bottom: 0
    }

    .article-page .cm-slider {
        margin-top: 0
    }
}

@media only screen and (min-width : 1040px) {
    .article-page .content-container {
        padding-right: 30px
    }

    .article-page .secondary-content {
        padding-left: 30px
    }

    .article-page .cmp-title {
        display: none
    }

    .article-page .cm-highlight,
    .article-page .cm-comment,
    .article-page .cm-counter,
    .article-page .cm-commentary-container {
        padding: 0
    }

    .article-page .cm-counter,
    .article-page .news-onfrontpage {
        margin: 0
    }

    .article-page .cm-highlight,
    .article-page .cm-comment {
        padding-left: 30px
    }

    .article-page .cm-counter {
        padding: 10px 0 20px;
        margin-left: 30px
    }

    .article-page .cm-slider {
        margin-top: 60px
    }

    .article-page .cm-slider .cm-slider-wrapper {
        margin-left: -20px;
        margin-right: 0
    }

    .article-page .cm-commentary-container .commentary-wrapper .cm-commentary {
        padding-left: 50px;
        margin-left: -20px
    }

    .article-page .cm-commentary-container .commentary-wrapper .cm-commentary.moderated,
    .article-page .cm-commentary-container .commentary-wrapper .cm-commentary.muted {
        padding-left: 20px;
        margin-left: 0px
    }

    .article-page .cm-commentary-container .commentary-wrapper .cm-commentary.regular .commentary-wrapper {
        padding-left: 16px
    }

    .article-page .cm-commentary-container .commentary-wrapper .cm-commentary::after {
        left: 101px
    }
}

.article-page.fullwidth .author-pill-wrapper {
    max-width: none
}

.article-page.fullwidth .rs-pill {
    max-width: none
}

.app-padding {
    margin-bottom: 60px !important
}

.poll-page .button-rs.bg-save {
    display: none !important
}

.news-outlook {
    margin-bottom: 20px;
    padding: 20px 25px 15px;
    background-color: #f5f3f3;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.news-outlook .outlook-header {
    margin: 0 0 30px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.41;
    color: #000;
    font-size: 20px
}

@media only screen and (min-width : 1040px) {
    .news-outlook .outlook-header {
        font-size: 21px
    }
}

.news-outlook .outlook-subhead {
    margin-bottom: 10px;
    font: 600 19px/1.2 "Roboto", sans-serif;
    color: #c15562
}

@media only screen and (min-width : 1040px) {
    .news-outlook .outlook-subhead {
        font-size: 20px
    }
}

.news-outlook .news-image {
    margin-top: 20px;
    margin-bottom: 10px
}

.news-outlook .image-footer {
    margin-bottom: 25px
}

.news-outlook p.article-text,
.news-outlook .list {
    font-size: inherit
}

.news-outlook p.article-text a,
.news-outlook p.article-text strong,
.news-outlook .list a,
.news-outlook .list strong {
    font-size: inherit
}

.news-outlook p.article-text:last-child,
.news-outlook .list:last-child {
    margin-bottom: 0
}

@media only screen and (min-width : 768px) {
    .news-outlook .news-image {
        margin-bottom: 15px
    }
}

.new_share__hd {
    margin: 25px 0 10px;
    font: 700 18px/1.33 "Roboto", sans-serif;
    text-transform: uppercase;
    color: #000
}

.new_share__hd:before {
    content: " ";
    display: inline-block;
    margin: -2px 5px 2px 0;
    background: #000;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

.new_share__tbl {
    width: 100%;
    margin: 10px 0 30px;
    font: 400 17px/1.56 "Roboto", sans-serif;
    color: #4a4a4a
}

.new_share__tbl caption {
    margin: 10px 0 0;
    font-size: 14px;
    color: #4a4a4a
}

.new_share__tbl caption:before {
    content: "* ";
    display: inline-block;
    margin: -2px 5px 2px 0
}

.new_share__tbl tr {
    border-bottom: 1px solid #eceaea
}

.new_share__tbl tr.new_share__tbl--no_brdr,
.new_share__tbl tr.article-tvchannel,
.new_share__tbl tr:last-child {
    border-bottom: 0 solid transparent
}

.new_share__tbl tr.new_share__tbl--no_brdr td {
    padding-bottom: 2px
}

.new_share__tbl td {
    vertical-align: top;
    padding: 5px 0
}

.new_share__tbl td strong {
    font-weight: 700
}

.new_share__tbl td+td {
    max-width: 33%;
    width: min-content;
    padding-left: 5px
}

.new_share__tbl thead td {
    font-weight: 700
}

.new_share__tbl .article-tvchannel td {
    padding: 9px 0 0
}

@media only screen and (min-width : 768px) {
    .new_share__tbl {
        font-size: 18px
    }

    .new_share__tbl tr.new_share__tbl--no_brdr td {
        padding-bottom: 6px
    }

    .new_share__tbl td {
        padding: 8px 0
    }

    .new_share__tbl .article-tvchannel td {
        padding: 12px 0 0
    }
}

.new_share__footer {
    margin: 10px 0 30px;
    padding-top: .75rem;
    border-top: 1px solid #eceaea;
    font: 400 14px/1.56 "Roboto", sans-serif;
    color: #4a4a4a
}

.new_share__footer:before {
    content: "* ";
    display: inline-block;
    margin: -2px 5px 2px 0
}

.article-page.interview-page .news-header {
    margin-top: 16px
}

.article-page.interview-page h2.article-text,
.article-page.interview-page h3.article-text {
    margin-bottom: 0;
    color: #000
}

.article-page.interview-page h3+p.article-text {
    margin-top: 0 !important
}

.article-page.interview-page .interview-reference {
    margin-top: 15px
}

@media only screen and (max-width: 767px) {
    .article-page.interview-page .rs-pill {
        padding-top: 0
    }
}

@media only screen and (max-width: 1039px) {
    .article-page.interview-page .news-date {
        padding-top: 0;
        border-top: none
    }
}

@media only screen and (min-width: 1040px) {
    .article-page.interview-page .quote {
        margin-left: -25px
    }

    .article-page.interview-page .quote.hasImg {
        margin-left: -20px
    }
}

.fullwidth.article-page .news-info {
    margin-top: 25px;
    width: 100%
}

@media only screen and (min-width : 1040px) {
    .fullwidth.article-page .news-info {
        margin-top: 0
    }
}

.fullwidth.article-page .fullwidth-img {
    margin-top: 16px
}

.fullwidth.article-page .news-image.hasZoom {
    margin-bottom: 0
}

.fullwidth.article-page .commentary-wrapper {
    display: block !important
}

.fullwidth.article-page .cm-counter {
    display: flex !important
}

.fullwidth.article-page .action-buttons-wrapper .see-more-btn {
    display: block
}

.fullwidth.article-page .action-buttons-wrapper .show-commentaries {
    display: none
}

@media only screen and (max-width: 1039px) {
    .fullwidth.article-page .tags {
        margin-top: 20px
    }
}

@media only screen and (min-width: 1040px) {
    .fullwidth.article-page .content-container {
        padding-right: 10px
    }

    .fullwidth.article-page .c-content .partner-wrapper {
        display: flex;
        flex-direction: column-reverse
    }

    .fullwidth.article-page .c-content .partner-wrapper.no-border {
        border: none
    }

    .fullwidth.article-page .news-image.hasZoom {
        margin: 30px 0 15px
    }

    .fullwidth.article-page .fullwidth-img {
        margin: 15px 0
    }
}

@media only screen and (min-width: 1040px) {
    body:not(.partner) .fullwidth.article-page .c-content .partner-wrapper {
        margin-right: 166px
    }

    body:not(.partner) .fullwidth.article-page .c-content .partner-wrapper.no-partner-edit {
        display: block;
        margin-left: 194px
    }

    body:not(.partner) .fullwidth.article-page .c-content .partner-wrapper.no-partner-edit .first-col,
    body:not(.partner) .fullwidth.article-page .c-content .partner-wrapper.no-partner-edit .second-col {
        width: 100%
    }

    body:not(.partner) .fullwidth.article-page .c-content .partner-wrapper.no-partner-edit .second-col {
        padding-left: 0
    }

    body:not(.partner) .fullwidth.article-page .c-content .partner-wrapper.cm-wrapper {
        margin-left: 214px
    }

    body:not(.partner) .fullwidth.article-page .c-subheader {
        padding-right: 176px;
        max-width: none
    }

    body:not(.partner) .fullwidth.article-page .rs-pill,
    body:not(.partner) .fullwidth.article-page .cm-slider,
    body:not(.partner) .fullwidth.article-page .news-date,
    body:not(.partner) .fullwidth.article-page .news-onfrontpage,
    body:not(.partner) .fullwidth.article-page .cm-counter {
        border: none
    }

    body:not(.partner) .fullwidth.article-page .second-col .article-text:first-child {
        margin-top: 0
    }

    body:not(.partner) .fullwidth.article-page .news-date {
        padding-top: 0
    }

    body:not(.partner) .fullwidth.article-page .news-onfrontpage {
        margin-top: -18px
    }

    body:not(.partner) .fullwidth.article-page .cm-counter {
        padding-top: 0;
        padding-bottom: 10px;
        margin-left: 0
    }

    body:not(.partner) .fullwidth.article-page .cm-slider {
        margin-top: 45px;
        margin-left: 194px;
        margin-right: 166px;
        border-top: 1px solid gray
    }

    body:not(.partner) .fullwidth.article-page .cm-slider .cm-slider-wrapper {
        margin: 0;
        box-shadow: 600px 0px 0px 0px #f2f0f0, -600px 0px 0px 0px #f2f0f0
    }

    body:not(.partner) .fullwidth.article-page .cmp-next-new {
        margin-top: 55px
    }

    body:not(.partner) .fullwidth.article-page .cm-highlight,
    body:not(.partner) .fullwidth.article-page .cm-comment {
        padding-left: 0
    }

    body:not(.partner) .fullwidth.article-page .cm-commentary-container .commentary-wrapper .cm-commentary {
        padding-left: 50px;
        margin-left: -50px
    }

    body:not(.partner) .fullwidth.article-page .cm-commentary-container .commentary-wrapper .cm-commentary::after {
        left: 105px
    }
}

@media only screen and (min-width: 1040px) {
    body:not(.partner) .fullwidth.article-page #edi-comments:before {
        display: none
    }

    body:not(.partner) .fullwidth.article-page .comment-init .blue-btn,
    body:not(.partner) .fullwidth.article-page .comment-init .hide-btn,
    body:not(.partner) .fullwidth.article-page .comment-spinner,
    body:not(.partner) .fullwidth.article-page .comment-list,
    body:not(.partner) .fullwidth.article-page .comment-section {
        width: calc(100% - 166px);
        margin-right: 166px
    }
}

@media only screen and (min-width : 1040px) {
    .fullwidth.article-page.main-container .c-content .article-page__body-row .embed-container.embed-container--type-embed {
        margin-left: 0;
        width: calc(100% + 192px)
    }

    .fullwidth.article-page.main-container .c-content .article-page__body-row .embed-container.embed-container--type-embed>*:first-child {
        margin-left: auto;
        margin-right: auto
    }

    .fullwidth.article-page.main-container .opening .news-info:first-child:last-child {
        width: auto;
        margin-bottom: 6px
    }

    body:not(.partner) .fullwidth.article-page.main-container .c-content .article-page__body-row .embed-container.embed-container--type-embed {
        width: calc(100% + 168px)
    }
}

.article-page.gallery-page.longform .cmp-featured-signature-component {
    margin-top: 40px
}

.article-page.gallery-page.longform .rs-pill {
    border-bottom: 1px solid rgba(37, 33, 33, .2)
}

.article-page.gallery-page.longform .rs-pill .buttons-rs-panel {
    border: none
}

.article-page.gallery-page.longform .news-info {
    margin-top: 30px
}

.article-page.gallery-page.longform .news-sponsored-content {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(37, 33, 33, .2)
}

.article-page.gallery-page.longform .first-col .tags {
    display: none
}

.article-page.gallery-page.longform .longform-img {
    margin-bottom: 25px
}

@media only screen and (min-width : 768px) {
    .article-page.gallery-page.longform .cmp-featured-signature-component {
        margin-top: 15px
    }

    .article-page.gallery-page.longform .news-know-more {
        margin-bottom: 15px
    }
}

@media only screen and (min-width : 1040px) {
    .article-page.gallery-page.longform .longform-img {
        margin-top: 35px
    }
}

.article-page.longform .c-preheader {
    width: 100%
}

.article-page.longform .c-preheader .gallery-header {
    position: relative
}

.article-page.longform .c-preheader .gallery-header .gallery-header__icon {
    display: flex;
    width: auto;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 24px;
    color: #fff
}

.article-page.longform .c-preheader .gallery-header .gallery-header__icon i {
    cursor: pointer
}

.article-page.longform .c-header {
    margin-top: 20px
}

.article-page.gallery-page.photogallery main {
    display: block
}

.article-page.gallery-page.photogallery .news-info {
    margin-top: 28px
}

.article-page.gallery-page.photogallery .gallery-item {
    margin-bottom: 35px
}

.article-page.gallery-page.photogallery .gallery-container {
    padding-top: 10px
}

.article-page.gallery-page.photogallery .tags {
    margin-bottom: 25px
}

.article-page.gallery-page.photogallery .rs-pill .buttons-rs-panel {
    border: none
}

.article-page.gallery-page.photogallery .description p.article-text,
.article-page.gallery-page.photogallery .description .list {
    margin-top: 18px
}

.article-page.gallery-page.photogallery .description .img-author {
    display: block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.63;
    text-transform: uppercase;
    color: #9b9b9b;
    margin-top: -8px;
    line-height: 1.53
}

@media only screen and (max-width: 767px) {
    .article-page.gallery-page.photogallery .text-wrapper {
        position: static
    }

    .article-page.gallery-page.photogallery .rs-pill {
        justify-content: flex-end
    }

    .article-page.gallery-page.photogallery .news-info .info-wrapper {
        flex-direction: row
    }

    .article-page.gallery-page.photogallery .news-info .info-wrapper .date-comments-wrapper .date {
        padding-left: 4px
    }

    .article-page.gallery-page.photogallery .news-info .twitter-wrapper {
        width: 100%;
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) {
    .article-page.gallery-page.photogallery .gallery-item {
        margin-bottom: 40px
    }

    .article-page.gallery-page.photogallery .container-fluid .row:nth-child(3) {
        margin-top: 30px
    }
}

@media only screen and (min-width: 1040px) {
    .article-page.gallery-page.photogallery .show-in-desktop.show-in-partner {
        display: none !important
    }

    .article-page.gallery-page.photogallery .news-info {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

.article-page.opinion-page.opinion-article .news-date {
    margin-top: 20px
}

@media only screen and (min-width: 1040px) {
    .article-page.opinion-page.opinion-article .cm-slider {
        margin-top: 55px
    }
}

.article-page.opinion-page.opinion-vignette .news-header .title {
    font-style: italic;
    font-size: 32px
}

@media only screen and (min-width : 768px) {
    .article-page.opinion-page.opinion-vignette .news-header .title {
        font-size: 45px
    }
}

.article-page.opinion-page.opinion-vignette .vignette-no-visor,
.article-page.opinion-page.opinion-vignette .vignette-visor {
    margin-bottom: 22px
}

.article-page.opinion-page.opinion-vignette .vignette-info {
    margin: 20px 0 25px
}

.article-page.opinion-page.opinion-vignette .vignette-slider {
    margin: 24px 0 40px
}

@media only screen and (min-width : 1040px) {
    .article-page.opinion-page.opinion-vignette .vignette-slider {
        margin-bottom: 25px
    }
}

.article-page.opinion-page.opinion-vignette .news-sponsored-content {
    padding-top: 12px;
    padding-bottom: 0;
    border-top: 1px solid gray;
    border-bottom: none
}

.article-page.opinion-page.opinion-vignette .news-date {
    border-top: none
}

.article-page.opinion-page.opinion-vignette .button-rs.bg-save {
    display: none !important
}

@media only screen and (orientation: landscape) {
    .article-page.opinion-page.opinion-vignette .cmp-image-visor .visor-wrapper {
        padding: 16px
    }

    .article-page.opinion-page.opinion-vignette .cmp-image-visor .visor-wrapper .gallery-info-wrapper {
        display: none !important
    }

    .article-page.opinion-page.opinion-vignette .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item {
        display: flex;
        flex-wrap: nowrap
    }

    .article-page.opinion-page.opinion-vignette .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-container {
        flex: 1 1 0%
    }

    .article-page.opinion-page.opinion-vignette .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons {
        display: flex;
        flex-direction: column;
        padding: 0 9px 0 25px
    }

    .article-page.opinion-page.opinion-vignette .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .img-counter {
        display: none
    }

    .article-page.opinion-page.opinion-vignette .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss {
        position: static;
        display: flex;
        flex-direction: column;
        order: 1;
        transform: none
    }

    .article-page.opinion-page.opinion-vignette .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss .rrss-link {
        margin-bottom: 19px;
        padding-right: 0;
        text-align: center
    }

    .article-page.opinion-page.opinion-vignette .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss .rrss-link:last-child {
        margin-bottom: 0
    }
}

@media only screen and (orientation: landscape)and (max-width: 768px) {
    .article-page.opinion-page.opinion-vignette .cmp-image-visor .visor-wrapper .icon-wrapper.hide-in-mobile {
        display: block !important
    }
}

@media only screen and (max-width : 767px) {
    .minute-by-minute-page .news-header .footer {
        margin-bottom: 30px
    }

    .minute-by-minute-page .c-subheader {
        margin-right: 10px
    }

    .minute-by-minute-page .c-subheader .rs-pill {
        justify-content: flex-end
    }

    .minute-by-minute-page .partner-wrapper.article-page__body-row .second-col {
        padding-bottom: 15px
    }
}

.minute-by-minute-page .minute-by-minute {
    display: flex
}

@media only screen and (min-width : 1040px) {
    .minute-by-minute-page .minute-by-minute {
        margin-top: 45px
    }
}

@media only screen and (max-width : 767px) {
    .minute-by-minute-page .minute-by-minute {
        flex-direction: column
    }

    .minute-by-minute-page .minute-by-minute .cmp-last-posts {
        order: 6;
        margin-top: 5px
    }

    .minute-by-minute-page .minute-by-minute .dotted-lines {
        order: 4
    }

    .minute-by-minute-page .minute-by-minute .cmp-timeline {
        order: 2;
        margin: 0 0 20px
    }
}

@media only screen and (min-width : 768px) {
    .minute-by-minute-page .minute-by-minute .dotted-lines {
        left: 10px;
        right: 10px;
        width: auto
    }
}

@media only screen and (min-width : 1040px) {
    .minute-by-minute-page .minute-by-minute .dotted-lines {
        left: 0;
        right: 0
    }
}

.minute-by-minute-page .cmp-last-posts .dotted-lines {
    position: static;
    margin-top: 10px;
    margin-bottom: 5px
}

.minute-by-minute-page .c-header .news-header {
    margin-top: 30px
}

.minute-by-minute-page .c-content .partner-wrapper .first-col>.tags {
    display: none
}

.minute-by-minute-page .blue-btn {
    margin: 18px auto 24px
}

@media(max-width: 767px) {
    .minute-by-minute-page .blue-btn {
        margin: 30px auto 30px
    }
}

.minute-by-minute-page--politician .minute-by-minute .cmp-last-posts .post-item .time span,
.minute-by-minute-page--politician .minute-by-minute .cmp-last-posts .post-item .time i {
    color: #d0021b
}

.minute-by-minute-page--politician .minute-by-minute .cmp-timeline .title h2 {
    color: #d0021b
}

.minute-by-minute-page--politician .minute-by-minute .cmp-timeline .title i {
    color: #d0021b
}

.minute-by-minute-page--politician .minute-by-minute .cmp-timeline .title .milestones-main {
    background: url(/live-icon-politician.h-a554ccb4d6f0a861a46e059954db6529-15905d17.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.minute-by-minute-page--politician .minute-by-minute .cmp-timeline .items-cont .item div span {
    color: #d0021b
}

.minute-by-minute-page--politician .minute-by-minute .cmp-timeline .items-cont .item .cmp-timeline--partner--show {
    display: none
}

.minute-by-minute-page--politician .minute-by-minute .cmp-timeline .items-cont .item i {
    color: #d0021b
}

.minute-by-minute-page .button-rs.bg-save {
    display: none !important
}

@media(max-width: 1039px) {
    body:not(.partner) .minute-by-minute-page .post-item .share {
        margin: 27px 0 50px 24px
    }
}

@media(max-width: 1039px)and (max-width: 767px) {
    body:not(.partner) .minute-by-minute-page .post-item .share {
        margin-left: 0;
        margin-bottom: 10px
    }
}

.minute-by-minute-page.closed .news-header {
    margin-top: 0
}

.minute-by-minute-page .content-kicker {
    margin-top: 10px
}

.minute-by-minute-page .cmp-last-posts .post-item .share {
    margin: 21px 0 50px 24px
}

@media only screen and (max-width : 767px) {
    .minute-by-minute-page .main-minute-by-minute-post {
        margin-bottom: 30px
    }
}

.minute-by-minute-page .main-minute-by-minute-post .cmp-main-post .item:first-child {
    border-top: none
}

.minute-by-minute-page--politician .main-minute-by-minute-post .cmp-main-post .item .post-item .time span,
.minute-by-minute-page--politician .main-minute-by-minute-post .cmp-main-post .item .post-item .time i {
    color: #d0021b
}

@media(min-width: 768px) {
    .minute-by-minute-page .main-minute-by-minute-post .cmp-main-post .item .post-item .time {
        align-items: flex-start;
        width: 100%
    }

    .minute-by-minute-page .main-minute-by-minute-post .cmp-main-post .item .post-item div:last-child .image {
        margin: 10px 0 15px 24px;
        position: relative
    }
}

@media(min-width: 768px)and (max-width: 1039px) {
    .minute-by-minute-page .main-minute-by-minute-post .cmp-main-post .item .post-item div:last-child .image {
        margin: 20px 0 15px 24px
    }
}

@media(min-width: 768px) {
    .minute-by-minute-page .main-minute-by-minute-post .cmp-main-post .item .post-item div:last-child .image img {
        position: absolute;
        left: 10px;
        bottom: 10px
    }
}

@media(min-width: 1040px) {
    .minute-by-minute-page .main-minute-by-minute-post .cmp-main-post .item .post-item div:last-child .image {
        margin: 20px 0 20px 24px
    }
}

@media(max-width: 1039px) {
    body:not(.partner) .minute-by-minute-page .post-item .share {
        margin: 21px 0 50px 24px
    }
}

@media(max-width: 767px) {
    body:not(.partner) .minute-by-minute-page .post-item .share {
        margin-left: 0
    }
}

.blog-post.article-page .blog-info,
.blog-post.article-page .blog-searcher,
.blog-post.article-page .cmp-authors {
    padding-left: 12px;
    border-left: 1px solid gray
}

.blog-post.article-page .blog-searcher,
.blog-post.article-page .cmp-authors {
    padding-top: 30px;
    margin-bottom: 20px
}

@media only screen and (min-width : 1040px) {

    .blog-post.article-page .blog-searcher,
    .blog-post.article-page .cmp-authors {
        margin-bottom: 0;
        padding-bottom: 15px;
        padding-top: 15px
    }
}

.blog-post.article-page .news-header .title {
    font-family: "Bitter-Regular", sans-serif;
    letter-spacing: .4px
}

@media only screen and (min-width : 1040px) {
    .blog-post.article-page .news-header .title {
        font-size: 38px
    }
}

.blog-post.article-page .first-col .blog-info,
.blog-post.article-page .first-col .cmp-authors {
    display: none
}

.blog-post.article-page .cmp-next-new .title-next-new a {
    font-family: "Roboto", sans-serif
}

@media only screen and (max-width : 767px) {
    .blog-post.article-page .c-header {
        margin-left: 0
    }

    .blog-post.article-page .rs-pill {
        padding-bottom: 13px;
        margin-bottom: 15px
    }

    .blog-post.article-page .rs-pill+.partner-wrapper .gallery-header.news-video:first-child {
        margin-top: 0
    }

    .blog-post.article-page .news-info .info-wrapper {
        display: flex
    }

    .blog-post.article-page .news-info .info-wrapper .date-comments-wrapper {
        padding-left: 4px
    }
}

@media only screen and (min-width : 768px) {
    .blog-post.article-page .c-header {
        margin-left: 0;
        padding: 0
    }

    .blog-post.article-page .rs-pill {
        padding-bottom: 13px;
        margin-bottom: 15px
    }

    .blog-post.article-page .rs-pill+.partner-wrapper .gallery-header.news-video:first-child {
        margin-top: 0
    }

    .blog-post.article-page .cmp-next-new>div:first-child {
        justify-content: flex-start
    }
}

@media only screen and (min-width : 1040px) {
    .blog-post.article-page .rs-pill {
        padding-bottom: 15px;
        margin-bottom: 0
    }

    .blog-post.article-page.main-container.container-2-vertical-col .header-container.sticky {
        z-index: 16
    }

    .blog-post.article-page .c-content .rs-pill+.partner-wrapper {
        padding-top: 15px
    }

    .blog-post.article-page.main-container.container-2-vertical-col .secondary-content {
        z-index: 15
    }

    .blog-post.article-page .content-container {
        padding-right: 10px
    }

    .blog-post.article-page .c-header,
    .blog-post.article-page .c-content {
        padding-right: 20px
    }

    .blog-post.article-page .c-header {
        padding-top: 10px
    }

    .blog-post.article-page .blogs-container>div:last-child .img-blog {
        position: relative;
        width: calc(70% - 10px)
    }

    .blog-post.article-page .blogs-container>div:last-child .img-blog::after {
        content: "";
        position: absolute;
        right: -11px;
        top: 0;
        height: 71px;
        width: 1px;
        border-right: 1px solid gray
    }
}

body.paywall--in-content .blog-post.article-page main+.secondary-content {
    display: block !important
}

.blog-title {
    display: flex;
    justify-content: space-between;
    background-color: #252121;
    padding: 5px 15px;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0;
    color: #fff;
    line-height: 1.5;
    min-height: 40px;
    margin: 0 auto 20px;
    position: relative;
    max-width: 1040px
}

.blog-title.asparentcategory {
    justify-content: flex-start;
    align-items: first baseline
}

.blog-title.asparentcategory small {
    opacity: .7;
    margin-left: 8px
}

.blog-title a {
    color: #fff;
    text-decoration: none
}

.blog-title a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.blog-title:after {
    content: none
}

@media only screen and (min-width : 768px) {
    .blog-title:after {
        content: "";
        position: absolute;
        border-bottom: 1px solid gray;
        width: 100%;
        bottom: -10px;
        z-index: 1;
        right: 0
    }
}

.bbt-test {
    background-color: blue;
    color: #00acee
}

@media(max-width: 767px) {
    .home-page .header-container {
        padding: 0
    }

    .home-page>.container-fluid .edi-advertising+.row--footer {
        margin-top: 30px
    }
}

@media only screen and (min-width : 768px) {
    body:not(.home) .home-page .header-container {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.home-page .cont-options-mobile.active {
    z-index: 3
}

.home-page .home-content-container>*:not(section):first-child {
    margin-top: 5px
}

.home-page .home-content-container .edi-advertising>.advertising-wrapper[class*=superbanner] {
    margin-bottom: 30px
}

.home-page .home-content-container .html-module a {
    color: #c4071b
}

.home-page .cmp-sm-photogallery {
    box-shadow: 20px 0px 0px 0px #000, -20px 0px 0px 0px #000;
    padding: 20px 0 15px
}

@media(max-width: 1039px) {
    .home-page .cmp-sm-photogallery {
        padding: 15px 20px
    }
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {
    .home-page .cmp-sm-photogallery {
        padding: 10px 10px 15px
    }

    .home-page .cmp-sm-photogallery .cmp-info .share {
        margin-bottom: 5px
    }
}

@media only screen and (min-width : 1040px) {
    .home-page .cmp-sm-photogallery .cmp-info .share {
        margin-bottom: 5px
    }
}

.home-page .surfing-with {
    box-shadow: 20px 0px 0px 0px #e8e6e6, -20px 0px 0px 0px #e8e6e6;
    padding: 20px 0
}

.home-page .surfing-with>.container-fluid {
    padding: 0
}

@media only screen and (min-width: 1040px) {
    .home-page>.container-fluid>.row:first-child .header-ad:before {
        left: 10px
    }
}

.home-page>.container-fluid .row:first-child .header-ad {
    align-self: flex-start
}

@media only screen and (min-width: 1040px) {
    .home-page .home-content-container {
        padding: 0 20px
    }
}

.previewtop {
    padding-top: 30px
}

.home-page .t-news .embed-container.ratio,
.home-page .md__new .embed-container.ratio {
    margin-bottom: 7px !important
}

.home-page .t-news .ni-figure,
.home-page .md__new .ni-figure {
    margin-bottom: 5px !important
}

.home-page .home-content-container>:not(section) {
    margin-bottom: 0
}

.home-page .home-content-container>.cmp-sm-photogallery,
.home-page .home-content-container>.cmp-sm-opinion,
.home-page .home-content-container>*>.cmp-sm-opinion,
.home-page .home-content-container>.surfing-with {
    margin-bottom: 40px
}

.home-page .home-content-container>.image-100-module,
.home-page .home-content-container>.a100 {
    margin-bottom: 30px
}

.home-page .grid-container {
    margin-bottom: 10px
}

.home-page .grid-container .row div[class^=col-] {
    margin-bottom: 0;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.home-page .grid-container .md__new,
.home-page .grid-container .t-news,
.home-page .grid-container .md__op,
.home-page .grid-container .branded-content {
    margin-bottom: 30px
}

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

    .home-page .grid-container .md__new.md__new--type8 .ni-figure,
    .home-page .grid-container .md__new.md__new--type3 .ni-figure {
        margin-bottom: 0 !important
    }
}

.home-page .grid-container .md__op {
    height: 100%
}

@media only screen and (min-width : 768px) {
    .home-page .grid-container .md__op {
        height: calc(100% - 30px)
    }
}

.home-page .grid-container.container-h-5 .t-news:not(.a100),
.home-page .grid-container.container-h-5 .md__new,
.home-page .grid-container.container-ha-6 .t-news:not(.a100),
.home-page .grid-container.container-ha-6 .md__new {
    border-top: 1px solid rgba(37, 33, 33, .2);
    padding-top: 8px
}

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

    .home-page .grid-container.container-h-5 .t-news.a100,
    .home-page .grid-container.container-ha-6 .t-news.a100 {
        position: relative;
        padding-top: 0;
        border-image-source: none !important
    }
}

.home-page .grid-container.container-h-5 .automatic-list .md__new,
.home-page .grid-container.container-ha-6 .automatic-list .md__new {
    padding-top: 0;
    border-top: 0;
    margin: 0
}

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

    .home-page .grid-container.container-h-5 .md__op.md__op--type9,
    .home-page .grid-container.container-ha-6 .md__op.md__op--type9 {
        overflow: visible;
        margin-top: 11px;
        width: 100%
    }

    .home-page .grid-container.container-h-5 .md__op.md__op--type9:before,
    .home-page .grid-container.container-ha-6 .md__op.md__op--type9:before {
        content: "";
        position: absolute;
        left: 10px;
        right: 10px;
        top: 0;
        border-top: 1px solid gray;
        font-size: 0
    }
}

.home-page .grid-container.container-h-5 .home-filter+.row>*[class*=col]:first-child .header-dst,
.home-page .grid-container.container-ha-6 .home-filter+.row>*[class*=col]:first-child .header-dst {
    margin-bottom: 20px
}

.home-page .grid-container.container-h-5 .home-filter+.row>*[class*=col]:first-child .header-dst .t-news:first-child,
.home-page .grid-container.container-h-5 .home-filter+.row>*[class*=col]:first-child .header-dst .md__new:first-child,
.home-page .grid-container.container-ha-6 .home-filter+.row>*[class*=col]:first-child .header-dst .t-news:first-child,
.home-page .grid-container.container-ha-6 .home-filter+.row>*[class*=col]:first-child .header-dst .md__new:first-child {
    padding-top: 0;
    border-top: 0 solid transparent !important;
    border-image-source: none !important
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {

    .home-page .grid-container.container-h-5 .cmp-sm-minute-by-minute .cmp-sm-content .item .sm-first-col,
    .home-page .grid-container.container-ha-6 .cmp-sm-minute-by-minute .cmp-sm-content .item .sm-first-col {
        width: 173px
    }
}

.home-page .grid-container.container-h-5 {
    margin-bottom: 10px
}

.home-page .grid-container.container-h-5 .md__new .ni-subtitle {
    margin-bottom: 10px
}

.home-page .grid-container.container-h-5 .md__new.md__new--type4 .picture-related {
    margin-bottom: 10px
}

@media only screen and (min-width : 768px) {
    .home-page .grid-container.container-h-5 .md__new.md__new--type4 .picture-related {
        margin-bottom: 20px
    }
}

@media only screen and (min-width : 768px) {
    .home-page .grid-container.container-h-5 .header-dst .md__new--type6 .ni-title {
        font-size: 30px
    }
}

@media only screen and (min-width : 768px) {
    .home-page .grid-container.container-ha-6 .row div[class^=col-]>.custom-row.row div[class^=col-] {
        display: flex
    }
}

.home-page .grid-container.container-h-4 {
    margin-bottom: 10px
}

@media only screen and (max-width : 767px) {
    .home-page .grid-container.container-h-4 .col-12.col-md-3 .md__op.md__op--type3 {
        height: auto
    }

    .home-page .grid-container.container-h-4 .row div[class^=col-] {
        padding-bottom: 10px !important
    }

    .home-page .grid-container.container-h-4 .t-news:not(.a100),
    .home-page .grid-container.container-h-4 .md__new {
        position: relative;
        border-top: 1px solid rgba(37, 33, 33, .2);
        padding-top: 8px
    }
}

@media only screen and (min-width : 768px) {
    .home-page .grid-container.container-h-4 {
        position: relative;
        border-top: 1px solid rgba(37, 33, 33, .2)
    }

    .home-page .grid-container.container-h-4 .row div[class^=col-] {
        padding-top: 10px !important
    }
}

.home-page .grid-container.container-ha-6 {
    margin-bottom: 10px
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {
    .home-page .grid-container.container-ha-6 .col-md-6>.row.custom-row .md__new.md__new--type12 .ni-figure {
        width: 41%
    }

    .home-page .grid-container.container-ha-6 .col-md-6>.row.custom-row .md__new.md__new--type12 .ni-figure+.ni-title {
        max-width: 59%
    }
}

@media only screen and (min-width : 768px) {
    .home-page .container_8_5b .col-12.col-md-6.col-lg-6 .md__new--type4 .ni-title {
        font-size: 24px
    }
}

@media only screen and (max-width : 767px) {
    .home-page .container_8_5b .col-12.col-md-6.col-lg-6 {
        padding-bottom: 20px
    }

    .home-page .container_8_5b .col-12.col-md-3.col-lg-3.custom-col {
        padding-bottom: 0
    }
}

@media only screen and (min-width : 768px) {
    .home-page .container_8_3b .header-dst {
        margin-bottom: 20px
    }
}

@media only screen and (max-width : 767px) {
    .home-page .container_8_4 .row div[class^=col-] {
        padding-bottom: 20px
    }

    .home-page .container_8_4 .row div[class^=col-]:empty {
        padding-bottom: 0
    }
}

@media only screen and (min-width : 768px) {
    .home-page .cmp-sm-opinion.type-1 .cmp-header {
        padding-left: 0;
        padding-right: 0
    }
}

.home-page .grid-container.opening_ap_12_3 .row div[class^=col-]>.row div[class^=col-] {
    padding-bottom: 10px
}

.home-page .grid-container.opening_ap_12_3 .t-news:not(.a100),
.home-page .grid-container.opening_ap_12_3 .md__new {
    border-top: 1px solid rgba(37, 33, 33, .2);
    padding-top: 8px
}

.home-page .grid-container.opening_ap_12_3 .t-news:not(.a100) .ni-subtitle,
.home-page .grid-container.opening_ap_12_3 .md__new .ni-subtitle {
    margin: 20px 0 10px
}

.home-page .grid-container.opening_ap_12_3 .t-news:not(.a100) .picture-related,
.home-page .grid-container.opening_ap_12_3 .md__new .picture-related {
    margin: 30px 0 0
}

.home-page .grid-container.opening_ap_12_3 .t-news.a100 {
    margin-bottom: 10px
}

.home-page .grid-container.opening_ap_12_3 .t-news.a100:not(.size-m):not(.size-l):not(.size-xl) .ni-title {
    font-size: 30px
}

.home-page .grid-container.opening_ap_12_3 .t-news.a100.size-s .ni-title {
    font-size: 24px !important
}

@media only screen and (min-width : 768px) {
    .home-page .grid-container.opening_ap_12_3 .t-news.a100:not(.size-m):not(.size-l):not(.size-xl) .ni-title {
        font-size: 38px
    }

    .home-page .grid-container.opening_ap_12_3 .t-news.a100.size-s .ni-title {
        font-size: 30px !important
    }
}

@media only screen and (min-width : 1040px) {
    .home-page .grid-container.opening_ap_12_3 .t-news.a100:not(.size-m):not(.size-l):not(.size-xl) .ni-title {
        font-size: 42px
    }
}

.htmlprom-mobile {
    display: flex;
    flex-direction: column
}

.htmlprom-mobile .top-image {
    width: 100%
}

.htmlprom-mobile .left-image {
    width: 100%
}

.htmlprom-mobile .right-image {
    width: 100%
}

@media only screen and (min-width : 768px) {
    .htmlprom-mobile {
        display: none
    }
}

.htmlprom-desktop {
    display: none
}

@media only screen and (min-width : 768px) {
    .htmlprom-desktop {
        display: flex;
        flex-wrap: wrap
    }

    .htmlprom-desktop .top-image {
        flex: 0 0 100%;
        width: 100%
    }

    .htmlprom-desktop .left-image {
        flex: 0 0 50%;
        width: 50%
    }

    .htmlprom-desktop .right-image {
        flex: 0 0 50%;
        width: 50%
    }
}

.htmlprom-link {
    display: contents
}

.htmlprom-mobile {
    display: flex;
    flex-direction: column
}

.htmlprom-mobile .top-image {
    width: 100%
}

.htmlprom-mobile .left-image {
    width: 100%
}

.htmlprom-mobile .right-image {
    width: 100%
}

@media only screen and (min-width : 768px) {
    .htmlprom-mobile {
        display: none
    }
}

.htmlprom-desktop {
    display: none
}

@media only screen and (min-width : 768px) {
    .htmlprom-desktop {
        display: flex;
        flex-wrap: wrap
    }

    .htmlprom-desktop .top-image {
        flex: 0 0 100%;
        width: 100%
    }

    .htmlprom-desktop .left-image {
        flex: 0 0 50%;
        width: 50%
    }

    .htmlprom-desktop .right-image {
        flex: 0 0 50%;
        width: 50%
    }
}

.surfing-with {
    padding: 30px 20px 25px;
    background-color: #e8e6e6
}

.surfing-with .title {
    margin-bottom: 26px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.27;
    color: #4a4a4a;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    color: #000
}

.surfing-with .sites-wrapper {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.surfing-with .sites-wrapper .site {
    display: none;
    margin-bottom: 25px
}

.surfing-with .sites-wrapper .site:nth-child(-n+8) {
    display: block
}

.surfing-with .sites-wrapper .site:last-child {
    margin-bottom: 0
}

.surfing-with .sites-wrapper .site .site-icon {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 9px 8px 18px;
    background-color: #fff
}

.surfing-with .sites-wrapper .site .site-icon:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.surfing-with .sites-wrapper .site .site-icon .icon {
    height: 20px;
    max-width: 100%
}

.surfing-with .sites-wrapper .site a {
    color: inherit
}

.surfing-with .sites-wrapper .site .site-img {
    width: 100%;
    padding-top: 66.67%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.surfing-with .sites-wrapper .site .site-img:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.surfing-with .sites-wrapper .site .site-title {
    display: block;
    margin-top: 6px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.29;
    color: #4a4a4a
}

.surfing-with .sites-wrapper .site .site-title:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .surfing-with {
        padding: 16px 10px 8px
    }

    .surfing-with .sites-wrapper .site {
        margin-bottom: 30px
    }

    .surfing-with .sites-wrapper .site:last-child {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1039px) {
    .surfing-with .sites-wrapper .site:nth-child(-n+9) {
        display: block
    }
}

@media only screen and (min-width: 1040px) {
    .surfing-with {
        padding: 20px 10px 12px
    }

    .surfing-with .title {
        margin-bottom: 20px
    }
}

.a100 h2 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.31;
    color: #252121
}

.a100 a {
    color: inherit
}

.a100 a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.a100 a img {
    width: 100%
}

.a100 a .footer {
    position: relative;
    margin: 0;
    background-color: rgba(220, 220, 220, .44);
    line-height: 17px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .2px;
    color: #090909
}

.a100 a .footer .title {
    display: block;
    padding: 10px 16px
}

.a100 a .footer .title .author {
    font-size: 12px;
    color: #9b9b9b
}

.a100 a .footer .zoom-icon {
    position: absolute;
    top: -34px;
    right: 10px;
    font-size: 24px;
    color: #fff;
    cursor: pointer
}

.a100 .ni-figure {
    position: relative
}

.a100 .ni-multimedia {
    position: absolute;
    top: 100%;
    margin-left: 10px;
    margin-top: -55px;
    height: 45px;
    width: 45px
}

.a100 .ni-img {
    position: relative
}

.a100 .ni-title {
    margin: 0;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 1.13;
    letter-spacing: .29px;
    color: #000;
    font-size: 30px
}

.a100 .ni-title+.ni-figure {
    margin-top: .5rem
}

.a100 .ni-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .5rem;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.38;
    color: #9b9b9b
}

.a100 .ni-info .signature {
    padding-right: 3px;
    margin-bottom: 0;
    color: #4a4a4a;
    font-family: "Roboto", sans-serif;
    font-weight: 500
}

.a100 .ni-info .signature .place {
    color: #9b9b9b
}

.a100 .ni-info .comments {
    margin-bottom: 0
}

.a100 .ni-info .comments .comment-icon {
    padding-left: 3px;
    padding-right: 3px
}

.a100 .ni-subtitle {
    margin-top: 30px;
    margin-bottom: 15px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.36;
    color: #000;
    font-weight: 600
}

.a100 .ni-subtitle+.ni-subtitle {
    margin-top: 20px
}

.a100 .ni-subtitle .ni-category {
    color: #c15562
}

.a100 .ni-subtitle .ni-category:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.a100 .ni-description {
    margin-top: 10px;
    font: 300 16px/1.25 "Roboto", sans-serif;
    color: #000
}

.a100 .ni-description p {
    color: inherit
}

@media only screen and (max-width: 767px) {
    .a100 .news-image .footer {
        padding-bottom: 28px
    }
}

@media only screen and (min-width: 768px) {
    .a100 .ni-title {
        font-size: 44px;
        line-height: 1.09;
        letter-spacing: .4px
    }
}

.a100.size-s .ni-title {
    font-size: 26px
}

.a100.size-m .ni-title {
    font-size: 30px
}

.a100.size-l .ni-title {
    font-size: 34px
}

.a100.size-xl .ni-title {
    font-size: 40px
}

@media only screen and (min-width: 1040px) {
    .a100 .ni-title {
        font-size: 48px
    }

    .a100.size-s .ni-title {
        font-size: 42px
    }

    .a100.size-m .ni-title {
        font-size: 48px
    }

    .a100.size-l .ni-title {
        font-size: 54px
    }

    .a100.size-xl .ni-title {
        font-size: 66px
    }
}

.a100.t-news .ni-title.bold {
    font-family: "Bitter-Bold", sans-serif
}

.a100.t-news .ni-subtitle .pr-title-category {
    color: #c15562
}

.a100.t-opinion .ni-title {
    font-family: "Bitter-Regular", sans-serif
}

.a100.t-blog .ni-title {
    font-family: "Roboto", sans-serif;
    font-weight: 400
}

.a100.imagefirst {
    display: flex;
    flex-direction: column
}

.a100.imagefirst .ni-img {
    order: 1;
    margin-top: 0;
    margin-bottom: 15px
}

.a100.imagefirst .ni-img+.ni-multimedia {
    margin-top: -70px
}

.a100.imagefirst .ni-title {
    order: 2
}

.a100.imagefirst .picture-related {
    order: 5
}

.a100.imagefirst .ni-info {
    order: 3
}

.a100.imagefirst .ni-subtitle {
    order: 4;
    margin-bottom: 0
}

.ni-figure {
    position: relative
}

.ni-figure .ni-img+.ni-multimedia,
.ni-figure picture+.ni-multimedia {
    position: absolute;
    top: 100%;
    margin-left: 10px;
    margin-top: -55px;
    height: 45px;
    width: 45px
}

.md__new .ni-img {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 3px
}

.md__new .ni-img img {
    width: 100%
}

.md__new figure a:hover {
    text-decoration: none
}

.md__new .ni-img~.image-footer {
    margin: 0;
    line-height: 17px
}

.md__new .ni-img~.image-footer .title {
    display: block;
    padding: 10px 16px
}

.md__new .ni-img~.image-footer .title .author {
    font-size: 12px;
    color: #9b9b9b
}

.md__new .ni-img~.image-footer .zoom-icon {
    position: absolute;
    top: -34px;
    right: 10px;
    font-size: 24px;
    color: #fff;
    cursor: pointer
}

.md__new .ni-epigraph {
    display: block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.27;
    color: #252121;
    margin-bottom: 15px
}

.md__new a.ni-epigraph:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.md__new .ni-title {
    margin-bottom: 0
}

.md__new .ni-title a {
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.14;
    letter-spacing: .4px;
    color: #000;
    font-size: inherit
}

.md__new .ni-title a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.md__new .ni-title.bold a {
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.14;
    letter-spacing: .4px;
    color: #000;
    font-size: inherit
}

.md__new .ni-title.bold a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.md__new .ni-title+.ni-figure {
    margin-top: .5rem
}

.md__new .ni-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.38;
    color: #9b9b9b
}

.md__new .ni-info .signature {
    padding-right: 3px;
    margin-bottom: 0;
    color: #4a4a4a;
    font-family: "Roboto", sans-serif;
    font-weight: 500
}

.md__new .ni-info .signature .place {
    color: #9b9b9b
}

.md__new .ni-info .signature a {
    color: inherit
}

.md__new .ni-info .signature a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.md__new .ni-info .comments {
    display: block;
    color: inherit;
    margin-bottom: 0
}

.md__new .ni-info .comments:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.md__new .ni-info .comments .comment-icon {
    padding-left: 3px;
    padding-right: 3px
}

.md__new .ni-subtitle {
    margin-top: 30px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.36;
    color: #000;
    font-family: "Roboto", sans-serif;
    font-weight: 600
}

.md__new .ni-subtitle+.ni-subtitle {
    margin-top: 20px
}

.md__new .ni-subtitle .ni-category {
    color: #c15562
}

.md__new .ni-subtitle .ni-category:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.md__new .ni-subtitle .pr-title-category {
    color: #c15562
}

.md__new .ni-subtitle a {
    color: inherit
}

.md__new .ni-subtitle a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.md__new .ni-description {
    margin-top: 5px;
    font: 300 16px/1.25 "Roboto", sans-serif;
    color: #000
}

.md__new .ni-description p {
    color: inherit
}

.md__new::after {
    content: "";
    display: block;
    clear: both
}

.md__new--type4 .ni-title,
.md__new--type5 .ni-title,
.md__new--type6 .ni-title,
.md__new--type7 .ni-title,
.md__new--type10 .ni-title,
.md__new--type11 .ni-title {
    font-size: 21px
}

.md__new--type2 .ni-title,
.md__new--type3 .ni-title,
.md__new--type8 .ni-title,
.md__new--type9 .ni-title,
.md__new--type12 .ni-title {
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: .3px
}

.md__new--type2 .ni-figure,
.md__new--type3 .ni-figure,
.md__new--type8 .ni-figure,
.md__new--type9 .ni-figure,
.md__new--type12 .ni-figure {
    float: right;
    width: 41.19%;
    margin-left: 13px;
    margin-bottom: 0
}

.md__new--type2 .ni-figure+.ni-epigraph+.ni-title,
.md__new--type2 .ni-figure+.ni-title,
.md__new--type3 .ni-figure+.ni-epigraph+.ni-title,
.md__new--type3 .ni-figure+.ni-title,
.md__new--type8 .ni-figure+.ni-epigraph+.ni-title,
.md__new--type8 .ni-figure+.ni-title,
.md__new--type9 .ni-figure+.ni-epigraph+.ni-title,
.md__new--type9 .ni-figure+.ni-title,
.md__new--type12 .ni-figure+.ni-epigraph+.ni-title,
.md__new--type12 .ni-figure+.ni-title {
    max-width: 58.81%
}

@media only screen and (min-width: 768px) {

    .md__new--type1 .ni-figure,
    .md__new--type2 .ni-figure,
    .md__new--type5 .ni-figure,
    .md__new--type7 .ni-figure,
    .md__new--type8 .ni-figure,
    .md__new--type9 .ni-figure,
    .md__new--type11 .ni-figure,
    .md__new--type12 .ni-figure {
        float: right;
        margin-left: 20px;
        margin-bottom: 0
    }

    .md__new--type1 .ni-figure+.ni-title,
    .md__new--type2 .ni-figure+.ni-title,
    .md__new--type5 .ni-figure+.ni-title,
    .md__new--type7 .ni-figure+.ni-title,
    .md__new--type8 .ni-figure+.ni-title,
    .md__new--type9 .ni-figure+.ni-title,
    .md__new--type11 .ni-figure+.ni-title,
    .md__new--type12 .ni-figure+.ni-title {
        overflow: hidden
    }

    .md__new--type3 .ni-figure {
        float: none;
        width: 100%;
        margin-bottom: 3px;
        margin-left: 0
    }

    .md__new--type3 .ni-figure+.ni-epigraph+.ni-title,
    .md__new--type3 .ni-figure+.ni-title {
        max-width: none;
        overflow: visible
    }

    .md__new--type6 .ni-title {
        font-size: 24px
    }

    .md__new--type1 .ni-title,
    .md__new--type2 .ni-title,
    .md__new--type5 .ni-title,
    .md__new--type7 .ni-title,
    .md__new--type10 .ni-title,
    .md__new--type11 .ni-title {
        font-size: 24px
    }

    .md__new--type3 .ni-title,
    .md__new--type4 .ni-title,
    .md__new--type8 .ni-title,
    .md__new--type9 .ni-title,
    .md__new--type12 .ni-title {
        font-size: 17px
    }

    .md__new--type1 .ni-figure,
    .md__new--type2 .ni-figure,
    .md__new--type5 .ni-figure,
    .md__new--type7 .ni-figure {
        width: 65.91%
    }

    .md__new--type1 .ni-figure+.ni-title,
    .md__new--type2 .ni-figure+.ni-title,
    .md__new--type5 .ni-figure+.ni-title,
    .md__new--type7 .ni-figure+.ni-title {
        max-width: 34.09%
    }

    .md__new--type11 .ni-figure {
        width: 48.8%
    }

    .md__new--type11 .ni-figure+.ni-title {
        max-width: 51.2%
    }

    .md__new--type8 .ni-figure,
    .md__new--type12 .ni-figure {
        width: 47.53%
    }

    .md__new--type8 .ni-figure+.ni-title,
    .md__new--type12 .ni-figure+.ni-title {
        max-width: 52.47%
    }

    .md__new--type9 .ni-figure {
        width: 30.76%
    }

    .md__new--type9 .ni-figure+.ni-title {
        max-width: 69.24%
    }
}

@media only screen and (min-width: 1040px) {

    .md__new--type1 .ni-figure,
    .md__new--type2 .ni-figure,
    .md__new--type5 .ni-figure {
        width: 65.31%
    }

    .md__new--type1 .ni-figure+.ni-title,
    .md__new--type2 .ni-figure+.ni-title,
    .md__new--type5 .ni-figure+.ni-title {
        max-width: 34.69%
    }

    .md__new--type7 .ni-figure {
        width: 61.22%
    }

    .md__new--type7 .ni-figure+.ni-title {
        max-width: 38.78%
    }

    .md__new--type8 .ni-figure {
        width: 46.88%
    }

    .md__new--type8 .ni-figure+.ni-title {
        max-width: 53.12%
    }

    .md__new--type11 .ni-figure {
        width: 48.49%
    }

    .md__new--type11 .ni-figure+.ni-title {
        max-width: 51.51%
    }

    .md__new--type12 .ni-figure {
        float: none;
        width: 100%;
        margin-bottom: 3px;
        margin-left: 0
    }

    .md__new--type12 .ni-figure+.ni-epigraph+.ni-title,
    .md__new--type12 .ni-figure+.ni-title {
        max-width: none
    }
}

.col-lg-4.bbnx-slot aside {
    margin-bottom: 20px
}

.col-lg-4.bbnx-slot div .advertising-wrapper {
    margin: 0 0 20px 0
}

.col-lg-4.bbnx-slot:last-child {
    margin: 0
}

.md__op {
    display: flex;
    padding: 10px;
    background-color: #fff;
    border: 1px solid gray;
    overflow: hidden
}

.md__op .opinion-content {
    position: relative;
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    padding-right: 10px
}

.md__op .opinion-content>span {
    display: block;
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.03px;
    color: #c15562
}

.md__op .opinion-content a {
    text-decoration: none
}

.md__op .opinion-content a.title {
    display: block;
    margin-bottom: 10px;
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.14;
    letter-spacing: .4px;
    color: #000
}

.md__op .opinion-content a.comments {
    display: flex;
    align-items: center
}

.md__op .opinion-content a.comments i {
    font-size: 12px;
    color: #9b9b9b
}

.md__op .opinion-content a.comments span {
    margin-left: 5px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #9b9b9b;
    line-height: 1.5
}

.md__op .opinion-content:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -10px;
    right: 0;
    border-left: 1px solid gray
}

.md__op .opinion-firm {
    width: 44.03%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 10px
}

.md__op .opinion-firm>span {
    display: block;
    margin-bottom: 38px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    color: #c15562
}

.md__op .opinion-firm a {
    display: inline-block;
    border-radius: 50%
}

.md__op .opinion-firm a .image {
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 90px;
    height: 90px;
    border-radius: 50%
}

.md__op .opinion-firm a.no-image {
    opacity: 1;
    cursor: default;
    pointer-events: none
}

.md__op .opinion-firm a.no-image .image {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-image: url(/quotes-2.h-b8a341b71d12579cc659e39c3cb846dd-15905d17.svg);
    background-size: 50%;
    background-color: #f2f0f0;
    background-repeat: no-repeat;
    background-position: center
}

.md__op--type1,
.md__op--type4,
.md__op--type5 {
    flex-direction: column
}

.md__op--type1 .opinion-content,
.md__op--type4 .opinion-content,
.md__op--type5 .opinion-content {
    padding-right: 0
}

.md__op--type1 .opinion-content::before,
.md__op--type4 .opinion-content::before,
.md__op--type5 .opinion-content::before {
    display: none
}

.md__op--type1 .opinion-firm,
.md__op--type4 .opinion-firm,
.md__op--type5 .opinion-firm {
    width: 100%;
    padding-left: 0;
    margin-top: 35px;
    position: relative
}

.md__op--type1 .opinion-firm:before,
.md__op--type4 .opinion-firm:before,
.md__op--type5 .opinion-firm:before {
    content: "";
    border-top: 1px solid gray;
    position: absolute;
    left: 0;
    right: 0
}

.md__op--type1 .opinion-firm>span,
.md__op--type4 .opinion-firm>span,
.md__op--type5 .opinion-firm>span {
    padding-top: 10px;
    margin-bottom: 23px
}

.md__op--type4 .opinion-content a.title,
.md__op--type5 .opinion-content a.title {
    font-size: 21px;
    line-height: 1.19;
    letter-spacing: .37px
}

.md__op--type2 .opinion-content a.title,
.md__op--type3 .opinion-content a.title,
.md__op--type6 .opinion-content a.title,
.md__op--type7 .opinion-content a.title,
.md__op--type8 .opinion-content a.title,
.md__op--type9 .opinion-content a.title {
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: .28px
}

.md__op.isBlog {
    position: relative;
    padding-top: 31px
}

.md__op.isBlog .blog-banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 0 5px;
    padding: 0 0 0 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.36;
    color: #9b9b9b;
    line-height: 1.91;
    letter-spacing: 0
}

.md__op.isBlog .blog-banner .dotted-lines {
    top: 0;
    right: 0;
    left: 60px;
    overflow: hidden
}

.md__op.isBlog .blog-banner .dotted-lines .line {
    margin: 4px 0
}

@media only screen and (min-width: 768px) {

    .md__op--type1,
    .md__op--type5 {
        flex-direction: row
    }

    .md__op--type1 .opinion-content,
    .md__op--type5 .opinion-content {
        padding-right: 10px
    }

    .md__op--type1 .opinion-content::before,
    .md__op--type5 .opinion-content::before {
        display: block
    }

    .md__op--type1 .opinion-firm,
    .md__op--type5 .opinion-firm {
        padding-right: 0;
        padding-left: 10px;
        margin-top: 0
    }

    .md__op--type1 .opinion-firm:before,
    .md__op--type5 .opinion-firm:before {
        display: none
    }

    .md__op--type1 .opinion-firm>span,
    .md__op--type5 .opinion-firm>span {
        padding-top: 0;
        margin-bottom: 38px
    }

    .md__op--type3,
    .md__op--type7 {
        flex-direction: column
    }

    .md__op--type3 .opinion-content,
    .md__op--type7 .opinion-content {
        padding-right: 0
    }

    .md__op--type3 .opinion-content::before,
    .md__op--type7 .opinion-content::before {
        display: none
    }

    .md__op--type3 .opinion-firm,
    .md__op--type7 .opinion-firm {
        width: 100%;
        padding-left: 0;
        margin-top: 35px;
        position: relative
    }

    .md__op--type3 .opinion-firm:before,
    .md__op--type7 .opinion-firm:before {
        content: "";
        border-top: 1px solid gray;
        position: absolute;
        left: 0;
        right: 0
    }

    .md__op--type3 .opinion-firm>span,
    .md__op--type7 .opinion-firm>span {
        padding-top: 10px;
        margin-bottom: 23px
    }

    .md__op--type1 .opinion-content a.title,
    .md__op--type2 .opinion-content a.title,
    .md__op--type5 .opinion-content a.title {
        font-size: 24px;
        line-height: 1.17;
        letter-spacing: .42px
    }

    .md__op--type3 .opinion-content a.title,
    .md__op--type4 .opinion-content a.title,
    .md__op--type6 .opinion-content a.title,
    .md__op--type9 .opinion-content a.title {
        font-size: 17px;
        line-height: 1.24;
        letter-spacing: .33px
    }

    .md__op--type8 .opinion-content a.title {
        font-size: 21px;
        line-height: 1.19;
        letter-spacing: .37px
    }

    .md__op--type1 .opinion-firm,
    .md__op--type2 .opinion-firm,
    .md__op--type5 .opinion-firm {
        width: 28.38%
    }

    .md__op--type8 .opinion-firm {
        width: 31.84%
    }

    .md__op--type6 .opinion-firm,
    .md__op--type9 .opinion-firm {
        width: 40.95%
    }

    .md__op--type7 .opinion-firm a {
        display: none
    }

    .md__op--type7 .opinion-firm>span {
        margin-bottom: 12px
    }

    .md__op .col-md-3>.md__op.isBlog .opinion-firm a {
        display: none
    }

    .md__op .col-md-3>.md__op.isBlog .opinion-firm>span {
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 1040px) {

    .md__op--type1 .opinion-firm,
    .md__op--type2 .opinion-firm,
    .md__op--type5 .opinion-firm {
        width: 32.29%
    }

    .md__op--type6 .opinion-firm {
        width: 40.27%
    }

    .md__op--type9 {
        flex-direction: column
    }

    .md__op--type9 .opinion-content {
        padding-right: 0
    }

    .md__op--type9 .opinion-content::before {
        display: none
    }

    .md__op--type9 .opinion-firm {
        width: 100%;
        padding-left: 0;
        margin-top: 35px;
        position: relative
    }

    .md__op--type9 .opinion-firm:before {
        content: "";
        border-top: 1px solid gray;
        position: absolute;
        left: 0;
        right: 0
    }

    .md__op--type9 .opinion-firm a {
        display: none
    }

    .md__op--type9 .opinion-firm>span {
        padding-top: 10px;
        margin-bottom: 12px
    }

    .md__op .col-lg-2>.md__op.isBlog .opinion-firm a {
        display: none
    }

    .md__op .col-lg-2>.md__op.isBlog .opinion-firm>span {
        margin-bottom: 12px
    }
}

.port-opinion .automatic-list .c-content .partner-wrapper {
    border-top: none
}

.port-opinion .automatic-list .second-col .fluid-container ul.row {
    margin-bottom: 0
}

.col-12 .col-lg-12 div[class^="opinion-list md__new"] .opinion-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

@media only screen and (min-width : 768px) {
    .col-12 .col-lg-12 div[class^="opinion-list md__new"] .opinion-wrapper {
        flex-direction: row;
        height: auto
    }
}

.col-12 .col-lg-12 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-top {
    flex: 0 0 76.6666666667%;
    padding-right: 10px
}

.col-12 .col-md-6 div[class^="opinion-list md__new"] {
    min-height: auto;
    height: auto
}

@media only screen and (min-width : 768px) {
    .col-12 .col-md-6 div[class^="opinion-list md__new"] {
        min-height: 350px;
        height: 100%
    }
}

.col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper {
    display: flex;
    flex-direction: row
}

@media only screen and (min-width : 768px) {
    .col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper {
        flex-direction: column;
        justify-content: space-between
    }
}

.col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-top {
    height: auto;
    padding-bottom: 10px;
    min-height: 130px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

@media only screen and (min-width : 768px) {
    .col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-top {
        height: 158px;
        max-height: 158px;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom {
    border-left: 1px solid gray;
    min-height: 175px;
    padding: 0 0 0 10px;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom .featured-avatar {
    flex-direction: column
}

.col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom .featured-avatar>* {
    margin-top: 10px
}

.col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom .featured-avatar>*:last-child {
    margin-top: 10px
}

@media only screen and (min-width : 768px) {
    .col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom {
        border: none;
        border-top: 1px solid gray;
        padding: 8px 0 0 0;
        margin: 0
    }

    .col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom .featured-avatar {
        flex-direction: row
    }

    .col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom .featured-avatar>* {
        margin-top: 0
    }

    .col-12 .col-md-6 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom .featured-avatar>*:last-child {
        margin-top: 0
    }
}

.col-12 .col-md-4 div[class^="opinion-list md__new"] {
    min-height: auto;
    height: auto
}

@media only screen and (min-width : 768px) {
    .col-12 .col-md-4 div[class^="opinion-list md__new"] {
        min-height: 350px;
        height: 100%
    }
}

.col-12 .col-md-4 div[class^="opinion-list md__new"] .opinion-wrapper {
    display: flex;
    flex-direction: row
}

@media only screen and (min-width : 768px) {
    .col-12 .col-md-4 div[class^="opinion-list md__new"] .opinion-wrapper {
        flex-direction: column
    }
}

.col-12 .col-md-4 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-top {
    height: auto;
    padding-bottom: 10px;
    min-height: 130px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

@media only screen and (min-width : 768px) {
    .col-12 .col-md-4 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-top {
        height: auto;
        min-height: auto;
        max-height: 100%;
        max-width: 100%
    }
}

.col-12 .col-md-4 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom {
    border-left: 1px solid gray;
    min-height: 175px;
    padding: 0 0 0 10px;
    margin: 0 0 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-12 .col-md-4 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom .featured-avatar {
    flex-direction: column
}

.col-12 .col-md-4 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom .featured-avatar>* {
    margin-top: 10px
}

.col-12 .col-md-4 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom .featured-avatar>*:last-child {
    margin-top: 10px
}

@media only screen and (min-width : 768px) {
    .col-12 .col-md-4 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom {
        border: none;
        border-top: 1px solid gray;
        min-height: auto;
        padding: 10px 0 0 0;
        margin: 0;
        max-width: 100%
    }

    .col-12 .col-md-4 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom .featured-avatar {
        flex-direction: row
    }

    .col-12 .col-md-4 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom .featured-avatar>* {
        margin-top: 0
    }

    .col-12 .col-md-4 div[class^="opinion-list md__new"] .opinion-wrapper .opinion-bottom .featured-avatar>*:last-child {
        margin-top: 0
    }
}

.opinion-list {
    border-bottom: 1px solid rgba(37, 33, 33, .2);
    display: flex;
    overflow: hidden;
    margin: 0;
    padding: 0 8px 17px;
    width: 100%
}

.opinion-list .featured-avatar {
    display: flex;
    margin-top: 10px
}

@media only screen and (max-width : 767px) {
    .opinion-list .featured-avatar {
        display: none
    }
}

.opinion-list .featured-avatar>* {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    object-fit: cover;
    background-color: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px
}

.opinion-list .featured-avatar>*:last-child {
    margin-right: 0
}

.opinion-list .featured-avatar>*.no-avatar {
    height: 40px;
    width: 40px
}

.opinion-list .featured-avatar>*.no-avatar.fas {
    font-size: 90px;
    color: #969292;
    height: 90px;
    width: 90px
}

.opinion-list .opinion-authors {
    display: flex;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #c15562;
    text-decoration: none;
    flex-wrap: wrap;
    margin-top: -3px
}

.opinion-list .opinion-authors span {
    padding-right: 5px
}

.opinion-list a {
    text-decoration: none
}

.opinion-list a.kicker {
    display: block;
    margin-top: -3px;
    margin-bottom: 10px;
    font: 700 17px/20px "Roboto", sans-serif;
    letter-spacing: -0.03px;
    color: #c4071b
}

.opinion-list a.title {
    display: block;
    margin-bottom: 10px;
    font: 400 17px/1.23 "Bitter-Regular", sans-serif;
    letter-spacing: .3px;
    color: #000
}

.col-12 .col-lg-12 .opinion-list a.title {
    font-size: 26px;
    line-height: 30px
}

@media only screen and (max-width : 767px) {
    .col-12 .col-lg-12 .opinion-list a.title {
        font-size: 22px;
        line-height: 25px
    }
}

.opinion-list a.comments {
    display: flex;
    align-items: center
}

.opinion-list a.comments i {
    font-size: 12px;
    line-height: 1.67;
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #9b9b9b
}

.opinion-list a.comments .action-text {
    margin-left: 5px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    color: #9b9b9b;
    padding-right: 2px;
    cursor: pointer
}

.opinion-list a.opinion-author {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #c15562;
    display: block;
    text-decoration: none;
    cursor: pointer;
    padding-right: 5px
}

/*!
 * Copyright 2019 Bitban Technologies, S.L.
 * Todos los derechos reservados.
 */
.cmp-sm-photogallery {
    padding: 20px;
    height: 445px;
    background-color: #000;
    display: flex;
    flex-direction: column
}

@media(max-width: 1039px) {
    .cmp-sm-photogallery {
        padding: 15px 20px;
        height: 407px
    }
}

@media(max-width: 767px) {
    .cmp-sm-photogallery {
        height: auto
    }
}

.cmp-sm-photogallery .title-cmp {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.31;
    color: #252121;
    color: #c15562
}

.cmp-sm-photogallery .title-cmp a {
    color: inherit;
    text-decoration: none
}

.cmp-sm-photogallery .author-vignette .title-cmp {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.31;
    color: #252121
}

@media only screen and (max-width : 767px) {
    .cmp-sm-photogallery .author-vignette .title-cmp {
        display: inline-block
    }
}

@media only screen and (min-width : 768px) {
    .cmp-sm-photogallery .author-vignette .title-cmp {
        margin-bottom: 2px
    }
}

.cmp-sm-photogallery .author-vignette .title-cmp a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.31;
    color: #252121
}

@media only screen and (max-width : 767px) {
    .cmp-sm-photogallery .author-vignette .show-in-mobile {
        display: inline-block !important
    }
}

.cmp-sm-photogallery>.photo-content {
    display: flex;
    height: 100%
}

@media(max-width: 767px) {
    .cmp-sm-photogallery>.photo-content {
        flex-direction: column
    }
}

.cmp-sm-photogallery>.photo-content .cmp-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 20px
}

.cmp-sm-photogallery>.photo-content .cmp-info .data-info ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.cmp-sm-photogallery>.photo-content .cmp-info .data-info .author-vignette {
    margin-bottom: 20px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.31;
    color: #252121
}

.cmp-sm-photogallery>.photo-content .cmp-info .data-info .author-vignette a {
    color: #c15562;
    text-decoration: none
}

.cmp-sm-photogallery>.photo-content .cmp-info .data-info .title-new {
    display: block;
    margin-bottom: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.29;
    letter-spacing: 0;
    color: #000;
    color: #fff;
    text-decoration: none
}

.cmp-sm-photogallery>.photo-content .cmp-info .data-info .author {
    margin-bottom: 20px
}

.cmp-sm-photogallery>.photo-content .cmp-info .data-info .author>a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.38;
    letter-spacing: -0.1px;
    color: #9b9b9b;
    text-decoration: none
}

.cmp-sm-photogallery>.photo-content .cmp-info .data-info .author>a.author-name {
    margin-right: 5px
}

.cmp-sm-photogallery>.photo-content .cmp-info .data-info .author>a.author-comments {
    font-family: "Roboto", sans-serif;
    font-weight: 700
}

.cmp-sm-photogallery>.photo-content .cmp-info .data-info .author>a.author-comments>i {
    font-size: 12px;
    margin-right: 1px
}

.cmp-sm-photogallery>.photo-content .cmp-info .data-info .subtitle-new {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.36;
    color: #252121;
    color: #fff;
    text-decoration: none
}

.cmp-sm-photogallery>.photo-content .cmp-info .share {
    display: flex
}

@media(min-width: 768px) {
    .cmp-sm-photogallery>.photo-content .cmp-info .share a[title=Whatsapp] {
        display: none
    }
}

@media(max-width: 767px) {
    .cmp-sm-photogallery>.photo-content .cmp-info .share {
        margin: 35px 0 20px
    }

    .cmp-sm-photogallery>.photo-content .cmp-info .share a[title=Whatsapp] i {
        font-size: 25px
    }
}

.cmp-sm-photogallery>.photo-content .cmp-info .share a {
    background-color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.cmp-sm-photogallery>.photo-content .cmp-info .share a:not(:last-child) {
    margin-right: 15px
}

.cmp-sm-photogallery>.photo-content .cmp-info .share a i {
    font-size: 18px;
    color: #000
}

.cmp-sm-photogallery>.photo-content .photo-image {
    min-width: 576px;
    margin-left: auto
}

@media(max-width: 1039px) {
    .cmp-sm-photogallery>.photo-content .photo-image {
        min-width: 459px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

@media(max-width: 767px) {
    .cmp-sm-photogallery>.photo-content .photo-image {
        min-width: 100%;
        height: 100%;
        display: block
    }
}

.cmp-sm-photogallery>.photo-content .photo-image .image {
    display: block;
    object-fit: cover;
    margin: 0 -10px;
    width: calc(100% + 20px)
}

@media only screen and (min-width : 768px) {
    .cmp-sm-photogallery>.photo-content .photo-image .image {
        max-width: 425px;
        min-width: 425px;
        height: 248px;
        margin: -15px 20px
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-sm-photogallery>.photo-content .photo-image .image {
        height: 100%;
        max-width: 576px;
        min-width: 576px;
        margin: -5px 0 0
    }

    .cmp-sm-photogallery>.photo-content .photo-image .image[style] {
        height: 306px
    }
}

.cmp-sm-photogallery>.photo-content .photo-image .see-more {
    border-top: 1px solid azul-Relacionados
}

@media(max-width: 767px) {
    .cmp-sm-photogallery>.photo-content .photo-image .see-more {
        margin-top: 10px
    }
}

@media(max-width: 1039px) {
    .cmp-sm-photogallery>.photo-content .photo-image .see-more {
        padding-top: 10px
    }
}

.cmp-sm-photogallery>.photo-content .photo-image .see-more>a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #9b9b9b;
    color: #c15562;
    text-transform: uppercase;
    text-decoration: none
}

.cmp-sm-photogallery>.photo-content .photo-image .see-more>a .right-icon {
    padding-left: 3px
}

.cmp-sm-photogallery>.photo-content .photo-carousel {
    min-width: 164px;
    padding-left: 17px;
    position: relative
}

@media(max-width: 1039px) {
    .cmp-sm-photogallery>.photo-content .photo-carousel {
        display: none
    }
}

.cmp-sm-photogallery>.photo-content .photo-carousel .owl-stage-outer .owl-stage {
    height: 170px;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.cmp-sm-photogallery>.photo-content .photo-carousel .owl-carousel {
    transform: rotate(90deg);
    width: 300px;
    position: absolute;
    left: -63px;
    top: 58px
}

.cmp-sm-photogallery>.photo-content .photo-carousel .owl-carousel .owl-dots {
    display: none
}

.cmp-sm-photogallery>.photo-content .photo-carousel .owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    height: 0;
    width: calc(100% + 25px);
    top: calc(50% - 25px);
    z-index: 0;
    left: -3px
}

.cmp-sm-photogallery>.photo-content .photo-carousel .owl-carousel .owl-nav .owl-prev,
.cmp-sm-photogallery>.photo-content .photo-carousel .owl-carousel .owl-nav .owl-next {
    font-size: 24px;
    top: unset;
    bottom: 15px;
    color: #c15562;
    outline: none
}

.cmp-sm-photogallery>.photo-content .photo-carousel .owl-carousel .owl-nav .owl-prev.disabled,
.cmp-sm-photogallery>.photo-content .photo-carousel .owl-carousel .owl-nav .owl-next.disabled {
    opacity: .4;
    cursor: default
}

.cmp-sm-photogallery>.photo-content .photo-carousel .owl-carousel a.item {
    display: block;
    cursor: pointer;
    transform: rotate(-90deg);
    position: absolute;
    top: 10px;
    left: 15px
}

.cmp-sm-photogallery>.photo-content .photo-carousel .owl-carousel a.item .image {
    width: 149px;
    height: 99px;
    object-fit: cover
}

.cmp-sm-photogallery>.photo-content .photo-carousel .owl-carousel a.item>span {
    min-height: 40px;
    max-height: 40px;
    display: block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.29;
    color: #4a4a4a;
    color: #fff;
    padding: 5px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.cmp-sm-photogallery>.photo-content .photo-carousel .see-more {
    position: absolute;
    bottom: 0;
    width: calc(100% - 15px);
    border-top: 1px solid azul-Relacionados;
    padding-top: 10px
}

.cmp-sm-photogallery>.photo-content .photo-carousel .see-more a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #9b9b9b;
    color: #c15562;
    text-transform: uppercase;
    text-decoration: none
}

@media only screen and (min-width : 768px) {
    .cmp-sm-photogallery__vignette {
        height: 248px
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-sm-photogallery__vignette {
        height: 346px;
        padding: 25px 0 15px !important
    }
}

@media only screen and (max-width : 767px) {
    .cmp-sm-photogallery__vignette>.photo-content .cmp-info {
        margin-left: -10px
    }

    .cmp-sm-photogallery__vignette>.photo-content .cmp-info .share {
        margin-top: 25px
    }
}

.cmp-sm-photogallery__vignette>.photo-content .photo-carousel {
    margin-top: 20px
}

@media only screen and (min-width : 768px) {
    .cmp-sm-photogallery__vignette>.photo-content {
        justify-content: space-between
    }
}

@media only screen and (min-width : 768px) {
    .cmp-sm-photogallery__vignette>.photo-content .photo-image {
        flex-direction: row;
        align-items: flex-end
    }
}

.cmp-sm-photogallery__vignette>.photo-content .photo-image .image {
    margin: 0 -10px;
    width: calc(100% + 20px);
    object-fit: cover;
    display: block
}

@media only screen and (min-width : 768px) {
    .cmp-sm-photogallery__vignette>.photo-content .photo-image .image {
        max-width: 425px;
        min-width: 425px;
        height: 248px;
        margin: -15px 20px
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-sm-photogallery__vignette>.photo-content .photo-image .image {
        height: 306px;
        max-width: 576px;
        min-width: 576px;
        margin: -5px 0 0
    }

    .cmp-sm-photogallery__vignette>.photo-content .photo-image .image[style] {
        height: 306px
    }
}

@media only screen and (max-width : 767px) {
    .cmp-sm-photogallery__vignette>.photo-content .photo-image .see-more {
        margin-left: -10px;
        margin-right: -10px
    }
}

.cmp-sm-photogallery__vignette>.photo-content .photo-carousel .owl-stage-outer .owl-stage {
    height: 150px;
    display: flex
}

.cmp-sm-photogallery__vignette>.photo-content .photo-carousel .owl-carousel {
    transform: rotate(90deg);
    width: 210px;
    position: absolute;
    left: -13px;
    top: 27px
}

@media only screen and (min-width : 1040px) {
    .cmp-sm-photogallery__vignette>.photo-content .photo-carousel .owl-carousel .owl-item {
        width: 107px !important
    }
}

.cmp-sm-photogallery__vignette>.photo-content .photo-carousel .owl-carousel .owl-nav .owl-prev {
    margin-left: -20px
}

.cmp-sm-photogallery__vignette>.photo-content .photo-carousel .owl-carousel a.item {
    top: 32px;
    left: -28px
}

.cmp-sm-photogallery__vignette>.photo-content .photo-carousel .owl-carousel a.item .image {
    width: 150px;
    height: 87px
}

.cmp-sm-opinion {
    margin-bottom: 15px
}

@media only screen and (max-width : 767px) {
    .cmp-sm-opinion.type-1 {
        display: none
    }
}

@media only screen and (min-width : 768px) {
    .cmp-sm-opinion.type-1 {
        display: block
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-sm-opinion.type-1 {
        display: block
    }
}

@media only screen and (max-width : 767px) {
    .cmp-sm-opinion.type-2 {
        display: block
    }
}

@media only screen and (min-width : 768px) {
    .cmp-sm-opinion.type-2 {
        display: none
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-sm-opinion.type-2 {
        display: none
    }
}

.cmp-sm-opinion.type-3 {
    display: block !important
}

@media only screen and (max-width : 767px) {
    .cmp-sm-opinion .cont-authors-opinion {
        height: auto !important
    }
}

.cmp-sm-opinion.type-2 .cmp-header {
    padding: 0
}

.cmp-sm-opinion .dotted-lines {
    position: static
}

.cmp-sm-opinion .cmp-header {
    padding: 0
}

.cmp-sm-opinion .cmp-header>.section-tabs {
    padding-top: 10px;
    height: 50px;
    display: flex;
    justify-content: space-between
}

.cmp-sm-opinion .cmp-header>.section-tabs>h2 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.31;
    color: #252121;
    margin-bottom: 0
}

.cmp-sm-opinion .cmp-header>.section-tabs>h2 a {
    color: inherit
}

.cmp-sm-opinion .cmp-header>.section-tabs>h2 a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {
    .cmp-sm-opinion.type-1 .cont-authors-opinion {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-sm-opinion.type-1 .cont-authors-opinion {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media only screen and (min-width : 1040px) {
    [data-bbnx-slot-type="slots.grid-66-33.slot-66"] .cmp-sm-opinion.type-1 .cont-authors-opinion {
        margin-right: 0
    }
}

.cmp-sm-opinion .cont-authors-opinion .owl-carousel .owl-stage {
    padding: 0 20px;
    margin-bottom: 0;
    list-style-type: none
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider {
    min-height: 300px;
    background-color: #f2f0f0;
    position: relative
}

@media only screen and (min-width : 1040px) {
    .cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider:after {
        content: "";
        position: absolute;
        width: 20px;
        top: 0;
        height: 100%;
        left: 0;
        background-color: rgba(242, 240, 240, .9);
        z-index: 1
    }

    .cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider:before {
        content: "";
        top: 0;
        position: absolute;
        right: 0;
        width: 20px;
        height: 100%;
        background-color: rgba(242, 240, 240, .9);
        z-index: 1
    }
}

@media(max-width: 1039px) {
    .cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider:after {
        content: "";
        top: 0;
        position: absolute;
        right: 0;
        width: 3px;
        height: 100%;
        background-color: #f2f0f0;
        z-index: 1
    }
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px
}

@media only screen and (min-width : 1040px) {
    .cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-dots {
        display: none
    }
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(155, 155, 155, .46);
    margin-right: 5px
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-dots button:last-child {
    margin-right: 0
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-dots button.active {
    background-color: #252121
}

@media(max-width: 1039px) {
    .cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-nav {
        display: none
    }
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-nav button {
    position: absolute;
    bottom: 20px;
    outline: none;
    height: calc(100% - 40px);
    width: 20px;
    font-size: 24px;
    color: #9b9b9b;
    z-index: 2
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-nav button.disabled {
    opacity: .15;
    cursor: default
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-nav button.owl-prev {
    left: 0
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-nav button.owl-next {
    right: 0
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-item .item {
    margin: 20px 0;
    min-height: 260px;
    display: block;
    padding: 0 10px;
    text-decoration: none;
    position: relative
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-item .item a {
    display: block;
    text-decoration: none
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-item .item a>span {
    display: block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.26;
    letter-spacing: 0;
    color: #252121
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-item .item a>p {
    margin: 15px 0 4px;
    hyphens: auto;
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.23;
    letter-spacing: .3px;
    color: #000
}

@media only screen and (min-width : 768px) {
    .cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-item .item a>p {
        hyphens: none;
        word-break: break-word
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-item .item a>p {
        font-size: 16px
    }
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-item .item a>.image {
    object-fit: cover;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
    border-radius: 50%
}

.cmp-sm-opinion .cont-authors-opinion .cmp-authors-opinion__slider .owl-item.active:not(:last-child) .item {
    border-right: 2px solid #fff
}

.cmp-sm-opinion .cont-authors-opinion .cont-authors-opinion__wrapper {
    display: flex;
    min-height: 300px;
    padding: 20px;
    list-style: none;
    background-color: #f2f0f0
}

.cmp-sm-opinion .cont-authors-opinion .cont-authors-opinion__wrapper .item {
    flex: 1 1 0;
    padding: 0 10px
}

.cmp-sm-opinion .cont-authors-opinion .cont-authors-opinion__wrapper .item:not(:last-child) {
    border-right: 2px solid #fff
}

.cmp-sm-opinion .cont-authors-opinion .cont-authors-opinion__wrapper .item a {
    display: block;
    text-decoration: none
}

.cmp-sm-opinion .cont-authors-opinion .cont-authors-opinion__wrapper .item a>span {
    display: block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.26;
    letter-spacing: 0;
    color: #252121
}

.cmp-sm-opinion .cont-authors-opinion .cont-authors-opinion__wrapper .item a>p {
    margin: 15px 0 4px;
    hyphens: auto;
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.23;
    letter-spacing: .3px;
    color: #000
}

@media only screen and (min-width : 768px) {
    .cmp-sm-opinion .cont-authors-opinion .cont-authors-opinion__wrapper .item a>p {
        hyphens: none;
        word-break: break-word
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-sm-opinion .cont-authors-opinion .cont-authors-opinion__wrapper .item a>p {
        font-size: 16px
    }
}

.cmp-sm-opinion .cont-authors-opinion .cont-authors-opinion__wrapper .item a>.image {
    object-fit: cover;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
    border-radius: 50%
}

.cmp-sm-opinion.type-2 .section-tabs {
    height: auto;
    padding-bottom: 30px
}

.cmp-sm-opinion.type-2 .section-tabs .filter .filter-text {
    display: none
}

.cmp-sm-opinion.type-2 .cont-authors-opinion {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.cmp-sm-opinion.type-2 .cont-authors-opinion>li {
    margin-bottom: 0
}

.cmp-sm-opinion.type-2 .cont-authors-opinion>li a {
    display: flex;
    border-bottom: 2px dotted #fff;
    background-color: #f2f0f0;
    padding: 10px 10px 25px;
    text-decoration: none
}

.cmp-sm-opinion.type-2 .cont-authors-opinion>li a .content-descp {
    width: calc(100% - 20px);
    padding-right: 20px
}

.cmp-sm-opinion.type-2 .cont-authors-opinion>li a .content-descp>p {
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: .28px;
    color: #000;
    margin-bottom: 1px
}

.cmp-sm-opinion.type-2 .cont-authors-opinion>li a .content-descp>span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.26;
    letter-spacing: 0;
    color: #252121;
    line-height: 1.27
}

.cmp-sm-opinion.type-2 .cont-authors-opinion>li a .content-img .image {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-position: center;
    background-size: cover
}

.cmp-sm-opinion.type-2 .cont-authors-opinion>li:last-child a {
    border-bottom: 0 none
}

.cmp-sm-opinion .filter {
    align-items: center
}

.cmp-sm-opinion .filter>.filter-select-wrapper .filter-selected-option {
    color: #4a4a4a;
    font-size: 13px;
    text-overflow: ellipsis;
    max-width: 60px;
    overflow: hidden;
    white-space: nowrap
}

.cmp-sm-opinion .filter>.filter-select-wrapper .filter-selected-option:hover {
    opacity: 1
}

.cmp-sm-opinion .filter>.filter-select-wrapper .filter-option-list {
    font-size: 13px;
    right: -19px;
    text-align: right;
    min-width: 109px;
    margin: 0;
    top: 20px;
    padding: 10px 0 10px 10px;
    background-color: rgba(255, 255, 255, .95)
}

.cmp-sm-opinion .filter>.filter-select-wrapper .filter-option-list .filter-option {
    color: #9b9b9b
}

.cmp-sm-opinion .filter>.filter-select-wrapper .filter-option-list .filter-option:first-child {
    border-top: none
}

.cmp-sm-opinion .see-more-link {
    margin-top: 13px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    text-transform: uppercase;
    color: #252121
}

.cmp-sm-opinion .see-more-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.cmp-sm-opinion .see-more-link .right-arrow {
    padding-left: 3px
}

.see-more-blog {
    padding: 15px 20px;
    background-color: #f2f0f0;
    margin-bottom: 15px
}

.see-more-blog.magazine {
    position: relative;
    background-color: #c4071b
}

.see-more-blog.magazine.grey {
    background-color: #f2f0f0
}

.see-more-blog.magazine .title {
    margin-bottom: 86px
}

.see-more-blog.magazine .posts-wrapper {
    padding-left: 0
}

.see-more-blog.magazine .posts-wrapper .post {
    background-color: rgba(255, 255, 255, .3)
}

.see-more-blog.magazine .posts-wrapper .post .post-text .post-category .post-num {
    display: inline-block;
    padding-right: 3px
}

.see-more-blog.magazine .posts-wrapper .post .post-text .post-title {
    display: block
}

.see-more-blog.magazine .posts-wrapper .post .post-text .post-title .post-num {
    display: none
}

.see-more-blog.magazine .posts-wrapper .post:first-child {
    display: flex;
    padding-bottom: 5px;
    border: none
}

.see-more-blog.magazine .posts-wrapper .post:first-child>a {
    display: flex;
    width: 100%
}

.see-more-blog.magazine .posts-wrapper .post:first-child .post-img {
    width: 50%
}

.see-more-blog.magazine .posts-wrapper .post:first-child .post-text {
    flex: 1 1 0%;
    padding: 3px 0;
    margin-right: 16px;
    margin-bottom: 35px;
    border-top: 1px solid color-InfoLibre;
    border-bottom: 1px solid color-InfoLibre
}

.see-more-blog.magazine .posts-wrapper .post:first-child .post-text .post-category {
    position: absolute;
    top: 54px;
    color: #000
}

.see-more-blog.magazine .posts-wrapper .post:first-child .post-text .post-category .post-num {
    display: none
}

.see-more-blog.magazine .posts-wrapper .post:first-child .post-text .post-title {
    line-height: 1.21;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.see-more-blog.magazine .posts-wrapper .post:first-child .post-text .post-title .post-num {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.38;
    letter-spacing: -0.1px
}

.see-more-blog.magazine .see-more-link {
    position: absolute;
    bottom: 20px
}

.see-more-blog .title {
    margin-bottom: 22px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.27;
    color: #252121
}

.see-more-blog .title>a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.27;
    color: #252121
}

.see-more-blog .title>a:hover {
    cursor: pointer;
    opacity: .6;
    text-decoration: none
}

.see-more-blog .posts-wrapper {
    padding-bottom: 13px;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.see-more-blog .posts-wrapper .post {
    padding: 5px 10px;
    background-color: #f9f8f8
}

.see-more-blog .posts-wrapper .post:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.see-more-blog .posts-wrapper .post>a:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.see-more-blog .posts-wrapper .post:first-child {
    order: 1;
    padding: 0 0 10px 0;
    border-bottom: 1px solid color-InfoLibre;
    background-color: transparent
}

.see-more-blog .posts-wrapper .post:first-child .post-img {
    display: block
}

.see-more-blog .posts-wrapper .post:first-child .post-text {
    margin-bottom: 18px
}

.see-more-blog .posts-wrapper .post:first-child .post-text .post-category,
.see-more-blog .posts-wrapper .post:first-child .post-text .post-title {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.29;
    letter-spacing: 0;
    color: #000;
    letter-spacing: normal
}

.see-more-blog .posts-wrapper .post:first-child .post-text .post-category .post-num,
.see-more-blog .posts-wrapper .post:first-child .post-text .post-title .post-num {
    display: none
}

.see-more-blog .posts-wrapper .post:first-child .post-text .post-category {
    color: #252121;
    display: inline
}

.see-more-blog .posts-wrapper .post .post-img {
    display: none;
    width: 100%;
    padding-top: 66.67%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.see-more-blog .posts-wrapper .post .post-text .post-category {
    color: inherit;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.27;
    color: #252121;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    display: block
}

.see-more-blog .posts-wrapper .post .post-text .post-title {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.29;
    color: #4a4a4a
}

.see-more-blog .see-more-link {
    margin-top: 13px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    text-transform: uppercase;
    color: #252121
}

.see-more-blog .see-more-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.see-more-blog .see-more-link .right-arrow {
    padding-left: 3px
}

@media only screen and (min-width: 768px)and (max-width: 1039px) {
    .col-lg-4 .see-more-blog {
        position: relative;
        padding: 20px
    }

    .col-lg-4 .see-more-blog.magazine {
        padding-bottom: 15px
    }

    .col-lg-4 .see-more-blog.magazine .posts-wrapper .post:first-child .post-img {
        width: 28.05%;
        padding-top: 37.34%
    }

    .col-lg-4 .see-more-blog.magazine .posts-wrapper .post:first-child .post-text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-right: 0;
        margin-bottom: 0;
        border: none
    }

    .col-lg-4 .see-more-blog.magazine .posts-wrapper .post:first-child .post-text .post-category {
        position: static
    }

    .col-lg-4 .see-more-blog.magazine .posts-wrapper .post:first-child .post-text .post-title {
        position: relative;
        max-width: 71.14%;
        margin-top: 16px
    }

    .col-lg-4 .see-more-blog.magazine .posts-wrapper .post:first-child .post-text .post-title::before {
        content: "";
        position: absolute;
        top: -8px;
        left: 0;
        height: 1px;
        width: 39.6%;
        border-top: 1px solid color-InfoLibre
    }

    .col-lg-4 .see-more-blog .title {
        position: absolute;
        margin: 0
    }
}

@media only screen and (min-width: 768px)and (max-width: 1039px)and (min-width : 768px)and (max-width : 1039px) {
    .col-lg-4 .see-more-blog .title {
        white-space: nowrap
    }
}

@media only screen and (min-width: 768px)and (max-width: 1039px) {
    .col-lg-4 .see-more-blog .posts-wrapper {
        display: flex;
        padding-bottom: 0
    }

    .col-lg-4 .see-more-blog .posts-wrapper .post {
        width: 30.23%;
        display: block
    }

    .col-lg-4 .see-more-blog .posts-wrapper .post:last-child {
        display: none
    }

    .col-lg-4 .see-more-blog .posts-wrapper .post:first-child {
        flex: 1 1 0%;
        padding-right: 20px;
        padding-bottom: 0;
        border-bottom: 0
    }

    .col-lg-4 .see-more-blog .posts-wrapper .post:first-child>a {
        display: flex
    }

    .col-lg-4 .see-more-blog .posts-wrapper .post:first-child .post-text {
        flex: 1 1 0%;
        margin-top: 30px;
        margin-bottom: 0
    }

    .col-lg-4 .see-more-blog .posts-wrapper .post:first-child .post-img {
        width: 50%;
        padding-top: 33.12%;
        margin-left: 20px
    }

    .col-lg-4 .see-more-blog .posts-wrapper .post:not(:first-child) {
        position: relative;
        margin-bottom: 45px;
        order: 2
    }

    .col-lg-4 .see-more-blog .posts-wrapper .post:not(:first-child)::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        left: 0;
        bottom: -9px;
        border-bottom: 1px solid color-InfoLibre
    }

    .col-lg-4 .see-more-blog .posts-wrapper .post:not(:first-child) .post-text {
        display: flex;
        flex-direction: column
    }

    .col-lg-4 .see-more-blog .posts-wrapper .post:not(:first-child) .post-text .post-category {
        margin-bottom: 3px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1039px) {
    .col-lg-4 .see-more-blog .see-more-link {
        position: absolute;
        bottom: 20px;
        left: calc(100% - 30.23% - 10px)
    }
}

@media only screen and (max-width : 767px) {
    .see-more-blog .posts-wrapper {
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
        margin-bottom: 13px;
        border-bottom: 1px solid color-InfoLibre
    }

    .see-more-blog .posts-wrapper .post:not(:first-child) {
        order: 2;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .see-more-blog .posts-wrapper .post:not(:first-child) .post-text .post-title {
        display: block;
        line-height: 1.25
    }

    .see-more-blog .posts-wrapper .post:first-child {
        border: none
    }
}

@media only screen and (min-width: 1040px) {
    .see-more-blog.magazine .posts-wrapper .post:first-child .post-img {
        width: 47.5%;
        padding-top: 63.21%
    }

    .see-more-blog .posts-wrapper {
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
        margin-bottom: 13px;
        border-bottom: 1px solid color-InfoLibre
    }

    .see-more-blog .posts-wrapper .post:not(:first-child) {
        order: 2;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .see-more-blog .posts-wrapper .post:not(:first-child) .post-text .post-title {
        display: block;
        line-height: 1.25
    }

    .see-more-blog .posts-wrapper .post:first-child {
        border: none
    }
}

@media only screen and (min-width: 1040px) {
    body:not(.partner) .see-more-blog:not(.magazine) .posts-wrapper .post.showNoPartner {
        display: block
    }

    body:not(.partner) .see-more-blog:not(.magazine) .posts-wrapper .post.showNoPartner .post-text .post-category {
        display: none
    }

    body:not(.partner) .see-more-blog.magazine .posts-wrapper {
        margin-bottom: 0;
        border-bottom: none
    }
}

.tematic-grouper {
    margin-bottom: 15px;
    padding: 15px 19px;
    border: 1px solid rgba(37, 33, 33, .2)
}

.tematic-grouper.black-mode {
    background-color: #000;
    border: none
}

.tematic-grouper.black-mode .title,
.tematic-grouper.black-mode .see-more-link {
    color: #fff
}

.tematic-grouper.black-mode .grouper {
    border-bottom: 1px solid #fff
}

.tematic-grouper.black-mode .grouper .post {
    background-color: rgba(74, 74, 74, .5)
}

.tematic-grouper.black-mode .grouper .post .post-content .post-title {
    color: #fff
}

.tematic-grouper.black-mode .grouper .post .post-content .post-title a {
    color: #fff
}

.tematic-grouper.tvguide-mode .title i {
    vertical-align: 10%;
    margin: 0 .1em 0 .4em
}

.tematic-grouper.tvguide-mode .grouper .post {
    background-color: #d8f0d8
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {

    .tematic-grouper.tvguide-mode .grouper .post:nth-child(5),
    .tematic-grouper.tvguide-mode .grouper .post:nth-child(6) {
        display: none
    }
}

.tematic-grouper.tvguide-mode .grouper .post .post-content .post-img {
    width: 134px
}

.tematic-grouper.tvguide-mode .grouper .post .post-content .post-title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 10px 6px
}

.tematic-grouper.tvguide-mode .grouper .post .post-content .post-title span {
    max-height: 52px
}

.tematic-grouper.tvguide-mode .grouper .post .post-content .post-title>* {
    font-weight: 700;
    color: #252121
}

.tematic-grouper.tvguide-mode .grouper .post .post-content .post-title .post-kicker {
    display: block;
    flex: 0 0 auto;
    margin: 0 0 5px;
    height: auto;
    font: 500 11px/1.2 "Roboto", sans-serif;
    letter-spacing: -0.02px;
    text-transform: uppercase;
    color: #4a4a4a
}

.tematic-grouper.tvguide-mode .grouper .post .post-content .post-title .post-anchor {
    display: block;
    flex: 1 1 auto;
    height: auto;
    font: 700 14px/17px "Roboto", sans-serif;
    letter-spacing: -0.02px;
    color: #252121;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.tematic-grouper.tvguide-mode .grouper .post .post-content .post-title .post-aux-info {
    display: block;
    flex: 0 0 auto;
    margin: 5px 0 0;
    font: 500 11px/1.2 "Roboto", sans-serif;
    letter-spacing: -0.02px;
    color: #000
}

.tematic-grouper.tvguide-mode .cmp-header {
    position: relative
}

.tematic-grouper.tvguide-mode .section-tabs {
    display: flex;
    justify-content: flex-end;
    height: 40px
}

.tematic-grouper.tvguide-mode .section-tabs>h2 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.31;
    color: #252121;
    margin-bottom: 0
}

.tematic-grouper.tvguide-mode .section-tabs>h2 a {
    color: inherit
}

.tematic-grouper.tvguide-mode .section-tabs>h2 a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.tematic-grouper.tvguide-mode .filter {
    align-items: center
}

.tematic-grouper.tvguide-mode .filter>.filter-select-wrapper .filter-selected-option {
    color: #4a4a4a;
    font-size: 13px;
    text-overflow: ellipsis;
    max-width: 60px;
    overflow: hidden;
    white-space: nowrap
}

.tematic-grouper.tvguide-mode .filter>.filter-select-wrapper .filter-selected-option:hover {
    opacity: 1
}

.tematic-grouper.tvguide-mode .filter>.filter-select-wrapper .filter-option-list {
    font-size: 13px;
    left: -30px;
    text-align: right;
    min-width: 109px;
    margin: 0;
    top: 20px;
    padding: 10px 0 10px 10px;
    background-color: rgba(255, 255, 255, .95)
}

.tematic-grouper.tvguide-mode .filter>.filter-select-wrapper .filter-option-list .filter-option {
    color: #9b9b9b
}

.tematic-grouper.tvguide-mode .filter>.filter-select-wrapper .filter-option-list .filter-option:first-child {
    border-top: none
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {
    .tematic-grouper.tvguide-mode {
        position: relative
    }

    .tematic-grouper.tvguide-mode .title {
        width: 133px;
        padding-right: 10px
    }

    .tematic-grouper.tvguide-mode .cmp-header {
        position: absolute;
        top: 80px;
        width: 113px
    }

    .tematic-grouper.tvguide-mode .grouper .post .post-content {
        height: 100%
    }

    .tematic-grouper.tvguide-mode .grouper .post .post-content .post-img {
        height: 90px;
        width: 100%
    }

    .tematic-grouper.tvguide-mode .grouper .post .post-content .post-title {
        padding: 10px
    }

    .tematic-grouper.tvguide-mode .grouper .post .post-content .post-title .post-kicker {
        margin-bottom: 0
    }

    .tematic-grouper.tvguide-mode .see-more-link {
        margin-left: 133px
    }
}

.tematic-grouper.opinion-mode .grouper .post .post-content .post-img {
    width: 90px;
    height: 90px;
    margin: 10px 10px 10px 40px;
    padding-top: 0
}

.tematic-grouper.opinion-mode .grouper .post .post-content .post-img img {
    border-radius: 50%
}

.tematic-grouper.opinion-mode .grouper .post .post-content .post-title {
    min-height: 92px
}

.tematic-grouper.opinion-mode .grouper .post .post-content .post-title span {
    height: auto;
    min-height: none
}

.tematic-grouper.opinion-mode .grouper .post .post-content .post-title .signature-link {
    display: block;
    margin-top: 3px;
    color: #c15562
}

.tematic-grouper.opinion-mode .grouper .post .post-content .post-title .signature-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.tematic-grouper .title,
.tematic-grouper .title-img-wrapper {
    margin-bottom: 22px
}

.tematic-grouper .title-img-wrapper .title-img {
    height: 30px;
    max-width: 100%
}

.tematic-grouper .title-link {
    color: inherit
}

.tematic-grouper .title-link:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.tematic-grouper .title {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.27;
    color: #252121;
    font-family: "Roboto", sans-serif;
    font-weight: 600
}

.tematic-grouper .grouper {
    margin-bottom: 14px;
    padding-left: 0;
    list-style-type: none;
    border-bottom: 1px solid rgba(37, 33, 33, .2)
}

.tematic-grouper .grouper .post {
    margin-bottom: 10px;
    background-color: #f2f0f0
}

@media only screen and (max-width: 1039px) {
    .tematic-grouper .grouper .post:nth-child(-n+4) {
        display: block
    }
}

.tematic-grouper .grouper .post.post-info {
    position: relative
}

.tematic-grouper .grouper .post.post-info .post-content {
    padding: 5px 10px 10px
}

.tematic-grouper .grouper .post.post-info .post-content .post-title {
    padding: 0 10px 0 0
}

.tematic-grouper .grouper .post.post-info .post-content .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tematic-grouper .grouper .post.post-info.openedInfo .post-header {
    display: none;
    flex-direction: column;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(232, 230, 230, .95)
}

.tematic-grouper .grouper .post.post-info.openedInfo .post-header .info-wrapper {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 10px 10px
}

.tematic-grouper .grouper .post.post-info.openedInfo>.post-header {
    display: flex
}

.tematic-grouper .grouper .post.post-info.openedInfo .post-content {
    padding-top: 32px
}

.tematic-grouper .grouper .post .post-header {
    background-color: #e8e6e6
}

.tematic-grouper .grouper .post .post-header .header-title-wrapper {
    width: calc(100% - 51.7%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px
}

.tematic-grouper .grouper .post .post-header .header-title-wrapper .info-title {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.42;
    color: #4a4a4a;
    padding-right: 5px;
    margin-bottom: 0
}

.tematic-grouper .grouper .post .post-header .header-title-wrapper .info-icon {
    font-size: 14px;
    color: #4a4a4a
}

.tematic-grouper .grouper .post .post-header .header-title-wrapper .info-icon:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.tematic-grouper .grouper .post .post-header .info-wrapper {
    display: none
}

.tematic-grouper .grouper .post .post-header .info-wrapper .info,
.tematic-grouper .grouper .post .post-header .info-wrapper .more-info-link {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33;
    text-transform: uppercase;
    color: #9b9b9b;
    letter-spacing: -0.1px
}

.tematic-grouper .grouper .post .post-header .info-wrapper .info {
    margin-bottom: 0;
    text-transform: none;
    color: #4a4a4a
}

.tematic-grouper .grouper .post .post-header .info-wrapper .more-info-link {
    color: #252121
}

.tematic-grouper .grouper .post .post-header .info-wrapper .more-info-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.tematic-grouper .grouper .post .post-content {
    display: flex
}

.tematic-grouper .grouper .post .post-content .post-header {
    display: none
}

.tematic-grouper .grouper .post .post-content .post-title {
    flex: 1 1 0%;
    padding: 10px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.29;
    color: #4a4a4a
}

.tematic-grouper .grouper .post .post-content .post-title a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.29;
    color: #4a4a4a;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 92px
}

.tematic-grouper .grouper .post .post-content .post-title a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.tematic-grouper .grouper .post .post-content .post-title span {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 92px;
    max-height: 92px
}

.tematic-grouper .grouper .post .post-content .post-title .signature-link {
    display: none
}

.tematic-grouper .grouper .post .post-content .post-img {
    width: 154px;
    height: 104px
}

.tematic-grouper .grouper .post .post-content .post-img:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.tematic-grouper .grouper .post .post-content .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tematic-grouper .see-more-link {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    text-transform: uppercase;
    color: #252121;
    display: block;
    text-align: right
}

.tematic-grouper .see-more-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

@media only screen and (min-width: 768px)and (max-width: 1039px) {
    .tematic-grouper {
        display: flex;
        flex-wrap: wrap;
        padding: 20px 20px 10px
    }

    .tematic-grouper.black-mode {
        padding-bottom: 20px
    }

    .tematic-grouper.opinion-mode .title {
        padding-right: 9px
    }

    .tematic-grouper.opinion-mode .grouper .post {
        min-height: 250px
    }

    .tematic-grouper.opinion-mode .grouper .post .post-content .post-img {
        margin-left: 10px;
        margin-bottom: 5px
    }

    .tematic-grouper .title,
    .tematic-grouper .title-img-wrapper {
        width: 113px;
        padding-right: 30px;
        margin: 0
    }

    .tematic-grouper .grouper {
        flex: 1 1 0%;
        display: flex
    }

    .tematic-grouper .grouper .post {
        width: 25%;
        min-height: 210px;
        margin-right: 12px
    }

    .tematic-grouper .grouper .post:nth-child(4) {
        margin-right: 0
    }

    .tematic-grouper .grouper .post:last-child {
        margin-right: 0
    }

    .tematic-grouper .grouper .post.post-info .post-content {
        padding: 0
    }

    .tematic-grouper .grouper .post.post-info .post-content .post-header {
        order: 2;
        width: 100%;
        display: flex
    }

    .tematic-grouper .grouper .post.post-info .post-content .post-header .header-title-wrapper {
        width: 100%
    }

    .tematic-grouper .grouper .post.post-info .post-content .post-title {
        padding: 5px 10px
    }

    .tematic-grouper .grouper .post.post-info .post-content .post-img {
        margin-top: 0;
        padding-top: 64.1%
    }

    .tematic-grouper .grouper .post.post-info.openedInfo .post-header {
        display: flex;
        position: static
    }

    .tematic-grouper .grouper .post.post-info.openedInfo .post-header .info-wrapper {
        padding: 8px 10px 12px
    }

    .tematic-grouper .grouper .post.post-info.openedInfo .post-header .info-wrapper .info {
        margin-bottom: 14px
    }

    .tematic-grouper .grouper .post.post-info.openedInfo>.post-header {
        display: none
    }

    .tematic-grouper .grouper .post.post-info.openedInfo .post-title {
        display: none
    }

    .tematic-grouper .grouper .post.post-info.openedInfo .post-content {
        padding-top: 0
    }

    .tematic-grouper .grouper .post .post-header {
        display: none
    }

    .tematic-grouper .grouper .post .post-content {
        flex-direction: column
    }

    .tematic-grouper .grouper .post .post-content .post-title {
        order: 3
    }

    .tematic-grouper .grouper .post .post-content .post-img {
        width: 138px;
        height: 90px
    }

    .tematic-grouper .grouper .post .post-content .post-img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .tematic-grouper .see-more-link {
        width: 100%;
        margin-left: 113px
    }
}

@media only screen and (min-width: 1040px) {
    .tematic-grouper.opinion-mode .grouper .post .post-content .post-img {
        margin-left: 12px
    }
}

.secondary-content .tematic-grouper:not(.has-view-more) .grouper {
    margin-bottom: 0;
    border-bottom: 0 !important
}

.branded-content {
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #fff;
    margin: 0 0 15px;
    padding: 8px 10px 10px;
    border: 1px solid gray
}

.branded-content .title {
    display: flex;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    color: #252121;
    line-height: 15px;
    margin-bottom: 30px
}

.branded-content .title>span,
.branded-content .title img {
    display: block;
    white-space: nowrap;
    min-height: 14px;
    margin: 2px 11px 0 0;
    max-height: 15px
}

.branded-content .title .dotted-lines {
    position: relative;
    top: 2px;
    width: 100%;
    margin-right: 22px
}

.branded-content .info-icon {
    position: absolute;
    right: 10px;
    margin-top: 1.5px;
    font-size: 14px;
    color: #9b9b9b
}

.branded-content .info-icon:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.branded-content .info-wrapper {
    display: none;
    position: absolute;
    flex-wrap: wrap;
    z-index: 2;
    left: 0;
    right: 0;
    top: 25px;
    width: 100%;
    padding: 8px 10px 4px;
    background-color: rgba(255, 255, 255, .9)
}

.branded-content .info-wrapper .info,
.branded-content .info-wrapper .more-info-link {
    font: 400 10px/1.2 "Roboto", sans-serif;
    color: #000;
    text-align: right;
    min-width: 166px;
    width: 50%;
    margin-left: auto
}

.branded-content .info-wrapper .info {
    opacity: .75;
    margin-bottom: 0;
    padding: 6px 0 10px
}

.branded-content .info-wrapper .more-info-link {
    display: block;
    color: #252121
}

.branded-content .info-wrapper .more-info-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.branded-content.openedInfo .info-wrapper {
    display: block
}

.branded-content .body {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid gray;
    margin-bottom: 10px;
    padding-bottom: 8px
}

.branded-content .body:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0 none
}

.branded-content .body .header {
    flex: 1 1 auto;
    margin: 0;
    background-color: rgba(37, 33, 33, .08)
}

.branded-content .body .header a {
    display: block;
    font: 400 14px/18px "Roboto", sans-serif;
    color: #000;
    margin: 5px 8px 0
}

.branded-content .body .header a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.branded-content .body .image {
    height: 100%;
    width: 100%
}

.branded-content .body.list--one-element {
    flex-direction: column-reverse
}

.branded-content .body.list--one-element .header a {
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.31;
    margin-bottom: 30px
}

.branded-content .body:not(.list--one-element) .header:last-child {
    flex: 1 1 auto
}

.branded-content .body:not(.list--one-element) .header:last-child a {
    padding-bottom: 5px
}

.branded-content .body:not(.list--one-element) .header {
    overflow: hidden;
    max-height: 102px
}

.branded-content .body:not(.list--one-element) .header a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden
}

.branded-content .body:not(.list--one-element) .image {
    flex: 0 0 152px;
    height: 102px;
    max-width: 52%;
    min-height: 102px;
    width: 152px
}

.branded-content .body:not(.list--one-element) .image img {
    min-height: 102px;
    object-fit: cover
}

.branded-content.bc-template .header {
    background-color: #fff
}

.branded-content.bc-template .body.list--one-element .header a {
    margin-bottom: 20px
}

.branded-content.bc-template .body:not(.list--one-element) .header:last-child a {
    padding-bottom: 0
}

.branded-content.bc-template .body:not(.list--one-element) .header a {
    -webkit-line-clamp: 6;
    margin-left: 0;
    margin-top: -3px;
    line-height: 17.5px
}

.home-page .branded-grouper.grid-container {
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #fff;
    margin: 0 -10px 25px !important;
    padding: 0 10px 10px
}

.home-page .branded-grouper.grid-container.blue {
    padding-top: 10px;
    background-color: rgba(37, 33, 33, .08)
}

.home-page .branded-grouper.grid-container .title {
    display: flex;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    color: #252121;
    line-height: 15px;
    margin-bottom: 32px
}

@media only screen and (min-width : 768px) {
    .home-page .branded-grouper.grid-container .title {
        margin-bottom: 30px
    }
}

.home-page .branded-grouper.grid-container .title>span,
.home-page .branded-grouper.grid-container .title img {
    display: block;
    white-space: nowrap;
    min-height: 16px;
    margin: 0 11px 0 0;
    max-height: 15px
}

.home-page .branded-grouper.grid-container .title .dotted-lines {
    position: relative;
    top: 2px;
    width: 100%;
    margin-right: 22px
}

.home-page .branded-grouper.grid-container .info-icon {
    position: absolute;
    right: 10px;
    margin-top: 1.5px;
    font-size: 14px;
    color: #9b9b9b
}

.home-page .branded-grouper.grid-container .info-icon:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.home-page .branded-grouper.grid-container .info-wrapper {
    display: none;
    position: absolute;
    flex-wrap: wrap;
    z-index: 2;
    left: 0;
    right: 0;
    top: 25px;
    width: 100%;
    padding: 8px 10px 4px;
    background-color: rgba(255, 255, 255, .9)
}

.home-page .branded-grouper.grid-container .info-wrapper .info,
.home-page .branded-grouper.grid-container .info-wrapper .more-info-link {
    font: 400 10px/1.2 "Roboto", sans-serif;
    color: #000;
    text-align: right;
    min-width: 166px;
    margin-left: auto
}

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

    .home-page .branded-grouper.grid-container .info-wrapper .info,
    .home-page .branded-grouper.grid-container .info-wrapper .more-info-link {
        width: 50%
    }
}

.home-page .branded-grouper.grid-container .info-wrapper .info {
    opacity: .75;
    margin-bottom: 0;
    padding: 6px 0 10px
}

.home-page .branded-grouper.grid-container .info-wrapper .more-info-link {
    display: block;
    color: #252121
}

.home-page .branded-grouper.grid-container .info-wrapper .more-info-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

@media only screen and (min-width : 768px) {
    .home-page .branded-grouper.grid-container .info-wrapper {
        text-align: right;
        padding-top: 0;
        margin-top: -10px;
        background-color: transparent !important
    }

    .home-page .branded-grouper.grid-container .info-wrapper .info,
    .home-page .branded-grouper.grid-container .info-wrapper .more-info-link {
        display: inline-block;
        min-width: auto
    }
}

.home-page .branded-grouper.grid-container.blue .info-wrapper {
    background-color: rgba(233, 241, 244, .9)
}

.home-page .branded-grouper.grid-container.openedInfo .info-wrapper {
    display: block
}

.home-page .branded-grouper.grid-container .row div[class^=col-] {
    padding-bottom: 0 !important
}

@media only screen and (max-width : 767px) {
    .home-page .branded-grouper.grid-container>.row>.col-12:first-child .md__new {
        padding-top: 0 !important
    }
}

.home-page .branded-grouper.grid-container .md__new {
    margin-bottom: 10px
}

@media only screen and (max-width : 767px) {
    .home-page .branded-grouper.grid-container .md__new {
        margin-bottom: 5px !important;
        margin-top: 5px !important;
        padding-top: 8px !important
    }
}

.home-page .branded-grouper.grid-container .md__new .ni-title {
    overflow: hidden;
    margin-bottom: 0;
    flex: 1 1 100%
}

.home-page .branded-grouper.grid-container .md__new .ni-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font: 400 14px/18px "Roboto", sans-serif;
    color: #000;
    letter-spacing: normal;
    margin: 0
}

@media only screen and (max-width : 767px) {
    .home-page .branded-grouper.grid-container .md__new .ni-title a {
        -webkit-line-clamp: 5;
        overflow: hidden
    }
}

@media only screen and (min-width : 768px) {
    .home-page .branded-grouper.grid-container .md__new .ni-title a {
        font-size: 16px;
        line-height: 21px
    }
}

.home-page .branded-grouper.grid-container .md__new .ni-title a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

@media only screen and (max-width : 767px) {
    .home-page .branded-grouper.grid-container .md__new .ni-figure {
        flex: 0 0 152px;
        height: 102px;
        max-width: 52%;
        min-height: 102px;
        width: 152px
    }

    .home-page .branded-grouper.grid-container .md__new .ni-figure img {
        min-height: 102px;
        object-fit: cover
    }

    .home-page .branded-grouper.grid-container .md__new .ni-figure~.ni-title {
        height: 102px;
        max-width: none
    }
}

.home-page .branded-grouper.grid-container .md__new .ni-epigraph,
.home-page .branded-grouper.grid-container .md__new .ni-info {
    display: none
}

.home-page .branded-grouper.grid-container.blue {
    padding-bottom: 6px
}

@media only screen and (min-width : 768px) {
    .home-page .branded-grouper.grid-container.blue {
        padding-bottom: 14px;
        border: transparent none !important
    }
}

@media only screen and (min-width : 1040px) {
    .home-page .branded-grouper.grid-container.blue {
        margin-left: -20px !important;
        margin-right: -20px !important;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width : 768px) {
    .home-page .branded-grouper.grid-container.blue>.row>.col-12 {
        margin-bottom: 10px !important;
        padding-top: 0 !important
    }

    .home-page .branded-grouper.grid-container.blue .info-wrapper {
        margin-top: 1px
    }
}

.home-page .branded-grouper.grid-container.blue .fa-info-circle:before {
    border-radius: 50%;
    background: #fff
}

.home-page .branded-grouper.grid-container.blue .md__new .ni-title {
    background-color: #eff4f7
}

@media only screen and (max-width : 767px) {
    .home-page .branded-grouper.grid-container.blue .md__new {
        display: flex;
        width: 100%
    }

    .home-page .branded-grouper.grid-container.blue .md__new .ni-figure {
        order: 2
    }

    .home-page .branded-grouper.grid-container.blue .md__new .ni-figure~.ni-title {
        margin-right: -13px;
        padding-right: 10px
    }

    .home-page .branded-grouper.grid-container.blue .md__new .ni-figure~.ni-title a {
        margin: 0 0 0 8px;
        margin-top: 7px
    }
}

@media only screen and (min-width : 768px) {
    .home-page .branded-grouper.grid-container.blue .md__new {
        height: 100%;
        background-color: #eff4f7
    }

    .home-page .branded-grouper.grid-container.blue .md__new .ni-title {
        padding: 2px 10px 12px
    }
}

@media only screen and (min-width : 1040px) {
    .home-page .branded-grouper.grid-container.blue .md__new .ni-title {
        padding-left: 20px;
        padding-right: 20px
    }
}

.kiosko-net {
    background-color: #f2f0f0
}

.kiosko-net .kiosko-title {
    padding: 15px 20px 13px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.27;
    letter-spacing: 0;
    color: #c15562;
    font-size: 15px;
    letter-spacing: normal;
    color: #252121
}

.kiosko-net .kiosko-title .kiosko-subtitle {
    font-family: "Roboto", sans-serif;
    font-weight: 500
}

.kiosko-net .kiosko-description {
    padding: 10px 20px 18px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.29;
    letter-spacing: 0;
    color: #000;
    line-height: normal
}

.kiosko-net .owl-carousel .owl-stage {
    margin-left: -35px
}

.kiosko-net .owl-carousel .owl-stage .owl-item {
    padding: 0 2.5px
}

.kiosko-net .owl-carousel .owl-stage .owl-item .item {
    display: block;
    padding-top: 138.36%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.kiosko-net .owl-carousel .owl-stage .owl-item .item:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.kiosko-net .owl-carousel .owl-nav {
    display: none
}

.kiosko-net .owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 19px 0
}

.kiosko-net .owl-carousel .owl-dots .owl-dot {
    outline: none
}

.kiosko-net .owl-carousel .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 3px;
    background: #9b9b9b;
    opacity: .4
}

.kiosko-net .owl-carousel .owl-dots .owl-dot.active span {
    background: #252121;
    opacity: 1
}

.kiosko-net .link-wrapper {
    padding: 12px 0 18px;
    margin: 0 20px 0;
    border-top: 1px solid #252121
}

.kiosko-net .link-wrapper .see-more-link {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    text-transform: uppercase;
    color: #252121
}

.kiosko-net .link-wrapper .see-more-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .kiosko-net .owl-carousel .owl-stage .owl-item {
        padding: 0 8px
    }

    .kiosko-net .owl-carousel .owl-stage .owl-item .item {
        padding-top: 149%
    }

    .kiosko-net .owl-carousel .owl-dots {
        margin: 15px 0 23px
    }
}

@media only screen and (min-width: 1040px) {
    .kiosko-net .owl-carousel {
        padding: 0 31px;
        margin-bottom: 30px
    }

    .kiosko-net .owl-carousel .owl-stage {
        margin-left: 0
    }

    .kiosko-net .owl-carousel .owl-stage .owl-item {
        padding: 0 6px
    }

    .kiosko-net .owl-carousel .owl-dots {
        display: none
    }

    .kiosko-net .owl-carousel .owl-nav {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
        margin: 0 8px
    }

    .kiosko-net .owl-carousel .owl-nav button {
        display: flex;
        align-items: center;
        outline: none;
        color: #9b9b9b
    }

    .kiosko-net .owl-carousel .owl-nav button:hover {
        background: transparent;
        color: #9b9b9b
    }

    .kiosko-net .owl-carousel .owl-nav button.disabled {
        opacity: .27
    }

    .kiosko-net .owl-carousel .owl-nav button i {
        font-size: 20px
    }
}

.cmp-sm-minute-by-minute {
    border: 1px solid rgba(37, 33, 33, .2);
    height: 600px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 15px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute {
        display: flex;
        padding: 0;
        height: 250px
    }
}

@media(max-width: 767px) {
    .cmp-sm-minute-by-minute {
        height: 550px
    }
}

.cmp-sm-minute-by-minute .cmp-sm-header {
    background-color: #fff;
    min-height: 90px;
    max-height: 88px;
    position: relative
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-header {
        min-width: 150px;
        min-height: 100%;
        max-height: 100%;
        padding: 10px 0 10px 10px
    }
}

.cmp-sm-minute-by-minute .cmp-sm-header .content-header {
    background-color: #f2f0f0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    padding: 8px;
    min-height: 73px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-header .content-header {
        height: 100%;
        display: flex;
        flex-direction: column;
        max-width: 151px;
        margin: 0;
        padding: 10px
    }
}

.cmp-sm-minute-by-minute .cmp-sm-header .content-header .icon-minute-by-minute {
    background-image: url(/live-icon.h-a554ccb4d6f0a861a46e059954db6529-15905d17.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    margin: 5px 15px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-header .content-header .icon-minute-by-minute {
        margin: 0 0 15px
    }
}

.cmp-sm-minute-by-minute .cmp-sm-header .content-header .content-new {
    width: calc(100% - 57px);
    display: flex;
    flex-direction: column;
    text-decoration: none
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-header .content-header .content-new {
        width: 100%
    }
}

.cmp-sm-minute-by-minute .cmp-sm-header .content-header .content-new>span:first-child {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.26;
    letter-spacing: 0;
    color: #252121;
    font-size: 18px;
    line-height: 1.27;
    color: #c15562
}

.cmp-sm-minute-by-minute .cmp-sm-header .content-header .content-new>span:last-child {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.26;
    letter-spacing: 0;
    color: #252121;
    line-height: 1.27;
    color: #000
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-header .content-header .content-new>span:last-child {
        display: block !important
    }
}

.cmp-sm-minute-by-minute .cmp-sm-header:after {
    content: "";
    position: absolute;
    z-index: 1;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d8d8d8 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d8d8d8 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d8d8d8 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d8d8d8 100%);
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #d8d8d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d8d8d8", GradientType=1);
    height: 15px;
    width: 100%;
    bottom: 0
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-header:after {
        display: none
    }
}

.cmp-sm-minute-by-minute .cmp-sm-content {
    position: absolute;
    top: 92px;
    bottom: 10px;
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    margin-bottom: 0
}

.cmp-sm-minute-by-minute .cmp-sm-content picture~.image-footer {
    display: none
}

.cmp-sm-minute-by-minute .cmp-sm-content.isfooter {
    bottom: 47px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-content {
        position: static;
        border-left: 1px solid rgba(37, 33, 33, .2);
        margin-left: 10px;
        padding: 10px 40px 10px 10px;
        display: flex;
        flex-wrap: wrap
    }

    .cmp-sm-minute-by-minute .cmp-sm-content .second-col {
        max-width: 100%
    }
}

.cmp-sm-minute-by-minute .cmp-sm-content .image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 273px;
    height: 174px;
    margin-bottom: 10px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-content .image {
        width: 181px;
        height: 111px;
        margin-bottom: 0
    }
}

@media(max-width: 767px) {
    .cmp-sm-minute-by-minute .cmp-sm-content .image {
        width: 100%;
        height: 200px
    }
}

.cmp-sm-minute-by-minute .cmp-sm-content .item {
    display: block;
    position: relative;
    margin-bottom: 15px
}

.cmp-sm-minute-by-minute .cmp-sm-content .item:not(.day-item) {
    padding-bottom: 5px
}

@media(max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-content .item:not(.day-item) {
        border-bottom: 1px #585858 solid
    }
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-content .item:not(.day-item) {
        padding-bottom: 15px
    }
}

.cmp-sm-minute-by-minute .cmp-sm-content .item a {
    text-decoration: none
}

.cmp-sm-minute-by-minute .cmp-sm-content .item a:hover {
    opacity: .8
}

@media(min-width: 768px) {
    .cmp-sm-minute-by-minute .cmp-sm-content .item {
        display: flex
    }
}

.cmp-sm-minute-by-minute .cmp-sm-content .item.day-item {
    margin: 0 0 10px;
    padding-top: 10px;
    display: none
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-content .item {
        width: 100%;
        flex-wrap: nowrap;
        flex-direction: column
    }

    .cmp-sm-minute-by-minute .cmp-sm-content .item .img-new {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .cmp-sm-minute-by-minute .cmp-sm-content .item .new-description {
        width: 100%;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.41;
        letter-spacing: 0;
        color: #4a4a4a;
        padding: 0 30px 0 20px;
        margin-bottom: 0;
        overflow: hidden
    }

    .cmp-sm-minute-by-minute .cmp-sm-content .item .cont-description figure {
        margin-left: 20px
    }

    .cmp-sm-minute-by-minute .cmp-sm-content .item .hide-content {
        width: calc(100% - 190px);
        height: 47px;
        margin-top: -40px;
        background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0), rgba(255, 255, 255, 0.65), #ffffff 88%, #ffffff)
    }

    .cmp-sm-minute-by-minute .cmp-sm-content .item .new-hour {
        display: block;
        position: absolute;
        top: 114px;
        width: 181px;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.27;
        color: #c15562
    }

    .cmp-sm-minute-by-minute .cmp-sm-content .item h3 {
        margin-bottom: 0
    }

    .cmp-sm-minute-by-minute .cmp-sm-content .item .new-title {
        display: block;
        position: absolute;
        top: 135px;
        width: 181px;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.27;
        color: #000;
        z-index: 1
    }

    .cmp-sm-minute-by-minute .cmp-sm-content .item .new-title:hover {
        text-decoration: none;
        opacity: .6;
        cursor: pointer
    }

    .cmp-sm-minute-by-minute .cmp-sm-content .item.no-img .new-hour {
        top: 0
    }

    .cmp-sm-minute-by-minute .cmp-sm-content .item.no-img .new-title {
        top: 21px
    }
}

.cmp-sm-minute-by-minute .cmp-sm-content .item:last-child {
    margin-bottom: 25px
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-first-col {
    width: 53px
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-first-col>span {
    display: block;
    position: relative;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.21;
    letter-spacing: -0.2px;
    color: #c15562;
    font-size: 13px
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col {
    flex: 1 1 80%;
    max-width: 100%
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col>* {
    width: 100%
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col h3 {
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.21;
    letter-spacing: 0;
    color: #4a4a4a
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col .day-title {
    display: none;
    position: relative;
    margin-bottom: 10px;
    font: 700 14px/1.21 "Roboto", sans-serif;
    color: #c15562
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col .day-title:first-letter {
    text-transform: uppercase
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col .day-title {
        display: block
    }
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col a.new-title {
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.21;
    letter-spacing: 0;
    color: #4a4a4a;
    font-size: 15px;
    color: #000
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col a.new-title:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col a.new-title {
        position: absolute;
        top: 20px;
        display: block;
        max-width: 150px
    }
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col div.cont-description {
    height: 80px;
    overflow: hidden
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col div.cont-description {
        padding-top: 10px
    }
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col div.cont-description>p.new-description {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.21;
    letter-spacing: 0;
    color: #4a4a4a
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col div.cont-description>p.new-description a {
    color: #252121
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col div.cont-description>* {
    margin-bottom: 10px
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col div.cont-description>.image {
    width: 100%;
    background-size: contain
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col div.cont-description audio {
    width: 100%
}

@media(min-width: 1039px) {

    .cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col div.cont-description figure,
    .cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col div.cont-description .embed-container {
        max-width: 250px
    }
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col div.cont-description .twitter-tweet {
    width: auto !important;
    min-width: auto !important
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col div.cont-description .instagram-media {
    width: 100%;
    min-width: auto !important
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .sm-second-col>.hide-box {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -10px;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0), rgba(255, 255, 255, 0.65), #ffffff 88%, #ffffff)
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .more-item {
    position: absolute;
    bottom: -15px;
    width: 100%;
    text-align: center
}

.cmp-sm-minute-by-minute .cmp-sm-content .item .more-item a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #c15562;
    text-transform: uppercase;
    text-decoration: none
}

@media(min-width: 768px) {
    .cmp-sm-minute-by-minute .cmp-sm-content .item .more-item {
        bottom: -30px
    }
}

.cmp-sm-minute-by-minute .cmp-sm-footer {
    position: absolute;
    bottom: 0;
    height: 47px;
    border-top: 1px solid rgba(37, 33, 33, .2);
    left: 0;
    right: 0;
    display: flex;
    align-items: center
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-footer {
        position: static;
        min-width: 105px;
        border-top: none;
        border-left: 1px solid rgba(37, 33, 33, .2);
        height: auto;
        align-items: flex-start
    }
}

@media(max-width: 767px) {
    .cmp-sm-minute-by-minute .cmp-sm-footer {
        justify-content: center;
        height: 62px;
        background-color: #fff
    }
}

@media(min-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-footer {
        left: 15px;
        right: 15px
    }
}

.cmp-sm-minute-by-minute .cmp-sm-footer>a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #9b9b9b;
    color: #c15562;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none
}

.cmp-sm-minute-by-minute .cmp-sm-footer>a i {
    margin-left: 5px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute .cmp-sm-footer>a {
        padding: 10px;
        line-height: 1.4
    }

    .cmp-sm-minute-by-minute .cmp-sm-footer>a i {
        display: block;
        margin-left: 0;
        margin-top: 5px;
        font-size: 24px
    }
}

@media(max-width: 767px) {
    .cmp-sm-minute-by-minute .cmp-sm-footer>a i {
        text-align: center;
        display: block;
        margin-left: 0;
        transform: rotate(-270deg);
        font-size: 19px
    }
}

.cmp-last-posts .post-item p.article-text strong {
    font-size: 18px
}

@media only screen and (max-width: 640px) {
    .cmp-last-posts .post-item p.article-text strong {
        font-size: 17px
    }
}

.cmp-sm-minute-by-minute-politician {
    border: 1px solid gray;
    max-height: 600px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 15px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician {
        display: flex;
        padding: 0;
        height: 250px
    }
}

@media(max-width: 767px) {
    .cmp-sm-minute-by-minute-politician {
        max-height: inherit
    }
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician div.cont-description {
        padding-left: 181px;
        margin-top: -30px
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-header {
    background-color: #fff;
    min-height: 67px;
    position: relative
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-header {
        min-height: 100%;
        max-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 10px 0 10px 10px
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-header .content-header {
    background-color: #f2f0f0;
    margin: 10px 10px 0 10px;
    display: flex;
    align-items: center;
    padding: 8px;
    min-height: 52px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-header .content-header {
        height: 100%;
        display: flex;
        flex-direction: column;
        max-width: 151px;
        margin: 0;
        padding: 10px;
        align-items: flex-start
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-header .content-header .icon-minute-by-minute {
    background-image: url(/live-icon-politician.h-a554ccb4d6f0a861a46e059954db6529-15905d17.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    margin: 5px 15px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-header .content-header .icon-minute-by-minute {
        margin: 0 0 15px
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-header .content-header .content-new {
    width: calc(100% - 57px);
    display: flex;
    flex-direction: column;
    text-decoration: none
}

.cmp-sm-minute-by-minute-politician .cmp-sm-header .content-header .content-new .titlePolitician {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.21;
    letter-spacing: 0;
    color: #4a4a4a;
    color: #d0021b;
    font-size: 15px;
    line-height: 19px
}

.cmp-sm-minute-by-minute-politician .cmp-sm-header .content-header .content-new .titlePolitician strong {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.21;
    letter-spacing: 0;
    color: #4a4a4a;
    color: #d0021b;
    font-size: 15px;
    line-height: 19px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-header .content-header .content-new {
        width: 100%
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-header:after {
    content: "";
    background: #fff;
    background: -moz-linear-gradient(top, white 0%, #d8d8d8 100%);
    background: -webkit-linear-gradient(top, white 0%, #d8d8d8 100%);
    background: -o-linear-gradient(top, white 0%, #d8d8d8 100%);
    background: -ms-linear-gradient(top, white 0%, #d8d8d8 100%);
    background: linear-gradient(to top, white 0%, #d8d8d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d8d8d8", GradientType=1);
    position: absolute;
    height: 10px;
    width: 100%;
    bottom: -8px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-header:after {
        display: none
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-summary {
    background-color: #d0021b;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 20px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.21;
    letter-spacing: 0;
    color: #4a4a4a
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-summary {
        padding: 0 10px
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-summary span.lineseparator {
    height: 2px;
    width: 100%;
    background-color: #fff;
    opacity: .37
}

.cmp-sm-minute-by-minute-politician .cmp-sm-summary a {
    margin: 10px 0;
    color: #fff
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-summary a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding-bottom: 0
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-summary a i {
    margin-right: 10px;
    font-size: 12px;
    line-height: 19px
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content {
    position: relative;
    top: 0;
    bottom: 47px;
    left: 0;
    right: 0;
    overflow-y: auto;
    padding: 20px;
    margin-bottom: 0;
    max-height: 360px
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .news-image+.image-footer {
    display: none
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-content {
        position: static;
        border-left: 1px solid gray;
        margin-left: 10px;
        padding: 10px;
        display: flex;
        flex-wrap: wrap
    }

    .cmp-sm-minute-by-minute-politician .cmp-sm-content .second-col {
        max-width: 100%
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 273px;
    height: 174px;
    margin-bottom: 10px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-content .image {
        width: 181px;
        height: 111px;
        margin-bottom: 0
    }
}

@media(max-width: 767px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-content .image {
        width: 100%;
        height: 200px
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item {
    display: flex;
    position: relative;
    margin-bottom: 45px
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item.day-item {
    border-top: 1px solid gray;
    margin: 0 0 10px;
    padding-top: 10px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item {
        width: 100%;
        flex-wrap: nowrap;
        flex-direction: column;
        margin-bottom: 50px
    }

    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item .img-new {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item .new-description {
        width: 100%;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.41;
        letter-spacing: 0;
        color: #4a4a4a;
        padding: 0 30px 0 20px;
        margin-bottom: 0;
        overflow: hidden
    }

    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item .hide-content {
        width: calc(100% - 190px);
        height: 47px;
        margin-top: -40px;
        background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0), rgba(255, 255, 255, 0.65), #ffffff 88%, #ffffff)
    }

    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item .new-hour {
        display: block;
        position: absolute;
        top: 114px;
        width: 181px;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        line-height: 1.27;
        font-size: 15px;
        color: #d0021b
    }

    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item h3 {
        margin-bottom: 0
    }

    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item .new-title {
        display: block;
        position: absolute;
        top: 135px;
        width: 181px;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.27;
        color: #000;
        z-index: 1
    }

    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item .new-title:hover {
        text-decoration: none;
        opacity: .6;
        cursor: pointer
    }

    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item.no-img .new-hour {
        top: 0
    }

    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item.no-img .new-title {
        top: 21px
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item:last-child {
    margin-bottom: 25px
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-first-col {
    width: 53px
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-first-col>span {
    display: block;
    position: relative;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.21;
    letter-spacing: -0.2px;
    color: #c15562;
    color: #d0021b
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col {
    flex: 1 1 80%;
    max-width: 80%
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col {
        max-width: inherit
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col>* {
    width: 100%
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col h3 {
    margin-bottom: 0
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col .day-title {
    display: block;
    position: relative;
    margin-bottom: 10px;
    font: 700 14px/1.21 "Roboto", sans-serif;
    color: #d0021b
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col .day-title:first-letter {
    text-transform: uppercase
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col .day-title {
        position: absolute;
        top: 40px;
        display: block;
        max-width: 150px
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col a.new-title {
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.21;
    letter-spacing: 0;
    color: #4a4a4a
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col a.new-title:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col a.new-title {
        position: absolute;
        top: 40px;
        display: block;
        max-width: 150px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding-bottom: 0
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col div.cont-description {
    height: 80px;
    overflow: hidden
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col div.cont-description {
        padding-top: 10px
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col div.cont-description>p.new-description {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.21;
    letter-spacing: 0;
    color: #4a4a4a
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col div.cont-description>p.new-description a {
    color: #252121
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col div.cont-description>* {
    margin-bottom: 10px
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col div.cont-description audio {
    width: 100%
}

@media(min-width: 1039px) {

    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col div.cont-description figure,
    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col div.cont-description .embed-container {
        max-width: 250px
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col div.cont-description .twitter-tweet {
    width: auto !important;
    min-width: auto !important
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col div.cont-description .instagram-media {
    width: 100%;
    min-width: auto !important
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .sm-second-col>.hide-box {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -10px;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0), rgba(255, 255, 255, 0.65), #ffffff 88%, #ffffff)
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .more-item {
    position: absolute;
    bottom: -30px;
    left: 20%
}

.cmp-sm-minute-by-minute-politician .cmp-sm-content .item .more-item i {
    font-size: 22px;
    color: #9b9b9b;
    opacity: .75;
    cursor: pointer
}

@media(max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-content .item .more-item {
        left: 55%
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-footer {
    position: relative;
    bottom: 0;
    height: 47px;
    border-top: 1px solid gray;
    margin: 0 15px;
    display: flex;
    align-items: center
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-footer {
        position: static;
        min-width: 105px;
        border-top: none;
        border-left: 1px solid gray;
        height: auto;
        align-items: flex-start;
        margin-bottom: 10px
    }
}

@media(max-width: 767px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-footer {
        justify-content: center;
        height: 62px;
        background-color: #fff
    }
}

.cmp-sm-minute-by-minute-politician .cmp-sm-footer>a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #9b9b9b;
    color: #d0021b;
    text-transform: uppercase;
    text-decoration: none
}

.cmp-sm-minute-by-minute-politician .cmp-sm-footer>a i {
    margin-left: 5px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-footer>a {
        padding: 10px;
        line-height: 1.4
    }

    .cmp-sm-minute-by-minute-politician .cmp-sm-footer>a i {
        display: block;
        margin-left: 0;
        margin-top: 5px;
        font-size: 24px
    }
}

@media(max-width: 767px) {
    .cmp-sm-minute-by-minute-politician .cmp-sm-footer>a i {
        text-align: center;
        display: block;
        margin-left: 0;
        transform: rotate(-270deg);
        font-size: 19px
    }
}

.opening-partner {
    background-color: #c4071b;
    margin: 0 -10px;
    padding: 7px 0 10px 10px;
    min-height: 50px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px !important
}

@media only screen and (min-width : 768px) {
    .opening-partner {
        margin: 10px 0 !important;
        padding: 10px 10px 10px 20px
    }
}

@media only screen and (min-width : 1040px) {
    .opening-partner {
        margin: 10px -20px !important
    }
}

.opening-partner div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.opening-partner .text {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #fff
}

.opening-partner .date {
    font-family: "Roboto", sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    display: none
}

@media only screen and (min-width : 768px) {
    .opening-partner .date {
        display: block
    }
}

.opening-partner .promo {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #fff;
    display: none;
    max-width: 221px;
    position: relative
}

.opening-partner .promo:after {
    content: "";
    border-left: 1px solid #fff;
    position: absolute;
    top: -10px;
    left: -13px;
    height: 58px
}

@media only screen and (min-width : 768px) {
    .opening-partner .promo {
        display: block
    }
}

.opening-partner .promo a {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    color: #fff;
    text-decoration: underline
}

.opening-partner .promo .info-partners p {
    margin: 2px 0;
    font-size: 15px;
    color: #fff
}

.opening-partner .promo .info-partners .article-text span.highlight {
    background: initial
}

.image-100-module {
    overflow: hidden;
    height: 493px;
    width: 100vw;
    margin-left: -10px;
    background-color: rgba(232, 230, 230, .95)
}

.image-100-module.gallery-header .gallery-header-wrapper {
    min-height: 493px
}

.image-100-module.gallery-header .gallery-header-wrapper .zoom-icon {
    display: block
}

.image-100-module .visor-wrapper .img-action-buttons {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 10px 12px
}

.image-100-module .visor-wrapper .img-info {
    padding: 10px
}

.image-100-module .visor-wrapper .img-info .img-title {
    margin-bottom: 0;
    padding: 25px 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.38;
    color: #fff
}

@media only screen and (min-width : 768px) {
    .image-100-module {
        height: 461px;
        margin-left: -10px
    }

    .image-100-module.gallery-header .gallery-header-wrapper {
        min-height: 461px
    }
}

@media only screen and (min-width : 1040px) {
    .image-100-module {
        height: 602px;
        margin-left: calc(-50vw + 500px)
    }

    .image-100-module.gallery-header .gallery-header-wrapper {
        min-height: 602px
    }

    .image-100-module.gallery-header .gallery-header-wrapper .zoom-icon {
        margin-right: calc(50vw - 500px)
    }
}

.text-module .text-module-info .title {
    margin-bottom: 1.2rem;
    font: 600 16px/1.31 "Roboto", sans-serif;
    color: #000
}

.text-module .text-module-info .title a {
    color: #252121
}

.text-module .text-module-info .title a:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.text-module .text-module-info p.article-text,
.text-module .text-module-info .list {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.43;
    color: #4a4a4a
}

.text-module .text-module-body {
    padding-top: 0
}

.text-module .text-module-body picture~.image-footer {
    margin-top: 0
}

.text-module .text-module-body p.article-text,
.text-module .text-module-body .list {
    margin-top: 15px
}

.text-module .text-module-body p.article-text:first-child,
.text-module .text-module-body .list:first-child {
    margin-top: 0
}

@media only screen and (min-width : 1040px) {
    .text-module .row .text-module-body {
        padding-top: 0
    }
}

.title-100-module+.text-module {
    margin-top: 11px
}

@media only screen and (min-width : 768px) {
    .title-100-module+.text-module {
        margin-top: 31px
    }
}

.title-100-module {
    position: relative;
    min-height: 50px;
    margin: -20px -10px 20px;
    background-color: #c4071b
}

.home-page .home-content-container>.title-100-module:first-child {
    margin-top: -15px
}

.title-100-module h2 {
    max-width: 1040px;
    min-height: 80px;
    margin: 0 auto;
    padding: 5px 10px 10px;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: normal;
    color: #fff;
    color: #fff
}

@media only screen and (min-width : 768px) {
    .title-100-module {
        margin: 10px 0 20px
    }

    .home-page .home-content-container>.title-100-module:first-child {
        margin-top: 10px
    }

    .title-100-module h2 {
        padding: 5px 15px 25px;
        font-size: 28px
    }

    .title-100-module h2:before {
        content: "";
        position: absolute;
        bottom: -11px;
        left: 0;
        right: 0;
        font-size: 0;
        border-bottom: 1px solid rgba(37, 33, 33, .2)
    }
}

@media only screen and (min-width : 1040px) {
    .title-100-module {
        position: relative;
        margin-top: 0;
        margin-left: -15px;
        margin-right: -15px
    }

    .home-page .home-content-container>.title-100-module:first-child {
        margin-top: 10px
    }

    .home-page .home-content-container>.title-100-module:first-child h2:before {
        left: -50vw;
        right: -50vw
    }

    .title-100-module:after,
    .title-100-module:before {
        content: " ";
        display: block;
        position: absolute;
        bottom: 0;
        left: -50vw;
        right: 100%;
        top: 0;
        background-color: #c4071b
    }

    .title-100-module:before {
        left: 100%;
        right: -50vw
    }
}

/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
    width: device-width
}

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

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

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

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

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

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

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

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

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

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

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

.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.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 8.3333333333%;
    max-width: 8.3333333333%
}

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 576px) {
    .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 8.3333333333%;
        max-width: 8.3333333333%
    }

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@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 8.3333333333%;
        max-width: 8.3333333333%
    }

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

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

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

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

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

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

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

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

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

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

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

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1040px) {
    .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 8.3333333333%;
        max-width: 8.3333333333%
    }

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1200px) {
    .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 8.3333333333%;
        max-width: 8.3333333333%
    }

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

.d-none {
    display: none !important
}

.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: 576px) {
    .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: 1040px) {
    .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: 1200px) {
    .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-center {
    align-items: center !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: 576px) {
    .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: 1040px) {
    .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: 1200px) {
    .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
    }
}

picture {
    display: block;
    min-height: 1rem;
    background-color: rgba(220, 220, 220, .44);
    overflow: hidden;
    position: relative
}

picture img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.article-page .c-content .article-page__mssg--partner_advice {
    display: flex;
    position: relative;
    padding: 0 !important;
    background-color: #c4071b
}

body:not(.partner) .article-page .c-content .article-page__mssg--partner_advice {
    display: none
}

.article-page .c-content .article-page__mssg--partner_advice+.partner-wrapper {
    border: 0 none
}

@media only screen and (max-width : 767px) {
    .article-page .c-content .article-page__mssg--partner_advice {
        border: 0 none !important
    }
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {
    .article-page .c-content .article-page__mssg--partner_advice {
        border: 0 none !important
    }
}

.article-page .c-content .article-page__mssg--partner_advice:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: -10px;
    right: 100%;
    top: 0;
    width: 100vw;
    background-color: #c4071b
}

@media only screen and (min-width : 1040px) {
    .article-page .c-content .article-page__mssg--partner_advice:before {
        left: -50vw;
        width: 50vw
    }
}

.article-page .c-content .article-page__mssg--partner_advice .first-col,
.article-page .c-content .article-page__mssg--partner_advice .second-col {
    position: relative
}

.article-page .c-content .article-page__mssg--partner_advice .first-col {
    order: 1;
    margin: 0;
    padding: 0
}

.article-page .c-content .article-page__mssg--partner_advice .first-col * {
    filter: contrast(0) brightness(100)
}

.article-page .c-content .article-page__mssg--partner_advice .first-col img {
    height: 48px;
    width: 49px;
    margin: 10px 12px 10px 0
}

.article-page .c-content .article-page__mssg--partner_advice .second-col {
    order: 2;
    margin: 0;
    padding: 10px 52px 10px 0;
    font: 400 14px/1.21 "Roboto", sans-serif;
    color: #000
}

@media only screen and (min-width : 768px) {
    .article-page .c-content .article-page__mssg--partner_advice .second-col {
        padding-top: 7px;
        font-size: 16px;
        line-height: 1.25
    }
}

.article-page .c-content .article-page__mssg--partner_advice .mssg--partner_advice__close {
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 10px;
    height: 16px;
    width: 16px;
    margin: 0;
    padding: 0;
    border: 0 none;
    background: transparent;
    filter: brightness(0.5)
}

@media only screen and (min-width : 1040px) {
    .article-page .c-content .article-page__mssg--partner_advice .mssg--partner_advice__close {
        right: 10px
    }
}

.article-page .c-content .article-page__mssg--partner_advice .mssg--partner_advice__close img {
    vertical-align: top;
    height: 16px;
    width: 16px
}

@media only screen and (min-width : 1040px) {
    .article-page .c-content .article-page__mssg--partner_advice {
        background: transparent
    }

    .article-page .c-content .article-page__mssg--partner_advice .first-col,
    .article-page .c-content .article-page__mssg--partner_advice .second-col {
        background-color: #c4071b
    }

    .article-page .c-content .rs-pill+.article-page__mssg--partner_advice {
        margin-top: 15px !important;
        border: 0 none
    }

    .article-page .c-content .partner-wrapper.opening+.article-page__mssg--partner_advice {
        padding-top: 13px !important
    }

    .article-page .c-content .partner-wrapper.opening+.article-page__mssg--partner_advice:before {
        top: 13px
    }

    .article-page .c-content .partner-wrapper.opening+.article-page__mssg--partner_advice .mssg--partner_advice__close {
        top: 23px
    }
}

.edi-social-buttons {
    width: 100%;
    height: 62px
}

@media only screen and (min-width : 768px) {
    .edi-social-buttons {
        height: 42px
    }
}

.buttons-rs-panel {
    display: flex;
    position: relative;
    margin-bottom: 20px
}

.buttons-rs-panel .valuation-btn .btn-wrapper {
    display: flex;
    align-items: center
}

.buttons-rs-panel .valuation-btn .btn-wrapper span {
    margin-left: 9px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    color: #000;
    color: #d20a23
}

.buttons-rs-panel .message {
    display: block;
    position: absolute;
    top: 142px;
    z-index: 9;
    width: 100%;
    max-width: 360px;
    margin-top: auto;
    border-radius: 12px;
    padding: 8px 37px 10px 12px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.31;
    color: #252121;
    background-color: #fff9ab;
    font-weight: 400;
    color: #fff;
    box-shadow: 2px 2px 4px 0 rgba(204, 204, 204, .5);
    border-radius: 3px
}

@media only screen and (min-width : 768px) {
    .buttons-rs-panel .message {
        top: 72px
    }
}

.buttons-rs-panel .message a {
    font-weight: 700
}

.buttons-rs-panel .message.error {
    background-color: #d0021b
}

.buttons-rs-panel .message.error p.textmodal {
    display: block
}

.buttons-rs-panel .message.success {
    background-color: #1ba175
}

.buttons-rs-panel .message.success p.textmodal {
    display: block
}

.buttons-rs-panel .message p.textmodal {
    margin-bottom: 0
}

.buttons-rs-panel .message p.textmodal a {
    text-decoration: underline;
    color: #fff
}

.buttons-rs-panel .message i.fa {
    position: absolute;
    right: 10px;
    top: 7px;
    font-weight: 100;
    font-size: 22px;
    line-height: 22px
}

.buttons-rs-panel .message i.fa:before {
    content: ""
}

.cmp-featured-signature-component {
    display: flex;
    flex-wrap: wrap
}

.cmp-featured-signature-component .place {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 1;
    color: #4a4a4a;
    font-weight: 600;
    flex: 100%;
    margin: 12px 5px 5px 5px
}

.cmp-featured-signature-component .coma {
    margin-left: -4px
}

.cmp-featured-signature-component .author-position-short {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 1;
    color: #4a4a4a;
    font-weight: 500
}

.cmp-featured-signature-component .author-position-large {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 1;
    color: #7f7f7f;
    font-weight: 600;
    flex: 100%;
    margin: 0 5px 5px
}

.featured-signature-component {
    display: inline-flex;
    align-items: center;
    background-color: #f2f0f0;
    border-radius: 65px;
    min-width: 220px;
    min-height: 65px;
    padding-right: 35px;
    margin: 0 10px 5px 0
}

.featured-signature-component.no-image {
    border-bottom-left-radius: 0;
    padding: 0 20px
}

.featured-signature-component .featured-avatar {
    display: flex;
    align-items: center
}

.featured-signature-component .featured-data {
    padding: 0 15px;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.42;
    color: #252121;
    color: #4a4a4a
}

.featured-signature-component .featured-data .featured-name {
    color: #252121;
    text-decoration: none
}

.featured-signature-component .featured-data .featured-name:hover {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.42;
    color: #252121;
    opacity: 1
}

.featured-signature-component .featured-data .featured-name:not([href]) {
    color: #4a4a4a
}

.featured-signature-component .featured-data .featured-apointment {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: #4a4a4a
}

.featured-signature-component .featured-data>div {
    display: flex;
    align-items: center
}

.featured-signature-component .featured-data>div a {
    display: flex;
    align-items: center
}

.featured-signature-component .featured-data>div a:hover {
    text-decoration: none
}

.featured-signature-component .featured-data>div>div:not(:last-child) {
    margin-right: 15px
}

.featured-signature-component .featured-data>div i {
    font-size: 15px;
    color: #55adee
}

.featured-signature-component .featured-data>div span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.43;
    color: #55adee;
    vertical-align: text-top
}

.appointment-large span {
    display: block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #000;
    line-height: normal;
    margin: 15px 0
}

@media only screen and (min-width: 1040px) {
    .partner .featured-signature-component {
        padding-right: 15px
    }

    .partner .featured-signature-component .featured-data .featured-name .coma,
    .partner .featured-signature-component .featured-data .featured-apointment {
        display: inline-block
    }
}

.cmp-pill {
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    color: #000;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff
}

.cmp-pill .title1-pill,
.cmp-pill .title2-pill,
.cmp-pill .name-pill {
    background: #c4071b;
    padding: 0 8px
}

.cmp-pill .title1-pill,
.cmp-pill .title2-pill {
    background: #f2f0f0
}

.cmp-pill .title1-pill a,
.cmp-pill .title2-pill a {
    color: #000;
    text-decoration: none;
    display: block;
    white-space: nowrap
}

@media only screen and (min-width : 768px) {
    .cmp-pill {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.cmp-next-new {
    display: flex;
    flex-wrap: wrap
}

.cmp-next-new .btn-next-new {
    display: block;
    margin-bottom: 15px;
    order: 0;
    width: 100%
}

.cmp-next-new .btn-next-new a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.31;
    color: #252121;
    text-decoration: none
}

.cmp-next-new .btn-next-new a i {
    color: #252121;
    font-size: 14px;
    margin-left: 3px
}

.cmp-next-new .title-next-new {
    font-size: initial;
    margin-bottom: 0;
    margin-right: 20px;
    order: 1;
    flex: 50%
}

.cmp-next-new .title-next-new a {
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 1.15;
    color: #090909;
    font-weight: 400;
    text-decoration: none
}

.cmp-next-new .img-next-new {
    display: none;
    order: 3;
    margin-top: -40px;
    cursor: default
}

@media only screen and (min-width : 768px) {
    .cmp-next-new>div:first-child {
        width: calc(100% - 233px);
        padding-right: 20px;
        display: flex;
        justify-content: space-between;
        flex-direction: column
    }

    .cmp-next-new .btn-next-new {
        margin-bottom: 15px
    }

    .cmp-next-new .img-next-new {
        display: block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 233px;
        height: 140px;
        cursor: pointer;
        opacity: 1;
        align-self: flex-end
    }
}

.cmp-last-minute-bar {
    position: relative;
    margin: 0 10px 11px;
    padding-bottom: 10px
}

.cmp-last-minute-bar>div {
    padding: 4px 8px 8px;
    width: 100%;
    background: #f2f0f0
}

.cmp-last-minute-bar>div span.title {
    display: block;
    margin-bottom: 6px;
    font: 400 17px/19px "Bitter-Bold", sans-serif;
    color: #252121;
    text-transform: uppercase
}

.cmp-last-minute-bar>div span.title:empty {
    display: none
}

.cmp-last-minute-bar>div a:not(.title) {
    display: inline;
    font-weight: 400;
    color: #4a4a4a;
    text-decoration: none
}

.cmp-last-minute-bar .last-minute span.title {
    margin: -4px -8px 10px;
    padding: 4px 8px 4px 34px;
    color: #fff;
    background: #c4071b
}

.cmp-last-minute-bar .last-minute .icon {
    display: block;
    position: absolute;
    height: 18px;
    width: 18px;
    font-size: 0;
    line-height: 18px
}

.cmp-last-minute-bar .last-minute .icon:after {
    content: "";
    height: 18px;
    width: 18px;
    box-sizing: inherit;
    box-sizing: border-box;
    font: 500 18px/18px "Font Awesome 5 Pro";
    color: #fff;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto
}

.cmp-last-minute-bar .live span.title {
    margin: -4px -8px 10px;
    padding: 4px 8px 4px 34px;
    color: #fff;
    background: #c4071b
}

.cmp-last-minute-bar .live .icon {
    display: block;
    position: absolute;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    line-height: 18px;
    background: #fff
}

@media only screen and (min-width : 768px) {
    .cmp-last-minute-bar {
        margin: 0 0 10px;
        padding: 0
    }

    .cmp-last-minute-bar>div {
        align-items: center;
        display: flex;
        white-space: nowrap;
        padding: 0;
        line-height: 40px
    }

    .cmp-last-minute-bar>div span.title {
        margin: 0;
        padding: 0 10px;
        font-size: 19px;
        line-height: 40px
    }

    .cmp-last-minute-bar>div>div:not(.first-element) {
        display: none
    }

    .cmp-last-minute-bar>div>.first-element {
        display: flex;
        overflow: hidden;
        width: auto
    }

    .cmp-last-minute-bar>div>.first-element a:not(.title) {
        overflow: hidden;
        white-space: nowrap;
        margin-right: 10px;
        text-decoration: none;
        text-overflow: ellipsis
    }

    .cmp-last-minute-bar .live>div span.title,
    .cmp-last-minute-bar .last-minute>div span.title {
        margin: 0 10px 0 0;
        padding: 0 10px 0 38px
    }

    .cmp-last-minute-bar .live .icon,
    .cmp-last-minute-bar .last-minute .icon {
        left: 10px;
        top: 10px
    }
}

@media only screen and (min-width : 1040px) {
    .partner .cmp-last-minute-bar {
        max-width: 1040px
    }

    .partner .cmp-last-minute-bar .last-minute {
        box-shadow: 850px 0 0 0 #f2f0f0, -850px 0 0 0 #f2f0f0
    }

    .partner .cmp-last-minute-bar:after {
        left: 50%;
        transform: translateX(-50%);
        width: 201vw
    }
}

.cmp-last-minute-bar-partner {
    display: block;
    position: relative;
    margin: 0 0 10px;
    padding: 0 10px 11px
}

.cmp-last-minute-bar-partner:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid rgba(37, 33, 33, .2);
    margin: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    display: block
}

.cmp-last-minute-bar-partner:hover {
    text-decoration: none
}

.cmp-last-minute-bar-partner .partner {
    padding: 10px;
    background: #0890e6;
    min-height: 54px;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #000
}

.cmp-last-minute-bar-partner .partner .cont-wrapper {
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between
}

.cmp-last-minute-bar-partner .partner .cont-wrapper .cont-icon {
    align-items: center;
    display: flex;
    padding-left: 0
}

.cmp-last-minute-bar-partner .partner .cont-wrapper .cont-icon span {
    font: 400 17px/19px "Bitter-Bold", sans-serif;
    color: #fff
}

.cmp-last-minute-bar-partner .partner .cont-wrapper .btn-access {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin: 10px 0 0;
    padding: 9px 10px;
    border-radius: 2px;
    background-color: #fff;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.21;
    letter-spacing: 0;
    color: #4a4a4a;
    color: #0890e6;
    text-transform: uppercase
}

.cmp-last-minute-bar-partner .partner .cont-wrapper .btn-access i {
    display: none
}

.cmp-last-minute-bar-partner .partner .cont-new-wrapper .cont-new {
    display: flex;
    margin: 10px 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.33;
    color: #000;
    color: #fff;
    text-decoration: none
}

.cmp-last-minute-bar-partner .partner .cont-new-wrapper .cont-new span {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1 1 auto
}

.cmp-last-minute-bar-partner .partner .cont-new-wrapper .cont-new i {
    display: flex;
    margin: 5px 0 0;
    height: 10px;
    width: 40px;
    flex: 0 0 40px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 5px 0 5px 12px
}

.cmp-last-minute-bar-partner .partner .cont-new-wrapper .cont-new i:before {
    content: none
}

.cmp-last-minute-bar-partner .partner .cont-new-wrapper .cont-new:first-of-type {
    display: flex
}

body.partner-preview .cmp-last-minute-bar-partner {
    display: none
}

@media only screen and (min-width : 768px) {
    .cmp-last-minute-bar-partner {
        padding: 0 0 11px
    }

    .cmp-last-minute-bar-partner:after {
        left: 0;
        right: 0
    }

    .cmp-last-minute-bar-partner .partner {
        flex-direction: row;
        align-items: center;
        min-height: 80px;
        padding: 7px 10px 7px
    }

    .cmp-last-minute-bar-partner .partner .cont-icon,
    .cmp-last-minute-bar-partner .partner .cont-new {
        border-bottom: none;
        margin-top: 0;
        margin-bottom: 0;
        padding: 20px 10px
    }

    .cmp-last-minute-bar-partner .partner .cont-wrapper {
        border: none;
        flex: 0 0 265px;
        padding: 0;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .cmp-last-minute-bar-partner .partner .cont-wrapper .cont-icon {
        border-left: none;
        padding: 0
    }

    .cmp-last-minute-bar-partner .partner .cont-wrapper .cont-icon .icon {
        margin-right: 10px
    }

    .cmp-last-minute-bar-partner .partner .cont-wrapper .btn-access {
        margin: 10px
    }

    .cmp-last-minute-bar-partner .partner .cont-new-wrapper {
        display: flex
    }

    .cmp-last-minute-bar-partner .partner .cont-new-wrapper .cont-new {
        display: flex;
        position: relative;
        flex: 1 1 50%;
        margin: 0 5px 0 0;
        padding: 3px 5px 0 8px
    }

    .cmp-last-minute-bar-partner .partner .cont-new-wrapper .cont-new:last-child {
        padding-right: 0
    }

    .cmp-last-minute-bar-partner .partner .cont-new-wrapper .cont-new i {
        flex: 0 0 25px
    }

    .cmp-last-minute-bar-partner .partner .btn-access {
        padding: 0 13px
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-last-minute-bar-partner {
        position: relative;
        max-width: 1040px;
        margin-top: 0;
        padding: 0 0 11px;
        border: none
    }
}

.cmp-image-visor {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .95);
    overflow-y: auto;
    z-index: 5999999
}

.cmp-image-visor .visor-wrapper {
    max-width: 1000px;
    margin: 0 auto
}

.cmp-image-visor .visor-wrapper .close-icon {
    color: #9b9b9b;
    font-size: 28px;
    cursor: pointer
}

.cmp-image-visor .visor-wrapper .close-icon:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.cmp-image-visor .visor-wrapper .gallery-info-wrapper {
    display: flex;
    justify-content: flex-end;
    padding: 20px 10px
}

.cmp-image-visor .visor-wrapper .gallery-info-wrapper .gallery-info .gallery-section {
    display: inline;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #c4071b
}

.cmp-image-visor .visor-wrapper .gallery-info-wrapper .gallery-info .gallery-section .media-icon {
    padding-left: 7px
}

.cmp-image-visor .visor-wrapper .gallery-info-wrapper .gallery-info .gallery-title {
    display: inline;
    margin-bottom: 0;
    padding-left: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #9b9b9b
}

.cmp-image-visor .visor-wrapper .gallery-info-wrapper .close-icon {
    padding: 0 10px;
    font-size: 34px
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 75vh;
    cursor: pointer
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .img-counter {
    display: flex;
    align-items: center;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.33;
    color: #9b9b9b
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .img-counter .counter {
    margin: 0
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .img-counter .counter .img-position {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.33;
    color: #f2f0f0
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .img-counter .icon-wrapper {
    padding: 0 16px
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .img-counter .icon-wrapper:first-child {
    padding-left: 0
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .img-counter .icon-wrapper:last-child {
    padding-right: 0
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .img-counter .icon-wrapper .arrow-icon {
    font-size: 35px;
    color: #f2f0f0
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .img-counter .icon-wrapper .arrow-icon:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .img-counter .icon-wrapper .arrow-icon.disabled {
    pointer-events: none;
    opacity: .25
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss .rrss-link {
    display: inline-block;
    padding: 0;
    margin-right: 15px;
    color: #cecece;
    cursor: pointer
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss .rrss-link:hover {
    text-decoration: none;
    opacity: 1
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss .rrss-link:last-child {
    margin-right: 0
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss .rrss-link .rrss-icon {
    font-size: 22px
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss .rrss-link.twitter:hover {
    color: #55adee
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss .rrss-link.facebook:hover {
    color: #39579a
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss .rrss-link.facebook-f:hover {
    color: #39579a
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss .rrss-link.pinterest:hover {
    color: #c8232c
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss .rrss-link.instagram:hover {
    color: #af4050
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss .rrss-link.telegram:hover {
    color: #2ca5e1
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss .rrss-link.telegram-plane:hover {
    color: #2ca5e1
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-info {
    padding: 10px
}

@media only screen and (max-width : 767px) {
    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-info {
        padding-top: 30px
    }
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-info p {
    margin: 0;
    color: #fff
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-info p a {
    color: #c15562
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-info .img-title {
    padding: 25px 0;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.38;
    color: #fff
}

@media only screen and (max-width : 767px) {
    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-info .img-title {
        display: block;
        padding: 0 0 25px
    }
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-info .img-description {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.63;
    color: #fff
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-info .img-description .img-author {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.63;
    text-transform: uppercase;
    color: #9b9b9b
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .ad-modal {
    width: 100%;
    height: 100%;
    display: flex;
    position: static;
    background-color: transparent
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    padding: 5px
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-dots.disabled {
    display: none
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #4a4a4a;
    outline: none;
    cursor: pointer
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-dots .owl-dot:last-child {
    margin: 0
}

.cmp-image-visor .visor-wrapper .owl-carousel .owl-dots .owl-dot.active {
    background-color: #fff
}

.cmp-image-visor .visor-wrapper .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.cmp-image-visor .visor-wrapper .video-wrapper iframe,
.cmp-image-visor .visor-wrapper .video-wrapper object,
.cmp-image-visor .visor-wrapper .video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .cmp-image-visor .visor-wrapper .gallery-info-wrapper {
        justify-content: flex-start;
        padding: 27px 10px
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons .rrss {
        position: absolute;
        top: 50%;
        right: calc(50% + 30px);
        transform: translate(50%, -50%)
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .owl-dots.custom-dots {
        padding: 25px
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-info {
        display: flex
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-info .img-title {
        flex: 0 0 20%;
        padding: 0
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-info .img-description {
        flex: 0 0 80%;
        padding-left: 20px
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item.vertical {
        display: flex;
        flex-wrap: wrap
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item.vertical .img-container,
    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item.vertical .img-action-buttons,
    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item.vertical .owl-dots.custom-dots {
        width: 66%;
        padding-right: 30px;
        background-color: transparent
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item.vertical .img-container {
        order: 1;
        max-height: 75vh
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item.vertical .img-container img {
        width: inherit !important
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item.vertical .img-action-buttons {
        order: 3
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item.vertical .owl-dots.custom-dots {
        order: 4
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item.vertical .img-info {
        display: block;
        width: 34%;
        order: 2;
        padding-top: 0
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item.vertical .img-info .img-title {
        padding-top: 0;
        padding-bottom: 45px
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item.vertical .img-info .img-description {
        padding-left: 0;
        display: -webkit-box;
        overflow: hidden
    }
}

@media only screen and (min-width: 1040px) {
    .cmp-image-visor .visor-wrapper {
        margin: 0 auto
    }

    .cmp-image-visor .visor-wrapper .gallery-info-wrapper {
        padding-right: 0;
        padding-left: 0
    }

    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item:not(.vertical) .img-info,
    .cmp-image-visor .visor-wrapper .owl-carousel .owl-item .item .img-action-buttons {
        padding-right: 0;
        padding-left: 0
    }
}

.ad-modal {
    display: none;
    padding: 70px 0;
    margin: 0 auto;
    position: fixed;
    width: 100vw;
    height: 100vh;
    flex-direction: column;
    align-items: center;
    z-index: 999;
    background-color: rgba(0, 0, 0, .95);
    overflow: hidden
}

.ad-modal .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.ad-modal .video-wrapper iframe,
.ad-modal .video-wrapper object,
.ad-modal .video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ad-modal .skip-btn {
    padding: 8px 55px;
    margin-top: 70px;
    outline: none;
    border: 1px solid #f2f0f0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.75;
    color: #f2f0f0;
    text-align: center;
    background-color: transparent
}

.ad-modal .skip-btn:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.tags .tags-title {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 2.14;
    text-transform: uppercase;
    color: #7f7f7f
}

.tags .tags-wrapper {
    padding-left: 0;
    list-style-type: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.71;
    color: #7f7f7f
}

.tags .tags-wrapper li {
    display: inline-block
}

.tags .tags-wrapper .slash:first-child {
    display: none
}

.tags .tags-wrapper .tag-link {
    color: inherit;
    display: block
}

.tags .tags-wrapper .tag-link:hover {
    text-decoration: none;
    opacity: 1
}

.tags .tags-wrapper .tag-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

@media only screen and (min-width: 1040px) {
    .partner .tags .tags-wrapper li {
        display: block
    }

    .partner .tags .tags-wrapper .slash {
        display: none
    }

    .partner .tags .tags-wrapper .tag-link {
        margin: 6px 0;
        line-height: 1.5
    }

    .partner .tags .tags-wrapper .tag-link:nth-child(2) {
        margin-top: 1px
    }
}

.authors-container {
    margin: 10px 0 0;
    background-color: #f2f0f0;
    padding: 20px
}

.partner .authors-container {
    max-width: 1040px;
    margin: 0 auto;
    box-shadow: 850px 0 0 0 #f2f0f0, -850px 0 0 0 #f2f0f0
}

.authors-container .surname-name-author {
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.03;
    color: #252121;
    margin: 0 0 17px 0;
    display: block
}

.authors-container .img-description-cont .ad {
    display: none !important
}

.authors-container .img-description-cont .article-text {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.4;
    color: #000
}

.authors-container .img-description-cont .description p:first-child {
    margin-top: 0
}

.authors-container .img-description-cont .description .article-text {
    margin-top: 15px
}

.authors-container .img-description-cont .description .view-more {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0;
    color: #4a4a4a;
    text-align: right;
    cursor: pointer
}

.authors-container .img-description-cont .description .view-more:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.authors-container .img-description-cont .description .description-more {
    max-height: 0;
    transition: max-height .15s ease-in;
    overflow: hidden
}

.authors-container .img-description-cont .description .description-more.active {
    max-height: 1000px;
    transition: max-height .15s ease-in
}

.authors-container .img-description-cont .description .description-more.active p:first-child {
    margin-top: 0
}

.authors-container .author-img {
    margin: 0 0 17px 0
}

.authors-container .see-articles {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.19px;
    color: #252121;
    color: #fff;
    margin: 50px 0 0 0;
    display: flex;
    justify-content: center;
    background-color: #252121;
    border-radius: 2px;
    height: 60px;
    align-items: center;
    text-decoration: none
}

.authors-container a.subscribe-articles {
    margin: 50px 0 0 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.19px;
    color: #252121;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: underline;
    opacity: 1
}

.authors-container a.subscribe-articles.issubscribed {
    color: #9b9b9b;
    text-decoration: none;
    opacity: 1
}

.authors-container .contact-me {
    margin: 20px 0 0 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 18px 0;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray
}

.authors-container .contact-me span {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #000;
    font-weight: 400;
    margin: 0 3px 0 0
}

.authors-container .contact-me a {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #252121;
    font-weight: 600
}

.authors-container .contact-me .icons {
    margin: 20px 0 0 0
}

.authors-container .contact-me .icons a {
    margin: 0 5px 0 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #000;
    width: 23px;
    font-size: 23px
}

.authors-container .contact-me .icons a:first-child {
    margin: 0
}

.authors-container .contact-me .icons a:last-child {
    margin: 0
}

.authors-container .contact-me .icons a i.fa-twitter:hover {
    color: #55adee
}

.authors-container .contact-me .icons a i.fa-facebook-f:hover {
    color: #3b5998
}

.authors-container .contact-me .icons a i.fa-instagram:hover {
    color: #af4050
}

.authors-container .contact-me .icons a i.fa-telegram-plane:hover {
    color: #2ca5e1
}

.authors-container .contact-me-network {
    margin: 20px 0 0 0;
    display: flex;
    flex-direction: column;
    position: relative
}

.authors-container .contact-me-network span {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #000;
    font-weight: 400
}

.authors-container .contact-me-network .subscribe {
    display: none;
    cursor: pointer
}

.authors-container .contact-me-network .subscribe-modal {
    display: none
}

.authors-container .contact-me-network .icons {
    margin: 20px 0 0 0
}

.authors-container .contact-me-network .icons a {
    margin: 0 5px 0 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #000;
    width: 23px;
    font-size: 23px
}

.authors-container .contact-me-network .icons a:first-child {
    margin: 0
}

.authors-container .contact-me-network .icons a:last-child {
    margin: 0
}

.authors-container .contact-me-network .icons a i.fa-twitter:hover {
    color: #55adee
}

.authors-container .contact-me-network .icons a i.fa-facebook-f:hover {
    color: #3b5998
}

.authors-container .contact-me-network .icons a i.fa-instagram:hover {
    color: #af4050
}

.authors-container .contact-me-network .icons a i.fa-telegram-plane:hover {
    color: #2ca5e1
}

.authors-container .authors-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (min-width : 768px) {
    .authors-container {
        margin: 10px -10px 0 -10px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between
    }

    .authors-container a.see-articles,
    .authors-container a.subscribe-articles {
        display: none
    }

    .authors-container .surname-name-author {
        width: 100%;
        margin: 10px 0 25px
    }

    .authors-container .img-description-cont {
        display: flex;
        padding: 0 20px 0 0
    }

    .authors-container .img-description-cont .description {
        margin: 0 16px 0 0;
        order: 1
    }

    .authors-container .img-description-cont .author-img {
        order: 2;
        margin: 0;
        padding: 0 20px 0 0
    }

    .authors-container .contact-me-cont {
        max-width: 214px;
        padding: 0 0 0 9px;
        border: none;
        border-left: 1px solid gray
    }

    .authors-container .contact-me-cont .contact-me {
        margin: 0;
        padding: 0;
        border: none
    }

    .authors-container .contact-me-cont .contact-me span {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        line-height: 21px;
        color: #000;
        font-weight: 400;
        text-transform: uppercase
    }

    .authors-container .contact-me-cont .contact-me a {
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        line-height: 21px;
        color: #252121;
        font-weight: 600
    }

    .authors-container .contact-me-cont .contact-me .icons {
        margin: 20px 0 0 0
    }

    .authors-container .contact-me-cont .contact-me .icons a {
        margin: 0 5px 0 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        color: #000;
        width: 23px;
        font-size: 23px
    }

    .authors-container .contact-me-cont .contact-me .icons a:first-child {
        margin: 0
    }

    .authors-container .contact-me-cont .contact-me .icons a:last-child {
        margin: 0
    }

    .authors-container .contact-me-cont .contact-me .icons a i.fa-twitter:hover {
        color: #55adee
    }

    .authors-container .contact-me-cont .contact-me .icons a i.fa-facebook-f:hover {
        color: #3b5998
    }

    .authors-container .contact-me-cont .contact-me .icons a i.fa-instagram:hover {
        color: #af4050
    }

    .authors-container .contact-me-cont .contact-me .icons a i.fa-telegram-plane:hover {
        color: #2ca5e1
    }

    .authors-container .contact-me-cont .contact-me-network .subscribe {
        display: flex;
        margin: 25px 0 20px 0;
        justify-content: center;
        padding: 6px 11px;
        align-items: center;
        background-color: #fff;
        border-radius: 14.5px;
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        line-height: 21px;
        color: #000;
        font-weight: 500
    }

    .authors-container .contact-me-cont .contact-me-network .subscribe i {
        margin-right: 7px
    }

    .authors-container .contact-me-cont .contact-me-network .subscribe.active {
        background-color: transparent
    }

    .authors-container .contact-me-cont .contact-me-network .subscribe-modal {
        display: none;
        position: absolute;
        width: 320px;
        height: 95px;
        background-color: #fffab9;
        border: 1px solid #fff;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: #000;
        font-weight: 400;
        padding: 10px;
        left: -140px;
        top: 75px
    }

    .authors-container .contact-me-cont .contact-me-network .subscribe-modal:after {
        display: block;
        content: " ";
        width: 16px;
        height: 16px;
        left: calc(50% - 8px);
        position: absolute;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        background-color: #fffab9;
        top: -8px;
        transform: rotate(225deg)
    }

    .authors-container .contact-me-cont .contact-me-network .subscribe-modal p {
        margin: 0 13px 0 0
    }

    .authors-container .contact-me-cont .contact-me-network .subscribe-modal p a {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: #000;
        font-weight: 600;
        text-decoration: underline
    }

    .authors-container .contact-me-cont .contact-me-network .subscribe-modal i {
        margin: 0;
        font-size: 18px;
        cursor: pointer
    }

    .authors-container .authors-wrapper {
        flex-direction: row
    }
}

@media only screen and (min-width : 1040px) {
    .authors-container .img-description-cont {
        padding: 0 19px 0 0
    }

    .authors-container .img-description-cont .author-img {
        padding: 0 17px 0 0
    }

    .authors-container .contact-me-cont {
        max-width: 370px;
        display: flex;
        align-items: flex-start
    }

    .authors-container .contact-me-cont .contact-me {
        min-width: 190px
    }

    .authors-container .contact-me-cont .contact-me .icons {
        margin: 20px 0 0 0
    }

    .authors-container .contact-me-cont .contact-me .icons a {
        margin: 0 5px 0 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        color: #000;
        width: 23px;
        font-size: 23px
    }

    .authors-container .contact-me-cont .contact-me .icons a:first-child {
        margin: 0
    }

    .authors-container .contact-me-cont .contact-me .icons a:last-child {
        margin: 0
    }

    .authors-container .contact-me-cont .contact-me .icons a i.fa-twitter:hover {
        color: #55adee
    }

    .authors-container .contact-me-cont .contact-me .icons a i.fa-facebook-f:hover {
        color: #3b5998
    }

    .authors-container .contact-me-cont .contact-me .icons a i.fa-instagram:hover {
        color: #af4050
    }

    .authors-container .contact-me-cont .contact-me .icons a i.fa-telegram-plane:hover {
        color: #2ca5e1
    }

    .authors-container .contact-me-cont .contact-me-network {
        align-items: flex-start;
        margin: 0;
        padding-left: 9px;
        min-width: 200px;
        border-left: 1px solid gray
    }

    .authors-container .contact-me-cont .contact-me-network span {
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        line-height: 21px;
        color: #000;
        font-weight: 400
    }

    .authors-container .contact-me-cont .contact-me-network .subscribe {
        margin: 0 0 20px 0;
        padding: 5px 10px;
        font-family: "Roboto", sans-serif;
        font-size: 11px;
        line-height: 21px;
        color: #000;
        font-weight: 500
    }

    .authors-container .contact-me-cont .contact-me-network .subscribe-modal {
        top: 40px;
        left: -135px
    }
}

.blogs-container {
    margin-left: 0 !important
}

.blogs-container>div:last-child {
    display: flex;
    flex-wrap: wrap
}

.blogs-container>div:last-child .img-blog {
    height: 65px;
    max-height: 65px;
    padding: 0;
    background-color: #fff;
    background-image: linear-gradient(rgba(211, 211, 211, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(211, 211, 211, 0.3) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    background-size: 100px 5px, 5px 100px, 20px 20px, 20px 20px;
    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.blogs-container>div:last-child .img-blog>a {
    display: contents
}

.blogs-container>div:last-child .img-blog>a:hover {
    opacity: 1
}

.blogs-container>div:last-child .img-blog>a img {
    object-fit: cover;
    object-position: left;
    height: 100%;
    width: auto;
    max-width: 100%
}

.blogs-container>div:last-child .search-blog {
    display: none
}

.blogs-container>div:last-child .search-blog>label {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.14;
    letter-spacing: 0;
    color: #000
}

.blogs-container>div:last-child .about-blog {
    width: 100%;
    text-align: right;
    border-bottom: 1px solid gray;
    margin: 0 10px
}

@media only screen and (min-width : 768px) {
    .blogs-container {
        margin-left: 0 !important
    }

    .blogs-container>div:last-child {
        border-right: 0;
        border-left: 0;
        border-top: 0;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0
    }

    .blogs-container>div:last-child .img-blog {
        height: 95px;
        max-height: 95px;
        padding: 0
    }

    .blogs-container>div:last-child .search-blog>label {
        margin: 0
    }

    .blogs-container>div:last-child .about-blog {
        margin: 0;
        width: 100%;
        text-align: right;
        border-bottom: 1px solid gray
    }
}

@media only screen and (min-width : 1040px) {
    .blogs-container {
        margin-left: 0 !important
    }

    .blogs-container>div:last-child {
        border: 1px solid gray;
        border-right: 0;
        border-left: 0;
        border-top: 0;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0
    }

    .blogs-container>div:last-child .img-blog {
        width: 70%
    }

    .blogs-container>div:last-child .search-blog {
        min-height: 94px;
        background-color: #fff;
        background-image: linear-gradient(rgba(211, 211, 211, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(211, 211, 211, 0.3) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
        background-size: 100px 5px, 5px 100px, 20px 20px, 20px 20px;
        background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
        flex-direction: column;
        justify-content: center;
        width: 30%
    }

    .blogs-container>div:last-child .search-blog>label {
        margin: 0
    }
}

.the-most {
    margin: 50px 0 70px
}

.the-most a:hover {
    text-decoration: none
}

.the-most .tab__header {
    padding: 19px 8px 8px;
    display: flex;
    background-color: #f6f6f6;
    border-bottom: 1px solid #d3d3d3
}

@media only screen and (min-width : 1040px) {
    .the-most .tab__header {
        display: none
    }
}

.the-most .tab__header.tab__header--desktop {
    display: none
}

@media only screen and (min-width : 1040px) {
    .the-most .tab__header.tab__header--desktop {
        display: flex;
        align-items: flex-end
    }
}

.the-most .tab__header.tab__header--desktop .tab__header__left,
.the-most .tab__header.tab__header--desktop .tab__header__right {
    width: 50%
}

.the-most .tab__header.tab__header--desktop .tab__header__left span,
.the-most .tab__header.tab__header--desktop .tab__header__right span {
    font-family: "Bitter-Bold", sans-serif;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: .3px;
    color: #c4071b
}

.the-most .tab__header.tab__header--desktop .tab__header__left {
    display: flex;
    padding-right: 30px
}

.the-most .tab__header.tab__header--desktop .tab__header__left span {
    margin-left: auto
}

.the-most .tab__header.tab__header--desktop .tab__header__right {
    padding-right: 2px;
    text-align: right
}

.the-most .tab__header .tab__header__title {
    margin: 0;
    font: 700 18px/22px "Roboto", sans-serif;
    letter-spacing: 0
}

.the-most .tab__header .tab__header__selector {
    margin-left: auto;
    margin-right: 7px
}

.the-most .tab__header .tab__header__selector span {
    margin-right: 15px;
    font-family: "Bitter-Bold", sans-serif;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: .3px;
    color: #b2b2b2;
    cursor: pointer
}

.the-most .tab__header .tab__header__selector span:last-child {
    margin: 0
}

.the-most .tab__header .tab__header__selector span.active {
    position: relative;
    color: #c4071b;
    pointer-events: none
}

.the-most .tab__header .tab__header__selector span.active::after {
    content: "";
    width: calc(100% + 20px);
    height: 4px;
    position: absolute;
    bottom: -10px;
    left: -10px;
    background-color: #c4071b
}

.the-most .tab__lists__wrapper {
    border-bottom: 1px solid #d3d3d3
}

@media only screen and (min-width : 1040px) {
    .the-most .tab__lists__wrapper {
        display: flex;
        justify-content: space-between
    }

    .the-most .tab__lists__wrapper .tab__content {
        display: block;
        width: 50%;
        padding-right: 20px
    }

    .the-most .tab__lists__wrapper .tab__content+.tab__content {
        display: block;
        padding-left: 20px;
        padding-right: 0;
        border-left: 1px solid #d3d3d3
    }
}

.the-most .tab__content {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none
}

.the-most .tab__content.active {
    display: block
}

.the-most .tab__content .tab__content__item {
    display: flex;
    align-items: center;
    height: 108px;
    padding: 15px 8px;
    border-bottom: 1px solid #d3d3d3
}

.the-most .tab__content .tab__content__item:last-child {
    border-bottom: none
}

.the-most .tab__content .tab__content__item .tab__content__item__wrapper {
    width: 80%
}

.the-most .tab__content .tab__content__item .tab__content__item__title {
    max-height: 54px;
    display: flex;
    align-items: flex-end;
    margin: 0;
    font: 15px/1 "Bitter-Bold", sans-serif;
    letter-spacing: 0;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

.the-most .tab__content .tab__content__item .tab__content__item__title a {
    color: inherit
}

.the-most .tab__content .tab__content__item .tab__content__item__author {
    display: block;
    margin-top: 9px;
    font: 14px/1.2 "Roboto", sans-serif;
    letter-spacing: 0;
    color: dimgray;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.the-most .tab__content .tab__content__item span.order {
    width: 20%;
    margin-left: auto;
    font-family: "Bitter-Bold", sans-serif;
    font-size: 62px;
    letter-spacing: 0;
    text-align: right
}

.the-most .the-most__btn {
    padding: 0 10px;
    margin-top: 30px;
    text-align: center
}

@media only screen and (min-width : 768px) {
    .the-most .the-most__btn {
        padding: 0 55px
    }
}

@media only screen and (min-width : 1040px) {
    .the-most .the-most__btn {
        padding: 0
    }
}

.the-most .the-most__btn a {
    display: block;
    min-width: 314px;
    padding: 14px 0;
    margin: auto;
    background-color: #c4071b;
    font: 20px/24px "Roboto", sans-serif;
    text-transform: uppercase;
    color: #fff
}

@media only screen and (min-width : 1040px) {
    .the-most .the-most__btn a {
        min-width: auto;
        display: inline-block;
        padding: 14px 50px
    }
}

.the-most.the-most--module {
    margin: 17px 0 15px
}

@media only screen and (min-width : 1040px) {
    .the-most.the-most--module .tab__header {
        display: flex
    }

    .the-most.the-most--module .tab__header .tab__header__title,
    .the-most.the-most--module .tab__header .tab__header__selector span {
        font-size: 16px;
        line-height: 19px
    }

    .the-most.the-most--module .tab__header.tab__header--desktop {
        display: none
    }

    .the-most.the-most--module .tab__lists__wrapper {
        display: block
    }

    .the-most.the-most--module .tab__lists__wrapper .tab__content {
        display: none;
        width: 100%;
        padding: 0
    }

    .the-most.the-most--module .tab__lists__wrapper .tab__content.active {
        display: block
    }

    .the-most.the-most--module .tab__lists__wrapper .tab__content+.tab__content {
        padding: 0;
        border-left: none
    }
}

.the-most.the-most--module .the-most__btn {
    display: none
}

.bulletin-subscription {
    position: relative;
    padding: 20px;
    border: 1px solid gray;
    margin-bottom: 20px
}

.bulletin-subscription .bulletin-img {
    position: absolute;
    top: 20px;
    left: 3px;
    width: 80px;
    height: 40px
}

.bulletin-subscription .title {
    margin-top: 50px;
    margin-bottom: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    color: #252121
}

.bulletin-subscription .checkbox-wrapper {
    padding: 20px 0;
    margin: 0
}

.bulletin-subscription .checkbox-wrapper .option {
    margin-bottom: 4px;
    list-style: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000
}

.bulletin-subscription .checkbox-wrapper .option:last-child {
    margin: 0
}

.bulletin-subscription .checkbox-wrapper .option .checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 7px 12px 7px 42px;
    background-color: rgba(150, 146, 146, .1)
}

.bulletin-subscription .checkbox-wrapper .option .checkbox:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.bulletin-subscription .checkbox-wrapper .option .checkbox.checked {
    background-color: rgba(150, 146, 146, .3)
}

.bulletin-subscription .checkbox-wrapper .option .checkbox .checkbox-input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    opacity: 0;
    cursor: pointer
}

.bulletin-subscription .checkbox-wrapper .option .checkbox .checkbox-input.checked+.checkmark {
    border: 1px solid #252121
}

.bulletin-subscription .checkbox-wrapper .option .checkbox .checkbox-input.checked+.checkmark:after {
    display: block
}

.bulletin-subscription .checkbox-wrapper .option .checkbox .checkmark {
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #252121;
    border-radius: 50%;
    color: #252121
}

.bulletin-subscription .checkbox-wrapper .option .checkbox .checkmark:after {
    display: none;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #c4071b
}

.bulletin-subscription .checkbox-wrapper .option .checkbox .checkbox-text {
    margin: 0;
    color: #252121
}

.bulletin-subscription .mail-input,
.bulletin-subscription .send-btn {
    min-height: 50px;
    text-align: center
}

.bulletin-subscription .mail-input {
    width: 100%;
    margin-bottom: 4px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    border: 1px solid #969292
}

.bulletin-subscription .mail-input::placeholder {
    color: #969292
}

.bulletin-subscription .send-btn {
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    background-color: #c4071b;
    outline: none;
    border: none
}

.bulletin-subscription .send-btn:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.edi-advertising {
    display: contents
}

.edi-advertising.ad__no-dotted .advertising-wrapper {
    border: 0 none;
    margin-bottom: 0;
    padding-bottom: 0
}

.edi-advertising.ad__no-legend .advertising-wrapper {
    padding-top: 5px
}

.edi-advertising.ad__no-legend .advertising-wrapper:before {
    display: none;
    content: ""
}

.edi-advertising.ad__no-dotted.ad__no-legend .advertising-wrapper {
    padding: 0
}

.edi-advertising.ad__no-border .advertising-wrapper {
    border: none
}

.bbnx-template--preview .edi-advertising,
.sky--preview .edi-advertising {
    display: none
}

.advertising-position-wrapper--preview {
    background-color: #c5051c;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.16;
    letter-spacing: .4px
}

@media only screen and (max-width: 768px) {
    .advertising-position-wrapper--desktop {
        display: none
    }
}

@media only screen and (min-width: 769px) {
    .advertising-position-wrapper--mobile {
        display: none
    }
}

.advertising-wrapper {
    border-right: 0;
    border-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto
}

.sky .advertising-wrapper {
    min-height: 600px;
    align-items: flex-start
}

.advertising-wrapper .ad-label {
    color: #999;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    padding: 4px 0px 3px 5px;
    font-family: Arial
}

.sky .advertising-wrapper .ad-label {
    display: none
}

.advertising-wrapper .ad-label--hidden {
    visibility: hidden
}

.advertising-wrapper:has(>#traffective-ad-Footer_1) {
    display: block
}

.no-border-i .advertising-wrapper {
    border: none !important
}

.advertising-wrapper:not(:has(>div)),
.advertising-wrapper:has(>div:empty) {
    padding: 0
}

.advertising-wrapper .close {
    display: none
}

.advertising-wrapper.bannerbottom {
    margin: 20px auto
}

.advertising-wrapper>div {
    width: 100%
}

.advertising-wrapper>div[data-ad-debug] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #333
}

.advertising-wrapper>div[data-ad-debug]:empty:before {
    content: attr(data-ad-debug-unit-code);
    font-size: 20px;
    color: wheat;
    word-break: break-all
}

.advertising-wrapper>div[data-ad-debug].desktop-ad {
    display: none
}

@media only screen and (min-width : 1040px) {
    .advertising-wrapper>div[data-ad-debug].desktop-ad {
        display: flex
    }
}

.advertising-wrapper>div[data-ad-debug].mobile-ad {
    display: flex
}

@media only screen and (min-width : 1040px) {
    .advertising-wrapper>div[data-ad-debug].mobile-ad {
        display: none
    }
}

.advertising-wrapper>div[data-ad-debug].sky-ad:empty {
    width: 150px;
    min-height: 500px
}

.advertising-wrapper.megabanner-top>div[data-ad-debug]:empty:before {
    font-size: 40px
}

.edi-advertising:has(.replacement-banner-picture) .advertising-wrapper>div[data-ad-debug] {
    background-color: transparent
}

.edi-advertising:has(.replacement-banner-picture) .advertising-wrapper a {
    height: 100%;
    display: flex
}

.c-content .advertising-wrapper {
    padding: 15px 0;
    border: 1px solid gray;
    border-right: none;
    border-left: none
}

.advertising-wrapper.issticky {
    margin: 0 0 20px 0;
    border: none;
    display: block;
    text-align: center;
    justify-content: inherit;
    align-items: inherit;
    overflow: inherit
}

.advertising-wrapper.issticky>div {
    position: sticky;
    top: 55px;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block
}

.secondary-content .advertising-wrapper {
    margin: 0 0 20px
}

.secondary-content .edi-advertising>div[class^=sc-mpu-] {
    margin-bottom: 20px
}

.secondary-content>.edi-advertising:first-child {
    display: block;
    margin-top: 17px
}

.home-page .grid-container .edi-advertising:not(:last-child)>div[class^=sc-mpu-] {
    margin-bottom: 20px
}

.ad-preview-wrapper {
    background-color: #9a9a9a;
    color: #fff;
    text-align: center;
    margin: 10px auto;
    max-width: 1040px
}

.edi-replacement-module {
    display: none;
    margin-bottom: 30px
}

@media only screen and (max-width : 767px) {
    .edi-replacement-module {
        height: auto !important
    }
}

.edi-replacement-module.issticky {
    display: block;
    justify-content: inherit;
    align-items: inherit;
    overflow: inherit
}

.edi-replacement-module.issticky .edi-replacement-module {
    position: sticky;
    top: 55px;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block
}

@media only screen and (max-width : 767px) {
    .partner-wrapper .edi-advertising+figure {
        margin-top: 1rem
    }

    .grid-container .edi-advertising:not(.megabanner-top) .advertising-wrapper>div>div:not(:empty),
    .col-12.header-ad .edi-advertising:not(.megabanner-top) .advertising-wrapper>div>div:not(:empty) {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media only screen and (min-width : 768px) {

    .home-content-container>.edi-advertising:not(.megabanner-top) .advertising-wrapper>div>div:not(:empty),
    .edi-advertising:not(.megabanner-top) .advertising-wrapper>div>div:not(:empty) {
        padding-top: 10px;
        padding-bottom: 40px;
        box-sizing: content-box
    }
}

@media only screen and (min-width : 1040px) {
    .edi-advertising:has(.advertising-wrapper #traffective-ad-Rectangle_10) {
        position: sticky;
        top: 50px
    }
}

@media only screen and (min-width : 768px) {
    #traffective-ad-Billboard {
        width: 100%;
        height: 273px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

#traffective-ad-Billboard>div {
    padding: 0 !important
}

#traffective-ad-Billboard img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.ad-label:has(+div:empty),
.advertising-position-wrapper:empty {
    display: none
}

#id-megabannerBottom {
    width: 100%
}

#id-mobileBottomPosition {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100vw;
    max-width: 100%;
    z-index: 9999999;
    background-color: #fff;
    border-top: 1px solid #ccc;
    padding: 10px 0px 0px;
    box-sizing: content-box;
    opacity: 1;
    pointer-events: auto
}

#id-mobileBottomPosition .close-button {
    position: absolute;
    z-index: 9999;
    background: #fff;
    width: 30px;
    height: 30px;
    color: #ccc;
    cursor: pointer;
    line-height: 30px;
    font-size: 20px;
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
    display: block;
    box-sizing: border-box;
    top: -30px;
    right: 0px;
    border-left: 1px solid #ccc;
    border-top-left-radius: 10px;
    border-top: 1px solid #ccc
}

.sky {
    max-width: 1040px;
    position: fixed;
    z-index: 1;
    top: 10px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto
}

.sky .skyleft {
    position: absolute;
    right: 101%
}

.sky .skyleft figure {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end
}

.sky .skyright {
    position: absolute;
    left: 101%
}

.sky .skyright figure {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

body.partner .sky {
    display: none
}

.partner .edi-advertising {
    display: none !important
}

.partner .secondary-content .edi-advertising {
    display: none
}

.partner .edi-advertising[data-replacement-banners] {
    display: block !important
}

.partner .edi-advertising[data-replacement-banners] #traffective-ad-Billboard div {
    display: none
}

.partner .news-partners-recruitment {
    display: none
}

.quote {
    display: flex
}

.quote .quote-img {
    width: 100%;
    height: 228px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.quote .quote-wrapper {
    min-height: 139px;
    position: relative;
    padding: 55px 30px 15px 20px;
    background-color: #f2f0f0
}

.minute-by-minute-page--politician .quote .quote-wrapper {
    background-color: #fff;
    padding: 5px 30px 15px 20px
}

.quote .quote-wrapper .first-quote {
    position: absolute;
    top: -1px;
    left: 20px;
    width: 56px;
    height: 42px;
    background-image: url(/quotes.h-b8a341b71d12579cc659e39c3cb846dd-15905d17.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.minute-by-minute-page--politician .quote .quote-wrapper .first-quote {
    background-image: url(/quotes-politician.h-b8a341b71d12579cc659e39c3cb846dd-15905d17.svg);
    position: inherit;
    float: left;
    top: 0;
    left: 0;
    margin-right: 10px
}

.quote .quote-wrapper .quote-text {
    margin-bottom: 0;
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.14;
    letter-spacing: .3px;
    color: #000
}

.quote .quote-wrapper .quote-text::after {
    content: '"'
}

.minute-by-minute-page--politician .quote .quote-wrapper .quote-text {
    padding-top: 18px
}

.quote .quote-wrapper .quote-author {
    margin: 30px 0 0;
    font: 400 14px/18px "Roboto", sans-serif;
    color: #000
}

.quote .quote-wrapper .quote-author .name {
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .quote .quote-img {
        flex: 0 0 200px;
        height: auto
    }

    .quote .quote-wrapper {
        min-height: 106px;
        flex: 1 1 0%;
        padding: 50px 105px 10px 20px
    }

    .quote .quote-wrapper .first-quote {
        width: 47.5px;
        height: 35px
    }

    .quote.hasImg .quote-wrapper {
        min-height: 129px
    }
}

@media only screen and (min-width: 1040px) {
    .quote .quote-wrapper {
        padding: 50px 20px 10px
    }
}

.embed-container {
    width: 100%;
    text-align: center;
    margin-bottom: 24px
}

.embed-container iframe {
    width: 100%
}

.embed-container.ratio {
    position: relative;
    margin: 0 0 26px;
    padding-bottom: 56.25%;
    text-align: center;
    height: auto;
    width: 100%
}

.embed-container.ratio>*,
.embed-container.ratio>iframe,
.embed-container.ratio>*>iframe {
    display: block;
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

.embed-container.ratio__4_3 {
    padding-bottom: 75%
}

.embed-container.ratio__1_1 {
    padding-bottom: 100%
}

.embed-container.ratio__16_9 {
    padding-bottom: 56.25%
}

.embed-container.ratio__9_16 {
    padding-bottom: 177.78%
}

.bbt-import {
    text-align: left;
    font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 150%
}

.bbt-import style {
    displey: none
}

.bbt-import h2 {
    font-family: inherit;
    font-size: 18px;
    color: #64b961;
    font-weight: bold
}

.bbt-import h3 {
    font-family: inherit;
    font-size: 24px;
    color: #414141
}

.bbt-import p {
    margin: 10px 0;
    padding: 0
}

.bbt-import a,
.bbt-import .pg-body .mce a.mce {
    color: #64b961;
    font-weight: bold;
    text-decoration: none
}

.bbt-import ul {
    margin: 0;
    padding: 0 0 0 15px;
    text-align: justify
}

.bbt-import .mcnDividerBlock .mcnDividerBlockInner {
    padding-top: 20px
}

.bbt-import .mcnDividerBlock .mcnDividerContent {
    border-top: 1px solid #d9d9d9;
    border-collapse: collapse
}

.bbt-import .mcnButtonContentContainer {
    background-color: #64b961
}

.bbt-import .mcnButtonContent {
    font-family: Arial, sans-serif;
    font-size: 16px;
    padding: 15px
}

.bbt-import .mcnButton {
    display: block;
    color: #fff;
    line-height: 16px
}

.bbt-import .mcnBoxedTextBlock .mcnTextContentContainer {
    background: #64b961;
    color: #fff
}

.bbt-import .mcnBoxedTextBlock .mcnTextContent {
    text-align: center;
    padding: 18px
}

.bbt-import .mcnBoxedTextBlock a {
    color: #fff
}

.rrss:last-child {
    padding: 0
}

.rrss .rrss-link {
    display: inline-block;
    padding-right: 15px;
    color: #cecece
}

.rrss .rrss-link:hover {
    text-decoration: none;
    opacity: 1
}

.rrss .rrss-link:last-child {
    padding: 0
}

.rrss .rrss-link .rrss-icon {
    font-size: 22px
}

.rrss .rrss-link.twitter:hover {
    color: #55adee
}

.rrss .rrss-link.facebook:hover {
    color: #39579a
}

.rrss .rrss-link.facebook-f:hover {
    color: #39579a
}

.rrss .rrss-link.pinterest:hover {
    color: #c8232c
}

.rrss .rrss-link.instagram:hover {
    color: #af4050
}

.rrss .rrss-link.telegram:hover {
    color: #2ca5e1
}

.rrss .rrss-link.telegram-plane:hover {
    color: #2ca5e1
}

.cmp-footer {
    margin-top: 20px;
    background-color: #c4071b
}

.cmp-footer .cmp-footer__wrapper {
    display: flex;
    flex-direction: column;
    padding: 30px
}

.cmp-footer .cmp-footer__wrapper>*:not(:first-child) {
    padding-top: 20px
}

.cmp-footer .cmp-footer__wrapper .footer-image-wrapper,
.cmp-footer .cmp-footer__wrapper .footer-image-wrapper .footer-image {
    max-width: 173px
}

.cmp-footer .cmp-footer__wrapper .footer-image-wrapper {
    margin: 0 auto
}

.cmp-footer .cmp-footer__wrapper .footer-image-wrapper .footer-image {
    filter: invert(100) brightness(100)
}

.cmp-footer .cmp-footer__wrapper .footer-info .footer-title {
    margin: 0;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.28;
    letter-spacing: .3px;
    color: #fff
}

@media only screen and (min-width : 768px) {
    .cmp-footer .cmp-footer__wrapper .footer-info .footer-title {
        font-size: 22px
    }
}

.cmp-footer .cmp-footer__wrapper .footer-info .footer-title a {
    text-decoration: underline;
    color: #fff
}

.cmp-footer .cmp-footer__wrapper .footer-info .footer-title a:hover {
    text-decoration: none;
    opacity: .8
}

.cmp-footer .cmp-footer__wrapper .footer-info .footer-info__btn-wrapper {
    margin-top: 15px;
    text-align: center
}

.cmp-footer .cmp-footer__wrapper .footer-info .footer-btn {
    display: inline-block;
    min-width: 0;
    padding: 10px;
    border: 2px solid #fff;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: #fff;
    text-transform: uppercase
}

.cmp-footer .cmp-footer__wrapper .icons-container {
    position: relative
}

.cmp-footer .cmp-footer__wrapper .icons-container .icons-wrapper .icons-title {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.73;
    color: #fff
}

@media only screen and (max-width : 767px) {
    .cmp-footer .cmp-footer__wrapper .icons-container .icons-wrapper .icons-title {
        text-transform: uppercase
    }
}

.cmp-footer .cmp-footer__wrapper .icons-container .icons-wrapper .icons {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.cmp-footer .cmp-footer__wrapper .icons-container .icons-wrapper .icons a {
    margin-right: 14px;
    color: #fff;
    font-size: 24px
}

.cmp-footer .cmp-footer__wrapper .icons-container .icons-wrapper .icons a:last-child {
    margin-right: 0
}

.cmp-footer .cmp-footer__wrapper .icons-container .icons-wrapper .icons a.link-facebook,
.cmp-footer .cmp-footer__wrapper .icons-container .icons-wrapper .icons a.link-youtube,
.cmp-footer .cmp-footer__wrapper .icons-container .icons-wrapper .icons a.link-tiktok {
    font-size: 22px
}

.cmp-footer .cmp-footer__wrapper .icons-container .icons-wrapper .icons a i {
    font-size: inherit
}

@media only screen and (min-width : 768px) {
    .cmp-footer .cmp-footer__wrapper {
        min-width: 280px;
        flex-direction: row;
        justify-content: space-between;
        padding: 0 20px
    }

    .cmp-footer .cmp-footer__wrapper>* {
        width: 33%;
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .cmp-footer .cmp-footer__wrapper>*:not(:last-child) {
        border-right: 1px solid rgba(255, 255, 255, .5)
    }

    .cmp-footer .cmp-footer__wrapper .footer-image-wrapper {
        width: 265px;
        max-width: 264px;
        padding-right: 30px
    }

    .cmp-footer .cmp-footer__wrapper .footer-info {
        min-width: 280px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: 30px;
        padding-right: 30px
    }

    .cmp-footer .cmp-footer__wrapper .footer-info .footer-title {
        margin: 0;
        font-size: 19px
    }

    .cmp-footer .cmp-footer__wrapper .icons-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: 30px;
        padding-right: 10px
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-footer .cmp-footer__wrapper .footer-image-wrapper {
        width: 285px;
        max-width: 284px;
        padding-left: 30px;
        padding-right: 30px
    }

    .cmp-footer .cmp-footer__wrapper .footer-info {
        width: auto;
        flex: 1 1 0
    }

    .cmp-footer .cmp-footer__wrapper .footer-info .footer-title {
        font-size: 21px;
        font-family: "Bitter-Bold", sans-serif
    }

    .cmp-footer .cmp-footer__wrapper .icons-container {
        width: 282px
    }

    .cmp-footer .cmp-footer__wrapper .icons-container .icons-wrapper.shareIcons .icons-title {
        margin-bottom: 0
    }
}

@media only screen and (min-width : 1040px) {
    .partner .cmp-footer {
        width: 100%;
        margin: 0
    }

    .partner .cmp-footer .cmp-footer__wrapper {
        max-width: 1040px;
        margin: 0 auto
    }

    .partner .cmp-footer .footer-image-wrapper,
    .partner .cmp-footer .icons-container {
        width: 33%
    }

    .partner .cmp-footer .footer-image-wrapper {
        text-align: right
    }

    .partner .cmp-footer .footer-image-wrapper .footer-image {
        margin-right: 30px
    }
}

.footer-links {
    width: 100%;
    padding: 22px 0 30px;
    text-align: center
}

.footer-links .links-list {
    padding: 0;
    margin: 0 auto;
    list-style: none
}

.footer-links .links-list .link-item .link {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.29;
    color: #4a4a4a;
    line-height: 2.14
}

.footer-links .links-list .link-item .link:hover {
    text-decoration: none;
    opacity: 1
}

.footer-links .links-list .link-item .link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

@media only screen and (min-width : 1040px) {
    .footer-links {
        padding: 14px 0 30px;
        margin: 0
    }

    .footer-links .links-list .link-item {
        display: inline-block;
        margin: 0 8px
    }

    .footer-links .links-list .link-item:first-child {
        margin-left: 0
    }

    .footer-links .links-list .link-item:last-child {
        margin-right: 0
    }

    .footer-links .links-list .link-item .link {
        font-size: 12px;
        line-height: 1.67
    }
}

.search-header-cont {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    height: 90px;
    background-color: #f2f0f0;
    box-shadow: 10px 0 0 0 #f2f0f0, -10px 0 0 0 #f2f0f0
}

.search-header-cont .input-group {
    width: 313px;
    border-radius: 2px
}

.search-header-cont .input-group .input-searcher-2 {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border: none
}

.search-header-cont .input-group .input-group-append>.input-group-text {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border: none
}

@media only screen and (min-width : 768px) {
    .search-header-cont {
        box-shadow: 20px 0 0 0 #f2f0f0, -20px 0 0 0 #f2f0f0;
        position: relative;
        height: 80px
    }

    .search-header-cont .input-group {
        width: 660px
    }

    .search-header-cont:after {
        content: "";
        display: block;
        position: absolute;
        left: -10px;
        top: 0;
        height: 100%;
        width: 10px;
        background: #f2f0f0
    }

    .search-header-cont:before {
        content: "";
        display: block;
        position: absolute;
        right: -10px;
        top: 0;
        height: 100%;
        width: 10px;
        background: #f2f0f0
    }
}

@media only screen and (min-width : 1040px) {
    .search-header-cont {
        box-shadow: 20px 0 0 0 #f2f0f0, -20px 0 0 0 #f2f0f0;
        position: relative
    }

    .search-header-cont:after {
        display: none
    }

    .search-header-cont:before {
        display: none
    }
}

.home-filter {
    position: relative;
    margin-bottom: 20px;
    padding-top: 11px
}

.home-filter .dotted-lines {
    top: 0
}

.home-filter .dotted-lines.line4+.filter-info {
    padding-top: 13px
}

.home-filter .dotted-lines.line3+.filter-info {
    padding-top: 11px
}

.home-filter .dotted-lines.line2+.filter-info {
    padding-top: 6px
}

.home-filter .dotted-lines.line1+.filter-info {
    padding-top: 1px
}

.home-filter .filter-info {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.home-filter .filter-info .title,
.home-filter .filter-info .icon-title {
    padding-right: 10px
}

.home-filter .filter-info .icon-title {
    height: 25px
}

.home-filter .filter-info .title {
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.31;
    color: #252121
}

.home-filter .filter-info .title a {
    color: inherit
}

.home-filter .filter-info .title a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.cont-opening .home-filter .filter-info .title {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 1;
    color: #252121
}

@media only screen and (min-width : 768px) {
    .cont-opening .home-filter .filter-info .title {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 21px;
        line-height: 1;
        color: #252121
    }
}

.home-filter .filter-info.colaboration {
    align-items: flex-start
}

.home-filter .filter-info.colaboration .filter-action .text {
    color: #4a4a4a;
    padding-right: 6px
}

.home-filter .filter-info.colaboration .filter-action .colaboration-img {
    max-height: 30px
}

.home-filter .filter-info .filter-action {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    color: #252121;
    text-transform: none;
    color: #9b9b9b
}

@media(max-width: 767px) {
    .home-filter .filter-info .filter-action {
        padding-top: 0
    }
}

.home-filter .filter-info .filter-action .text {
    margin-bottom: 0;
    padding-right: 3px
}

@media(max-width: 767px) {
    .home-filter .filter-info .filter-action .text {
        display: none
    }
}

.home-filter .filter-info .filter-action .filter {
    padding-left: 0
}

.home-filter .filter-info .filter-action .filter .filter-text {
    display: none
}

.home-filter .filter-info .filter-action .filter .filter-select-wrapper {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    color: #252121;
    text-transform: none;
    color: #000
}

.home-filter .filter-info .filter-action .filter .icon {
    display: flex;
    align-items: center;
    margin-left: 8px;
    font-size: 13px
}

.home-filter.headband--thematic .filter-info .title {
    color: #c4071b
}

.picture-related {
    display: flex;
    min-height: 72px;
    margin-top: 30px
}

.picture-related .pr-media-icon {
    width: 29px;
    height: 29px
}

.picture-related .pr-img {
    position: relative;
    width: 100px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.picture-related .pr-img .pr-media-icon {
    position: absolute;
    top: 10px;
    right: 10px
}

.picture-related .pr-text {
    flex: 1 1 0%;
    background-color: #f2f0f0
}

.picture-related .pr-text .pr-icon-wrapper {
    display: none;
    padding: 10px;
    text-align: right;
    background-color: #e8e6e6
}

.picture-related .pr-text .pr-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 96%;
    margin-bottom: 0;
    padding: 7px 10px;
    font: 600 14px/1.36 "Roboto", sans-serif;
    color: #000
}

.picture-related .pr-text .pr-title .pr-title-category {
    color: #c15562
}

.picture-related .pr-text .pr-title a {
    color: inherit
}

.picture-related .pr-text .pr-title a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .picture-related .pr-img .pr-media-icon {
        display: none
    }

    .col-md-4 .picture-related .pr-img .pr-media-icon,
    .col-md-3 .picture-related .pr-img .pr-media-icon {
        display: block
    }

    .picture-related .pr-text {
        display: flex
    }

    .picture-related .pr-text .pr-icon-wrapper {
        display: block;
        width: 20.84%
    }

    .col-md-4 .picture-related .pr-text .pr-icon-wrapper {
        display: none
    }

    .col-md-3 .picture-related .pr-text .pr-icon-wrapper {
        display: none
    }

    .picture-related .pr-text .pr-title {
        flex: 1 1 0%;
        padding: 6px 16px
    }
}

@media only screen and (min-width: 1040px) {
    .picture-related .pr-text .pr-title {
        padding: 6px 14px
    }
}

.header-container header {
    width: 100%;
    max-width: 1040px;
    display: grid;
    grid-template-areas: "hmenu hlogo husers";
    grid-template-columns: 23px auto auto;
    grid-template-rows: 50px;
    padding: 0 12px
}

@media only screen and (min-width : 768px) {
    .header-container header {
        grid-template-rows: 53px
    }
}

.header-container header .hlogo {
    display: flex;
    align-items: center;
    grid-area: hlogo;
    margin-left: 15px
}

@media only screen and (min-width : 768px) {
    .header-container header .hlogo {
        margin: 0
    }
}

.header-container header .hlogo picture {
    background: none
}

.header-container header .hlogo picture img {
    background: none
}

.header-container header .husers {
    display: flex;
    justify-content: flex-end;
    grid-area: husers;
    position: relative;
    align-items: center
}

@media only screen and (min-width : 768px) {
    .header-container header .husers {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: center
    }
}

.header-container header .husers .user-header {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header-container header .husers .user-header .become-partner {
    padding: 3px 5px;
    margin-right: 10px;
    border: 2px solid #0890e6;
    border-radius: 2px;
    background-color: #0890e6;
    color: #fff
}

@media only screen and (min-width : 768px) {
    .header-container header .husers .user-header .become-partner {
        padding: 7px 25px
    }
}

.header-container header .husers .user-header .become-partner a {
    display: block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    color: inherit;
    font-weight: 500;
    text-decoration: none
}

@media only screen and (min-width : 768px) {
    .header-container header .husers .user-header .become-partner a {
        font-size: 14px
    }
}

.header-container header .husers .user-header .become-partner a.btn-reactive-quota {
    font-size: 10px
}

@media only screen and (min-width: 430px) {
    .header-container header .husers .user-header .become-partner a.btn-reactive-quota {
        font-size: 13px
    }
}

.header-container header .husers .user-header.is-logged .become-partner {
    height: 24px;
    display: flex;
    align-items: center
}

@media only screen and (min-width : 768px) {
    .header-container header .husers .user-header.is-logged .become-partner {
        height: auto
    }
}

.header-container header .husers .user-header.is-logged .login-container {
    height: 24px
}

.header-container header .husers .user-header.is-logged .login-container .login-user {
    margin: 0
}

.header-container header .husers .user-header.is-logged .login-container .login-user .user-photo {
    width: 24px;
    height: 24px;
    position: relative;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer
}

.header-container header .husers .user-header.is-logged .login-container .login-user img.user-photo {
    top: -2px
}

.header-container header .husers .user-header.is-logged .login-container .login-user span.user-photo {
    top: 0
}

.header-container header .husers .user-header .login a {
    display: block;
    cursor: pointer;
    color: #0890e6
}

@media only screen and (min-width : 768px) {
    .header-container header .husers .user-header .login a {
        display: flex;
        align-items: center;
        padding: 2px 7px;
        border: 2px solid #0890e6;
        border-radius: 2px
    }
}

.header-container header .husers .user-header .login a span {
    display: none
}

@media only screen and (min-width : 768px) {
    .header-container header .husers .user-header .login a span {
        display: inline;
        margin-left: 5px;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 1;
        text-transform: uppercase;
        color: inherit;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none
    }
}

@media only screen and (min-width : 768px) {
    .header-container header .husers .user-header .improve-account {
        display: flex
    }
}

.header-container header .husers .transparencia {
    display: none
}

@media only screen and (min-width : 768px) {
    .header-container header .husers .transparencia {
        display: block;
        text-align: end
    }

    .header-container header .husers .transparencia a {
        font: 400 17px/17px "Roboto", sans-serif;
        text-decoration: none
    }
}

.header-container header .hmenu {
    grid-area: hmenu;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media only screen and (min-width : 768px) {
    .header-container header .hmenu {
        padding-right: 0
    }
}

.header-container header .hmenu span {
    background: #000
}

@media only screen and (min-width : 1040px) {

    .header-container.sticky .header-container.sticky header.header-home~.menu-header,
    .header-container.sticky header:not(.header-home)~.menu-header {
        left: 0;
        right: 0
    }
}

header~.menu-header {
    display: none;
    position: absolute;
    z-index: 10;
    margin: 0 !important;
    left: 0;
    right: 0;
    max-width: 1040px;
    width: 100%;
    background: #fff
}

header~.menu-header:after {
    content: "";
    position: absolute;
    bottom: -5px;
    height: 5px;
    width: 100%;
    background-color: rgba(242, 240, 240, .56);
    background-color: gray;
    mix-blend-mode: multiply
}

.cont-options-mobile {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #9b9b9b;
    height: calc(100vh - 55px)
}

.cont-options-mobile.active {
    display: flex
}

.header-info {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block
}

.header-container.sticky .header-info {
    display: none
}

@media only screen and (min-width : 768px) {
    .header-info.topics .hottopics {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        max-width: 1040px
    }

    .header-info.topics .hottopics:before {
        content: "";
        position: absolute;
        border-bottom: 1px solid rgba(37, 33, 33, .2);
        width: 100%;
        bottom: -11px
    }
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) header.header-home .husers .user-header .login a {
        padding-bottom: 2px !important
    }
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) header.header-home~.menu-header {
        top: 155px !important
    }
}

@media only screen and (min-width : 768px) {
    .header-container.sticky header.header-home~.menu-header {
        top: 53px !important
    }
}

.header-container .hfocus {
    position: relative
}

.header-container .logo--small {
    display: block;
    position: absolute;
    z-index: 2;
    margin-left: -132px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0
}

.header-container .logo--small img {
    height: 18px;
    width: 131px
}

.header-container .hottopics .logo--small {
    margin-left: -142px
}

.no-border-top-item {
    border-top: 3px hidden !important
}

.sectionheader {
    position: relative;
    margin-bottom: 10px
}

.sectionheader:after {
    content: none
}

@media only screen and (min-width : 768px) {
    .sectionheader:after {
        content: "";
        position: absolute;
        z-index: 1;
        border-bottom: 1px solid rgba(37, 33, 33, .2);
        width: 100%;
        bottom: 0;
        right: 0
    }
}

.sectionheader .subtitle {
    display: block;
    margin: 0;
    padding: 5px 10px 0;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: normal;
    color: #fff;
    font-size: 19px;
    text-decoration: none
}

@media only screen and (min-width : 768px) {
    .sectionheader .subtitle {
        padding-left: 15px;
        padding-right: 15px
    }
}

.sectionheader .subtitle .subtitle_kicker {
    display: block;
    opacity: .7;
    font-size: 0
}

@media only screen and (min-width : 768px) {
    .sectionheader .subtitle .subtitle_kicker {
        font-size: 17px
    }
}

.sectionheader .subtitle a {
    text-decoration: none;
    color: #fff
}

.sectionheader .subtitle a:hover {
    text-decoration: none
}

.sectionheader .htitle {
    background-color: var(--sectionColor);
    display: flex;
    justify-content: space-between;
    min-height: 40px;
    position: relative;
    margin: 6px auto 0
}

.sectionheader .htitle .customise {
    overflow: hidden;
    height: 50px;
    width: 175px;
    margin-left: 10px
}

.sectionheader .htitle .customise+.customise {
    margin-left: 0;
    margin-right: 10px
}

.sectionheader .htitle .customise img {
    width: 100%;
    height: 50px;
    object-fit: cover;
    object-position: top
}

@media only screen and (min-width : 768px) {
    .sectionheader .htitle .customise {
        height: 80px;
        width: 250px
    }

    .sectionheader .htitle .customise img {
        height: 80px
    }
}

.sectionheader .htitle .collaboration {
    padding: 5px 15px;
    flex-direction: row;
    justify-content: space-between !important;
    display: flex;
    align-self: center
}

.sectionheader .htitle .collaboration-text {
    margin: 0;
    padding: 8px;
    font: 400 11px/1.53 "Roboto", sans-serif;
    color: #fff
}

.sectionheader .htitle .collaboration-img {
    max-height: 30px
}

@media only screen and (min-width : 768px) {
    .sectionheader .htitle .collaboration-text {
        align-self: flex-end;
        font-size: 13px
    }

    .sectionheader .htitle .collaboration-img {
        max-height: 48px
    }
}

.sectionheader--footer {
    display: none
}

@media only screen and (min-width : 768px) {
    .sectionheader--footer {
        display: flex;
        justify-content: space-between
    }
}

.sectionheader--footer .htags {
    flex: 1 1 70%;
    display: block;
    overflow: hidden
}

@media only screen and (min-width : 768px) {
    .sectionheader--footer .htags {
        flex: 1 1 calc(100% - 180px)
    }
}

@media only screen and (min-width : 768px) {
    .sectionheader--footer .hrrss {
        display: flex;
        align-items: center;
        position: relative;
        margin-left: 20px;
        flex: 1 1 auto;
        height: 41px
    }

    .sectionheader--footer .hrrss .sn-buttons {
        height: 100%;
        width: 100%;
        padding-right: 20px;
        display: flex;
        justify-content: flex-end;
        position: relative
    }

    .sectionheader--footer .hrrss .sn-buttons a {
        font-size: 22px;
        display: flex;
        align-items: center;
        line-height: 1;
        text-decoration: none
    }

    .sectionheader--footer .hrrss .sn-buttons a .fa-facebook-f {
        font-size: 20px
    }

    .sectionheader--footer .hrrss .bulletin {
        padding-left: 18px;
        display: flex;
        align-items: center;
        height: 100%;
        position: relative
    }

    .sectionheader--footer .hrrss .bulletin:after {
        content: "";
        border-right: 1px solid gray;
        position: absolute;
        height: 25px;
        left: 0;
        bottom: 0
    }

    .sectionheader--footer .hrrss .bulletin a {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #4a4a4a;
        text-decoration: none
    }

    .sectionheader--footer .hrrss .bulletin a:hover {
        text-decoration: none;
        opacity: .6;
        cursor: pointer
    }
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {
    .sectionheader--footer .htags .menu-draggable .menu-cabecera-wrapper .menu-cabecera-desktop nav .item>.activecategory {
        transform: translateY(-6px);
        padding-top: 1px
    }
}

@media only screen and (min-width : 768px) {
    .sectionheader--footer .htags {
        overflow: visible !important;
        position: relative;
        height: 41px
    }

    .sectionheader--footer .htags .menu-draggable {
        overflow: initial;
        overflow-x: hidden;
        position: absolute;
        margin-left: -20px;
        padding-left: 20px;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        height: 100vh;
        pointer-events: none;
        color: var(--submenuColor)
    }

    .sectionheader--footer .htags .menu-draggable .menu-cabecera-wrapper {
        pointer-events: initial
    }

    .sectionheader--footer .htags .owl-carousel .owl-stage-outer {
        overflow: visible;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .sectionheader--footer .htags .owl-carousel .owl-stage-outer:-webkit-scrollbar {
        display: none
    }

    .sectionheader--footer .htags .menu-draggable .menu-cabecera-wrapper .menu-cabecera-desktop nav:after {
        content: none;
        right: -10px
    }

    .sectionheader--footer .htags .menu-draggable .item {
        display: flex
    }

    .sectionheader--footer .htags .item-dropdown {
        z-index: 9
    }

    .sectionheader--footer .htags .item-dropdown .icon {
        transform: rotate(180deg);
        margin-left: 5px;
        font-size: 12px;
        color: var(--submenuColor)
    }

    .sectionheader--footer .htags .item-dropdown:focus,
    .sectionheader--footer .htags .item-dropdown:active,
    .sectionheader--footer .htags .item-dropdown:hover .icon {
        transform: none
    }

    .sectionheader--footer .htags .item-dropdown:focus,
    .sectionheader--footer .htags .item-dropdown:active,
    .sectionheader--footer .htags .item-dropdown:hover .item-dropdown__layer {
        display: block
    }

    .sectionheader--footer .htags .item-dropdown .item-dropdown__layer {
        display: none;
        position: absolute;
        z-index: 9;
        left: -20px;
        margin-top: -12px;
        min-width: calc(100% + 35px);
        border-top: 18px solid transparent
    }

    .sectionheader--footer .htags .item-dropdown .item-dropdown__layer--inner {
        padding: 15px 0 0;
        background-color: #fff;
        min-width: 110px;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, .2)
    }

    .sectionheader--footer .htags .item-dropdown .item-dropdown__layer--inner .dotted-lines {
        margin-top: -15px
    }

    .sectionheader--footer .htags .item-dropdown .item-dropdown__layer a {
        display: block;
        position: relative;
        white-space: normal;
        z-index: 9;
        padding: 10px 20px 20px;
        font-size: 14px;
        line-height: 16px
    }

    .sectionheader--footer .htags .item-dropdown .item-dropdown__layer a:hover {
        background-color: #f2f0f0
    }

    .sectionheader--footer .htags .item-dropdown .item-dropdown__layer a:after {
        content: "";
        position: absolute;
        border-bottom: 1px solid gray;
        bottom: 0;
        left: 20px;
        right: 20px;
        width: auto
    }

    .sectionheader--footer .htags .item-dropdown .item-dropdown__layer a:last-child:after {
        content: none
    }
}

@media only screen and (min-width : 1040px) {
    .sectionheader--footer .htags .menu-draggable {
        display: inline;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .sectionheader--footer .htags .menu-draggable .menu-cabecera-wrapper {
        display: inline
    }

    .sectionheader--footer .htags .menu-draggable .menu-cabecera-wrapper .menu-cabecera-desktop {
        display: inline
    }

    .sectionheader--footer .htags .menu-draggable .menu-cabecera-wrapper .menu-cabecera-desktop nav .item>.activecategory,
    .sectionheader--footer .htags .menu-draggable .menu-cabecera-wrapper .menu-cabecera-desktop nav div.item-dropdown__layer--inner>.activecategory {
        padding-top: 5px
    }

    .sectionheader--footer .htags .menu-draggable .menu-cabecera-wrapper .menu-cabecera-desktop .owl-carousel {
        display: inline;
        line-height: 39px;
        color: var(--submenuColor)
    }

    .sectionheader--footer .htags .menu-draggable .menu-cabecera-wrapper .menu-cabecera-desktop .owl-carousel .item {
        position: relative;
        padding-right: 16px
    }

    .sectionheader--footer .htags .menu-draggable .menu-cabecera-wrapper .menu-cabecera-desktop .owl-carousel .item .item-dropdown {
        display: inline
    }

    .sectionheader--footer .htags .menu-draggable .menu-cabecera-wrapper .menu-cabecera-desktop .owl-carousel .item .item-dropdown__layer {
        transform: translateY(-5px)
    }
}

@media only screen and (min-width : 768px) {
    .header-info.home-microsite .sectionheader .htitle .subtitle {
        font-size: 28px
    }
}

.header-info.microsite .sectionheader .htitle {
    height: 80px
}

.header-info.microsite .sectionheader .htitle .customise {
    height: 80px;
    width: auto;
    margin-left: 10px
}

@media only screen and (min-width : 768px) {
    .header-info.microsite .sectionheader .htitle .customise {
        margin-left: 15px
    }
}

.header-info.microsite .sectionheader .htitle .customise img {
    height: 80px;
    width: 100%;
    object-fit: contain;
    object-position: center
}

.header-info.microsite .sectionheader .htitle .customise+.customise {
    text-align: right;
    margin-left: auto;
    margin-right: 10px
}

@media only screen and (min-width : 768px) {
    .header-info.microsite .sectionheader .htitle .customise+.customise {
        margin-right: 15px
    }
}

.header-info.home-microsite .sectionheader .htitle .customise {
    margin-left: 10px
}

@media only screen and (min-width : 768px) {
    .header-info.home-microsite .sectionheader .htitle .customise {
        margin-left: 15px
    }
}

.header-info.home-microsite .sectionheader .htitle .customise+.customise {
    text-align: right;
    margin-left: auto;
    margin-right: 10px
}

@media only screen and (min-width : 768px) {
    .header-info.home-microsite .sectionheader .htitle .customise+.customise {
        margin-right: 15px
    }
}

.sectionheader .menu-draggable {
    width: 100%
}

.sectionheader .menu-draggable .menu-cabecera-wrapper {
    background: #fff
}

.sectionheader .menu-draggable .menu-cabecera-wrapper .menu-cabecera-desktop a:not(.active):hover {
    color: var(--submenuColor)
}

.sectionheader .menu-draggable .menu-cabecera-wrapper a {
    color: var(--submenuColor)
}

.sectionheader .menu-draggable .menu-cabecera-wrapper a:hover {
    color: var(--submenuColor)
}

.sectionheader .menu-draggable .menu-cabecera-wrapper .item>span {
    color: var(--submenuColor)
}

.sectionheader .menu-draggable .menu-cabecera-wrapper .menu-cabecera-desktop nav:after {
    z-index: 1;
    content: "";
    height: 100%;
    width: 60px;
    display: block;
    position: absolute;
    right: -1px;
    top: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
    pointer-events: none
}

.body:not(.overflow) .sectionheader:after {
    z-index: 1;
    content: "";
    height: 100%;
    width: 60px;
    display: block;
    position: absolute;
    right: -1px;
    top: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff);
    pointer-events: none
}

@media only screen and (min-width : 768px) {
    .sectionheader {
        display: block
    }
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) {
        position: relative;
        z-index: 9
    }

    .header-container:not(.sticky) .menu-cabecera-wrapper .menu-cabecera-desktop {
        min-height: 39px
    }

    .header-container:not(.sticky) .sectionheader--footer {
        position: relative;
        z-index: 9
    }

    .header-container:not(.sticky) .header-info {
        position: relative;
        z-index: 8
    }
}

.payment-toast {
    width: 290px;
    position: absolute;
    right: 12px;
    z-index: 10;
    top: 60px
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) header.header-home~.payment-toast {
        right: 10px;
        margin-top: 22px
    }
}

@media only screen and (min-width : 768px) {
    .payment-toast {
        top: 50px
    }
}

@media only screen and (min-width : 1040px) {
    .payment-toast {
        top: 60px
    }
}

@media only screen and (min-width : 1040px) {
    .header-home .payment-toast {
        top: 50px
    }
}

@media only screen and (min-width : 768px) {
    .sticky .header-home .payment-toast {
        top: 60px
    }
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {
    .header-small .payment-toast {
        top: 60px
    }
}

.payment-toast__wrapper {
    position: relative;
    z-index: 1;
    padding: 14px 13px 15px;
    border-radius: 2px 0 2px 2px;
    background-color: #fec526
}

.payment-toast__wrapper button {
    cursor: pointer;
    margin: 13px 0 0;
    padding: 8px 10px;
    border: 0;
    outline: 0;
    font: 700 13px/14px "Roboto", sans-serif;
    text-transform: uppercase;
    color: #fff;
    background-color: #c4071b
}

.payment-toast__wrapper button i {
    margin-left: 5px;
    font-size: 15px;
    vertical-align: -1px
}

.payment-toast__wrapper button:hover {
    opacity: .9
}

.payment-toast:after {
    content: " ";
    display: block;
    position: absolute;
    z-index: 2;
    top: -19px;
    right: 0;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #fec526 transparent
}

.payment-toast .paymentToastClose {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    margin: 0;
    padding: 0;
    right: 14px;
    top: 12px;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 18px;
    color: #000
}

.payment-toast .paymentToastClose:hover {
    opacity: .8
}

.payment-toast h3 {
    padding: 0 50px 0 0;
    font: 700 13px/15px "Roboto", sans-serif;
    color: #000;
    text-transform: uppercase
}

.payment-toast h3+p {
    padding-top: 2px
}

.payment-toast p {
    margin: 0;
    font: 400 13px/15px "Roboto", sans-serif;
    color: #000
}

.payment-toast p strong {
    font-weight: 600
}

.payment-toast.payment-toast__type2 .payment-toast__wrapper {
    background-color: #fec526
}

.payment-toast.payment-toast__type2 .payment-toast__wrapper button i {
    color: #fff;
    font-size: 22px;
    vertical-align: -3px
}

.payment-toast.payment-toast__type2:after {
    border-color: transparent transparent #fec526 transparent
}

.payment-toast.payment-toast__type3 .payment-toast__wrapper {
    background-color: #fc5432
}

.payment-toast.payment-toast__type3 .payment-toast__wrapper button {
    background-color: #0890e6
}

.payment-toast.payment-toast__type3 .payment-toast__wrapper button i {
    color: #fff;
    font-size: 22px;
    vertical-align: -3px
}

.payment-toast.payment-toast__type3:after {
    border-color: transparent transparent #fc5432 transparent
}

.payment-toast.payment-toast__type3 .paymentToastClose,
.payment-toast.payment-toast__type3 h3,
.payment-toast.payment-toast__type3 p {
    color: #fff
}

.hottopics {
    display: none
}

@media only screen and (min-width : 768px) {
    .hottopics {
        display: flex;
        justify-content: space-between;
        background-color: #252121
    }
}

.hottopics .htags {
    max-width: 100%;
    width: 100%;
    overflow: hidden
}

.hottopics .hfocus .more-focus {
    display: flex;
    align-items: center;
    height: 100%;
    border: none;
    margin-right: 10px
}

@media only screen and (min-width : 1040px) {
    body:not(.partner) .home-page.main-container .header-container:not(.sticky) header:before {
        left: 20px;
        right: 20px
    }
}

.header-container.sticky header.header-home .husers {
    align-items: center
}

@media only screen and (min-width : 768px) {
    .header-container.sticky header.header-home .husers {
        align-items: flex-end
    }
}

.header-container.sticky header.header-home .husers .transparencia {
    display: none
}

.header-container header.header-home .husers .transparencia {
    transform: translateY(10px)
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) header.header-home {
        padding: 0 0 8px 0;
        border-bottom: 1px solid #fff;
        grid-template-areas: "hrrss hrrss hlogo husers husers" "htags htags htags htags hmenu";
        grid-template-columns: 50px 1fr 277px 1fr 50px;
        grid-template-rows: 114px 40px
    }

    .header-container:not(.sticky) header.header-home:before {
        content: none
    }

    .header-container:not(.sticky) header.header-home .hfocus {
        display: none
    }

    .header-container:not(.sticky) header.header-home .husers .husers-top {
        display: flex;
        position: relative;
        align-items: center
    }
}

.header-container:not(.sticky) header.header-home .husers {
    align-items: center
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) header.header-home .husers {
        align-items: flex-end
    }
}

.header-container:not(.sticky) header.header-home .husers .edi-user-menu {
    width: 100%;
    z-index: 3;
    position: relative
}

@media only screen and (min-width : 1040px) {
    .header-container:not(.sticky) header.header-home .husers .edi-user-menu {
        width: auto;
        margin-left: 15px
    }
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) header.header-home .husers .user-header .login a {
        padding-bottom: 10px
    }
}

.header-container:not(.sticky) header.header-home .husers .user-header.is-logged .login-user>a {
    margin-top: 0
}

.header-container:not(.sticky) header.header-home .husers .user-header.is-partner .login-user,
.header-container:not(.sticky) header.header-home .husers .user-header.is-partner .perfil-quota {
    top: 0
}

.header-container:not(.sticky) header.header-home .husers .user-header.is-partner .login-user>a,
.header-container:not(.sticky) header.header-home .husers .user-header.is-partner .perfil-quota>a {
    margin-top: 0
}

.header-container:not(.sticky) header.header-home .husers .user-header .improve-account {
    display: inline-flex
}

.header-container:not(.sticky) header.header-home .husers .user-header .improve-account .perfil-quota {
    display: inherit
}

.header-container:not(.sticky) header.header-home .husers .user-header .improve-account .perfil-quota:after {
    content: none
}

.header-container:not(.sticky) header.header-home .husers .user-header .improve-account .login-user:after {
    content: none
}

.header-container:not(.sticky) header.header-home .hrrss {
    display: none;
    grid-area: hrrss
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) header.header-home .hrrss {
        display: flex
    }

    .header-container:not(.sticky) header.header-home .hrrss .sn-buttons {
        display: flex;
        justify-content: flex-end
    }

    .header-container:not(.sticky) header.header-home .hrrss .sn-buttons a {
        display: flex;
        align-items: center;
        font-size: 20px
    }

    .header-container:not(.sticky) header.header-home .hrrss .sn-buttons a.link-facebook,
    .header-container:not(.sticky) header.header-home .hrrss .sn-buttons a.link-youtube,
    .header-container:not(.sticky) header.header-home .hrrss .sn-buttons a.link-tiktok {
        font-size: 19px
    }

    .header-container:not(.sticky) header.header-home .hrrss .sn-buttons a i {
        font-size: inherit
    }

    .header-container:not(.sticky) header.header-home .hrrss .sn-buttons a:hover {
        text-decoration: none
    }

    .header-container:not(.sticky) header.header-home .hrrss .bulletin {
        display: none
    }
}

.header-container:not(.sticky) header.header-home .htags {
    grid-area: htags;
    position: relative;
    display: none;
    overflow: hidden;
    background-color: #252121
}

.header-container:not(.sticky) header.header-home .htags .menu-draggable {
    width: 100%
}

.header-container:not(.sticky) header.header-home .htags .menu-draggable .menu-cabecera-wrapper .menu-cabecera-desktop nav:after {
    display: block;
    content: "";
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 60px;
    right: -1px;
    top: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #252121 100%);
    pointer-events: none
}

@media only screen and (min-width : 1040px) {
    .header-container:not(.sticky) header.header-home .htags .menu-draggable .menu-cabecera-wrapper .menu-cabecera-desktop nav:after {
        content: none
    }
}

.header-container:not(.sticky) header.header-home .htags:after {
    display: block;
    content: "";
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 60px;
    right: -1px;
    top: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #252121);
    pointer-events: none
}

@media only screen and (min-width : 1040px) {
    .header-container:not(.sticky) header.header-home .htags:after {
        content: none
    }
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) header.header-home .htags {
        display: flex
    }
}

.header-container:not(.sticky) header.header-home .hfocus {
    display: none;
    grid-area: hfocus;
    background-color: #252121
}

.header-container:not(.sticky) header.header-home .hfocus .bulletin {
    position: absolute;
    top: 9px;
    right: -15px;
    padding: 4px 10px 4px 0;
    border-right: 1px solid gray
}

.header-container:not(.sticky) header.header-home .hfocus .bulletin a {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap
}

.header-container:not(.sticky) header.header-home .hfocus .bulletin a i {
    opacity: 1;
    margin: 0 0 0 7px;
    font-size: 14px;
    color: #fff
}

.header-container:not(.sticky) header.header-home .hfocus .bulletin a span {
    font: 400 12px/12px "Roboto", sans-serif;
    text-transform: uppercase;
    color: #fff
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) header.header-home .hfocus {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        z-index: 2
    }

    .header-container:not(.sticky) header.header-home .hfocus .more-focus {
        padding: 0 15px
    }

    .header-container:not(.sticky) header.header-home .hfocus .logotipo {
        display: flex;
        align-items: center
    }

    .header-container:not(.sticky) header.header-home .hfocus .logotipo img {
        height: 18px
    }
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) header.header-home .hmenu {
        background-color: #252121;
        height: 100%;
        padding: 15px;
        justify-content: flex-end
    }

    .header-container:not(.sticky) header.header-home .hmenu span {
        background: #fff
    }
}

.header-container:not(.sticky) header.header-home .htitle {
    display: none
}

.header-container.sticky header.header-home .hrrss,
.header-container.sticky header.header-home .hfocus,
.header-container.sticky header.header-home .htags,
.header-container.sticky header.header-home .husers .search-cont,
.header-container.sticky header.header-home .perfil-quota {
    display: none
}

@media only screen and (min-width : 768px) {
    .header-container.sticky header.header-home {
        padding: 10px 0 0 0;
        grid-template-areas: "hlogo hlogo hlogo hlogo hlogo hlogo husers husers husers husers husers hmenu";
        grid-template-columns: auto;
        margin-bottom: 10px !important
    }

    .header-container.sticky .header-container.sticky header.header-home {
        border: none
    }

    .header-container.sticky header.header-home .husers {
        align-items: flex-end
    }

    .header-container.sticky header.header-home .husers .transparencia {
        transform: translateY(1px)
    }
}

@media only screen and (min-width : 768px)and (min-width : 1040px) {
    .header-container.sticky header.header-home .husers .transparencia {
        transform: translateY(4px)
    }
}

.header-container.sticky header.header-home .container-fluid {
    padding: 0 0 8.5px 0;
    border-bottom: 1px solid gray
}

header.header-small {
    width: 100%;
    max-width: 1040px;
    height: 50px;
    display: flex;
    align-items: center;
    padding-inline: 12px;
    gap: 20px
}

@media only screen and (min-width : 768px) {
    header.header-small {
        height: 53px;
        padding-inline: 0;
        gap: 30px
    }

    .home-page .header-container:has(header.header-small) {
        padding-top: 10px
    }
}

header.header-small .hlogo {
    order: 2;
    margin: 0
}

@media only screen and (min-width : 768px) {
    header.header-small .hlogo {
        order: 1
    }
}

header.header-small .husers {
    order: 3;
    margin-left: auto
}

@media only screen and (min-width : 768px) {
    header.header-small .husers {
        order: 2
    }
}

header.header-small .hmenu {
    order: 1
}

@media only screen and (min-width : 768px) {
    header.header-small .hmenu {
        order: 3
    }
}

header.header-small~.menu-header {
    top: 50px
}

@media only screen and (min-width : 768px) {
    header.header-small~.menu-header {
        top: 63px
    }
}

@media only screen and (min-width : 768px) {
    .header-container.sticky header.header-small~.menu-header {
        top: 63px
    }
}

@media only screen and (min-width : 1040px) {
    .header-container.sticky header.header-small~.menu-header {
        margin-left: 0 !important
    }
}

.header-container header.header-small .husers {
    align-items: unset;
    justify-content: unset;
    gap: 4px
}

@media only screen and (min-width : 768px) {
    .header-container header.header-small .husers .transparencia {
        display: inline-flex;
        margin-left: auto
    }

    .header-container header.header-small .husers .transparencia a {
        font-size: 15px;
        line-height: 1
    }
}

.article-page .row--header .header-ad .edi-advertising .advertising-wrapper.megabanner-top>* {
    margin-bottom: 10px
}

.header-container.sticky header.header-home .transparencia {
    display: none
}

.extraHeader {
    margin: 10px auto;
    padding: 0 !important
}

.header-container.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1040px;
    z-index: 999;
    background-color: #fff
}

.header-container.sticky .extraHeader,
.header-container.sticky .focuses-header,
.header-container.sticky .focus-header,
.header-container.sticky .subsection,
.header-container.sticky .blog-title,
.header-container.sticky .blogs-container,
.header-container.sticky .authors-header,
.header-container.sticky .authors-container,
.header-container.sticky .cmp-last-minute-bar,
.header-container.sticky .cmp-last-minute-bar-partner,
.header-container.sticky .sectionheader {
    display: none
}

.header-container.sticky header.header-home {
    padding: 0 12px
}

@media only screen and (min-width : 1040px) {
    .header-container.sticky header.header-home {
        padding: 0 10px
    }

    .home-page .header-container.sticky header.header-home {
        padding: 0;
        margin: auto
    }
}

.header-container.sticky header.header-home:before {
    border: none;
    border-bottom: 6px solid #f2f0f0;
    width: 100%;
    left: 0;
    top: 50px
}

@media only screen and (min-width : 768px) {
    .header-container.sticky header.header-home:before {
        top: 53px
    }
}

.webview-padding .header-container.sticky {
    display: none
}

.fa.fa-search:before,
.fa.fa-user-circle:before {
    content: none
}

.fa.fa-search,
.fa.fa-user-circle {
    min-width: 23px;
    height: 23px;
    font-size: 0;
    line-height: 23px
}

.fa.fa-search {
    background-image: url(https://www.infolibre.es/assets-search.h-a492a2371ab46d5781ee556bc955bc52-15905d17.svg)
}

/* .fa.fa-user-circle {
    background-color: #0890e6;
    -webkit-mask-image: url(https://www.infolibre.es/assets-user.h-38a77df323e96204a19f5dc3fc77c677-15905d17.svg);
    mask-image: url(https://www.infolibre.es/assets-user.h-38a77df323e96204a19f5dc3fc77c677-15905d17.svg)
} */

.fa.fa-user-circle {
    display: inline-block;
    width: 20px;
    height: 20px;

    background-color: #0890e6;

    -webkit-mask-image: url("https://www.infolibre.es/assets-user.h-38a77df323e96204a19f5dc3fc77c677-15905d17.svg");
    mask-image: url("https://www.infolibre.es/assets-user.h-38a77df323e96204a19f5dc3fc77c677-15905d17.svg");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}

.fa.fa-user-circle::before {
    content: none !important;
}

#credential_picker_container {
    z-index: 99999 !important
}

.header-container .hlogo .header__logo a {
    display: block
}

.header-container .hlogo .header__logo img {
    width: auto;
    height: 27px
}

@media only screen and (min-width : 768px) {
    .header-container .hlogo .header__logo img {
        height: auto
    }
}

.header-container .hlogo .header__logo.header__logo--aniversario img {
    width: auto;
    height: 48px
}

@media only screen and (min-width : 768px) {
    .header-container .hlogo .header__logo.header__logo--aniversario img {
        height: auto
    }

    .article-page .header-container .hlogo .header__logo.header__logo--aniversario img {
        height: 48px
    }
}

.header-container .hlogo .header__logo.header__logo--mujer img {
    width: auto;
    height: 38px
}

@media only screen and (min-width : 768px) {
    .header-container .hlogo .header__logo.header__logo--mujer img {
        height: 76px
    }

    .article-page .header-container .hlogo .header__logo.header__logo--mujer img {
        height: 42px
    }
}

.header-container .hlogo .header__logo.header__logo--orgullo img {
    width: auto;
    height: 44px
}

@media only screen and (min-width : 768px) {
    .header-container .hlogo .header__logo.header__logo--orgullo img {
        height: 76px
    }

    .article-page .header-container .hlogo .header__logo.header__logo--orgullo img {
        height: 44px
    }
}

@media only screen and (min-width : 768px) {
    .header-container .header-small .hlogo .header__logo img {
        height: auto
    }
}

@media only screen and (min-width : 768px) {
    .header-container .header-small .hlogo .header__logo.header__logo--mujer img {
        height: 42px
    }
}

@media only screen and (min-width : 768px) {
    .header-container .header-small .hlogo .header__logo.header__logo--aniversario img {
        height: 48px
    }
}

@media only screen and (min-width : 768px) {
    .header-container .header-small .hlogo .header__logo.header__logo--orgullo img {
        height: 44px
    }
}

@media only screen and (min-width : 768px) {
    .header-container.sticky .hlogo .header__logo img {
        height: 34px
    }
}

@media only screen and (min-width : 768px) {
    .header-container.sticky .hlogo .header__logo.header__logo--aniversario img {
        height: 48px
    }
}

@media only screen and (min-width : 768px) {
    .header-container.sticky .hlogo .header__logo.header__logo--mujer img {
        height: 42px
    }
}

@media only screen and (min-width : 768px) {
    .header-container.sticky .hlogo .header__logo.header__logo--orgullo img {
        height: 44px
    }
}

.header-container:not(.sticky) .header-home .header__logo .header__logo__img--sticky {
    display: none
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) .header-home .header__logo .header__logo__img {
        width: 220px;
        height: auto
    }
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) .header-home .header__logo .header__logo__img img:not(.header__logo__img--sticky) {
        width: 100%;
        height: auto
    }
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) .header-home .header__logo .header__logo--aniversario img {
        height: 72px
    }
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) .header-home .header__logo .header__logo--mujer img {
        height: 76px
    }
}

@media only screen and (min-width : 768px) {
    .header-container:not(.sticky) .header-home .header__logo .header__logo--orgullo img {
        height: 76px
    }
}

.header-container.sticky .header-home .header__logo .header__logo__img {
    display: none
}

.header-container.sticky .header-home .header__logo .header__logo__img--sticky {
    width: auto;
    height: 27px
}

@media only screen and (min-width : 768px) {
    .header-container.sticky .header-home .header__logo .header__logo__img--sticky {
        height: 27px
    }
}

@media only screen and (min-width : 768px) {
    .home-page .header-container:not(.sticky) .hlogo {
        width: 277px
    }
}

@media only screen and (min-width : 768px) {
    .home-page .header-container:not(.sticky) .header-home .hlogo {
        justify-content: center
    }
}

.header-container .hlogo picture img {
    width: auto
}

.header-home~.menu-header {
    top: 50px
}

.row--preheader {
    align-items: center;
    justify-content: center
}

.row--header {
    position: sticky;
    top: 0;
    z-index: 5999999;
    background-color: #fff
}

.row--header .header-container {
    background-color: #fff
}

.row--header .header-container.sticky {
    position: relative;
    box-shadow: 0 4px 4px 0 #00000026
}

.row--subheader {
    margin-top: 10px
}

.content-kicker {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

@media only screen and (max-width : 767px) {
    .article-page .c-header .content-kicker {
        margin-top: -5px
    }
}

@media only screen and (min-width : 768px) {
    .content-kicker {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }
}

.content-kicker a,
.content-kicker a:hover {
    color: inherit;
    text-decoration: none
}

.content-kicker .image {
    max-width: 350px;
    max-height: 45px;
    left: 0;
    margin-right: 20px
}

.content-kicker .image-text {
    display: block;
    margin-top: 20px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.33;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.content-kicker .image-text .dash {
    margin-right: 5px
}

@media only screen and (min-width : 768px) {
    .content-kicker .image-text {
        margin-top: 0;
        -webkit-line-clamp: 1
    }
}

.content-kicker .image-100 {
    width: 100%;
    max-width: 1000px;
    max-height: 40px;
    object-fit: cover;
    height: 40px;
    object-position: left
}

.content-kicker .text {
    display: flex;
    flex-direction: column;
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.32;
    color: #090909;
    font-size: 17px
}

.content-kicker .text .title {
    text-transform: uppercase;
    color: #252121;
    margin-bottom: 0
}

.content-kicker .text .title .dash {
    padding: 0 5px
}

@media only screen and (min-width : 768px) {
    .content-kicker .image {
        width: inherit
    }

    .content-kicker .text {
        flex-direction: row;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }

    .content-kicker .text .title {
        display: inline-flex
    }
}

.news-header {
    max-width: 830px
}

.news-header .title {
    margin-bottom: 15px;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.16;
    letter-spacing: .4px;
    color: #090909
}

@media only screen and (min-width : 768px) {
    .news-header .title {
        font-size: 32px
    }
}

.news-header .title .content-kicker .text .title {
    font-size: inherit;
    font-family: inherit;
    letter-spacing: initial
}

.news-header .title .content-kicker .text>a {
    letter-spacing: initial
}

.news-header .description,
.news-header .footer {
    margin-bottom: 0
}

.news-header .description {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: #090909
}

.news-header .footer {
    list-style: none;
    margin-bottom: 15px;
    padding-left: 0
}

.news-header .footer li {
    margin-bottom: 15px;
    position: relative;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: #090909;
    font-size: 18px
}

.news-header .footer li:last-child {
    margin-bottom: 0
}

.news-header .footer li .arrow-separator {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 10px;
    margin-right: 5px
}

.news-header .footer li .arrow-separator:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 12px;
    border-color: transparent transparent transparent #c4071b
}

.news-header .footer li .footer-link {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    color: #000;
    font-size: inherit;
    color: #c4071b
}

.news-header .footer li .footer-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.news-header .footer li .kicker {
    font-weight: bold;
    color: #090909;
    margin-right: 6px
}

.news-header .footer li .category {
    color: #c15562
}

.news-header .footer li .category:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.minute-by-minute-page--politician .news-header .footer li .category {
    color: #d0021b
}

@media only screen and (min-width : 768px) {
    .news-header .description {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
        line-height: 1.24;
        color: #090909
    }

    .news-header .footer li {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
        line-height: 1.24;
        color: #090909;
        font-size: 20px
    }

    .news-header .footer li .footer-link {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 17px;
        line-height: normal;
        color: #000;
        font-size: inherit;
        color: #c4071b
    }
}

.image-kicker {
    margin-bottom: 28px
}

.webview-padding .news-header {
    margin-top: 10px
}

picture~.image-footer {
    position: relative;
    margin: -25px 0 15px;
    padding: 10px 16px;
    background-color: rgba(220, 220, 220, .44);
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .2px;
    color: #090909;
    color: #000;
    text-decoration: none
}

picture~.image-footer .author {
    font-size: 12px;
    color: #9b9b9b
}

picture~.image-footer .zoom-icon {
    position: absolute;
    top: -34px;
    right: 10px;
    font-size: 24px;
    color: #fff;
    cursor: pointer
}

.opening {
    padding-top: 15px
}

.opening .news-image {
    margin-top: 0
}

.opening picture~.image-footer {
    margin: -25px 0 30px
}

.gallery-header.news-video {
    margin-top: 25px;
    aspect-ratio: 16/9
}

.gallery-header.news-video>iframe,
.gallery-header.news-video .gallery-header-wrapper,
.gallery-header.news-video>div[class*=dailymotion] {
    width: 100%;
    height: 100%
}

@media only screen and (min-width : 1040px) {
    .gallery-header.news-video {
        margin-top: 15px
    }
}

.opening .gallery-header.news-video {
    margin: 0 0 30px
}

.gallery-header.news-video .news-video-caption {
    padding: 10px 16px;
    margin-top: -5px;
    background-color: rgba(220, 220, 220, .44);
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .2px;
    color: #090909;
    color: #000;
    text-decoration: none
}

.gallery-header.news-video .news-video-caption__author {
    font-size: 12px;
    color: #9b9b9b
}

.news-info {
    margin-bottom: 30px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.news-info .info-wrapper {
    display: flex;
    flex-direction: column
}

.news-info .info-wrapper p {
    margin: 0
}

.news-info .info-wrapper .authors {
    padding-right: 6px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.43;
    color: #252121;
    color: #c4071b
}

.news-info .info-wrapper .authors a {
    color: #c4071b
}

.news-info .info-wrapper .authors a:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.news-info .info-wrapper .date-comments-wrapper {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.news-info .info-wrapper .date-comments-wrapper .place {
    margin-right: 6px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: #4a4a4a
}

.news-info .info-wrapper .date-comments-wrapper .date {
    margin-right: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: #4a4a4a;
    line-height: 20px
}

.news-info .info-wrapper .date-comments-wrapper .date .hour {
    white-space: nowrap;
    position: relative
}

.news-info .info-wrapper .date-comments-wrapper .date .hour:before {
    content: "-";
    margin-right: 2px
}

.news-info .info-wrapper .date-comments-wrapper .date.modification-date {
    margin: 0;
    font-weight: bold
}

.news-info .info-wrapper .date-comments-wrapper .comments {
    white-space: nowrap;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.43;
    color: #9b9b9b
}

.news-info .info-wrapper .date-comments-wrapper .comments i {
    padding-right: 6px;
    font-size: 13px
}

.news-info .twitter-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0
}

.news-info .twitter-wrapper .twitter-account {
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.43;
    color: #55adee
}

.news-info .twitter-wrapper .twitter-account:hover {
    text-decoration: none;
    opacity: 1
}

.news-info .twitter-wrapper .twitter-account:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.news-info .twitter-wrapper .twitter-account:last-child {
    margin: 0
}

@media only screen and (min-width: 768px)and (max-width: 1039px) {
    .news-info {
        flex-direction: row;
        flex-wrap: wrap
    }

    .news-info .info-wrapper {
        display: flex;
        flex: 1 1 auto;
        flex-direction: row;
        flex-wrap: wrap
    }

    .news-info .info-wrapper .date-comments-wrapper .date {
        padding-left: 4px
    }

    .news-info .twitter-wrapper {
        flex: 0 1 100%;
        flex-wrap: initial;
        margin-top: 0
    }
}

@media only screen and (min-width: 1040px) {
    .news-info {
        flex-direction: row;
        flex-wrap: wrap
    }

    .news-info .info-wrapper {
        flex: 1 1 auto;
        flex-direction: row;
        flex-wrap: wrap
    }

    .news-info .info-wrapper .authors {
        display: inline-block;
        margin-right: 5px
    }

    .news-info .info-wrapper .authors a:hover {
        text-decoration: none;
        opacity: .85;
        cursor: pointer
    }

    .news-info .info-wrapper .date-comments-wrapper {
        display: inline-flex
    }

    .news-info .twitter-wrapper {
        flex: 0 1 100%
    }
}

.author-image img {
    width: 50px;
    border-radius: 50%;
    object-fit: cover
}

.article-page--video .first-col .news-info,
.article-page--video .first-col .news-info-image {
    display: none
}

.news-info-image {
    margin-bottom: 30px;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.news-info-image .author-image {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden
}

.news-info-image .author-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.news-info-image .author-name-rrss {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
    flex: 1 1 auto;
    min-width: 0;
    align-self: flex-end
}

.news-info-image .author-name-rrss .author-name {
    padding-right: 6px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.43;
    color: #252121;
    color: #c4071b
}

.news-info-image .author-name-rrss .author-name a {
    color: #c4071b
}

.news-info-image .author-name-rrss .author-name a:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.news-info-image .author-name-rrss .twitter-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0
}

.news-info-image .author-name-rrss .twitter-wrapper .twitter-account {
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.43;
    color: #55adee
}

.news-info-image .author-name-rrss .twitter-wrapper .twitter-account:hover {
    text-decoration: none;
    opacity: 1
}

.news-info-image .author-name-rrss .twitter-wrapper .twitter-account:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.news-info-image .author-name-rrss .twitter-wrapper .twitter-account:last-child {
    margin: 0
}

.news-info-image .date-comments-wrapper {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-top: 5px;
    width: 100%;
    justify-content: flex-start
}

.news-info-image .date-comments-wrapper .place {
    margin-right: 6px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: #4a4a4a
}

.news-info-image .date-comments-wrapper .date {
    margin-right: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: #4a4a4a;
    line-height: 20px
}

.news-info-image .date-comments-wrapper .date .hour {
    white-space: nowrap;
    position: relative
}

.news-info-image .date-comments-wrapper .date .hour:before {
    content: "-";
    margin-right: 2px
}

.news-info-image .date-comments-wrapper .date.modification-date {
    margin: 0;
    font-weight: bold
}

.news-info-image .date-comments-wrapper .comments {
    white-space: nowrap;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.43;
    color: #9b9b9b
}

.news-info-image .date-comments-wrapper .comments i {
    padding-right: 6px;
    font-size: 13px
}

@media only screen and (min-width : 768px) {
    .news-info-image .author-name-rrss {
        flex-direction: row;
        flex-wrap: wrap
    }

    .news-info-image .twitter-wrapper {
        flex: 0 1 100%
    }
}

@media only screen and (min-width : 1040px) {
    .news-info-image .author-name-rrss .author-name {
        display: inline-block;
        margin-right: 5px
    }

    .news-info-image .author-name-rrss .author-name a:hover {
        text-decoration: none;
        opacity: .85;
        cursor: pointer
    }

    .news-info-image .author-name-rrss .date-comments-wrapper {
        display: inline-flex
    }

    .partner .news-info-image .author-name-rrss {
        width: 100%;
        margin: 5px 0 0
    }

    .partner .news-info-image .author-name-rrss .author-name {
        display: flex;
        padding: 0;
        margin: 0
    }
}

.news-know-more {
    display: block;
    position: relative;
    background-color: rgba(220, 220, 220, .44)
}

.news-know-more:hover {
    text-decoration: none
}

.news-know-more .know-more-img {
    width: auto;
    order: 2;
    text-decoration: none;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.news-know-more .know-more-img:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.news-know-more .know-more,
.news-know-more .know-more-link {
    display: block;
    text-decoration: none
}

.news-know-more .know-more:hover,
.news-know-more .know-more-link:hover {
    text-decoration: none;
    opacity: 1
}

.news-know-more .know-more:hover,
.news-know-more .know-more-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.news-know-more .know-more {
    flex: 1 1 0%;
    padding: 15px 20px 0;
    font: 700 19px/22px "Roboto", sans-serif;
    letter-spacing: .3px;
    color: #252121
}

.news-know-more .know-more::before,
.news-know-more .know-more::after {
    content: none
}

.news-know-more .know-more p {
    margin: 0;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    -webkit-box-orient: vertical;
    max-height: 4.8em;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis
}

.news-know-more .know-more-link {
    display: flex;
    align-items: flex-start;
    padding: 15px 0;
    font: 400 15px/18px "Roboto", sans-serif;
    color: #c4071b;
    text-transform: uppercase
}

.news-know-more .know-more-link .right-arrow-icon {
    display: flex;
    align-items: center;
    height: 17px;
    padding-left: 5px;
    font-size: 15px
}

.news-know-more .know-more-link .right-arrow-icon::before {
    height: 17px;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 768px) {
    .news-know-more {
        display: flex
    }

    .news-know-more .know-more-img {
        width: 160px
    }

    .news-know-more .know-more {
        padding-top: 13px;
        min-height: 0;
        font-size: 18px;
        line-height: 22px
    }
}

.news-square {
    padding: 25px 30px;
    background-color: #f5f3f3
}

.news-square .square-img-title {
    margin-bottom: 20px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.27;
    letter-spacing: 0;
    color: #c15562;
    line-height: 1.38;
    letter-spacing: normal
}

.news-square .square-img {
    width: 100%;
    margin-bottom: 20px
}

.news-square .title {
    margin-bottom: 25px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.41;
    color: #000
}

.news-square .text {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.63;
    color: #000
}

.news-square p.text:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 768px)and (max-width: 1039px) {
    .news-square {
        padding: 20px 25px
    }

    .news-square .title {
        margin-bottom: 30px
    }
}

.news-date .text,
.news-date .date {
    display: inline
}

.news-date .text {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.43;
    color: #000
}

.news-date .date {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: #000
}

.featuredhomecontents .news-onfrontpage:last-child {
    margin-bottom: 30px
}

.news-onfrontpage .title {
    padding: 8px 10px 25px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #252121;
    background-color: #f2f0f0
}

.news-onfrontpage .row {
    padding: 0 10px 5px;
    background-color: #f2f0f0;
    margin: 0
}

@media only screen and (min-width : 768px) {
    .news-onfrontpage .row {
        padding: 0 5px 5px
    }
}

.news-onfrontpage .row ul[class^=col-] {
    padding: 5px 0;
    margin-bottom: 0;
    list-style-type: none;
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px
}

@media only screen and (min-width : 768px) {
    .news-onfrontpage .row ul[class^=col-] {
        padding: 0 5px 5px;
        grid-template-rows: 1fr;
        grid-auto-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

.news-onfrontpage .row ul[class^=col-] li .new-img {
    display: none
}

.news-onfrontpage .row ul[class^=col-] li:nth-child(3n+1) .new-img {
    display: block
}

@media only screen and (min-width : 768px) {
    .news-onfrontpage .row ul[class^=col-] li:nth-child(3n+1) .new-img {
        display: none
    }

    .news-onfrontpage .row ul[class^=col-] li:nth-child(6n+1) .new-img {
        display: block
    }

    .news-onfrontpage .row ul[class^=col-] li:nth-child(6n+2) .new-img {
        display: block
    }
}

.featurederrorcontents {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

@media only screen and (min-width : 1040px) {
    .featurederrorcontents {
        flex-direction: row;
        padding-top: 15px
    }
}

.featurederrorcontents ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0;
    flex-wrap: wrap
}

@media only screen and (min-width : 1040px) {
    .featurederrorcontents ul {
        flex-wrap: nowrap
    }
}

.featurederrorcontents ul .new-fronpage {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 0 0 calc(50% - 10px)
}

@media only screen and (min-width : 768px) {
    .featurederrorcontents ul .new-fronpage {
        flex: 0 0 calc(25% - 10px)
    }
}

@media only screen and (min-width : 1040px) {
    .featurederrorcontents ul .new-fronpage {
        flex: 0 0 calc(25% - 13px)
    }
}

.featurederrorcontents ul .new-fronpage:hover {
    text-decoration: none;
    opacity: .85
}

.featurederrorcontents ul .new-fronpage:hover .new-info {
    background-color: #fff
}

.featurederrorcontents ul .new-fronpage .new-img {
    width: 100%;
    max-height: inherit;
    min-height: inherit
}

@media only screen and (min-width : 768px) {
    .featurederrorcontents ul .new-fronpage .new-img {
        height: 104px;
        max-height: 104px
    }
}

@media only screen and (min-width : 1040px) {
    .featurederrorcontents ul .new-fronpage .new-img {
        height: 121px;
        max-height: 121px
    }
}

.featurederrorcontents ul .new-fronpage .new-info {
    padding: 10px 0;
    flex: 1 1 40%;
    background-color: transparent
}

.featurederrorcontents ul .new-fronpage .new-info .new-category {
    display: none
}

.featurederrorcontents ul .new-fronpage .new-info .new-title {
    height: 76px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.33;
    color: #4a4a4a
}

.featurederrorcontents ul .new-fronpage .new-info .new-title:hover {
    text-decoration: none;
    opacity: 1
}

.morecontentfromtheauthor {
    margin: 20px 0
}

.morecontentfromtheauthor .news-onfrontpage {
    padding: 0;
    margin: 0
}

.morecontentfromtheauthor .news-onfrontpage .row {
    padding: 10px 0 0
}

@media only screen and (max-width : 767px) {
    .morecontentfromtheauthor .news-onfrontpage .row ul[class^=col-] {
        padding-bottom: 10px
    }
}

.morecontentfromtheauthor .news-onfrontpage ul .new-fronpage:nth-child(5) {
    display: none
}

.morecontentfromtheauthor .news-onfrontpage .new-info {
    min-height: 100px;
    height: auto
}

@media only screen and (max-width : 767px) {
    .morecontentfromtheauthor .news-onfrontpage .new-info {
        margin: 0 10px
    }
}

.morecontentfromtheauthor .news-onfrontpage .new-info .new-title {
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: .28px;
    color: #000
}

.morecontentfromtheauthor .news-onfrontpage .new-date {
    display: block;
    margin: 12px 0;
    font: 500 12px/20px "Roboto", sans-serif;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #9b9b9b
}

.morecontentfromtheauthor .hd--from-the-author {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 0;
    padding: 0 10px 10px 0;
    background-color: #f2f0f0
}

@media only screen and (min-width : 1040px) {
    .morecontentfromtheauthor .hd--from-the-author {
        margin: 0
    }
}

.morecontentfromtheauthor .hd--from-the-author h2,
.morecontentfromtheauthor .hd--from-the-author h4,
.morecontentfromtheauthor .hd--from-the-author p {
    flex: 1;
    grid-column: 1;
    grid-row: 1
}

.morecontentfromtheauthor .hd--from-the-author h2 .title,
.morecontentfromtheauthor .hd--from-the-author h4 .title,
.morecontentfromtheauthor .hd--from-the-author p .title {
    padding: 8px 10px 25px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #252121;
    background-color: #f2f0f0;
    display: block;
    padding-bottom: 0
}

.morecontentfromtheauthor .hd--from-the-author h2 .title:hover,
.morecontentfromtheauthor .hd--from-the-author h4 .title:hover,
.morecontentfromtheauthor .hd--from-the-author p .title:hover {
    text-decoration: none;
    opacity: 1
}

.morecontentfromtheauthor .hd--from-the-author h2 .title:hover,
.morecontentfromtheauthor .hd--from-the-author h4 .title:hover,
.morecontentfromtheauthor .hd--from-the-author p .title:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.morecontentfromtheauthor .hd--from-the-author h2 .twitter-wrapper,
.morecontentfromtheauthor .hd--from-the-author h4 .twitter-wrapper,
.morecontentfromtheauthor .hd--from-the-author p .twitter-wrapper {
    display: block;
    padding: 5px 10px 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.43;
    color: #55adee
}

.morecontentfromtheauthor .hd--from-the-author h2 .twitter-wrapper:hover,
.morecontentfromtheauthor .hd--from-the-author h4 .twitter-wrapper:hover,
.morecontentfromtheauthor .hd--from-the-author p .twitter-wrapper:hover {
    text-decoration: none;
    opacity: 1
}

.morecontentfromtheauthor .hd--from-the-author h2 .twitter-wrapper:hover,
.morecontentfromtheauthor .hd--from-the-author h4 .twitter-wrapper:hover,
.morecontentfromtheauthor .hd--from-the-author p .twitter-wrapper:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.morecontentfromtheauthor .hd--from-the-author .author {
    align-self: flex-start;
    padding: 10px 0 0 10px
}

.morecontentfromtheauthor .hd--from-the-author .author img {
    display: block;
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%
}

.new-fronpage {
    display: block;
    flex-direction: column;
    overflow: hidden
}

.new-fronpage:hover {
    text-decoration: none;
    opacity: .85
}

.new-fronpage:hover .new-info {
    background-color: #fff
}

.new-fronpage .new-img {
    width: 100%;
    flex: 1 1 60%
}

@media only screen and (min-width : 768px) {
    .new-fronpage .new-img {
        height: 209px;
        min-height: 209px
    }
}

.new-fronpage .new-info {
    padding: 13px 15px;
    background-color: #f9f8f8;
    flex: 1 1 0;
    height: 100%
}

.new-fronpage .new-info .new-category {
    display: block;
    margin-bottom: 8px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.27;
    color: #252121
}

.new-fronpage .new-info .new-category:hover {
    text-decoration: none;
    opacity: 1
}

@media only screen and (min-width : 768px) {
    .new-fronpage .new-info .new-category {
        margin-bottom: 12px
    }
}

.new-fronpage .new-info .new-title {
    display: block;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.33;
    color: #4a4a4a;
    line-height: 1.3
}

.new-fronpage .new-info .new-title:hover {
    text-decoration: none;
    opacity: 1
}

.news-sponsored-content {
    padding-bottom: 20px;
    border-bottom: 1px solid gray
}

.news-sponsored-content .title {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #252121;
    margin-bottom: 16px
}

.news-sponsored-content .sponsored-content-wrapper {
    min-height: 200px;
    width: 100%
}

.news-sponsored-content .sponsored-content-wrapper .trc_rbox_header_span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #252121;
    margin-bottom: 16px;
    display: block
}

.news-partners-recruitment {
    padding: 20px;
    display: flex;
    flex-direction: column;
    background-color: #0890e6
}

.news-partners-recruitment .recruitment-header {
    display: flex;
    flex-direction: column
}

.news-partners-recruitment .recruitment-header .header-img {
    width: 45px;
    height: 45px
}

.news-partners-recruitment .recruitment-header .header-title {
    padding-top: 6.2px;
    margin-bottom: 0;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 28px;
    letter-spacing: .5;
    color: #fff
}

.news-partners-recruitment .recruitment-content {
    display: flex;
    flex-direction: column
}

.news-partners-recruitment .recruitment-content p.article-text,
.news-partners-recruitment .recruitment-content .list {
    margin: 12px 0 4px;
    color: #fff
}

.news-partners-recruitment .recruitment-content .content-text {
    margin-bottom: 12px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 22px;
    color: #fff
}

.news-partners-recruitment .recruitment-content .content-text .underscored {
    background-color: #c4071b;
    letter-spacing: .4px
}

.news-partners-recruitment .recruitment-content .content-link {
    padding: 14px;
    margin-top: 16px;
    background-color: #fff;
    font: 500 15px/18px "Roboto", sans-serif;
    color: #0890e6;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none
}

.news-partners-recruitment .recruitment-content .content-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

@media only screen and (min-width: 1040px) {
    .news-partners-recruitment {
        padding: 30px
    }

    .news-partners-recruitment .recruitment-header {
        flex-direction: row;
        align-items: center
    }

    .news-partners-recruitment .recruitment-content .content-text {
        font-size: 18px;
        line-height: 1.44
    }

    .news-partners-recruitment .recruitment-content .content-text .underscored {
        letter-spacing: .4px
    }

    .news-partners-recruitment .recruitment-content .content-link {
        width: auto;
        min-width: 280px;
        align-self: flex-start;
        padding: 16px;
        margin-top: 18px;
        font-size: 15px
    }
}

.focuses-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 226px;
    width: 100%;
    background-image: linear-gradient(45deg, #e0e0e0 12.5%, #ffffff 12.5%, #ffffff 50%, #e0e0e0 50%, #e0e0e0 62.5%, #ffffff 62.5%, #ffffff 100%);
    background-size: 5.66px 5.66px;
    position: relative;
    margin-bottom: 45px
}

.focuses-container:nth-child(3n) {
    margin-right: 0
}

.focuses-container:hover {
    opacity: 1;
    background-image: linear-gradient(45deg, #d6d6d6 12.5%, #ffffff 12.5%, #ffffff 50%, #d6d6d6 50%, #d6d6d6 62.5%, #ffffff 62.5%, #ffffff 100%)
}

.focuses-container:hover>span {
    box-shadow: 2px 2px 4px 0 rgba(149, 149, 149, .5)
}

.focuses-container>.img-focuses {
    width: 251px;
    height: 162px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto
}

.focuses-container>span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: normal;
    letter-spacing: 0;
    color: #4a4a4a;
    position: absolute;
    bottom: -20px;
    max-width: 210px;
    text-align: center;
    margin: auto;
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dotted #000;
    border-radius: 25px;
    text-transform: uppercase;
    padding: 0 20px;
    background: #fff;
    text-decoration: none
}

@media only screen and (min-width : 768px) {
    .focuses-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 160px;
        width: 238px;
        background-image: linear-gradient(45deg, #e0e0e0 12.5%, #ffffff 12.5%, #ffffff 50%, #e0e0e0 50%, #e0e0e0 62.5%, #ffffff 62.5%, #ffffff 100%);
        background-size: 5.66px 5.66px;
        position: relative;
        margin-bottom: 45px
    }

    .focuses-container:nth-child(3n) {
        margin-right: 0
    }

    .focuses-container:hover {
        opacity: 1;
        background-image: linear-gradient(45deg, #d6d6d6 12.5%, #ffffff 12.5%, #ffffff 50%, #d6d6d6 50%, #d6d6d6 62.5%, #ffffff 62.5%, #ffffff 100%)
    }

    .focuses-container:hover>span {
        box-shadow: 2px 2px 4px 0 rgba(149, 149, 149, .5)
    }

    .focuses-container>.img-focuses {
        width: 176px;
        height: 119px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin: auto
    }

    .focuses-container>span {
        position: absolute;
        bottom: -20px;
        text-align: center;
        margin: auto;
        min-height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px dotted #000;
        border-radius: 25px;
        text-transform: uppercase;
        padding: 0 20px;
        background: #fff;
        text-decoration: none
    }
}

@media only screen and (min-width : 1040px) {
    .focuses-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 213px;
        width: 320px;
        background-image: linear-gradient(45deg, #e0e0e0 12.5%, #ffffff 12.5%, #ffffff 50%, #e0e0e0 50%, #e0e0e0 62.5%, #ffffff 62.5%, #ffffff 100%);
        background-size: 5.66px 5.66px;
        position: relative;
        margin-bottom: 45px
    }

    .focuses-container:nth-child(3n) {
        margin-right: 0
    }

    .focuses-container:hover {
        opacity: 1;
        background-image: linear-gradient(45deg, #d6d6d6 12.5%, #ffffff 12.5%, #ffffff 50%, #d6d6d6 50%, #d6d6d6 62.5%, #ffffff 62.5%, #ffffff 100%)
    }

    .focuses-container:hover>span {
        box-shadow: 2px 2px 4px 0 rgba(149, 149, 149, .5)
    }

    .focuses-container>.img-focuses {
        width: 237px;
        height: 158px;
        background-repeat: no-repeat;
        background-position: center;
        margin: auto
    }

    .focuses-container>span {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: normal;
        letter-spacing: 0;
        color: #4a4a4a;
        position: absolute;
        bottom: -20px;
        max-width: 210px;
        text-align: center;
        margin: auto;
        min-height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px dotted #000;
        border-radius: 25px;
        text-transform: uppercase;
        padding: 0 20px;
        background: #fff;
        text-decoration: none
    }
}

#edi-comments {
    margin: 0 10px;
    padding: 5px 0 0 0
}

@media only screen and (min-width : 768px) {
    #edi-comments {
        padding: 0 55px;
        margin: 0
    }
}

@media only screen and (min-width : 1040px) {
    #edi-comments {
        padding: 0;
        margin: 0
    }
}

#edi-comments .filter-option-list {
    display: block
}

#edi-comments:before {
    content: "";
    display: block;
    border-top: 1px solid #e8e6e6
}

.hide-btn {
    display: block;
    min-width: 280px;
    padding: 16px;
    text-align: center;
    outline: none;
    border: 1px solid #252121;
    background-color: transparent;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: normal;
    color: #fff;
    font-size: 13px;
    margin: 10px auto 50px;
    color: #252121
}

.hide-btn:hover {
    text-decoration: none;
    opacity: 1
}

.hide-btn:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.hide-btn i {
    margin: 0 5px;
    font-weight: 800
}

.hide-btn i:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.hide-btn i.fa-comment-alt {
    font-weight: 300
}

.comment-init .blue-btn {
    margin: 20px auto;
    width: 100%
}

.comment-init .blue-btn i {
    margin: 0 5px;
    font-weight: 800
}

.comment-init .blue-btn i:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.comment-init .blue-btn i.fa-comment-alt {
    font-weight: 300
}

.comment-init .total-comments {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    color: #000;
    text-align: center;
    text-decoration: underline;
    margin-bottom: 20px;
    cursor: pointer
}

.comments-wrapper {
    min-height: 100px;
    display: flex;
    flex-direction: column;
    padding-inline-start: 0;
    list-style: none
}

.highlight-comment {
    padding: 0
}

@media only screen and (min-width : 1040px) {
    .highlight-comment {
        padding: 0 0 0 20px
    }
}

.highlight-comment .title {
    margin: 0 0 16px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #252121;
    color: #000
}

.highlight-comment .wrapper {
    position: relative;
    padding: 34px 40px 50px 32px;
    margin-bottom: 30px;
    border: 1px dotted #9b9b9b;
    border-radius: 17px;
    border-top-right-radius: 0;
    display: block;
    background-color: #fff
}

.highlight-comment .wrapper:after {
    display: block;
    content: " ";
    z-index: 99;
    width: 1px;
    height: 20px;
    right: 34px;
    bottom: -20px;
    border-left: 1px dotted #9b9b9b;
    position: absolute;
    transform: skewX(0) translateX(10px)
}

.highlight-comment .wrapper:before {
    display: block;
    content: " ";
    width: 20px;
    height: 20px;
    right: 15px;
    bottom: -20px;
    border-left: 1px dotted #9b9b9b;
    position: absolute;
    background-color: #fff;
    transform: skewX(45deg)
}

.highlight-comment .wrapper .comment {
    display: contents;
    margin: 0
}

.highlight-comment .wrapper .comment:after {
    content: none
}

.highlight-comment .wrapper .comment .text {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    color: #000
}

.highlight-comment .wrapper .comment .text .num {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    color: #000;
    padding-right: 3px
}

.highlight-comment .wrapper .comment .control-buttons {
    position: absolute;
    display: flex;
    left: 32px;
    bottom: -15px
}

.highlight-comment .wrapper .comment .control-buttons .like-dislike {
    display: none
}

@media only screen and (min-width : 768px) {
    .highlight-comment .wrapper .comment .control-buttons .like-dislike {
        display: flex
    }

    .highlight-comment .wrapper .comment .control-buttons .like-dislike .icon-wrapper {
        background-color: #fff;
        border-color: #9b9b9b;
        border: 1px dotted #9b9b9b;
        border-radius: 50%
    }

    .highlight-comment .wrapper .comment .control-buttons .like-dislike .icon-wrapper:hover {
        opacity: 1
    }

    .highlight-comment .wrapper .comment .control-buttons .like-dislike .icon-wrapper .fas.fa-thumbs-up {
        cursor: default
    }

    .highlight-comment .wrapper .comment .control-buttons .like-dislike .thumbs-icon.fa-thumbs-down {
        top: 2px
    }

    .highlight-comment .wrapper .comment .control-buttons .like-dislike .quantity {
        position: absolute;
        display: inline-block;
        bottom: 0;
        right: 0;
        left: 0;
        top: 35px;
        text-align: center;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.67;
        color: #9b9b9b
    }
}

@media only screen and (min-width : 768px)and (min-width : 1040px) {
    .highlight-comment .wrapper .comment .control-buttons .like-dislike .quantity {
        padding-right: 20px
    }
}

@media only screen and (min-width : 768px) {
    .highlight-comment .wrapper .comment .control-buttons .like-dislike:hover {
        cursor: pointer;
        opacity: 1;
        color: rgba(155, 155, 155, .6)
    }
}

.highlight-comment .wrapper .comment .control-buttons .open-comment {
    display: inline-block;
    min-height: 32px;
    position: relative;
    padding: 7px 18px 7px 12px;
    border-radius: 17px;
    border: 1px dotted #9b9b9b;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #9b9b9b
}

.highlight-comment .wrapper .comment .control-buttons .open-comment:hover {
    text-decoration: none;
    opacity: 1
}

.highlight-comment .wrapper .comment .control-buttons .open-comment:hover {
    cursor: pointer;
    color: rgba(155, 155, 155, .6)
}

.highlight-comment .wrapper .comment .control-buttons .open-comment:hover .right-arrow {
    color: rgba(155, 155, 155, .6)
}

.highlight-comment .wrapper .comment .control-buttons .open-comment .right-arrow {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    font-size: 19px;
    color: #9b9b9b
}

.highlight-comment .wrapper .author-tag {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    justify-content: flex-end;
    padding: 7px;
    cursor: default
}

.highlight-comment .wrapper .author-tag .partnerText {
    margin-bottom: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #000;
    color: #fff;
    z-index: 1
}

.highlight-comment .wrapper .author-tag .author-icon {
    padding-right: 3px;
    z-index: 1;
    text-align: right;
    align-self: flex-end
}

.highlight-comment .wrapper .author-tag:after {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    position: absolute;
    border-color: #252121 #252121 transparent transparent;
    border-style: solid;
    border-width: 35.5px
}

.highlight-comment .wrapper .partner-tag {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    justify-content: flex-end;
    padding: 7px;
    cursor: pointer
}

.highlight-comment .wrapper .partner-tag:after {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    position: absolute;
    border-color: red red transparent transparent;
    border-style: solid;
    border-width: 35.5px
}

.highlight-comment .wrapper .partner-tag .partnerText {
    margin-bottom: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #000;
    color: #fff;
    z-index: 1
}

.highlight-comment .wrapper .partner-tag svg {
    z-index: 1;
    align-self: flex-end
}

.highlight-comment .wrapper .partner-tag.newpartner .partnerText {
    color: #4a4a4a
}

.highlight-comment .wrapper .partner-tag.newpartner svg * {
    fill: #4a4a4a
}

.highlight-comment .wrapper .partner-tag.newpartner:after {
    border-color: #fff #fff transparent transparent
}

.highlight-comment .wrapper .partner-tag.bronzepartner .partnerText {
    color: #4a4a4a
}

.highlight-comment .wrapper .partner-tag.bronzepartner svg * {
    fill: #4a4a4a
}

.highlight-comment .wrapper .partner-tag.bronzepartner:after {
    border-color: #e0dcdc #e0dcdc transparent transparent
}

.highlight-comment .wrapper .partner-tag.silverpartner .partnerText {
    color: #fff
}

.highlight-comment .wrapper .partner-tag.silverpartner svg * {
    fill: #fff
}

.highlight-comment .wrapper .partner-tag.silverpartner:after {
    border-color: #9b9b9b #9b9b9b transparent transparent
}

.highlight-comment .wrapper .partner-tag.goldpartner .partnerText {
    color: #c4071b
}

.highlight-comment .wrapper .partner-tag.goldpartner svg * {
    fill: #c4071b
}

.highlight-comment .wrapper .partner-tag.goldpartner:after {
    border-color: #000 #000 transparent transparent
}

.highlight-comment .wrapper .partner-tag .antiquity-info {
    position: fixed;
    top: 145px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    padding: 20px;
    background-color: rgba(255, 255, 255, .95);
    border: 1px solid gray
}

.highlight-comment .wrapper .partner-tag .antiquity-info:before {
    display: block;
    content: " ";
    width: 16px;
    height: 16px;
    right: 20px;
    top: -9px;
    position: absolute;
    transform: rotate(45deg);
    border: 1px solid gray;
    border-right: 0;
    border-bottom: 0;
    background-color: #fff
}

@media only screen and (min-width : 768px) {
    .highlight-comment .wrapper .partner-tag .antiquity-info {
        position: absolute;
        min-width: 180px;
        width: auto;
        bottom: 60px;
        top: auto;
        left: auto;
        right: 0;
        background-color: rgba(255, 255, 255, .95);
        padding: 13px 13px 0;
        border: 1px solid gray;
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .11);
        z-index: 99999;
        display: flex;
        flex-direction: column
    }

    .highlight-comment .wrapper .partner-tag .antiquity-info:before {
        display: block;
        content: " ";
        width: 16px;
        height: 16px;
        right: 20px;
        top: auto;
        position: absolute;
        bottom: -9px;
        transform: rotate(225deg);
        border: 1px solid gray;
        border-right: 0;
        border-bottom: 0;
        background-color: #fff
    }
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px
}

@media only screen and (min-width : 768px) {
    .highlight-comment .wrapper .partner-tag .antiquity-info .info-header {
        padding-bottom: 14px;
        margin-bottom: 14px;
        border-bottom: 1px solid gray
    }
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-header .info-title {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.1;
    color: #4a4a4a
}

@media only screen and (min-width : 768px) {
    .highlight-comment .wrapper .partner-tag .antiquity-info .info-header .info-title {
        max-width: 90px;
        font-size: 12px;
        line-height: 1.25
    }
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.07;
    color: #4a4a4a;
    width: 170px;
    display: flex;
    align-items: center;
    padding: 3px;
    margin: 5px 0 12px;
    font-size: 14px;
    line-height: 1.07;
    color: #4a4a4a
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.active {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.07;
    color: #4a4a4a;
    border-radius: 19px;
    font-size: 14px;
    line-height: 1.07;
    color: #4a4a4a;
    font-weight: bold
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.active.newpartner {
    border: 1px solid #9b9b9b
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.active.newpartner .icon-wrap {
    border-color: transparent
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.active.bronzepartner {
    background-color: #e0dcdc
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.active.silverpartner {
    background-color: #9b9b9b
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.active.silverpartner .icon-wrap {
    border-color: transparent
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.active.silverpartner .option-text {
    color: #fff
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.active.goldpartner {
    background-color: #000
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.active.goldpartner .icon-wrap {
    border-color: transparent
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.active.goldpartner .option-text {
    color: #c4071b
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option .icon-wrap {
    padding: 8px;
    margin-right: 9px;
    border-radius: 50%;
    border: 1px solid #e0dcdc
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option .option-text {
    margin: 0;
    color: #4a4a4a
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.newpartner .icon-wrap {
    background-color: #fff
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.newpartner .icon-wrap svg * {
    fill: #4a4a4a
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.bronzepartner .icon-wrap {
    background-color: #e0dcdc
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.bronzepartner .icon-wrap svg * {
    fill: #4a4a4a
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.silverpartner .icon-wrap {
    background-color: #9b9b9b
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.silverpartner .icon-wrap svg * {
    fill: #fff
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.goldpartner .icon-wrap {
    background-color: #000
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-list_option.goldpartner .icon-wrap svg * {
    fill: #c4071b
}

.highlight-comment .wrapper .partner-tag .antiquity-info .become-partner {
    position: absolute;
    bottom: 88px;
    left: 20px;
    right: 20px;
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: #c4071b;
    text-transform: uppercase;
    outline: none
}

.highlight-comment .wrapper .partner-tag .antiquity-info .become-partner a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.1;
    color: #4a4a4a;
    font-size: 14px
}

@media only screen and (min-width : 768px) {
    .highlight-comment .wrapper .partner-tag .antiquity-info .become-partner {
        position: static;
        max-width: 90px;
        margin-top: 12px;
        padding: 0 16px;
        border-top-left-radius: 80px;
        border-top-right-radius: 80px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        text-transform: none
    }
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-footer {
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: 20px;
    padding-top: 20px;
    text-align: right;
    border-top: 1px solid gray
}

.highlight-comment .wrapper .partner-tag .antiquity-info .info-footer img.close-icon {
    width: 22px;
    cursor: pointer
}

@media only screen and (min-width : 768px) {
    .highlight-comment .wrapper .partner-tag .antiquity-info .info-footer {
        border: none;
        top: 10px;
        right: 10px;
        left: auto;
        bottom: auto;
        padding-top: 5px
    }

    .highlight-comment .wrapper .partner-tag .antiquity-info .info-footer img.close-icon {
        width: 15px;
        height: 15px
    }
}

.highlight-comment .author {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.highlight-comment .author .author-info {
    padding-right: 10px;
    text-align: right
}

.highlight-comment .author .author-info .author-name,
.highlight-comment .author .author-info .publicationDate {
    margin: 0;
    text-align: right
}

.highlight-comment .author .author-info .author-name {
    display: block;
    padding-bottom: 5px;
    position: relative;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: .8;
    color: #252121
}

.highlight-comment .author .author-info .author-name:hover {
    text-decoration: none;
    opacity: 1
}

.highlight-comment .author .author-info .author-name:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.highlight-comment .author .author-info .author-name .login-options {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #000;
    position: absolute;
    bottom: calc(110% + 8px);
    padding: 5px 5px 9px;
    right: 0;
    transform: translateX(50%);
    background-color: #fff;
    border: 1px dotted #9b9b9b;
    width: 200px;
    text-align: center
}

.highlight-comment .author .author-info .author-name .login-options span {
    display: block;
    margin: 0 0 10px
}

.highlight-comment .author .author-info .author-name .login-options a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: .8;
    color: #252121;
    font-size: 13px
}

.highlight-comment .author .author-info .author-name .login-options:after {
    display: block;
    content: " ";
    width: 16px;
    height: 16px;
    left: 92px;
    right: 0;
    bottom: -8px;
    position: absolute;
    transform: rotate(225deg);
    border-left: 1px dotted #9b9b9b;
    border-top: 1px dotted #9b9b9b;
    background-color: #fff
}

.highlight-comment .author .author-info .publication-date {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #000
}

.comments-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    margin-bottom: 30px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

@media only screen and (min-width : 1040px) {
    .comments-info {
        margin-left: 20px
    }
}

.comments-info .total-comments {
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    color: #000
}

.comments-info .filter {
    flex-wrap: nowrap;
    white-space: nowrap
}

.comments-info .filter .filter-text {
    width: 100%
}

.comments-info .filter .filter-select-wrapper .filter-selected-option {
    min-width: 60px;
    margin-bottom: 0;
    padding-left: 3px;
    width: auto;
    white-space: nowrap
}

.comment {
    position: relative;
    margin: 0 0 31px 0;
    padding: 15px;
    background-color: #fff;
    list-style: none
}

@media only screen and (min-width : 768px) {
    .comment {
        padding: 20px 20px 20px 81px;
        margin: 0 0 31px 0
    }
}

@media only screen and (min-width : 1040px) {
    .comment {
        margin: 0 0 31px -20px;
        padding: 20px 20px 20px 105px
    }
}

.comment:after {
    position: absolute;
    content: "";
    bottom: -18px;
    left: 0;
    width: 120px;
    height: 1px;
    border-top: 1px solid gray
}

@media only screen and (min-width : 1040px) {
    .comment:after {
        left: 105px
    }
}

.comment:last-child:after {
    content: none;
    display: none
}

@media only screen and (max-width : 767px) {
    .comment.default {
        padding: 15px 0
    }
}

.comment.partner {
    background-color: #f2f0f0
}

@media only screen and (max-width : 767px) {
    .comment.partner {
        padding: 15px 15px 20px
    }
}

.comment.author {
    background-color: rgba(37, 33, 33, .1)
}

@media only screen and (max-width : 767px) {
    .comment.author {
        padding: 15px 15px 20px
    }
}

.comment.muted {
    min-height: 0;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 20px 15px 24px;
    background-image: url(/stripe-background.h-bf2dccafd126500be2791c1af6996f20-15905d17.png);
    background-color: transparent;
    display: flex
}

@media only screen and (min-width : 1040px) {
    .comment.muted {
        margin-left: 15px
    }
}

.comment.muted .muted-icon {
    display: block;
    font-size: 22px;
    color: #252121
}

.comment.muted .comment-wrapper {
    padding-left: 12px
}

@media only screen and (min-width : 768px) {
    .comment.muted .comment-wrapper {
        padding-left: 50px
    }
}

.comment.muted .comment-wrapper .comment-header .author-info .header-title {
    padding-bottom: 0
}

.comment.muted .mute {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 32px
}

@media only screen and (min-width : 768px) {
    .comment.muted .mute {
        margin-left: auto;
        margin-top: 0;
        width: auto
    }
}

.comment.muted .mute-text {
    display: inline-block;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.58;
    color: #000
}

.comment.muted .mute-link {
    margin-left: 3px;
    color: #252121;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.58;
    cursor: pointer
}

.comment-list .blue-btn {
    margin: 40px auto
}

.comment .author-tag {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    justify-content: flex-end;
    padding: 7px;
    cursor: default
}

.comment .author-tag .partnerText {
    margin-bottom: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #000;
    color: #fff;
    z-index: 1
}

.comment .author-tag .author-icon {
    padding-right: 3px;
    z-index: 1;
    text-align: right;
    align-self: flex-end
}

.comment .author-tag:after {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    position: absolute;
    border-color: #252121 #252121 transparent transparent;
    border-style: solid;
    border-width: 35.5px
}

.comment .partner-tag {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    justify-content: flex-end;
    padding: 7px;
    cursor: pointer
}

.comment .partner-tag:after {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    position: absolute;
    border-color: red red transparent transparent;
    border-style: solid;
    border-width: 35.5px
}

.comment .partner-tag .partnerText {
    margin-bottom: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #000;
    color: #fff;
    z-index: 1
}

.comment .partner-tag svg {
    z-index: 1;
    align-self: flex-end
}

.comment .partner-tag.newpartner .partnerText {
    color: #4a4a4a
}

.comment .partner-tag.newpartner svg * {
    fill: #4a4a4a
}

.comment .partner-tag.newpartner:after {
    border-color: #fff #fff transparent transparent
}

.comment .partner-tag.bronzepartner .partnerText {
    color: #4a4a4a
}

.comment .partner-tag.bronzepartner svg * {
    fill: #4a4a4a
}

.comment .partner-tag.bronzepartner:after {
    border-color: #e0dcdc #e0dcdc transparent transparent
}

.comment .partner-tag.silverpartner .partnerText {
    color: #fff
}

.comment .partner-tag.silverpartner svg * {
    fill: #fff
}

.comment .partner-tag.silverpartner:after {
    border-color: #9b9b9b #9b9b9b transparent transparent
}

.comment .partner-tag.goldpartner .partnerText {
    color: #c4071b
}

.comment .partner-tag.goldpartner svg * {
    fill: #c4071b
}

.comment .partner-tag.goldpartner:after {
    border-color: #000 #000 transparent transparent
}

.comment .partner-tag .antiquity-info {
    position: fixed;
    top: 145px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    padding: 20px;
    background-color: rgba(255, 255, 255, .95);
    border: 1px solid gray
}

.comment .partner-tag .antiquity-info:before {
    display: block;
    content: " ";
    width: 16px;
    height: 16px;
    right: 20px;
    top: -9px;
    position: absolute;
    transform: rotate(45deg);
    border: 1px solid gray;
    border-right: 0;
    border-bottom: 0;
    background-color: #fff
}

@media only screen and (min-width : 768px) {
    .comment .partner-tag .antiquity-info {
        position: absolute;
        min-width: 180px;
        width: auto;
        bottom: 60px;
        top: auto;
        left: auto;
        right: 0;
        background-color: rgba(255, 255, 255, .95);
        padding: 13px 13px 0;
        border: 1px solid gray;
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .11);
        z-index: 99999;
        display: flex;
        flex-direction: column
    }

    .comment .partner-tag .antiquity-info:before {
        display: block;
        content: " ";
        width: 16px;
        height: 16px;
        right: 20px;
        top: auto;
        position: absolute;
        bottom: -9px;
        transform: rotate(225deg);
        border: 1px solid gray;
        border-right: 0;
        border-bottom: 0;
        background-color: #fff
    }
}

.comment .partner-tag .antiquity-info .info-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px
}

@media only screen and (min-width : 768px) {
    .comment .partner-tag .antiquity-info .info-header {
        padding-bottom: 14px;
        margin-bottom: 14px;
        border-bottom: 1px solid gray
    }
}

.comment .partner-tag .antiquity-info .info-header .info-title {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.1;
    color: #4a4a4a
}

@media only screen and (min-width : 768px) {
    .comment .partner-tag .antiquity-info .info-header .info-title {
        max-width: 90px;
        font-size: 12px;
        line-height: 1.25
    }
}

.comment .partner-tag .antiquity-info .info-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.07;
    color: #4a4a4a
}

.comment .partner-tag .antiquity-info .info-list_option {
    width: 170px;
    display: flex;
    align-items: center;
    padding: 3px;
    margin: 5px 0 12px;
    font-size: 14px;
    line-height: 1.07;
    color: #4a4a4a
}

.comment .partner-tag .antiquity-info .info-list_option.active {
    border-radius: 19px;
    font-size: 14px;
    line-height: 1.07;
    color: #4a4a4a;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.07;
    color: #4a4a4a
}

.comment .partner-tag .antiquity-info .info-list_option.active.newpartner {
    border: 1px solid #9b9b9b
}

.comment .partner-tag .antiquity-info .info-list_option.active.newpartner .icon-wrap {
    border-color: transparent
}

.comment .partner-tag .antiquity-info .info-list_option.active.bronzepartner {
    background-color: #e0dcdc
}

.comment .partner-tag .antiquity-info .info-list_option.active.silverpartner {
    background-color: #9b9b9b
}

.comment .partner-tag .antiquity-info .info-list_option.active.silverpartner .icon-wrap {
    border-color: transparent
}

.comment .partner-tag .antiquity-info .info-list_option.active.silverpartner .option-text {
    color: #fff
}

.comment .partner-tag .antiquity-info .info-list_option.active.goldpartner {
    background-color: #000
}

.comment .partner-tag .antiquity-info .info-list_option.active.goldpartner .icon-wrap {
    border-color: transparent
}

.comment .partner-tag .antiquity-info .info-list_option.active.goldpartner .option-text {
    color: #c4071b
}

.comment .partner-tag .antiquity-info .info-list_option .icon-wrap {
    padding: 8px;
    margin-right: 9px;
    border-radius: 50%;
    border: 1px solid #e0dcdc
}

.comment .partner-tag .antiquity-info .info-list_option .option-text {
    margin: 0;
    color: #4a4a4a
}

.comment .partner-tag .antiquity-info .info-list_option.newpartner .icon-wrap {
    background-color: #fff
}

.comment .partner-tag .antiquity-info .info-list_option.newpartner .icon-wrap svg * {
    fill: #4a4a4a
}

.comment .partner-tag .antiquity-info .info-list_option.bronzepartner .icon-wrap {
    background-color: #e0dcdc
}

.comment .partner-tag .antiquity-info .info-list_option.bronzepartner .icon-wrap svg * {
    fill: #4a4a4a
}

.comment .partner-tag .antiquity-info .info-list_option.silverpartner .icon-wrap {
    background-color: #9b9b9b
}

.comment .partner-tag .antiquity-info .info-list_option.silverpartner .icon-wrap svg * {
    fill: #fff
}

.comment .partner-tag .antiquity-info .info-list_option.goldpartner .icon-wrap {
    background-color: #000
}

.comment .partner-tag .antiquity-info .info-list_option.goldpartner .icon-wrap svg * {
    fill: #c4071b
}

.comment .partner-tag .antiquity-info .become-partner {
    position: absolute;
    bottom: 88px;
    left: 20px;
    right: 20px;
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: #c4071b;
    text-transform: uppercase;
    outline: none
}

.comment .partner-tag .antiquity-info .become-partner a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.1;
    color: #4a4a4a;
    font-size: 14px
}

@media only screen and (min-width : 768px) {
    .comment .partner-tag .antiquity-info .become-partner {
        position: static;
        max-width: 90px;
        margin-top: 12px;
        padding: 0 16px;
        border-top-left-radius: 80px;
        border-top-right-radius: 80px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        text-transform: none
    }
}

.comment .partner-tag .antiquity-info .info-footer {
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: 20px;
    padding-top: 20px;
    text-align: right;
    border-top: 1px solid gray
}

.comment .partner-tag .antiquity-info .info-footer img.close-icon {
    width: 22px;
    cursor: pointer
}

@media only screen and (min-width : 768px) {
    .comment .partner-tag .antiquity-info .info-footer {
        border: none;
        top: 10px;
        right: 10px;
        left: auto;
        bottom: auto;
        padding-top: 5px
    }

    .comment .partner-tag .antiquity-info .info-footer img.close-icon {
        width: 15px;
        height: 15px
    }
}

.comment-wrapper .comment-header {
    display: flex
}

.comment-wrapper .comment-header .author-img {
    position: relative
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-header .author-img {
        position: absolute;
        left: 14px
    }

    .default .comment-wrapper .comment-header .author-img {
        left: 0
    }
}

@media only screen and (min-width : 1040px) {
    .comment-wrapper .comment-header .author-img {
        left: 40px
    }

    .default .comment-wrapper .comment-header .author-img {
        left: 40px
    }
}

.comment-wrapper .comment-header-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0 0 12px
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-header-wrapper {
        padding: 8px 0 0 0
    }
}

.comment-wrapper .comment-header .author-info {
    display: flex;
    flex-direction: column
}

.comment-wrapper .comment-header .author-info .header-title {
    padding-bottom: 5px;
    position: relative;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: .8;
    color: #252121
}

.comment-wrapper .comment-header .author-info .header-title .num {
    color: #090909
}

.comment-wrapper .comment-header .author-info .header-title .author-name {
    position: relative;
    color: inherit
}

.comment-wrapper .comment-header .author-info .header-title .author-name:hover {
    text-decoration: none;
    opacity: 1
}

.comment-wrapper .comment-header .author-info .header-title .author-name:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.comment-wrapper .comment-header .author-info .header-title .author-name .login-options {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #000;
    position: absolute;
    bottom: calc(110% + 8px);
    padding: 5px 5px 9px;
    left: 0;
    transform: translateX(-50%);
    background-color: #fff;
    border: 1px dotted #9b9b9b;
    width: 200px;
    text-align: center
}

.comment-wrapper .comment-header .author-info .header-title .author-name .login-options span {
    display: block;
    margin: 0 0 10px
}

.comment-wrapper .comment-header .author-info .header-title .author-name .login-options a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: .8;
    color: #252121;
    font-size: 13px
}

.comment-wrapper .comment-header .author-info .header-title .author-name .login-options:after {
    display: block;
    content: " ";
    width: 16px;
    height: 16px;
    left: 92px;
    right: 0;
    bottom: -8px;
    position: absolute;
    transform: rotate(225deg);
    border-left: 1px dotted #9b9b9b;
    border-top: 1px dotted #9b9b9b;
    background-color: #fff
}

.comment-wrapper .comment-header .author-info .publicationDate {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #000
}

.comment-wrapper .comment-header .reply-tag {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    margin: 7px 0 0 0;
    border-radius: 25px;
    border: 2px solid #f2f0f0;
    background-color: #fff
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-header .reply-tag {
        margin: 7px 0 0 10px
    }
}

.comment-wrapper .comment-header .reply-tag:hover {
    cursor: pointer
}

.comment-wrapper .comment-header .reply-tag .reply-icon {
    padding-right: 10px;
    font-size: 11px;
    color: #9b9b9b
}

.comment-wrapper .comment-header .reply-tag .tag-text {
    position: relative;
    margin: 0;
    padding-left: 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #4a4a4a
}

.comment-wrapper .comment-header .reply-tag .tag-text::after {
    content: "";
    position: absolute;
    left: -2px;
    bottom: -3px;
    width: 2px;
    height: 17px;
    background-color: #f2f0f0
}

.comment-wrapper .comment-header .reply-tag .tag-text .reply-num {
    font-weight: 600;
    color: #252121
}

.comment-wrapper .comment-header .featured-tag {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    margin: 7px 0 0 0;
    border-radius: 25px;
    border: 2px solid #f2f0f0;
    background-color: #fff
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-header .featured-tag {
        margin: 7px 0 0 10px
    }
}

.comment-wrapper .comment-header .featured-tag:hover {
    cursor: pointer
}

.comment-wrapper .comment-header .featured-tag .img {
    padding-right: 10px;
    font-size: 11px;
    color: #9b9b9b
}

.comment-wrapper .comment-header .featured-tag .tag-text {
    position: relative;
    margin: 0;
    padding-left: 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #4a4a4a
}

.comment-wrapper .comment-header .reply-wrapper {
    display: block;
    position: absolute
}

.comment-wrapper .comment-header .reply-wrapper .reply-info {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    padding: 20px;
    background-color: rgba(255, 255, 255, .95);
    border-top: 1px dotted #9b9b9b
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-header .reply-wrapper .reply-info {
        position: absolute;
        left: -90px;
        right: auto;
        top: auto;
        bottom: 35px;
        width: 270px;
        max-height: 500px;
        padding: 16px;
        border: 1px dotted #9b9b9b;
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .11);
        background-color: rgba(255, 255, 255, .95)
    }
}

.comment-wrapper .comment-header .reply-wrapper .reply-info:before {
    display: block;
    content: " ";
    width: 16px;
    height: 16px;
    left: 122px;
    top: -9px;
    position: absolute;
    transform: rotate(45deg);
    border-left: 1px dotted #9b9b9b;
    border-top: 1px dotted #9b9b9b;
    background-color: #fff
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-header .reply-wrapper .reply-info:before {
        display: block;
        content: " ";
        width: 16px;
        height: 16px;
        left: 100px;
        position: absolute;
        border-left: 1px dotted #9b9b9b;
        border-top: 1px dotted #9b9b9b;
        background-color: #fff;
        top: auto;
        bottom: -8px;
        transform: rotate(225deg)
    }
}

.comment-wrapper .comment-header .reply-wrapper .reply-info .comment-header .author-img {
    left: 0;
    display: inline-flex;
    position: relative
}

.comment-wrapper .comment-header .reply-wrapper .reply-info .comment-header .comment-header-wrapper {
    margin-left: 10px
}

.comment-wrapper .comment-header .reply-wrapper .reply-info .reply-footer {
    margin-top: auto;
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
    border-top: 1px dotted #9b9b9b
}

.comment-wrapper .comment-header .reply-wrapper .reply-info .reply-footer .openCommentary {
    display: inline-block;
    min-height: 32px;
    position: relative;
    padding: 7px 18px 7px 12px;
    border-radius: 17px;
    border: 1px dotted #9b9b9b;
    background-color: #fff;
    font-size: 12px;
    line-height: 1.67;
    color: #4a4a4a
}

.comment-wrapper .comment-header .reply-wrapper .reply-info .reply-footer .openCommentary .right-arrow {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    font-size: 19px;
    color: #9b9b9b
}

.comment-wrapper .comment-header .reply-wrapper .reply-info .reply-footer .close-icon {
    width: 22px;
    cursor: pointer
}

.comment-wrapper .comment-text {
    overflow: auto;
    margin: 30px -5px 30px 0;
    padding-right: 15px;
    max-height: 50vh
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-text {
        max-height: none
    }
}

.comment-wrapper .comment-text p {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    color: #000;
    white-space: pre-wrap
}

.comment-wrapper .comment-footer {
    display: flex
}

.comment-wrapper .comment-footer .control-buttons {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 60px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #9b9b9b
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-footer .control-buttons {
        justify-content: flex-start
    }
}

.comment-wrapper .comment-footer .control-buttons .action-button {
    display: flex;
    align-items: center;
    cursor: pointer
}

.comment-wrapper .comment-footer .control-buttons .action-button .action-icon {
    padding-right: 5px
}

.comment-wrapper .comment-footer .control-buttons .action-button .action-text {
    margin: 0
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-footer .control-buttons .action-button .action-text {
        white-space: nowrap
    }
}

.comment-wrapper .comment-footer .control-buttons .action-button.responder {
    margin-right: 20px
}

.comment-wrapper .comment-footer .control-buttons .action-button.responder:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.comment-wrapper .comment-footer .control-buttons .like-dislike .option-wrapper {
    display: flex;
    align-items: center
}

.comment-wrapper .comment-footer .control-buttons .like-dislike .option-wrapper .icon-wrapper {
    padding: 7px 0;
    font-size: 16px
}

.comment-wrapper .comment-footer .control-buttons .like-dislike .option-wrapper .icon-wrapper .fas.fa-thumbs-up {
    cursor: default
}

.comment-wrapper .comment-footer .control-buttons .like-dislike .option-wrapper .quantity {
    display: inline-block;
    padding-top: 3px;
    margin-left: 5px;
    text-align: center;
    font-size: 12px;
    line-height: 1.67;
    color: #9b9b9b
}

.comment-wrapper .comment-footer .control-buttons .more-options {
    font-size: 42px;
    cursor: pointer;
    width: 26px;
    transition: all .15s ease-in;
    text-align: center
}

.comment-wrapper .comment-footer .control-buttons .more-options:hover {
    cursor: pointer
}

.comment-wrapper .comment-footer .control-buttons .more-options.active {
    transform: rotate(90deg)
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-footer .control-buttons .more-options {
        margin-left: 20px
    }
}

.comment-wrapper .comment-footer .control-buttons .more-options-wrapper {
    position: absolute;
    bottom: 42px;
    right: 18px;
    max-width: 110px;
    padding: 12px;
    background-color: #fff;
    border: 1px solid gray;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .11);
    color: #4a4a4a
}

.comment-wrapper .comment-footer .control-buttons .more-options-wrapper:after {
    display: block;
    content: " ";
    width: 16px;
    height: 16px;
    left: auto;
    right: 45px;
    top: -8px;
    position: absolute;
    transform: rotate(45deg);
    border-left: 1px dotted #9b9b9b;
    border-top: 1px dotted #9b9b9b;
    background-color: #fff
}

.comment-wrapper .comment-footer .control-buttons .more-options-wrapper:after {
    top: auto;
    bottom: -8px;
    transform: rotate(225deg)
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-footer .control-buttons .more-options-wrapper {
        position: static;
        max-width: none;
        padding: 0;
        box-shadow: none;
        border: none;
        background-color: transparent;
        color: #9b9b9b;
        display: flex
    }

    .comment-wrapper .comment-footer .control-buttons .more-options-wrapper::after {
        content: none
    }
}

.comment-wrapper .comment-footer .control-buttons .more-options-wrapper .action-button {
    display: block;
    padding: 10px 0;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid gray
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-footer .control-buttons .more-options-wrapper .action-button {
        display: inline-flex;
        margin-right: 12px;
        padding: 0;
        border: none
    }
}

.comment-wrapper .comment-footer .control-buttons .more-options-wrapper .action-button .action-icon {
    padding: 0 0 5px 0;
    font-size: 16px
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-footer .control-buttons .more-options-wrapper .action-button .action-icon {
        padding: 0 5px 0 5px
    }
}

.comment-wrapper .comment-footer .control-buttons .more-options-wrapper .action-button:last-child {
    border: none
}

.comment-wrapper .comment-footer .control-buttons .more-options-wrapper .action-text {
    line-height: 1.3
}

@media only screen and (min-width : 768px) {
    .comment-wrapper .comment-footer .control-buttons .more-options-wrapper .action-text {
        white-space: nowrap
    }
}

.comment-next .blue-btn {
    margin: 10px auto 50px
}

.like-dislike {
    display: inline-flex
}

.like-dislike .option-wrapper {
    position: relative;
    padding-right: 20px
}

.like-dislike .option-wrapper:last-child {
    padding-right: 0
}

.like-dislike .option-wrapper .icon-wrapper {
    display: inline-flex;
    padding: 7px;
    border: 1px dotted transparent;
    border-radius: 50%;
    background-color: transparent
}

.like-dislike .option-wrapper .icon-wrapper:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.like-dislike .option-wrapper .icon-wrapper .thumbs-icon {
    color: #9b9b9b
}

.like-dislike .option-wrapper .icon-wrapper .thumbs-icon.fa-thumbs-down {
    position: relative;
    top: 4px
}

.like-dislike .option-wrapper .cuantity {
    display: inline-block;
    padding-top: 3px;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #9b9b9b
}

.like-dislike .option-wrapper .option-modal {
    position: absolute;
    left: 50px;
    top: -14px;
    width: 140px;
    padding: 12px;
    z-index: 5;
    background-color: rgba(255, 255, 255, .95);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .11);
    border: 1px dotted #9b9b9b;
    color: #9b9b9b
}

.like-dislike .option-wrapper .option-modal .voters-list {
    padding-left: 22px;
    margin-bottom: 12px
}

.like-dislike .option-wrapper .option-modal .voters-list li a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 2.08;
    color: #9b9b9b
}

.like-dislike .option-wrapper .option-modal .voters-list li a:hover {
    text-decoration: none;
    opacity: 1
}

.like-dislike .option-wrapper .option-modal .voters-list li a:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.like-dislike .option-wrapper .option-modal .voters-buttons .voters-icon {
    padding: 0 5px;
    font-size: 18px;
    cursor: pointer
}

.like-dislike .option-wrapper .option-modal .voters-buttons .voters-icon.disabled {
    opacity: .5
}

.like-dislike .option-wrapper .option-modal:after {
    display: block;
    content: " ";
    width: 16px;
    height: 16px;
    left: -8px;
    right: 0;
    top: -8px;
    position: absolute;
    transform: rotate(45deg);
    border-left: 1px dotted #9b9b9b;
    border-top: 1px dotted #9b9b9b;
    background-color: #fff
}

.like-dislike .option-wrapper .option-modal::after {
    top: 22px;
    transform: rotate(-45deg)
}

.like-dislike.vertical .option-wrapper .icon-wrapper {
    display: flex
}

.like-dislike.vertical .option-wrapper .cuantity {
    display: block
}

@media only screen and (min-width: 1040px) {
    .like-dislike .option-wrapper:last-child {
        padding-right: 20px
    }
}

.comment.moderated {
    min-height: 0;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 15px 15px 15px;
    background-image: url(/stripe-background.h-bf2dccafd126500be2791c1af6996f20-15905d17.png);
    background-color: transparent;
    display: flex
}

@media only screen and (min-width : 768px) {
    .comment.moderated {
        padding: 15px 20px 15px 24px
    }
}

@media only screen and (min-width : 1040px) {
    .comment.moderated {
        margin-left: 15px
    }

    .comment.moderated:after {
        left: 70px
    }
}

.comment.moderated:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: none;
    background-image: url(/stripe-background.h-bf2dccafd126500be2791c1af6996f20-15905d17.png);
    background-color: transparent;
    z-index: 0
}

.comment.moderated .moderated-header {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media only screen and (min-width : 768px) {
    .comment.moderated .moderated-header {
        justify-content: space-between;
        flex-wrap: nowrap;
        align-items: center
    }
}

.comment.moderated .moderated-header .moderated-icon {
    display: block;
    font-size: 16px;
    color: #252121;
    margin: 0;
    padding: 0 0 8px 0;
    line-height: 1;
    width: 100%
}

@media only screen and (min-width : 768px) {
    .comment.moderated .moderated-header .moderated-icon {
        font-size: 22px;
        padding: 0 8px 0 0;
        width: auto;
        margin-right: 40px
    }
}

.comment.moderated .moderated-header .moderated-text {
    max-width: 180px;
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: .8;
    color: #252121;
    line-height: 1.4
}

@media only screen and (min-width : 768px) {
    .comment.moderated .moderated-header .moderated-text {
        max-width: none
    }
}

.comment.moderated .moderated-header .moderated-toggle {
    display: flex;
    margin-left: auto;
    align-items: flex-end;
    cursor: pointer
}

.comment.moderated .moderated-header .moderated-toggle p {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: normal;
    letter-spacing: 0;
    color: #4a4a4a;
    padding-right: 5px
}

@media only screen and (min-width : 768px) {
    .comment.moderated .moderated-header .moderated-toggle {
        align-items: center
    }
}

.comment.moderated .comment {
    z-index: 1;
    margin: 0;
    padding: 15px;
    margin-top: 10px
}

@media only screen and (min-width : 768px) {
    .comment.moderated .comment {
        padding: 20px 20px 20px 60px;
        margin-top: 15px
    }
}

.comment.moderated .comment:after {
    content: none
}

.comment.moderated .comment .author-img {
    position: relative;
    left: 0
}

@media only screen and (min-width : 768px) {
    .comment.moderated .comment .author-img {
        margin-right: 16px
    }
}

.comment-section {
    margin: 45px 0 30px;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    position: relative
}

@media only screen and (min-width : 768px) {
    .comment-section {
        padding: 0
    }
}

@media only screen and (min-width : 1040px) {
    .comment-section {
        padding: 0 0 0 20px
    }
}

.comment-section span.advice {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #4a4a4a;
    line-height: 16px;
    margin-bottom: 15px
}

.comment-section span.advice a {
    text-decoration: underline;
    color: #9b9b9b
}

.comment-section span.advice.counter {
    position: absolute;
    height: 20px;
    bottom: 0;
    margin: 0
}

@media only screen and (min-width : 768px) {
    .comment-section span.advice.counter {
        bottom: 25px
    }
}

.comment-section textarea {
    width: 100%;
    max-height: 106px;
    padding: 10px 15px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 1.36;
    color: #000;
    resize: none;
    outline: none;
    border: 1px solid rgba(155, 155, 155, .66);
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.comment-section textarea::placeholder {
    color: #9b9b9b
}

@media only screen and (min-width : 768px) {
    .comment-section textarea {
        border-bottom: 1px solid rgba(155, 155, 155, .66);
        border-radius: 0;
        max-height: 700px;
        height: 108px;
        resize: vertical
    }
}

.comment-section-buttons {
    display: flex;
    flex-direction: column;
    text-align: right
}

.comment-section-buttons button:disabled {
    opacity: .3
}

.comment-section-buttons .blue-btn {
    margin: 0 !important
}

@media only screen and (min-width : 768px) {
    .comment-section-buttons {
        justify-content: flex-start;
        flex-direction: row-reverse;
        align-items: center
    }
}

.comment-section-buttons a.terms-of-use {
    align-self: flex-end;
    text-decoration: underline;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #4a4a4a
}

.comment-section-buttons a.terms-of-use:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

@media only screen and (min-width : 768px) {
    .comment-section-buttons a.terms-of-use {
        margin-top: 0;
        margin-right: 15px;
        align-self: flex-start
    }
}

.partner-comment-list {
    margin: 0 0 40px -10px
}

@media only screen and (min-width : 768px) {
    .partner-comment-list {
        margin: -20px 0 40px
    }

    .partner-comment-list .wrapper .slider .nav-control.right,
    .partner-comment-list .wrapper .slider .nav-control.left {
        display: none
    }
}

@media only screen and (max-width : 767px) {
    .partner-comment-list .partner-comment {
        min-width: 40vw
    }

    .partner-comment-list .slider {
        margin: 0 36px
    }

    .partner-comment-list .wrapper .slider .nav-control.right {
        margin-right: -36px
    }

    .partner-comment-list .wrapper .slider .nav-control.left {
        margin-left: -36px
    }
}

@media only screen and (min-width : 1040px) {
    .partner-comment-list {
        margin: -20px 0 40px 0
    }
}

.partner-comment-list h2.title {
    margin: 10px 0 20px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #252121
}

.partner-comment-list .wrapper {
    margin: 0 -20px 0 -10px;
    padding: 25px 0;
    background-color: #f2f0f0
}

@media only screen and (min-width : 768px) {
    .partner-comment-list .wrapper {
        margin: 0 -5px 0 -5px
    }
}

@media only screen and (min-width : 1040px) {
    .partner-comment-list .wrapper {
        margin: 0 0 0 -20px
    }
}

.partner-comment-list .wrapper .slider {
    position: relative
}

.partner-comment-list .wrapper .slider .owl-stage-outer {
    width: 100%;
    margin: 0 auto
}

@media only screen and (min-width : 768px) {
    .partner-comment-list .wrapper .slider .owl-carousel {
        padding: 0 50px
    }

    .partner-comment-list .wrapper .slider .owl-carousel .owl-stage-outer {
        width: 100%
    }
}

.partner-comment-list .wrapper .slider .partner-comment {
    padding: 0 10px
}

.partner-comment-list .wrapper .slider .partner-comment .title {
    margin-bottom: 8px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.36;
    color: #252121;
    color: inherit
}

.partner-comment-list .wrapper .slider .partner-comment .title:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.partner-comment-list .wrapper .slider .partner-comment .title a {
    color: #252121;
    text-decoration: none;
    position: relative
}

.partner-comment-list .wrapper .slider .partner-comment .title a .login-options {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #000;
    padding: 5px 5px 9px;
    left: 0;
    background-color: #fff;
    border: 1px dotted #9b9b9b;
    width: 100%;
    text-align: center
}

.partner-comment-list .wrapper .slider .partner-comment .title a .login-options span {
    display: block;
    margin: 0 0 10px
}

.partner-comment-list .wrapper .slider .partner-comment .title a .login-options a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: .8;
    color: #252121;
    font-size: 13px
}

.partner-comment-list .wrapper .slider .partner-comment .title .num {
    display: inline-flex
}

.partner-comment-list .wrapper .slider .partner-comment p {
    margin: 0
}

.partner-comment-list .wrapper .slider .partner-comment p.text {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.36;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.partner-comment-list .wrapper .slider .nav-control {
    height: 100%;
    min-width: 45px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px;
    z-index: 9;
    background-color: rgba(242, 240, 240, .9);
    color: #9b9b9b;
    cursor: pointer
}

.partner-comment-list .wrapper .slider .nav-control.left {
    justify-content: center;
    left: 0;
    border-right: 1px solid gray
}

.partner-comment-list .wrapper .slider .nav-control.right {
    justify-content: center;
    right: 0;
    border-left: 1px solid gray
}

.partner-comment-list .wrapper .slider .nav-control i {
    font-size: 24px
}

.partner-comment-list .wrapper .buttons-wrapper {
    display: flex;
    padding: 25px calc(45px - 1px) 0
}

@media only screen and (min-width : 768px) {
    .partner-comment-list .wrapper .buttons-wrapper {
        padding: 50px calc(52px - 1px) 0
    }

    .partner-comment-list .wrapper .buttons-wrapper button {
        font-size: 15px
    }
}

.partner-comment-list .wrapper .buttons-wrapper a {
    flex: 1 1 0%;
    padding: 16px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    outline: none;
    border: none;
    text-align: center;
    user-select: none
}

.partner-comment-list .wrapper .buttons-wrapper a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.partner-comment-list .wrapper .buttons-wrapper a.partner-btn {
    background-color: #0890e6;
    text-transform: uppercase;
    color: #fff
}

.partner-comment-list .wrapper .buttons-wrapper a.sign-up {
    background-color: #fff;
    line-height: 3
}

.vignette-visor {
    text-align: right
}

.vignette-visor .vignette-img {
    width: 100%;
    cursor: pointer
}

.vignette-visor .zoom-icon {
    padding: 6px 0;
    font-size: 22px;
    color: #cecece
}

.vignette-visor .zoom-icon:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.vignette-visor .cmp-image-visor {
    display: none
}

@media only screen and (min-width: 768px) {
    .vignette-visor .zoom-icon {
        display: none
    }
}

.vignette-info .title,
.vignette-info .explanation {
    margin-bottom: 10px
}

.vignette-info .title {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.31;
    color: #252121;
    color: #000
}

.vignette-info .explanation {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.31;
    color: #252121
}

.vignette-info .explanation a {
    color: inherit
}

.vignette-info .explanation a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.vignette-slider .slider-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.vignette-slider .slider-title .title {
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #252121
}

.vignette-slider .slider-title .gallery-link {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #9b9b9b;
    line-height: 24px;
    text-transform: uppercase;
    color: #252121
}

.vignette-slider .slider-title .gallery-link:hover {
    text-decoration: none;
    opacity: 1
}

.vignette-slider .slider-title .gallery-link:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.vignette-slider .vg-slider-wrapper img {
    aspect-ratio: 3/4;
    object-fit: cover
}

.vignette-slider .vg-slider-wrapper .slider-wrapper {
    position: relative
}

.vignette-slider .vg-slider-wrapper .slider-wrapper .owl-carousel .owl-item .item {
    padding: 0 10px
}

.vignette-slider .vg-slider-wrapper .slider-wrapper .owl-carousel .owl-item .item a {
    display: contents;
    text-decoration: none
}

.vignette-slider .vg-slider-wrapper .slider-wrapper .owl-carousel .owl-item .item .vignette {
    position: relative;
    width: 100%
}

.vignette-slider .vg-slider-wrapper .slider-wrapper .owl-carousel .owl-item .item .vignette:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.vignette-slider .vg-slider-wrapper .slider-wrapper .owl-carousel .owl-item .item .title {
    display: inline-block;
    margin-top: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.29;
    color: #000
}

.vignette-slider .vg-slider-wrapper .slider-wrapper .owl-carousel .owl-item .item .title:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.vignette-slider .vg-slider-wrapper .slider-wrapper .nav-control {
    height: 100%;
    min-width: 45px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px;
    z-index: 9;
    background-color: rgba(255, 255, 255, .8);
    color: #9b9b9b;
    cursor: pointer
}

.vignette-slider .vg-slider-wrapper .slider-wrapper .nav-control.disabled {
    cursor: default
}

.vignette-slider .vg-slider-wrapper .slider-wrapper .nav-control.disabled i {
    opacity: .3
}

.vignette-slider .vg-slider-wrapper .slider-wrapper .nav-control.left {
    justify-content: flex-start;
    left: 0;
    border-right: 1px solid gray
}

.vignette-slider .vg-slider-wrapper .slider-wrapper .nav-control.right {
    justify-content: flex-end;
    right: 0;
    border-left: 1px solid gray
}

.vignette-slider .vg-slider-wrapper .slider-wrapper .nav-control i {
    font-size: 25px
}

@media only screen and (min-width : 768px) {
    .vignette-slider .vg-slider-wrapper .slider-wrapper .owl-carousel {
        width: calc(100% - 40px);
        margin: 0 auto
    }

    .vignette-slider .vg-slider-wrapper .slider-wrapper .nav-control {
        min-width: 20px;
        padding: 0;
        padding-bottom: 18px
    }

    .vignette-slider .vg-slider-wrapper .slider-wrapper .nav-control.left,
    .vignette-slider .vg-slider-wrapper .slider-wrapper .nav-control.right {
        justify-content: center;
        border: none
    }

    .vignette-slider .vg-slider-wrapper .slider-wrapper .nav-control.disabled {
        opacity: .3
    }
}

.cmp-vignette-special {
    display: flex;
    height: 254px;
    margin: 30px 0
}

@media(max-width: 767px) {
    .cmp-vignette-special {
        height: auto;
        flex-direction: column
    }
}

.cmp-vignette-special .first-col {
    background-color: #000;
    width: calc(100% - 436px);
    padding: 15px 10px 15px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(max-width: 1039px) {
    .cmp-vignette-special .first-col {
        width: calc(100% - 520px)
    }
}

@media(max-width: 767px) {
    .cmp-vignette-special .first-col {
        width: auto;
        padding: 15px 10px
    }

    .cmp-vignette-special .first-col>div {
        display: flex;
        margin-bottom: 10px
    }

    .cmp-vignette-special .first-col>div>.blog-title {
        margin-right: 5px
    }

    .cmp-vignette-special .first-col>div>i {
        color: #c15562;
        font-size: 12px;
        align-self: center;
        margin-right: 5px
    }
}

.cmp-vignette-special .first-col .blog-title {
    display: block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.27;
    letter-spacing: 0;
    color: #c15562;
    text-decoration: none;
    margin-bottom: 5px
}

.cmp-vignette-special .first-col .blog-author {
    display: block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.21;
    letter-spacing: 0;
    color: #c15562;
    text-decoration: none
}

.cmp-vignette-special .first-col .title {
    display: block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 1.21;
    letter-spacing: 0;
    color: #fff;
    text-decoration: none
}

@media(max-width: 767px) {
    .cmp-vignette-special .first-col .title {
        margin-bottom: 15px
    }
}

.cmp-vignette-special .first-col .comments {
    display: block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.54;
    letter-spacing: 0;
    color: #9b9b9b;
    text-decoration: none;
    margin-bottom: 30px
}

@media(max-width: 767px) {
    .cmp-vignette-special .first-col .comments {
        margin-bottom: 50px
    }
}

.cmp-vignette-special .first-col .rs-buttons {
    display: flex
}

.cmp-vignette-special .first-col .rs-buttons>a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    width: 35px;
    background: #f2f0f0;
    border-radius: 50%;
    text-decoration: none
}

.cmp-vignette-special .first-col .rs-buttons>a:not(:last-child) {
    margin-right: 15px
}

.cmp-vignette-special .first-col .rs-buttons>a i {
    color: #000;
    font-size: 19px
}

.cmp-vignette-special .first-col .rs-buttons>a[title=Whatsapp] {
    display: none
}

@media(max-width: 767px) {
    .cmp-vignette-special .first-col .rs-buttons>a[title=Whatsapp] {
        display: flex
    }

    .cmp-vignette-special .first-col .rs-buttons>a[title=Whatsapp] i {
        font-size: 24px;
        height: 21px;
        width: 21px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 3px
    }
}

.cmp-vignette-special .first-col .all-vignettes {
    display: block;
    border-top: 1px solid azul-Relacionados
}

@media(max-width: 1039px) {
    .cmp-vignette-special .first-col .all-vignettes {
        display: none
    }
}

.cmp-vignette-special .first-col .all-vignettes>a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: normal;
    letter-spacing: 0;
    color: #c15562;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding-top: 12px
}

.cmp-vignette-special .first-col .all-vignettes>a i {
    margin-left: 3px;
    font-size: 14px
}

.cmp-vignette-special .second-col {
    background: transparent;
    width: 436px
}

@media(max-width: 767px) {
    .cmp-vignette-special .second-col {
        width: calc(100% + 20px);
        margin-left: -10px;
        z-index: 1
    }
}

.cmp-vignette-special .second-col>.image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%
}

@media(max-width: 767px) {
    .cmp-vignette-special .second-col>.image {
        height: 214px
    }
}

.cmp-vignette-special .third-col {
    width: 114px;
    background: #000;
    padding: 15px 0 15px 15px
}

@media(min-width: 1040px) {
    .cmp-vignette-special .third-col {
        display: none
    }
}

@media(max-width: 767px) {
    .cmp-vignette-special .third-col {
        width: auto;
        padding: 30px 10px 15px 10px
    }
}

.cmp-vignette-special .third-col .all-vignettes {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: flex-end;
    height: 100%
}

.cmp-vignette-special .third-col .all-vignettes a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: normal;
    letter-spacing: 0;
    color: #c15562;
    text-decoration: none;
    width: 100%;
    position: relative
}

.cmp-vignette-special .third-col .all-vignettes a:before {
    content: "";
    position: absolute;
    border-top: 1px solid azul-Relacionados;
    width: 100%;
    top: -15px
}

.cmp-vignette-special .third-col .all-vignettes a:hover::before {
    opacity: 1;
    border-color: #b9d9ff
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-vignette-special .third-col {
        position: relative
    }

    .cmp-vignette-special .third-col:after {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 100%;
        top: 0;
        right: -10px;
        background: #000
    }
}

@media(max-width: 1039px) {
    .cmp-vignette-special .third-col .more-vignettes {
        display: none
    }
}

.cmp-vignette-special .third-col .more-vignettes>div {
    height: 88px;
    width: 151px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 17px
}

.cmp-vignette-special .third-col .more-vignettes>div:first-child {
    margin-top: 27px
}

.cmp-vignette-special .third-col .more-vignettes>div:last-child {
    margin-bottom: 0
}

.cmp-vignette-special .third-col .more-vignettes>div>a {
    display: block;
    width: 100%;
    height: 100%
}

.interview-banner .text {
    display: flex;
    flex-direction: column;
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.32;
    color: #090909
}

.interview-banner .text .interview-title {
    text-transform: uppercase;
    color: #252121
}

.interview-banner .text .interview-title .dash {
    padding: 0 5px
}

@media only screen and (min-width: 768px) {
    .interview-banner .text {
        flex-direction: row;
        font-size: 21px
    }

    .interview-banner .text .interview-title {
        display: flex
    }
}

.interview-reference {
    position: relative;
    padding-top: 15px
}

.interview-reference .text {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.53;
    color: #000
}

.interview-reference .text .reference {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.53;
    color: #252121
}

.interview-reference .text .reference:hover {
    text-decoration: none;
    opacity: 1
}

.interview-reference .text .reference:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.interview-reference::after {
    content: "";
    position: absolute;
    top: 0;
    width: 113px;
    border-top: 1px solid gray
}

.minute-banner .text {
    display: flex;
    flex-direction: column;
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.32;
    color: #090909
}

.minute-banner .text .minute-title {
    text-transform: uppercase;
    color: #252121
}

.minute-by-minute-page--politician .minute-banner .text .minute-title {
    color: #d0021b
}

.minute-banner .text .minute-title .dash {
    padding: 0 5px
}

.minute-banner .text .minute-title--politician {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #d0021b;
    text-transform: capitalize
}

.minute-banner .text {
    flex-direction: row;
    font-size: 21px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.minute-banner .text .minute-title {
    display: inline-flex
}

@media(max-width: 767px) {
    .minute-banner .text .minute-title {
        display: block
    }
}

.cmp-timeline {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 10px;
    position: relative
}

@media(max-width: 767px) {
    .cmp-timeline {
        border: 1px solid gray;
        padding: 15px 20px
    }
}

@media only screen and (min-width : 768px) {
    .cmp-timeline {
        width: 50%;
        max-width: 371px;
        margin-left: 33px
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-timeline {
        width: 144px;
        margin-left: 26px
    }
}

.cmp-timeline:before {
    height: calc(100% - 35px);
    left: 12px;
    top: 10px;
    z-index: 0;
    content: "";
    display: block;
    position: absolute;
    border-left: 1px solid gray
}

@media(max-width: 767px) {
    .cmp-timeline:before {
        height: calc(100% - 62px);
        left: 31px;
        top: 25px
    }
}

.cmp-timeline .title {
    display: flex;
    align-items: center
}

.cmp-timeline .title .milestones-main {
    z-index: 1;
    background: url(/live-icon.h-a554ccb4d6f0a861a46e059954db6529-15905d17.png);
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.cmp-timeline .title>h2 {
    display: inline-block;
    width: calc(100% - 34px);
    margin-left: 7px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.44;
    color: #000;
    font-size: 16px;
    color: #c15562
}

.cmp-timeline .title .hide-show-content {
    display: none;
    align-items: center
}

@media(max-width: 767px) {
    .cmp-timeline .title .hide-show-content {
        display: flex
    }
}

.cmp-timeline .title .hide-show-content span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.36;
    color: #4a4a4a;
    margin-right: 8px
}

.cmp-timeline .title .hide-show-content i {
    color: #4a4a4a;
    font-size: 14px;
    height: 12px
}

@media(min-width: 768px) {
    .cmp-timeline .items-cont {
        display: block !important
    }
}

.cmp-timeline .items-cont .item {
    margin: 20px 0 0 8px;
    display: flex
}

@media(max-width: 767px) {
    .cmp-timeline .items-cont .item {
        margin: 20px 0 0 6px
    }

    .cmp-timeline .items-cont .item:last-child {
        padding-bottom: 20px
    }
}

.cmp-timeline .items-cont .item:first-child {
    margin: 50px 0 0 8px
}

@media(max-width: 767px) {
    .cmp-timeline .items-cont .item:first-child {
        margin: 35px 0 0 6px
    }
}

.cmp-timeline .items-cont .item>i {
    z-index: 1;
    margin: 5px 19px 0 0;
    font-size: 10px;
    color: #c15562
}

@media(max-width: 1039px) {
    .cmp-timeline .items-cont .item>i {
        margin: 5px 15px 0 0
    }
}

.cmp-timeline .items-cont .item>div {
    display: flex;
    flex-direction: column
}

.cmp-timeline .items-cont .item>div a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.29;
    color: #4a4a4a;
    text-decoration: none
}

.cmp-timeline .items-cont .item>div span {
    margin-bottom: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.29;
    color: #c15562
}

.cmp-last-posts {
    margin-right: 0;
    width: 100%
}

.cmp-last-posts .post-item picture~.image-footer {
    padding-left: 0
}

@media only screen and (min-width : 768px) {
    .cmp-last-posts {
        margin-top: 15px;
        flex: 1 1 100%;
        width: 70%
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-last-posts {
        width: 470px;
        flex: none;
        position: relative
    }
}

.cmp-last-posts .posts-title {
    border-bottom: 1px solid gray;
    padding-bottom: 20px
}

@media(max-width: 767px) {
    .cmp-last-posts .posts-title {
        margin-bottom: 20px
    }
}

.cmp-last-posts .posts-title span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0;
    color: #252121
}

.cmp-last-posts .items .item-active {
    background-color: #f2f0f0;
    padding: 10px 10px 10px 0;
    border-top: none;
    margin: 20px 0 45px 0;
    position: relative
}

@media(max-width: 767px) {
    .cmp-last-posts .items .item-active {
        padding-right: 0
    }
}

.cmp-last-posts .items .item-active .reading-cont {
    margin: 0 0 25px 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    color: #000;
    color: #c15562
}

.cmp-last-posts .items .item-active:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 20px;
    background-color: #f2f0f0;
    top: 0;
    right: -20px
}

@media(min-width: 768px)and (max-width: 1039px) {
    .cmp-last-posts .items .item-active:after {
        width: 39px;
        right: -38px
    }
}

@media(max-width: 767px) {
    .cmp-last-posts .items .item-active:after {
        right: -10px;
        width: 10px
    }
}

.cmp-last-posts .items .item-active:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 20px;
    background-color: #f2f0f0;
    top: 0;
    left: -20px
}

.cmp-last-posts .post-item {
    padding-top: 10px
}

@media only screen and (min-width : 1040px) {
    .cmp-last-posts .post-item {
        padding-top: 6px
    }
}

.cmp-last-posts .post-item:not(:first-child) {
    padding-top: 10px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

.cmp-last-posts .post-item .time {
    color: #c15562;
    display: flex;
    align-items: center
}

.cmp-last-posts .post-item .time>i {
    font-size: 14px;
    margin-right: 10px
}

.cmp-last-posts .post-item .time>span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.38;
    color: #c15562
}

.cmp-last-posts .post-item div:not(figure)>.title,
.cmp-last-posts .post-item h2,
.cmp-last-posts .post-item h3 {
    display: block;
    margin: 20px 0 20px 24px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.44;
    color: #000
}

@media(max-width: 767px) {

    .cmp-last-posts .post-item div:not(figure)>.title,
    .cmp-last-posts .post-item h2,
    .cmp-last-posts .post-item h3 {
        margin-left: 0;
        font-size: 17px
    }
}

.cmp-last-posts .post-item div:not(figure)>.title a,
.cmp-last-posts .post-item h2 a,
.cmp-last-posts .post-item h3 a {
    cursor: pointer;
    color: inherit
}

.cmp-last-posts .post-item div:not(figure)>.title a:hover,
.cmp-last-posts .post-item h2 a:hover,
.cmp-last-posts .post-item h3 a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.cmp-last-posts .post-item div:not(figure)>.title .kicker,
.cmp-last-posts .post-item h2 .kicker,
.cmp-last-posts .post-item h3 .kicker {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.38;
    color: #c15562
}

.minute-by-minute-page--politician .cmp-last-posts .post-item div:not(figure)>.title .kicker,
.minute-by-minute-page--politician .cmp-last-posts .post-item h2 .kicker,
.minute-by-minute-page--politician .cmp-last-posts .post-item h3 .kicker {
    color: #d0021b
}

.cmp-last-posts .post-item a.title {
    cursor: pointer
}

.cmp-last-posts .post-item a.title:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.cmp-last-posts .post-item picture~.image-footer,
.cmp-last-posts .post-item .news-image,
.cmp-last-posts .post-item .news-square,
.cmp-last-posts .post-item .quote {
    margin-left: 24px
}

@media(max-width: 767px) {

    .cmp-last-posts .post-item picture~.image-footer,
    .cmp-last-posts .post-item .news-image,
    .cmp-last-posts .post-item .news-square,
    .cmp-last-posts .post-item .quote {
        margin-left: 0
    }
}

@media only screen and (min-width : 1040px) {

    .cmp-last-posts .post-item figure.embed-container--type-videoembed,
    .cmp-last-posts .post-item figure.embed-container--type-dailymotion {
        padding-bottom: 58.25%
    }

    .cmp-last-posts .post-item figure.embed-container--type-videoembed .dailymotion-cpe iframe,
    .cmp-last-posts .post-item figure.embed-container--type-dailymotion .dailymotion-cpe iframe {
        height: 260px
    }
}

.cmp-last-posts .post-item .news-image {
    margin-bottom: 25px
}

.cmp-last-posts .post-item .article-text+figure {
    margin-top: 10px
}

.cmp-last-posts .post-item picture~.image-footer {
    background-color: transparent;
    padding-top: 5px
}

.cmp-last-posts .post-item .embed-container,
.cmp-last-posts .post-item audio {
    width: auto;
    margin-left: 24px;
    margin-top: 24px
}

@media(max-width: 767px) {

    .cmp-last-posts .post-item .embed-container,
    .cmp-last-posts .post-item audio {
        margin-left: 0
    }
}

.cmp-last-posts .post-item .embed-container .fb-post,
.cmp-last-posts .post-item audio .fb-post {
    width: 100%
}

.cmp-last-posts .post-item .embed-container .fb-post span,
.cmp-last-posts .post-item audio .fb-post span {
    width: 100% !important
}

.cmp-last-posts .post-item .embed-container iframe,
.cmp-last-posts .post-item audio iframe {
    width: 100% !important
}

.cmp-last-posts .post-item .image {
    margin-bottom: 15px;
    margin-left: 24px;
    width: 445px;
    height: 281px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

@media(max-width: 767px) {
    .cmp-last-posts .post-item .image {
        width: auto;
        height: 227px;
        margin-left: 0
    }
}

.cmp-last-posts .post-item .image img {
    position: absolute;
    left: 10px;
    bottom: 10px
}

.cmp-last-posts .post-item p {
    margin: 0 0 15px 24px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.56;
    color: #000
}

@media(max-width: 767px) {
    .cmp-last-posts .post-item p {
        margin-left: 0;
        font-size: 17px;
        line-height: 1.53
    }
}

.cmp-last-posts .post-item p a {
    color: #252121;
    text-decoration: none
}

.cmp-last-posts .post-item .read-more {
    margin: 0 0 15px 24px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.56;
    color: #000;
    color: #252121;
    text-decoration: none
}

.minute-by-minute-page--politician .cmp-last-posts .post-item .read-more {
    color: #d0021b
}

@media(max-width: 767px) {
    .cmp-last-posts .post-item .read-more {
        margin-left: 0;
        font-size: 17px;
        line-height: 1.53
    }
}

.cmp-last-posts .post-item .share {
    margin: 30px 0 50px 24px
}

@media(max-width: 767px) {
    .cmp-last-posts .post-item .share {
        margin-left: 0
    }
}

.cmp-last-posts .post-item .share>a {
    opacity: 1;
    text-decoration: none;
    margin-right: 10px
}

.cmp-last-posts .post-item .share>a i {
    font-size: 20px;
    color: #cecece
}

@media(max-width: 767px) {
    .cmp-last-posts .post-item .share>a i {
        font-size: 25px
    }
}

.cmp-last-posts .post-item .share>a i:last-child {
    margin-right: 0
}

.cmp-last-posts .post-item .share>a i.fa-twitter:hover {
    color: #00acee
}

.cmp-last-posts .post-item .share>a i.fa-facebook-f:hover {
    color: #3b5998
}

.cmp-last-posts .post-item .share>a.copy-link {
    cursor: pointer;
    padding: 2px 2px 2px 0;
    border-radius: 12px;
    width: 30px;
    height: 25px;
    overflow: hidden;
    display: inline-flex;
    transition: width .1s ease-in;
    justify-content: space-between;
    color: #979797;
    align-items: center;
    text-decoration: none;
    vertical-align: text-bottom
}

.cmp-last-posts .post-item .share>a.copy-link i.fa-link {
    margin-left: 5px;
    font-size: 18px
}

.cmp-last-posts .post-item .share>a.copy-link span {
    white-space: nowrap;
    margin: 0 8px;
    font: 500 12px/1 "Roboto", sans-serif
}

.cmp-last-posts .post-item .share>a.copy-link i.fa-times {
    margin-right: 5px
}

.cmp-last-posts .post-item .share>a.copy-link:hover {
    border: 1px solid #979797;
    width: 150px;
    transition: width .1s ease-in;
    background-color: #fff
}

.cmp-last-posts .post-item .share>a.copy-link:hover i.fa-link {
    color: #000
}

.cmp-last-posts .post-item .share>a.copy-link.copied:hover {
    border: 1px solid #cecece;
    background-color: #cecece
}

.cmp-last-posts .post-item .share>a.copy-link.copied:hover span,
.cmp-last-posts .post-item .share>a.copy-link.copied:hover i.fa-times,
.cmp-last-posts .post-item .share>a.copy-link.copied:hover i.fa-link {
    color: #fff
}

.cmp-last-posts .post-item .share a.copied i.fa-link {
    color: #000
}

.cmp-main-post .item {
    border-top: 1px solid gray;
    padding-top: 5px
}

.cmp-main-post .item .post-item {
    padding-top: 10px;
    padding-bottom: 10px
}

.cmp-main-post .item .post-item .time {
    color: #c15562
}

.cmp-main-post .item .post-item .time i {
    font-size: 14px;
    margin-right: 10px
}

.cmp-main-post .item .post-item .time span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.38;
    color: #c15562
}

.cmp-main-post .item .post-item div:last-child .image {
    margin: 20px 0 15px 24px;
    width: 445px;
    height: 281px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media(max-width: 767px) {
    .cmp-main-post .item .post-item div:last-child .image {
        width: auto;
        height: 227px;
        margin-left: 0
    }
}

.cmp-main-post .item .post-item div:last-child p {
    margin: 0 0 0 24px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.56;
    color: #000
}

@media(max-width: 767px) {
    .cmp-main-post .item .post-item div:last-child p {
        margin-left: 0;
        font-size: 17px;
        line-height: 1.53
    }
}

.cmp-main-post .item .post-item div:last-child p a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #252121;
    text-decoration: none
}

.cmp-main-post .item .post-item div:last-child p+.article-text {
    margin-top: 12px
}

.cmp-main-post .item .post-item div:last-child .share {
    margin: 20px 0 10px 24px
}

@media(max-width: 1039px) {
    .cmp-main-post .item .post-item div:last-child .share {
        margin: 27px 0 0 27px
    }
}

@media(max-width: 767px) {
    .cmp-main-post .item .post-item div:last-child .share {
        margin-left: 0
    }
}

.cmp-main-post .item .post-item div:last-child .share>a {
    opacity: 1;
    text-decoration: none;
    margin-right: 10px
}

.cmp-main-post .item .post-item div:last-child .share>a i {
    font-size: 22px;
    color: #cecece
}

@media(max-width: 767px) {
    .cmp-main-post .item .post-item div:last-child .share>a i {
        font-size: 25px
    }
}

.cmp-main-post .item .post-item div:last-child .share>a i:last-child {
    margin-right: 0
}

@media only screen and (max-width : 767px) {
    .cmp-main-post .item .minipost--share .share {
        margin: 15px 0
    }
}

@media only screen and (min-width : 768px) {
    .cmp-main-post .item .minipost--share .share {
        margin: 10px 0 15px 24px
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-main-post .item .minipost--share .share {
        margin-bottom: 0
    }
}

.cmp-main-post .item .minipost--share .share>a {
    opacity: 1;
    text-decoration: none;
    margin-right: 10px
}

.cmp-main-post .item .minipost--share .share>a i {
    font-size: 20px;
    color: #cecece
}

@media(max-width: 767px) {
    .cmp-main-post .item .minipost--share .share>a i {
        font-size: 25px
    }
}

.cmp-main-post .item .minipost--share .share>a i:last-child {
    margin-right: 0
}

.cmp-main-post .item .minipost--share .share>a i.fa-twitter:hover {
    color: #00acee
}

.cmp-main-post .item .minipost--share .share>a i.fa-facebook-f:hover {
    color: #3b5998
}

.cmp-main-post .item .minipost--share .share>a.copy-link {
    cursor: pointer;
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    transition: width .1s ease-in;
    vertical-align: text-bottom;
    padding: 2px 2px 2px 0;
    height: 25px;
    width: 30px;
    border-radius: 12px;
    color: #979797;
    text-decoration: none
}

.cmp-main-post .item .minipost--share .share>a.copy-link i.fa-link {
    margin-left: 5px;
    font-size: 18px
}

.cmp-main-post .item .minipost--share .share>a.copy-link span {
    white-space: nowrap;
    margin: 0 8px;
    font: 500 12px/1 "Roboto", sans-serif
}

.cmp-main-post .item .minipost--share .share>a.copy-link i.fa-times {
    margin-right: 5px
}

.cmp-main-post .item .minipost--share .share>a.copy-link:hover {
    border: 1px solid #979797;
    width: 150px;
    transition: width .1s ease-in;
    background-color: #fff
}

.cmp-main-post .item .minipost--share .share>a.copy-link:hover i.fa-link {
    color: #000
}

.cmp-main-post .item .minipost--share .share>a.copy-link.copied:hover {
    border: 1px solid #cecece;
    background-color: #cecece
}

.cmp-main-post .item .minipost--share .share>a.copy-link.copied:hover span,
.cmp-main-post .item .minipost--share .share>a.copy-link.copied:hover i.fa-times,
.cmp-main-post .item .minipost--share .share>a.copy-link.copied:hover i.fa-link {
    color: #fff
}

.cmp-main-post .item .minipost--share .share a.copied i.fa-link {
    color: #000
}

.cmp-main-post.cmp-main-post--minipost {
    border-top: 1px solid gray
}

.cmp-main-post.cmp-main-post--minipost .item .post-item .news-image {
    margin-top: 25px
}

.cmp-main-post.cmp-main-post--minipost .item .post-item div:last-child .article-text .link {
    font-size: 17px;
    font-weight: bold
}

.cmp-main-post.cmp-main-post--minipost .item>.post-item+a {
    display: block;
    font-family: "Roboto", sans-serif, normal, 400, "400";
    font-size: 18px;
    font-weight: bold;
    color: #252121
}

@media only screen and (min-width : 768px) {
    .cmp-main-post.cmp-main-post--minipost .item>.post-item+a {
        margin-left: 24px
    }
}

@media only screen and (max-width : 767px) {
    .cmp-main-post.cmp-main-post--minipost .item .post-item {
        padding-top: 0
    }

    .cmp-main-post.cmp-main-post--minipost .item .post-item .time {
        margin-bottom: 10px
    }
}

@media only screen and (min-width : 768px) {
    .cmp-main-post.cmp-main-post--minipost .item .post-item {
        padding-top: 0
    }

    .cmp-main-post.cmp-main-post--minipost .item .post-item div:last-child .image {
        width: 100%;
        margin-left: 0 !important
    }

    .cmp-main-post.cmp-main-post--minipost .item .post-item div:last-child .embed-container.embed-container--type-twitter {
        margin-left: 24px
    }

    .cmp-main-post.cmp-main-post--minipost .item .post-item div:last-child .article-text .link {
        font-size: 18px
    }
}

@media only screen and (max-width : 767px) {
    .article-page.minute-by-minute-page .cmp-last-minute-bar-partner {
        margin-bottom: 12px
    }
}

.cmp-minute-by-minute-closed {
    width: 100%
}

.cmp-minute-by-minute-closed .dotted-lines {
    position: static
}

.cmp-minute-by-minute-closed .title-content {
    display: flex;
    align-items: center;
    margin: 10px 0 20px
}

.cmp-minute-by-minute-closed .title-content+.dotted-lines {
    margin-bottom: 15px
}

.cmp-minute-by-minute-closed .title-content .milestones-main {
    background: url(/live-icon.h-a554ccb4d6f0a861a46e059954db6529-15905d17.png);
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    margin-right: 15px
}

@media(max-width: 767px) {
    .cmp-minute-by-minute-closed .title-content .milestones-main {
        margin-right: 10px
    }
}

.minute-by-minute-page--politician .cmp-minute-by-minute-closed .title-content .milestones-main {
    background: url(/live-icon-politician.h-a554ccb4d6f0a861a46e059954db6529-15905d17.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.cmp-minute-by-minute-closed .title-content span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.44;
    color: #000;
    font-size: 16px;
    color: #c15562
}

.minute-by-minute-page--politician .cmp-minute-by-minute-closed .title-content span {
    color: #d0021b
}

.cmp-minute-by-minute-closed .content-closed .item {
    min-height: 160px;
    border: 1px solid gray;
    margin-bottom: 20px;
    display: flex;
    padding: 20px 20px 20px 34px;
    position: relative
}

.cmp-minute-by-minute-closed .content-closed .item .fa-circle {
    position: absolute;
    left: 14px;
    top: 25px;
    font-size: 10px;
    color: #c15562;
    z-index: 1
}

.minute-by-minute-page--politician .cmp-minute-by-minute-closed .content-closed .item .fa-circle {
    color: #d0021b
}

.cmp-minute-by-minute-closed .content-closed .item:after {
    content: "";
    border-left: 1px solid gray;
    left: 18px;
    position: absolute;
    top: 0;
    bottom: -20px
}

@media(max-width: 767px) {
    .cmp-minute-by-minute-closed .content-closed .item:after {
        left: 18.5px
    }
}

@media(max-width: 767px) {
    .cmp-minute-by-minute-closed .content-closed .item:first-child:after {
        top: 30px
    }
}

.cmp-minute-by-minute-closed .content-closed .item:last-child:after {
    bottom: 0
}

.cmp-minute-by-minute-closed .content-closed .item:hover {
    background-color: #f9f8f8
}

.cmp-minute-by-minute-closed .content-closed .item .first-col {
    width: calc(100% - 180px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 auto
}

@media(max-width: 767px) {
    .cmp-minute-by-minute-closed .content-closed .item .first-col {
        width: 100%
    }
}

.cmp-minute-by-minute-closed .content-closed .item .first-col>div:first-child {
    display: flex;
    flex-wrap: wrap
}

.cmp-minute-by-minute-closed .content-closed .item .first-col>div:first-child a:first-child {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.29;
    color: #c15562;
    display: block;
    margin-bottom: 5px;
    width: 100%;
    padding-right: 10px
}

.minute-by-minute-page--politician .cmp-minute-by-minute-closed .content-closed .item .first-col>div:first-child a:first-child {
    color: #d0021b
}

.cmp-minute-by-minute-closed .content-closed .item .first-col>div:first-child a:last-child {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    color: #000;
    display: block;
    line-height: 1.31;
    text-decoration: none
}

@media(max-width: 767px) {
    .cmp-minute-by-minute-closed .content-closed .item .first-col>div:first-child a:last-child {
        min-height: 70px
    }
}

.cmp-minute-by-minute-closed .content-closed .item .first-col>div:first-child a:last-child .kicker {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.38;
    color: #c15562
}

.minute-by-minute-page--politician .cmp-minute-by-minute-closed .content-closed .item .first-col>div:first-child a:last-child .kicker {
    color: #d0021b
}

.cmp-minute-by-minute-closed .content-closed .item .first-col>div:last-child a {
    font-size: 20px;
    color: #cecece
}

.cmp-minute-by-minute-closed .content-closed .item .first-col>div:last-child a:hover {
    color: #cecece
}

.cmp-minute-by-minute-closed .content-closed .item .first-col>div:last-child a:not(:last-child) {
    margin-right: 10px
}

@media(max-width: 767px) {
    .cmp-minute-by-minute-closed .content-closed .item .first-col>div:last-child a {
        font-size: 28px;
        margin-right: 15px
    }
}

@media(max-width: 767px) {
    .cmp-minute-by-minute-closed .content-closed .item .first-col .share {
        margin-left: 0
    }
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a {
    opacity: 1;
    text-decoration: none;
    margin-right: 10px
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a i {
    font-size: 20px;
    color: #cecece
}

@media(max-width: 767px) {
    .cmp-minute-by-minute-closed .content-closed .item .first-col .share>a i {
        font-size: 25px
    }
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a i:last-child {
    margin-right: 0
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a i.fa-twitter:hover {
    color: #00acee
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a i.fa-facebook-f:hover {
    color: #3b5998
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a.copy-link {
    cursor: pointer;
    padding: 2px 2px 2px 0;
    border-radius: 12px;
    width: 30px;
    height: 25px;
    overflow: hidden;
    display: inline-flex;
    transition: width .1s ease-in;
    justify-content: space-between;
    color: #979797;
    align-items: center;
    text-decoration: none;
    vertical-align: text-bottom
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a.copy-link i.fa-link {
    margin-left: 5px;
    font-size: 18px
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a.copy-link span {
    white-space: nowrap;
    margin: 0 8px;
    font: 500 12px/1 "Roboto", sans-serif
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a.copy-link i.fa-times {
    margin-right: 5px
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a.copy-link:hover {
    border: 1px solid #979797;
    width: 150px;
    transition: width .1s ease-in;
    background-color: #fff
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a.copy-link:hover i.fa-link {
    color: #000
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a.copy-link.copied:hover {
    border: 1px solid #cecece;
    background-color: #cecece
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a.copy-link.copied:hover span,
.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a.copy-link.copied:hover i.fa-times,
.cmp-minute-by-minute-closed .content-closed .item .first-col .share>a.copy-link.copied:hover i.fa-link {
    color: #fff
}

.cmp-minute-by-minute-closed .content-closed .item .first-col .share a.copied i.fa-link {
    color: #000
}

.cmp-minute-by-minute-closed .content-closed .item .second-col>.image {
    width: 180px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media(max-width: 767px) {
    .cmp-minute-by-minute-closed .content-closed .item .second-col {
        display: none
    }
}

.gallery-header.video .video-img.on {
    display: none
}

.gallery-header.video:hover .video-img.on {
    display: block
}

.gallery-header.video:hover .video-img.off {
    display: none
}

.gallery-header .gallery-header-wrapper {
    min-height: 500px;
    display: flex;
    align-items: flex-end;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer
}

.gallery-header .gallery-header-wrapper .zoom-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 24px;
    color: #fff
}

.gallery-header .gallery-header-wrapper .zoom-icon:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.gallery-header .gallery-header-wrapper .jw-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    height: 54px;
    width: 54px;
    transform: translate(-50%, -50%);
    border: 1px solid #333;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    color: #252121;
    background: #000
}

@media only screen and (min-width : 768px) {
    .gallery-header .gallery-header-wrapper .jw-icon {
        height: 75px;
        width: 75px;
        font-size: 32px
    }
}

.gallery-header .gallery-header-wrapper .jw-icon:before {
    content: ""
}

.gallery-header .gallery-header-wrapper .partner-content {
    display: flex;
    flex-direction: column
}

.gallery-header .gallery-header-wrapper .partner-content .kicker {
    display: flex;
    align-items: center;
    align-self: flex-start;
    margin: 0 10px;
    padding: 5px 12px;
    z-index: 1;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #c4071b;
    color: #fff;
    background-color: #000
}

@media only screen and (max-width : 767px) {
    .gallery-header .gallery-header-wrapper .partner-content .kicker {
        margin: 0
    }
}

.gallery-header .gallery-header-wrapper .partner-content .kicker .type-title {
    margin: 0;
    text-transform: uppercase
}

.gallery-header .gallery-header-wrapper .partner-content .kicker .type-icon {
    padding: 0 10px
}

.gallery-header .gallery-header-wrapper .partner-content .kicker .category {
    margin: 0
}

.longform .gallery-header .gallery-header-wrapper .partner-content .kicker .category {
    text-transform: none
}

.gallery-header .gallery-header-wrapper .partner-content .kicker .category a {
    color: inherit;
    text-decoration: none
}

.gallery-header .gallery-header-wrapper .partner-content .text-wrapper {
    max-height: 400px;
    position: relative;
    margin: -13px 0 0;
    padding: 23px 10px 10px;
    background-color: rgba(0, 0, 0, .5)
}

.gallery-header .gallery-header-wrapper .partner-content .text-wrapper .title {
    margin: 0;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 1.16;
    letter-spacing: .3px;
    color: #090909;
    color: #fff;
    font-size: 32px
}

.gallery-header .gallery-header-wrapper .partner-content .text-wrapper .zoom-icon {
    display: none;
    right: 8px;
    top: -36px
}

@media only screen and (max-width : 767px) {
    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .zoom-icon {
        width: 100vw;
        bottom: auto;
        left: -10px;
        right: 0;
        top: -58px
    }

    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .zoom-icon:before {
        position: absolute;
        right: 0
    }
}

.gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description {
    margin: 10px 0 5px;
    padding: 0 10px 0 0;
    font: 400 16px/1.24 "Roboto", sans-serif;
    color: #090909
}

@media only screen and (max-width : 767px) {
    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description {
        position: absolute;
        min-width: 92vw;
        padding: 0 10px 0 0;
        top: 100%
    }

    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description .header-subtitles {
        margin: 15px 0 0
    }

    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description li a,
    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description li span {
        font-weight: 600;
        color: #252121
    }
}

@media only screen and (min-width : 768px) {
    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description {
        font-size: 17px;
        font-weight: 500;
        color: #fff
    }

    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description>li a {
        color: #fff
    }
}

.gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description li {
    list-style: none;
    margin-bottom: 15px
}

@media only screen and (max-width : 767px) {
    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description li {
        display: block;
        position: relative
    }

    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description li .kicker2 {
        color: #000
    }
}

.gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description li a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description .header-subtitles {
    display: block;
    position: relative
}

.gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description .header-subtitles li {
    margin-bottom: 10px
}

.gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description .header-subtitles li a {
    font-weight: 600;
    color: #252121
}

@media only screen and (min-width : 768px) {
    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description .header-subtitles {
        position: absolute;
        top: 100%;
        padding: 12px 0 0;
        color: #000
    }

    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description .header-subtitles li {
        margin-bottom: 15px
    }

    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description .header-subtitles li .kicker2 {
        color: #000
    }
}

.gallery-header .gallery-header-wrapper .video-img {
    width: 75px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.gallery-header .gallery-header-wrapper.gallery-header-wrapper--native {
    min-height: 500px
}

.gallery-header .gallery-header-wrapper.gallery-header-wrapper--embed {
    display: block;
    cursor: unset
}

.gallery-header .gallery-header-wrapper.gallery-header-wrapper--embed iframe {
    width: 100%;
    aspect-ratio: 16/9;
    background-color: #000
}

.gallery-header.video .gallery-header-wrapper {
    min-height: unset
}

.paywall--in-content .gallery-header.video .gallery-header-wrapper {
    min-height: 400px
}

@media only screen and (min-width : 768px) {
    .paywall--in-content .gallery-header.video .gallery-header-wrapper {
        min-height: 500px
    }
}

.gallery-header .cmp-image-visor {
    display: none
}

@media only screen and (min-width : 768px) {
    .gallery-header .gallery-header-wrapper.gallery-header-wrapper--native {
        min-height: 462px
    }

    .gallery-header .gallery-header-wrapper .partner-content {
        z-index: 8
    }

    .gallery-header .gallery-header-wrapper .partner-content .kicker {
        margin: 0 20px
    }

    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper {
        max-width: 660px;
        padding: 23px 20px 10px
    }

    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .title {
        font-size: 38px
    }

    .gallery-header.video .cmp-image-visor .visor-wrapper .gallery-info-wrapper {
        justify-content: space-between;
        align-items: center
    }

    .gallery-header.video .cmp-image-visor .visor-wrapper .gallery-info-wrapper .icon-wrapper.show-in-mobile {
        display: block !important
    }
}

@media only screen and (min-width : 1040px) {
    .gallery-header .gallery-header-wrapper {
        aspect-ratio: 16/9
    }

    .gallery-header .gallery-header-wrapper .partner-content {
        padding-left: 10px
    }

    .gallery-header .gallery-header-wrapper.gallery-header-wrapper--native {
        min-height: 626px
    }

    .gallery-header .gallery-header-wrapper .partner-content .text-wrapper .gallery-header-description {
        font-family: "Roboto", sans-serif;
        font-weight: 400
    }
}

.gallery-header-container.gallery-fix {
    padding: 0 !important;
    min-height: 0 !important
}

.gallery-header-container.gallery-fix .gallery-header {
    margin: 0 !important
}

.gallery-header-container {
    padding-inline: 0
}

.gallery-container .ad {
    margin-top: -13px;
    margin-bottom: 30px
}

.gallery-item .zoom-icon {
    font-size: 24px;
    color: #fff
}

.gallery-item .zoom-icon:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.gallery-item .gallery-item-img {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer
}

.gallery-item .gallery-item-img .zoom-icon {
    font-size: 24px;
    position: absolute;
    bottom: 10px;
    right: 10px
}

.gallery-item .control-buttons {
    min-height: 38px;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid rgba(37, 33, 33, .2)
}

.gallery-item .control-buttons .rrss {
    display: flex;
    color: #cecece
}

.gallery-item .control-buttons .rrss .rrss-link {
    display: inline-flex;
    align-items: center
}

.gallery-item .control-buttons .rrss .rrss-link .rrss-icon {
    font-size: 20px;
    cursor: pointer
}

.gallery-item .control-buttons .zoom-icon {
    color: #cecece;
    font-size: 20px
}

.gallery-item .counter {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.33;
    color: #000;
    color: #cecece
}

.gallery-item .counter .position {
    color: #000
}

.gallery-item .title {
    margin-top: 8px;
    margin-bottom: 20px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.53;
    color: #000
}

.gallery-item .description {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 22px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.53;
    color: #000
}

.gallery-item .description p.article-text {
    margin-top: 0 !important;
    order: 0
}

.gallery-item .description p.article-text a {
    color: #c15562
}

.gallery-item .description .edi-advertising {
    display: block;
    order: 9;
    position: relative
}

.gallery-item .description .img-author {
    order: 8
}

.gallery-item .description .author {
    font-size: 12px;
    color: #9b9b9b;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .gallery-item .control-buttons .zoom-icon {
        position: relative;
        width: 20px
    }

    .gallery-item .control-buttons .rrss,
    .gallery-item .control-buttons .zoom-icon::before {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width: 1040px) {
    .gallery-item .show-in-desktop.show-in-partner {
        display: none !important
    }
}

.more-galleries .title {
    margin-top: 5px;
    margin-bottom: 28px;
    line-height: 25px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    color: #252121
}

.more-galleries .more-galleries-container .gallery {
    margin-bottom: 30px
}

.more-galleries .more-galleries-container .gallery:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.more-galleries .more-galleries-container .gallery .gallery-img-container {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.more-galleries .more-galleries-container .gallery .gallery-img-container .gallery-icon {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 6px;
    bottom: 6px
}

.more-galleries .more-galleries-container .gallery .gallery-title {
    margin: 4px 0 0 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.33;
    color: #4a4a4a
}

@media only screen and (min-width: 768px) {
    .more-galleries .more-galleries-container .gallery {
        margin-bottom: 40px
    }
}

.longform-img {
    padding-top: 10px;
    border-top: 1px solid gray
}

.longform-img .title {
    margin-bottom: 18px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    line-height: normal
}

.longform-img .img {
    width: 100%
}

.cmp-credits .product {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: #4a4a4a;
    text-transform: uppercase
}

.cmp-credits .made_by {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.43;
    color: #252121
}

.cmp-credits .made_by a {
    color: inherit
}

.cmp-credits .made_by a:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.fullwidth-img {
    width: 100%
}

.fullwidth-img .img {
    width: 100%
}

@media only screen and (max-width: 1039px) {
    .fullwidth-img .img {
        width: 100% !important
    }
}

.cm-article-more-recent {
    max-width: 1040px;
    margin: 20px auto 0 auto;
    padding: 0;
    background: #fff
}

@media only screen and (min-width : 768px) {
    .cm-article-more-recent {
        margin: 20px auto 0 auto
    }
}

@media only screen and (min-width : 1040px) {
    body:not(.partner) .cm-article-more-recent {
        padding: 0 20px
    }
}

.partner-wrapper.view-more-results {
    list-style: none
}

.article-cont-search {
    display: flex;
    flex-wrap: wrap;
    margin: 0 5px 25px 5px;
    border-top: 1px solid rgba(37, 33, 33, .2);
    justify-content: space-between
}

.article-cont-search .first-column {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-top: 8px
}

.article-cont-search .first-column>a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.27;
    color: #252121;
    text-decoration: none
}

.article-cont-search .first-column>div i.fa-minus {
    display: inline;
    margin: 0 5px;
    color: #212529;
    position: relative;
    top: 2px
}

.article-cont-search .first-column>div time {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.1;
    color: #4a4a4a
}

.article-cont-search .first-column.date-cont {
    justify-content: flex-start
}

.article-cont-search .second-column {
    width: calc(60% - 15px);
    display: flex;
    flex-direction: column
}

.article-cont-search .second-column>a {
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: .4;
    color: #090909;
    text-decoration: none
}

.article-cont-search .third-column {
    width: 40%
}

.article-cont-search .third-column div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 140px;
    height: 93px;
    margin-left: auto
}

@media only screen and (min-width : 768px) {
    .article-cont-search {
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0 0 30px 0;
        padding-top: 10px
    }

    .article-cont-search .first-column {
        padding-top: 0;
        margin-bottom: 0;
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin-right: 25px
    }

    .article-cont-search .first-column>div {
        display: flex;
        flex-direction: column;
        margin-top: 5px
    }

    .article-cont-search .first-column>div i.fa-minus {
        display: none
    }

    .article-cont-search .second-column {
        display: flex;
        flex-direction: column;
        margin-right: 20px
    }

    .article-cont-search .second-column>a {
        font-size: 19px
    }

    .article-cont-search .third-column {
        width: auto;
        margin-left: auto
    }

    .article-cont-search .third-column div {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 207px;
        height: 138px;
        margin: auto
    }
}

@media only screen and (min-width : 1040px) {
    .article-cont-search>.first-column {
        width: 100px;
        min-width: 100px;
        max-width: 100px
    }
}

.poll {
    margin: 20px auto
}

.poll-title {
    padding-top: 5px;
    border-top: 3px solid;
    border-image-slice: 3 3 3 3;
    border-image-repeat: repeat;
    border-image-source: url(/img_dotted.h-6d53b375a06e4ff135c5efc39424d343-15905d17.svg)
}

.poll-title span {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    color: #252121;
    display: block;
    text-transform: uppercase
}

.poll-title strong {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22;
    color: #000;
    display: block;
    margin-bottom: 40px
}

.poll-image {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    max-width: 640px
}

.poll-image__option {
    width: 100px;
    position: relative;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px
}

@media(min-width: 411px)and (max-width: 542px) {
    .poll-image__option:nth-child(3n) {
        margin-right: 0
    }
}

@media(min-width: 543px)and (max-width: 674px) {
    .poll-image__option:nth-child(4n) {
        margin-right: 0
    }
}

@media(min-width: 675px) {
    .poll-image__option:nth-child(5n) {
        margin-right: 0
    }
}

.poll-image__title {
    display: inline-block;
    line-height: 19px;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    text-align: center
}

.poll-image__percent {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border: 1px solid #c15562;
    border-radius: 50%;
    text-align: center;
    box-shadow: 2px 2px 0 0 rgba(74, 144, 226, .21);
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #c15562;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.poll-image__percent span {
    font-size: 10px
}

.poll-image__image {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.poll.closed .poll-image__image {
    cursor: default
}

.poll-image__image.active {
    box-shadow: 0 0 10px 3px rgba(37, 33, 33, .78)
}

.poll-image__image.active:hover {
    cursor: default
}

.poll-image__image picture {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter: saturate(0)
}

.poll-image__image img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.poll-image__image__fill {
    background-color: #c15562;
    mix-blend-mode: multiply;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%
}

.poll-image__votes {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 300;
    display: block
}

.poll-text {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    width: 100%
}

@media only screen and (min-width : 768px) {
    .poll-text {
        max-width: 375px
    }
}

.poll-text__option {
    width: 100%;
    height: 44px;
    margin: 10px 0;
    position: relative;
    border: solid 1px #c15562;
    display: flex;
    align-items: center;
    cursor: pointer
}

.poll.closed .poll-text__option {
    cursor: default
}

.poll-text__option.active {
    box-shadow: 0 0 10px 3px rgba(193, 85, 98, .78)
}

.poll-text__option.active:hover {
    cursor: default
}

.poll-text__option:last-child {
    margin-bottom: 0
}

.poll-text__title {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 15px;
    margin-left: 9px;
    color: #000;
    float: left;
    z-index: 1;
    line-height: 19px
}

.poll-text__fill {
    content: "";
    display: flex;
    position: absolute;
    height: 100%;
    background-color: #c15562;
    align-items: center
}

.poll-text__percent {
    display: flex;
    position: absolute;
    left: 0;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #c15562;
    align-items: flex-end;
    line-height: 1;
    z-index: 1
}

.poll-text__percent.white {
    color: #fff
}

.poll-text__percent span {
    font-size: 10px
}

.poll-text__votes {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    top: 43px;
    right: 0
}

.poll-votes {
    margin-top: 40px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    background-color: #f2f0f0;
    width: 100px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    text-transform: uppercase
}

.poll-message {
    margin-top: 14px;
    margin-bottom: 30px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500
}

.poll-message strong {
    display: block
}

.button-rs {
    margin: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    width: 42px;
    border-radius: 30px;
    border: transparent;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    padding: 0
}

.button-rs.active {
    width: auto;
    display: flex;
    transition: all .4s ease-in-out
}

.button-rs.active span {
    display: flex;
    align-items: center;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 12px
}

.button-rs.active span>i {
    margin: 0 10px;
    font-size: 21px
}

.button-rs:focus {
    outline: none
}

.button-rs i.fa-check-double,
.button-rs i.fa-folder-plus,
.button-rs i.fa-times {
    width: 42px
}

.button-rs.bg-twitter {
    background-color: #55adee
}

.button-rs.icon-x,
.button-rs.bg-x-twitter {
    background-color: #000
}

.button-rs.bg-bluesky {
    background-color: #0085ff
}

.button-rs.bg-telegram {
    background-color: #2fa3e7
}

.button-rs.bg-facebook {
    background-color: #3b5998
}

.button-rs.bg-whatsapp {
    background-color: #17af17
}

.button-rs.bg-whatsapp .fa-whatsapp {
    font-size: 120%
}

.button-rs.bg-email {
    background-color: #969292
}

.button-rs.bg-meneame {
    background-color: #e35614
}

.button-rs.bg-comments {
    background-color: #c4071b;
    border: 2px solid #c4071b
}

.button-rs.bg-comments:hover,
.button-rs.bg-comments:focus {
    background-color: #fff;
    color: #c4071b
}

.button-rs.bg-comments:hover i,
.button-rs.bg-comments:focus i {
    color: inherit !important
}

.button-rs.bg-comments.bg-comments--withcomments {
    width: auto;
    padding-left: 11px;
    padding-right: 10px
}

.button-rs.bg-comments.bg-comments--withcomments span {
    margin-left: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px
}

@media only screen and (min-width : 768px) {
    .button-rs.bg-comments.bg-comments--withcomments i {
        display: none
    }

    .button-rs.bg-comments.bg-comments--withcomments span {
        margin-left: 0
    }

    .button-rs.bg-comments.bg-comments--withcomments:after {
        content: "COMENTARIOS";
        display: block;
        margin-left: 5px;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        font-size: 14px
    }
}

@media only screen and (min-width : 768px) {
    .button-rs.bg-comments:not(.bg-comments--withcomments) {
        width: auto;
        padding-left: 11px;
        padding-right: 10px
    }

    .button-rs.bg-comments:not(.bg-comments--withcomments):after {
        content: "COMENTA";
        display: block;
        margin-left: 5px;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        font-size: 14px
    }
}

.button-rs.bg-report {
    width: auto;
    display: flex;
    transition: all .4s ease-in-out;
    border: 1px solid #d4d2d3;
    border-radius: 4px;
    background-color: #fff;
    padding: 0 30px;
    color: #4a4a4a;
    box-shadow: 2px 2px 4px 0 #d4d2d3
}

.button-rs.bg-report strong {
    font-size: 17pt;
    margin-left: 8px
}

.button-rs.bg-report.active {
    color: #4a4a4a
}

.button-rs.bg-report:hover {
    opacity: .6
}

.button-rs.bg-report>span {
    display: flex !important;
    align-items: center;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 12px
}

.button-rs.bg-save {
    border: 1px solid #4a4a4a;
    background-color: #fff
}

.button-rs.bg-save>i {
    color: #4a4a4a !important
}

.button-rs.bg-save.active {
    color: #4a4a4a
}

.button-rs.bg-save.active span>i {
    color: #4a4a4a !important
}

.button-rs i {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important
}

.button-rs~.btn-wrapper {
    display: flex;
    align-items: center;
    margin: 0 5px
}

.button-rs~.btn-wrapper span {
    display: none;
    margin-left: 5px;
    cursor: default;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.29;
    color: #4a4a4a;
    color: #d20a23
}

.like-wrapper {
    border: 0;
    margin: 0;
    padding: 0;
    background: none
}

@media only screen and (min-width : 768px) {
    .button-rs {
        height: 42px;
        width: 42px;
        font-size: 21px
    }

    .button-rs~.btn-wrapper span {
        display: block
    }
}

picture.rounded-img {
    height: 60px;
    width: 60px;
    border-radius: 50%
}

picture.rounded-img img {
    border-radius: 50%
}

@media only screen and (min-width : 768px) {
    picture.rounded-img {
        height: 65px;
        width: 65px
    }
}

.sn-buttons>a {
    color: #000;
    font-size: 26px;
    margin-right: 14px
}

.sn-buttons>a i.fa-facebook-f {
    font-size: 20px
}

.sn-buttons>a:last-child {
    margin-right: 0
}

.sn-buttons>a:hover {
    color: #000;
    opacity: .6
}

.search-cont {
    display: none
}

@media only screen and (min-width : 1040px) {
    .search-cont {
        display: block;
        position: relative;
        margin-top: -40px
    }

    .search-cont .searcherform {
        position: absolute;
        right: 0;
        background-color: #fff
    }
}

.btn-searcher.active-searcher {
    border: 1px solid #9b9b9b;
    border-radius: 2px;
    height: 40px;
    margin-top: -1px;
    padding: 0 15px;
    width: 280px;
    -webkit-animation-name: animation-search;
    -webkit-animation-duration: .5s;
    animation-name: animation-search;
    animation-duration: .5s
}

.btn-searcher.active-searcher.focus-searcher {
    -webkit-box-shadow: 0 0 0 2px rgba(85, 164, 255, .63);
    box-shadow: 0 0 0 2px rgba(85, 164, 255, .63)
}

.btn-searcher.active-searcher .input-group-append {
    top: 3px;
    right: -6px
}

.btn-searcher.active-searcher .input-group-append button {
    -webkit-animation-name: animation-button-search;
    -webkit-animation-duration: 2s;
    animation-name: animation-button-search;
    animation-duration: 2s
}

.btn-searcher.active-searcher .input-group-append button:hover {
    opacity: 1
}

.btn-searcher input {
    display: none;
    border: transparent;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: #000;
    font-family: "Roboto"
}

.btn-searcher input.active-input {
    display: block
}

.btn-searcher input.active-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-searcher input.active-input::placeholder {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0;
    color: #9b9b9b
}

.btn-searcher .input-group-append {
    position: relative;
    top: 6px;
    right: 10px
}

.btn-searcher .input-group-append button {
    border: transparent;
    color: #252121;
    font-size: 22px;
    padding: 0;
    opacity: 1
}

.btn-searcher .input-group-append button:hover {
    background: transparent;
    color: #9b9b9b;
    opacity: .6
}

.btn-searcher .input-group-append button:focus {
    border: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-searcher .input-group-append button:not(:disabled):not(.disabled):active,
.btn-searcher .input-group-append button:not(:disabled):not(.disabled):focus {
    color: #9b9b9b;
    background: transparent;
    border: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-close-searcher {
    display: none;
    height: 20px;
    width: 20px;
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 3;
    justify-content: center;
    align-items: center;
    background: #9b9b9b;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    cursor: pointer
}

@-webkit-keyframes animation-search {
    from {
        width: 178px
    }

    to {
        width: 280px
    }
}

@keyframes animation-search {
    from {
        width: 178px
    }

    to {
        width: 280px
    }
}

@-webkit-keyframes animation-button-search {
    from {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes animation-button-search {
    from {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

header .login a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0;
    color: #000;
    text-decoration: none
}

header .login a.fa {
    font-family: "Font Awesome 5 Pro"
}

@media only screen and (min-width : 768px) {
    header .login a:hover {
        opacity: .6
    }
}

@media only screen and (min-width : 1040px) {
    header .login a {
        font-size: 12px
    }

    header .login a:hover {
        opacity: .6
    }
}

.login-user,
.perfil-quota {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    width: auto;
    height: inherit;
    padding: 0;
    position: relative;
    z-index: 9
}

.login-user .user,
.perfil-quota .user {
    height: inherit;
    position: relative
}

.login-user .user.menu-active:after,
.perfil-quota .user.menu-active:after {
    display: block
}

.login-user .user:after,
.perfil-quota .user:after {
    display: none;
    content: "";
    width: 0;
    height: 0;
    transform: rotate(225deg);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #f2f0f0;
    position: absolute;
    bottom: -22px;
    left: 7px
}

.login-user .user>img,
.perfil-quota .user>img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer
}

.login-user .user-menu,
.perfil-quota .user-menu {
    transition: all 1s ease-in
}

.login-user .user-menu+span,
.perfil-quota .user-menu+span {
    display: block;
    font-size: 0;
    cursor: pointer
}

.login-user .user-menu .fa-chevron-down,
.perfil-quota .user-menu .fa-chevron-down {
    display: none
}

.login-user .user-menu .cont-options,
.perfil-quota .user-menu .cont-options {
    height: 100%;
    max-height: 0;
    transition: max-height .15s ease-out;
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    right: 0;
    padding: 0 10px;
    overflow: hidden;
    margin-top: 44px;
    background-color: #f2f0f0
}

.is-logged .login-user .user-menu .cont-options,
.is-logged .perfil-quota .user-menu .cont-options {
    margin-top: 41px
}

.login-user .user-menu .cont-options.active,
.perfil-quota .user-menu .cont-options.active {
    max-height: calc(100vh - 44px);
    transition: max-height .15s ease-in
}

.is-logged .login-user .user-menu .cont-options.active,
.is-logged .perfil-quota .user-menu .cont-options.active {
    max-height: calc(100vh - 41px)
}

.sticky .login-user .user-menu .cont-options,
.sticky .perfil-quota .user-menu .cont-options {
    margin-top: 37px
}

.sticky .login-user .user-menu .cont-options.active,
.sticky .perfil-quota .user-menu .cont-options.active {
    max-height: calc(100vh - 37px)
}

.login-user .user-menu .cont-options ul,
.perfil-quota .user-menu .cont-options ul {
    padding: 0;
    margin: 0
}

.login-user .user-menu .cont-options .user-name,
.perfil-quota .user-menu .cont-options .user-name {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid gray
}

.login-user .user-menu .cont-options .user-name>a,
.perfil-quota .user-menu .cont-options .user-name>a {
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0;
    color: #000
}

.login-user .user-menu .cont-options li,
.perfil-quota .user-menu .cont-options li {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid gray
}

.login-user .user-menu .cont-options li>a,
.perfil-quota .user-menu .cont-options li>a {
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 3.33;
    letter-spacing: 0;
    color: #4a4a4a
}

.login-user .user-menu .cont-options .btn-close,
.perfil-quota .user-menu .cont-options .btn-close {
    background: transparent;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #4a4a4a;
    outline: none;
    margin: 25px 0
}

.login-user .user-menu .cont-options .btn-close i.icon-close,
.perfil-quota .user-menu .cont-options .btn-close i.icon-close {
    width: 20px;
    height: 20px;
    display: block;
    background: url(/close-icon-gris5.h-6ba1a85bae96643c0fdac7d16ba1d428-15905d17.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 8px 0
}

.login-user>a,
.perfil-quota>a {
    display: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: normal;
    color: #000;
    font-weight: 500;
    text-transform: uppercase
}

.header-container.sticky header.header-home .is-logged .login-user,
.header-container.sticky header.header-home .is-logged .perfil-quota,
header.header-small .is-logged .login-user,
header.header-small .is-logged .perfil-quota {
    background: none;
    padding: 0;
    width: auto;
    height: 100%
}

@media only screen and (min-width : 768px) {

    .header-container.sticky header.header-home .is-logged .login-user,
    .header-container.sticky header.header-home .is-logged .perfil-quota,
    header.header-small .is-logged .login-user,
    header.header-small .is-logged .perfil-quota {
        position: relative;
        margin-right: 0
    }
}

@media only screen and (min-width : 768px) {

    .login-user,
    .perfil-quota {
        margin-left: 10px
    }

    .is-logged .login-user .user-menu .cont-options,
    .is-logged .perfil-quota .user-menu .cont-options {
        margin-top: 69px
    }

    .header-small .is-logged .login-user .user-menu .cont-options,
    .header-small .is-logged .perfil-quota .user-menu .cont-options {
        margin-top: 48px
    }

    .sticky .header-small .is-logged .login-user .user-menu .cont-options,
    .sticky .header-small .is-logged .perfil-quota .user-menu .cont-options {
        margin-top: 41px
    }

    .is-logged .login-user .user-menu .cont-options.active,
    .is-logged .perfil-quota .user-menu .cont-options.active {
        max-height: calc(100vh - 69px)
    }

    .header-small .is-logged .login-user .user-menu .cont-options.active,
    .header-small .is-logged .perfil-quota .user-menu .cont-options.active {
        max-height: calc(100vh - 48px)
    }

    .sticky .header-small .is-logged .login-user .user-menu .cont-options.active,
    .sticky .header-small .is-logged .perfil-quota .user-menu .cont-options.active {
        max-height: calc(100vh - 41px)
    }

    .sticky .login-user .user-menu .cont-options,
    .sticky .perfil-quota .user-menu .cont-options {
        margin-top: 41px
    }

    .sticky .login-user .user-menu .cont-options.active,
    .sticky .perfil-quota .user-menu .cont-options.active {
        max-height: calc(100vh - 37px)
    }

    .login-user .user>img,
    .perfil-quota .user>img {
        width: 31px;
        height: 31px;
        border-radius: 50%;
        cursor: pointer
    }

    .login-user a,
    .perfil-quota a {
        display: block;
        margin-top: 2px;
        padding: 0 5px;
        width: 100%;
        font-size: 11px
    }

    .login-user a:hover,
    .perfil-quota a:hover {
        color: #000;
        text-decoration: none;
        opacity: .6
    }

    .perfil-quota {
        width: auto
    }

    .perfil-quota a {
        background-color: #0890e6;
        width: 100%;
        margin: 0;
        padding: 4px 5px;
        font-size: 14px;
        line-height: 20px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        white-space: nowrap !important
    }

    .perfil-quota a:hover {
        opacity: .8;
        color: #fff
    }
}

@media only screen and (min-width : 1040px) {

    .login-user,
    .perfil-quota {
        height: inherit
    }

    .login-user .user,
    .perfil-quota .user {
        height: inherit
    }

    .login-user .user .user-menu,
    .perfil-quota .user .user-menu {
        position: relative
    }

    .login-user .user .user-menu .cont-options,
    .perfil-quota .user .user-menu .cont-options {
        height: auto;
        width: 110px;
        position: absolute;
        top: 30px;
        right: 0;
        left: auto;
        background: #fff;
        padding: 0 5px;
        margin-top: 0;
        margin-left: 0
    }

    .is-logged .login-user .user .user-menu .cont-options,
    .is-logged .perfil-quota .user .user-menu .cont-options {
        margin-top: 0
    }

    .login-user .user .user-menu .cont-options .user-name,
    .perfil-quota .user .user-menu .cont-options .user-name {
        display: none
    }

    .login-user .user .user-menu .cont-options ul,
    .perfil-quota .user .user-menu .cont-options ul {
        list-style: none;
        text-align: right
    }

    .login-user .user .user-menu .cont-options ul li,
    .perfil-quota .user .user-menu .cont-options ul li {
        padding: 4px 0;
        min-height: 0;
        border: none
    }

    .login-user .user .user-menu .cont-options ul li:not(:last-child),
    .perfil-quota .user .user-menu .cont-options ul li:not(:last-child) {
        border-bottom: 1px solid gray
    }

    .login-user .user .user-menu .cont-options ul li a,
    .perfil-quota .user .user-menu .cont-options ul li a {
        white-space: nowrap;
        font-size: 12px;
        margin: 0;
        padding: 0;
        pointer-events: auto;
        line-height: 1;
        letter-spacing: 0
    }

    .login-user .user .user-menu .cont-options .btn-close,
    .perfil-quota .user .user-menu .cont-options .btn-close {
        display: none
    }

    .login-user>a,
    .perfil-quota>a {
        font-size: 12px
    }

    .header-container.sticky header.header-home .is-partner .user-menu .cont-options ul,
    .header-container.sticky header.header-home .is-logged .user-menu .cont-options ul,
    header.header-small .is-partner .user-menu .cont-options ul,
    header.header-small .is-logged .user-menu .cont-options ul {
        display: inline-flex;
        position: absolute;
        top: 0;
        max-width: 0;
        overflow: hidden;
        transition: max-width .15s ease-out;
        right: -50px
    }

    .header-container.sticky header.header-home .is-partner .user-menu .cont-options ul.menu-partner,
    .header-container.sticky header.header-home .is-logged .user-menu .cont-options ul.menu-partner,
    header.header-small .is-partner .user-menu .cont-options ul.menu-partner,
    header.header-small .is-logged .user-menu .cont-options ul.menu-partner {
        right: 62px
    }

    .header-container.sticky header.header-home .is-partner .user-menu .cont-options ul.menu-reactive-quota,
    .header-container.sticky header.header-home .is-logged .user-menu .cont-options ul.menu-reactive-quota,
    header.header-small .is-partner .user-menu .cont-options ul.menu-reactive-quota,
    header.header-small .is-logged .user-menu .cont-options ul.menu-reactive-quota {
        right: 74px
    }

    .header-container.sticky header.header-home .is-partner .user-menu .cont-options ul li,
    .header-container.sticky header.header-home .is-logged .user-menu .cont-options ul li,
    header.header-small .is-partner .user-menu .cont-options ul li,
    header.header-small .is-logged .user-menu .cont-options ul li {
        border-bottom: none !important;
        padding: 0 8px;
        position: relative
    }

    .header-container.sticky header.header-home .is-partner .user-menu .cont-options ul li:not(:last-child),
    .header-container.sticky header.header-home .is-logged .user-menu .cont-options ul li:not(:last-child),
    header.header-small .is-partner .user-menu .cont-options ul li:not(:last-child),
    header.header-small .is-logged .user-menu .cont-options ul li:not(:last-child) {
        border-right: 1px solid gray
    }

    .header-container.sticky header.header-home .is-partner .user-menu .cont-options.active,
    .header-container.sticky header.header-home .is-logged .user-menu .cont-options.active,
    header.header-small .is-partner .user-menu .cont-options.active,
    header.header-small .is-logged .user-menu .cont-options.active {
        width: auto;
        display: flex;
        overflow: visible;
        top: 6px;
        left: -70px;
        right: auto;
        margin: 0
    }

    .header-container.sticky header.header-home .is-partner .user-menu .cont-options.active ul,
    .header-container.sticky header.header-home .is-logged .user-menu .cont-options.active ul,
    header.header-small .is-partner .user-menu .cont-options.active ul,
    header.header-small .is-logged .user-menu .cont-options.active ul {
        max-width: calc(100vh - 50px);
        transition: max-width .15s ease-in
    }

    .header-container.sticky header.header-home .is-logged.is-ex-socio .user-menu .cont-options.active,
    header.header-small .is-logged.is-ex-socio .user-menu .cont-options.active {
        left: -107px
    }

    .sticky .header-small .is-logged .login-user .user-menu .cont-options {
        margin-top: 0
    }
}

header .bulletin a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0;
    color: #000;
    text-decoration: none
}

header .bulletin a i {
    vertical-align: middle;
    font-size: 16px;
    margin-right: 10px;
    color: #4a4a4a;
    opacity: .65
}

@media only screen and (min-width : 768px) {
    header .bulletin a:hover {
        opacity: .6
    }
}

@media only screen and (min-width : 1040px) {
    header .bulletin a {
        font-size: 12px
    }

    header .bulletin a:hover {
        opacity: .6
    }
}

.hamburguer-menu {
    display: flex
}

.hamburguer-icon {
    width: 20px;
    height: 18px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0
}

.hamburguer-icon:focus {
    outline: none
}

.hamburguer-icon:hover {
    opacity: .6;
    transition: 0s
}

.hamburguer-icon.white span {
    background: #fff
}

.hamburguer-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #252121;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.hamburguer-icon span:nth-child(1) {
    top: 0px
}

.hamburguer-icon span:nth-child(2),
.hamburguer-icon span:nth-child(3) {
    top: 7px
}

.hamburguer-icon span:nth-child(4) {
    top: 14px
}

.hamburguer-icon.open span:nth-child(1) {
    top: 14px;
    width: 0%;
    left: 50%
}

.hamburguer-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburguer-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.hamburguer-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}

@media only screen and (min-width : 1040px) {
    .hamburguer-icon {
        border: none;
        background: transparent;
        cursor: pointer
    }

    .hamburguer-icon:focus {
        outline: none
    }

    .hamburguer-icon:hover i {
        opacity: .6
    }

    .hamburguer-icon i {
        font-size: 30px
    }
}

.menu-cabecera-wrapper {
    background-color: #252121
}

.menu-cabecera-wrapper .menu-cabecera-desktop a,
.menu-cabecera-wrapper .menu-cabecera-desktop .item>span {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none;
    color: #fff
}

.menu-cabecera-wrapper .menu-cabecera-desktop a.active,
.menu-cabecera-wrapper .menu-cabecera-desktop .item>span.active {
    color: #fff
}

.menu-cabecera-wrapper .menu-cabecera-desktop a:not(.active):hover,
.menu-cabecera-wrapper .menu-cabecera-desktop .item>span:not(.active):hover {
    color: #fff
}

.menu-cabecera-wrapper .menu-cabecera-desktop a:hover,
.menu-cabecera-wrapper .menu-cabecera-desktop .item>span:hover {
    opacity: .6
}

.menu-cabecera-wrapper .owl-stage-outer {
    width: 100%
}

.menu-cabecera-wrapper .owl-stage-outer .owl-stage {
    display: flex
}

.menu-cabecera-wrapper .owl-stage-outer .owl-stage .owl-item {
    justify-content: left;
    width: auto !important
}

.menu-cabecera-wrapper .owl-stage-outer.activecategory {
    overflow: visible !important
}

.menu-cabecera-wrapper .menu-cabecera-desktop .owl-item.activecategory {
    position: relative
}

.menu-cabecera-wrapper .menu-cabecera-desktop .owl-item.activecategory:before {
    content: "";
    border-top: 5px solid;
    border-color: inherit;
    position: absolute;
    width: 100%;
    top: -8px
}

@media only screen and (min-width : 768px) {

    div.htags div.item>a,
    div.htags div.item>span,
    div.htags div.item-dropdown__layer--inner>a,
    div.htags div.item-dropdown__layer--inner>span {
        margin-top: 3px;
        border-bottom: 4px solid transparent;
        line-height: 32px;
        display: inline-block
    }

    div.htags div.item>.activecategory,
    div.htags div.item-dropdown__layer--inner>.activecategory {
        margin-top: 3px;
        border-bottom: 4px solid;
        line-height: 32px;
        display: inline-block
    }

    .menu-cabecera-wrapper .menu-cabecera-desktop {
        min-height: 40px;
        padding-inline: 15px;
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .header-home .menu-cabecera-wrapper .menu-cabecera-desktop,
    .header-small~.topics .menu-cabecera-wrapper .menu-cabecera-desktop {
        padding-left: 15px
    }

    .menu-cabecera-wrapper .menu-cabecera-desktop .item>span {
        white-space: nowrap
    }

    .menu-cabecera-wrapper .menu-cabecera-desktop nav {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 40px;
        z-index: 0
    }

    .menu-cabecera-wrapper .menu-cabecera-desktop nav:not(.owl-loaded) {
        gap: 20px
    }

    .menu-cabecera-wrapper .menu-cabecera-desktop nav:after {
        z-index: 1;
        content: "";
        height: 100%;
        width: 60px;
        display: block;
        position: absolute;
        right: -1px;
        top: 0;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #252121 100%)
    }

    .menu-cabecera-wrapper .menu-cabecera-desktop nav a {
        margin: 0;
        white-space: nowrap
    }

    .menu-cabecera-wrapper .owl-carousel {
        position: relative
    }

    .menu-cabecera-wrapper .owl-carousel .owl-nav .disabled {
        display: none
    }

    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-next,
    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 0;
        color: #fff
    }

    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-next:hover,
    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-next:focus,
    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-prev:hover,
    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-prev:focus {
        color: #fff;
        background: transparent;
        outline: none
    }

    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-next span,
    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-prev span {
        display: flex;
        align-items: center;
        height: 5px;
        font-size: 30px;
        line-height: 18px
    }

    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-next span:hover,
    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-next span:focus,
    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-prev span:hover,
    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-prev span:focus {
        outline: none
    }

    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-next {
        left: 100%
    }

    .menu-cabecera-wrapper .owl-carousel .owl-nav .owl-prev {
        right: 100%
    }
}

@media only screen and (min-width : 1040px) {

    div.htags div.item>a,
    div.htags div.item>span,
    div.htags div.item-dropdown__layer--inner>a,
    div.htags div.item-dropdown__layer--inner>span,
    div.htags div.item>.activecategory,
    div.htags div.item-dropdown__layer--inner>.activecategory {
        margin-top: -8px
    }

    .menu-cabecera-wrapper {
        max-width: 1600px;
        margin: 0 auto
    }

    .menu-cabecera-wrapper .menu-cabecera-desktop {
        margin: 0
    }

    body:not(.partner) .header-small+.topics .menu-cabecera-wrapper .menu-cabecera-desktop {
        padding-left: 0
    }

    .menu-cabecera-wrapper .menu-cabecera-desktop nav {
        display: inline;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .menu-cabecera-wrapper .menu-cabecera-desktop nav:after {
        content: none
    }

    .menu-cabecera-wrapper .menu-cabecera-desktop nav:not(.owl-loaded) {
        white-space: nowrap;
        padding-top: 8px;
        color: #fff
    }

    .menu-cabecera-wrapper .menu-cabecera-desktop nav:not(.owl-loaded) .item {
        display: inline;
        padding-right: 20px
    }
}

.more-focus {
    border-right: 1px solid #fff;
    white-space: nowrap;
    min-height: 19px
}

.more-focus a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
    color: #fff
}

.more-focus a.white {
    color: #fff
}

.more-focus a.black {
    color: #000
}

.more-focus a:hover {
    text-decoration: none;
    opacity: .6
}

.more-focus a i {
    font-size: 10px;
    position: relative;
    bottom: 1px
}

.section {
    background-color: var(--sectionColor);
    display: flex;
    justify-content: space-between;
    min-height: 40px;
    position: relative;
    margin: 6px auto 0
}

.section .title {
    display: none;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0;
    color: #fff;
    line-height: 1.5
}

@media only screen and (min-width : 768px) {
    .section .title {
        display: block;
        opacity: .7
    }
}

.tags-header-panel {
    display: flex;
    align-items: center;
    height: 100%;
    height: 37px
}

.tags-header-panel>div {
    margin: 0 10px;
    height: 100%;
    display: flex;
    align-items: center
}

.tags-header-panel>div:first-child {
    margin-left: 0
}

.tags-header-panel>div:last-child {
    margin-right: 0
}

.tags-header-panel>div>a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.31;
    color: #252121;
    text-decoration: none
}

.tags-header-panel>div.active {
    position: relative
}

.tags-header-panel>div.active:before {
    content: "";
    border-top: 5px solid #252121;
    position: absolute;
    width: 100%;
    top: 0
}

.focuses-header {
    max-width: 1040px;
    margin: 0 auto
}

.focuses-header>div {
    margin: 0;
    min-height: 50px;
    display: flex;
    justify-content: space-between
}

.focuses-header>div>div {
    background-color: #c4071b
}

.focuses-header>div>div:first-child {
    padding-top: 5px !important;
    padding-bottom: 0;
    min-width: 100%
}

.focuses-header>div>div:first-child span {
    display: block
}

.focuses-header>div>div:first-child span.title {
    padding: 0 5px;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: normal;
    color: #fff
}

.focuses-header>div>div:first-child span.subtitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: normal;
    color: #fff
}

.focuses-header>div>div:first-child h1.title {
    padding: 0 5px;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: normal;
    color: #fff
}

.focuses-header>div>div:first-child h2.subtitle {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: normal;
    color: #fff
}

.focuses-header>div>div:last-child {
    padding-top: 10px;
    padding-bottom: 10px
}

.focuses-header>div>div:last-child>span {
    display: inline-block;
    vertical-align: top;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.4;
    color: #fff;
    margin-right: 10px;
    padding: 10px 0
}

.focuses-header>div>div:last-child>a {
    text-decoration: none;
    color: #000;
    font-size: 30px;
    margin: 0 5px
}

.focuses-header>div>div:last-child>a:last-child {
    margin-right: 0
}

.focuses-header>p {
    margin: 10px 0;
    padding: 0 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    color: #fff
}

@media only screen and (min-width : 768px) {
    .focuses-header>div {
        min-height: 80px
    }

    .focuses-header>div>div:first-child {
        padding-top: 10px !important;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        min-width: 50%
    }

    .focuses-header>div>div:first-child span.title {
        padding: 0;
        font-size: 28px
    }

    .focuses-header>div>div:first-child span.subtitle {
        margin-top: 3px;
        color: #000
    }

    .focuses-header>div>div:first-child h1.title {
        padding: 0;
        font-size: 28px
    }

    .focuses-header>div>div:first-child h2.subtitle {
        margin-top: 3px;
        color: #000
    }

    .focuses-header>div>div:last-child {
        padding-right: 15px
    }

    .focuses-header>p {
        padding: 0
    }
}

@media only screen and (min-width : 1040px) {
    .focuses-header>div>div:first-child {
        min-width: 100%
    }

    .focuses-header>div>div:first-child h2.subtitle {
        color: #4a4a4a
    }
}

.focus-header {
    margin: 0 !important;
    padding: 0 20px;
    background-color: #c4071b
}

.focus-header>.row {
    margin: 0;
    flex-wrap: wrap
}

.focus-header>.row:first-child {
    min-height: 52px
}

.focus-header>.row:first-child>div[class^=col-] {
    padding: 10px 0;
    display: flex;
    align-items: center
}

.focus-header>.row:first-child>div[class^=col-]:first-child {
    justify-content: flex-start
}

.focus-header>.row:first-child>div[class^=col-]:first-child>span:first-child {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: -0.2px;
    color: #fff
}

.focus-header>.row:first-child>div[class^=col-]:first-child>span:last-child {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: -0.2px;
    color: #fff
}

.focus-header>.row:first-child>div[class^=col-]:last-child {
    justify-content: flex-end
}

.focus-header>.row:first-child>div[class^=col-]:last-child>a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: -0.15px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase
}

.focus-header>.row:last-child>div.title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-top: 10px
}

.focus-header>.row:last-child>div.title>span {
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.28;
    letter-spacing: -0.23px;
    color: #fff
}

.focus-header>.row:last-child>div.title>a {
    display: none;
    margin: 10px 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.4;
    color: #fff
}

.focus-header>.row:last-child>div.title>a i {
    background: url(/smartphone-icon.h-194bd3bd348345578f9e73eaa8d03634-15905d17.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block
}

.focus-header>.row:last-child>div.title>a:hover {
    text-decoration: none;
    opacity: .85
}

.focus-header>.row:last-child>div.image {
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.focus-header>.row:last-child>div.image img {
    width: 250px
}

.focus-header>.row:last-child>div.description {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 10px
}

.focus-header>.row:last-child>div.description span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    color: #fff
}

.focus-header>.row:last-child>div.description>div {
    margin: 0 0 25px 0
}

.focus-header>.row:last-child>div.description>div a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.4;
    color: #252121;
    text-transform: lowercase;
    text-decoration: underline
}

.focus-header>.row:last-child>div.description>div a:hover {
    opacity: .85
}

.focus-header>.row:last-child>div.description>div.cont-button {
    margin: 15px 0
}

.focus-header>.row:last-child>div.description>div.cont-button a {
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 2px;
    height: 60px;
    background-color: #000;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: -0.19px;
    color: #fff;
    text-decoration: none;
    text-transform: unset
}

.focus-header>.row:last-child>div.app-down {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #000;
    padding: 5px 0
}

.focus-header>.row:last-child>div.app-down>span {
    padding: 5px 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: -0.15px;
    color: #fff;
    color: #4a4a4a
}

.focus-header>.row:last-child>div.app-down>div a {
    color: #000;
    text-decoration: none;
    font-size: 30px;
    margin: 0 3px
}

.focus-header>.row:last-child>div.app-down>div a:first-child {
    margin-left: 0
}

.focus-header>.row:last-child>div.app-down>div a:last-child {
    margin-right: 0
}

@media only screen and (min-width : 768px) {
    .focus-header {
        margin: 0 0 15px !important;
        padding-bottom: 10px
    }

    .focus-header>.row {
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .focus-header>.row:first-child>div[class^=col-]:first-child>span:first-child {
        margin-right: 5px
    }

    .focus-header>.row:last-child>div {
        padding: 10px 10px 10px 0
    }

    .focus-header>.row:last-child>div.title {
        width: 28%
    }

    .focus-header>.row:last-child>div.title .app-down {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 5px 0
    }

    .focus-header>.row:last-child>div.title .app-down>span {
        padding: 5px 0;
        font-size: 13px;
        color: #4a4a4a
    }

    .focus-header>.row:last-child>div.title .app-down>div a {
        color: #000;
        text-decoration: none;
        font-size: 30px;
        margin: 0 3px
    }

    .focus-header>.row:last-child>div.title .app-down>div a:first-child {
        margin-left: 0
    }

    .focus-header>.row:last-child>div.title .app-down>div a:last-child {
        margin-right: 0
    }

    .focus-header>.row:last-child>div.image {
        width: 30%;
        justify-content: center;
        align-self: flex-start
    }

    .focus-header>.row:last-child>div.image img {
        width: 207px
    }

    .focus-header>.row:last-child>div.description {
        display: flex;
        padding: 10px 20px 10px 10px;
        width: 42%
    }

    .focus-header>.row:last-child>div.description>div {
        margin: 10px 0
    }

    .focus-header>.row:last-child>div.description>div a {
        text-transform: lowercase;
        text-decoration: underline
    }

    .focus-header>.row:last-child>div.app-down.mobile {
        display: none
    }
}

@media only screen and (min-width : 1040px) {
    .focus-header>.row:first-child>div[class^=col-]:last-child>a {
        font-size: 12px
    }

    .focus-header>.row:last-child>div {
        padding: 10px 10px 10px 0
    }

    .focus-header>.row:last-child>div.title {
        min-width: 250px;
        width: auto
    }

    .focus-header>.row:last-child>div.title>a {
        display: none;
        margin: 10px 0
    }

    .focus-header>.row:last-child>div.title>a i {
        background: url(/smartphone-icon.h-194bd3bd348345578f9e73eaa8d03634-15905d17.png);
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        display: inline-block
    }

    .focus-header>.row:last-child>div.title>a:hover {
        text-decoration: none;
        opacity: .85
    }

    .focus-header>.row:last-child>div.image {
        width: auto;
        padding: 12px;
        align-self: flex-start
    }

    .focus-header>.row:last-child>div.image img {
        width: 244px
    }

    .focus-header>.row:last-child>div.description {
        padding: 10px 0 10px 10px;
        width: auto
    }

    .focus-header>.row:last-child>div.description>div {
        margin: 10px 0
    }

    .focus-header>.row:last-child>div.description>div a {
        text-transform: lowercase;
        text-decoration: underline
    }
}

.author-img {
    width: 45px;
    height: 45px;
    min-width: 45px;
    min-height: 45px;
    border-radius: 50%;
    background-position: center;
    background-size: cover
}

.card-author {
    height: 96px;
    background: rgba(255, 255, 255, .4);
    display: flex;
    justify-content: space-between
}

.card-author:hover {
    opacity: 1;
    cursor: pointer;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, .05)
}

.card-author:hover .img-author {
    filter: grayscale(0)
}

.card-author .cont-name-surn-author {
    margin: 8px 10px;
    overflow: hidden;
    width: calc(100% - 110px)
}

.card-author .cont-name-surn-author span {
    display: inline-block;
    padding: 10px 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.42;
    color: #252121;
    line-height: normal
}

@media(max-width: 767px) {
    .card-author .cont-name-surn-author span {
        padding: 0
    }
}

.card-author .img-author {
    align-self: center;
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 5px;
    filter: grayscale(100%)
}

@media only screen and (min-width : 768px) {
    .card-author {
        height: 189px;
        display: block
    }

    .card-author .cont-name-surn-author {
        height: calc(100% - 100px);
        width: auto
    }

    .card-author .cont-name-surn-author span {
        font-size: 13px;
        padding: 10px 5px
    }

    .card-author .img-author {
        background-position: center;
        background-repeat: no-repeat;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        margin: 10px;
        filter: grayscale(100%)
    }
}

@media only screen and (min-width : 1040px) {
    .card-author {
        height: 140px;
        width: 149px;
        display: block
    }
}

.input-group.searcher-2 input {
    border-radius: 0;
    height: 42px;
    border-right: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 2.14;
    letter-spacing: 0;
    color: #000
}

.input-group.searcher-2 input:focus {
    box-shadow: none;
    outline: none;
    border-color: #ced4da
}

.input-group.searcher-2 input::placeholder {
    color: #9b9b9b
}

.input-group.searcher-2 .input-group-append {
    border: 0;
    outline: 0;
    padding: 0;
    background: none;
    height: 42px;
    cursor: pointer
}

.input-group.searcher-2 .input-group-append>span {
    background: #fff;
    height: 42px;
    border-radius: 0;
    font-size: 22px
}

.input-group.searcher-2.active-input {
    -webkit-box-shadow: 0 0 0 2px rgba(85, 164, 255, .63);
    box-shadow: 0 0 0 2px rgba(85, 164, 255, .63)
}

button.btn-about-blog {
    padding: 0;
    margin: 5px 0;
    cursor: pointer;
    border: none;
    background: transparent;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.61;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #252121
}

button.btn-about-blog:focus {
    outline: none
}

button.btn-about-blog i {
    margin-left: 2px;
    font-size: 15px
}

ul.tabs-author {
    margin: 25px -20px -20px -20px;
    height: 120px;
    border: none
}

ul.tabs-author>li {
    width: 33.3333%;
    text-align: center
}

ul.tabs-author>li.active>a {
    opacity: 1
}

ul.tabs-author>li.active>a span:last-child {
    font-family: "Roboto", sans-serif
}

ul.tabs-author>li:not(.active) {
    background-color: #f9f8f8;
    outline: 3px solid #fff;
    border-bottom: none
}

ul.tabs-author>li:not(.active)>a {
    opacity: .5
}

ul.tabs-author>li:not(.active)>a span {
    font-family: "Roboto", sans-serif
}

ul.tabs-author>li>a {
    text-decoration: none;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border: none;
    color: #252121;
    opacity: 1
}

ul.tabs-author>li>a i {
    font-size: 33px;
    margin-bottom: 12px
}

@media(max-width: 767px) {
    ul.tabs-author>li>a i {
        font-size: 23px
    }
}

ul.tabs-author>li>a span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.42;
    letter-spacing: 0;
    color: #252121
}

ul.tabs-author>li .subsection>a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #9b9b9b;
    opacity: .75;
    text-decoration: none
}

ul.tabs-author>li .subsection>a.active {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #252121;
    opacity: 1
}

ul.tabs-author>li .subsection>a:first-child {
    margin-right: 5px
}

ul.tabs-author>li .subsection>a:last-child {
    margin-left: 5px
}

@media only screen and (min-width : 768px) {
    ul.tabs-author {
        margin: 25px 0 0 0
    }
}

@media only screen and (min-width : 1040px) {
    ul.tabs-author {
        margin: 25px -20px -20px -20px
    }

    body:not(.partner) .authors-container .cont-cards-authors .profile-author .cont-tabs-author .content-tabs-ul {
        width: 63.5%;
        background: #fff
    }

    body:not(.partner) .authors-container .cont-cards-authors .profile-author .cont-tabs-author .content-tabs-ul ul.tabs-author {
        z-index: 1;
        height: 44px
    }

    body:not(.partner) .authors-container .cont-cards-authors .profile-author .cont-tabs-author .content-tabs-ul:after {
        content: "";
        display: block;
        height: 44px;
        background: #fff;
        position: absolute;
        width: calc(100% + 20px);
        left: -10px;
        bottom: 0px;
        z-index: 0
    }
}

.dotted-lines {
    background-position: top left;
    background-repeat: repeat;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    opacity: .5
}

.dotted-lines.line1 {
    height: 1px
}

.dotted-lines.line2 {
    height: 7px
}

.dotted-lines.line3 {
    height: 12px
}

.dotted-lines.line4 {
    height: 14px
}

.article-text {
    margin-top: 28px
}

p.article-text,
.list {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.53;
    color: #000
}

p.article-text span.highlight,
.list span.highlight {
    background: linear-gradient(var(--color), var(--color)) no-repeat, linear-gradient(var(--color), var(--color)) no-repeat;
    background-position: bottom;
    background-size: 100% 78%
}

p.article-text em,
.list em {
    font-style: italic
}

p.article-text em strong,
p.article-text em a,
p.article-text em a strong,
.list em strong,
.list em a,
.list em a strong {
    font-style: italic
}

p.article-text strong,
.list strong {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.53;
    color: #000;
    color: inherit
}

p.article-text a,
.list a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.53;
    letter-spacing: 0;
    color: #252121;
    color: #c4071b;
    border-bottom: 1px dotted transparent
}

p.article-text a:hover,
.list a:hover {
    border-color: #c4071b;
    text-decoration: none
}

p.article-text a strong,
.list a strong {
    color: inherit
}

p.article-text,
p.article-text strong,
p.article-text a,
.list,
.list strong,
.list a {
    font-size: 20px
}

@media only screen and (min-width : 768px) {

    p.article-text,
    p.article-text strong,
    p.article-text a,
    .list,
    .list strong,
    .list a {
        font-size: 21px
    }
}

.list ul,
.list ol {
    overflow: hidden
}

.list ul a,
.list ol a {
    position: relative
}

h2.article-text,
h3.article-text {
    margin-top: 20px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.53;
    color: #4a4a4a
}

h2.article-text {
    font-size: 24px
}

h3.article-text {
    font-size: 22px
}

@media only screen and (min-width : 768px) {
    h2.article-text {
        font-size: 26px
    }

    h3.article-text {
        font-size: 24px
    }
}

.article-tvchannel {
    margin: 0 0 15px
}

.article-tvchannel img {
    object-fit: contain;
    object-position: center left;
    max-height: 28px;
    max-width: 130px
}

.article-tvchannel+.article-text {
    margin-top: 15px
}

.article-tvchannel+.list {
    margin-top: 15px
}

.cmp-title {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #252121;
    margin-bottom: 16px
}

.cmp-title.black {
    color: #000
}

@media only screen and (min-width : 768px) {
    .cc-menu-desktop {
        max-height: calc(100vh - 53px);
        overflow-y: auto
    }
}

.menu-cont {
    display: flex;
    flex-wrap: wrap;
    max-width: 1040px;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    overflow: hidden
}

.menu-cont .transparencia {
    font: 400 17px/17px "Roboto", sans-serif;
    text-align: end;
    padding: 10px 0
}

@media only screen and (min-width : 768px) {
    .menu-cont .transparencia {
        display: none
    }
}

@media(min-width: 768px) {

    .menu-cont .buttons,
    .menu-cont .bulletin {
        display: none
    }
}

.menu-cont .bulletin {
    padding: 5px 0 14px 0
}

.menu-cont .bulletin a {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap
}

.menu-cont .bulletin a i {
    opacity: 1;
    margin: 0 0 0 7px;
    font-size: 14px;
    color: #000
}

.menu-cont .bulletin a span {
    font: 500 13px/13px "Roboto", sans-serif;
    text-transform: uppercase;
    color: #000
}

.menu-cont .bulletin a:hover {
    text-decoration: none
}

@media(min-width: 768px)and (max-width: 1039px) {
    .menu-cont {
        padding: 5px 10px 0 10px
    }
}

.menu-cont .cmp-main-menu-tablet {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: column
}

@media only screen and (min-width : 768px) {
    .menu-cont .cmp-main-menu-tablet {
        flex-direction: row
    }
}

@media only screen and (min-width : 1040px) {
    .menu-cont .cmp-main-menu-tablet {
        padding-left: 10px;
        padding-right: 10px
    }
}

.menu-cont .cmp-main-menu-tablet label,
.menu-cont .cmp-main-menu-tablet div {
    font-size: 14px;
    line-height: 1.43;
    color: #090909;
    padding-right: 10px;
    flex: 1 1 100%
}

.menu-cont .cmp-main-menu-tablet label span,
.menu-cont .cmp-main-menu-tablet div span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.78;
    letter-spacing: 0;
    color: #090909;
    pointer-events: none
}

.menu-cont .cmp-main-menu-tablet div ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px
}

@media(min-width: 768px) {
    .menu-cont .cmp-main-menu-tablet div ul {
        display: block !important
    }
}

.menu-cont .cmp-main-menu-tablet div ul li {
    padding-top: 4.4px
}

@media only screen and (min-width : 768px) {
    .menu-cont .cmp-main-menu-tablet div ul li {
        padding-top: 0
    }
}

.menu-cont .cmp-main-menu-tablet div ul li a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.78;
    letter-spacing: 0;
    color: #090909;
    line-height: 25px;
    text-decoration: none
}

.menu-cont .cmp-main-menu-tablet div ul ul {
    margin: 0 0 0 40px
}

@media only screen and (min-width : 768px) {
    .menu-cont .cmp-main-menu-tablet div ul ul {
        margin-left: 20px
    }
}

.menu-cont .cmp-focos-infoLibre {
    width: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
    display: none
}

@media only screen and (min-width : 1040px) {
    .menu-cont .cmp-focos-infoLibre {
        width: 75%
    }

    .menu-cont .cmp-focos-infoLibre:before {
        display: none
    }
}

.menu-cont .cmp-focos-infoLibre:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    right: 100%;
    top: 0;
    height: 100%;
    width: 50vw;
    background: #f2f0f0
}

.menu-cont .cmp-focos-infoLibre:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 99%;
    top: 0;
    height: 100%;
    width: 50vw;
    background: #f2f0f0
}

@media(min-width: 768px)and (max-width: 1039px) {
    .menu-cont .cmp-focos-infoLibre:before {
        z-index: 0
    }
}

.menu-cont .cmp-focos-infoLibre>div {
    background-color: #f2f0f0;
    padding: 10px 0
}

.menu-cont .cmp-focos-infoLibre>div span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.78;
    letter-spacing: 0;
    color: #090909;
    margin: 0 14px auto 0;
    vertical-align: top;
    pointer-events: none;
    display: block
}

@media(min-width: 768px) {
    .menu-cont .cmp-focos-infoLibre>div span {
        display: inline
    }
}

.menu-cont .cmp-focos-infoLibre>div ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline
}

@media(min-width: 768px) {
    .menu-cont .cmp-focos-infoLibre>div ul {
        display: inline !important
    }
}

.menu-cont .cmp-focos-infoLibre>div ul li {
    display: inline-block;
    margin: 7px 5px 7px 0
}

@media only screen and (min-width : 768px) {
    .menu-cont .cmp-focos-infoLibre>div ul li {
        margin: 4px 5px 4px 0
    }
}

.menu-cont .cmp-focos-infoLibre>div ul li a {
    display: block;
    padding: 3px 7px;
    text-decoration: none;
    border: 1px dotted #000;
    border-radius: 20.5px;
    height: 29px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #9b9b9b;
    color: #000
}

@media only screen and (min-width : 768px) {
    .menu-cont .cmp-focos-infoLibre>div ul li a {
        padding: 3px 14px
    }
}

.menu-cont .cmp-focos-infoLibre>div ul li a:hover {
    background-color: #fff;
    opacity: .85
}

.menu-cont .cmp-focos-infoLibre-partner {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding: 0;
    background-color: #c4071b
}

@media only screen and (min-width : 1040px) {
    .menu-cont .cmp-focos-infoLibre-partner {
        padding: 8px 35px 9px 12px
    }
}

.menu-cont .cmp-focos-infoLibre-partner:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    right: 99%;
    top: 0;
    height: 100%;
    width: 50vw;
    background-color: #c4071b
}

.menu-cont .cmp-focos-infoLibre-partner:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 99%;
    top: 0;
    height: 100%;
    width: 50vw;
    background-color: #c4071b
}

@media(min-width: 768px)and (max-width: 1039px) {
    .menu-cont .cmp-focos-infoLibre-partner:before {
        z-index: 0
    }
}

@media only screen and (min-width : 1040px) {
    .menu-cont .cmp-focos-infoLibre-partner:after {
        left: 0
    }

    .menu-cont .cmp-focos-infoLibre-partner:before {
        display: none
    }
}

.menu-cont .cmp-focos-infoLibre-partner>div {
    align-items: center;
    display: flex;
    z-index: 1;
    padding: 15px 0
}

@media only screen and (min-width : 1040px) {
    .menu-cont .cmp-focos-infoLibre-partner>div {
        display: block;
        padding: 0
    }
}

.menu-cont .cmp-focos-infoLibre-partner>div span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.78;
    letter-spacing: 0;
    color: #090909;
    color: #fff;
    margin-right: 15px;
    pointer-events: none
}

@media only screen and (min-width : 1040px) {
    .menu-cont .cmp-focos-infoLibre-partner>div span {
        margin-right: 0
    }
}

.menu-cont .cmp-focos-infoLibre-partner>div ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

@media(min-width: 768px) {
    .menu-cont .cmp-focos-infoLibre-partner>div ul {
        display: flex !important
    }
}

@media(min-width: 1040px) {
    .menu-cont .cmp-focos-infoLibre-partner>div ul {
        display: block !important
    }
}

.menu-cont .cmp-focos-infoLibre-partner>div ul li {
    margin-right: 15px
}

@media only screen and (min-width : 1040px) {
    .menu-cont .cmp-focos-infoLibre-partner>div ul li {
        margin: 3px 0
    }
}

.menu-cont .cmp-focos-infoLibre-partner>div ul li a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.78;
    letter-spacing: 0;
    color: #090909;
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.menu-cont .cmp-todo-infoLibre-menu {
    width: 100%;
    margin: 10px 0 0 0
}

@media only screen and (min-width : 1040px) {
    .menu-cont .cmp-todo-infoLibre-menu {
        width: 50%
    }
}

.menu-cont .cmp-todo-infoLibre-menu>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {
    .menu-cont .cmp-todo-infoLibre-menu>div {
        flex-direction: row
    }
}

@media only screen and (min-width : 1040px) {
    .menu-cont .cmp-todo-infoLibre-menu>div {
        border-right: 1px solid gray
    }
}

.menu-cont .cmp-todo-infoLibre-menu>div span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.78;
    letter-spacing: 0;
    color: #090909;
    pointer-events: none
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {
    .menu-cont .cmp-todo-infoLibre-menu>div span {
        flex: 0 0 auto
    }
}

.menu-cont .cmp-todo-infoLibre-menu>div ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 10px 0
}

@media only screen and (min-width : 768px)and (max-width : 1039px) {
    .menu-cont .cmp-todo-infoLibre-menu>div ul {
        flex: 1 1 auto
    }
}

@media(min-width: 768px) {
    .menu-cont .cmp-todo-infoLibre-menu>div ul {
        display: flex !important
    }
}

.menu-cont .cmp-todo-infoLibre-menu>div ul li {
    height: 80px;
    width: 100%;
    margin: auto
}

.menu-cont .cmp-todo-infoLibre-menu>div ul li:not(:last-child) {
    border-right: 1px solid gray
}

.menu-cont .cmp-todo-infoLibre-menu>div ul li a {
    display: block;
    width: 80px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: 0;
    color: #9b9b9b
}

.menu-cont .cmp-todo-infoLibre-menu>div ul li a:hover {
    text-decoration: none;
    opacity: 1
}

.menu-cont .cmp-todo-infoLibre-menu>div ul li a:hover {
    color: #252121
}

.menu-cont .cmp-todo-infoLibre-menu>div ul li a:hover>div {
    display: none
}

.menu-cont .cmp-todo-infoLibre-menu>div ul li a:hover>div.image-hover {
    display: block
}

.menu-cont .cmp-todo-infoLibre-menu>div ul li a>div {
    height: 30px;
    width: 30px;
    margin: 7px auto
}

.menu-cont .cmp-todo-infoLibre-menu>div ul li a>div.image-hover {
    display: none
}

@media(min-width: 767px) {
    .menu-cont .logotipo--bottom {
        display: none
    }
}

@media only screen and (min-width : 1040px) {
    body:not(.partner) .menu-cont {
        padding: 10px 10px 0
    }

    body:not(.partner) header~.menu-header {
        max-width: 1040px
    }
}

@media(max-width: 767px) {
    .menu-cont {
        display: block;
        height: 100vh;
        overflow-y: auto;
        background-color: #f2f0f0
    }

    .menu-cont .buttons {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0 0 10px;
        padding: 0
    }

    .menu-cont .buttons .login {
        background-color: #fff;
        margin-right: 14px;
        height: 65px;
        width: 50%;
        text-align: center;
        border: 1px solid #b4b4b4;
        border-radius: 4px;
        outline: none;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0;
        color: #9b9b9b;
        font-weight: 400;
        color: #000
    }

    .menu-cont .buttons .login i {
        height: 25px;
        width: 25px;
        margin-left: 8px;
        font-size: 26px;
        vertical-align: middle
    }

    .menu-cont .buttons .input {
        position: relative;
        width: 50%
    }

    .menu-cont .buttons .input:first-child {
        width: 100%
    }
}

@media only screen and (max-width: 767px)and (max-width : 767px) {
    .menu-cont .buttons .input {
        min-height: 65px
    }
}

@media(max-width: 767px) {
    .menu-cont .buttons .input.login-menu {
        height: 65px;
        width: 100%
    }

    .menu-cont .buttons .input.login-menu .placeholder {
        justify-content: space-between;
        padding: 0 25px
    }

    .menu-cont .buttons .input.login-menu .search {
        padding: 0 20px;
        text-align: left;
        border: 1px solid #b4b4b4;
        border-radius: 4px
    }
}

@media(max-width: 767px) {
    .menu-cont .buttons .input .placeholder {
        display: flex;
        position: absolute;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center
    }

    .menu-cont .buttons .input .placeholder span {
        margin-right: 10px;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0;
        color: #9b9b9b;
        font-weight: 400
    }

    .menu-cont .buttons .input .placeholder i {
        font-size: 25px;
        color: #8e8e93
    }
}

@media(max-width: 767px) {
    .menu-cont .buttons .input .search {
        opacity: .65;
        height: 100%;
        width: 100%;
        background-color: transparent;
        border: 1px solid #b4b4b4;
        border-radius: 4px;
        padding: 0 20px;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0;
        color: #9b9b9b;
        font-weight: 400;
        text-align: center;
        text-align: left;
        color: #000;
        outline: none
    }

    .menu-cont .buttons .input .search:active,
    .menu-cont .buttons .input .search:hover,
    .menu-cont .buttons .input .search:focus {
        opacity: 1;
        position: absolute;
        width: calc(100vw - 20px);
        box-shadow: inset 0 0 1px 2px rgba(74, 144, 226, .58);
        background: #fff
    }
}

@media(max-width: 767px) {

    .menu-cont .buttons .input:not(:first-child) .search:active,
    .menu-cont .buttons .input:not(:first-child) .search:hover,
    .menu-cont .buttons .input:not(:first-child) .search:focus {
        left: calc(-50vw + 2px)
    }
}

@media(max-width: 767px) {

    .menu-cont>.cmp-main-menu-tablet>a.item,
    .menu-cont>.cmp-focos-infoLibre>a.item,
    .menu-cont>.cmp-focos-infoLibre-partner>a.item,
    .menu-cont>.cmp-todo-infoLibre-menu>a.item {
        border-top: 1px solid #dcdcdc;
        font: 400 17px "Roboto", sans-serif;
        color: #4a4a4a;
        text-decoration: none;
        margin: 10px 0;
        padding-top: 10px
    }

    .menu-cont>.cmp-main-menu-tablet>a.item:first-child,
    .menu-cont>.cmp-focos-infoLibre>a.item:first-child,
    .menu-cont>.cmp-focos-infoLibre-partner>a.item:first-child,
    .menu-cont>.cmp-todo-infoLibre-menu>a.item:first-child {
        margin-top: 5px;
        border-top: none
    }

    .menu-cont>.cmp-main-menu-tablet>div,
    .menu-cont>.cmp-focos-infoLibre>div,
    .menu-cont>.cmp-focos-infoLibre-partner>div,
    .menu-cont>.cmp-todo-infoLibre-menu>div {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        margin-top: 5px;
        padding: 0;
        width: 100%;
        border-top: 1px solid #dcdcdc
    }

    .menu-cont>.cmp-main-menu-tablet>div .title-option,
    .menu-cont>.cmp-focos-infoLibre>div .title-option,
    .menu-cont>.cmp-focos-infoLibre-partner>div .title-option,
    .menu-cont>.cmp-todo-infoLibre-menu>div .title-option {
        pointer-events: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 10px 0 5px 0;
        width: 100%;
        font: 500 17px "Roboto", sans-serif
    }

    .menu-cont>.cmp-main-menu-tablet>div .title-option i,
    .menu-cont>.cmp-focos-infoLibre>div .title-option i,
    .menu-cont>.cmp-focos-infoLibre-partner>div .title-option i,
    .menu-cont>.cmp-todo-infoLibre-menu>div .title-option i {
        -webkit-transition: .5s;
        transition: .5s
    }

    .menu-cont>.cmp-main-menu-tablet>div .title-option i.rotate,
    .menu-cont>.cmp-focos-infoLibre>div .title-option i.rotate,
    .menu-cont>.cmp-focos-infoLibre-partner>div .title-option i.rotate,
    .menu-cont>.cmp-todo-infoLibre-menu>div .title-option i.rotate {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .menu-cont>.cmp-main-menu-tablet>div ul,
    .menu-cont>.cmp-focos-infoLibre>div ul,
    .menu-cont>.cmp-focos-infoLibre-partner>div ul,
    .menu-cont>.cmp-todo-infoLibre-menu>div ul {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 0;
        padding: 0;
        width: 100%
    }

    .menu-cont>.cmp-main-menu-tablet>div ul li,
    .menu-cont>.cmp-focos-infoLibre>div ul li,
    .menu-cont>.cmp-focos-infoLibre-partner>div ul li,
    .menu-cont>.cmp-todo-infoLibre-menu>div ul li {
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
        height: auto;
        border-top: 1px solid #dcdcdc
    }

    .menu-cont>.cmp-main-menu-tablet>div ul li:first-of-type,
    .menu-cont>.cmp-focos-infoLibre>div ul li:first-of-type,
    .menu-cont>.cmp-focos-infoLibre-partner>div ul li:first-of-type,
    .menu-cont>.cmp-todo-infoLibre-menu>div ul li:first-of-type {
        border-top: none
    }

    .menu-cont>.cmp-main-menu-tablet>div ul li:not(:last-child),
    .menu-cont>.cmp-focos-infoLibre>div ul li:not(:last-child),
    .menu-cont>.cmp-focos-infoLibre-partner>div ul li:not(:last-child),
    .menu-cont>.cmp-todo-infoLibre-menu>div ul li:not(:last-child) {
        border-right: none
    }

    .menu-cont>.cmp-main-menu-tablet>div ul li a,
    .menu-cont>.cmp-focos-infoLibre>div ul li a,
    .menu-cont>.cmp-focos-infoLibre-partner>div ul li a,
    .menu-cont>.cmp-todo-infoLibre-menu>div ul li a {
        display: block;
        margin: 10px 0;
        padding: 0;
        width: 100%;
        border: none;
        font: 400 17px "Roboto", sans-serif;
        color: #252121;
        text-align: left
    }

    .menu-cont>.cmp-main-menu-tablet>div ul li a:hover,
    .menu-cont>.cmp-focos-infoLibre>div ul li a:hover,
    .menu-cont>.cmp-focos-infoLibre-partner>div ul li a:hover,
    .menu-cont>.cmp-todo-infoLibre-menu>div ul li a:hover {
        opacity: .85;
        background: #f2f0f0
    }

    .menu-cont>.cmp-main-menu-tablet>div ul li a div,
    .menu-cont>.cmp-focos-infoLibre>div ul li a div,
    .menu-cont>.cmp-focos-infoLibre-partner>div ul li a div,
    .menu-cont>.cmp-todo-infoLibre-menu>div ul li a div {
        display: none
    }

    .menu-cont>.cmp-main-menu-tablet>div ul li a div.image-hover,
    .menu-cont>.cmp-focos-infoLibre>div ul li a div.image-hover,
    .menu-cont>.cmp-focos-infoLibre-partner>div ul li a div.image-hover,
    .menu-cont>.cmp-todo-infoLibre-menu>div ul li a div.image-hover {
        display: none
    }

    .menu-cont>.cmp-main-menu-tablet>div ul ul,
    .menu-cont>.cmp-focos-infoLibre>div ul ul,
    .menu-cont>.cmp-focos-infoLibre-partner>div ul ul,
    .menu-cont>.cmp-todo-infoLibre-menu>div ul ul {
        margin: 0
    }

    .menu-cont>.cmp-main-menu-tablet>div ul ul li,
    .menu-cont>.cmp-focos-infoLibre>div ul ul li,
    .menu-cont>.cmp-focos-infoLibre-partner>div ul ul li,
    .menu-cont>.cmp-todo-infoLibre-menu>div ul ul li {
        padding: 0 0 0 30px
    }

    .menu-cont>.cmp-main-menu-tablet>div ul ul li a,
    .menu-cont>.cmp-focos-infoLibre>div ul ul li a,
    .menu-cont>.cmp-focos-infoLibre-partner>div ul ul li a,
    .menu-cont>.cmp-todo-infoLibre-menu>div ul ul li a {
        color: #9b9b9b
    }
}

@media(max-width: 767px) {
    .menu-cont>.cmp-focos-infoLibre-partner {
        width: calc(100% + 20px);
        margin: 5px -10px -5px;
        padding: 0 10px
    }

    .menu-cont>.cmp-focos-infoLibre-partner:before,
    .menu-cont>.cmp-focos-infoLibre-partner:after {
        display: none
    }

    .menu-cont>.cmp-focos-infoLibre-partner+div div {
        border: none
    }

    .menu-cont>.cmp-focos-infoLibre-partner>div {
        margin: 5px 0;
        border: none
    }

    .menu-cont>.cmp-focos-infoLibre-partner>div span {
        color: #fff
    }

    .menu-cont>.cmp-focos-infoLibre-partner>div ul li {
        width: 100%
    }

    .menu-cont>.cmp-focos-infoLibre-partner>div ul li a {
        color: #fff
    }
}

@media(max-width: 767px) {
    .menu-cont>.cmp-todo-infoLibre-menu {
        margin: 0 0 15px
    }
}

@media(max-width: 767px) {
    .menu-cont .search-menu-header {
        display: none
    }
}

@media(max-width: 767px) {
    body:not(.partner) .header-2.sticky~.menu-header .menu-cont {
        height: calc(100vh - 47px)
    }
}

@media(max-width: 767px) {
    .logotipo--bottom {
        display: flex;
        height: 23px;
        width: 167px;
        margin-bottom: 20px
    }

    .logotipo--bottom img {
        object-fit: contain;
        height: fit-content;
        width: 100%
    }
}

.search-menu-header {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    margin: 10px 0 20px 0;
    border-top: 1px solid gray
}

@media only screen and (min-width : 1040px) {
    .search-menu-header {
        border-top: none;
        flex-direction: column;
        width: 50%;
        padding-left: 20px;
        margin: 10px 0 0 0
    }
}

.search-menu-header form {
    width: 100%;
    display: flex;
    justify-content: center
}

.search-menu-header>span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.78;
    letter-spacing: 0;
    color: #090909;
    width: 25%
}

@media only screen and (min-width : 1040px) {
    .search-menu-header>span {
        width: 100%
    }
}

.search-menu-header div.input-group {
    margin-top: 20px;
    border-radius: 2px;
    width: 100%
}

.search-menu-header div.input-group.searcher-2 input {
    border-color: #979797;
    border-right: none;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0;
    color: #000
}

.search-menu-header div.input-group.searcher-2 input:focus {
    outline: none;
    box-shadow: none
}

.search-menu-header div.input-group.searcher-2 .input-group-append>.input-group-text {
    border-color: #979797;
    color: #979797;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left: 0
}

.loader-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 30px 0 10px
}

.loader-wrapper .loader {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px
}

.loader-wrapper .loader div {
    transform-origin: 19px 18px;
    animation: loader 1.2s linear infinite
}

.loader-wrapper .loader div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 9px;
    border-radius: 20%;
    background: #9b9b9b
}

.loader-wrapper .loader div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s
}

.loader-wrapper .loader div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s
}

.loader-wrapper .loader div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s
}

.loader-wrapper .loader div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s
}

.loader-wrapper .loader div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s
}

.loader-wrapper .loader div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s
}

.loader-wrapper .loader div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s
}

.loader-wrapper .loader div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s
}

.loader-wrapper .loader div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s
}

.loader-wrapper .loader div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s
}

.loader-wrapper .loader div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s
}

.loader-wrapper .loader div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s
}

@keyframes loader {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.article-author-cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 5px 25px 5px
}

.article-author-cont:not(:first-child) {
    border-top: 1px solid rgba(37, 33, 33, .2)
}

.article-author-cont .first-column {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-top: 8px
}

.article-author-cont .first-column>a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.27;
    color: #252121;
    text-decoration: none
}

.article-author-cont .first-column>div i.fa-minus {
    display: inline;
    margin: 0 5px;
    color: #212529;
    position: relative;
    top: 2px
}

.article-author-cont .first-column>div time {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.1;
    color: #4a4a4a
}

.article-author-cont .first-column.date-cont {
    justify-content: flex-start
}

.article-author-cont .second-column {
    width: 50%;
    display: flex;
    flex-direction: column
}

.article-author-cont .second-column>a {
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: .4;
    color: #090909;
    text-decoration: none
}

.article-author-cont .second-column>div {
    margin-top: 5px;
    color: #9b9b9b
}

.article-author-cont .second-column>div i {
    font-size: 13px
}

.article-author-cont .second-column>div time,
.article-author-cont .second-column>div a,
.article-author-cont .second-column>div span {
    margin-right: 5px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.25;
    letter-spacing: 0;
    color: #9b9b9b;
    text-decoration: none
}

.article-author-cont .second-column .comments {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.38;
    color: #9b9b9b
}

.article-author-cont .second-column .comments i {
    padding-left: 3px;
    padding-right: 3px
}

.article-author-cont .third-column {
    width: 50%
}

.article-author-cont .third-column div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 140px;
    height: 93px;
    margin-left: auto
}

@media only screen and (min-width : 768px) {
    .article-author-cont {
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0 0 45px 0
    }

    .article-author-cont:not(:first-child) {
        padding-top: 10px
    }

    .article-author-cont .first-column {
        padding-top: 0;
        margin-bottom: 0;
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin-right: 25px;
        max-width: 100px;
        min-width: 100px
    }

    .article-author-cont .first-column>div {
        display: flex;
        flex-direction: column;
        margin-top: 5px
    }

    .article-author-cont .first-column>div i.fa-minus {
        display: none
    }

    .article-author-cont .second-column {
        width: auto;
        display: flex;
        flex-direction: column;
        margin-right: 20px
    }

    .article-author-cont .second-column>a {
        font-size: 19px
    }

    .article-author-cont .third-column {
        width: auto;
        margin-left: auto
    }

    .article-author-cont .third-column div {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 207px;
        height: 138px;
        margin: auto
    }
}

@media only screen and (min-width : 1040px) {
    .article-author-cont {
        max-width: 660px;
        margin: 0 auto 30px auto
    }

    body:not(.partner) .article-author-cont {
        width: 100%
    }
}

.speech-bubble {
    position: relative;
    background: #e5ecf2;
    border-radius: .4em;
    width: 40px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.speech-bubble:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #e5ecf2;
    border-bottom: 0;
    border-right: 0;
    margin-left: -2px;
    margin-bottom: -10px;
    border-bottom-right-radius: 4px
}

.date-post {
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.31;
    color: #252121
}

.searcher-result {
    margin: 15px 0 60px 0
}

.searcher-result>span {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.56;
    letter-spacing: -0.09;
    color: #4a4a4a
}

.searcher-result .keyword {
    display: block;
    font-size: 32px;
    line-height: 1.44;
    font-weight: normal;
    letter-spacing: -0.3px;
    margin-bottom: 0
}

@media only screen and (min-width : 768px) {
    .searcher-result {
        margin: 15px 0 60px 0
    }

    .searcher-result>span {
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 1.56;
        letter-spacing: -0.09;
        color: #4a4a4a
    }

    .searcher-result .keyword {
        display: block;
        font-size: 32px;
        line-height: 1.44;
        font-weight: normal;
        letter-spacing: -0.3px;
        margin-bottom: 0
    }
}

.tabs-header ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0
}

.tabs-header ul li:not(:last-child) {
    margin-right: 20px
}

.tabs-header ul li a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.38;
    letter-spacing: -0.1px;
    color: #9b9b9b;
    text-decoration: none
}

.filter {
    display: flex;
    align-content: center;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.58;
    color: #000;
    z-index: 9
}

.filter.active .icon {
    transform: rotate(180deg)
}

.filter .filter-text {
    margin-bottom: 0;
    color: #9b9b9b
}

.filter .filter-select-wrapper {
    position: relative
}

.filter .filter-select-wrapper .filter-selected-option {
    min-width: 60px;
    margin-bottom: 0;
    padding-left: 3px
}

.filter .filter-select-wrapper .filter-selected-option:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.filter .filter-select-wrapper .filter-option-list {
    display: none;
    margin: 3px 0 0;
    padding: 0;
    position: absolute;
    list-style: none;
    background-color: rgba(255, 255, 255, .95)
}

.filter .filter-select-wrapper .filter-option-list .filter-option {
    padding: 3px;
    border-top: 1px solid gray
}

.filter .filter-select-wrapper .filter-option-list .filter-option:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.filter .filter-select-wrapper .filter-option-list .filter-option a {
    color: inherit;
    text-decoration: none
}

.filter .icon {
    margin-left: 8px;
    font-size: 12px
}

.filter .icon:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

body.overflow {
    overflow: hidden !important
}

body.paywall--in-content .secondary-content .advertising-wrapper {
    height: auto !important
}

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

    body.paywall--in-content .article-page__body-row .news-know-more,
    body.paywall--in-content .article-page__body-row .edi-advertising {
        display: none
    }
}

.paywall {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    z-index: 5999989;
    padding-top: var(--paywall-gradient-height, 115px);
    margin: var(--paywall-gradient-height-reverse, calc(115px * -1)) -10px 0
}

.article-page.gallery-page .paywall,
.article-page.longform .paywall {
    padding-top: var(--paywall-gradient-height, 50px);
    margin: var(--paywall-gradient-height-reverse, calc(50px * -1)) -10px 0
}

@media only screen and (min-width : 768px) {

    .article-page.gallery-page .paywall,
    .article-page.longform .paywall {
        padding-top: var(--paywall-gradient-height, 25px);
        margin: var(--paywall-gradient-height-reverse, calc(25px * -1)) -10px 0
    }
}

.paywall:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 150vw;
    transform: translateX(-50vw);
    height: var(--paywall-gradient-height, 115px);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white var(--paywall-gradient-height, 115px))
}

@media only screen and (min-width : 1040px) {
    .paywall:before {
        width: 100%;
        transform: unset
    }
}

.article-page.gallery-page .paywall:before,
.article-page.longform .paywall:before {
    height: var(--paywall-gradient-height, 50px);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white var(--paywall-gradient-height, 50px))
}

.header-paywall .paywall {
    margin-top: 0
}

.paywall.paywall--old .paywall__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: left;
    position: relative;
    z-index: 2;
    padding: 20px 40px;
    border-top: 4px solid #f5f3f3
}

@media only screen and (min-width : 1040px) {
    .paywall.paywall--old .paywall__wrapper {
        margin: auto
    }
}

.paywall.paywall--old .paywall__wrapper.webview-bottom {
    bottom: 100px
}

.paywall.paywall--old .title {
    font-family: "Bitter-Bold", sans-serif;
    font-size: 19px;
    line-height: 1.11;
    margin-bottom: 10px
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--old .title {
        font-size: 22px;
        line-height: 24px
    }
}

.paywall.paywall--old .description {
    font: 400 15px/1.4 "Roboto", sans-serif;
    margin-bottom: 25px
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--old .description {
        font-size: 17px;
        line-height: 24px;
        letter-spacing: .42
    }
}

.paywall.paywall--old svg {
    height: 50px;
    width: 173px;
    margin: 15px auto 25px
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--old svg {
        height: 60px;
        width: 207px
    }
}

.paywall.paywall--old .btn__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--old .btn__wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.paywall.paywall--old .paywall-btn,
.paywall.paywall--old .login-btn,
.paywall.paywall--old .register-btn {
    display: block;
    height: 50px;
    width: 100%;
    margin: 0 0 20px;
    padding: 14px;
    outline: none;
    border: none;
    border-radius: 3px;
    font: 500 19px/22px "Roboto", sans-serif;
    text-align: center;
    text-transform: uppercase
}

.paywall.paywall--old .paywall-btn:hover,
.paywall.paywall--old .login-btn:hover,
.paywall.paywall--old .register-btn:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

@media only screen and (min-width : 768px) {

    .paywall.paywall--old .paywall-btn,
    .paywall.paywall--old .login-btn,
    .paywall.paywall--old .register-btn {
        min-width: auto;
        width: 244px;
        margin: 0 10px 17px 0
    }
}

.paywall.paywall--old .register-btn {
    background-color: #0890e6;
    color: #fff
}

.paywall.paywall--old .cancel {
    margin: 5px 0 0;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-align: center
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--old .cancel {
        font-size: 17px
    }
}

.paywall.paywall--old .login-btn {
    color: #000;
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #000
}

@media only screen and (min-width : 768px) {

    .paywall.paywall--old .paywall-btn,
    .paywall.paywall--old .register-btn,
    .paywall.paywall--old .login-btn,
    .paywall.paywall--old .exit-btn {
        flex: 1 0
    }

    .paywall.paywall--old .cancel {
        flex: 2 2 100%
    }
}

.paywall--in-content.overflow .paywall {
    position: fixed;
    z-index: 5999989;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 320px;
    margin: -320px -10px 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 320px)
}

.paywall--in-content.overflow .paywall:before {
    height: auto;
    bottom: 0;
    left: 50%;
    top: 320px;
    margin-left: -50vw;
    background: #fff;
    box-shadow: inset 0 4px 0 0 #f5f3f3
}

.paywall--in-content.overflow .paywall__wrapper {
    bottom: 0;
    right: auto;
    left: 0;
    width: 100%
}

@media only screen and (min-width : 1040px) {
    .paywall--in-content.overflow .paywall__wrapper {
        max-width: 1080px
    }
}

@media only screen and (min-width : 1040px) {

    .article-page.gallery-page .paywall__wrapper,
    .fullwidth.article-page .paywall__wrapper {
        padding: 60px 40px
    }

    .article-page.gallery-page .header-container.sticky .paywall,
    .fullwidth.article-page .header-container.sticky .paywall {
        margin-left: -10px
    }
}

.paywall.paywall--new .paywall__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: left;
    padding: 20px 15px;
    border-top: 4px solid #f5f3f3;
    border-bottom: 4px solid #f5f3f3
}

@media only screen and (min-width : 1040px) {
    .paywall.paywall--new .paywall__wrapper {
        margin: auto
    }
}

.paywall.paywall--new .paywall__wrapper.webview-bottom {
    bottom: 100px
}

.paywall.paywall--new .paywall__content {
    padding: 20px 35px;
    background-color: #f5f3f3;
    text-align: center
}

.paywall.paywall--new .paywall__header .title {
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 23px;
    color: #23251f
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--new .paywall__header .title {
        font-size: 22px;
        line-height: 25px
    }
}

.paywall.paywall--new .paywall__header p,
.paywall.paywall--new .paywall__footer p {
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #23251f
}

@media only screen and (min-width : 768px) {

    .paywall.paywall--new .paywall__header p,
    .paywall.paywall--new .paywall__footer p {
        font-size: 16px
    }
}

.paywall.paywall--new .paywall__header p .link,
.paywall.paywall--new .paywall__footer p .link {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    color: #c4071b;
    font-size: inherit
}

.paywall.paywall--new .paywall__header p {
    margin-top: 7px
}

.paywall.paywall--new .paywall__footer {
    margin-top: 14px
}

.paywall.paywall--new .paywall__footer p {
    margin: 0
}

.paywall.paywall--new .paywall__footer p span {
    display: block;
    margin-bottom: 10px
}

.paywall.paywall--new .paywall__body {
    margin-top: 12px
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--new .paywall__body {
        display: flex;
        justify-content: space-between;
        margin-top: 15px;
        position: relative
    }

    .paywall.paywall--new .paywall__body:before {
        content: "";
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        border-left: 1px solid #969292
    }
}

.paywall.paywall--new .paywall__offer {
    width: 255px;
    margin: auto;
    position: relative
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--new .paywall__offer {
        flex-basis: 50%;
        position: static
    }
}

.paywall.paywall--new .paywall__offer:not(:first-child) {
    margin-top: 30px
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--new .paywall__offer:not(:first-child) {
        margin-top: 0
    }
}

.paywall.paywall--new .paywall__offer:not(:first-child):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: -15px;
    border-top: 1px solid #969292
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--new .paywall__offer:not(:first-child):before {
        content: none
    }
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--new .paywall__offer:first-child {
        padding-right: 30px
    }

    .paywall.paywall--new .paywall__offer:last-child {
        padding-left: 30px
    }

    .paywall.paywall--new .paywall__offer>* {
        max-width: 255px;
        margin: auto
    }
}

.paywall.paywall--new .paywall__offer .offer__name {
    margin-bottom: 2px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #23251f;
    font-weight: 500
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--new .paywall__offer .offer__name {
        font-size: 17px;
        line-height: 24px
    }
}

.paywall.paywall--new .paywall__offer .offer__monthly-fee {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    color: #514c4d;
    text-decoration: line-through
}

.paywall.paywall--new .paywall__offer .offer__price__wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.paywall.paywall--new .paywall__offer .offer__price__wrapper .offer__price__wrapper__left {
    flex: 1 0 55%;
    display: flex;
    flex-direction: column
}

.paywall.paywall--new .paywall__offer .offer__price__wrapper .offer__price__wrapper__right {
    flex: 0 0 45%
}

.paywall.paywall--new .paywall__offer .offer__price__wrapper .price {
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 1;
    color: #23251f;
    font-weight: 500
}

.paywall.paywall--new .paywall__offer .offer__price__wrapper .saving {
    position: relative;
    padding: 4px 8px 4px 0;
    background-color: #0890e6;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #fff
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--new .paywall__offer .offer__price__wrapper .saving {
        padding: 3px 8px 3px 0;
        font-size: 16px
    }
}

.paywall.paywall--new .paywall__offer .offer__price__wrapper .saving:before {
    content: " ";
    display: block;
    position: absolute;
    top: 4px;
    left: -20px;
    border-style: solid;
    border-width: 0 12.5px 17px 12.5px;
    border-color: transparent transparent #0890e6 transparent;
    transform: rotate(270deg)
}

.paywall.paywall--new .paywall__offer .offer__suscription {
    display: block;
    padding: 10px 30px;
    margin: 8px auto 0;
    background-color: #c4071b;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--new .paywall__offer .offer__suscription {
        font-size: 20px
    }
}

.paywall.paywall--new .paywall__offer .offer__suscription:hover {
    text-decoration: none
}

.paywall.paywall--new .paywall__offer .offer__description {
    width: 245px;
    padding-left: 0;
    margin: 8px auto 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #23251f;
    font-weight: 500;
    text-align: left
}

@media only screen and (min-width : 768px) {
    .paywall.paywall--new .paywall__offer .offer__description {
        width: unset;
        padding-left: 20px;
        font-size: 17px
    }
}

.paywall--in-content .article-text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5
}

.paywall--in-content .article-page.gallery-page .rs-pill,
.paywall--in-content .article-page.longform .rs-pill {
    padding-bottom: 0
}

.paywall--in-content .article-page.gallery-page .buttons-rs-panel,
.paywall--in-content .article-page.longform .buttons-rs-panel {
    margin-bottom: 0
}

.paywall--in-content .article-page.gallery-page .paywall {
    margin-top: 0
}

@media only screen and (min-width : 1040px) {
    .paywall--in-content .article-page.gallery-page .gallery-header-container .gallery-header {
        margin-bottom: 20px
    }
}

.paywall--in-content .article-page.longform .c-header .news-header .footer {
    margin-bottom: 0
}

.paywall--in-content .article-page.longform .c-content .opening {
    padding-top: unset;
    margin-top: 15px
}

.paywall--in-content .article-page.longform .c-content .opening .news-info {
    margin-bottom: 0
}

@media only screen and (min-width : 1040px) {
    .paywall--in-content .article-page.gallery-page .content-container {
        padding-right: 10px
    }

    .paywall--in-content .article-page.gallery-page .content-container .paywall {
        margin-left: -20px;
        margin-right: -20px
    }

    .paywall--in-content .article-page.gallery-page .content-container .paywall.paywall--new .paywall__wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
}

.agency-advice {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 10px;
    min-height: 32px
}

.agency-advice .agency-advice__icon {
    height: 32px;
    position: absolute;
    left: 0;
    top: 0
}

.agency-advice p.title {
    font: 600 10px/14px "Roboto", sans-serif;
    color: #59544b;
    margin: 0 0 0 12px
}

@media only screen and (min-width : 768px) {
    .agency-advice p.title {
        font-size: 13px;
        max-width: 90%
    }
}

.agency-advice .agency-advice__mark {
    padding: 0
}

.agency-advice .agency-advice__mark img {
    width: 16px;
    margin-left: auto
}

.agency-advice__description {
    display: flex;
    position: relative
}

.agency-advice__description #agencyAdvice {
    display: none;
    position: absolute;
    z-index: 13;
    width: 175px;
    margin-left: auto;
    background-color: rgba(255, 255, 255, .9);
    padding: 5px 0 5px 5px;
    right: 0;
    font-size: 11px;
    line-height: 14px;
    text-align: right;
    color: #333
}

.agency-advice__description #agencyAdvice .kickerClose {
    text-align: right;
    width: 100%
}

.agency-advice__description #agencyAdvice .kickerClose img {
    width: 18px;
    padding: 10px 0
}

.agency-advice__mark,
.agency-advice__description button {
    cursor: pointer;
    display: block;
    border: 0;
    padding-inline: 0;
    font-size: 0;
    background: none transparent
}

.opinion {
    border: 1px solid gray;
    overflow: hidden
}

.opinion .opinion-dotted-wrapper {
    position: relative;
    margin: 0 0 5px;
    padding: 0 0 0 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.36;
    color: #9b9b9b;
    line-height: 1.91;
    letter-spacing: 0
}

.opinion .opinion-dotted-wrapper .dotted-lines {
    right: 0;
    left: 60px;
    overflow: hidden;
    top: 1px
}

.opinion .opinion-wrapper {
    padding: 5px 10px 10px
}

@media(max-width: 767px) {
    .opinion .opinion-wrapper {
        flex-wrap: nowrap;
        flex-direction: row;
        padding-bottom: 0
    }

    .opinion .opinion-wrapper .line-top {
        display: none
    }
}

.opinion .opinion-wrapper .opinion-author {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #c15562;
    display: block;
    text-decoration: none;
    cursor: pointer;
    padding-right: 10px
}

.opinion .opinion-wrapper .opinion-top {
    padding-bottom: 10px;
    min-height: 130px
}

.opinion .opinion-wrapper .opinion-top .opinion-title {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.03px;
    color: #c15562;
    display: block;
    text-decoration: none;
    cursor: pointer;
    padding-bottom: 5px
}

.opinion .opinion-wrapper .opinion-top .opinion-text {
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.23;
    letter-spacing: .3px;
    color: #000;
    display: block;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.24;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden
}

.opinion .opinion-wrapper .opinion-top .opinion-comment-mark {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #4a4a4a;
    display: block;
    text-decoration: none;
    cursor: pointer
}

.opinion .opinion-wrapper .opinion-top .opinion-comment-mark .action-icon,
.opinion .opinion-wrapper .opinion-top .opinion-comment-mark .action-text {
    color: #9b9b9b;
    padding-right: 2px
}

.opinion .opinion-wrapper .opinion-top .opinion-comment-mark .action-icon {
    font-size: 12px
}

.opinion .opinion-wrapper .opinion-top .opinion-comment-mark .action-text {
    font-size: 13px
}

.opinion .opinion-wrapper .border-left-dotted {
    border-left: 1px solid gray
}

.opinion .opinion-wrapper .opinion-bottom {
    padding-top: 5px;
    min-height: 175px;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.opinion .opinion-wrapper .opinion-bottom .featured-avatar {
    display: flex
}

.opinion .opinion-wrapper .opinion-bottom .featured-avatar .avatar:first-child {
    margin-right: 10px
}

.opinion .opinion-wrapper .opinion-bottom .featured-avatar .avatar:last-child {
    margin-right: 0
}

@media(max-width: 767px) {
    .opinion .opinion-wrapper .opinion-bottom {
        padding-top: 0;
        justify-content: space-between;
        border-left: 1px solid gray
    }
}

.opinion .opinion-wrapper .opinion-bottom .featured-avatar img {
    height: 90px;
    width: 90px;
    margin-right: 10px
}

.opinion .opinion-wrapper .opinion-bottom .featured-avatar.without-img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center
}

.opinion .opinion-wrapper .opinion-bottom .featured-avatar.without-img img {
    height: 70px;
    width: 40px;
    margin: 0
}

.opinion .opinion-wrapper .opinion-bottom .opinion-author {
    padding-bottom: 10px
}

.opinion .line-top {
    border-top: 1px solid gray;
    margin-left: 12px
}

.opinion.opinion-horizontal {
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 0
}

@media(max-width: 767px) {
    .opinion.opinion-horizontal {
        min-height: 280px
    }
}

.opinion.opinion-horizontal .opinion-wrapper {
    margin: 0;
    padding: 0 10px 0 0;
    min-height: 165px
}

@media(max-width: 767px) {
    .opinion.opinion-horizontal .opinion-wrapper {
        display: flex;
        flex-direction: column
    }
}

.opinion.opinion-horizontal .opinion-wrapper .opinion-top,
.opinion.opinion-horizontal .opinion-wrapper .opinion-bottom {
    padding-top: 0;
    padding-bottom: 10px;
    margin-top: 10px;
    min-height: auto
}

@media(max-width: 767px) {
    .opinion.opinion-horizontal .opinion-wrapper .opinion-bottom {
        border: none;
        min-width: 100%;
        border-top: 1px solid gray;
        padding-top: 5px
    }
}

.opinion.opinion-horizontal .opinion-wrapper .opinion-top .opinion-text {
    font-size: 24px
}

.opinion.opinion-horizontal .line-top {
    display: none
}

.opinion.opinion-horizontal.vignette .opinion-wrapper {
    padding-right: 0
}

.opinion.opinion-horizontal.vignette .opinion-wrapper .opinion-top {
    margin-top: 10px
}

.opinion.opinion-horizontal.vignette .opinion-wrapper .opinion-top .opinion-title {
    padding-bottom: 3px
}

.opinion.opinion-horizontal.vignette .opinion-wrapper .opinion-top .opinion-text {
    margin-bottom: 0
}

.opinion.opinion-horizontal.vignette .opinion-wrapper .opinion-top .opinion-author {
    padding-bottom: 8px
}

.opinion.opinion-horizontal.vignette .opinion-wrapper .opinion-top .opinion-comment-mark {
    padding-bottom: 5px
}

.opinion.opinion-horizontal.vignette .opinion-wrapper .opinion-bottom {
    margin-top: 10px;
    border-top: none
}

.opinion.opinion-horizontal.vignette .opinion-wrapper .opinion-bottom .opinion-author,
.opinion.opinion-horizontal.vignette .opinion-wrapper .opinion-bottom .featured-avatar {
    display: none
}

.opinion.opinion-horizontal.vignette .opinion-wrapper .opinion-bottom .vignette-img {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .opinion.opinion-horizontal.vignette .opinion-wrapper .opinion-top {
        min-height: 100px
    }

    .opinion.opinion-horizontal.vignette .opinion-wrapper .opinion-top .opinion-text {
        margin-bottom: 10px
    }

    .opinion.opinion-horizontal.vignette .opinion-wrapper .opinion-top .opinion-comment-mark {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .opinion.opinion-horizontal.vignette .opinion-wrapper .opinion-top {
        padding-right: 0
    }
}

.blog-info .title-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 0
}

.blog-info .title-wrapper .title {
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.33;
    color: #000;
    font-family: "Roboto", sans-serif;
    font-weight: 700
}

.blog-info .title-wrapper .rrss {
    display: flex;
    align-items: center;
    height: 30px
}

.blog-info .title-wrapper .rrss .facebook i.fa-facebook-f {
    font-size: 24px
}

.blog-info .text,
.blog-info .list {
    margin-bottom: 14px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: #4a4a4a
}

@media only screen and (min-width : 1040px) {

    .blog-info .text,
    .blog-info .list {
        margin-bottom: 0;
        padding-bottom: 14px
    }
}

.blog-info .list {
    text-align: left
}

.blog-info .list ol,
.blog-info .list ul {
    padding-inline-start: 26px
}

.blog-info .rrss {
    display: none
}

.blog-info .rrss .rrss-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.blog-info .rrss .rrss-link.twitter {
    color: #55adee
}

.blog-info .rrss .rrss-link.facebook {
    color: #39579a
}

.blog-info .rrss .rrss-link.facebook-f {
    color: #39579a
}

.blog-info .rrss .rrss-link.pinterest {
    color: #c8232c
}

.blog-info .rrss .rrss-link.instagram {
    color: #af4050
}

.blog-info .rrss .rrss-link.telegram {
    color: #2ca5e1
}

.blog-info .rrss .rrss-link.telegram-plane {
    color: #2ca5e1
}

@media only screen and (min-width: 1040px) {
    .blog-info .rrss .rrss-link .rrss-icon {
        font-size: 27px
    }
}

.blog-info a {
    color: #252121
}

.blog-info a:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.blog-searcher .title {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.14;
    letter-spacing: 0;
    color: #000;
    color: #090909;
    letter-spacing: normal;
    margin-bottom: 13px
}

.blog-searcher .input-group.searcher-2 .input-group-append>span {
    border-left: 0
}

.cmp-about-blog {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    background-color: #fff
}

.cmp-about-blog .toggle {
    cursor: pointer;
    width: 100%;
    text-align: right
}

.cmp-about-blog .toggle .about {
    display: inline-block;
    margin: 6px 0;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #252121;
    line-height: 1.62
}

.cmp-about-blog .toggle .about .fa-chevron-down {
    -webkit-transition: .5s;
    transition: .5s
}

.cmp-about-blog .toggle .about .fa-chevron-down.rotate {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cmp-about-blog .toggle .content {
    width: 100%;
    display: none;
    padding: 20px 10px 0;
    position: absolute;
    right: 0;
    z-index: 9;
    background-color: #fff;
    border-bottom: 5px solid rgba(242, 240, 240, .75)
}

.cmp-about-blog .toggle .content .text {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: #4a4a4a;
    text-align: right
}

.cmp-about-blog .toggle .content .text a {
    color: #252121
}

.cmp-about-blog .toggle .content .authors {
    margin-top: 12px;
    padding-left: 0
}

.cmp-about-blog .toggle .content .authors .title {
    display: block;
    margin-bottom: 12px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.33;
    color: #252121;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-align: right
}

.cmp-about-blog .toggle .content .authors li {
    margin-bottom: 5px;
    list-style: none;
    text-align: right;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.42;
    letter-spacing: 0;
    color: #252121
}

.cmp-about-blog .toggle .content .authors li:last-child {
    margin-bottom: 0
}

.cmp-about-blog .toggle .content .authors li a {
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.42;
    letter-spacing: 0;
    color: #252121
}

.cmp-about-blog .toggle .content .authors li a span {
    color: #55adee;
    font-family: "Roboto", sans-serif;
    font-weight: 400
}

.cmp-about-blog .toggle .content .social {
    text-align: right;
    display: flex;
    align-items: center;
    padding: 35px 0 25px 0;
    justify-content: flex-end;
    border-bottom: 1px solid gray
}

.cmp-about-blog .toggle .content .social span {
    padding-top: 8px;
    padding-right: 15px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.62;
    text-transform: uppercase;
    color: #d0021b;
    text-transform: none;
    color: #4a4a4a
}

.cmp-about-blog .toggle .content .social .rrss .rrss-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.cmp-about-blog .toggle .content .social .rrss .rrss-link.twitter {
    color: #55adee
}

.cmp-about-blog .toggle .content .social .rrss .rrss-link.facebook {
    color: #39579a
}

.cmp-about-blog .toggle .content .social .rrss .rrss-link.facebook-f {
    color: #39579a
}

.cmp-about-blog .toggle .content .social .rrss .rrss-link.pinterest {
    color: #c8232c
}

.cmp-about-blog .toggle .content .social .rrss .rrss-link.instagram {
    color: #af4050
}

.cmp-about-blog .toggle .content .social .rrss .rrss-link.telegram {
    color: #2ca5e1
}

.cmp-about-blog .toggle .content .social .rrss .rrss-link.telegram-plane {
    color: #2ca5e1
}

.cmp-about-blog .toggle .content .social .rrss .rrss-link i {
    font-size: 32px
}

.cmp-about-blog .toggle .content .search {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cmp-about-blog .toggle .content .search .input-group {
    margin: 10px 25px 10px 0;
    width: 100%;
    height: 40px;
    position: relative
}

.cmp-about-blog .toggle .content .search .input-group input {
    width: 100%;
    padding-left: 12px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.43;
    color: #000;
    color: #9b9b9b;
    border: 1px solid #9b9b9b;
    border-right: none;
    outline: none
}

.cmp-about-blog .toggle .content .search .input-group input:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(85, 164, 255, .63);
    box-shadow: 0 0 0 2px rgba(85, 164, 255, .63)
}

.cmp-about-blog .toggle .content .search .input-group .input-group-prepend {
    position: absolute;
    right: 0
}

.cmp-about-blog .toggle .content .search .input-group .input-group-prepend button {
    height: 40px;
    background-color: #fff;
    border: 1px solid #9b9b9b;
    border-left: none;
    box-shadow: none
}

.cmp-about-blog .toggle .content .search .input-group .input-group-prepend button i {
    outline: none;
    font-size: 22px
}

.cmp-about-blog .toggle .content .search .close-icon {
    width: 20px;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .cmp-about-blog .toggle .content {
        padding: 20px 0 0
    }
}

@media only screen and (min-width: 1040px) {
    .cmp-about-blog {
        display: none
    }
}

.cmp-authors {
    margin: 0;
    padding: 0
}

.cmp-authors .title {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.33;
    margin-bottom: 20px;
    display: block
}

.cmp-authors li {
    list-style: none;
    margin-bottom: 5px
}

.cmp-authors li:last-child {
    margin-bottom: 0
}

.cmp-authors li a {
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.42;
    letter-spacing: 0;
    color: #252121;
    line-height: 1.43
}

.cmp-authors li a span {
    color: #50acf1;
    font-family: "Roboto", sans-serif;
    font-weight: 400
}

.cmp-about-blog-desktop {
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.cmp-about-blog-desktop .blog {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 80px 0 5px 11px;
    border-bottom: 1px solid gray
}

.cmp-about-blog-desktop .blog .about {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.33
}

.cmp-about-blog-desktop .blog .icons {
    display: flex;
    align-items: center
}

.cmp-about-blog-desktop .blog .icons a {
    text-decoration: none;
    height: 28px;
    width: 28px
}

.cmp-about-blog-desktop .blog .icons a .fa-twitter {
    font-size: 28px;
    line-height: .71;
    color: #50acf1
}

.cmp-about-blog-desktop .blog .icons a .fa-facebook-f {
    padding: 0 10px;
    font-size: 22px;
    line-height: .91;
    color: #39579a
}

.cmp-about-blog-desktop .blog .icons a .fa-pinterest {
    color: #c8232c
}

.cmp-about-blog-desktop .blog .icons a .fa-instagram {
    color: #af4050
}

.cmp-about-blog-desktop .blog .icons a .fa-telegram,
.cmp-about-blog-desktop .blog .icons a .fa-telegram-plane {
    color: #2ca5e1
}

.cmp-about-blog-desktop .content {
    padding: 5px 11px
}

.cmp-about-blog-desktop .content .text {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    color: #4a4a4a
}

.cmp-about-blog-desktop .content .authors {
    margin-top: 12px;
    padding-left: 0
}

.cmp-about-blog-desktop .content .authors .title {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.33;
    margin-bottom: 12px;
    display: block
}

.cmp-about-blog-desktop .content .authors li {
    list-style: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.42;
    letter-spacing: 0;
    color: #252121
}

.cmp-about-blog-desktop .content .authors li a {
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.42;
    letter-spacing: 0;
    color: #252121
}

.cmp-about-blog-desktop .content .authors li a span {
    color: #50acf1;
    font-family: "Roboto", sans-serif;
    font-weight: 400
}

.cmp-about-blog-desktop .content .search {
    margin-top: 20px
}

.cmp-about-blog-desktop .content .search .title {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 2.14;
    margin-bottom: 12px;
    display: block;
    color: #090909
}

.cmp-about-blog-desktop .content .search .input-group {
    position: relative;
    width: 100%
}

.cmp-about-blog-desktop .content .search .input-group input {
    height: 42px;
    width: 100%;
    border: 1px solid #9b9b9b;
    outline: none;
    padding-left: 12px;
    color: #9b9b9b;
    line-height: 1.43;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400
}

.cmp-about-blog-desktop .content .search .input-group input:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(85, 164, 255, .63);
    box-shadow: 0 0 0 2px rgba(85, 164, 255, .63)
}

.cmp-about-blog-desktop .content .search .input-group .input-group-prepend {
    position: absolute;
    right: 0
}

.cmp-about-blog-desktop .content .search .input-group .input-group-prepend button {
    height: 42px;
    background-color: #fff;
    border: 1px solid #9b9b9b;
    border-left: none;
    box-shadow: none
}

.cmp-about-blog-desktop .content .search .input-group .input-group-prepend button i {
    outline: none;
    font-size: 22px
}

@media only screen and (max-width: 1039px) {
    .cmp-about-blog-desktop {
        display: none
    }
}

.port-posts {
    background-color: #fff
}

.port-posts .day-content {
    padding-top: 7px 0 10px
}

.port-posts .day-content:not(:first-child) {
    border-top: 1px solid gray
}

.port-posts .day-content .date-post {
    margin-bottom: 15px
}

@media only screen and (min-width: 1040px) {
    .port-posts .day-content .date-post {
        display: none
    }
}

.port-posts .day-content .posts {
    display: flex;
    flex-direction: column
}

.port-posts .day-content .posts .post {
    display: flex;
    flex-wrap: wrap;
    padding: 9px 0 20px
}

.port-posts .day-content .posts .post:not(:first-child) {
    border-top: 1px solid gray
}

.port-posts .day-content .posts .post .image {
    order: 2;
    width: 140px;
    height: 93px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.port-posts .day-content .posts .post .text {
    flex: 1;
    padding-right: 14px
}

.port-posts .day-content .posts .post .text .section-link {
    display: block;
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.27;
    letter-spacing: 0;
    color: #252121;
    text-decoration: none
}

.port-posts .day-content .posts .post .text .title {
    display: block;
    margin-bottom: 7px;
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: .28px;
    color: #000;
    letter-spacing: .33px;
    text-decoration: none;
    cursor: pointer
}

.port-posts .day-content .posts .post .text .author-cont {
    display: block
}

.port-posts .day-content .posts .post .text .author-cont .opinion-comment-mark {
    display: inline-block;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #4a4a4a
}

.port-posts .day-content .posts .post .text .author-cont .opinion-comment-mark .action-icon,
.port-posts .day-content .posts .post .text .author-cont .opinion-comment-mark .action-text {
    color: #9b9b9b
}

.port-posts .day-content .posts .post .text .author-cont .opinion-comment-mark .action-text {
    font-weight: bold
}

.port-posts .day-content .posts .post .text .author {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #4a4a4a;
    line-height: 1.24;
    text-decoration: none
}

.port-posts .day-content .posts .post .footer {
    order: 3;
    width: 100%;
    margin: 20px 0 0
}

.port-posts .day-content .posts .post .footer .footer-text {
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.36;
    color: #252121;
    color: #000
}

.port-posts .day-content .posts .post .footer .footer-text .footer-link {
    color: #c15562
}

.port-posts .day-content .posts .post .footer .footer-text .footer-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.port-posts .day-content .posts .post .opinion.opinion-horizontal {
    width: 100%
}

.port-posts .day-content .posts .post .opinion.opinion-horizontal .opinion-wrapper .opinion-top .opinion-text {
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .port-posts .port-posts .day-content .posts .post:first-child {
        flex-direction: column
    }

    .port-posts .port-posts .day-content .posts .post:first-child .image {
        order: 0;
        width: 100%;
        padding-top: 67%;
        margin-bottom: 5px
    }

    .port-posts .port-posts .day-content .posts .post:first-child .text {
        padding-right: 0
    }
}

.port-post {
    border: 1px solid #000;
    display: flex;
    flex-wrap: wrap;
    padding: 9px 0 20px
}

.port-post .image {
    order: 2;
    width: 140px;
    height: 93px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.port-post .text {
    flex: 1;
    padding-right: 14px
}

.port-post .text .section-link {
    display: block;
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.27;
    letter-spacing: 0;
    color: #252121;
    text-decoration: none
}

.port-post .text .title {
    display: block;
    margin-bottom: 7px;
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: .28px;
    color: #000;
    letter-spacing: .33px;
    text-decoration: none;
    cursor: pointer
}

.port-post .text .author-cont {
    display: block
}

.port-post .text .author-cont .opinion-comment-mark {
    display: inline-block;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.67;
    color: #4a4a4a
}

.port-post .text .author-cont .opinion-comment-mark .action-icon,
.port-post .text .author-cont .opinion-comment-mark .action-text {
    color: #9b9b9b
}

.port-post .text .author-cont .opinion-comment-mark .action-text {
    font-weight: bold
}

.port-post .text .author {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #4a4a4a;
    line-height: 1.24;
    text-decoration: none
}

.port-post .footer {
    order: 3;
    width: 100%;
    margin: 20px 0 0
}

.port-post .footer .footer-text {
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.36;
    color: #252121;
    color: #000
}

.port-post .footer .footer-text .footer-link {
    color: #c15562
}

.port-post .footer .footer-text .footer-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.port-post .opinion.opinion-horizontal {
    width: 100%
}

.port-post .opinion.opinion-horizontal .opinion-wrapper .opinion-top .opinion-text {
    font-size: 16px
}

.port-post.if-top,
.port-post.if-dat {
    width: 100%;
    flex-direction: column
}

.port-post.if-top .image,
.port-post.if-dat .image {
    order: 0;
    width: 100%;
    padding-top: 67%;
    margin-bottom: 5px
}

.port-post.if-top .text,
.port-post.if-dat .text {
    padding-right: 0
}

.port-post.if-top .text .title {
    font-size: 24px
}

.port-post.if-dat .text .title {
    font-size: 21px
}

@media only screen and (min-width: 768px) {
    .port-post.if-top .text .title {
        font-size: 30px
    }
}

#credential_picker_iframe {
    z-index: 5999989 !important
}

.error-page .main-container {
    max-width: none
}

.error-page .search-header-cont {
    margin: 0 auto
}

.error-page .header-container header {
    margin: 0 auto
}

.error-page .header-container header:before {
    transform: translateX(-50%);
    width: 200vw;
    left: 0
}

.error-page .cmp-last-minute-bar {
    width: 100%;
    padding-top: 0;
    max-width: 1040px;
    margin: 0 auto
}

.error-page .cmp-last-minute-bar .last-minute,
.error-page .cmp-last-minute-bar .live,
.error-page .cmp-last-minute-bar .default {
    box-shadow: 850px 0 0 0 #f2f0f0, -850px 0 0 0 #f2f0f0
}

.error-page .cmp-last-minute-bar:after {
    left: 50%;
    transform: translateX(-50%);
    width: 201vw
}

.error-page .cmp-last-minute-bar-partner {
    margin: 0 auto 0;
    padding: 0;
    box-shadow: 850px 0 0 0 #0890e6, -850px 0 0 0 #0890e6;
    background: #0890e6;
    max-width: 1080px;
    width: 100%
}

.error-page .cmp-last-minute-bar-partner:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid rgba(37, 33, 33, .2);
    transform: translateX(-50%);
    width: 200vw;
    bottom: 0;
    left: 0
}

.error-page .blue-btn {
    margin: 0 auto;
    max-width: 263px;
    text-align: center;
    margin-bottom: 45px
}

.error-wrapper {
    max-width: 1040px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0
}

@media only screen and (min-width : 1040px) {
    .error-wrapper {
        flex-wrap: nowrap
    }
}

@media only screen and (min-width : 1040px) {
    .error-wrapper .text-info {
        max-width: 320px
    }
}

.error-wrapper .text-info .title {
    font-family: "Roboto", sans-serif;
    font-size: 32px;
    line-height: 1.44;
    color: #4a4a4a;
    margin-bottom: 30px
}

.error-wrapper .text-info p {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.31;
    color: #4a4a4a;
    margin-bottom: 20px
}

.error-wrapper img {
    flex: 1 1 100%;
    width: 100%;
    max-width: 720px
}

body.error-page .cmp-last-minute-bar {
    margin-bottom: 10px
}

body.error-page .search-header-cont {
    margin-top: 0 !important
}

@media only screen and (min-width : 768px) {
    body.error-page .cmp-last-minute-bar {
        margin-bottom: 20px
    }

    body.error-page .search-header-cont {
        margin-top: -10px !important
    }
}

.cmp-popup-partnerwelcome {
    display: flex;
    width: 90%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background-color: #fff;
    border-radius: 6px
}

@media only screen and (min-width : 768px) {
    .cmp-popup-partnerwelcome {
        width: 80%;
        max-width: 720px
    }
}

@media only screen and (min-width : 1040px) {
    .cmp-popup-partnerwelcome {
        width: 800px
    }
}

.cmp-popup-partnerwelcome:before {
    content: "";
    width: 150vw;
    height: 150vh;
    min-height: 1000px;
    position: absolute;
    top: -50vh;
    left: -50vw;
    background-color: #000;
    opacity: .7
}

.cmp-popup-partnerwelcome .popup-wrapper {
    padding: 15px;
    background-color: #fff;
    border-radius: inherit;
    z-index: 1;
    overflow: hidden
}

@media only screen and (min-width : 768px) {
    .cmp-popup-partnerwelcome .popup-wrapper {
        padding: 18px 24px 30px
    }
}

.cmp-popup-partnerwelcome .popup-wrapper__top {
    display: flex;
    justify-content: space-between
}

.cmp-popup-partnerwelcome .popup-wrapper__top .logo-wrapper img {
    width: 150px
}

@media only screen and (min-width : 768px) {
    .cmp-popup-partnerwelcome .popup-wrapper__top .logo-wrapper img {
        width: 174px
    }
}

.cmp-popup-partnerwelcome .popup-wrapper__top .close-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: solid 1px #000;
    border-radius: 50%;
    background-color: #fff
}

.cmp-popup-partnerwelcome .popup-wrapper__top .close-link:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.cmp-popup-partnerwelcome .popup-wrapper__top .close-link .close-icon {
    width: 12px
}

.cmp-popup-partnerwelcome .popup-wrapper__body {
    padding: 155px 10px 0;
    margin-top: 15px;
    text-align: center;
    background-image: url(/ilustracion-partner-welcome.h-10fdabad611fe5db61781ed6da4d0704-15905d17.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 225px
}

@media only screen and (min-width : 768px) {
    .cmp-popup-partnerwelcome .popup-wrapper__body {
        padding: 190px 41px 0;
        margin-top: 10px;
        background-size: 285px
    }
}

.cmp-popup-partnerwelcome .popup-wrapper__body p {
    margin: 0 0 21px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.33;
    color: #000
}

.cmp-popup-partnerwelcome .popup-wrapper__body p.popup-wrapper__body--highlight {
    font-family: "Bitter-Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.33;
    color: #000
}

.cmp-popup-partnerwelcome .popup-wrapper__body p:first-child {
    margin-bottom: 5px
}

.cmp-popup-partnerwelcome .popup-wrapper__body a {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.53;
    color: #c4071b
}

.cmp-popup-partnerwelcome .popup-wrapper__body a.btn {
    width: 240px;
    padding: 15px 0;
    margin-bottom: 25px;
    border: 2px solid #c15562;
    border-radius: 4px
}

.cmp-popup-partnerwelcome .popup-wrapper__body a.link:hover {
    text-decoration: none;
    border-bottom: 1px dotted #c4071b
}

.cmp-popup-partnerwelcome .popup-wrapper__body strong {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.53;
    color: #000
}

.cmp-popup-partnerwelcome~#tbl-next-up {
    z-index: 9998 !important
}

@media only screen and (min-width : 768px) {
    .grid-container.container-h-4b .row div[class^=col-]>.custom-row.row div[class^=col-] {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .grid-container.container-h-4b .row div[class^=col-]>.custom-row.row div[class^=col-]:last-child {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 1039px)and (min-width: 768px) {
    .grid-container.container-h-4b .md__new.md__new--type6 .ni-title {
        font-size: 24px
    }
}

@media only screen and (min-width: 768px) {
    .grid-container.container-h-4c .md__new.md__new--type4 .ni-title {
        font-size: 24px
    }

    .grid-container.container-h-4c .md__new.md__new--type4.size-s .ni-title {
        font-size: 26px
    }

    .grid-container.container-h-4c .md__new.md__new--type4.size-m .ni-title {
        font-size: 30px
    }

    .grid-container.container-h-4c .md__new.md__new--type4.size-l .ni-title {
        font-size: 34px
    }

    .grid-container.container-h-4c .md__new.md__new--type4.size-xl .ni-title {
        font-size: 40px
    }
}

@media only screen and (min-width: 1040px) {
    .grid-container.container-h-4c .md__new.md__new--type4 .ni-title {
        font-size: 30px
    }

    .grid-container.container-h-4c .md__new.md__new--type4.size-s .ni-title {
        font-size: 42px
    }

    .grid-container.container-h-4c .md__new.md__new--type4.size-m .ni-title {
        font-size: 48px
    }

    .grid-container.container-h-4c .md__new.md__new--type4.size-l .ni-title {
        font-size: 54px
    }

    .grid-container.container-h-4c .md__new.md__new--type4.size-xl .ni-title {
        font-size: 66px
    }
}

.grid-container.container-h-5 .md__new.md__op--type3 h2.ni-title {
    font-size: 17px
}

@media only screen and (min-width : 1040px) {
    .grid-container.container-h-5b .row div[class^=col-]>.custom-row.row div[class^=col-] {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 768px) {

    .grid-container.container-h-5c .md__new.md__new--type4 .ni-title,
    .grid-container.container-h-5c .md__op.md__op--type4 .opinion-content a.title {
        font-size: 24px
    }
}

.grid-container.container-h-6 .custom-row>div[class^=col-] {
    padding-bottom: 0 !important
}

@media only screen and (max-width: 767px) {
    .grid-container.container-h-6 .custom-row>div[class^=col-]:not(:last-child) {
        padding-bottom: 20px !important
    }
}

.grid-container.container-h-6 .custom-row>div[class^=col-]:last-child .row div[class^=col-]:last-child {
    padding-bottom: 0
}

.grid-container.container-h-6b .custom-col .row div[class^=col-]:last-child {
    padding-bottom: 0
}

@media only screen and (min-width: 768px) {

    .grid-container.container-h-6b .md__new.md__new--type4 .ni-title,
    .grid-container.container-h-6b .md__op.md__op--type4 .opinion-content a.title {
        font-size: 24px
    }
}

.grid-container.container-h-7.last-0 .row div[class^=col-]>.row div[class^=col-].custom-col:last-child {
    padding-bottom: 20px
}

@media only screen and (min-width : 1040px) {
    .grid-container.container-h-7b .row div[class^=col-]>.custom-row.row div[class^=col-] {
        padding-bottom: 0
    }
}

@media only screen and (min-width : 1040px) {
    .grid-container.container-h-7c .row div[class^=col-]>.custom-row.row div[class^=col-] {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 768px) {

    .grid-container.container-h-7c .col-12.col-lg-8 .row:first-child .col-12.col-md-6.col-lg-6:first-child .md__new.md__new--type4 .ni-title,
    .grid-container.container-h-7c .col-12.col-lg-8 .row:first-child .col-12.col-md-6.col-lg-6:first-child .md__op.md__op--type4 .opinion-content a.title {
        font-size: 24px
    }
}

@media only screen and (min-width : 768px) {
    .grid-container.container-h-8-1 .row div[class^=col-]>.custom-row.row div[class^=col-] {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .grid-container.container-h-8-1 .row div[class^=col-]>.custom-row.row div[class^=col-]:last-child {
        padding-bottom: 0
    }
}

.grid-container.container-h-8-2 .row div[class^=col-]>.custom-row.row div[class^=col-] {
    padding-bottom: 0
}

@media(max-width: 767px) {
    .grid-container.container-h-8-2 .row div[class^=col-]>.custom-row.row div[class^=col]:first-child {
        padding-bottom: 20px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1039px) {

    .grid-container.container-ha-3 .md__new.md__new--type4 .ni-title,
    .grid-container.container-ha-3 .md__op.md__op--type6 .opinion-content a.title {
        font-size: 24px
    }
}

@media only screen and (min-width: 1040px) {
    .grid-container.container-ha-3 .md__new.md__new--type6 .ni-title {
        font-size: 24px
    }
}

.grid-container.container-ha-3 .col-12.col-lg-4 .news-image,
.grid-container.container-ha-3 .col-12.col-lg-4 .ni-img,
.grid-container.container-ha-3 .col-12.col-lg-4 .ni-multimedia {
    display: none
}

@media only screen and (min-width : 1040px) {
    .grid-container.container-ha-5 .row div[class^=col-]>.row div[class^=col-].custom-col {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 767px)and (max-width: 1039px) {
    .grid-container.container-ha-5 .row div[class^=col-]>.row div[class^=col-] {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 768px) {
    .grid-container.container-ha-5 .md__new.md__new--type6 .ni-title {
        font-size: 24px
    }
}

@media only screen and (min-width : 1040px) {
    .grid-container.container-ha-6 .row div[class^=col-]>.custom-row.row div[class^=col-] {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 1040px) {
    .grid-container.container-ha-6 .row div[class^=col-]>.custom-row.row div[class^=col-]:last-child {
        padding-bottom: 0
    }
}

.grid-container.container-ha-6 .row .col-12.col-md-6 .row .col-12 .md__new--type10 .ni-img {
    display: none
}

.main-container {
    max-width: 1040px;
    margin: 0 auto;
    background-color: #fff
}

.main-container.container-2-vertical-col .header-container {
    margin-top: 0
}

.main-container.container-2-vertical-col .secondary-content {
    display: none
}

@media only screen and (min-width : 1040px) {
    .main-container.container-2-vertical-col .secondary-content {
        display: block
    }
}

.row.row-100h {
    height: 100%
}

.row div[class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px
}

.row div[class^=col-]:empty {
    padding-top: 0;
    padding-bottom: 0
}

.row div[class^=col-] div[class^=col-] {
    padding-top: 0
}

.grid-container .row div[class^=col-]>.row div[class^=col-] {
    padding-bottom: 20px
}

.grid-container.last-0 .row div[class^=col-]>.row div[class^=col-]:last-child {
    padding-bottom: 0
}

.grid-container.container-h-4b .row.custom-row .md__new.md__new--type3 {
    padding-top: 10px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

@media only screen and (max-width: 767px) {
    .grid-container.container-h-4b .row.custom-row .md__new.md__new--type3 {
        margin-top: 8px
    }
}

.grid-container.container-h-4c .col-12.col-md-6.col-lg-4 .col-12 .md__new.md__new--type8 {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

@media only screen and (min-width: 768px) {
    .grid-container.container-h-4c .col-12.col-md-6.col-lg-4 .col-12 {
        padding-bottom: 20px
    }

    .grid-container.container-h-4c .col-12.col-md-6.col-lg-4 .col-12:first-child .md__new.md__new--type8 {
        padding-top: 0;
        margin-top: 0;
        border-top: none
    }
}

@media only screen and (max-width : 767px) {
    .grid-container.container-h-4c .col-12.col-md-6.col-lg-4 .col-12 .md__new.md__new--type8 {
        margin-top: 0
    }
}

.grid-container.last-0.container-h-4c .col-12.col-md-3.col-lg-2 .col-12 .md__new.md__new--type3 {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

@media only screen and (min-width: 768px) {
    .grid-container.last-0.container-h-4c .col-12.col-md-3.col-lg-2 .col-12:first-child .md__new.md__new--type3 {
        padding-top: 0;
        margin-top: 0;
        border-top: none
    }
}

@media only screen and (max-width: 1039px) {
    .grid-container.container-h-5 .col-12.col-lg-8 .row:first-child .col-12:first-child .md__new.md__new--type4 {
        padding-top: 0;
        margin-top: 0;
        border-top: none
    }
}

@media only screen and (min-width: 768px)and (max-width: 1039px) {
    .grid-container.container-h-5 .col-12.col-lg-8 .row:first-child .col-12 .md__new.md__new--type4 {
        padding-top: 0;
        margin-top: 0;
        border-top: none
    }
}

@media only screen and (min-width: 1040px) {
    .grid-container.container-h-5 .col-12.col-lg-8 .row:first-child .col-12 .md__new.md__new--type4 {
        padding-top: 10px;
        margin-top: 8px;
        border-top: 1px solid rgba(37, 33, 33, .2);
        margin-top: 0
    }
}

.grid-container.container-h-5b .md__new.md__new--type8 {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

.grid-container.container-h-5c .col-12.col-md-6.col-lg-4 .col-12 .md__new.md__new--type8 {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

@media only screen and (min-width: 768px) {
    .grid-container.container-h-5c .col-12.col-md-6.col-lg-4 .col-12:first-child .md__new.md__new--type8 {
        padding-top: 0;
        margin-top: 0;
        border-top: none
    }
}

.grid-container.container-h-6 .row.custom-row .md__new.md__new--type3 {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

@media only screen and (min-width: 1040px) {
    .grid-container.container-h-6>.row {
        margin-top: 8px;
        border-top: 1px solid rgba(37, 33, 33, .2)
    }
}

.grid-container.container-h-6b .custom-col .col-12 .md__new.md__new--type3 {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

@media only screen and (min-width: 768px) {
    .grid-container.container-h-6b .custom-col .col-12:first-child .md__new.md__new--type3 {
        padding-top: 0;
        margin-top: 0;
        border-top: none
    }
}

.grid-container.last-0.container-h-7>.row .col-12.col-md-9.col-lg-6 .md__new.md__new--type9 {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

.grid-container.last-0.container-h-7>.row .col-12.col-md-3.col-lg-2 .col-12 .md__new.md__new--type3 {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

.grid-container.last-0.container-h-7>.row .col-12.col-md-3.col-lg-2 .col-12:first-child .md__new.md__new--type3 {
    padding-top: 0;
    margin-top: 0;
    border-top: none
}

@media(max-width: 767px) {
    .grid-container.last-0.container-h-7>.row .col-12.col-md-3.col-lg-2 .col-12:first-child .md__new.md__new--type3 {
        padding-top: 10px;
        margin-top: 8px;
        border-top: 1px solid rgba(37, 33, 33, .2)
    }
}

.grid-container.container-h-7b .col-12.col-lg-8>.row.custom-row .col-12 .md__new.md__new--type3 {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

@media(max-width: 767px) {
    .grid-container.container-h-7c .col-12.col-lg-8 .row .col-12:last-child .md__new.md__new--type4 {
        padding-top: 10px;
        margin-top: 8px;
        border-top: 1px solid rgba(37, 33, 33, .2)
    }
}

.grid-container.container-h-7c .col-12.col-lg-8 .row.custom-row .col-12 .md__new {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

.grid-container.container-h-8-1 .col-12.col-lg-8 .row:not(:first-child) .md__new {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

.grid-container.container-h-8-2 .col-12.col-lg-8 .row:not(:first-child) .md__new {
    padding-top: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(37, 33, 33, .2)
}

@media(max-width: 767px) {
    .grid-container.container-h-8-2 .col-12.col-lg-8 .row .col-12.col-md-6:last-child .md__new {
        padding-top: 10px;
        margin-top: 8px;
        border-top: 1px solid rgba(37, 33, 33, .2)
    }
}

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

    .grid-container.container-h-3>.row>.col-12 .md__new.md__new--type3,
    .grid-container.container-h-4>.row>.col-12 .md__new.md__new--type3 {
        padding-top: 10px;
        margin-top: 8px;
        border-top: 1px solid rgba(37, 33, 33, .2)
    }

    .grid-container.container-h-3>.row>.col-12:first-child .md__new.md__new--type3,
    .grid-container.container-h-4>.row>.col-12:first-child .md__new.md__new--type3 {
        border-top: none
    }
}

.grid-container .test-block {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    background-color: #d3d3d3
}

.grid-container .test-optional {
    min-height: 600px;
    max-width: 300px;
    margin: 0 auto
}

.grid-container .test-optionalb {
    min-height: 250px;
    max-width: 300px;
    margin: 0 auto;
    background-color: #add8e6
}

.separator {
    padding: 40px !important
}

@media only screen and (min-width : 768px) {
    .grid-container>.row>.col-12.col-lg-4:last-child .edi-advertising .advertising-wrapper {
        margin-bottom: 40px
    }

    .grid-container>.row>.col-12.col-lg-4:last-child .edi-advertising .advertising-wrapper>div:not(.ad-label) {
        display: inline-flex;
        justify-content: flex-end
    }
}

body {
    overflow-x: hidden;
    opacity: 1;
    transition: opacity .3s linear
}

body.focus {
    background-color: #c4071b
}

body.webview-padding {
    padding-bottom: 100px
}

figure,
blockquote {
    margin: 0
}

@media only screen and (max-width: 1039px) {
    .sticky-body-unblock {
        overflow-y: auto !important
    }

    .sticky-body-block {
        overflow-y: hidden !important
    }
}

@media(min-width: 1040px) {
    body {
        background-color: #f2f0f0
    }
}

a:hover {
    opacity: .6
}

.navbar-laravel {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .04)
}

.no-pb {
    padding-bottom: 0 !important
}

.no-pt {
    padding-top: 0 !important
}

.no-pr {
    padding-right: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-border-i {
    border: none !important
}

.blue-btn {
    display: block;
    min-width: 280px;
    padding: 14px;
    outline: none;
    border: none;
    background-color: #c4071b;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.43;
    color: #fff
}

.blue-btn:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.blue-btn:hover {
    color: #fff
}

.transparent-btn {
    display: block;
    min-width: 280px;
    padding: 16px;
    text-align: center;
    outline: none;
    border: 1px solid #000;
    background-color: transparent;
    font-family: "Bitter-Bold", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: normal;
    color: #fff;
    font-size: 13px
}

.transparent-btn:hover {
    text-decoration: none;
    opacity: 1
}

.transparent-btn:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

a.mention {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    color: #000;
    color: #252121
}

a.mention:hover {
    text-decoration: none;
    opacity: .6;
    cursor: pointer
}

.hidden {
    display: none !important
}

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

    .show-in-desktop,
    .grid-show-in-desktop {
        display: none !important
    }

    .show-in-tablet,
    .grid-show-in-tablet {
        display: none !important
    }

    .show-in-mobile,
    .grid-show-in-mobile {
        display: block !important
    }

    .hide-in-mobile {
        display: none !important
    }

    .hide-in-tablet {
        display: block !important
    }

    .hide-in-desktop {
        display: block !important
    }

    .hide-from-tablet {
        display: block !important
    }

    .no-padding-mobile {
        padding: 0 !important
    }
}

@media only screen and (min-width: 768px)and (max-width: 1039px) {

    .show-in-mobile,
    .grid-show-in-mobile {
        display: none !important
    }

    .show-in-desktop,
    .grid-show-in-desktop {
        display: none !important
    }

    .show-in-tablet,
    .grid-show-in-tablet {
        display: block !important
    }

    .show-in-tablet.inline-block,
    .grid-show-in-tablet.inline-block {
        display: inline-block !important
    }

    .hide-in-mobile {
        display: block !important
    }

    .hide-in-tablet {
        display: none !important
    }

    .hide-in-desktop {
        display: block !important
    }

    .hide-from-tablet {
        display: none !important
    }

    .no-padding-tablet {
        padding: 0 !important
    }
}

@media only screen and (min-width : 1040px) {

    .show-in-mobile,
    .grid-show-in-mobile {
        display: none !important
    }

    .show-in-tablet,
    .grid-show-in-tablet {
        display: none !important
    }

    .show-in-desktop,
    .grid-show-in-desktop {
        display: block !important
    }

    .show-in-desktop.inline-block,
    .grid-show-in-desktop.inline-block {
        display: inline-block !important
    }

    .hide-in-mobile {
        display: block !important
    }

    .hide-in-tablet {
        display: block !important
    }

    .hide-in-desktop {
        display: none !important
    }

    .hide-from-tablet {
        display: none !important
    }

    .no-padding-desktop {
        padding: 0 !important
    }
}

sibbo-cmp-layout {
    position: fixed;
    z-index: 100000
}