/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */


/* LCZ 05/05/2021 */


/*Body */

.tm-isblog {
    padding-left: 5px;
    padding-right: 5px;
}


/* Logo footer */

.item .pos-content div {
    color: #000;
}

.tm-footer .tm-logo-footer {
    margin-top: -10px;
}

.tm-footer .uk-table td {
    padding-bottom: 13px;
}


/* Fonts*/

.articleContent .uk-margin,
.articleContent li a,
h3 {
    font-family: 'Montserrat', sans-serif;
}


/*most popular*/

.tm-bottom-b .element-itemcategory a {
    font-family: 'Montserrat', sans-serif;
}

h4,
.tm-top-a .element-itemname a {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 600;
}

.tm-block-top-c .articleContent .uk-margin a,
.tm-top-c .highlights a,
.tm-bottom-b .media a {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 600;
    color: #22333B;
}


/*most popular*/

.tm-bottom-b .media {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #6F848D;
}


/*most popular*/

.tm-bottom-b .element-textareapro p {
    color: black;
}

.tm-top-a .element-itemcategory a {
    font-family: 'Montserrat', sans-serif;
}

.thumbnailCategoriaPortada .articleContent .uk-margin {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.post-content .articleContent .uk-h5 a {
    font-size: 20px;
}

.tm-top-c .thumbnailCategoriaPortada .articleContent .uk-margin {
    font-family: 'Montserrat', sans-serif !important;
}


/*most popular*/

.tm-block-bottom-b .element-textareapro {
    font-family: 'Open Sans', sans-serif;
}


/*Font pagina full*/

#yoo-zoo .item .pos-top .element-itemcategory {
    display: inline-block;
}

#yoo-zoo .item .pos-top .element-itempublish_up {
    display: inline-block;
    color: #9A293B;
    margin-left: 10px;
    margin-right: 10px;
    font-family: 'Montserrat', sans-serif;
}

#yoo-zoo .item .pos-top .element-text {
    display: inline-block;
    color: #DEDEDE;
    font-family: 'Montserrat', sans-serif;
}

#yoo-zoo .item h1.pos-title {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 600;
    color: #22333B;
    margin-bottom: 20px;
    letter-spacing: 0px;
}

#yoo-zoo .item h2.pos-subtitle,
#yoo-zoo .item .pos-lead {
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
    color: #22333B;
    font-size: 18px;
    line-height: 28px;
}

#yoo-zoo .item .element-textarea {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 30px !important;
    font-size: 16px;
}

#yoo-zoo .item div.pos-content .element {
    font-size: 17px;
    line-height: 28px;
}

#yoo-zoo .item .element-textarea strong {
    font-weight: bold !important;
}

#yoo-zoo .item h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

#yoo-zoo .item .element-itempublish_up,
#yoo-zoo .item .element-itemcategory,
#yoo-zoo .item .element-text,
#yoo-zoo .item .captions,
#yoo-zoo .item .mediaElements .itemname,
#yoo-zoo .item .mediaElements .element-itemname {
    font-family: 'Montserrat', sans-serif;
}

#yoo-zoo .item .element-itemtag a {
    color: #22333B;
    background-color: hsl(199, 25%, 95%);
    padding: 0px 10px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}

#yoo-zoo .item .pos-author .element-itempublish_up {
    display: inline-block;
    color: #6F848D;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

#yoo-zoo .item .pos-author .element-text {
    display: inline-block;
    color: #6F848D;
    margin-left: 2%;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

#yoo-zoo .item .pos-author .element-text h3 {
    color: #6F848D !Important;
    font-family: 'Montserrat', sans-serif !Important;
    font-size: 14px !Important;
}

#yoo-zoo .item .pos-author .element-socialbookmarks {
    display: inline-block;
    float: right;
}

#yoo-zoo .item .pos-author .element-socialbookmarks h3 {
    color: black !Important;
    font-family: 'Montserrat', sans-serif !Important;
    font-weight: 600 !Important;
    font-size: 18px !Important;
    display: inline-block;
}


/*View categories*/

#yoo-zoo .items .pos-date {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

#yoo-zoo .items .pos-title a {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 600;
}


/*CSS for the slideset */

.wk-slideset div.sets {
    height: auto !important;
    margin-right: 30px;
    margin-left: 10px;
    max-height: 495px;
}

.wk-slideset .set>li {
    text-align: left;
    width: 229px !important;
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 14px !important;
    line-height: 18px;
}

.wk-slideset .set>h3 {
    font-weight: bold !important;
}


/* Change layout of slideset navigation */

.wk-slideset-default .nav {
    margin-top: 10px;
    margin-bottom: 1em;
    text-align: center;
    background-color: black;
    height: 20px;
}

.wk-slideset-default .nav.text span,
.wk-slideset-default .nav.text .active span {
    background-color: none;
    border: none;
    border-radius: none;
    padding: 0;
}

.wk-slideset-default .nav.text li {
    margin-left: 10px;
}

.wk-slideset .nav>li {
    margin: 0 5px;
    background: #ddd;
    border-radius: 5px;
    cursor: pointer;
    font-family: Verdana, Geneva, sans-serif !important;
}

.wk-slideset .nav>li {
    padding: 7px;
    background: #F5F5F5;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    box-shadow: 0 1px 0 #fff inset;
    text-shadow: 0 1px 0 #fff;
    text-align: left;
    white-space: nowrap;
    /* Firefox Width Fix */
}

.wk-slideset .nav>li:hover {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: -o-linear-gradient(top, #fff 0%, #ebebeb 100%);
}

.wk-slideset .nav>li.active {
    background: #e6e6e6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}


/* Change slideset buttons layout*/

.wk-slideshow-default>div:hover .next {
    right: 50px;
    background-position: 0 0;
}


/* Layout widgetkit ZOO highlights*/

.wk-slideset .title-highlights h3 {
    list-style: none;
    font-size: 0.7em !important;
}

.wk-slideset .title-highlights a {
    list-style: none;
    font-size: 0.7em !important;
}


/*Slideshow (images of the news)*/

.wk-slideshow-default>div:hover .next {
    right: 50px;
    background-position: 0 0;
}

.wk-slideshow-tabsbar .nav-container {
    border: 1px solid #ddd;
    background: #F5F5F5;
    background: -moz-linear-gradient(top, #FAFAFA, #F5F5F5);
    background: -webkit-linear-gradient(top, #FAFAFA, #F5F5F5);
    background: -o-linear-gradient(top, #FAFAFA, #F5F5F5);
    background: linear-gradient(to bottom, #FAFAFA, #F5F5F5);
    border-radius: 0px 0px 0 0;
    box-shadow: 0 1px 0 #fff inset;
    text-shadow: 0 1px 0 #fff;
}

.wk-slideshow-tabsbar .nav li.active {
    padding-bottom: 1px;
    background-color: #87212E !Important;
    color: #fff;
    border: 1px;
    text-shadow: none;
    font-weight: bold;
    list-style-type: none !important;
    margin: 0px !important;
}

.wk-slideshow-tabsbar .nav li {
    padding-bottom: 1px;
    background-color: #fff !Important;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    color: #87212E;
}

.wk-slideshow-tabsbar .nav-left li:hover:first-child,
.wk-slideshow-tabsbar .nav-left li:active:first-child,
.wk-slideshow-tabsbar .nav-left li.active:first-child {
    border-top-left-radius: 0px;
}

.wk-slideshow-tabsbar .nav span {
    margin-right: -11px;
    padding: 7px 17px 5px 15px;
    border-right: 1px solid #fff;
    overflow: hidden;
}

.wk-slideshow,
.wk-slideshow .slides {
    min-width: 226px;
}

.sub-pos-title h1,
h2,
h3,
h4,
h5,
h6 {
    /*used?*/
    margin: 0px 0 15px 0;
}

.zoo-item-list div.media-left {
    /*used?*/
    margin: 0px 10px 0 0 !important;
    float: left;
    padding-bottom: 10px;
}


/*View categories and search*/

#yoo-zoo .items div.pos-media .element {
    margin-bottom: 0px;
}

div.media-left {
    margin-bottom: 5px !important;
}

#yoo-zoo .items div.media-left {
    min-width: 210px !important;
    min-height: 143px !important;
}


/*Slideshow*/

.wk-slideshow-tabsbar .slides-container {
    width: 208px !important;
}

.wk-slideshow-tabsbar .nav-container {
    width: 208px !important;
    list-style: none !important;
}

.wk-slideshow-tabsbar .nav-container wk-content clearfix {
    width: 200px;
}

.wk-slideshow-tabsbar .slides>li>article {
    width: 170px !important;
}

.wk-slideshow-screen {
    background: rgba(0, 0, 0, 0);
    margin: 0px;
    padding: 0px !important;
}

.wk-slideshow-screen>div {
    padding: 0px !important;
    background: transparent;
}

.wk-slideshow-screen>div:before {
    background: transparent;
}

.wk-slideshow-screen .caption {
    left: 0px !important;
    right: 0px !important;
    bottom: 15px !important;
    font-size: 14px;
    margin-bottom: 10px;
    pointer-events: none;
    font-family: 'Montserrat', sans-serif !important;
}

div.nav-container nav-left clearfix ul.nav li {
    list-style: none !important;
}


/*Portada amb les fotos de les diferents categories*/

.categoriaPortadaPolitics,
.categoriaPortadaBussiness,
.categoriaPortada3,
.categoriaPortadaSociety,
.categoriaPortadaDepth,
.categoriaPortadaLife,
.categoriaPortadaSports,
.categoriaPortadaTech,
.categoriaPortadaCovid {
    margin-left: 1px;
    margin-right: 1px;
}

.categoriaPortadaPolitics h3 {
    color: #22333B;
}

.categoriaPortadaPolitics .lineTittle {
    background-color: hsl(199, 25%, 95%);
}

.categoriaPortadaBussiness h3 {
    color: #8F565C;
}

.categoriaPortadaBussiness .lineTittle {
    background-color: hsl(354, 25%, 95%);
}

.categoriaPortada3 h3 {
    color: #464c13;
}

.categoriaPortada3 .lineTittle {
    background-color: hsl(47, 71%, 89%);
}

.categoriaPortadaSociety h3 {
    color: #5B4869;
}

.categoriaPortadaSociety .lineTittle {
    background-color: hsl(275, 25%, 95%);
}

.categoriaPortadaDepth h3 {
    color: #5B4869;
}

.categoriaPortadaDepth .lineTittle {
    background-color: hsl(275, 25%, 95%);
}

.categoriaPortadaCovid h3 {
    color: #464c13;
}

.categoriaPortadaCovid .lineTittle {
    background-color: hsl(47, 71%, 89%);
}

.categoriaPortadaTech h3 {
    color: #5B4869;
}

.categoriaPortadaTech .lineTittle {
    background-color: hsl(275, 25%, 95%);
}

.categoriaPortadaLife h3 {
    color: #5C274C;
}

.categoriaPortadaLife .lineTittle {
    background-color: hsl(318, 25%, 95%);
}

.categoriaPortadaSports h3 {
    color: #00552E;
}

.categoriaPortadaSports .lineTittle {
    background-color: hsl(152, 25%, 95%);
}

.categoriaPortadaCulture h3 {
    color: #e25c76;
}

.categoriaPortadaCulture .lineTittle {
    background-color: hsl(348, 25%, 95%);
}

.tm-block-top-b .uk-panel-title {
    color: #4C1321;
}

.tm-block-top-b .lineTittle {
    background-color: hsl(354, 25%, 95%);
}

.tm-block-top-trial .uk-panel-title {
    color: white;
}

.tm-block-top-trial .lineTittle {
    display: none;
}


/*most popular*/

.tm-bottom-b h3 {
    color: #4C1321;
}


/*most popular*/

.tm-bottom-b .lineTittle {
    background-color: hsl(354, 25%, 95%);
}


/*Thumbnail de les imagenes de las noticias de cada categoria*/

.list .thumbnailCategoriaPortada {
    /* 3 Imagenes en la fila y parte comuna con la de 2 por fila*/
    width: 32.8%;
    min-width: 310px;
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    margin-right: 0px;
    margin-bottom: 10px !important;
    min-height: 220px;
}

.list .notprimer .thumbnailCategoriaPortada {
    margin-left: 10px;
}


/*Image tindra la mida maxima*/

.thumbnailCategoriaPortada img {
    width: 100%;
    height: 100%;
}


/* Tamany del titul, descripcio de la image del thumbnail*/

.list .post-content {
    bottom: 0;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 21%, rgba(0, 0, 0, 0.01) 22%, rgba(0, 0, 0, 0.3) 64%, rgba(0, 0, 0, 0.65) 98%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 21%, rgba(0, 0, 0, 0.01) 22%, rgba(0, 0, 0, 0.3) 64%, rgba(0, 0, 0, 0.65) 98%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 21%, rgba(0, 0, 0, 0.01) 22%, rgba(0, 0, 0, 0.3) 64%, rgba(0, 0, 0, 0.65) 98%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
}


/*Margin del titol del thumbnail i Margin de la llista de categories*/

.post-content h4,
.post-content ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}


/*Margin de la descripcio del thumnail*/

.list .post-content div {
    color: #FFFFFF;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}


/*Color del titol del thumbnail*/

.post-content .uk-h5 a {
    color: white;
}


/*Div dins el caption post-content*/

.list .articleContent {
    bottom: 0;
    position: absolute;
}


/*Li dins el UL de la llista de categories del thumbnail*/

.thumbnailListCategories li {
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}


/*P dins amb la descripció del thumbnail*/

.thumbnailCategoriaPortada .p1 {
    margin: 0 0 0 0 !important;
    margin-bottom: 0;
    font-size: 16px;
}


/*P dins amb la descripció del thumbnail*/

.thumbnailCategoriaPortada p {
    margin: 0 0 0 0 !important;
    margin-bottom: 0;
    font-size: 16px;
}


/*Thumbnail més gran que els altres*/

.categoriaPortadaSociety .primer .thumbnailCategoriaPortada,
.categoriaPortadaDepth .primer .thumbnailCategoriaPortada,
.categoriaPortadaCulture .primer .thumbnailCategoriaPortada,
.categoriaPortadaSports .primer .thumbnailCategoriaPortada,
.categoriaPortadaTech .primer .thumbnailCategoriaPortada {
    width: 100%;
    height: 100%;
    margin-right: -5px;
    margin-left: -5px;
    min-width: 310px;
    margin-right: 0px;
}

.categoriaPortadaSociety .notprimer .thumbnailCategoriaPortada,
.categoriaPortadaDepth .notprimer .thumbnailCategoriaPortada,
.categoriaPortadaCulture .notprimer .thumbnailCategoriaPortada,
.categoriaPortadaSports .notprimer .thumbnailCategoriaPortada,
.categoriaPortadaTech .notprimer .thumbnailCategoriaPortada {
    width: 100%;
    margin-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    height: 100%;
    margin-right: -5px;
    margin-left: -5px;
}

.categoriaPortadaSociety .thumbnailCategoriaPortada .uk-margin,
.categoriaPortadaDepth .thumbnailCategoriaPortada .uk-margin,
.categoriaPortadaCulture .thumbnailCategoriaPortada .uk-margin,
.categoriaPortadaSports .thumbnailCategoriaPortada .uk-margin,
.categoriaPortadaTech .thumbnailCategoriaPortada .uk-margin {
    display: none;
}

.categoriaPortadaSociety .primer .thumbnailCategoriaPortada .uk-margin,
.categoriaPortadaDepth .primer .thumbnailCategoriaPortada .uk-margin,
.categoriaPortadaCulture .primer .thumbnailCategoriaPortada .uk-margin,
.categoriaPortadaSports .primer .thumbnailCategoriaPortada .uk-margin,
.categoriaPortadaTech .primer .thumbnailCategoriaPortada .uk-margin {
    display: block !important;
}

.categoriaPortadaSociety .list,
.categoriaPortadaDepth .list,
.categoriaPortadaCulture .list,
.categoriaPortadaSports .list,
.categoriaPortadaTech .list {
    position: relative;
}

.categoriaPortadaSociety .list .notprimer,
.categoriaPortadaDepth .list .notprimer,
.categoriaPortadaCulture .list .notprimer,
.categoriaPortadaSports .list .notprimer,
.categoriaPortadaTech .list .notprimer {
    display: inline-block;
    width: 38.8%;
    /*2 per fila, la petita*/
    min-width: 310px;
    height: 307px;
    min-height: 248px;
}

.categoriaPortadaSociety .list .primer,
.categoriaPortadaDepth .list .primer,
.categoriaPortadaCulture .list .primer,
.categoriaPortadaSports .list .primer,
.categoriaPortadaTech .list .primer {
    width: 60%;
    /*2 per fila, la gran*/
    height: 307px;
    min-width: 310px;
    display: inline-block;
    margin-right: 10px;
}

.categoriaPortadaSociety .list .primer img,
.categoriaPortadaDepth .list .primer img,
.categoriaPortadaCulture .list .primer img,
.categoriaPortadaSports .list .primer img,
.categoriaPortadaTech .list .primer img {
    object-fit: cover;
}

.categoriaPortadaSociety .list .categoriaPortada,
.categoriaPortadaDepth .list .categoriaPortada,
.categoriaPortadaCulture .list .categoriaPortada,
.categoriaPortadaSports .list .categoriaPortada,
.categoriaPortadaTech .list .categoriaPortada,
.categoriaPortadaSociety .notprimer .categoriaPortada,
.categoriaPortadaDepth .notprimer .categoriaPortada,
.categoriaPortadaCulture .notprimer .categoriaPortada,
.categoriaPortadaSports .notprimer .categoriaPortada,
.categoriaPortadaTech .notprimer .categoriaPortada {
    overflow: hidden;
    margin-top: 0px;
    height: 100%;
}

.categoriaPortadaSociety .notprimer .thumbnailCategoriaPortada .element-image,
.categoriaPortadaDepth .notprimer .thumbnailCategoriaPortada .element-image,
.categoriaPortadaCulture .notprimer .thumbnailCategoriaPortada .element-image,
.categoriaPortadaSports .notprimer .thumbnailCategoriaPortada .element-image,
.categoriaPortadaTech .notprimer .thumbnailCategoriaPortada .element-image,
.categoriaPortadaSociety .primer .thumbnailCategoriaPortada .element-image,
.categoriaPortadaDepth .primer .thumbnailCategoriaPortada .element-image,
.categoriaPortadaCulture .primer .thumbnailCategoriaPortada .element-image,
.categoriaPortadaSports .primer .thumbnailCategoriaPortada .element-image,
.categoriaPortadaTech .primer .thumbnailCategoriaPortada .element-image {
    height: 100%;
}

.categoriaPortadaSociety .notprimer img,
.categoriaPortadaDepth .notprimer img,
.categoriaPortadaCulture .notprimer img,
.categoriaPortadaSports .notprimer img,
.categoriaPortadaTech .notprimer img {
    object-fit: cover;
}


/*Botons de dins de cada thumbnail amb la categoria*/

.thumbnailListCategories .PoliticsLink {
    color: #22333B;
    background-color: hsl(199, 25%, 95%);
    padding: 0px 10px;
    font-size: 10px;
}

.thumbnailListCategories .businessLink {
    color: #8F565C;
    background-color: hsl(354, 25%, 95%);
    padding: 0px 10px;
    font-size: 10px;
}

.thumbnailListCategories .societyLink {
    color: #5B4869;
    background-color: hsl(275, 25%, 95%);
    padding: 0px 10px;
    font-size: 10px;
}

.thumbnailListCategories .depthLink {
    color: #5B4869;
    background-color: hsl(275, 25%, 95%);
    padding: 0px 10px;
    font-size: 10px;
}

.thumbnailListCategories .techLink {
    color: #5B4869;
    background-color: hsl(275, 25%, 95%);
    padding: 0px 10px;
    font-size: 10px;
}

.thumbnailListCategories .lifeLink {
    color: #5C274C;
    background-color: hsl(318, 25%, 95%);
    padding: 0px 10px;
    font-size: 10px;
}

.thumbnailListCategories .sportsLink {
    color: #00552E !important;
    background-color: hsl(152, 25%, 95%);
    padding: 0px 10px;
    font-size: 10px;
}

.thumbnailListCategories .cultureLink {
    color: #e25c76;
    background-color: hsl(348, 25%, 95%);
    padding: 0px 10px;
    font-size: 10px;
}

.thumbnailListCategories .highlightsLink {
    color: #c247ff;
    background-color: #efceff;
    padding: 0px 10px;
    font-size: 10px;
}

.element-itemcategory .cultureLink {
    color: #e25c76;
    background-color: hsl(348, 25%, 95%);
    padding: 6px 14px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.element-itemcategory .highlightsLink {
    color: #c247ff;
    background-color: #efceff;
    padding: 6px 14px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.element-itemcategory .PoliticsLink {
    color: #22333B;
    background-color: hsl(199, 25%, 95%);
    padding: 6px 14px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.element-itemcategory .businessLink {
    color: #8F565C;
    background-color: hsl(354, 25%, 95%);
    padding: 6px 14px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.element-itemcategory .societyLink {
    color: #5B4869;
    background-color: hsl(275, 25%, 95%);
    padding: 6px 14px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.element-itemcategory .depthLink {
    color: #5B4869;
    background-color: hsl(275, 25%, 95%);
    padding: 6px 14px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.element-itemcategory .techLink {
    color: #5B4869;
    background-color: hsl(275, 25%, 95%);
    padding: 6px 14px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.element-itemcategory .lifeLink {
    color: #5C274C;
    background-color: hsl(318, 25%, 95%);
    padding: 6px 14px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.element-itemcategory .sportsLink {
    color: #00552E !important;
    background-color: hsl(152, 25%, 95%);
    padding: 6px 14px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}


/* LCZ esto da el color y letra a covid categoria */

.thumbnailListCategories .covidLink {
    color: #464c13;
    background-color: #F7EECF;
    padding: 0px 10px;
    font-size: 10px;
}

.element-itemcategory .covidLink {
    color: #464c13;
    background-color: #F7EECF;
    padding: 6px 14px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.thumbnailListCategories .catalanTrialLink {
    color: #464c13;
    background-color: #F7EECF;
    padding: 0px 10px;
    font-size: 10px;
}

.element-itemcategory .catalanTrialLink {
    color: #464c13;
    background-color: #F7EECF;
    padding: 6px 14px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

@media (min-width: 768px) {
    .uk-block {
        padding-bottom: 0px;
        padding-top: 0px;
    }
}

.uk-block {
    padding-bottom: 0px;
    padding-top: 0px;
}

@media (min-width: 1220px) {
    .uk-grid+.uk-grid,
    .uk-grid-margin,
    .uk-grid>*>.uk-panel+.uk-panel {
        margin-top: 0px;
    }
}

.uk-grid+.uk-grid,
.uk-grid-margin,
.uk-grid>*>.uk-panel+.uk-panel {
    margin-top: 0px;
}

.uk-block-muted {
    background: #ffffff;
}

@media (min-width: 1200px) {
    .row {
        margin-left: 0px;
    }
}


/*Per que els links de la footer es posin en negreta*/

.tm-footer a:hover,
.uk-link:hover {
    /*text-shadow:0px 0px 1px black;*/
    /*text-shadow: 0.4px 0.4px 0px black;*/
    color: #808080!important;
    text-decoration: none;
}


/*Footer ocupa tota pantalla*/

.tm-footer .uk-width-medium-1-2,
.uk-width-medium-2-4,
.uk-width-medium-3-6,
.uk-width-medium-5-10 {
    width: 100%;
}


/*Per que els links de la footer es posin en negreta*/

.uk-article a:hover {
    text-decoration: none;
}

.uk-link:hover {
    /*text-shadow:0px 0px 1px black;*/
    color: #808080!important;
}


/*Margin para que el video de la portada no sea tan grande*/

.tm-top-a .layout-layout3 {
    text-align: left;
}

.tm-top-a .layout-layout3 .divVideoPortada {
    width: 66.4%;
    display: inline-block;
}

.tm-top-a .layout-layout3 .divVideoPortada.verticalVideo {
    width: 45%;
}

.tm-top-a .layout-layout3 .divImatgePortada {
    overflow: hidden;
}

.tm-top-a .layout-layout3 .divImatgePortada .meta {
    margin-top: -7%;
    margin-bottom: -7% !important;
}

.tm-top-a .layout-layout3 .divImatgePortada .pos-title {
    margin-top: 0px;
    margin-bottom: 0px;
}

.tm-top-a .layout-layout3 .media video {
    object-fit: cover;
}

.layout-layout3 .divDescripcioPortada {
    width: 33.1%;
    display: inline-block;
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
}

.layout-layout3 .title a {
    color: #22333B !important;
    font-size: 50px;
    line-height: 100%;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 600;
}

.layout-layout3 .title a:hover,
a:focus {
    text-decoration: none;
    /*text-shadow:0px 0px 1px black;*/
    /*text-shadow: 0.4px 0.4px 0px black;*/
    color: #808080!important;
}

a:hover,
a:focus {
    text-decoration: none!important;
}


/*Perque la descripcio del video destacat(categories) apareixi en la mateixa linia*/

.tm-top-a .description {
    display: inline-block;
}

.tm-top-a .divDescripcioPortada .description .element-textareapro {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
}


/*Perquè la categoria apareixi en la mateixa linia*/

.tm-top-a .layout-layout3 .description .element-itemcategory {
    display: inline-block;
}

.tm-top-a .layout-layout3 .description .element-text {
    display: inline-block;
    color: #98002E;
    font-family: 'Montserrat', sans-serif;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.tm-top-a .layout-layout3 .description .element-itemauthor h3 {
    display: inline-block;
    color: #98002E;
    font-family: 'Montserrat', sans-serif;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 14px;
}

.tm-top-a .layout-layout3 .description .element-itemcreated {
    display: inline-block;
    color: #6F848D;
    font-family: 'Montserrat', sans-serif;
}

.zoo-filter form {
    margin-top: -38px;
    margin-left: 20px;
    padding-left: 10px;
}

.tm-header .uk-panel {
    padding-top: 0px;
    padding-bottom: 0px;
}

.tm-header-a {
    margin-top: -160px;
    float: right;
}

.tm-block-header-a {
    padding-top: 0px;
    padding-bottom: 0px;
}


/*Highlights= TVNews*/


/*Mostra una taula*/

.llistaHigh {
    width: 38.5%;
    min-width: 310px;
    display: inline-block;
    vertical-align: top;
}


/*Segon hgihlight mes video petit*/

.segonHigh {
    position: relative;
    width: 100%;
}

.segonHigh .thumbnailCategoriaPortada {
    display: table-header-group;
}


/*Highlights sense video a sota*/

.TeaserHigh .layout-default {
    display: inline-block;
    margin-top: 20px;
    width: 88%;
}

.TeaserHigh span {
    font-size: 30px;
    margin-right: 0px;
    color: #9A293B;
}

.tm-block-top-c {
    background: #E8EAEB;
    margin-left: -25%;
    padding-left: 25%;
    margin-top: 25px;
    margin-right: -23.1%;
    padding-right: 23.1%;
}

.tm-top-c .uk-width-1-1 {
    margin-bottom: 5px;
}


/*Thumbnail amb el video gran*/

.primerHigh {
    width: 60%;
    min-width: 310px;
    display: inline-block;
    margin-right: 11px;
}

.verticalVideo .primerHigh {
    width: 48%;
}

.tm-top-c .primerHigh .thumbnailCategoriaPortada {
    width: 100%;
    min-width: 310px;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}


/*Thumbnail amb el segon video*/

.tm-top-c .segonHigh .thumbnailCategoriaPortada {
    width: 100%;
    min-width: 310px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    margin-right: 0px;
}

.tm-top-c .caption .uk-margin {
    font-size: 12px;
    color: #9A293B;
    margin-top: 5px;
    margin-bottom: 5px;
}

.tm-top-c .articleContent {
    padding-left: 10px;
    padding-right: 10px;
}

.tm-top-c .caption .uk-margin a {
    font-size: 20px;
    display: inline-block;
    margin-top: 5px;
}

.tm-top-c .caption ul {
    display: inline-block;
}

.tm-top-c .highlights {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    color: #9A293B;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 0px;
    padding-left: 10px;
}

.tm-top-c .highlights a {
    font-size: 20px;
    display: block;
    margin-top: 0px;
}


/*most popular*/

.tm-bottom-b .col-md-4 {
    display: inline-block;
    width: 24.7%;
    min-width: 200px;
    vertical-align: text-top;
}


/*most popular*/

.tm-bottom-b .layout-default {
    padding-right: 20px;
}


/*most popular*/

.tm-bottom-b .media a {
    font-size: 20px;
    display: block;
}


/*most popular*/

.tm-bottom-b b,
strong {
    font-weight: 600 !important;
}


/*Marcar todos los inputs con borders**/

input,
textarea,
select {
    border: 1px solid #000 !important;
}

.tm-block-texture-1 {
    background-image: none;
}


/*No transformar los titulos a mayus*/

.uk-h5 {
    text-transform: none;
}


/*Contiene el keyframe del video en la vista Full*/

.pos-taxonomy,
.description .element-image {
    display: none;
}


/*Footer*/

.tm-footer {
    margin-top: 30px;
    text-transform: none;
    margin-left: -25%;
    padding-left: 25%;
    margin-right: -23.2%;
}

.tm-footer:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #98002E 0%, #98002E 39%, #E26076 34%, #E26076 70%, #F8F1F8 70%, #F8F1F8 99%);
    left: 0;
}

.socialbookmarks.yoo-zoo a {
    background: none;
}

.socialbookmarks.yoo-zoo a.facebook {
    background-position: 0 0px;
    background: url(../../../images/logosocials/facebook.png) 0 0 no-repeat;
    width: 40px;
    height: 40px;
}

.socialbookmarks.yoo-zoo a.live {
    background-position: 0 0px;
    background: url(../../../images/logosocials/twitter.png) 0 0 no-repeat;
    width: 40px;
    height: 40px;
}

.socialbookmarks.yoo-zoo a.email {
    background-position: 0 0px;
    background: url(../../../images/logosocials/email1.png) 0 0 no-repeat;
    width: 40px;
    height: 40px;
}

.socialbookmarks.yoo-zoo a.twitter {
    background-position: 0 0px;
    background: url(../../../images/logosocials/youtube.png) 0 0 no-repeat;
    width: 40px;
    height: 40px;
}

.socialbookmarks.yoo-zoo a.technorati {
    background-position: 0 0px;
    background: url(../../../images/logosocials/linkedin1.png) 0 0 no-repeat;
    width: 40px;
    height: 40px;
}

.socialbookmarks.yoo-zoo a.digg {
    background-position: 0 0px;
    background: url(../../../images/logosocials/share_button_bookmarks.png) 0 0 no-repeat;
    width: 60px;
    height: 24px;
    margin-top: 15px;
}

.element-socialbookmarks h3 {
    display: inline-block;
    color: #98002E !important;
    vertical-align: top;
    margin-bottom: 15px !important;
    margin-right: 10px;
    font-weight: 600 !important;
}

.pos-socialShare {
    margin-top: 15px;
    margin-bottom: 15px;
}

.pos-socialShare h3 {
    display: inline-block;
    color: black !important;
    vertical-align: top;
    margin-top: 6px !important;
    margin-right: 10px;
    font-weight: 600 !important;
}

.socialbookmarks.yoo-zoo a.digg:hover,
a.digg:focus {
    pointer-events: none;
}


/*Full view of the new */


/* Related items */

.itemRelated {
    width: 30%;
    display: inline-block;
    margin-right: 10px;
}


/*Submission Text */


/* Form quote */

.mce-container-body mce-flow-layout,
.mce-flow-layout-item.mce-last,
.mce-btn-group:not(:first-child),
.yoo-zoo .toggle-editor.pull-right,
.mce-container mce-menubar mce-toolbar mce-stack-layout-item mce-first,
.mce-menubar .mce-menubtn,
div[aria-label="Underline"],
div[aria-label="Strikethrough"] {
    visibility: hidden;
}

.repeatable-content .mce-tinymce {
    width: 468px;
}


/*Full text Quote */

.quotaFull {
    list-style-type: none;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    background: #D8D8D8;
    margin-left: -50% !important;
    padding-left: 50% !important;
    font-family: 'Noto Serif', serif !Important;
}

.quotaFull li {
    background-repeat-y: no-repeat;
    background-position: right center;
    height: 100%;
    background-image: url(../../../images/headers/quote2.jpg);
    background-repeat: no-repeat;
    padding-left: 50px;
    padding-top: 30px;
    padding-bottom: 50px;
    font-size: 13px !Important;
    color: #22333B !Important;
    font-family: Montserrat !Important;
    text-align: left !Important;
}

@media screen and (max-width: 720px) {
    .quotaFull li {
        padding-left: 0px;
    }
}

.quotaFull p {
    width: 80%;
    margin-top: 5px !Important;
    margin-bottom: 5px !Important;
    font-family: Montserrat !Important;
}

.quotaFull strong {
    font-weight: bold !Important;
    color: #22333B !Important;
}

.quotaFull em {
    font-size: 22px !Important;
    font-family: 'Noto Serif', serif !Important;
    color: #22333B !Important;
}


/*Align results items categories*/

#yoo-zoo .details {
    margin-top: 20px;
    margin-bottom: 50px;
}

#yoo-zoo .items .teaser-item .pos-media {
    float: left;
    width: 100%;
}

#yoo-zoo .items div.teaser-item-bg {
    background: none;
}

#yoo-zoo .items .teaser-item .pos-media .element {
    min-height: 284px !important;
    background: none;
}

#yoo-zoo .items .width33:nth-child(2) .teaser-item .pos-date,
#yoo-zoo .items .last .teaser-item .pos-date,
#yoo-zoo .items .width33:nth-child(2) .teaser-item .pos-title,
#yoo-zoo .items .last .teaser-item .pos-title,
#yoo-zoo .items .width33:nth-child(2) .teaser-item .pos-title,
#yoo-zoo .items .last .teaser-item .floatbox {
    margin-left: 7px;
}

#yoo-zoo .items .teaser-item .pos-date {
    float: left;
    clear: left;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #6F848D;
    line-height: 32px;
}

#yoo-zoo .items .teaser-item .pos-title {
    float: left;
    clear: left;
    min-height: 100px;
}

#yoo-zoo .items .teaser-item .floatbox {
    float: left;
    clear: left;
    min-height: 120px;
    font-family: 'Open Sans', sans-serif;
    color: black;
}


/*Vista de categorias*/

#yoo-zoo .items .viewCatBanner {
    margin-bottom: 50px;
    float: right;
    padding-left: 16px;
    margin-right: 15px;
}

#yoo-zoo .items .viewCatBanner img {
    width: 100%;
}

#yoo-zoo .items .viewCatTags {
    margin-bottom: 90px;
    float: right;
    text-align: right;
    margin-right: 15px;
}

#yoo-zoo .items .viewCatTags a {
    color: #22333B;
    background-color: hsl(199, 25%, 95%);
    padding: 0px 10px;
    font-size: 10px;
    font-family: 'Montserrat', sans-serif;
    margin-left: 10px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

#yoo-zoo .items .viewCatTags h3 {
    color: black !Important;
    font-family: 'Montserrat', sans-serif !Important;
    font-weight: 600 !Important;
    font-size: 18px !Important;
    text-transform: uppercase;
}


/*Search results custom*/

.zoo-filter-result .teaser-item strong {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px !important;
    color: #333333;
}

.zoo-filter-result .element-itemname {
    margin-top: 10px;
    margin-bottom: 10px;
}

.zoo-filter-result .pos-description .element-itemname a {
    color: #323232 !Important;
    font-size: 30px !important;
    line-height: 32px !important;
    font-family: Fira Sans Condensed !Important;
    font-weight: 600 !Important;
}

.zoo-filter-result .pos-description .element-textarea {
    font-family: 'Open Sans', sans-serif;
}

.zoo-filter-result .items p.pos-links span a::after {
    content: none !Important;
    font-family: Montserrat !Important;
    font-weight: 400 !Important;
}

.zoo-filter-result .pos-media {
    font-family: Montserrat !Important;
    font-size: 14px !important;
    color: #6F848D;
    line-height: 32px;
    float: left;
    min-height: 158px;
}

.zoo-filter-result .pos-description {
    float: left;
    clear: left;
    min-height: 187px;
}

.zoo-filter .element-textareapro,
#yoo-zoo .items p.pos-links {
    float: left;
    clear: left;
}

.zoo-filter-result .items .width33 {
    margin-bottom: 50px;
}

.zoo-filter-result .searchDone {
    display: inline-block;
    margin-left: -7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 1px;
    background: #F7EBEE;
}

.zoo-filter-result .searchDone b {
    font-size: 22px;
    color: #980B2E;
    text-transform: uppercase;
    font-family: 'Fira Sans Semibold', sans-serif;
}


/* Submission fronted border texarea*/

.creation-form textarea,
.creation-form select {
    border-radius: 0px !Important;
}

ul.as-selections li.as-original input {
    border: none !Important;
}

.creation-form input[type='text'],
.creation-form input[type='password'] {
    border-radius: 0px !Important;
    height: 25px;
}


/* Items relacionat segons la categoria*/

.yoo-zoo .item .pos-bottom {
    background: #E8EAEB;
    margin-left: -25%;
    padding-left: 25%;
    margin-right: -23.1%;
    padding-right: 23.1%;
    padding-top: 20px;
}

#yoo-zoo .relatedItemsCat {
    font-size: 24px !important;
    margin-bottom: -15px;
}

.primerRelated {
    width: 46%;
    min-width: 270px;
    display: inline-block;
    margin-right: 5%;
    margin-left: 10%;
    background: white;
    padding-bottom: 20px;
}

.llistaRelated {
    width: 26%;
    margin-left: 2.5%;
    margin-right: 10%;
    min-width: 270px;
    display: inline-block;
    vertical-align: top;
}

.segonRelated {
    display: table-header-group;
    background: white;
}

.segonRelated img,
.primerRelated .pos-media img {
    width: 100%;
}

.relatedPetit {
    margin-top: 15px;
}

.primerRelated .element-relateditems,
.segonRelated .element-relateditems {
    margin-top: 0px !important;
}

.primerRelated .element-imagepro,
.segonRelated .element-imagepro {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.primerRelated .pos-media {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.primerRelated .pos-date,
.segonRelated .pos-date {
    float: left;
    clear: left;
    font-size: 12px;
    color: #9A293B;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 12px;
    padding-left: 10px;
}

.primerRelated .floatbox,
.segonRelated .floatbox {
    float: left;
    clear: left;
    display: inline-block;
    margin-top: 5px;
    padding-left: 10px;
}

.primerRelated .floatbox a,
.segonRelated .floatbox a {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 600;
    color: #22333B;
    font-size: 20px;
}

.primerRelated .floatbox .element-itemname {
    margin-top: 5px !important;
    padding-bottom: 0px !important;
}

.primerRelated .pos-links,
.segonRelated .pos-links {
    float: left;
    clear: left;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.segonRelated .pos-media {
    margin-right: 0px !important;
    float: left;
}

#yoo-zoo .item div.pos-bottom .primerRelated .element,
#yoo-zoo .item div.pos-bottom .segonRelated .element {
    background: none;
}

#yoo-zoo .item .pos-bottom .element-relatedcategories {
    background: none !important;
}

.relatedPetit h1.pos-title {
    font-size: 12px !important;
    color: #9A293B !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    letter-spacing: 0px !important;
    font-weight: 300 !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 15px !important;
}

.relatedPetit .pos-subtitle a {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 600;
    color: #22333B;
    font-size: 20px;
    padding-left: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.uk-animation-slide-top {
    animation-name: none;
    width: 100% !important;
    height: auto;
    left: 0px;
    position: fixed;
    z-index: 10;
}

.tm-navbar {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3);
}


/*Margins per el espai de la barra */

#tm-header {
    margin-top: 170px;
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (min-width: 100px) {
    #tm-header {
        margin-top: 175px;
    }
}

@media (min-width: 750px) {
    #tm-header {
        margin-top: 255px;
    }
    #menuCNASmall {
        display: none;
    }
    #logoCNA {
        width: 340px;
    }
}


/*
@media (min-width:1079px){
	#tm-header {
		margin-top:200px;
	}
}
*/

@media (min-width:1651px) {
    #tm-header {
        margin-top: 230px;
    }
}


/* Full view media*/

#yoo-zoo .column-left .pos-media {
    width: 100%;
}

#yoo-zoo .column-left .pos-media .element {
    margin-top: 20px;
}

#tm-top-d {
    padding-bottom: 0px;
}

.uk-panel-title {
    margin-top: 30px;
}

#tm-top-c .uk-panel-title {
    margin-top: -12px;
}

#tm-top-c {
    margin-top: 50px;
}

video {
    object-fit: cover;
}

#yoo-zoo .captions li {
    font-family: 'Montserrat', sans-serif !important;
}

#yoo-zoo .item div.pos-related {
    background: none;
    margin-top: 30px;
}

#yoo-zoo .item div.pos-related a {
    color: #22333B;
    background-color: hsl(199, 25%, 95%);
    padding: 0px 10px;
    font-size: 10px;
    font-family: 'Montserrat', sans-serif;
    margin-left: 10px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 10px;
}

#yoo-zoo .item div.pos-related .socialbookmarks {
    display: inline-block;
}

#yoo-zoo .item div.pos-related .socialbookmarks a {
    background-color: transparent;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 7px;
}

#yoo-zoo .item div.pos-related .socialbookmarks .digg {
    margin-top: 40px;
}

.tm-header {
    margin-top: -60px;
}

.post-social-right {
    display: inline-block;
    width: 30%;
    margin-left: 8%;
    min-width: 100px;
}

.post-related-left {
    display: inline-block;
    width: 60%;
    min-width: 250px;
}

.post-related-left h3 {
    color: black !Important;
    font-weight: 600 !Important;
}

.post-social-right h3 {
    margin-top: -25%;
}

.tm-main .yoo-zoo .details .description {
    margin-top: 0px !important;
}


/*Paginacio*/

#yoo-zoo .zoo-pagination div.pagination-bg>span::before {
    content: '';
    border-bottom: 4px solid rgba(255, 0, 0, 0.2);
    width: 100%;
    position: absolute;
    right: 0;
    top: 45%;
}

#yoo-zoo .zoo-pagination div.pagination-bg>span {
    position: relative;
    border: none;
    background: none;
    color: #9A293B;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

#yoo-zoo .zoo-pagination a {
    color: #B2B2B2;
    font-size: 18px;
    border: none;
    background: none;
    font-family: 'Montserrat', sans-serif;
}

#yoo-zoo .zoo-pagination {
    color: white;
    /*Hide "[]"*/
    margin-bottom: 50px;
}

#yoo-zoo .zoo-pagination .next,
#yoo-zoo .zoo-pagination .end,
#yoo-zoo .zoo-pagination .previous,
#yoo-zoo .zoo-pagination .start {
    color: #9A293B;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

@media screen and (max-width: 1260px) {
    .fullLeft {
        width: 93%;
    }
    .post-related-left {
        width: 100%;
    }
    .post-social-right,
    .fullRight {
        width: 80%;
    }
    .post-social-right h3 {
        margin-top: 0px;
    }
}

@media screen and (min-width: 1260px) {
    .fullLeft {
        width: 60%;
    }
    .fullLeft.verticalVideo {
        width: 45%;
    }
    .fullRight {
        width: 38%;
    }
}

.fullLeft {
    display: inline-block;
    margin-right: 20px;
}

.fullLeft .mejs-audio {
    width: 80% !important;
}

.fullRight {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 50px;
}

.fullRight .media-left {
    width: 100%;
    margin-bottom: 40px !important;
}


/*Form Cerca */

#formCerca {
    background: none;
    box-shadow: inset 0px -704px 582px 74px #fff;
}

#formCerca .text-cerca p {
    color: #6F848D;
    font-weight: 600;
    font-size: 29px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0px;
}

#formCerca .form-elements {
    display: inline-block;
}

#formCerca .uk-modal-dialog {
    width: 50%;
    background: none;
}

#formCerca .form-elements input {
    margin-left: 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    border: 0 !important;
    border-bottom: 5px solid #E25C76 !important;
    border-radius: 0;
    padding-left: 0px;
    padding-right: 0xp;
    width: 30vw;
    color: black;
    height: 40px;
    background: none;
}

#formCerca .imatge-cerca {
    display: inline-block;
    margin-top: 15px;
    vertical-align: top;
}

#formCerca .uk-margin-large-bottom a {
    position: absolute;
    right: 20px;
    top: 10px;
}

#formCerca .uk-margin-large-bottom .tm-icon-close:before {
    background: #E25C76;
}

#formCerca .uk-margin-large-bottom .tm-icon-close:after {
    background: #9a293b;
}


/*Autor vista full*/

#yoo-zoo .item div.pos-author {
    background: none;
    color: #98002E;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 5px 0px 10px 0px !important;
}

.pos-author h3 {
    color: #6F848D !important;
    display: inline;
    margin-right: 5px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
}


/*Safata redactors*/

.uk-nav-side>li.uk-active>a {
    background: #2196f3;
    color: #ffffff;
    border-color: black;
    border-width: 1px;
    border-style: solid;
}

.uk-nav-side>li>a {
    background: #2196f3;
    color: #ffffff;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    margin-top: 2px;
}

.uk-nav-side>li>a:hover,
.uk-nav-side>li>a:focus {
    background: #2196f3 !important;
    color: #ffffff !important;
    outline: none;
}


/*Amagar fotos full text amb el header*/

.wk-slideshow .slides>li,
.wk-slideshow-screen .caption,
.wk-slideshow,
.wk-slideshow .slides {
    z-index: 1 !important;
}

.custom-object-fit {
    position: relative;
    background-size: cover;
    background-position: center center;
}

.custom-object-fit img {
    opacity: 0;
}

.mejs-overlay-button {
    opacity: 0.8;
}

@media screen and (max-width: 820px) {
    .divVideoPortada,
    .divDescripcioPortada {
        width: 100% !important;
    }
    .layout-layout3 .title a {
        font-size: 25px;
    }
    .tm-top-a .divDescripcioPortada .description .element-textareapro {
        font-size: 16px;
    }
}

@media screen and (min-width: 1260px) {
    .uk-notouch {
        overflow-x: hidden;
    }
}


/*Footer perque tingui background infinit*/

@media screen and (max-width: 610px) {
    .yoo-zoo .item .pos-bottom {
        margin-left: 0px !important;
        padding-left: 0px !important;
        margin-right: 0px !important;
        padding-right: 0px !important;
    }
}

@media screen and (min-width: 611px) and (max-width: 768px) {
    .yoo-zoo .item .pos-bottom {
        margin-left: -30px !important;
        padding-left: 30px !important;
        margin-right: -30px !important;
        padding-right: 30px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
    .yoo-zoo .item .pos-bottom {
        margin-left: -50px !important;
        padding-left: 50px !important;
        margin-right: -0px !important;
        padding-right: 25px !important;
    }
}


/*Logo ACN en la Footer*/

#byACNFooter {
    float: right;
    margin-right: 20%;
}

#followUsFooter {
    margin-right: 20%;
}

@media screen and (max-width: 413px) {
    #byACNFooter {
        width: 15%;
        margin-right: 8px !important;
    }
}

@media screen and (max-width: 1300px) {
    .tm-block-top-c,
    .tm-footer {
        margin-left: 0px !important;
        padding-left: 0px !important;
        margin-right: 0px !important;
        padding-right: 0px !important;
    }
    #byACNFooter,
    #followUsFooter {
        margin-right: 20px;
    }
}

@media screen and (max-width: 430px) {
    /*most popular*/
    .tm-bottom-b .col-md-4 {
        width: 100% !important;
    }
}

@media screen and (max-width: 620px) {
    .post-content .articleContent .uk-h5 a {
        font-size: 15px;
        line-height: 18px;
    }
    .thumbnailCategoriaPortada p {
        font-size: 14px;
        line-height: 18px;
    }
}

.p-footer {
    margin-bottom: -5px;
}

.p-sub-footer a:hover,
.uk-link:hover {
    text-shadow: 0px 0px 1px black !Important;
}

.footerTags a {
    font-family: Montserrat;
    font-size: 13px;
    letter-spacing: 1px;
}

.footerPolitics a {
    color: #22333b;
}

.footerBusiness a {
    color: #8f565c;
}

.footerScience a {
    color: #5b4869;
}

.footerLife a {
    color: #5c274c;
}

.footerCulture a {
    color: #e25c76;
}

.footerSports a {
    color: #00552e;
}

.footerPolitics a:hover {
    color: #22333b;
}

.footerBusiness a:hover {
    color: #8f565c;
}

.footerScience a:hover {
    color: #5b4869;
}

.footerLife a:hover {
    color: #5c274c;
}

.footerCulture a:hover {
    color: #e25c76;
}

.footerSports a:hover {
    color: #00552e;
}


/*Tags view*/

.blog-default-tag .pos-date-tags {
    float: left;
    clear: left;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #6F848D;
    line-height: 32px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.blog-default-tag .pos-media-tags {
    clear: left;
    min-width: 210px !important;
    min-height: 143px !important;
}

.blog-default-tag .pos-title-tags {
    clear: left;
    min-height: 100px;
    line-height: 32px;
}

.blog-default-tag .pos-title-tags a {
    color: #323232;
    text-decoration: none;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 600;
}

.blog-default-tag .floatbox {
    clear: left;
    min-height: 80px;
    font-family: 'Open Sans', sans-serif;
}

.blog-default-tag .teaser-item-bg-tags {
    padding-bottom: 20px;
    min-height: 675px;
}

#tm-bottom-b {
    padding-left: 0px;
}

.mysubmissions .fullBanners img {
    display: none;
    /*No mostrar el banner en la safata*/
}

#yoo-zoo .item .fullBanners h3 {
    color: black !Important;
    font-family: 'Montserrat', sans-serif !Important;
    font-weight: 600 !Important;
    font-size: 18px !Important;
}

.mejs-time-loaded {
    background: linear-gradient(rgba(246, 124, 145, 0.8), rgba(240, 183, 212, 0.8)) !important;
}

@media screen and (max-width: 750px) {
    #menuCNA {
        display: none;
    }
    #newsletterMenuTop {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    #yoo-zoo .items .teaser-item .pos-media .element {
        min-height: 218px !important;
    }
}

#yoo-zoo .width33 {
    min-width: 270px;
    padding-bottom: 5px;
}

#yoo-zoo .item .clearfix {
    text-align: center;
}

#yoo-zoo .item .fullLeft,
#yoo-zoo .item .fullRight {
    text-align: left;
}

#yoo-zoo .item h1.pos-title,
#yoo-zoo .item h1.pos-title .mejs-container {
    margin-top: 20px;
}

@media screen and (max-width: 600px) {
    #ca_banner {
        /*Banner Cookies*/
        bottom: 10px !important;
    }
}

@media screen and (max-width: 320px) {
    #ca_banner {
        /*Banner Cookies*/
        bottom: 25px !important;
    }
}

.categoriaPortadaPolitics .thumbnailListCategories,
.categoriaPortadaBussiness .thumbnailListCategories,
.categoriaPortada3 .thumbnailListCategories,
.categoriaPortadaSociety .thumbnailListCategories,
.categoriaPortadaDepth .thumbnailListCategories,
.categoriaPortadaLife .thumbnailListCategories,
.categoriaPortadaCulture .thumbnailListCategories,
.categoriaPortadaSports .thumbnailListCategories,
.categoriaPortadaTech .thumbnailListCategories,
.categoriaPortadaCovid .thumbnailListCategories {
    display: none;
}

@media screen and (max-width: 600px) {
    /*Search form in small devices*/
    #formCerca .uk-modal-dialog,
    #formCerca .form-elements input {
        width: 100%;
    }
    #formCerca .imatge-cerca {
        display: block;
    }
}


/*Sidebar Menu MySumissions*/

.tm-sidebar-a .uk-panel-box {
    background: white;
}

.lineTittle {
    width: 700px;
}

@media screen and (max-width: 800px) {
    .lineTittle {
        width: 70%;
    }
    .tm-bottom-b .lineTittle {
        width: 72%;
    }
}

@media screen and (max-width: 700px) {
    .lineTittle {
        width: 100%;
    }
    .tm-bottom-b .lineTittle {
        width: 104%;
    }
}

@media screen and (max-width: 450px) {
    .lineTittle {
        width: 120%;
    }
    .tm-bottom-b .lineTittle {
        width: 127%;
    }
}


/*Audio TV News*/

.teaser-item .mejs-audio {
    padding-top: 200px;
    background: white;
}


/*Hide keyframes*/

.keyframe,
.yoo-zoo .teaser-item .pos-meta,
.add-link a[title~='Youtube'] {
    display: none;
}

.videoCNAUploader .files {
    display: none !important;
}

#filter_author_id option[value='466'] {
    display: none;
    /*Hide Superuser from the dropdown*/
}

.element.element-image.last .image-select .select,
.element.element-image.last .image-select select,
.element.element-image.last .more-options {
    display: none;
}

.tm-top-c .primerHigh .thumbnailCategoriaPortada iframe {
    width: 100%;
    height: 440px;
}

@media screen and (max-width: 1300px) {
    .tm-top-c .primerHigh .thumbnailCategoriaPortada iframe {
        height: 33vw;
    }
}

@media screen and (max-width: 620px) {
    .tm-top-c .primerHigh .thumbnailCategoriaPortada iframe {
        height: 330px;
    }
}

.tm-top-a .layout-layout3 .divVideoPortada iframe {
    width: 100%;
    height: 479px;
}

@media screen and (max-width: 1500px) {
    .tm-top-a .layout-layout3 .divVideoPortada iframe {
        height: 27vw;
    }
}

@media screen and (max-width: 1485px) {
    .tm-top-a .layout-layout3 .divVideoPortada iframe {
        height: 27vw;
    }
}

@media screen and (max-width: 1475px) {
    .tm-top-a .layout-layout3 .divVideoPortada iframe {
        height: 28vw;
    }
}

@media screen and (max-width: 1400px) {
    .tm-top-a .layout-layout3 .divVideoPortada iframe {
        height: 29vw;
    }
}

@media screen and (max-width: 1365px) {
    .tm-top-a .layout-layout3 .divVideoPortada iframe {
        height: 29.5vw;
    }
}

@media screen and (max-width: 820px) {
    .tm-top-a .layout-layout3 .divVideoPortada iframe {
        height: 53vw;
    }
}

.tm-top-c .segonHigh .thumbnailCategoriaPortada iframe {
    width: 100%;
    height: 272px;
}

@media screen and (max-width: 1320px) {
    .tm-top-c .segonHigh .thumbnailCategoriaPortada iframe {
        height: 26vw;
    }
}

@media screen and (max-width: 810px) {
    .tm-top-c .segonHigh .thumbnailCategoriaPortada iframe {
        height: 205px;
    }
}

@media screen and (max-width: 610px) {
    .tm-top-c .segonHigh .thumbnailCategoriaPortada iframe {
        height: 54vw;
    }
}

#yoo-zoo .items .teaser-item .pos-media .element iframe {
    width: 100%;
    height: 279px;
    margin-bottom: -41px;
}

@media screen and (max-width: 1320px) {
    #yoo-zoo .items .teaser-item .pos-media .element iframe {
        height: 21vw;
    }
}

@media screen and (max-width: 924px) {
    #yoo-zoo .items .teaser-item .pos-media .element iframe {
        height: 188px;
    }
}

@media screen and (max-width: 893px) {
    #yoo-zoo .items .teaser-item .pos-media .element iframe {
        height: 29vw;
    }
}

@media screen and (max-width: 610px) {
    #yoo-zoo .items .teaser-item .pos-media .element iframe {
        height: 54vw;
    }
}

#yoo-zoo .item h1.pos-title iframe {
    width: 100%;
    height: 438px;
}

#yoo-zoo .item h1.pos-posttitle iframe {
    width: 100%;
    height: 438px;
}

@media screen and (max-width: 1327px) {
    #yoo-zoo .item h1.pos-title iframe {
        height: 33vw;
    }
    #yoo-zoo .item h1.pos-posttitle iframe {
        height: 33vw;
    }
}

@media screen and (max-width: 1258px) {
    #yoo-zoo .item h1.pos-title iframe {
        height: 54vw;
    }
    #yoo-zoo .item h1.pos-posttitle iframe {
        height: 54vw;
    }
}

@media screen and (max-width: 485px) {
    #yoo-zoo .item h1.pos-title iframe {
        height: 52vw;
    }
    #yoo-zoo .item h1.pos-posttitle iframe {
        height: 52vw;
    }
}

@media screen and (max-width: 377px) {
    #yoo-zoo .item h1.pos-title iframe {
        height: 192px;
    }
    #yoo-zoo .item h1.pos-posttitle iframe {
        height: 192px;
    }
}

@media screen and (max-width: 300px) {
    #yoo-zoo .item h1.pos-title iframe {
        height: 152px;
    }
    #yoo-zoo .item h1.pos-posttitle iframe {
        height: 152px;
    }
}


/*Margin when resize*/

@media screen and (min-width: 768px) and (max-width: 1200px) {
    #tm-bottom-b,
    #tm-top-b,
    #tm-top-d,
    #tm-main,
    #tm-bottom-c,
    #tm-bottom-d,
    #tm-bottom-e,
    #tm-top-ts,
    #tm-top-depth,
    .tm-top-c,
    #tm-top-trial,
    #tm-top-covid {
        padding-left: 20px;
    }
}

@media screen and (max-width: 980px) {
    .list .notprimer.third .thumbnailCategoriaPortada {
        margin-left: 0px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 656px) {
    .list .notprimer .thumbnailCategoriaPortada {
        margin-left: 0px;
        margin-right: 10px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1380px) {
    .fullLeft {
        padding-left: 20px;
    }
}


/*Menu Fix */

#menuFixTop,
#containerLogo {
    padding-top: 10px;
    padding-bottom: 10px;
}

#menuCNA {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 49px;
}

@media screen and (max-width: 800px) {
    #menuFixTop,
    #containerLogo {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #menuCNA {
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 49px;
    }
}

@media screen and (max-width: 1650px) {
    #menuFixTop,
    #containerLogo {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #menuCNA {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 49px;
    }
}

@media screen and (min-width: 821px) and (max-width: 1500px) {
    .divVideoPortada {
        width: 55% !important;
    }
    .divDescripcioPortada {
        width: 44.5% !important;
    }
    .tm-top-b .uk-panel-title,
    .divVideoPortada .pos-meta {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1000px) {
    .categoriaPortada .thumbnailListCategories {
        display: none;
        /*Small devices hide categories tags*/
    }
}

.posVideoTeaser .pos-content {
    background: none !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

#xarxessocialsheader {
    display: inline;
}

@media screen and (max-width: 600px) {
    #lblSearch,
    #byACNHeader {
        display: none;
    }
    #headerFacebook,
    #headerTwitter,
    #headerYoutube,
    #headerInstagram {
        width: 40px;
        padding-left: 5px !important;
    }
    #xarxessocialsheader {
        margin-left: 50px;
    }
    #menuFixTop {
        padding-right: 10px !important;
    }
}

@media screen and (min-width: 980px) and (max-width: 1277px) {
    #tm-top-trial .thumbnailCategoriaPortada,
    #tm-top-b .thumbnailCategoriaPortada,
    .categoriaPortadaPolitics .thumbnailCategoriaPortada,
    .categoriaPortadaBussiness .thumbnailCategoriaPortada,
    .categoriaPortada3 .thumbnailCategoriaPortada,
    .categoriaPortadaLife .thumbnailCategoriaPortada,
    .categoriaPortadaCovid .thumbnailCategoriaPortada {
        width: 32.6%;
    }
}

#tm-top-a .pos-meta {
    margin-bottom: 0px;
}

#tm-top-a .title {
    margin-bottom: 20px;
}

.tagsView .width33 {
    padding-right: 20px;
}

#yoo-zoo .items div.teaser-item:last-child div.teaser-item-bg {
    background: none !important;
}


/*Hide Sections and tags in the footer*/

#sectionsAndTags {
    display: none;
}


/*Hide Banner*/

.viewCatBanner {
    display: none;
}

.fullBanners {
    display: none;
}

#elements_itemcategoryvalue option[value="29"] {
    display: none;
}


/*Catalan Views*/

.catalanView {
    width: 100%;
    position: relative;
    color: white;
}

.catalanViewLeft {
    width: 33%;
    display: inline-block;
    background-color: #22333B;
    position: absolute;
    height: 100%;
    padding: 15px;
}

.catalanViewCenter {
    width: 70%;
    padding-left: 20px;
    padding-bottom: 15px;
    padding-right: 30%;
    display: inline-block;
    position: absolute;
    height: 100%;
    left: 33%;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d8d8+1,d8d8d8+59,d8d8d8+100&1+0,1+59,0.45+84,0+100 */
    background: -moz-linear-gradient(left, rgba(216, 216, 216, 1) 0%, rgba(216, 216, 216, 1) 1%, rgba(216, 216, 216, 1) 59%, rgba(216, 216, 216, 0.45) 84%, rgba(216, 216, 216, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(216, 216, 216, 1) 0%, rgba(216, 216, 216, 1) 1%, rgba(216, 216, 216, 1) 59%, rgba(216, 216, 216, 0.45) 84%, rgba(216, 216, 216, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(216, 216, 216, 1) 0%, rgba(216, 216, 216, 1) 1%, rgba(216, 216, 216, 1) 59%, rgba(216, 216, 216, 0.45) 84%, rgba(216, 216, 216, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#00d8d8d8', GradientType=1);
    /* IE6-9 */
}

.catalanViewRight {
    width: 25%;
    display: inline-block;
    left: 74%;
    position: relative;
    z-index: 0;
}

.numberArticles {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 90px;
    line-height: 100px;
}

.numberArticles b {
    display: block;
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 15px;
}

.catalanViewLeft ul {
    list-style-type: circle;
}

.firstLink,
.secondLink {
    font-family: 'Montserrat', sans-serif;
}

.firstLink a,
.secondLink a {
    color: white;
    font-family: 'Fira Sans Condensed', sans-serif;
    display: block;
    font-size: 18px;
}

.catalanViewCenter img {
    width: 80px;
    height: auto;
    display: block;
}

.catalanViewCenter {
    font-family: 'Open Sans', sans-serif;
    color: #22333B;
    font-size: 16px;
}

.catalanViewCenter a {
    font-family: 'Fira Sans Condensed', sans-serif;
    display: block;
    color: #22333B;
    font-size: 20px;
    margin-bottom: 10px;
}

.primaryAuthor {
    bottom: 15px;
    position: absolute;
}

.catalanViewsLink {
    color: #FF4E50;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    float: right;
}

@media screen and (max-width: 1320px) {
    .catalanViewLeft .numberArticles {
        font-size: 40px;
        line-height: 38px;
    }
}

@media screen and (max-width: 1130px) {
    .catalanViewLeft .numberArticles b {
        display: inline-block;
    }
}

.catalanView {
    margin-top: 50px;
}

@media screen and (max-width: 1010px) {
    .catalanViewLeft {
        min-height: 246px;
        min-width: 324px;
        position: relative;
    }
    .catalanViewCenter {
        height: 326px;
        position: relative;
        left: 0px;
        width: 85%;
    }
    .catalanViewCenter img {
        width: 35px;
    }
    .catalanViewRight {
        position: absolute;
        left: 50%;
        width: unset;
    }
    .catalanViewRight img {
        height: 326px;
        width: auto;
    }
}

@media screen and (max-width: 680px) {
    .catalanViewCenter {
        width: 99%;
    }
    .catalanViewRight {
        left: 40%;
    }
}

@media screen and (max-width: 600px) {
    .catalanViewRight {
        left: 35%;
    }
}

@media screen and (max-width: 550px) {
    .catalanViewRight {
        left: 30%;
    }
}

@media screen and (max-width: 480px) {
    .catalanViewRight {
        display: none;
    }
}


/* End catalan views*/


/*Remove date and author from catalan news tv*/

.pos-author.CNTV .element-itempublish_up,
.description.CNTV .element-itemcreated,
.pos-author.CNTV .element-text,
.description.CNTV .element-text {
    display: none !important;
}


/*Temporal font until we have the image*/

.yoo-zoo .details .heading .title {
    font-family: 'Fira Sans Condensed', sans-serif !important;
    font-weight: 600 !important;
}

.element-itemcategory .CNTVLink {
    color: #22333B;
    background-color: hsl(200, 7%, 91.6%);
    padding: 6px 14px;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
}


/*Responsive improvements*/

@media screen and (max-width: 610px) {
    #yoo-zoo .items .teaser-item .floatbox {
        min-height: 0px;
        padding-bottom: 10px;
    }
    #yoo-zoo .items .teaser-item .pos-media .element {
        min-height: 0px!important;
    }
    #yoo-zoo .items .width33 {
        width: 100%;
    }
    #tm-main {
        padding-left: 0px;
        padding-right: 0px;
    }
    .categoriaPortada .thumbnailCategoriaPortada {
        width: 100% !important;
    }
    .categoriaPortadaSociety .list .primer,
    .categoriaPortadaDepth .list .primer,
    .categoriaPortadaCulture .list .primer,
    .categoriaPortadaSports .list .primer,
    .categoriaPortadaTech .list .primer {
        width: 100%;
        margin-right: 0px;
    }
    .categoriaPortadaSociety .list .notprimer,
    .categoriaPortadaDepth .list .notprimer,
    .categoriaPortadaCulture .list .notprimer,
    .categoriaPortadaSports .list .notprimer,
    .categoriaPortadaTech .list .notprimer {
        width: 100%;
    }
    .primerHigh,
    .llistaHigh {
        width: 100%;
    }
    .primerHigh {
        margin-right: 0px;
    }
    #tm-bottom-b {
        padding-right: 0px;
    }
    #yoo-zoo .items h1.pos-title {
        min-height: 10px !important;
        line-height: 30px;
    }
    .items .row .width33,
    .tagsView .row .width33 {
        border-top: 1px solid rgb(230, 230, 230);
        padding-top: 20px;
    }
    .items .row.first .width33.first,
    .tagsView .row.first .width33.first {
        border-top: none;
        padding-top: 0px;
    }
    .items .row.first-row .width33.first-item {
        border-top: none;
        padding-top: 8px;
    }
    .items .row .width33.catTags {
        border-top: none;
        padding-top: 0px;
    }
    .items .row .element-imagepro {
        padding-right: 0px;
        padding-left: 0px;
    }
    .items .row .teaser-item {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .items .row .pos-date,
    .items .row .pos-title,
    .items .row .floatbox,
    .items .row .pos-description,
    .zoo-filter-result .pos-media {
        padding-right: 7px;
        padding-left: 7px;
    }
    .items .row .pos-description {
        min-height: 40px;
    }
    /*Full view*/
    .fullRight {
        width: 97%;
    }
    /*Related category items*/
    .primerRelated,
    .llistaRelated {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    /*Search*/
    .zoo-filter-result .pos-description .element-textarea p {
        margin-bottom: 0px !important;
    }
    /*Tags View*/
    .blog-default-tag .teaser-item-bg-tags,
    .blog-default-tag .floatbox {
        min-height: 20px;
    }
    .blog-default-tag .floatbox p {
        margin-bottom: 0px;
    }
    .tagsView .width33 {
        padding-right: 0px;
    }
    .blog-default-tag .pos-title-tags {
        min-height: 15px;
    }
    .uk-panel-title {
        margin-top: 15px;
    }
    .tm-footer {
        margin-top: 0px;
    }
    #yoo-zoo .item h1.pos-title {
        margin-top: 0px;
        font-size: 25px;
        line-height: 25px;
    }
    #yoo-zoo .item h2.pos-subtitle,
    #yoo-zoo .item .pos-lead {
        font-size: 16px;
    }
    #yoo-zoo .item h2.pos-subtitle {
        border-top: 1px solid rgb(230, 230, 230);
        border-bottom: 1px solid rgb(230, 230, 230);
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
    #yoo-zoo .item .pos-subtitle p {
        margin-bottom: 10px;
    }
    .fullLeft {
        margin-right: 20px;
        width: 100%;
    }
    #yoo-zoo .item div.pos-author .element-itempublish_up,
    #yoo-zoo .item div.pos-author .element-text {
        font-size: 13px;
    }
    #yoo-zoo .item .pos-author .element-socialbookmarks h3 {
        margin-bottom: 10% !important;
        font-size: 15px !important;
        color: #6F848D !important;
        line-height: 20px;
        padding-top: 11px;
    }
    #yoo-zoo .item .element-textarea {
        margin-bottom: 15px !important;
    }
    #yoo-zoo .item div.pos-related {
        margin-top: 0px;
    }
    .post-social-right {
        display: none;
    }
    #yoo-zoo .item .fullRight {
        margin-bottom: 10px !important;
    }
    #yoo-zoo .details {
        /*Title section*/
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #yoo-zoo .items .viewCatTags {
        margin-bottom: 20px;
    }
    .zoo-pagination {
        margin-bottom: 0px !important;
    }
    #searchResultTitle {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }
    .zoo-filter-result .items .width33 {
        margin-bottom: 20px;
    }
    .tagsView .width33 {
        width: 100% !important;
    }
    #tm-bottom-b {
        padding-bottom: 0px;
    }
    .categoriaPortadaSociety .list .primer,
    .categoriaPortadaDepth .list .primer,
    .categoriaPortadaCulture .list .primer,
    .categoriaPortadaSports .list .primer,
    .categoriaPortadaTech .list .primer {
        height: auto;
    }
    .categoriaPortadaSociety .primer .thumbnailCategoriaPortada,
    .categoriaPortadaDepth .primer .thumbnailCategoriaPortada,
    .categoriaPortadaCulture .primer .thumbnailCategoriaPortada,
    .categoriaPortadaSports .primer .thumbnailCategoriaPortada,
    .categoriaPortadaTech .primer .thumbnailCategoriaPortada {
        height: auto;
        margin-left: 0px;
    }
    .categoriaPortadaSociety .list .notprimer,
    .categoriaPortadaDepth .list .notprimer,
    .categoriaPortadaCulture .list .notprimer,
    .categoriaPortadaSports .list .notprimer,
    .categoriaPortadaTech .list .notprimer {
        height: auto;
        min-height: 200px;
    }
    #tm-top-c {
        margin-top: 15px;
    }
    #yoo-zoo .item div.pos-media .element {
        margin-bottom: 0px;
    }
    .fullRight .nav {
        margin-top: -35px;
    }
    .segonHigh .thumbnailCategoriaPortada,
    .primerHigh .thumbnailCategoriaPortada {
        padding-bottom: 15px !important;
    }
    #yoo-zoo .items div.teaser-item {
        padding-bottom: 0px !important;
    }
    .blog-default-tag .teaser-item-bg-tags {
        padding-bottom: 0px !important;
    }
    .quotaFull em {
        font-size: 18px !important;
    }
    .fullRight .media-left {
        margin-bottom: 0px !important;
    }
    #yoo-zoo .item div.pos-bottom .element {
        padding-bottom: 0px;
    }
    .primerRelated {
        margin-bottom: 10px;
    }
    .relatedPetit {
        margin-top: 35px;
    }
    .wk-slideshow {
        margin-bottom: -20px;
    }
    .tm-bottom-b .uk-width-1-1 {
        width: 98%;
    }
    #yoo-zoo .items {
        margin: 0px -5px 0px -5px;
    }
    #tm-top-a .title {
        margin-bottom: 10px;
    }
    #yoo-zoo .item h1.pos-title {
        letter-spacing: 0px;
    }
}

.tm-top-b .notprimer.lastOne,
.categoriaPortadaPolitics .notprimer.lastOne,
.categoriaPortadaBussiness .notprimer.lastOne,
.categoriaPortada3 .notprimer.lastOne,
.categoriaPortadaLife .notprimer.lastOne,
.categoriaPortadaCovid .notprimer.lastOne {
    display: none;
}

.mejs-fullscreen-button button {
    right: 0px;
}

@media screen and (min-width: 610px) and (max-width: 981px) {
    .tm-top-trial .list .thumbnailCategoriaPortada,
    .tm-top-b .list .thumbnailCategoriaPortada,
    .categoriaPortadaPolitics .list .thumbnailCategoriaPortada,
    .categoriaPortadaBussiness .list .thumbnailCategoriaPortada,
    .categoriaPortada3 .list .thumbnailCategoriaPortada,
    .categoriaPortadaLife .list .thumbnailCategoriaPortada,
    .categoriaPortadaCovid .list .thumbnailCategoriaPortada {
        width: 48%;
    }
    .tm-top-trial .list .notprimer.third .thumbnailCategoriaPortada,
    .tm-top-b .list .notprimer.third .thumbnailCategoriaPortada,
    .categoriaPortadaPolitics .list .notprimer.third .thumbnailCategoriaPortada,
    .categoriaPortadaBussiness .list .notprimer.third .thumbnailCategoriaPortada,
    .categoriaPortada3 .list .notprimer.third .thumbnailCategoriaPortada,
    .categoriaPortadaLife .list .notprimer.third .thumbnailCategoriaPortada,
    .categoriaPortadaCovid .list .notprimer.third .thumbnailCategoriaPortada,
    {
        margin-right: 2.5px;
    }
    .tm-top-trial .list .primer .thumbnailCategoriaPortada,
    .tm-top-b .list .primer .thumbnailCategoriaPortada,
    .categoriaPortadaPolitics .list .primer .thumbnailCategoriaPortada,
    .categoriaPortadaBussiness .list .primer .thumbnailCategoriaPortada,
    .categoriaPortada3 .list .primer .thumbnailCategoriaPortada,
    .categoriaPortadaLife .list .primer .thumbnailCategoriaPortada,
    .categoriaPortadaCovid .list .primer .thumbnailCategoriaPortada {
        margin-right: 2.5px;
    }
    .tm-top-trial .notprimer.lastOne,
    .tm-top-b .notprimer.lastOne,
    .categoriaPortadaPolitics .notprimer.lastOne,
    .categoriaPortadaBussiness .notprimer.lastOne,
    .categoriaPortada3 .notprimer.lastOne,
    .categoriaPortadaLife .notprimer.lastOne,
    .categoriaPortadaCovid .notprimer.lastOne {
        display: block !important;
    }
}

@media screen and (min-width: 610px) and (max-width: 658px) {
    .list .thumbnailCategoriaPortada {
        min-width: 200px;
        min-height: 150px;
    }
    .categoriaPortadaSociety .list .notprimer,
    .categoriaPortadaDepth .list .notprimer,
    .categoriaPortadaCulture .list .notprimer,
    .categoriaPortadaSports .list .notprimer,
    .categoriaPortadaTech .list .notprimer {
        min-width: 10px;
    }
    .categoriaPortadaSociety .list .primer,
    .categoriaPortadaDepth .list .primer,
    .categoriaPortadaCulture .list .primer,
    .categoriaPortadaSports .list .primer,
    .categoriaPortadaTech .list .primer {
        width: 58%;
    }
}

@media screen and (min-width: 431px) and (max-width: 609px) {
    .tm-bottom-b .col-md-4 {
        width: 48.7%;
    }
}

@media screen and (min-width: 609px) and (max-width: 1018px) {
    .primerHigh,
    .llistaHigh {
        width: 48%;
        min-width: 270px;
    }
    .tm-top-c .primerHigh .thumbnailCategoriaPortada {
        min-width: 270px;
    }
    .tm-top-c .segonHigh .thumbnailCategoriaPortada {
        min-width: 270px;
        width: 100% !important;
    }
    .tm-top-c .primerHigh .thumbnailCategoriaPortada .post-content,
    .tm-top-c .segonHigh .thumbnailCategoriaPortada .post-content {
        min-height: 100px;
    }
    #TeaserHigh3 {
        margin-top: -135px;
    }
    .TeaserHigh .layout-default {
        margin-top: 20px;
    }
    #TeaserHigh2 {
        margin-left: -100%;
        width: 100%;
        margin-top: 300px;
    }
    .tm-bottom-b .col-md-4 {
        width: 48.7%;
    }
    #tm-bottom-b {
        padding-right: 5px;
    }
    .TeaserHigh span {
        font-size: 27px;
    }
}

@media screen and (min-width: 658px) and (max-width: 1200px) {
    .categoriaPortadaSociety .list .primer,
    .categoriaPortadaDepth .list .primer,
    .categoriaPortadaCulture .list .primer,
    .categoriaPortadaSports .list .primer,
    .categoriaPortadaTech .list .primer {
        width: 58%;
    }
    .categoriaPortadaSociety .list .notprimer,
    .categoriaPortadaDepth .list .notprimer,
    .categoriaPortadaCulture .list .notprimer,
    .categoriaPortadaSports .list .notprimer,
    .categoriaPortadaTech .list .notprimer {
        width: 39%;
        min-width: 10px;
    }
    .categoriaPortadaSociety .list .thumbnailCategoriaPortada,
    .categoriaPortadaDepth .list .thumbnailCategoriaPortada,
    .categoriaPortadaCulture .list .thumbnailCategoriaPortada,
    .categoriaPortadaSports .list .thumbnailCategoriaPortada,
    .categoriaPortadaTech .list .thumbnailCategoriaPortada {
        min-width: 10px;
    }
}

@media screen and (min-width: 611px) and (max-width: 1092px) {
    .primerRelated {
        width: 49%;
        margin-right: 10px;
        margin-left: 0px;
        min-width: 200px;
    }
    .llistaRelated {
        width: 49%;
        margin-right: 0px;
        margin-left: 0px;
        min-width: 200px;
    }
    #RelatedNum2 {
        margin-left: -100%;
        width: 100%;
        margin-top: 70px;
    }
    #RelatedNum3 {
        margin-top: -76px;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 610px) and (max-width: 1320px) {
    #yoo-zoo .items .teaser-item .pos-media .element {
        min-height: 120px!important;
    }
}

@media screen and (max-width: 1028px) {
    /*Hide Tags Most View*/
    #tm-bottom-b .links {
        display: none;
    }
    #tm-bottom-b .description {
        padding-bottom: 30px;
    }
    #tm-bottom-b .description p {
        margin-bottom: 0px;
    }
    .zoo-filter-result .pos-description .element-itemname a,
    #yoo-zoo .items h1.pos-title,
    .blog-default-tag .pos-title-tags {
        font-size: 25px !important;
        letter-spacing: 0.1px;
        line-height: 28px;
    }
}

@media screen and (min-width: 611px) and (max-width: 893px) {
    #yoo-zoo .items .width33 {
        width: 50%;
        min-width: 250px;
    }
}

@media screen and (min-width: 611px) and (max-width: 906px) {
    .tagsView .width33 {
        width: 50% !important;
        min-width: 230px !important;
    }
    #yoo-zoo .items .row.first .width33.last {
        clear: left;
        width: 100%;
    }
    #yoo-zoo .items .row.first .width33.last .element-imagepro {
        padding-left: 20%;
        padding-right: 20%;
    }
    #yoo-zoo .items .row.first .width33.last img {
        width: 100%;
    }
    .tagsView .width33.last {
        width: 100% !important;
    }
    .tagsView .width33.last .element-imagepro {
        padding-left: 20%;
        padding-right: 20%;
    }
    .tagsView .width33.last img {
        width: 100%;
    }
    .zoo-filter-result .last-item .element-imagepro {
        padding-left: 20%;
        padding-right: 20%;
    }
    .zoo-filter-result .last-item img {
        width: 100%;
    }
    .zoo-filter-result .last-item {
        width: 100% !important;
    }
}

#yoo-zoo .items .element-relateditems .pos-content {
    padding: 0px;
}

.element-socialbookmarks h3 {
    line-height: 41px;
}


/*Video*/

#yoo-zoo .items .mejs-container .mejs-controls {
    bottom: -41px;
    height: 41px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    visibility: visible !important;
}

#yoo-zoo .items .element-mediapro {
    padding-bottom: 41px;
}

#yoo-zoo .items .mejs-container-fullscreen .mejs-controls {
    bottom: 0px;
    height: 30px !important;
    padding-top: 0px;
    padding-bottom: 0px;
    visibility: visible !important;
}

@media only screen and (max-device-width: 700px) and (orientation:portrait) {
    .mejs-container-fullscreen {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 100vh!important;
        height: 100vw!important;
        overflow: hidden;
        position: relative;
        transition: width 1s, height 2s;
    }
    .mejs-container-fullscreen .mejs-mediaelement {
        z-index: -1;
    }
}

@media only screen and (min-device-width: 701px) and (max-device-width: 1200px) and (orientation:portrait) {
    .mejs-container-fullscreen {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 100vh!important;
        height: 75vw!important;
        overflow: hidden;
        position: relative;
        transition: width 1s, height 2s;
    }
}

@media only screen and (orientation:landscape) {
    .mejs-container-fullscreen {
        background-color: black;
        width: 50vw!important;
        height: 100vh!important;
        overflow: hidden;
        position: relative;
        transition: width 1s, height 2s;
    }
    .mejs-container-fullscreen .mejs-mediaelement {
        position: relative;
    }
    .mejs-container-fullscreen .mejs-mediaelement video {
        height: 100vh !important;
        width: auto !important;
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width: 770px) {
    .fullRight .videoRelated iframe {
        width: 100%;
        height: 300px;
    }
}

@media screen and (max-width: 440px) {
    .fullRight .videoRelated iframe {
        width: 100%;
        height: 220px;
    }
}


/*Color de los links*/

a:hover,
a:focus {
    color: #9e9e9e!important;
}

#yoo-zoo .items .mejs-container .mejs-controls {
    background: rgba(119, 19, 37, 1);
}

#yoo-zoo .items .mejs-container-fullscreen .mejs-controls {
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
}

.mejs-time-rail {
    width: calc(100% - 150px) !important;
    /*-26 -40 -40 -26 -26*/
}

.mejs-time-total {
    width: calc(100% - 160px) !important;
}

#tm-bottom-b .lastOne {
    display: inline-block!important;
}

@media only screen and (max-device-width: 700px) {
    /*Small screens make easier to click the video butons from frontpage and full item page*/
    #tm-top-a .mejs-controls,
    #tm-top-c .mejs-controls,
    #yoo-zoo .item .mejs-controls {
        height: 40px;
    }
    #tm-top-a .mejs-button,
    #tm-top-c .mejs-button,
    #yoo-zoo .item .mejs-button,
    #yoo-zoo .items .mejs-button {
        height: 40px !important;
        padding-top: 5px !important;
    }
    #tm-top-a .mejs-time,
    #tm-top-c .mejs-time,
    #yoo-zoo .item .mejs-time,
    #yoo-zoo .item .mejs-time,
    #yoo-zoo .items .mejs-time {
        padding-top: 13px !important;
        height: 40px !important;
    }
    #tm-top-a .mejs-time-rail,
    #tm-top-c .mejs-time-rail,
    #yoo-zoo .item .mejs-time-rail,
    #yoo-zoo .item .mejs-time-rail,
    #yoo-zoo .items .mejs-time-rail {
        padding-top: 10px !important;
        height: 40px !important;
    }
    /*Category page videos already have a control bar visible, remove padding to make it easier to click*/
    #yoo-zoo .items .mejs-container .mejs-controls {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    #yoo-zoo .items .mejs-container-fullscreen .mejs-controls {
        height: 40px !important;
    }
    .mejs-container-fullscreen .mejs-controls {
        visibility: visible !important;
    }
}

.zoo-filter-result .total {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
}


/*Add h1 and h2*/

.layout-layout3 .title {
    margin-top: 0px;
    line-height: 30px;
}

.articleContent .uk-h5 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-weight: 600;
}

.TeaserHigh .highlights {
    margin: 0 0 25px 0;
    line-height: 1.428571429;
}

#yoo-zoo .items h2.pos-title {
    margin: 0px 0px 8px 0px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 42px;
    color: #323232;
    letter-spacing: -2px;
}

#yoo-zoo .items h2.pos-title a {
    color: #323232;
    text-decoration: none;
}

@media screen and (max-width: 1028px) {
    .zoo-filter-result .pos-description .element-itemname a,
    #yoo-zoo .items h2.pos-title,
    .blog-default-tag .pos-title-tags {
        font-size: 25px !important;
        letter-spacing: 0.1px;
        line-height: 28px;
    }
}

@media screen and (max-width: 610px) {
    #yoo-zoo .items h2.pos-title {
        min-height: 10px !important;
    }
}

.searchDone h1 {
    line-height: 1.428571429;
    font-size: 22px;
    color: #980B2E;
    text-transform: uppercase;
    font-family: 'Fira Sans Semibold', sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
}


/* open-sans-regular - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/googleFonts/open-sans-v15-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('./googleFonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./googleFonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('./googleFonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('./googleFonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./googleFonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-300 - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('./googleFonts/open-sans-v15-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'), url('./googleFonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./googleFonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('./googleFonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
    url('./googleFonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./googleFonts/open-sans-v15-latin-300.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* open-sans-600 - latin */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('./googleFonts/open-sans-v15-latin-600.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('./googleFonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./googleFonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('./googleFonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
    url('./googleFonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./googleFonts/open-sans-v15-latin-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
}


/* montserrat-regular - latin */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('./googleFonts/montserrat-v12-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url('./googleFonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./googleFonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('./googleFonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('./googleFonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./googleFonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg');
    /* Legacy iOS */
}


/* montserrat-700 - latin */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('./googleFonts/montserrat-v12-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url('./googleFonts/montserrat-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./googleFonts/montserrat-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('./googleFonts/montserrat-v12-latin-700.woff') format('woff'), /* Modern Browsers */
    url('./googleFonts/montserrat-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./googleFonts/montserrat-v12-latin-700.svg#Montserrat') format('svg');
    /* Legacy iOS */
}


/* fira-sans-condensed-600 - latin */

@font-face {
    font-family: 'Fira Sans Condensed';
    font-style: normal;
    font-weight: 600;
    src: url('./googleFonts/fira-sans-condensed-v2-latin-600.eot');
    /* IE9 Compat Modes */
    src: local('Fira Sans Condensed SemiBold'), local('FiraSansCondensed-SemiBold'), url('./googleFonts/fira-sans-condensed-v2-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./googleFonts/fira-sans-condensed-v2-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('./googleFonts/fira-sans-condensed-v2-latin-600.woff') format('woff'), /* Modern Browsers */
    url('./googleFonts/fira-sans-condensed-v2-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./googleFonts/fira-sans-condensed-v2-latin-600.svg#FiraSansCondensed') format('svg');
    /* Legacy iOS */
}


/* noto-serif-regular - latin */

@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 400;
    src: url('./googleFonts/noto-serif-v6-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Noto Serif'), local('NotoSerif'), url('./googleFonts/noto-serif-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./googleFonts/noto-serif-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('./googleFonts/noto-serif-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('./googleFonts/noto-serif-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./googleFonts/noto-serif-v6-latin-regular.svg#NotoSerif') format('svg');
    /* Legacy iOS */
}


/* noto-serif-700 - latin */

@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 700;
    src: url('../googleFonts/noto-serif-v6-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url('./googleFonts/noto-serif-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./googleFonts/noto-serif-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('./googleFonts/noto-serif-v6-latin-700.woff') format('woff'), /* Modern Browsers */
    url('./googleFonts/noto-serif-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./googleFonts/noto-serif-v6-latin-700.svg#NotoSerif') format('svg');
    /* Legacy iOS */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #ffffff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input,
select[multiple],
textarea {
    background-image: none;
}

a {
    color: #428bca;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #2a6496;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('./bootstrapIcons/glyphicons-halflings-regular.eot');
    src: url('./bootstrapIcons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('./bootstrapIcons/glyphicons-halflings-regular.woff') format('woff'), url('./bootstrapIcons/glyphicons-halflings-regular.ttf') format('truetype'), url('./bootstrapIcons/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-euro:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-briefcase:before {
    content: "\1f4bc";
}

.glyphicon-calendar:before {
    content: "\1f4c5";
}

.glyphicon-pushpin:before {
    content: "\1f4cc";
}

.glyphicon-paperclip:before {
    content: "\1f4ce";
}

.glyphicon-camera:before {
    content: "\1f4f7";
}

.glyphicon-lock:before {
    content: "\1f512";
}

.glyphicon-bell:before {
    content: "\1f514";
}

.glyphicon-bookmark:before {
    content: "\1f516";
}

.glyphicon-fire:before {
    content: "\1f525";
}

.glyphicon-wrench:before {
    content: "\1f527";
}

.paginasafata #newsletterMenuTop {
    display: none;
}

.paginasafata #newsletterLink {
    display: none;
}

.itsIE .categoriaPortadaSociety .list .primer .element-image,
.itsIE .categoriaPortadaDepth .list .primer .element-image,
.itsIE .categoriaPortadaCulture .list .primer .element-image,
.itsIE .categoriaPortadaSports .list .primer .element-image,
.itsIE .categoriaPortadaTech .list .primer .element-image {
    height: auto!important;
    min-height: 304px;
}

@media screen and (max-width: 800px) {
    .frontpagetopImage {
        height: 100%;
    }
}

.socialbookmarks.yoo-zoo a.yahoo {
    background-position: 0 0px;
    background: url(../../../images/logosocials/whatsapp-icon.png) 0 0 no-repeat;
    width: 40px;
    height: 40px;
}

.tm-top-a .layout-layout3 .description .element-itempublish_up {
    display: inline-block;
    color: #6f848d;
    font-family: 'Montserrat', sans-serif;
}

#tm-top-trial {
    background: #771424;
    margin-left: -25%;
    padding-left: 25%;
    margin-right: -23.1%;
    padding-right: 23.1%;
    padding-bottom: 20px;
}

#tm-top-trial .thumbnailCategoriaPortada {
    border-color: #771424;
}

@media screen and (max-width: 1300px) {
    #tm-top-trial {
        margin-left: 0px !important;
        padding-left: 0px !important;
        margin-right: 0px !important;
        padding-right: 0px !important;
    }
}

.blog-default-catalan-trial .heading {
    border-bottom: solid 3px #771424 !important;
}

.blog-default-catalan-trial .heading .title {
    color: #771424 !important;
}


/*Background dels videos*/

.mejs-video {
    background-color: white;
}

@media only screen and (min-width: 768px) {
    .divVideoPortada .mejs-video {
        width: 473px !important;
        height: 473px !important;
        margin: 0 auto !important;
        max-width: 100%;
        max-height: 100%;
    }
}


/*
@media (min-width:1079px){
	#tm-header {
		margin-top:200px;
	}
}
*/

@media only screen and (max-width: 946px) and (min-width: 821px) {
    #tm-header,
    .divImatgePortada {
        margin-top: 296px
    }
}

/* Ocultar color amarillo de adsense */
.adsense > ins{
	background : transparent !important
}