@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto Slab:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;600;637;700&display=swap');

@font-face {

    font-display: fallback;
}

@font-face {
    font-family: "FontAwesome", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
    src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
        url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
        url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
        url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
        url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}

@font-face {

    font-display: fallback;
}

a {
    text-decoration: none !Important;
}

a {
    text-decoration: none !Important;
    color: #65bda9;
    cursor: pointer;

}


a.link:hover {
    opacity: .8;
}

html {
    scroll-behavior: smooth;
}

li {
    list-style: none !important;
    text-align: justify;
     !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Slab', sans-serif;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.1 !important;
}

.modal-body h2 {
    text-align: left;
}

span.h1 {
    font-size: .8em !important;
}

h2.editorial {
    display: none;
}

h5 {
    margin-bottom: 0.5rem;
    font-weight: 200;

}

.loader {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader>img {
    width: 100px;
}

.hidden {

    animation: fadeOut 1s;
    animation-fill-mode: forwards;
    z-index: 1;

}

.hide-def {

    display: none;

}


body {
    font-family: 'Roboto Slab', sans-serif !important;
    font-weight: 300;
    font-size: 1em;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    text-rendering: optimizeSpeed;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
}

p {
    font-family: 'Roboto Slab', sans-serif !important;
    font-weight: 300;
    font-size: 1em;

    text-rendering: optimizeSpeed;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
}

.card {
    background-color: transparent;
}


.row {
    margin-left: auto !important;
    margin-right: auto !important;
}

h1.page-title {
    font-family: 'Roboto Slab', sans-serif;
    text-align: center;
    padding: 1em 0;
    color: #044e71;
    font-style: .8em;
}

header {
    height: 100vh;
    margin-top: 50px;
}

.header-logo {
    text-align: center;
}

img.logo {
    max-height: 70px;
    width: auto;
    margin: 1em auto;
    text-align: center;
}

header .col-sm-3 {
    padding: 2em 0;
    text-align: center;
    font-size: .8em;
    font-weight: 500;
}

.row.container {
    margin: auto;
}

/* MENU */
.navbar-nav {
    text-align: center;
    padding: .5em 0 !Important;
    background-color: #1da0d6;
    margin-bottom: 0;
}

.navbar {
    /* padding: 0 !important; */
    display: block;

}

.navbar-nav li {
    padding: 0 1em;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: 600;
}

.navbar-nav li a {
    color: #ffffff !important;
    letter-spacing: .1em;
}

ul.navbar-nav.mr-auto {
    width: 100%;
    text-align: center !important;
}

span.slogan {
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-size: .8em;
    padding: 1.5em;
    font-weight: 600;
    letter-spacing: .1em;
    color: #014c6b;
}

span.slogan:before {
    content: ' ';
    width: 200px;
    display: block;
    background: #ffdd09;
    height: 20px;
    z-index: -1;
    margin: 0 auto -1.7em auto;
}




.background-1 {
    background-color: #eeecec;
}

.background-2 {
    background: #f3f3f3;
}

.background-3 {
    background: #212529;
}
.background-4 {
    background: #212529f0;
}
.background-5 {
    background: #212529e6;
}

.background-orange {
    background-color: #e35b31;
}

.background-black {
    background: #131313;
}


.container.left.ministerio-ambiente {
    background-image: url('../images/imagen-8.jpg');
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



div#slide-background-imagen-2 {
    /* background-image: url('../images/congresso.jpg');
     background-size: contain !important;
 -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -o-background-size: contain !important; 
    background-repeat: no-repeat;
    background-position: bottom !important;*/
}

div#agencia-avaliacao-background {
    background-image: url('../images/ordem/agencia-avaliacao/agencia-avaliacao-background.jpg');
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-repeat: no-repeat;
    background-position: 20% !important;
}



div#plano-background {
    background-image: url("../images/ordem/plano/plano-background.jpg");
    height: 100%;
    padding: 1.5em;
    background-position-x: 50%;
}
@media (max-width: 767px) {
    div#plano-background {
       
        background-position-x: 93%;
    }


}



#catarina-duarte-background {
    background-image: url('../images/entrevista/catarina-duarte/catarina-duarte-background.jpg');
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-repeat: no-repeat;
    background-position: 50% !important;
}

#conselho-jovens-background {
    background: linear-gradient(rgba(0, 0, 0, .6),
        rgba(0, 0, 0, .1)),
        url("../images/ordem/conselho-jovens/conselho-jovens-background.jpg") 50% / cover fixed;
    height: 100%;
    padding: 1.5em;
    background-position: 43% bottom;
}

#reuniao-ministro-background {
    background: linear-gradient(rgba(0, 0, 0, .6),
        rgba(0, 0, 0, .1)),
        url("../images/ordem/reuniao-ministro/reuniao-ministro-background.jpg") 50% / cover fixed;
    height: 100%;
    padding: 1.5em;
    background-position-x: 70%;
}

#entrevista-salomao-rocha-background {
    background-image: url("../images/entrevista/salomao-rocha/salomao-rocha-background.jpg");
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 50%;
}


#atualizao-background {
    background-image: url("../images/ordem/servico/3-background.jpg");
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 50%;
}

#radiologia-background {
    background-image: url("../images/ordem/radiologia/radiologia-background.jpg");
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 50%;
}



#celebrar-background {
    background-image: url("../images/ordem/congresso/celebrar-backgrpound.jpg");
    background-size: cover !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    /* background-position-x: 50%; */
    /* background-position-y: 90% !important; */
}

#roteiro-background {
    background-image: url("../images/ordem/roteiro/roteiro-background.jpg");
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 50%;
}
#conselho-europeo-background {
    background-image: url("../images/europa/conselho/conselho-background.jpg");
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 100%;
}


#especializacao-medicina-background {
    background-image: url("../images/europa/especializacao-medicina/especializacao-medicina-background.jpg");
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 50%;
}


#fedcar-background {
    background-image: url("../images/europa/reguladores/fedca-background.jpg");
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 50%;
}

#federacao-dentaria-background {
    background-image: url("../images/global/federacao-dentaria/federacao-dentaria-background.jpg");
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 50%;
}


div#slide-background-global-left {


    background-image: linear-gradient(120deg, #bbb6b6b3 0%, transparent 49.9%, #fff 50%);
}



div#pal-susanne-background {
    background: #eeecec;
    background-image: url("../images/global/susanne/susanne-background.png");
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 30% !important;
    background-position-x: center !important;
}

div#federacao-dentaria-background {
    background: linear-gradient(rgba(0, 0, 0, .6),
        rgba(0, 0, 0, .1)),
        url("../images/global/federacao-dentaria/federacao-dentaria-background.jpg") 50% / cover fixed;
    /* height: 100%; */
    /* padding: 1.5em; */
    background-position: 40% 100%;
}

div#orginazao-mundial-background {
    background: linear-gradient(rgba(0, 0, 0, .6),
        rgba(0, 0, 0, .1)),
        url("../images/global/orginazao-mundial/orginazao-mundial-background.jpg") 50% / cover fixed;
    /* height: 100%; */
    /* padding: 1.5em; */
    background-position: 40% 100%;
}



div#slide-background-dia-mundia-saude {
    background-image: linear-gradient(137deg, hsl(-176deg 39% 49%) 0%, #285a57e0 49.9%) !important;
}






.owl-slide.d-flex.align-items-center.cover.post-it-background {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/vai-acontecer/post-it/post-it-background.jpg');
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-position: center !important;

}




div#slide-background-os-13-mil {
    background: #5ab9a5;
    background-image: url('../images/os-13-mil/susana-traila.jpg');
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center !important;
    /* background: red; */
    background-position-y: 50%;
}

#orginazao-regional-background {

    background: linear-gradient(rgba(0, 0, 0, .8),
        rgba(0, 0, 0, .1)),
        url("../images/europa/orginazao-regional/orginazao-regional-background.jpg") 50% / cover fixed;
    
   
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;

    background-position-x: center !important;
    /* background: red; */
}

div#federacao-background {
    background: #5ab9a5;
    background-image: url('../images/global/federacao-dentaria-internacional/federacao-background.jpg');
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;

    background-position: center !important;
    /* background: red; */
}



div#slide-background-formacao {
    background-image: url("../images/ordem/formacao-em-medicina/formacao-background-right.jpg");
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center !important;
    /* background: red; */
}

div#slide-background-boas-practicas {
    background: #fff;
    background-image: url('../images/ordem/boas-practicas/boas-practicas-cartel.jpg');
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-repeat: no-repeat;

    background-position-x: center !important;
    /* background: red; */
}

div#slide-background-color-entrevista {
    /* background: linear-gradient(to right, #555454 4px, transparent 4px) 0 100%, linear-gradient(to left, #565555 4px, transparent 4px) 100% 0, linear-gradient(to bottom, #555454 4px, transparent 4px) 100% 0, linear-gradient(to top, #555454 4px, transparent 4px) 0 100%; */
    background-image: linear-gradient(120deg, #bbb6b6b3 0%, transparent 49.9%, #fff 50%);
}






div#germano-silva-background {
    background-image: url('../images/estilo-de-vida/germano-silva-background.png');
    /* background: red; */
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-repeat: no-repeat;
    /* background-position: 40% !important; */
    /* background-position-y: 10% !important; */
    background-position: 20%;
}

.max-width-img {
    max-width: 280px;
    margin-bottom: 40px !important;
}



section#espanadigital h1.page-title {
    text-align: left;
    max-width: 500px;
}

section#espanadigital h3 {
    text-align: right;
    color: #ffffff;
    font-family: 'Yeseva One';
    font-size: 2em;
}

section#espanadigital .info {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #ffffff;
    padding: 0 1em;
    max-width: 400px;
    text-align: right;
}



.card-body {
    padding: 0em 0;
}

.card-header {
    padding: 0 !important;
}

#espanadigital .col-sm-12 {
    min-height: 67%;
}

li.nav-item:hover {
    background: #ffffff30;
}

.interviewed h3.no-padding-bottom {
    padding-bottom: 0;
}

.interviewed span.small-title {
    padding: 0 0 1em 0;
    font-size: 1.25em;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .15em;
    text-align: center;
    margin: auto;
    display: block;
}

.summary {
    padding: 0px;
}

/* END HOMEPAGE */

/* SIDEBAR */
li.nav-item {
    display: inline-flex;
}


li.nav-item a {
    display: inline-flex;
    color: #ffffff;

}

ul.mr-auto {
    text-align: right;
    margin-bottom: 0;
    padding: .5em;
    font-size: .85em;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .1em;
}


@media (min-width: 600px) {
    nav#menu.navbar {
        display: block;
    }

    button.mobilemenu {
        display: none;
    }

}

@media (max-width: 600px) {

    .responsive.absolute-position {
        max-width: 300px;
        position: relative !important;
        right: 0;
        /* top: 10px; */
        bottom: 20px;
        margin-top: 30px;
    }

    nav#menu.navbar {
        display: none;
    }

    button.mobilemenu {
        display: block;
    }

    /* ul.menu {
        margin-top: 112px;
    }*/

    .row.justify-content-center.portada-contenedor .owl-slide-text {
        flex-direction: column;
        align-content: center;
        justify-content: center;
        display: flex;
        align-items: center;
    }

    div#slider .container {
        /* max-width: 90% !important; */
        z-index: 9;
        width: 100vw !important;
        overflow-y: hidden;
        display: flex;
        align-items: center;

    }

    .row.justify-content-center.portada-contenedor .owl-slide-text {
        flex-direction: column !important;
        align-content: center !important;
        justify-content: center !important;
        display: flex !important;
        align-items: center !important;
    }

    ul.index-list li {
        /* width: 100vw; */
        background: #f2f1f1;
        border-bottom: 1px dashed #c3c3cd;
        padding: .4em !important;
        display: flex;
        justify-content: space-between;
        color: red;
    }

    ul.index-list li a {

        font-size: .8em !important;
    }

    img.responsive.dedo {
        display: none !important;
    }


    .col-12.static.edit {
        display: flex !important;
        justify-content: center !important;
    }

    .scrollable-editorial {
        max-width: none !important;
        padding: 30px 10px 30px !important;
    }

    .scrollable-editorial a {
        word-break: break-all;
    }

    h2.interview-carrusel.carousel-title {


        display: flex;
        align-items: center;
    }



    div#slider .container {
        max-width: 700px !important;
        width: 100vw !important;
        max-width: none !important;
    }

    .owl-carousel .owl-item img {
        display: block;
        /*  width: 100% !important;*/
        height: auto;

    }



    img.responsive.logo-img {
        max-width: 306px !important;
        margin-bottom: 1em !important;
    }

    .container .card .imgBx img {
        position: absolute;
        top: 40% !important;
        left: 50%;
        transform: translate(-50%, -50%) rotate(360deg);
        display: inline-block;
        border-radius: 50%;
        background: #68cdb682;
        height: 203px !important;
        width: 203px !important;
        max-width: 203px !important;
    }

    .scrollable-editorial {
        max-height: 550px !important;
    }

    .square {
        max-width: 300px;
        max-height: 300px;
        position: absolute;
        opacity: .5;
        width: 500px;
        height: 500px;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        max-width: 300px;
    }

    .youtube-video {
        aspect-ratio: 16 / 9;
        width: 100%;

    }

    div#player iframe {
        aspect-ratio: 16 / 9;
        width: 100%;
    }

    /*  iframe#video {
        border: 6px solid #f3f3f3 !important;
    }*/

    .carousel-caption.d-none.d-md-block {

        /* min-height: 384px; */
        /*  min-height: 386px !important;*/
    }

    ul.menu-top li:first-child {
        /* font-size: 12px; */
        /* margin: 0 8px 0; */
        margin: 0;
    }

    .left-side {

        padding: 0 0px 0px 0px !important;

    }

    .floating-footer {
        padding: 0 0px 0px 0px !important;
    }

    .no-faces {

        top: 10% !important;

    }

}



.openbtn {
    font-size: 1.5em;
    cursor: pointer;
    color: #014c6b;
    border: none;
    background: transparent;
}

.openbtn:hover {
    background-color: transparent;
    color: #014c6b60;
}

#main-container {
    transition: margin-right .5s;
}

.mobile-menu {
    display: none;
}

.menu {
    display: block;
}


section#bannerzone .banner .container {
    box-shadow: 0 0 20px #01010110;
    padding: 2em;
}

section#bannerzone {
    padding: 4em 0;
}

h3.banner-title {
    font-family: 'Yeseva One', sans-serif;
    margin-bottom: 1em;
    font-size: 1.7em;
    color: #014c6b;
}

.banner {
    margin: 1em auto;
}

.banner .info img {
    max-width: 100%;
    margin-bottom: 1em;
}

.banner .info {
    text-align: justify;
}

.banner span.pretitle {
    font-size: .85em;
    letter-spacing: .1em;
    font-weight: 600;
    color: #0097c8;
    text-transform: uppercase;
}

.banner h3.banner-title {
    border-bottom: 10px solid;
    padding: .5em 0;
}

.banner .category {
    position: absolute;
    top: -.5em;
    width: 100%;
    text-align: center;
    left: 0;
}

.banner .category span {
    padding: .5em 1em !important;
    background: #0097c8;
    font-size: .8em;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #ffffff;
}

span.more {
    display: block;
    width: 100%;
    text-align: right;
    font-size: .8em;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 400;
}

span.more a {
    padding: .5em 1em;
    background: #f1f1f1;
    color: #014c6b;
    transition: .3s;
}

span.more a:hover {
    background: #c1c1c1;
    color: #ffffff;
    transition: .3s;
}


.banner #funcionpublica span {
    background: #010101;
}

.banner #noticias span {
    background: #f1b306;
}

.banner #educacion span {
    background: #50dab4;
}

.banner #salud span {
    background: #F44336;
}



@media (max-width: 600px) {
    body {
        margin: 0;
    }

    #menu {
        display: none;
    }

    header .col-sm-3 span {
        display: none !important;
    }



    .mobile-no-visible {
        display: none !Important;
    }

    .col-sm-6.header-logo {
        padding: 0 !important;
        width: 100%;
        margin: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    header .row.col-sm-12 {
        padding: 0;
        width: 100%;
        margin: 0;
    }

    span.slogan {
        font-size: .7em;
    }

    .col-sm-6.col-xs-6.col-xl-6.header-logo img {
        max-height: 40px;
    }

    button.openbtn {
        position: absolute;
        top: 1em;
        right: .5em;
    }

    div#indice-container {
        text-align: left !important;
    }

    li.nav-item {
        display: block;
        text-align: left !important;
    }

    ul.mr-auto {
        padding: 0;
    }

    section#espanadigital {
        background-image: url("https://www.teatro.es/contenidos/figuras/images/sliderhome_mobile.jpg");
    }

    section#espanadigital .page-title {
        color: #ffffff;
    }

    div#partners #links {
        text-align: center !important;
    }

    footer span.copyright {
        margin-top: 2em !important;
        width: 100% !important;
        display: block;
    }

    .col-sm-12.col-md-12.col-lg-4.emptyblock {

        border-top: 1px solid #f2f1ed;
    }

    .carousel-control-next,
    .carousel-control-prev {

        top: calc(50%) !important;

    }

    h2.interview.big.big-screen {
        font-size: 2rem !important;
        text-align: right;
        line-height: 1 !important;
    }

    .no-padding-left {
        padding: 0;
    }

    .no-padding-right {
        padding: 0;
    }

    .no-padding {
        padding: 0;
    }

    .gallery-grid-wrapper,
    .custom-columns {
        display: grid;
        grid-template-columns: auto !important;

    }

    .image-interview,
    .image-interview-1,
    .image-interview-2 {
        min-height: 260px;


    }




    .image-interview-2 {
        min-height: 212px;
        width: 100% !important;
    }


    .image-estilo-vida {
        min-height: 500px;
        width: 100% !important;
    }

    .federacao {
        min-height: 500px;
        width: 100% !important;
    }


}

/* END SIDEBAR */

/* FOOTER */
footer#footer a:hover {
    color: #666565;
}

div#ministerio {
    background: ;
    text-align: center;
    padding: 1em 0;
}

div#partners #links {
    background: #f1f1f1;
    padding: 3em 2%;
    text-align: right;
}

div#partners #links a {
    color: #014b6b;
    font-weight: 500;
    letter-spacing: .05em;
}

div#partners #links a {
    padding: 1em;
    font-size: .8em;
}

div#partners #links a:hover {
    opacity: .7;
}

div#links p {
    margin: 0 !important;
    padding: 0 !important;
}

div#partners {
    width: 100%;
    padding: 0;
    margin: 0;
}

div#ministerio img {
    max-height: 90px;
}

footer span.copyright {
    font-size: .8em;
    padding: 1em;
    color: #014c6b;
}

/* END FOOTER */

/* SLIDER */
#jssor_1 {
    position: relative;
    margin: 0 auto;
    top: 0px;
    left: 0px;
    width: 100% !important;
    height: 90vh !important;
    overflow: hidden;
    visibility: hidden;
}

#sliderhome {
    cursor: default;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 90vh;
    overflow: hidden;
}

/* END SLIDER */


/* TOP BAR */
.top-bar.row div img {
    flex: 0 0 32.3%;
    height: 100%;
    padding: 0;
    height: auto;
    margin: 0;
    /* max-width: 32.33%; */
    /* display: inline-flex; */
    /* padding: 5px; */
}

.top-bar.row div {
    padding: 0;
}

.top-bar.row h1,
.top-bar.row span.h1 {
    text-align: left;
    font-size: .9em;

    letter-spacing: .1em;
    background: #ffffff;
    padding: .5em;
    color: #000000;
    font-weight: 400 !important;
    font-family: 'Roboto Slab', sans-serif;
}

.top-bar.row h1,
.top-bar.row .emptyblock,
.top-bar.row span.h1 {
    background: #ffffff;
    margin: 0;
}

.col-sm-4.col-md-4.emptyblock {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.col-sm-12.col-md-12.col-lg-4.emptyblock {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;

}

div#top {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-bottom: 1px solid #59b9a4;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .6);
    position: fixed;
    z-index: 99999999999999;
    width: 100%;
    top: 0;
}


.top-bar.row {
    margin: 0;
}

.col-sm-8.col-md-8.slogan {
    background: #ffffff;
    text-align: center;
}


.top-bar.row .slogan {


    text-align: center;
}

#homepage .top-bar.row .slogan {
    line-height: .5em !important;
}

.top-bar.row span.h1 {
    padding: 0;
}

.top-bar .col-md-1 {
    display: block;
    width: 100%;
    max-width: 100%;
}


.top-bar {
    background: #ffffff;
}

/* END TOP BAR */

/* SLIDER */
.d-flex {
    display: flex !important;
    justify-content: center;
}

div#slider #slide-footer.container {
    max-width: 970px !important;
}

div#slider .portada {
    max-width: 900px !important;

}

/*div#slider .container {
    max-width: 60% !important;

}*/
.container.left {
    margin-right: 0;

}

.container.right {
    margin-left: 0;
}

.container.center {
    margin-left: auto;
}

.owl-slide-animated.owl-slide-subtitle.mb-3.is-transitioned {}

h2.interview.big {}

div#slide-nati-mistral .owl-slide-text {
    padding: 0 0 0 15% !important;
}

div#slide-nati-mistral a.btn.btn-primary.owl-slide-cta,
div#slide-ana-belen a.btn.btn-primary.owl-slide-cta {
    border-color:  !important;
    color: #000000 !important;
}

div#slide-pepa-plana a.btn.btn-primary.owl-slide-cta:hover,
div#slide-ana-belen a.btn.btn-primary.owl-slide-cta:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

div#slide-nati-mistral a.btn.btn-primary.owl-slide-cta:hover,
div#slide-ana-belen a.btn.btn-primary.owl-slide-cta:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.owl-dots {
    left: 155px !important
}

/* END SLIDER */

:root {
    --main-white-color: white;
    --main-black-color: black;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.static {
    position: static;
}

.static a.btn.btn-primary {
    text-align: center;
}

.btn.btn-primary {

    text-align: center;
}

.owl-slide-text.center-button {
    text-align: center;
}

.cover {
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
}

.owl-carousel .owl-slide {
    position: relative;
    height: 100%;
    background-position-y: 50%;
    background-position-x: 50%;
    display: flex;
    justify-content: center;
}

div#slide-irene-gutierrez-caba {

    background-position: 60% !important;
}

.owl-carousel .owl-slide-animated {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.05s;
}

.owl-carousel .owl-slide-animated.is-transitioned {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}

.owl-carousel .owl-slide-title.is-transitioned {
    transition-delay: 0.2s;
}

.owl-carousel .owl-slide-subtitle.is-transitioned {
    transition-delay: 0.35s;
}

.owl-carousel .owl-slide-cta.is-transitioned {
    transition-delay: 0.5s;
}

.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
    position: absolute;
}

div#logo {
    position: absolute;
    top: 4em;
    z-index: 9;
    left: 1em;
    display: block;

}

div#logo img {
    max-height: 37px;
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(-1px 0px 2px #222);
}

/*.owl-carousel .owl-nav {
    display: none;
}*/

.owl-carousel .owl-dots .owl-dot,
.owl-carousel .owl-nav [class*="owl-"]:focus {
    outline: none;
}

.owl-carousel .owl-dots .owl-dot span {
    background: transparent;
    border: 1px solid var(--main-black-color);
    transition: all 0.2s ease;
}

.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span {
    background: var(--main-black-color);
}

.owl-carousel .owl-nav {
    width: 100%;
    left: 50%;
    /*top: 50%;*/
    top: calc(50% - 50px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

button.owl-prev {
    position: absolute;
    /* color: white; */
    /* background: red; */
    left: 0;
}

.owl-nav button {
    background: #5e5e5e29;
    border: 0px;
    padding: 5px;
}

button.owl-next {
    position: absolute;

    right: 0;
}

.owl-carousel .owl-nav svg {
    /*opacity: 0.5;*/
    transition: opacity 0.3s;
}

.owl-carousel .owl-nav button:hover svg {
    opacity: 1;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
    background: transparent;
}

section {
    display: none;
}

@media screen and (max-width: 575px) {
    /*  .owl-carousel .owl-nav {
        top: 90%;
    }

    .owl-carousel .owl-nav svg {
        width: 24px;
        height: 24px;
    }*/
}

.owl-dots {
    right: 2em;
    top: 3em !important;
    text-align: right !important;
}

.owl-dots button span {
    padding: 0 1em;
    /*margin: 0 1em !important;*/
}

.owl-carousel .owl-dots .owl-dot span {
    border: 0;
    height: 0;
    width: 0;
}

.owl-carousel .owl-dots .owl-dot:first-child span:after {
    content: '01_';
}

.owl-carousel .owl-dots .owl-dot:nth-child(2) span:after {
    content: '02_';
}

.owl-carousel .owl-dots .owl-dot:nth-child(3) span:after {
    content: '03_';
}

.owl-carousel .owl-dots .owl-dot:nth-child(4) span:after {
    content: '04_';
}

.owl-carousel .owl-dots .owl-dot:nth-child(5) span:after {
    content: '05_';
}

.owl-carousel .owl-dots .owl-dot:nth-child(6) span:after {
    content: '06_';
}

.owl-carousel .owl-dots .owl-dot:nth-child(7) span:after {
    content: '07_';
}


.owl-carousel .owl-dots .owl-dot:nth-child(8) span:after {
    content: '08_';
}

.owl-carousel .owl-dots .owl-dot:nth-child(9) span:after {
    content: '09_';
}

button.owl-dot:not(.active) {
    opacity: .6;
}


.owl-carousel .owl-dots .owl-dot span {
    color: #ffffff;
}

h2.owl-slide-title {

    color: #ffffff;
    font-weight: 900;
    font-family: 'Roboto Slab', sans-serif !important;
}

h2.owl-slide-title span {
    color: #040404;
}

a.btn.btn-primary.owl-slide-cta {
    border: 1px solid #ffffff;
    border-radius: 0;
    padding: .5em 1.5em;
    font-family: 'Roboto Slab', sans-serif;
    letter-spacing: .2em;
    background: transparent;
    font-weight: 300;
    transition: .2s;
}

a.btn.btn-primary.owl-slide-cta:hover {
    background-color: #ffffff;
    color: #000000;
    transition: .2s;
}

a.btn.btn-primary.owl-slide-cta:focus {
    border: 0px;
    box-shadow: 0 0 0 0.25rem rgb(208 33 40);
}

.owl-slide-subtitle {
    color: #000000;
    font-weight: 300;
    font-size: .9em;
}

h2.owl-slide-animated.owl-slide-title.is-transitioned {
    line-height: 1em;
}







.owl-carousel .owl-dots .owl-dot span {
    font-family: 'Roboto Slab', sans-serif;
}

div#slide-footer {
    margin: 0 auto;
    text-align: left;
    padding: 1.5em;
    display: table;
    width: 100%;
    font-size: .8em;
}

div#slide-footer .col-sm-6 {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding: 0 1em 0 0;
}

div#slide-footer #INAEM {
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 2em !important;
}

/* FOOTER SLIDER */
div#INAEM p {
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0;
    font-family: 'Roboto Slab', sans-serif;
    margin-bottom: 0;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 2em !important;
}

#INAEM span {
    font-weight: 400;
}

div#edicion {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.2em;
}

div#edicion h2 {}

div#edicion h2 span {
    font-weight: 300;

}

/* END FOOTER SLIDER*/

/* NÚMERO ACTUAL */
div#numeroactual {
    padding: 3em 0px 3rem;
    background: #f2f1ed;
}

div#numeroactual .container {
    max-width: 850px;
}

div#numeroactual h2,
.numero-anterior h4 {
    text-align: left;
    padding: 0 0 .5em 0;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 2em;
    font-weight: 200;
}

div#numeroactual li {
    text-align: left !important;
    font-size: .9em;
    font-weight: 300;
    padding: 0;
}

div#numeroactual li a,
.numero-anterior li a {
    color: #000000;
    font-size: 1.4em;
    font-weight: 200;
}

.numero-anterior li {
    display: inline-block;
    width: 50%;
    padding: .5em .5em;
}

div#numeroactual li a:hover,
.numero-anterior li a:hover {
    opacity: .8;
}

.numero-anterior h4 {
    font-size: 1.5em !important;
    font-weight: 200 !important;
    padding: 0 .2em !important;
    text-transform: uppercase;
    font-family: 'Roboto Slab', sans-serif !important;
}

div#numerosAnteriores .container {
    padding: 1em 0;
}

.numero-anterior li.no-padding-mid {
    padding-top: .2em !important;
}

.anteriores-title {
    margin-top: 2em;
    padding: 0;
    text-align: left;
    font-size: 2em;
    font-family: 'Roboto Slab', sans-serif;
    text-transform: uppercase;
    font-weight: 200;
}


/* END NÚMERO ACTUAL */

/* ENTREVISTADO */
.interviewed img {
    width: 100%;
}

.interviewed {
    padding: 3em 0;
}

.interviewed h3 {
    font-weight: 400;
    padding: 1em 0
}

.interviewed h3 span {
    font-weight: 200;
}

.interviewed .summary {
    border-left: 20px solid #f2f1ed;
    padding-left: 1em;
    text-align: justify;
    text-indent: 10px px;
}

.interviewed a {
    color: #000000 !important;
    transition: .2s;
}

.interviewed a img:hover {
    opacity: .9 !Important;
    transition: .2s;
}

.interviewed a:hover {
    color: #00000090 !important;
    transition: .2s;
}

.interviewed a.link {
    text-align: right !important;
    float: right;
    padding: .5em 1em;
    text-transform: uppercase;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: .9em;
    border: 1px solid;
    transition: .2s;
}

.interviewed a.link:hover {
    background: #000000;
    color: #ffffff !Important;
    transition: .2s;
    border-color: #000000;
}

/* END ENTREVISTADO */

/* FOOTER */
footer#footer {
    text-align: center;
    font-size: .85eM;
    position: fixed;
    bottom: 0;
    width: 100%;
    /* height: 100%; */
    z-index: 99999;
    max-height: 50px;
    display: flex;
    justify-content: flex-end;
}

footer#footer .container,
footer#footer .container p {
    padding: 0 !important;
    margin: 0;
    text-align: right !important;
    font-size: .9em;
    margin: 0 !important;
}

.row.container.footer-mic {
    margin: 0;
    display: flex;
    justify-content: flex-end;
}

#copyright {
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: .8em;
}

#copyright a {
    color: #000000;

}

#editorial {
    padding: 3em 3em 0em 3em;
    text-align: justify;
}

/* END FOOTER */

/* TO TOP */
.totop {
    position: fixed;
    bottom: 1em;
    z-index: 9;
    right: 1em;
    display: table-cell;
}

.totop a i {
    color: #ffffff;
    padding: 1em;
    border-radius: 50%;
    background: #000000;
    font-size: 1.3em;
}

.totop a i:hover {
    background-color: #00000080;
}

/* END TO TOP */

/* CREDITOS */
button.btn.btn-link *:not(i) {
    display: inline;
    font-size: 1.5em;
    font-family: 'Roboto Slab', sans-serif;
    color: #000000;
}

button.btn.btn-link * {
    color: #000000;
    line-height: 1em;
}

button.btn.btn-link span {
    font-weight: 200;
}

button.btn.btn-link h4 {
    font-weight: 300;
}

button.btn.btn-link i {
    font-size: 1em;
    padding: 0 .5em;
}

div#headingFour {
    background: transparent;
    border: 0 !important;
}

.card {
    border: 0 !Important;
}

.accordion ul * {
    text-align: left !important;
}

section#credits button {
    padding: 0;
}

section#credits h4 {
    padding-right: .2em;
}

.card-body li {
    padding-top: 1em !important;
}


.card-body ul li ul li,
.card-body li.no-padding {
    margin: 0 !important;
    padding: 0 !important;
}

.card-body li.no-padding-mid {
    padding-top: .5em !important;
}

section#credits .card-body {
    font-size: 1.1em;
    font-weight: 300;
}

section#credits .card-body strong {
    font-weight: 500;
}

.card-body span.small {
    line-height: 1em !important;
    margin: 0 0 1em 0 !important;
    display: block;
    font-weight: 300;
    font-size: 75%;
}

section#credits .card-body li {
    margin: 1em 0;
}

section#credits .card-body {
    font-size: 1.2em;
    padding: 0;
}

.card-header {
    padding: 0 0 .5em 0 !important;
    background: transparent !important;
    border: 0 !important;
}

button.btn-link:hover {
    text-decoration: none;
    opacity: .7;
}

div#credits *,
div#interviewFile * {
    text-decoration: none !important;
}

div#credits li,
div#credits p,
div#interviewFile li,
div#interviewFile p {
    font-size: 1em !Important;
}

p.creditos-sub {
    font-weight: 200;
    line-height: 1.2;
    font-family: 'Roboto Slab', sans-serif !important;
    text-decoration: none !important;
    font-size: 1.25rem !important;
    text-indent: 0px !important;
}

/* END CREDITOS */
#homepage div#main-container {
    padding: 0 0 2em 0 !important;
}

/* NUMEROS ANTERIORES */
section#previouseditions a {
    display: block;
    margin: auto;
    padding: .5em;
    width: 100%;
    text-align: center;
    font-family: 'Roboto Slab', sans-serif;
    color: #000000;
    font-weight: 200;
    font-size: 1em;
    text-transform: uppercase;
    border: 1px solid;
    margin: 0;
    transition: .2s;
}

section#previouseditions a:hover {
    background-color: #000000;
    color: #ffffff;
    transition: .2s;
    border-color: #000000;
}

/* END NÚMEROS ANTERIORES */
@media (min-width:600px) {
    .image-link i {
        height: 100%;
    }
}

/* ENTREVISTADO PAGE */
body.interviewed-page header {
    background: #f2f1ed;
    padding: 1.5em 0;
}

body.interviewed-page .interviewed {
    padding: 3em 0 1em 0;
}

#logo-entrevista img {
    max-height: 60px;
    width: auto;
    margin: 1em auto;
    display: block;
}

div.interviewed h1,
div.interviewed span {
    display: inline-flex;
}

div.interviewed h1 span {
    font-weight: 200;
}

div.interviewed span {
    padding-left: .5em;
}

div.interviewed h1 {
    margin: 0 0 .5em 0;
}

div.interviewed a.link {
    margin-top: 1em;
}


a,
a:hover,
a:focus {
    text-decoration: none !important;
}

.image-link i {
    position: absolute;
    font-size: 5em;

    width: 100%;
    display: table;
    color: #ffffff80;
    text-align: center;
    padding: 22.5% 0;
    top: 0;
    line-height: 1em !important;
    transition: .2s;
}

.image-link a:hover i {
    color: #ffffff;
    transition: .2s;
    background-color: #01010150;
}

.fa-youtube:before {
    line-height: 1em !important;
    margin: 0 !important;
    padding: 0 !important;
}

.image-link.col-sm-12 {
    padding: 0;
}

div.interviewed a.link i {
    padding: 0 0 0 1em;
}

#moments img {
    width: 100%;
}

#moments i {
    font-size: 1.5em !important;
}


div#moments {
    padding: 1.5em 0 0 0;
}

div#moments h3 {
    font-weight: 300;
    text-transform: uppercase;
}

div#moments a:hover i {
    background: transparent;
}

.interviewed-page div#content h2,
.interviewed-page div#content p {
    font-weight: 300;
}

.interviewed-page div#content {
    margin-bottom: 3em;
}


.interviewed-page div#content .author {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 1.3em;
}

.interviewed-page div#content h2 {
    padding: 1em 0 .5em 0;
}


body.interviewed-page p,
body.interviewed-page li {
    font-size: 1.2em;
    text-align: justify;
    text-indent: 10px;
}

.interviewed-page button.btn.btn-link h4,
.interviewed-page #numeroactual h2,
.interviewed-page h2,
div#moments h3,
div#more h3 {
    color: #010101;

    text-transform: none;
    font-weight: 300;
    padding-left: 0;
    padding-right: 0;
}

.carousel {
    position: relative;


    display: flex;
    align-items: center;
}

div#more.row h3 {
    padding: 0;
}

.interviewed-page .container {
    padding-left: 0;
    padding-right: 0;
}

.interviewed-page div#numeroactual {
    margin-top: 3em;
}

body.interviewed-page footer#footer p {
    text-align: center !important;
}

body.interviewed-page div#numeroactual li {
    font-size: 1em;
    font-family: 'Roboto Slab', sans-serif;
}

body.interviewed-page div#numeroactual li a {
    font-size: 1.1em;
    font-family: 'Roboto Slab', sans-serif;
}

div.interviewed h1 {
    font-weight: 400;
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .2s ease-in-out !important;
    transition: transform .2s ease-in-out !important;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out !important;
}

div#moments h4 {
    font-family: 'Roboto Slab', sans-serif;
    font-size: 1.1em;
    padding: .5em 0;
    font-weight: 300;
    color: #000000;
    letter-spacing: 0 !important;
}

div#numeroactual.bottom li a.active {
    font-weight: 400 !important;
}

div#more h3 {
    display: block;
    width: 100%;
    max-width: 100%;
}

div#more ul {
    clear: both !important;
    width: 50%;
    padding: 0px;
}

div#more ul li {
    text-align: left !important;
}

.image-link.col-sm-4 {
    padding: 0 .5em 0 0;

}

div#slider .container {
    /* max-width: 90% !important; */
    z-index: 9;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    overflow-x: hidden;
    padding: 20px;
}

video {
    width: 100%;
    height: auto;
}



img.responsive.logo-img {
    max-width: 500px;
    margin-bottom: 1em !important;
    border-radius: 0 !important;
}

/* END ENTREVISTADO PAGE */


/* RESPONSIVE */
@media (max-width:912px) {

    .owl-dots {
        display: none !important;
    }

    ul.menu {
        padding: 0;
        padding-top: 150px;
        /* padding-bottom: 150px; */
    }

    .row.justify-content-center {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }



}

@media (max-width:600px) {

    body {

        overflow-y: hidden;
    }

    .owl-slide .container {
        max-width: 100%;
    }


    /*   div#myCarousel {
        margin-bottom: 37px;
        padding-bottom: 7px;
    }*/



    .top-bar.row .col-sm-3 {
        flex: 0 0 33.33%;
        padding: 0 !important;
        margin: -.1em 0;
        max-width: 33.33%;
    }

    .top-bar.row div {
        padding: 0 !Important;
        padding: 0 !Important;
    }

    .top-bar.row div img {
        width: 100% !important;
        height: auto;
        margin: 0 !important;
        padding: 0 !important;
    }

    .top-bar.row .slogan {
        padding: .3em !important;
    }

    .top-bar.row span.h1 {
        font-size: .7em;
    }

    ul.menu-top.tablet-hide {
        display: none;
    }

    .top-bar.row .col-sm-8 {
        flex: 0 0 100%;
    }

    .col-10.col-md-6.static {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    .owl-carousel .owl-dots .owl-dot span {
        padding: 0 !IMPORTANT;
        font-size: .9em;
        text-align: center;
    }

    .owl-carousel .owl-dots {
        text-align: center !important;
        width: 100%;
    }

    #LluisPasqual .owl-slide-text {
        padding: 0;
    }

    h2.owl-slide-title {}

    div#slide-footer .col-xs-6 {
        padding: 2em 0 0 0;
    }

    div#slide-footer {
        padding: 0 2em 2em 2em !important;
    }

    div#numeroactual {
        padding: 0em;
    }





    section#main-content .container,
    .container.row {
        padding: 1.5em !important;
    }

    .container {
        padding: 1.5em !important;
    }

    .top-bar.row .col-sm-8 {
        display: none;
    }


    div#logo {
        width: 100%;
        display: block;
        top: 0;
        position: relative;
        background: #cd242b;
        flex: 0 0 100%;
        max-width: 100%;
        left: 0;
        padding: .5em;
        text-align: center;
        padding-top: 1em;
    }

    .owl-dots {
        width: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    }


    .owl-carousel .owl-dots {
        display: none;
    }

    .owl-carousel .owl-dots .owl-dot {
        padding: 0 .3em !important;
    }



    .interviewed-page h1,
    .interviewed-page h1 span {
        width: 100%;
        display: block !important;
        max-width: 100% !important;
        padding: 0;
    }

    .interviewed-page h1 {
        font-size: 1.5em;
    }

    #logo-entrevista img {
        max-height: 45px;
        margin: 0em auto;
    }

    body.interviewed-page .interviewed {
        padding: 0em 0;
    }

    .interviewed-page section#main-content {
        padding: 1em 1em 1em 1em !Important;
    }

    .interviewed-page .container {
        padding: 0 1em !important;
    }

    .interviewed-page button.btn.btn-link h4,
    .interviewed-page #numeroactual h2,
    .interviewed-page h2,
    div#moments h3,
    div#more h3 {}

    div#moments {
        margin-top: 2em;
        padding: 1em;
    }

    div#moments .col-sm-4 {
        padding: 0 !important;
        margin: .5em 0 !important;
        border: 0;
    }

    .interviewed-page div#numeroactual {
        padding: 1em 0;
    }

    body.interviewed-page footer#footer p {
        text-align: center !important;
    }

    footer#footer {
        padding: 1em 0;
    }

    #homepage footer .row.container {
        padding: 0 1.5em !important;
    }

    footer .col-sm-12 {
        padding: 0;
    }

    footer#footer {
        font-size: .6em;
    }

    body.interviewed-page p,
    body.interviewed-page li {
        font-size: 1em;
    }

    div.interviewed a.link {
        margin-bottom: 1em;
    }

    .image-link i {
        position: absolute;
        font-size: 3em;

        width: 100%;
        height: auto;
        display: table;
        color: #ffffff80;
        text-align: center;
        padding: 20% 0;
        top: 0;
        line-height: 1em !important;
        transition: .2s;
    }

    div#slide-footer .col-xs-6 {
        display: block !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100%;
        font-size: .9em;
    }

    div#INAEM p {
        line-height: 1.3em !important;
    }

    #homepage div#numeroactual h2 {}

    div.interviewed span {
        padding-left: 0 !important;
    }

    .interviewed .summary {
        font-size: 1em;
    }

    #editorial {
        padding: 0;
    }

    /* #homepage div#credits {
        padding: 0 .5em !important;
        margin: 0 !important;
    }*/

    section#previouseditions a {
        margin: 1% 0 0 0;
        font-size: 1.2em;
    }

    footer#footer {
        text-align: center;
        padding: 2em 1em 0 1em;
    }

    section#previouseditions a {
        margin: 10% 0 0 0;
    }

    .owl-slide:after {
        content: ' ';
        height: 100%;
        width: 100%;
        display: block;
        position: absolute;
    }

    .owl-slide .container {
        z-index: 10;
    }

    #slide-alfonso-aijon {
        background-position-x: 20% !important;
    }

    #slide-ana-belen {
        background-position-x: 17% !important;
    }

    #slide-jose-manuel-garrido {
        background-position-x: 10% !important;
    }

    #slide-carlos-hipolito {
        background-position-x: 15% !important;
    }

    #slide-juan-mayorga {
        background-position-x: 55% !important;
    }

    #slide-maria-pages {
        background-position-x: 42% !important;
    }

    #slide-pepa-plana {
        background-position-x: 50% !important;
    }

    #slide-gerardo-vera {
        background-position-x: 85% !important;
    }

    #slide-nati-mistral {
        background-position-x: 30% !important;
    }

    #slide-pepa-plana {
        background-position-x: 70% !important;
    }

    .owl-slide-animated.owl-slide-subtitle.mb-3.is-transitioned {
        max-width: 100% !important;
    }

    .btn-link {
        text-decoration: none !important;
        color: #cb242b;
    }

    div#slide-alfonso-aijon a.btn.btn-primary.owl-slide-cta,
    div#slide-ana-belen a.btn.btn-primary.owl-slide-cta {
        border-color: #ffffff !important;
        color: #ffffff !important;
    }

    div#slide-nati-mistral a.btn.btn-primary.owl-slide-cta,
    div#slide-ana-belen a.btn.btn-primary.owl-slide-cta {
        border-color: #ffffff !important;
        color: #ffffff !important;
    }

    div#slide-nati-mistral a.btn.btn-primary.owl-slide-cta:hover,
    div#slide-ana-belen a.btn.btn-primary.owl-slide-cta:hover {
        background-color: #ffffff !important;
        color: #000000 !important;
    }

    div#slide-ana-belen h2,
    div#slide-consuelo-reyes h2 {
        color: #c1c1c1;
    }

    div#slide-yolanda-garcia-serrano .owl-slide-text,
    div#slide-nati-mistral .owl-slide-text {
        padding: 0 !Important;
    }



    ol.carousel-indicators {
        display: none;
    }



    div#more ul {
        clear: both !important;
        width: 100%;
    }



    ul.en-este-numero.creditos-home {
        width: 100% !important;
    }

    ul.en-este-numero {
        width: 100% !important;
        margin-bottom: 0px;
    }

    div#slide-portada {

        background-position: 60% !important;
    }

    div#slide-donald-b-lehn {
        background-position: 70% !important;
    }

    div#slide-andres-lima {
        background-position: 20% !important;
    }

    div#slide-itziar-pascual {
        background-position: 60% !important;
    }

    div#slide-pilar-de-yzaguirre {
        background-position: 72% !important;
    }

    div#slide-carmen-roche {
        background-position: 72% !important;
    }

    .slide-background-color-1 {
        background-position: 24% !important;
    }

    div#slide-jose-luis-turina {
        background-position: 14% !important;
    }




    div#slide-irene-gutierrez-caba {

        background-position: 81% !important;
    }

    .carousel-inner {

        /*max-height: 360px !important;*/

    }



}

/* END RESPONSIVE */

#entrevista-consuelo-reyes .interviewed-page div#numeroactual {
    margin-top: 0;
}

body#entrevista-nati-mistral .small-title {
    text-align: center;
    margin: auto;
    display: block;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: .85em;
    padding: 0 !important;
    margin: -1em 0 0 0;
    font-weight: 400;
}

/* LOADING */


/* END LOADING */


/*.carousel-indicators.titulo-imagen {
    bottom: 2rem !important;
}*/

.caption h1 {
    font-size: 1.3rem !important;
    padding: 10px 0px 0px;
    font-weight: 100;
}

.btn-link {
    font-weight: 400;
    color: #cb242b !important;
    text-decoration: none;
}


div#text-over.caption {
    font-size: 25px;
    font-weight: bolder;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

div#text-over.bottom-right {
    position: absolute;
    bottom: 18px;
    right: 36px;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 100;
    color: white;
    font-style: italic;
    text-transform: none;
    font-size: 1.7rem !important;

    line-height: 2rem;
}

h1.titulo-peq {
    font-size: 2em;
}


@media only screen and (min-device-width: 400px) and (max-device-width: 720px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .col-10.col-md-6.static {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    label.navigation__button {
        display: none;
    }

    h2.owl-slide-title {

        color: #cccccc;
        text-transform: uppercase;
        font-family: 'Roboto Slab', sans-serif;
        font-weight: 400;
    }


}



div#slide-background-teresa-alves-canadas {
    background: #fff;
    background-image: url('../images/entrevista/teresa-alves-canadas-background.jpg');
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /* background-repeat: no-repeat; */
    background-position-x: 40% !important;
    /* background: red; */
    background-position-y: 35%;
}


@media only screen and (min-device-width: 200px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    div#slide-background-teresa-alves-canadas {
        background: #fff;
        background-image: url('../images/entrevista/teresa-alves-canadas-background.jpg');
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        /* background-repeat: no-repeat; */
        background-position-x: 35% !important;
        /* background: red; */
    }

    div#slide-background-estudo {
        background: #fff;
        background-image: url('../images/ordem/estudo-sobre-o-custo/doctor.png');
        background-size: cover !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-repeat: no-repeat;

        background-position-x: center !important;
        /* background: red; */
    }




    div#publi-1 {
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
        background-position: center !important;
    }

    div#publi-2,
    div#publi-2-1 {
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
        background-position: center !important;

    }



    div#publi-3 {
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
        background-position: center !important;
    }

    div#publi-4 {
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
        background-position: center !important;
    }

    div#publi-5 {
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
        background-position: center !important;
    }

    div#publi-6 {
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
        background-position: center !important;
        border: 0px !important;
    }


    div#publi-8 {
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
        background-position: center !important;
        border: 0px !important;
    }

    div#publi-9 {
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
        background-position: center !important;
        border: 0px !important;
    }

    div#publi-10 {
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
        background-position: center !important;
    }

    div#publi-11 {
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
        background-position: center !important;
    }

    div#publi-12 {
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
        background-position: center !important;
    }

    div#publi-13 {
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
        background-position: center !important;
    }
}


/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    ul.menu-top.tablet-hide {
        opacity: 0 !important;
        display: none;
    }

    h1.titulo-peq {
        font-size: 1.5em;
    }

    div#main-container {
        padding: 1em;
    }

    div#slide-portada {
        background-position: 55% !important;
    }

    div#slide-donald-b-lehn {
        background-position: 62% !important;
    }

    div#slide-andres-lima {
        background-position: 16% !important;
    }

    div#slide-itziar-pascual {
        background-position: 24% !important;
    }

    div#slide-pilar-de-yzaguirre {
        background-position: 55% !important;
    }

    div#slide-irene-gutierrez-caba {
        background-position: 79% !important;
    }



    .slide-background-color-1 {

        background-position: 15% !important;
    }

    h2.owl-slide-animated.owl-slide-title.is-transitioned {}

    .col-10.col-md-6.static {
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }

    .top-bar.row span.h1 {

        font-size: .8em;

    }

    .col-sm-12.col-md-12.col-lg-4.emptyblock {

        border-top: 1px solid #f2f1ed;
    }

    div#slider .container {
        /* max-width: 700px !important; */
        /* width: 100vw !important;*/
        max-width: none !important;
    }

    .container.left {
        margin-right: auto;

    }

    .container.right {
        margin-left: auto;
    }

    .container .card {
        position: relative;
        width: 500px !important;
        height: 500px !imp;
        background: #fffdfdd6;
        border-radius: 20px;
        overflow: hidden;
    }


    .container.left,
    .container.right {
        margin: auto !important;
    }

    div#slider .container {
        /* max-width: 90% !important; */
        z-index: 9;
        overflow-y: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        padding: 50px !important;
    }

    h2.interview-carrusel.carousel-title {


        display: flex;
        align-items: center;
    }

    ul.index-list li {

        padding: .5em !important;
        display: flex;
        justify-content: space-between;
        color: red;
    }

    h2.interview.equal {

        text-align: center;
    }

    .owl-slide-text.con-fondo {

        text-align: center;
    }

    .owl-slide-text {

        text-align: center;
    }

    .owl-carousel .owl-slide {

        padding: 50px !important;
    }

}





@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    label.navigation__button {
        display: none;
    }

    .col-10.col-md-6.static {
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }

    h2.owl-slide-title {

        color: #000;
        text-transform: uppercase;
        font-family: 'Roboto Slab', sans-serif;
        font-weight: 400;
    }

    .slide-background-color-1 .col-10.col-md-6.static,
    div#slide-andres-lima .col-10.col-md-6.static,
    div#slide-itziar-pascual .col-10.col-md-6.static {
        flex: 0 0 60% !important;
        max-width: 60% !important;
        float: right;
        margin-left: 50%;
    }

    div#slide-portada {
        background-position: 30% !important;
    }

    .slide-background-color-1 {

        background-position: 40% !important;
    }

    div#slide-donald-b-lehn {
        background-position: 62% !important;
    }

    div#slide-andres-lima {

        background-position: 45% !important;
    }

    div#slide-itziar-pascual {

        background-position: 65% !important;
    }

    div#slide-pilar-de-yzaguirre {

        background-position: 57% !important;
    }

    h2.interview-carrusel.carousel-title {

        /* max-height: 250px;
    min-height: 151px;*/
        display: flex;
        align-items: center;
    }

    .container.left,
    .container.right {
        margin: 0 0 0;
    }

    div#slider .container {
        /* max-width: 90% !important; */
        z-index: 9;
        /*  width: 42vw;*/
        overflow-y: hidden;
        display: flex;
        align-items: center;
    }

    h2.interview-carrusel.carousel-title {

        /* max-height: 250px !important;
        min-height: 123px !impo rtant;*/
        display: flex;
        align-items: center;
    }

    ul.index-list li {
        /*  padding: .5em 1em .5em !important;*/
        display: flex;
        justify-content: space-between;
        color: red;
    }

    h2.interview.equal {

        text-align: center;
    }

    .owl-slide-text.con-fondo {

        text-align: center;
    }

    .owl-slide-text {

        text-align: center;
    }








}







/*navigation*/
.navigation__checkbox {
    display: none;
}

.navigation__checkbox:checked~.navigation__background {
    transform: scale(100);
}

.navigation__checkbox:checked~.navigation__nav {
    transform: translateX(0);
    visibility: initial;
    opacity: 1;
    transform: translateX(0);
    visibility: initial;
    opacity: 1;

    overflow: auto;
}

.navigation__button {
    position: fixed;
    top: 4rem;
    right: 10px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 0;
    box-shadow: 0px 1rem 3rem rgb(0 0 0 / 24%);
    background: #ffffff;
    width: 42px;
    height: 42px;
    z-index: 99999999999;
}

.navigation__background {
    position: fixed;
    top: 1rem;
    right: -5rem;
    width: 4rem;
    height: 4rem;
    ;
    background-image: radial-gradient(#000000d9, #000000);
    z-index: 9999;
    transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1);
}

.full-background-color {
    background-image: radial-gradient(#000000d9, #000000);
}

.navigation__nav {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
    /* transform: translateX(-50%);*/
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.8s ease-in, transform 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

ul.navigation__list {
    width: 100%;
}

.navigation__list {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    list-style: none;
    padding: 0;

}

ul.navigation__list ul {
    list-style: none;
}

/*.navigation__item {
  margin: .5rem;

}*/

.navigation__link::before {

    padding-right: 1.2rem;
}

.navigation__link:link,
.navigation__link:visited {
    display: inline-block;
    font-size: 13px !important;
    font-weight: 300;
    padding: .5rem 0.5rem .5rem;
    margin: 5px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-image: linear-gradient(120deg, transparent 0%, transparent 49.9%, #fff 50%);
    background-size: 270%;
    transition: all 0.4s;
    font-family: "Roboto slab", Arial, sans-serif;
    font-weight: 800;
    width: 100%;
}

.navigation__link:hover,
.navigation__link:active {
    color: #000000;
    background-position: 100%;

}


a.button.secondary.url.navigation__link.modal-nav {
    display: inline-block;
    font-size: 13px !important;
    font-weight: 300;
    padding: 0.5rem 0.5rem 0.5rem;
    margin: 5px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-image: linear-gradient(120deg, transparent 0%, transparent 49.9%, #fff 50%);
    background-size: 270%;
    transition: all 0.4s;
    font-family: "Roboto slab", Arial, sans-serif;
    font-weight: 800;
    width: 100%;
    cursor: pointer;
}

a.button.secondary.url.navigation__link.modal-nav:hover {
    color: #000000;
    background-position: 100%;
}

a.navigation__link.slide-link:link,
a.navigation__link.slide-link:visited {
    display: inline-block;
    font-size: 20px !important;
    font-weight: 300;
    padding: .5rem 0.5rem .5rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-image: linear-gradient(120deg, #424040 0%, #282424ad 49.9%, #000 50%);
    background-size: 270%;
    transition: all 0.4s;
    font-family: "Roboto slab", Arial, sans-serif;
    font-weight: 800;
}

a.navigation__link.slide-link:hover,
a.navigation__link.slide-link:active {
    color: #ffffff;
    background-position: 100%;

}








ul.drop-down.closed li a,
ul.drop-down li.navigation__item a.nav-button.navigation__item.disabled {

    font-size: 20px !important;
    font-weight: 800;

}

li.sub-menu.navigation__item a {
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
    padding: .5rem 0.5rem .5rem !important;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-image: linear-gradient(120deg, transparent 0%, transparent 49.9%, #fff 50%);
    background-size: 270%;
    transition: all 0.4s;
    font-family: "Roboto slab", Arial, sans-serif;
    font-weight: 800;
}

li.sub-menu li a {
    font-size: 20px !important;
}

li.sub-menu li a.desp {
    font-size: 15px !important;
}

li.sub-menu a {
    font-size: 30px;
}

li.sub-menu ul {
    padding: 0;
    /* text-align: left; */
}








.navigation__icon {
    display: inline-block;
    position: relative;
    width: 2.2rem;
    height: 0.6rem;
    top: 33%;
    transition: transform 0.25s ease-in-out;
}

.navigation__icon-span {
    position: absolute;
    height: 1px;
    width: 50%;
    background: #000;
    transition: all 0.5s ease-in;
    border: 0px !important;
}

.navigation__icon-span:nth-child(even) {
    left: 50%;
    border-radius: 0 0.9rem 0.9rem 0;
}

.navigation__icon-span:nth-child(odd) {
    left: 0;
    border-radius: 0.9rem 0 0 0.9rem;
}

.navigation__icon-span:nth-child(1),
.navigation__icon-span:nth-child(2) {
    transform: translateY(-1rem);
}

.navigation__icon-span:nth-child(5),
.navigation__icon-span:nth-child(6) {
    transform: translateY(1rem);
}

.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(1),
.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(6) {
    transform: rotate(45deg);
    background: #000;
}

.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(2),
.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(5) {
    transform: rotate(-45deg);
    background: #000;
}

.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(2),
.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(6) {
    transform-origin: left;
}

.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(1),
.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(5) {
    transform-origin: right;
}

.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

.navigation__button:hover .navigation__icon-span:nth-child(3) {
    transform: translateX(-0.3rem) scale(1.1);
}

.navigation__button:hover .navigation__icon-span:nth-child(4) {
    transform: translateX(0.3rem) scale(1.1);
}

/*.navigation__checkbox:checked+.navigation__button:hover .navigation__icon {
  transform: rotate(180deg);
}
*/


/* Dropdown */
.dropdown-menu {
    position: relative;
}

.dropdown-menu>span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dropdown-menu>span,
.dropdown-menu>div {
    cursor: pointer;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dropdown-menu>div {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.dropdown-menu>span:focus~div {
    display: block;
}

.dropdown-menu>ul {
    position: absolute;
    z-index: 1;
    visibility: hidden;
    transition: visibility 0.5s;
    opacity: 0;
}

.dropdown-menu>span:focus~ul {
    visibility: visible;
    opacity: 1;
}

/* The .sample-menu-style below is for illustration purpose.
   Feel free to use different style. */

.sample-menu-style>span {
    font: 120% Arial;
    color: darkgreen;
}

.sample-menu-style>span:hover {
    opacity: 0.75;
}

.sample-menu-style>ul {
    padding: 0;
    margin-top: 2px;
}

.sample-menu-style li {
    border: 1px solid #bbb;
    box-shadow: 2px 2px 5px #ccc;
    padding: 0.2em 0.4em 0;
    height: 1.5em;
    background: #fffffb;
    white-space: nowrap;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sample-menu-style li:not(:first-child) {
    border-top: none;
}

.sample-menu-style li:hover {
    background: #f8f8f4;
}

.sample-menu-style a {
    text-decoration: none;
    color: #555;
}


a.navigation__link.secc-doc {
    font-size: .8em;
    background: #0000005c;
}

button#dropdownMenuButton1 {
    display: inline-block;
    font-size: 30px !important;
    font-weight: 300;
    padding: 0.5rem 0.5rem 0.5rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-image: linear-gradient(120deg, transparent 0%, transparent 49.9%, #fff 50%);
    background-size: 270%;
    transition: all 0.4s;
    font-family: "Roboto slab", Arial, sans-serif;
    font-weight: 800;
    background-color: #ff000000;
    width: 100%;
    border: 0px;
}






nav .drop-down {
    list-style: none;
    overflow: hidden;
    /* When ul height is reduced, ensure overflowing li are not shown */
    height: auto;
    /* 172px = (38 (li) + 5 (li border)) * 4 (number of li) */



    margin: 0 auto;
    padding: 0;
    text-align: center;
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

nav .drop-down.closed {
    /*  When toggled via jQuery this class will reduce the height of the ul which inconjuction
      with overflow: hidden set on the ul will hide all list items apart from the first */
    /* current li height 38px + 5px border */
    height: 73px;
}

nav .drop-down li {
    border-bottom: 1px solid #636363a6;
}

nav .drop-down li:first-child {
    border: 0px;
}

nav .drop-down li:last-child {
    margin-bottom: 100px;
    border: 0px;
}

nav .drop-down li a {
    display: block;
    color: #ecf0f1;
    text-decoration: none;
    padding: 10px !important;
    text-transform: uppercase;
}

nav .drop-down li:first-child a:after {
    content: "\25BC";
    /* float: right; */
    margin-left: 25px;
    font-size: 20px;
    display: none;
}

.nav-button.drop:hover,
.nav-button.drop:active {
    color: #000000;
    background-position: 100%;
}


.nav-button.drop:link,
.nav-button.drop:visited {
    display: inline-block;
    color: #d7d7d7;
    font-size: .8rem !important;
    font-family: "Roboto slab", Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    background-image: linear-gradient(120deg, transparent 0%, transparent 49.9%, #fff 50%);
    background-size: 270%;
    transition: all 0.4s;
    letter-spacing: 1px;
}

.nav-button.drop:hover {
    color: #000;

    letter-spacing: 1px;
}

.slider-counter {
    width: 30px;
    max-width: 40px;
    display: flex;
    justify-content: center;
}

.slider-counter {
    font-family: "Roboto slab", Arial, sans-serif;
    font-weight: 500;
    font-size: .95em;
}

/*.hide-nav{
  visibility: hidden;
}*/

.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {
    display: none;
}









svg {
    width: 2rem;
    height: auto;
}

p.firma {
    text-align: right;
    font-size: 1.1rem;
}

h2.owl-slide-animated.owl-slide-title.is-transitioned {
    text-shadow: 2px 2px #00000066;
}


/*em {
    color: red;
    font-weight: 700;
}*/


button.btn.btn-link.linkcredit {
    font-size: 32px !important;
    font-family: 'Roboto Slab', sans-serif;
    text-transform: none;
    font-weight: 300;
    padding-left: 0;
    padding-right: 0;
    color: #000000 !important;
}

i.fa.fa-chevron-down {
    font-size: 15px !important;
}

ul.en-este-numero li {
    text-indent: 0px;
}

h3.teatroteca {
    padding: 0 0 0.5em 0 !important;
}

ul.en-este-numero li {
    padding: 0px;
}

div#more a {
    padding-left: 0px;
}

ul.en-este-numero.full-width {
    width: 100% !important;
}

ul.en-este-numero.full-width li.col-sm-6 {
    width: 100% !important;
    max-width: 100% !important;
}

.interviewed h1 {
    display: flex;
    align-content: stretch;
    align-items: flex-end;
    font-size: 2.5rem;
}

.interviewed h1 span {

    font-size: .8em !important;
}

/*.carousel-indicators {
   margin-bottom: 8px;
}*/
}



button.btn.btn-link.collapsed {
    padding: 0px !important;
}

div#numerosAnteriores {
    padding: 0px;
    margin-top: 1em;
}

button.btn.btn-link {
    padding: 0px;
}

ul.anteriores-numeros {
    padding: 0px;
}

button.btn.btn-link.linkcredit.creditos {
    margin-top: 40px;
}

span.creditos-title {
    font-weight: 300 !important;
}

span.numero-title {
    font-size: 1.5em !important;
    font-weight: 200 !important;
    padding: 0 0;
    text-transform: uppercase;
    font-family: 'Roboto Slab', sans-serif !important;
}

.d-none {
    display: block !important;
}

/*.carousel-caption.d-none.d-md-block {
   
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
}
ol.carousel-indicators {
    margin-bottom: 0px;
}
.carousel-caption.d-none.d-md-block {
  position: relative;
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: -15px !important;
    z-index: 9999999999999999999999999999999 !important;
    left: 0;
    top: 0;
    color: #000000;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;

}
*/
.carousel-indicators {
    display: flex;
    z-index: 9999999999;
}



.carousel-control-prev-icon {
    background-image: url("../images/left.svg");
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2351b099' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("../images/right.svg");
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2351b099' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-next,
.carousel-control-prev {

    opacity: 1;

}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
    /* background-color: #00000052; */
    /* filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 1)); */
    /* background: #456BD9; */
    border-radius: 50%;
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 1 !important;
}

ul.en-este-numero {
    width: 50%;
    padding: 0px;
}

.accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.accordion-button:not(.collapsed) {
    color: #b92a2a;
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

li.no-padding-mid {
    margin-top: 5px;
}

li.no-padding-mid a {

    font-weight: 400 !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

ul.en-este-numero.creditos-home {
    float: left;
}

span.creditos-title {
    display: inline;
    font-size: 1.5em;
    font-family: 'Roboto Slab', sans-serif;
    color: #000000;
}

span.numero-creditos {
    display: inline;
    font-size: 1.5em;
    font-family: 'Roboto Slab', sans-serif;
    color: #000000;
    font-weight: 200;
}

button.accordion-button.collapsed,
div#accordionFlushExample {
    padding-left: 0px;
}

button.accordion-button {
    padding-left: 0px;
}

.accordion-body {
    padding-left: 0px;
}

div#accordion-creditos {
    padding-left: 0px;
}

section#abstract,
section#creditos,
section#previouseditions {
    display: flex;
    flex-direction: column;
}

.container {
    padding: 1.5em !important;
    height: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    max-width: 585px;

}

.container.publi-block {
    max-width: 630px;
}

hr.divider {
    border-top: 1px dashed black !important;
    background-color: #fffafa00;
}



/*button.carousel-control-next:hover,
button.carousel-control-prev:hover {
    background: #0000005e;
}*/

.carousel-caption.d-none.d-md-block {
    /*background: #ffffff;*/
    position: relative;
    /* width: 100%; */
    margin: 0 auto;
    left: 0;
    z-index: 9;
    /* min-height: 384px; */
    min-height: 529px;
}

div#indice-container .carousel-caption.d-none.d-md-block {
    min-height: none !important;
    min-height: auto;
}

.carousel-caption {
    bottom: 0px;
    padding: 10px;
}

.carousel-inner p.caption {
    font-size: .9em !important;
    margin: 0px;
    color: #000000;
    font-family: 'Roboto Slab', sans-serif !important;
    font-weight: 200 !important;
    line-height: 1.2;
    text-align: center;
}

h5.caption {
    font-size: .9em;
    margin: 0px;
    color: #000000;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 9999999999999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    color: #56b59f;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
    /* top: calc(70%); */
    margin: 20px;
}

p.recuperada {
    text-transform: none;
    font-size: 1.7rem !important;
    color: #f3f3f3;
    line-height: 2rem;
    text-shadow: 1px 1px #00000066 !important;
    font-family: 'Roboto Slab', sans-serif !important;
    font-weight: 400;
    margin-top: 1em;
}

p.fragmentos {
    color: #ffffff;
    font-weight: 200;
    margin-bottom: 1rem !important;
    font-size: .95em;
}



/*NAVIGATION*/
:root {
    --color-primary: #18181A;
    --color-secondary: #75757C;
    --color-dark: #ffffff;
    --color-light: #F5F5F5;

    --td: 150ms;
    --te: cubic-bezier(0.215, 0.61, 0.355, 1);
}



nav#main-navigation {
    z-index: 99;
    width: 100%;
    top: 0;


}



.menu__link>*+* {
    margin-top: 1.5rem;
}

.nav-main {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: -100%;
    position: fixed;
    transition: left 0s calc(var(--td) * 2), transform 0s calc(var(--td) * 2);
    width: 100%;
}

.nav-main::before,
.nav-main::after {
    content: "";
    background-color: var(--color-primary);
    height: 50%;
    left: 0;
    position: absolute;
    transform: translateX(-110%);
    transform-origin: 0 50%;
    transition: transform calc(var(--td) * 2) var(--td) var(--te);
    width: 100%;
    z-index: -100;
}

.nav-main::before {
    top: 0;
}

.nav-main::after {
    bottom: 0;
}

.nav-main .menu__item {
    opacity: 0;
    /*transform: translateX(-1rem);
  transition: opacity var(--td) var(--te), transform var(--td) var(--te);*/
}


[id=main-navigation-toggle] {
    opacity: 0;
    position: fixed;
    top: -100%;
}

[id=main-navigation-toggle]~label {
    cursor: pointer;
    position: fixed;
    z-index: 100;
    margin-bottom: 0;
    right: 1rem;
    background: #ffffff;
    top: 7rem;
}

[id=main-navigation-toggle]~label span {
    display: block;
    height: 2rem;
    padding: 0.5rem;
    position: relative;
    transition: transform calc(var(--td) * 3) var(--te);
    width: 2rem;
    /*background: #18181a;*/
    /* border-radius: 2em;*/
}

[id=main-navigation-toggle]~label span::before,
[id=main-navigation-toggle]~label span::after {
    background-color: var(--color-dark);
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    transition: transform calc(var(--td) * 3) var(--te);
    top: 0;
    width: calc(100% - 1rem);
}

[id=main-navigation-toggle]~label span::before {
    transform: rotate(0) translateY(-100%);
}

[id=main-navigation-toggle]~label span::after {
    transform: rotate(0) translateY(100%);
}

[id=main-navigation-toggle]:checked~label span {
    transform: rotate(1turn);
}

[id=main-navigation-toggle]:checked~label span::before {
    transform: rotate(45deg);
}

[id=main-navigation-toggle]:checked~label span::after {
    transform: rotate(-45deg);
}

[id=main-navigation-toggle]:checked~.nav-main {
    left: 0;
    transition: transform 0s;
}

[id=main-navigation-toggle]:checked~.nav-main::before,
[id=main-navigation-toggle]:checked~.nav-main::after {
    transform: translateX(0);
    transition-delay: 0s;
}

[id=main-navigation-toggle]:checked~.nav-main::after {
    transition-delay: calc(var(--td) / 2);
}

[id=main-navigation-toggle]:checked~.nav-main .menu__item {
    opacity: 1;
    transform: translateX(0);
    transition: opacity calc(var(--td) * 2) var(--te), transform calc(var(--td) * 2) var(--te);
}

[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(1) {
    transition-delay: calc(var(--td) * 2 * (1 * 0.25));
    z-index: -1;
}

[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(2) {
    transition-delay: calc(var(--td) * 2 * (2 * 0.25));
    z-index: -2;
}

[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(3) {
    transition-delay: calc(var(--td) * 2 * (3 * 0.25));
    z-index: -3;
}

[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(4) {
    transition-delay: calc(var(--td) * 2 * (4 * 0.25));
    z-index: -4;
}

[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(5) {
    transition-delay: calc(var(--td) * 2 * (5 * 0.25));
    z-index: -5;
}

[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(6) {
    transition-delay: calc(var(--td) * 2 * (5 * 0.25));
    z-index: -6;
}

[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(7) {
    transition-delay: calc(var(--td) * 2 * (5 * 0.25));
    z-index: -7;
}

[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(8) {
    transition-delay: calc(var(--td) * 2 * (5 * 0.25));
    z-index: -8;
}

[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(9) {
    transition-delay: calc(var(--td) * 2 * (5 * 0.25));
    z-index: -9;
}

[id=main-navigation-toggle]:checked~.nav-main .menu__item:nth-child(10) {
    transition-delay: calc(var(--td) * 2 * (5 * 0.25));
    z-index: -10;
}

.menu {
    position: relative;
    text-align: center;
    z-index: 1;
}

.menu>.menu__item {
    font-family: var(--font-family-secondary);
    font-size: 1em;
}

.submenu {
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translateY(-10%);
    top: 100%;
    width: 100%;
    visibility: hidden;
    z-index: 2;
}

.submenu .menu__item {
    font-family: var(--font-family-primary);
    font-size: 3.5vmin;
    width: 100%;
}

.submenu .menu__link {
    color: var(--color-secondary);
    text-shadow: 1px 1px 0 var(--color-primary), 2px 2px 0 var(--color-primary);
}

.submenu .menu__link::before,
.submenu .menu__link::after {
    display: none;
}

.menu__item {
    display: block;
    position: relative;
}

.menu__item:hover .menu__link::before,
.menu__item:hover .menu__link::after {}

.menu__item:hover .menu__link::after {}

.menu__item:hover .submenu {
    opacity: 1;

    visibility: visible;
}

.menu__link {
    color: #ffffff;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    padding: 0.5rem 1rem 0.125rem;
    position: relative;
    text-decoration: none;
    transition: color var(--td) var(--te), opacity var(--td) var(--te), transform var(--td) var(--te);
    z-index: 1;
}

.menu__link::before,
.menu__link::after {
    content: "";
    background-color: var(--color-light);
    height: 50%;
    left: 0;
    position: absolute;
    transform: translateX(-110%);
    transform-origin: 0 50%;
    transition: transform 0s var(--te);
    width: 100%;
    z-index: -1;
}

.menu__link::before {
    top: 0;
}

.menu__link::after {
    bottom: 0;
}

/*.menu:not(:focus-within):not(:hover) .menu__item .menu__link {
  opacity: 1;
 
}*/

.menu__item {
    --pull: 30%;
}

.menu__item .menu__link {
    opacity: 1;
    transition-duration: calc(var(--td) * 3);
    /*transform: translate(0, calc(var(--pull) * -1));*/
}

.menu__item .submenu .menu__link {
    opacity: 1;
}

/*.menu__item:hover > .menu__link {
  color: var(--color-secondary);
  opacity: 1;
  transform: translate(0, 0);
}*/
ul.menu {
    padding: 0;
}

li.menu__item {
    color: #ffffff;
    margin: 5px;
}

li.menu__item {
    display: flex;
    justify-content: center;

}

a.menu__link {
    text-indent: 0px !important;

}

a.menu__link.visited {
    color: #646060;
}

a.menu__link:hover {
    color: #cdcdcd;
}

.menu__link.visited:hover {
    color: #4a4747 !important;
    cursor: not-allowed;
    text-decoration: line-through !important;
    transition-delay: 0s;
}

.menu__item:hover~.menu__item>.menu__link {
    /*transition-duration: calc(var(--td) * 3);
  transform: translate(0, var(--pull));*/
}

li.menu__item a {
    color: #e3d7d7;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 1.2rem;
    margin: .3rem;
    text-indent: 0px;
}

li.menu__item a:hover {
    color: #bdb4b4;
}

li.menu-title {
    font-family: 'Roboto Slab', sans-serif;
    color: white;
    font-size: 2rem !important;
    padding-bottom: 1rem;
    border-bottom: 1px solid white;
    margin-bottom: 2rem;
}

li.menu-title span {
    color: rgb(255 255 255 / 77%);
    font-size: .7em !important;
}

@keyframes blink {

    50%,
    100% {
        opacity: 0;
    }
}

.interviewed h2 {
    font-weight: 400;

    margin: 0 0 0.5em 0;
    line-height: 1;
}

.interviewed h2 span {
    display: inline-flex;
    font-weight: 200;

    padding-left: 0.5em;
}

div.interviewed h2 {
    margin: 0 0 0.5em 0;
}

.interviewed h2 span {
    display: inline;
    margin: 0 0 0.5em 0 !important;
}

button.owl-dot {
    height: 1px;
}


/*CARRUSEL*/

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}


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

.owl-theme .owl-nav [class*=owl-]:hover {
    background: rgb(98 98 98 / 57%);
    color: #FFF;
    text-decoration: none;
}

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

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

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

.owl-theme .owl-dots .owl-dot span {

    margin: 5px 5px;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: rgba(0, 0, 0, 0);
}

.item {
    overflow: hidden;
    height: 100%;

}

.first-item:first-child {
    width: 100vw !important;
    display: flex;
    justify-content: center;
    background-image: url("../images/index-background.jpg");
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    background-position-x: 60%;

}

.fondoImagen {
    width: 100vw !important;
    display: flex;
    justify-content: center;
    background-image: url("../images/ordem/plano/plano.jpg");
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    background-position-x: 10%;
    background-position-y: 100%;
}

.recuadroBlanco{
    background-color: white;
    opacity: 0.6;
}

.last-item {
    
    display: flex;
    justify-content: center;
    background: #5dbba6;

}

.overlay {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /* opacity: 0.85; */
    background: #000000;
}

.overlay:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.85;
    background: #0000009c;
}

.overlay-portada {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /* opacity: 0.85; */
    background: #000000;
}

.overlay-portada:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.85;
    background: #0000009c;
}

.overlay-item {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /* opacity: 0.85; */
    background: #00000085;
}

.owl-item.hide {
    display: none;
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

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


    margin: auto;
}

.owl-stage-outer.owl-height {
    height: 100% !important;
}

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

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

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

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

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    height: calc(100vh - 50px);
    margin: 0px 0px 0px 0px;

}

.owl-carousel .owl-item img {
    display: block;



}

img.responsive.res-car {
    margin-bottom: 1em;
}

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

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

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

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

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

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

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

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

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

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

.owl-carousel .animated {
    animation-duration: 500ms;
    animation-fill-mode: both;
    height: 100%;
}

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

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

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

.rosa {
    background: #101010 !important;
    border-radius: 0px !important;
    /*color: red !important;*/
}

.fixed {


    animation-name: two_move;
    animation-duration: 1s;
    animation-fill-mode: forwards;

}

@keyframes two_move {
    from {
        top: 7rem;
    }

    100% {
        top: 1em;
    }
}

div#share {
    display: flex;
    justify-content: flex-end;
    border-top: 1px dashed #00000017;
}

i.fab.fa-twitter {
    color: #010101;
    font-size: 1.5rem;
}

span.hide-text {
    display: none !important;
}

span.visually-hidden {
    color: #000000;
}

.owl-dots {
    display: none;
}



div#slide-portada .row.justify-content-center {}

.container-img {
    /* display: flex; */
    /* justify-content: center; */
    margin-bottom: 2em;
    /* align-content: center; */
    /* align-items: center; */
    flex-direction: column;
}



.row.justify-content-center {
    /* display: flex; */
    /* flex-direction: column; */
    position: relative;
    justify-content: center;
    align-content: center;
    width: 100%;
    /* height: 100%; */
}

/*div#slide-background-color-3\ indice-background {
     background: linear-gradient(-45deg, #0c9baa, #f0efef); 
    background: linear-gradient(110deg, #59b9a4 60%, #59baa4 60%);
}*/
.slide-background-color-1 {
    background: linear-gradient(90deg, rgb(89, 186, 164) 50%, rgb(89, 186, 164) 50%);
}



div#slide-background-color-2 {
    background: linear-gradient(110deg, #59b9a4 60%, #6ddbc4 60%);
}

div#slide-background-color-2-1 {
    /* background: linear-gradient(90deg, rgb(229 217 136) 50%, rgb(229 217 136) 50%); */
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: left !important;
    background-repeat: no-repeat;
    /* background-position-y: 20% !important; */
    background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);
    background-image: linear-gradient(110deg, #bfc4cb 60%, #bfc4cb 60%);
    background-repeat: no-repeat;
}

/*div#slide-background-color-3 {
    background: linear-gradient(#ffffff, #dfdcdd);
}
*/
div#slide-background-color-4 {
    /* background: linear-gradient(45deg, rgb(48 45 48) 50%, rgb(68 66 68) 30%); */
    background: linear-gradient(0.25turn, #545454, #82857f, #9d9792);
    background: linear-gradient(#fdf6a7, #e1da8b);
}

div#recurso-1 {
    background-image: url('../images/recurso-germano-1.jpg');
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-position: right !important;

}

div#barometro-saude-background {
    background-image: url('../images/destaque/numeros-22/barometro-saude-background.jpg');
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;

}




div#destaque {
    background-image: linear-gradient(311deg, hsl(-176deg 39% 49%) 0%, #285a57e0 49.9%) !important;

   

}

.overlay-video {
    background-image: linear-gradient(to bottom right, #000000, #0000003d);
    opacity: .8;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 15% 32px;
    line-height: 1.5;
    text-align: center;
}







div#projeto-de-regulamento-background {
    background-image: url('../images/ordem/projeto-de-regulamento/projeto-de-regulamento-background.jpg');
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-position: 70% !important;
}

div#caso-pratico-background {
    background-image: url('../images/deontologico/caso-practico/caso-pratico-background.jpg');
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;

}

div#publicacao-penas-background {
    background-image: url('../images/deontologico/publicacao-penas/publicacao-penas-background.jpg');
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;

}

div#saude-estado-background {
    background-image: url('../images/nacional/saude-estado/saude-estado-background.jpg');
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;

}


div#orcamento-estado-background {
    background-image: url('../images/nacional/orcamento-estado/orcamento-estado-background.jpg');
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;

}
div#equipa-ministerial-background {
    background-image: url('../images/nacional/equipa-ministerial/equipa-ministerial-background.jpg');
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;

}

div#congresso {
    background-image: url('../images/congresso.jpg');
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-position: right !important;

}

div#ordem-dia-background {
    background-image: url('../images/ordem-dia-2.jpg');
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-position: right !important;

}


h2.interview.big.white {
    color: #fff;


}

.portada-subtitle {
    border-top: 1px solid #ffffff;
    padding-top: 10px;
}

.white {
    color: #fff;


}


@media (min-width: 576px) {
    .modal-dialog {
        max-width: 1024px !important;
        margin: 1.75rem auto;
    }
}

h2.owl-slide-animated.owl-slide-title.is-transitioned.portada-title {
    color: white;
    font-weight: 900;

    text-shadow: none;
    text-align: center;
    padding-top: 10px;
    border-top: 4px solid white;
}

blockquote {
    border-left: none
}

.quote-badge {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.2);
}

.quote-box {
    overflow: hidden;
    margin-top: 50px;
    display: flex;
    padding-top: -25px;
    border-radius: 17px;
    /* background-color: #4ADFCC; */
    color: black;
    width: 325px;
    margin: auto;
    /* box-shadow: 2px 2px 2px 2px #E0E0E0; */
    justify-content: center;
    flex-direction: column;
    align-content: center;
}

.quotation-mark {
    margin-top: 10px;
    font-weight: bold;
    font-size: 100px;
    color: #0e0d0d;
    font-family: "Roboto slab", Times, Serif;
}

.quote-text {
    font-size: 2rem;
    margin-top: -50px;
    margin-bottom: 50px;
}

.blog-post-bottom pull-right {}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    margin-top: 85px;
}

a.btn.btn-primary {
    display: inline-block;
    font-size: 1em !important;
    font-weight: 300;
    padding: .5rem 0.5rem .5rem;
    color: #fff;
    text-decoration: none;
    text-transform: ;
    background-image: linear-gradient(120deg, #5abba4 0%, #449f89 49.9%, #2a937a 50%) !important;
    background-size: 270% !important;
    transition: all 0.4s;
    font-family: "Roboto slab", Arial, sans-serif;
    font-weight: 800;
    border: 0;
    margin: 0 0 1em;
}

a.btn.btn-primary {
    display: inline-block;
    font-size: 1em !important;
    font-weight: 300;
    padding: .5rem 0.5rem .5rem;
    color: #fff;
    text-decoration: none;
    text-transform: ;
    background-image: linear-gradient(120deg, #5abba4 0%, #449f89 49.9%, #2a937a 50%) !important;
    background-size: 270% !important;
    transition: all 0.4s;
    font-family: "Roboto slab", Arial, sans-serif;
    font-weight: 800;
    border: 0;
    margin: 1em 0 1em;
}

a.btn.btn-primary:hover,
a.btn.btn-primary:active {
    color: #ffffff !important;
    background-position: 100% !important;

}


p.caption {
    font-size: .7em;
    /* background: red; */
    /* width: 50%; */
    padding: 1em;
    color: #000;

}


img.responsive {
    /* padding: 0 !important; */
    /* margin: 0 !important; */
    width: 100%;
    /* position: relative; */
    /* height: auto; */
    margin: 0 auto;
}

.publi-img {
    width: 100% !important;
}

.imgBx {
    display: flex;
    justify-content: center;
}

.imgBx.modal-container iframe {
    margin-bottom: 3rem;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff;
    z-index: 9999999999;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}


.owl-slide-img a img.responsive {
    display: block;
    width: 100%;
    height: auto;
    max-width: 80%;
    padding: 2em;
}

.owl-slide-img a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding-bottom: 2em;
}

.totop {
    position: fixed;
    bottom: 0;
    z-index: 999999;
    right: 0px;
    background: #0a0a0a87;
    display: table-cell;
    color: #1c1b1b;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.totop p {
    padding: 1em;
    margin: 0;
}

i {
    font-family: "FontAwesome";
    font-style: normal;
}

i.fa-solid.fa-arrow-left, i.fa-solid.fa-arrow-right {
    padding: 0;
    border: 1px solid #efe9e9;
    /* border-radius: 5px; */
    /* background: red; */
    margin: 0 5px 0;
}

.btn-shine {
    padding: 12px 48px;
    color: #ffffff;
    background: linear-gradient(to right, #918e8e 0, #f2ac02 10%, #ffffff 20%);
    background-position: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 3s infinite linear;
    animation-fill-mode: forwards;
    -webkit-text-size-adjust: none;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    white-space: nowrap;
}

@keyframes shine {
    0% {
        background-position: 0
    }

    60% {
        background-position: 180px
    }

    100% {
        background-position: 180px
    }
}




#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    overflow-y: hidden;
    background: linear-gradient(90deg, transparent 50%, transparent 50%);
    transition-duration: 0ms;
    transform: matrix(1, 0, 0, 1, 0, 0);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.row.justify-content-center.portada-contenedor {
    display: flex;
    justify-content: center !important;
}

.row.justify-content-center.portada-contenedor .owl-slide-text {
    flex-direction: column;
    align-content: center;
    justify-content: center;
    display: flex;
    align-items: center;
}

iframe#video-example {
    width: 100%;
}

.container-video {
    display: flex;
    justify-content: center;
}

iframe#video-fangoria {
    width: 100%;
}

ul.menu-top {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
}

.col-8.full ul.menu-top {
    display: flex;
    justify-content: flex-end;
}

ul.menu-top li {
    font-size: 12px;
    margin: 0 8px 0;
}








img.responsive.comillas {
    max-width: 50px;
    transform: rotate(180deg);
    margin-top: 1em;
}


h3.scrollable-title {
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    padding: 1em;
}

.owl-slide-text.scrollable p {
    color: white;
}

img.responsive.dedo {
    max-width: 50px;
    position: sticky;
    right: 0;
    padding: 10px !important;
    top: 50%;
    -webkit-animation: glide .8s ease-in-out alternate infinite;
}

img.responsive.dedo-green {
    max-width: 50px;
    position: sticky;
    right: 0;
    padding: 10px !important;
    top: 50%;
    -webkit-animation: glide .8s ease-in-out alternate infinite;
}

@keyframes glide {
    from {
        top: 50%;
    }

    to {
        top: 52%;
    }
}


.container .card {
    position: relative;
    width: 320px;
    height: 450px;
    background: #4d9383;
    border-radius: 20px;
    overflow: hidden;
}

.container .card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #4ba590;
    clip-path: circle(150px at 80% 20%);
    transition: 0.5s ease-in-out;
}

.container .card:hover:before {
    clip-path: circle(300px at 80% -20%);
}

.container .card:after {
    content: 'OMD';
    position: absolute;
    top: 30%;
    left: -20%;
    font-size: 8em;
    font-weight: 800;
    font-style: normal;
    color: rgba(255, 255, 25, 0.05)
}

.container .card .imgBx {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000;
    width: 100%;
    height: 220px;
    transition: 0.5s;
}

.container .card .imgBx {
    top: 0%;
    transform: translateY(30%);
}

.container .card .imgBx img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(360deg);
    width: 270px;
    display: inline-block;
    /* padding: 10px; */
    border-radius: 50%;
    background: #68cdb682;
    height: 250px;
    width: 250px;
    max-width: none;
}

.container .card .contentBx {
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 100px;
    text-align: center;
    transition: 1s;
    z-index: 10;
    /* margin-top: 107px; */
}

.container .card .contentBx {
    height: 143px;
}

.container .card .contentBx h2 {
    position: relative;
    font-weight: 600;
    letter-spacing: 1px;
    color: #ffffff;
    margin: 0;
}

.container .card .contentBx .size,
.container .card .contentBx .color {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    padding-top: 0;
    padding-bottom: 0;
}

.container .card:hover .contentBx .size {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.container .card:hover .contentBx .color {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.6s;
}

.container .card .contentBx .size h3,
.container .card .contentBx .color h3 {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-right: 10px;
}

.container .card .contentBx .size span {
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    display: inline-block;
    color: #111;
    background: #fff;
    margin: 0 5px;
    transition: 0.5s;
    color: #111;
    border-radius: 4px;
    cursor: pointer;
}

.container .card .contentBx .size span:hover {
    background: #9bdc28;
}

.container .card .contentBx .color span {
    width: 20px;
    height: 20px;
    background: #ff0;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

.container .card .contentBx .color span:nth-child(2) {
    background: #9bdc28;
}

.container .card .contentBx .color span:nth-child(3) {
    background: #03a9f4;
}

.container .card .contentBx .color span:nth-child(4) {
    background: #e91e63;
}

.container .card .contentBx a {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 4px;
    margin-top: 10px;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    opacity: 0;
    transform: translateY(50px);
    transition: 0.5s;
    margin-top: 0;
}

p.bastonario-charge {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 4px;
    margin-top: 10px;
    text-decoration: none;
    font-weight: 600;
    line-height: initial;
    color: #fff;
    /* opacity: 0; */
    /* transform: translateY(50px); */
    transition: 0.5s;
    margin-top: 0;
    text-align: center;
    height: 143px;
    /* margin-bottom: 1rem; */
}

.container .card:hover .contentBx a {
    opacity: 1;
    transform: translateY(0px);
    transition-delay: 0.75s;

}



.col-2.full {
    display: flex;
    justify-content: flex-end;
}

.col-6.static.entrevista-1 img.responsive {
    max-width: none !important;
    border-radius: 0 85px 0 85px;
    /* border-radius: 25px; */
}

img.responsive.full-width {
    max-width: none;
}



h2.interview {
    font-weight: 900;
    margin-bottom: 10px;
	text-align: left;
}

h2.interview-carrusel {
    font-weight: 900;
    margin: 0.5em 0 .5em;

    margin: .5em 0em .5em;
}


h2.interview-carrusel.carousel-title {
    /* max-height: 250px; */
    /* min-height: 240px; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em !important;
}

p.green {
    color: #59b9a4;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 8px;
    text-decoration: underline;
}

.owl-slide-text.con-fondo {
    /* background: #dbd6d6e0; */
    /*padding: 1em;*/
    /* border-radius: 20px; */
    /* box-shadow: 3px 3px 3px #0000006b; */
    /* margin-top: 300px; */
}

img.item {
    width: 100%;
}

ul.menu-top a.navigation__link {
    color: #1e1d1d;
    font-size: 13px !important;
}

ul.menu-top a.navigation__link:hover {
    color: #5fbca8;
    font-size: 13px !important;
}

ul.menu-top a.navigation__link:focus {

    font-size: 13px !important;
}

/*.card.card-modal {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}*/

.card.card-modal .contentBx {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

img.modal-circle {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%) rotate(360deg); */
    /* width: 270px; */
    display: inline-block;
    /* padding: 10px; */
    border-radius: 50%;
    background: #f3ef6873;
    height: 250px;
    width: 250px;
    max-width: none;

}

.con-fondo-texto {
    background: #f3f3f3;
    padding: 1em;
    border: 1px dashed grey;
}

h2.yellow-title {
    color: #13235e;
}

/*ul.menu-top img {
    max-width: 90%;
}*/

h2.owl-slide-animated.owl-slide-title.is-transitioned.white-title {
    color: #fff;
    font-weight: 900;
}

p.animated-paragraph.white-style {
    color: #fff;
}

div#slide-background-color-2 .row.justify-content-center {
    /* background: linear-gradient(90deg, rgb(229 217 136) 50%, rgb(229 217 136) 50%); */

}

img.responsive-2 {
    max-width: none !important;
    border-radius: 0 50px 5px 50px;
}

ul.menu-top i {
    font-size: 1.3em;
}

.scrollable-editorial {
    max-height: 420px;
    overflow-x: hidden;
    overflow-y: scroll;
    /* padding: 10px 10px 2em; */
    /* padding: 22px; */
    padding-right: 10px;
    margin: 10px 0;
}

.scrollable {
    max-height: 420px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px 10px 2em;


    padding: 22px;
}

h2.owl-slide-animated.owl-slide-title.is-transitioned.title-mini {
    font-size: 2.3em;
}

h2.owl-slide-animated.owl-slide-title.is-transitioned.title-mini-center {

    text-align: center;
    color: #2584a0;
    text-shadow: none;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

p {
    text-align: justify;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}



h1.owl-slide-animated.owl-slide-title.is-transitioned.portada-title {
    color: #fff;
    font-weight: 900;
    text-align: center;
    font-size: 30px;
    margin-top: 1rem;
}

h2.title-head {
    text-align: center;
    font-weight: 900;
    color: #90cdbf;
    font-weight: 900;
    font-size: 3em !important;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.col-12.static.edit {
    display: flex;
    justify-content: flex-start;

}

.col-12.static.column-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}





div#publi-1 {

    background-image: url('../images/publi-2/block-1.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;
}

div#contenedor-bloque-1 {
    background: #355b66;
}

div#publi-2-1 {

    background-image: url('../images/publi-2/block-2-germano-1.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}

div#publi-2 {

    background-image: url('../images/publi-2/block-2.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}

/*div#publi-2-1 {

    background-image: url('../images/publi-2/block-2-2.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;
     
}
*/
div#publi-3 {
    background: linear-gradient(110deg, #ffffff 60%, #ffffff 60%);
    background-image: url('../images/publi-2/block-3.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;
}



div#publi-4 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-4.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}

div#publi-5 {

    background: linear-gradient(110deg, #ffffff 60%, #ffffff 60%);
    background-image: url('../images/publi-2/block-5.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}

div#publi-6 {
    background: linear-gradient(#f2f2f4, #e1efe9);
    background-image: url('../images/publi-2/block-6.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;
    border: 0px !important;
}

div#publi-7 {
    background: linear-gradient(#f2f2f4, #e1efe9);
    background-image: url('../images/publi-2/block-7.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;
    border: 0px !important;
}

div#publi-8 {
    background: linear-gradient(#f2f2f4, #e1efe9);
    background-image: url('../images/publi-2/block-8.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;
    border: 0px !important;
}

div#publi-9 {
    background: linear-gradient(#f2f2f4, #e1efe9);
    background-image: url('../images/publi-2/block-9.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;
    border: 0px !important;
}

div#publi-10 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-10.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}

div#publi-11 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-1germano-1.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}

div#publi-12 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-12.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}

div#publi-13 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-13.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}

div#publi-14 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-14.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}

div#publi-15 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-15.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}

div#publi-16 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-16.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}

div#publi-17 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-17.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}
div#publi-18 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-18.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}
div#publi-19 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-19.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}
div#publi-20 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-20.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}
div#publi-21 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-21.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}
div#publi-22 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-22.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}
div#publi-23 {
    background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/publi-2/block-23.jpg');
    background-repeat: no-repeat;
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-position: center !important;

}


/*.owl-slide-text.text-shadow{
     background: linear-gradient(#019290, #3f8c8a);
    background-image: url('../images/backgrounds/text-shadow.png');
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-position: center !important;
}
*/
div#contra {
    background: #f4efed;
}

.container-fade {
    position: absolute;
    top: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;

    transition: height 0.4s linear;
}

.fade-in-div {
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    /* display: flex; */
    overflow-y: scroll;
    max-height: 100%;

    flex-direction: column;
    align-content: center;
    align-items: center;
    padding-bottom: 0;
    animation: fadeIn 2s;
    -webkit-animation: fadeIn 2s;
    -moz-animation: fadeIn 2s;
    -o-animation: fadeIn 2s;
    -ms-animation: fadeIn 2s;
}

.fade-in-div-index {
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    display: flex;
    overflow-y: scroll;
    max-height: 100%;
    flex-direction: column;
    align-content: center;
    align-items: flex-start;
    padding-bottom: 0;
    animation: fadeIn 2s;
    -webkit-animation: fadeIn 2s;
    -moz-animation: fadeIn 2s;
    -o-animation: fadeIn 2s;
    -ms-animation: fadeIn 2s;
    justify-content: flex-start;
}

.fade-out-div {
    opacity: 1;
    animation: fadeOut 2s;
    -webkit-animation: fadeOut 2s;
    -moz-animation: fadeOut 2s;
    -o-animation: fadeOut 2s;
    -ms-animation: fadeOut 2s;
    display: none !important;
}

.owl-slide-text.center-div {

    display: flex;
    flex-direction: column;
    align-items: center;
}

.owl-slide-text.center-div h2,
.owl-slide-text.center-div p {
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

p.figure-footer .back {
    position: absolute;
    bottom: 2rem;
    text-align: right;
    color: #fff;
}


.scrollable img {
    margin-bottom: 1em !important;
}



.close-button-container {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    margin-top: 1em;
    height: 100px;
    background: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: space-around;
    align-items: flex-end;
    width: 100%;
    z-index: 999;
}

i.fa.fa-window-close {
    font-size: 2em;

}

.modal-content {

    border: 0px;

}

.modal-header {
    border-top: 1px solid rgba(0, 0, 0, .2);
    position: fixed;
    height: 85px;
    z-index: 9999999;
    width: 100%;
    left: 0;
    background: white;
    top: 0;
    box-shadow: 2px 2px 2px #0000001a;
    display: flex;
    justify-content: center;
    padding: 1rem;
}

.modal-header p.green {
    margin: 0;

    line-height: initial;

}

.modal-content.square-animation.conselho {
    color: white;
    background: #726d6d;
    color: white;
}

blockquote.quote {
    position: relative;
    text-align: center;
    padding: 1rem 1.2rem;
    width: 80%;
    color: #5dbba6;
    margin: 1rem auto 2rem;
    font-size: 2rem;
    /* font-family: 'Oswald', sans-serif; */
    font-weight: 600;
}

blockquote.ES {
    background: linear-gradient(to right, #5dbba6 4px, transparent 4px) 0 100%,
        linear-gradient(to left, #5dbba6 4px, transparent 4px) 100% 0,
        linear-gradient(to bottom, #5dbba6 4px, transparent 4px) 100% 0,
        linear-gradient(to top, #5dbba6 4px, transparent 4px) 0 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

/*
.btn-hamb {
    position: relative;
    
    text-align: center;

    cursor: pointer;
    transition: left 0.4s ease;

    display: flex;
    align-items: center;
    justify-content: center;
}*/

/*.btn-hamb.click {
    left: 260px
}

.btn-hamb span {
    color: black;
    font-size: 25px;
}

.btn-hamb.click span:before {
    content: '\f00d'
}

.sidebar {
    position: fixed;
    width: 250px;
    height: 100%;
    left: -250px;
    background: #1b1b1b;
    transition: left 0.4s ease;
    z-index: 99999999;
    top: 0;
}

.sidebar.show {
    left: 0px;
    display: none;
}

.sidebar .text {
    color: white;
    font-size: 19px;
    font-weight: 600;
    line-height: 65px;
    text-align: center;
    background: #1e1e1e;
    letter-spacing: 1px
}

nav ul {
    background: #ffffff;
    height: 100%;
    width: 100%;
    list-style: none;
    
}

nav ul li {
    line-height: 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.1)
}

nav ul li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05)
}

nav ul li a {
    position: relative;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    padding-left: 14px;
    font-weight: 500;
    display: block;
    width: 100%;
    transition: all 0.4s;
    font-family: "Roboto slab", Arial, sans-serif;
    font-weight: 800;
    border-left: 3px solid transparent;
    border-bottom: 1px solid #1e1e1e29;
}

*/

/*nav ul li.active a {
    color: #59baa4;
    background: #1e1e1e;
    border-left-color: #59b9a4;
}*/

/*nav ul li a:hover {
    background: #59baa4;
}

.feat-show {
    transition: all 0.5s
}

nav ul li.active ul {
    transition: all 0.5s
}

nav ul ul {
    position: static;
    display: none
}

nav ul.show {
    display: block;
    transition: all 0.5s
}

nav ul ul li {
    line-height: 42px;
    border-top: none
}

nav ul ul li a {
    font-size: 12px;
    color: #e6e6e6;
    line-height: initial;
    font-weight: 300;
    padding: 10px;
}

nav ul li.active ul li a {
    color: #e6e6e6;
    background: #1b1b1b;
    border-left-color: transparent;
    line-height: initial;
    font-weight: 300;
    padding: 10px;
    text-indent: 10px;
}

a:hover {
    color: #000000 !important;
}
nav ul ul li a:hover {
    color: #59b9a4 !important;
    background: #1e1e1e !important;
}

nav ul li a span {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 15px;
    transition: transform 0.4s
}

nav ul li a span.rotate {
    transform: translateY(-50%) rotate(-180deg)
}

.content-sidebar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #202020;
    z-index: -1;
    text-align: center
}
.active::after{
   content: '';
   position: absolute;
   width: 100%;
   height: 2.5px;
   bottom: -.75rem;
   left: 0;
 }
*/
ul.index-list li {
    /* width: 100vw; */
    background: #f2f1f1;
    border-bottom: 1px dashed #c3c3cd;
    padding: 0.4em .4em 0.4em;
    display: flex;
    justify-content: space-between;
}

ul.index-list li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #5c5b5b;
    font-weight: 900;
    font-size: 12px;
}

a .carousel-caption.d-none.d-md-block {
    padding: 0;
}

p.green.left-side {
    text-align: left;
    margin: 0;
    padding: 0;
    color: #585454;
    text-align: left;
}

.carousel-item.active p.green.left-side:first-child {
    margin-bottom: 1rem;
}

p.one-bb {
    text-transform: none;
    font-weight: 500;
    margin: 0;
    padding: 0;
    color: #5cb9a4;
    font-weight: 600;
    text-align: left;
    font-size: 14px;
    line-height: initial;
    overflow: visible;
    margin-bottom: .2em;
}

p.one-cc {
    font-size: .8em;
    text-transform: none;
    color: #595555;
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.2;
    overflow: visible;
}

p.one-cc i.fa-solid.fa-arrow-right {
    border: 0px;
}

i.fa-solid.fa-arrow-right {
    border: 0px;
}

a.button.secondary.url.navigation__link.index {
    background: #303030;
    border-radius: 15px;
    padding: 5px 5px 5px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 500;
    text-align: center;

    border: 1px solid #303030;
}

a.button.secondary.url.navigation__link.index:hover {
    background: #fff;
    border-radius: 15px;
    padding: 5px 5px 5px;
    color: #303030;
    letter-spacing: 2px;
    font-weight: 500;
    border: 1px solid #303030;
}

.bold {
    font-weight: bold;

}

.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item,
.owl-carousel {
    -ms-touch-action: auto;
    touch-action: auto;
}

@media (max-width:1024px) {
    li.landscape {
        display: none;
    }

    .scrollable-editorial {
        max-height: 441px;
    }
}

@media (min-width:1025px) {
    li#portrait {
        display: none;
    }
}

.square {

    position: absolute;
    opacity: .5;
    width: 400px;
    height: 400px;
}

.square span {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #2b4b69;
    border-radius: 40% 60% 65% 35% / 40% 45% 55% 60%;
    transition: 0.5s;
    /* animation: circle 5s linear infinite; */
}


.square:hover span {
    border: none;
}

.square span:nth-child(1) {
    animation: circle 16s linear infinite;
    border: 1px solid #0c9cab;
}

.square span:nth-child(2) {
    animation: circle 14s linear infinite;
    animation-direction: reverse;
    border: 1px dashed #63ab85;
}

.square span:nth-child(3) {
    animation: circle 11s linear infinite;
    border: 1px solid #0c9cab;
}

.square:hover span:nth-child(1) {
    opacity: 0.3;
    background-color: #0c9cab;
}

.square:hover span:nth-child(2) {
    opacity: 0.6;
    background-color: #fff;
}

.square:hover span:nth-child(3) {
    opacity: 0.9;
    background-color: yellowgreen;
}

@keyframes circle {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.square div {
    /* border: 1px solid red; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    text-align: center;
    color: #fff;
}

p.nombre-entrevista {
    text-align: center;
    color: #000;
    font-weight: 900;
    background: #5ebba6;
    padding: 5px;
    font-size: 20px;
    line-height: normal;
    display: inline-block;
}

p.nombre-entrevista-in-modal {
    text-align: center;
    color: #000;
    font-weight: 900;
    background: #5ebba6;
    padding: 5px;
    font-size: 20px;
    line-height: normal;

}

p.figure-footer {
    margin-top: 5px;
    font-size: .8em;
}

p.figure-footer.entrevista-cargo {
    text-align: center;
    font-size: .9em;
    margin-top: 5px;
}

p.figure-footer.entrevista-cargo {
    text-align: center;
    font-size: .9em;
    /* margin-bottom: 30px;*/
    margin-top: 5px;
}

.owl-slide-text blockquote.callout.quote.ES {
    font-size: 1.5em;
    color: black;
    line-height: 1.2;
    /* margin: 0 auto; */
}

.owl-slide-text blockquote.callout.quote.ES.white {
    color: white;
}

blockquote.callout.quote.ES.mini {
    font-size: 1.1em;
    color: #5e5e5e;
    font-weight: 500;
}

blockquote.callout.quote.ES.mini p {
    text-align: left;
    color: #5e5e5e;
    font-weight: 500;
}

blockquote.callout.quote.ES.black-small.green-quote {
    color: #5dbaa6;
}

span.pregunta {
    color: #60bba6;
    font-weight: 400;
}

span.responde {
    color: #60bba6;
    font-weight: 400;
}

.bastonario {
    background: #c3f9ed;
    padding-top: 1em;
    padding-bottom: 1em;
    padding: 1em;
}

p a {
    word-break: break-all;
}

.card-2 {
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #fff 10px, transparent 10px) 0 100%, linear-gradient(to left, #fff 10px, transparent 10px) 100% 0, linear-gradient(to bottom, #fff 10px, transparent 10px) 100% 0, linear-gradient(to top, #fff 10px, transparent 10px) 0 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding: 1em;
    color: white;
    text-align: left;
}

.black {
    color: #040406;
}

.substitle {
    font-size: 1.5em;
    font-weight: 900;
    color: #59b9a4;
}

ul.last-page {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    margin-top: 2em;
}

ul.last-page i.fa-brands {
    color: #feffff;
    /* margin: 10em 1em 1em 1em; */
    font-size: 1.8em;
    /* background: #feffff; */
    /* width: 30px !important; */
    /* height: 30px !important; */
    border-radius: 100%;
    padding: 1em;
}

ul.last-page i.fa-brands:hover {
    color: #2e2d2d;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 255px;
}

#sidebar-wrapper {
    z-index: 1000;
    left: 170px;
    width: 0;
    height: 100%;
    margin-left: -170px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #1a1a1a;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
    display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 320px;
    z-index: 9;
    max-width: 320px;
}

#page-content-wrapper {
    width: 100%;
    padding-top: 70px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -170px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.menu-container {
    margin-top: 58px;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 170px;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.list.list-unstyled.list-product-nav li {

    border-bottom: 1px dashed rgb(89 187 164 / 34%);

}

.sidebar-nav li {
    position: relative;

    display: inline-block;
    width: 100%;
}

/*.sidebar-nav li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 3px;
  background-color: #1c1c1c;
  -webkit-transition: width 0.2s ease-in;
  -moz-transition: width 0.2s ease-in;
  -ms-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
}
.sidebar-nav li:hover {
  background: skyblue !important;
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
  width: 100%;
  -webkit-transition: width 0.2s ease-in;
  -moz-transition: width 0.2s ease-in;
  -ms-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
}
*/
.sidebar-nav li a {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 10px 15px 10px 30px;
}


.sidebar-header {
    text-align: center;
    font-size: 20px;
    position: relative;
    width: 100%;
    display: inline-block;
}

.sidebar-brand {
    height: 50px;
    position: relative;
    background: #212531;
    background: linear-gradient(to right bottom, #ffffff 50%, #ffffff 50%);
    /* padding-top: 1em; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #1a1a1a;
}

.dropdown-header {
    text-align: center;
    font-size: 1em;
    color: #ddd;
    background: #212531;
    background: linear-gradient(to right bottom, #2f3441 50%, #212531 50%);
}

.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}

.dropdown-menu.show {
    top: 0;
}

/*Fontawesome icons*/
/*.nav.sidebar-nav li a::before {
  font-family: fontawesome;
  content: "\f12e";
  vertical-align: baseline;
  display: inline-block;
  padding-right: 5px;
}
a[href*="#home"]::before {
  content: "\f015" !important;
}
a[href*="#about"]::before {
  content: "\f129" !important;
}
a[href*="#events"]::before {
  content: "\f073" !important;
}
a[href*="#events"]::before {
  content: "\f073" !important;
}
a[href*="#team"]::before {
  content: "\f0c0" !important;
}
a[href*="#works"]::before {
  content: "\f0b1" !important;
}
a[href*="#pictures"]::before {
  content: "\f03e" !important;
}
a[href*="#videos"]::before {
  content: "\f03d" !important;
}
a[href*="#books"]::before {
  content: "\f02d" !important;
}
a[href*="#art"]::before {
  content: "\f1fc" !important;
}
a[href*="#awards"]::before {
  content: "\f02e" !important;
}
a[href*="#services"]::before {
  content: "\f013" !important;
}
a[href*="#contact"]::before {
  content: "\f086" !important;
}
a[href*="#followme"]::before {
  content: "\f099" !important;
  color: #0084b4;
}*/
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
    position: fixed;
    top: 10px;
    z-index: 999;
    display: block;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    background: #ffffff;
    border: none;
}

.hamburger:hover,
.hamburger:focus,
.hamburger:active {
    outline: none;
}

.hamburger.is-closed:before {
    content: "";
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-closed:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    position: absolute;

    height: 4px;
    width: 80%;
    left: 10%;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
    background-color: #1a1a1a;
}

.hamburger.is-closed .hamb-top {
    top: 5px;
    -webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-closed .hamb-middle {
    top: 50%;
    margin-top: -2px;
}

.hamburger.is-closed .hamb-bottom {
    bottom: 5px;
    -webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
    top: 3px;
    background: #65bda9;
    -webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-bottom {
    bottom: 3px;
    background: #65bda9;
    -webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-middle {

    background: #65bda9;

}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    background-color: #1a1a1a;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
    top: 50%;
    margin-top: -2px;
}

.hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
}

.hamburger.is-open .hamb-middle {
    display: none;
}

.hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
}

.hamburger.is-open:before {
    content: "";
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
}

.hamburger.is-open:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/


/* Start: Video Responsive */
/*.video-responsive {
    overflow:hidden;
    padding-bottom:400px;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
   
    width:100%;
    position:absolute;
    
}*/
/*iframe {
    border: 0;
    max-width: 100%;
    max-height: 336px;
   
}*/

.full-iframe {
    width: 100%;
}

a.image-hover {
       width: 90%;
    height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
}


a.image-hover:hover {
    opacity: .85;
}


span.bread {
    color: black;
    text-decoration: underline;
}

span.bread.white {
    color: white;
}

.background-overlay {
    background: #2e2e2ec7;
    padding: 1em;
    color: #fff !important;
    border-radius: 30px;
    max-width: 455px;
}

.background-overlay span.bread {

    color: #fff !important;

}

.owl-slide-text {
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

button.hamburger {
    top: 60px;
}

a.image-hover div:hover {
    opacity: 1;
}

i.fa-brands {
    color: #303030;
}

i.fa-brands:hover {
    color: #50ad97;
}

.container-portada {
    padding: 1em;
    z-index: 9;
}

.owl-item {

    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

img.responsive.logo-mic {
    max-width: 94px;
    margin-top: 3em;
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 30px;
    right: 10px;
    /* padding-right: calc(var(--bs-gutter-x) * .5); */
}

i {
    color: #65bda9;
}

i:hover {
    color: #000;
}

a.mic {
    font-weight: bold;
    letter-spacing: 1px;
    color: #d9ac3b;
}



div#slide-background-color-indice {
    /* background: white; */
    background: linear-gradient(90deg, #ffffff, #d6d6d6);
}


.slide-background-color-3.aconteceu-background {
    /* background: white; */
    background: linear-gradient(90deg, #fdfdfd, #e9efee);
}

div#background-pub {
    background: linear-gradient(89deg, #eaefef, #92f0f047);
}

div#background-pub-2 {
    background: linear-gradient(269deg, #fdfdfd, #e9efee);
}

div#slide-background-segundo-carousel {
    background-image: linear-gradient(90deg, #ffffff 0%, #d1d1cc 49.9%);
}

div#slide-background-color-3 {
    background: linear-gradient(269deg, #eaefef, #92f0f047);
}

/*div#slide-background-color-3\ vai-background {
    background: #f1f1f1;
}
*/

div#antes-contra {
    background-image: url('../images/contra-background.jpg');
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;

    background-position: center !important;

}

div#contraportada {
    background: #dfcc96;
}


div#slide-background-global-different {


    background-image: url('../images/global/federacao-dentaria-internacional/background.jpg');
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;

    background-position: center !important;

}




.entrevista-background {
    background: #ffffff;
}

.omdtv {

    background: linear-gradient(rgba(0, 0, 0, .6),
        rgba(0, 0, 0, .1)),
        url("../images/index-background.jpg") 50% / cover fixed;

    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    background-position-x: 60%;
    background-position-y: 20%;
}






/*div#slide-background-color-3\ deontologico-background {
    background: #c4c4c459;
}*/
.owl-slide.d-flex.align-items-center.cover.nacional {
    background: #ebebeb;
}

.owl-slide.d-flex.align-items-center.cover.europa {
    /* background: #d4d4d4;*/
}

div#slide-background-color-3\ global {
    background: #ffffff;
}

/*.owl-slide.d-flex.align-items-center.cover.estilo-vida {
    background: white;
}*/
.owl-slide-text.alineado-derecha p,
.owl-slide-text.alineado-derecha p span {
    text-align: right !important;
    color: #6ddbc4 !important;
}

h2.interview.big.big-screen {
    font-size: 4rem;
    text-align: right;
    line-height: 1 !important;
}

h2.interview.big.big-screen.center {
    text-align: center;
}

h2.interview.big.big-screen.white {
    text-align: center;
}

.imgBx.modal-container iframe#video {
    width: 100% !important;
    min-height: 561px;
    /* max-width: none; */
    height: 100% !important;
}
ul.index-list {
    padding: 5px;
    background: #f1f1f0;
    border-radius: 10px;
    width: 100%;
    margin: 0;
}

a.logo-mic-hover {
    opacity: 1;
}

a.logo-mic-hover:hover {
    opacity: .8;
}

h2.interview.equal.ind-style {
    font-weight: 900;
    font-size: 2em !important;
    color: #59baa4;
}





[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: none;
}


@media only screen and (min-device-width: 200px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {


    /*  .owl-carousel .owl-slide {
    padding: 20px 0px 20px 0px;
}
*/
    .row.justify-content-center {
        padding: 20px !important;
    }

    .container.left,
    .container.right {
        margin: auto !important;
    }

    .container {
        background-size: cover !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
    }

}

button:focus:not(:focus-visible) {
    box-shadow: 0 0 0 0.25rem rgb(255 255 255);
}


.primer-item,
.segundo-item {
    border: 0px;
    padding: 5px;
    background: #1e1b1b00;
    opacity: 1;
}

svg {
    width: 2rem;
    height: auto;
}

svg#first-page,
svg#last-page {
    fill: #222220;
    stroke: #222220;
    /* stroke-width: 80px; */
    /* stroke-dasharray: 125; */
    stroke-dashoffset: -125;
    stroke-linecap: butt;
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -ms-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}

button.primer-item svg,
button.segundo-item svg {
    max-width: 9px;
}

li.sidebar-header.no-padding a {
    font-size: 12px;
    margin: 0 8px 0;
    padding: 0 !important;
}

span.capital {
    float: left;
    font: 700 7em/0.8 'Roboto Slab', sans-serif;
    margin: 2px 10px 0 0;
    /* text-shadow: 0px 4px 0 #fff, 7px 7px 0 #eee; */
    /* font-size: 3rem !important; */
    background: #81bca7;
    padding: 10px;
    color: white;
}

p.capital:first-letter {
    float: left;
    font: 700 5em/0.8 'Roboto Slab', sans-serif;
    margin: 2px 10px 0 0;
    /* text-shadow: 0px 4px 0 #fff, 7px 7px 0 #eee; */
    /* font-size: 3rem !important; */
    background: #81bca7;
    padding: 10px;
    color: white;
    -webkit-initial-letter: 4 1;
    initial-letter: 4 1;
}

p.capital:first-child {
    float: left;
    font: 700 6em/0.8 'Roboto Slab', sans-serif;
    margin: 2px 10px 0 0;
    /* text-shadow: 0px 4px 0 #fff, 7px 7px 0 #eee; */
    /* font-size: 3rem !important; */
    background: #81bca7;
    padding: 10px;
    color: white;
}

p.capital.four-lines:first-letter {
    float: left;
    font: 700 5em/0.8 'Roboto Slab', sans-serif;
    margin: 7px 10px 0 0;
    /* text-shadow: 0px 4px 0 #fff, 7px 7px 0 #eee; */
    /* font-size: 3rem !important; */
    background: #81bca7;
    padding: 11px;
    color: white;
    -webkit-initial-letter: 4 1;
    initial-letter: 4 1;
}

p.capital.five-lines:first-letter {
    float: left;
    font: 700 5em/0.8 'Roboto Slab', sans-serif;
    margin: 7px 10px 0 0;
    /* text-shadow: 0px 4px 0 #fff, 7px 7px 0 #eee; */
    /* font-size: 3rem !important; */
    background: #81bca7;
    padding: 16px;
    color: white;
    -webkit-initial-letter: 4 1;
    initial-letter: 4 1;
}

.youtube-container {
    display: block;
    width: 100%;
    /* max-width: 600px;*/
    margin: 30px auto;
}



.youtube-player {
    display: block;
    margin: 20px auto;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: hand;
    cursor: pointer;
    display: block;
}



.youtube-container.no-marging-top {
    margin-top: 0;
    padding: 0;
}

.youtube-container.no-marging-top .youtube-player {
    margin: 0;
}

div#player {
    width: 100%;
    padding: 0;
}

img.youtube-thumbnail {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
}

div.youtube-play-btn {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("https://freepngimg.com/thumb/categories/1398.png") no-repeat center center;
    background-size: 72px 72px;
}




.row.middle-center {

    display: flex;
    align-items: center;
}



div#player.con-margin {

    margin-bottom: 3rem;
}




blockquote.callout.quote.ES.mini {
    font-size: 1.1em;
    color: #5e5e5e;
    font-weight: 500;
    text-align: left;
    background: linear-gradient(to right, #555454 4px, transparent 4px) 0 100%, linear-gradient(to left, #565555 4px, transparent 4px) 100% 0, linear-gradient(to bottom, #555454 4px, transparent 4px) 100% 0, linear-gradient(to top, #555454 4px, transparent 4px) 0 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

p.bold.right-sign {
    color: black;
    text-align: right;
    margin-top: 20px;
    font-size: 1rem;
    font-style: italic;
}

.bastonario.grey-destacado {
    background: #7b7b7330;
}
.yellow-destacado {
    background: #fce589;
}

h3.over-grey-title {
    color: white;
    text-align: left;
    margin-top: 30px;
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 56px;
}

p.black {
    color: black;
    font-weight: 600;
    /* margin: 3vh; */
    /* margin-top: 2rem; */
    /* margin-bottom: 3rem; */
    font-size: 1.3rem;
}

p.nombre-entrevista.black {
    margin: 0;
}

span.light-text {
    color: white;
    font-weight: 300;
}

p.white {
    color: white;
}

p.figure-footer.white {
    color: #dcd8d8;
}

.bastonario.border-up-down {
    background: white;
    margin-top: 3rem;
    border-top: 5em;
    border-top: 3em #81bca8 solid;
    border-bottom: 3em #81bca8 solid;
    padding-top: 2em;
    padding-left: 0;
    padding-right: 0;
}

.bastonario.border-up-down .row.middle-center {
    background: white;
}

.bastonario.testimonial {
    background: #ccc7c7;
    margin-top: 3rem;
    border-top: 5em;

}

.circle-image {

    width: 270px;

    border-radius: 50%;

    height: 250px !important;
    width: 250px !important;

    border: 2px solid white;
}

.row.testimonial-blocks {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

h3.center-title {
    color: #0c0d13;
    text-align: center;
    margin-top: 30px;
    font-size: 1.5em;
    font-weight: 800;
    margin-bottom: 56px;
    padding-bottom: 10px;
    border-bottom: 2px solid white;
}

.bastonario.testimonial .col-lg-6.col-md-6.col-sm-12 {

    padding: 1em;
}

h4.testimonial {
    color: #000000;
    text-align: left;
    margin-bottom: 1em;
    text-transform: uppercase;
    font-size: 1.2em;
}

hr.testimonial-divider {
    margin: 2rem;
    border: 1px dashed #61a08b;
    height: 3px;
    background: #81bca8;
    opacity: 1;
    margin-bottom: 3rem;
}

blockquote.callout.quote.ES.black-small {
    font-size: 1.5em;
    color: black;
    line-height: 1.2;
}

blockquote.callout.quote.ES.black-small p {
    font-size: 18px;
    color: black;
    font-weight: 500;
    line-height: 1.2;
}

.bastonario.webinar {
    background: #77ceba;
    border-radius: 30px;
    margin-top: 2em;
}

.bastonario.webinar h2 {
    background: white;
    padding: 5px;
}

.bastonario.webinar a {
    color: white;
}

.bastonario.webinar a:hover {
    color: blue;
}

.row.middle-center.green-back {

    padding: 1em;
}

.row.middle-center.green-back {
    background: white;
}

h2.interview-carrusel.uppercase {
    text-align: center;
    margin-top: 2em;
}

.responsive.absolute-position {
    max-width: 300px;
    position: absolute;
    right: 0;
    /* top: 10px; */
    bottom: 20px;
}

.row.middle-centrado {
    display: flex;
    align-items: center;
}

p.bold.title-bold {
    margin-top: 2rem;
    border-top: 1px dashed #64696438;
    padding-top: 2rem;
}

.circle-image {
    display: flex;
    justify-content: center;
    border-radius: 50% !important;
    height: 250px !important;
    width: 250px !important;
    border: 2px solid white;
}





.moon {

    height: 200px;
    width: 200px;

    float: right;
    shape-outside: inset(1% round 50%);
    margin-left: 20px;
    margin-bottom: 10px;
}

p.overflow {
    overflow: initial;
}

.row.no-padding {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.row.no-padding .col-lg-6.col-md-6.col-sm-12 {
    padding: 0 !important;
}

img.d-block.w-100.responsive.max-width-style {
    max-width: 80%;
}

img.d-block.w-100.responsive.con-margin-bottom {
    margin-bottom: 2em;
}

img.d-block.w-100.responsive.max-width-img.margin-bottom-control {
    margin-bottom: 10px !important;
}

h2.interview.big.con-margin-bottom {
    margin-bottom: 2em;
}

.overlay-blue-linear {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /* opacity: 0.85; */
    /* background: #00000085; */
    background-image: linear-gradient(115deg, #b3181800 0%, #1243623b 49.9%);
}

.overlay-transparent-linear {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    /* opacity: 0.85; */
    /* background: #00000085; */
    background-image: linear-gradient(115deg, #b3181800 0%, #12436200 49.9%);
}

.modal-header .btn-close {
    /* padding: .5rem .5rem; */
    /* margin: -.5rem -.5rem -.5rem auto; */
    position: fixed;
    right: 1em;
}

.modal-body h2.interview {
    margin-bottom: 1em;
}


h2.interview.big.big-screen.os-13 {
    color: #ffffff !important;
    text-align: center;
    /*text-shadow: 3px 3px #000000;*/
}

blockquote.ES.black {
    background: linear-gradient(to right, #000000 4px, transparent 4px) 0 100%, linear-gradient(to left, #000000 4px, transparent 4px) 100% 0, linear-gradient(to bottom, #000000 4px, transparent 4px) 100% 0, linear-gradient(to top, #26346d 4px, transparent 4px) 0 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    /* box-shadow: 0 0 0 0.25rem rgb(89 185 164 / 0%); */
}

p.os-13-mil-cargo {
    text-align: center;
    font-weight: 400;
    font-size: 1.5rem;
    background: #303030;
    color: #ffffff !important;
    text-align: center;
    font-size: .9em;
    margin-bottom: 30px;
    margin-top: 5px;
}

p.os-13-mil-category {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 1em;
    /* background: black; */
    text-decoration: underline;
}


.row.no-padding.centrados {
    display: flex;
    align-items: flex-end;
}

blockquote.ES.corner-invisible {
    background: linear-gradient(to right, #ffffff 4px, transparent 4px) 0 100%, linear-gradient(to left, #ffffff 4px, transparent 4px) 100% 0, linear-gradient(to bottom, #ffffff 4px, transparent 4px) 100% 0, linear-gradient(to top, #ffffff 4px, transparent 4px) 0 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

img.responsive.comillas.right-align {
    /* text-align: right; */
    /* right: 0; */
    margin-right: 0;
    display: flex;
}

.modal-body img.responsive.comillas.center-title {
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.modal-body blockquote.callout.quote.ES.first-in-modal {
    margin-bottom: 5rem;
}

.row.border-up-down {
    border-top: 16px solid #6e716e;
    margin-top: 2rem;
    border-bottom: 16px solid #6e716e;
    margin-bottom: 2rem;
}

blockquote.callout.quote.ES.corner-invisible.right-align {
    text-align: right;
    /* color: black; */
    padding: 0;
    /* margin: 0; */
    display: flex;
    justify-content: flex-end;
    margin-right: 0;
    width: 100%;

}

span.estilo-vida-title {
    font-size: 12vh;
}

p.substitle.capital:first-letter {
    padding: 40px;
}

span.bread-crumb {
    color: #5e5959;
}

p.last-page-info {
    margin: 0;
    font-size: .8em;
    color: #feffff;
}

button:focus:not(:focus-visible) {
    box-shadow: none;
}

.container.scrollable {
    overflow-y: scroll !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.row.credits {
    display: flex;
    align-items: flex-start;
    align-content: center;
}

h3.credits-title {
    color: #65bda9;
    text-align: left;
    font-size: 1em;
    font-weight: 600;

}

h3.credits-title {
    color: #65bda9;
    text-align: left;
    font-size: 1em;
    font-weight: 600;
    margin-top: 2em;
    line-height: initial !important;
}

img.responsive.mic-credits {
    max-width: 94px;
    margin-top: 10px;

}

ul.credits-listado li {
    font-size: .9em;
}

span.nipc {
    font-size: .9em;
    color: #000;
    font-weight: 200;
}

.align-left {
    margin-top: 2em !important;
    text-align: left;
    width: 100%;
}

.modal-body.credits-block {
    background: #eeeeee;
    border-radius: 30px;
    margin-bottom: 2em;
}

a.index-item {
    cursor: pointer;
}

.modal-body.credits-block p {
    font-size: .9em;
}



span.line-breaking,
span.line-breaking-2 {
    display: block;
    white-space: pre;
    white-space: -moz-pre;
    /* Firefox 1.0-2.0 */
    white-space: pre-wrap;
}

h2.interview-carrusel.center-title {
    text-align: center;
}

img.d-block.w-100.responsive.small-size {
    max-width: 427px;
}

h2.interview.big.white.margin-video {
    margin-bottom: 20px;
}

img.responsive.comillas.center-title {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/*TABLA TARIFAS PISCINAS*/


table.tarifas-piscina {
    border: 0 !important;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    caption-side: initial;
}

table.tarifas-piscina caption {
    font-size: 1.5em;
    text-align: center;
    color: white;
    position: sticky;
    position: sticky;
    top: -30px;
    /* left: 25%; */
    background: #355b66;
}

table.tarifas-piscina tr {
    background-color: #c9e2e8;
    border: 0;
    padding: .35em;
}

table.tarifas-piscina th,
table.tarifas-piscina td {
    padding: .625em;
    text-align: center;
}

table.tarifas-piscina th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media screen and (max-width: 600px) {
    table.tarifas-piscina {
        border: 0;
    }

    table.tarifas-piscina caption {
        font-size: 1.3em;
    }

    table.tarifas-piscina thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table.tarifas-piscina tr {
        border-bottom: 3px solid #fff;
        display: block;
    }

    table.tarifas-piscina td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    table.tarifas-piscina td::before {
        /*
    * aria-label has no advantage, it won't be read inside a table.tarifas-piscina
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    table.tarifas-piscina td:last-child {
        border-bottom: 0;
    }
}

table.tarifas-piscina tr td {
    font-size: 10pt !important;
    /* line-height: 14pt; */
    /* align-items: center; */
    padding: 5px;
    border: 1px solid #C9E2ED !important;
    text-align: center;
    font-size: 10pt !important;
    background: #9fb6be;
    color: #355a66;
    font-weight: 600;
}

table.tarifas-piscina th {
    font-size: 10pt;
    padding: 3px;
    background: #60838b;
    color: white;
}

table.tarifas-piscina th.hidden {
    opacity: 0;
    border: 0;
    background: red;
}

tr.primera {
    background: #355b66 !important;
    border: 0;
}

td.nation {
    background: #60838b !important;
    color: white !important;
}

td.enlace-tabla {
    background: #c9e2e8 !important;
}

table.tarifas-piscina a {
    color: #355b66;
    letter-spacing: 1px;
    cursor: pointer;
}

.owl-slide-text.position-absolute {
    position: absolute;
    top: 21%;
    /* right: 10%; */
}

img.canal-tv {
    padding: 1em;
}

hr.divider-logo {
    width: 200px;
    background: white;
    height: 2px;
    color: blue;
    opacity: 1;
}

.padding-cero {
    padding: 0;
}


.modal-header {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

p.figure-footer {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.modal-body .imgBx img {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}





@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    animation: fadeInUp ease 2s;
    -webkit-animation: fadeInUp ease 2s;
    -moz-animation: fadeInUp ease 2s;
    -o-animation: fadeInUp ease 2s;
    -ms-animation: fadeInUp ease 2s;
}



span.after-capital {
    display: block;
    margin-top: 15px;
    /* line-height: 20px !important; */
}


.with-destaque-divider {
    margin-top: 2rem;
    border-top: 1px dashed #64696438;
    padding-top: 2rem;
}

.img-circular-guilherme {
    width: 200px;
    height: 200px;
    background-image: url('../images/destaque/compromiso-honra/guilherme.jpg');
    background-size: cover;
    display: block;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    background-position: center top;
    margin: auto;
}

.img-circular-catarina {
    width: 200px;
    height: 200px;
    background-image: url('../images/destaque/compromiso-honra/catarina.jpg');
    background-size: cover;
    display: block;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    background-position: center top;
    margin: auto;
}

.img-circular-carlos {
    width: 200px;
    height: 200px;
    background-image: url('../images/destaque/compromiso-honra/carlos.jpg');
    background-size: cover;
    display: block;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    background-position: center top;
    margin: auto;
}

.img-circular-luis {
    width: 200px;
    height: 200px;
    background-image: url('../images/destaque/compromiso-honra/luis.jpg');
    background-size: cover;
    display: block;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    background-position: center top;
    margin: auto;
}



.img-circular-antonio {
    width: 200px;
    height: 200px;
    background-image: url('../images/destaque/compromiso-honra/antonio.jpg');
    background-size: cover;
    display: block;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    background-position: center top;
    margin: auto;
}

.img-circular-monica {
    width: 200px;
    height: 200px;
    background-image: url('../images/destaque/compromiso-honra/monica.jpg');
    background-size: cover;
    display: block;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    background-position: center top;
    margin: auto;
}

.img-circular-paulo {
    width: 200px;
    height: 200px;
    background-image: url('../images/destaque/compromiso-honra/paulo.jpg');
    background-size: cover;
    display: block;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    background-position: center top;
    margin: auto;
}


.img-circular-jose {
    width: 200px;
    height: 200px;
    background-image: url('../images/destaque/compromiso-honra/jose.jpg');
    background-size: cover;
    display: block;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    background-position: center top;
    margin: auto;
}


.img-circular-miguel {
    width: 200px;
    height: 200px;
    background-image: url('../images/destaque/compromiso-honra/miguel.jpg');
    background-size: cover;
    display: block;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    background-position: center top;
    margin: auto;
}




.displayed-flex {

    flex-wrap: wrap;
}


.box{
    margin-top: 5%;
    margin-bottom: 1%;
}



.green {
    color: #59baa4;
}

.row.mobile-no-padding>div {
    margin-bottom: 1rem;
    padding: 0;
    display: flex;
    align-items: center;
}

.row.mobile-no-padding>div>p {
    margin: 0;

}

.margin-top {
    margin-top: 1rem;
}

.margin-top-2rem {
    margin-top: 2rem;
}
.margin-top-big {
    margin-top: 4rem;
}



.background-img-custom {
    background-image: url(../images/destaque/compromiso-honra/destaque-6.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 195px;
}

.interview-img-custom {
    float: left;
    background-image: url(../images/entrevista/teresa-alves-canadas-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 595px;
    background-position: 50%;
}



.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding {
    padding: 0;
}

.modal-body h2 {
    margin-bottom: 2rem;
}

.campanha {
    background: red;
    background: rgb(89 186 164 / 14%);
    margin-top: 3rem;
    border-top: 5em;
    border-top: #66bea9 solid 2rem;
    padding-top: 1.5rem;
}

.img-campanha {
    box-shadow: 1px 9px 10px #4e4e4e85;
    margin-bottom: 1rem !important;
}

.box-green {
    color: white;
    background-color: rgb(21, 198, 173);
    border-color: rgb(21, 198, 173);
    border-width: 1px;
    border-style: double;
    /* padding: 1%; */
    padding: 20px;
}

.box-grey{
    color: white;
    background: grey;
    /* background: rgb(89 186 164 / 14%); */
    margin-top: 3rem;
    border-top: 5em;
    border-bottom: grey;
    padding: 1em;
    padding-top: 1.5rem;
    margin-bottom: 1rem;
}

.margin{
    margin: 5%;
}

.margin-bottom {

    margin-bottom: 1rem !important;
}

.row.margin-top .margin-bottom:last-child {
    margin: 0 !important;
}

p.figure-footer.over-img {
    background: #ffffff;
    /* color: #fff; */
    position: absolute;
    width: 30%;
    padding: 2rem;
    bottom: -50px;
    right: 10%;
    box-shadow: 1px 9px 10px #4e4e4e85;
}

p.con-margin-bottom {
    margin-bottom: 2rem;
}

.gallery-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 49%);
    grid-gap: 2%;
    padding: 0;
    margin-bottom: 1rem;
}

.custom-columns {
    
    grid-template-columns: 30% 68%;
 
   
}

.image-interview {
    background-image: url("../images/aconteceu/webinar/webinar.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
    height: 100%;
    min-height: 200px;
}

.pruebaFondo{
    background-image: url("images/ordem/plano/plano.jpg");
}


.image-interview-1 {
    background-image: url("../images/entrevista/catarina-duarte/catarina-duarte-2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 10%;
    position: relative;
    height: 100%;
    min-height: 200px;
}
.no-margin-bottom {
    margin-bottom: 0;
}

.image-interview-2 {
    background-image: url(../images/global/susanne/susanne-aside.png), linear-gradient(45deg, #6ac0ab, #ffffff);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: relative;
    margin-bottom: 1rem;
}


.image-regime-juridico {
    background-image: url(../images/nacional/regime-juridico/regime-juridico.jpg), linear-gradient(45deg, #6ac0ab, #ffffff);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: relative;
    /* margin-bottom: 1rem; */
    height: 100%;
    min-height: 220px;
}



.image-estilo-vida {
    background-image: url("../images/estilo-de-vida/joana-vasconcelos-3.jpg");
    /* width: 400px; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-position-y: 30%;
    position: relative;
    height: 100%;
}



.federacao {
    background-image: url("../images/europa/federacao-europea/federacao-europea-germano-1.jpg");
    /* width: 400px; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-position-y: 30%;
    position: relative;
    height: 100%;
}






p.no-margin {
    margin: 0;
}

.inside-img {
    position: absolute;
    bottom: 0;
    padding: 1em;
    color: black;
    margin: 0;
}

.modal-body blockquote.callout.quote.ES {
    /* margin: 2rem 0 2rem 0; */
    padding: 3rem 0 3rem 0;
}



.galeria-1 {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    text-align: center;
    padding: 0;
}

.gallery-item {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 11px 0%;
    cursor: pointer;
    max-height: none;
    background: #5ebca6;
}

.gallery-item.graphics-background {

    background: transparent;


}

.gallery-item img {
    position: relative;
    display: block;
    opacity: 1;
    width: 105%;

    transition: opacity 0.35s, transform 0.35s;


}

.gallery-item .gallery-item-caption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
}

.gallery-item .gallery-item-caption,
.gallery-item .gallery-item-caption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.gallery-item a div {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}




.galeria-1 .gallery-item:hover img {
    opacity: .3;
    transform: translate3d(0, 0, 0);

}

.gallery-item .gallery-item-caption {

    display: flex;
    align-items: center;
    justify-content: center;
}

div#lightboxOverlay {
    z-index: 999999999999;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 999999999999 !important;
    font-weight: 400;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    top: 0 !important;
    justify-content: center;
}



i.fas.fa-search {
    color: #ffffff;
    font-size: 1.5rem;
}

.lb-data .lb-caption {

    font-size: 1rem;
}

h3.graphics-title {
    text-transform: uppercase;
    font-size: 1rem;
    margin-top: 1rem;
}


p.graphic-footer {
    font-size: .8em;


}

.small-size {
    font-size: 1.3rem;
    letter-spacing: -1px;
}

.small-margin {
    margin-top: 5px !important;
}

.align-center {
    text-align: center !important;
}

.destacado-border-light-bottom {

    background: rgb(89 186 164 / 14%);
    margin-top: 3rem;
    border-top: 5em;
    border-bottom: #66bea9 solid .2rem;
    padding: 1em;
    padding-top: 1.5rem;
    margin-bottom: 1rem;
}

.destacado-border-bold-top {

    background: rgb(89 186 164 / 14%);
    margin-top: 0;
    border-top: 5em;
    border-top: #66bea9 solid 2rem;
    padding: 1em;
    padding-top: 1.5rem;
    margin-bottom: 1rem;
    border-radius: 0 0 46px 0;
}

p.bold-no-border {
    margin-top: 1rem;
    /* border-top: 1px dashed #64696438; */
    /* padding-top: 2rem; */
    font-weight: bold;
    margin-bottom: 1rem;
}

div#destacado-img-absolute {
    position: relative;
}

.lead {
    font-size: 1.35rem;
    font-size: 1.1em;
    font-weight: 300;
    color: #81bda8;
    font-weight: 500;
}

.owl-item.active h1,
.owl-item.active h2,
.owl-item.active h3,
.owl-item.active h4,
.owl-item.active p.green,
.owl-item.active caption,
.owl-item.active p.nombre-entrevista,
.owl-item.active .entrevista-cargo.white,
.owl-item.active .comillas,
.owl-item.active blockquote {
    animation: fadeInUp ease 2s;
    -webkit-animation: fadeInUp ease 2s;
    -moz-animation: fadeInUp ease 2s;
    -o-animation: fadeInUp ease 2s;
    -ms-animation: fadeInUp ease 2s;
}

.owl-item.active img,
.owl-item.active .callout {
    animation: fadeIn ease 3s;
    -webkit-animation: fadeIn ease 3s;
    -moz-animation: fadeIn ease 3s;
    -o-animation: fadeIn ease 3s;
    -ms-animation: fadeIn ease 3s;
}

.owl-item.active .canal-tv,
.owl-item.active a.btn,
.owl-item.active .publi-block {
    animation: fadeInRight ease 3s;
    -webkit-animation: fadeInRight ease 3s;
    -moz-animation: fadeInRight ease 3s;
    -o-animation: fadeInRight ease 3s;
    -ms-animation: fadeInRight ease 3s;
}

@keyframes fadeInRight {
    from {
        opacity: 1;
        transform: translateX(300px);
    }

    to {
        opacity: 1;
    }
}

.con-margin-top {
    margin-bottom: 1rem;
    ;
}

.left-side {
    float: left;
    /* width: 50%; */
    padding: 0 20px 0px 0px;
    width: 100%;
    object-fit: cover;
    max-width: 520px;
}



.floating-footer {
    float: left;
    /* padding: 1%; */
    width: 100%;
    object-fit: cover;
    max-width: 520px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: .8em;
    padding: 0 20px 0px 0px;
}





li.list-with-indent {
    padding-left: 3em;
    text-indent: -3em;
}

li.list-with-indent a {
    color: #212529;
}

li.list-with-indent span.bold a {
    color: #fbb001;
}

li.list-with-indent span {
    margin-right: 1.5em;
}

/*ul.list.list-unstyled.list-product-nav {


    width: 350px;

}
*/


.list-product-nav a {
    font-size: 10pt;
    display: block;
    text-decoration: none;
    color: #59bba4;
    padding: 5px 10px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 10px 0 10px;
}

.list-product-nav a:hover,
.list-product-nav a:focus,
.list-product-nav>li a.list-product-cat:hover {
    color: #fff;
}


.list-product-nav>li a.list-product-cat {
    color: #59bba4;
    padding: 10px 20px;

}

.list-product-nav>li a.list-product-cat {
    color: #59bba4;
    padding: 5px 10px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 10px 0 10px;
    text-transform: uppercase;
}

.list-product-subnav {
    display: none;

    background: #1a1a1a;
    border-radius: 10px;
}

.list-product-subnav li a {
    color: #d8d5d5;
    padding: 5px 15px 5px;
    cursor: pointer;
    /* border: 1px solid #fcb001; */
    line-height: initial;
    text-align: left;

}

span.line-breaking.color-submenu {
    color: #b2aeaef5;
}

/*ul.list.list-unstyled.list-product-nav {


    width: 350px;

}*/



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

    .mobile-resize {
        max-width: 206px;
    }

    p.black {
        color: black;
        font-weight: 600;
        /* margin: 3vh; */
        /* margin-top: 2rem; */
        /* margin-bottom: 3rem; */
        font-size: 1.3rem;
    }

    p.figure-footer.entrevista-cargo {
        text-align: center;
        font-size: .9em;
        /* margin-bottom: 30px; */
        margin-bottom: 0;
        padding: 0;
    }

    .small-size {
        font-size: 1rem;
        letter-spacing: -1px;
    }
}



.margin-10px {
    margin: 10px 10px 20px !important;
    padding: 10px !important;
}

blockquote.callout.quote.ES.mini span.line-breaking {
    margin-top: 1em;
}

blockquote.callout.quote.ES.mini span.line-breaking-2 {
    margin-top: 15px;
}

.full-with {
    width: 100% !important;
}

.no-faces {
    position: absolute !important;
    top: 24%;
    width: 80% !important;
    left: 10%;
}

.display-flex {

    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;

}
.display-flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.background-white {
    background-color: #ffffff;
}



.column-inside-wrapper:first-child p{
    
    padding: 0px;
    /* min-height: 500px; */
}

.column-inside-wrapper:nth-child(2) {
    background: #000000;
    padding: 20px;
    min-height: 250px;
}

.background-grafico-5 {
    background-image: url("../images/ordem/compromisso/foto2.jpg") !important;
    /* width: 400px; */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 20% !important;
    background-position-y: 100% !important;
    position: relative;
    
}
.background-grafico-6 {
    background-image: url("../images/global/susanne/susanne-aside.png") !important;
    /* width: 400px; */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: right !important;
    background-position-y: 100% !important;
    position: relative;
	 
}


.fadeInLeft-inside-modal {
    animation: fadeInUp ease 2s;
    -webkit-animation: fadeInUp ease 2s;
    -moz-animation: fadeInUp ease 2s;
    -o-animation: fadeInUp ease 2s;
    -ms-animation: fadeInUp ease 2s
}

.background-blue {
    background: #1f3b5b;
}

.letter-spacing-minus {
    letter-spacing: -.2px;
}

ul.french li {
    /* margin-left: 18px; */
    /* text-indent: 0em; */
    text-align: inherit;
    margin: 8px 0 0;
  
}
.style-black-circle li {
    
    text-indent: 0 !important;
    list-style-type: disc !important;
}

.carousel-indicators {
   
     margin-bottom: 0rem; 
   
}
.item img.responsive {
    border-radius: 30px 0 30px 0;
}

.item img.responsive.comillas {
    border-radius: 0;
}

.modal-header p {
    max-width: 70%;
}


.normal{font-size: 1em; font-weight: 100}


.image-hover {
    display: block;
    width: 100%;
    height: auto
}
.overlay-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #fbb001;
    border-radius: 15px 50px 30px 5px;
}

.overlay-hover.publi-hover {
    background: #303030de;
    border-radius: 0!important;
}

.no-padding:hover .overlay-hover {
    opacity: 1;
    border-radius: 15px 50px 30px 5px
}

.overlay-hover.publi-hover:hover {
    cursor: pointer
}

.text-hover {
    color: #212529;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center
}

.overlay-hover .text-hover {
    color: #fff;
    font-weight: 600;
}
.advertising-container {
    position: absolute;
    /* top: 0; */
    width: 100%;
    font-size: .6em;
    width: 100%;
    /* background: red; */
    bottom: 0;
    display: flex;
    left: 0;
    justify-content: center;
    
}

p.advertisement{
    background: #e2dede;
    padding: 2px 4px 2px;
    color: #303030;
    text-align: center;
    max-width: 80px;
}
img.responsive.logo-mic, img.responsive.dedo{
    border-radius: 0;
}

@media (max-width: 350px) {
    .cat-small-in-mobile {
        font-size: .9rem;
    }

    .title-small-in-mobile {
        font-size: 1.1em;
    }
}


@media (max-width:768px) {

    .custom-columns {
        /* grid-template-columns: 30% 68%; */
        grid-template-columns: repeat(2, 100%);
    }

    .image-interview {

        min-height: 550px;
    }

}


@media (max-device-width: 767px){
    .custom-columns {
        /* grid-template-columns: 30% 68%; */
        grid-template-columns: repeat(1, 100%);
    }

    .image-interview {

        min-height: 250px;
    }
}
.turn {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #66bea9;
    z-index: 99999;
    display: none;
    top: 50px;
}

@media screen and (orientation:landscape) and (max-width:1023px) {
    .turn {
        display: block
    }
}

.turn h2,.turn p {
    line-height: .9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-transform: translate(-50%,-50%)
}

.turn h2 {
    font-size: 5.625rem;
    text-transform: uppercase;
    font-weight: 700;
    user-select: none;
    color: #303030;
    -webkit-text-fill-color: #303030;
    top: 10%;
    position: absolute;
    line-height: 1 !important;
}

.turn h2 em {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #303030;
    -webkit-text-fill-color: transparent
}

.turn p {
    font-size: .8rem;
    letter-spacing: 2px;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    top: 75%;
    position: relative;
    margin: auto;
    text-align: center;
    width: 80%;
    background: #303030;
    padding: 3px 0;
}


.img-foot-text {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}
.footer-text {
    margin-top: 5px;
    font-size: .8em;
    margin-bottom: 0;
}


.lb-number {
  
    display: none !important;
}

@media screen and (max-width:480px) {
    .turn h2 {
        font-size: 4.5rem
    }
}

@media screen and (max-width:414px) {
    .turn h2 {
        font-size: 4rem
    }
}


.yellow-destacado.with-borders {
    border-top: 10px solid grey;
    padding: 20px;
    border-bottom: 10px solid grey;
}

.yellow-destacado.with-borders img{
   
    margin-bottom: 20px;
}

p.inside-picture.figure-footer.fadeInLeft-inside-modal {
    position: absolute;
    bottom: 0;
    color: #000000;
    padding: 0px 20px 0px 20px;
}

.row.new-block {
    margin: 1em 0 8px;
    padding: 0;
}

p.bold.title-bold.editorial-category {
    width: 100%;
    text-transform: uppercase;
}

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

.container.scrollable.no-padding {
    padding: 0 !important;
}

@media (max-width: 600px){
    div#player iframe {
        aspect-ratio: 16 / 9;
        width: 100%;
        height: auto;
    }
}


.imgBx.modal-container iframe {
    margin-bottom: 50px;
}


p.nombre-entrevista-in-modal.fadeInLeft-inside-modal.with-margin-top.align-left {
    text-align: left;
}
.with-margin-bottom-40 {
    margin-bottom: 40px;
}

span.line-breaking.with-background {
    padding: 3px 10px 3px;
    background: #303030;
}

.with-background {
    padding: 10px 10px 0px;
    background: #303030cc;
}