body{
    font-family: 'Mulish', sans-serif;
    background-color: #0f0f0f;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}


ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}


#contenido {
    position: relative;
    height: 100vh;
}

#contenido.sc{
    overflow-y: auto;
}
.sc #paginacion{
    display: none;
}

#abajo{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 20%;
    z-index: 100;
}

#paginacion, #playpause, #zoom{
    position: relative;
    width: auto;
    float: left;
    font-size: 0.8em;
    z-index: 99;
    display: none;
}

.etiquetas{
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 99;
    display: none;
    transition: 0.3s;
    height: 100%;
    width: 80%;
}

.ets{
    position: absolute;
    bottom: 0px;
    right: 0px;
}



body.movil #playpause i.fas {
    font-size: 2em;
}

body.movil #zoom{
    display: none;
}

.owl-nav,.owl-dots{
    display: none;
}

.owl-carousel {
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    min-height: 1px;
}

div#carrusel .owl-stage-outer{
    height: 100vh!important;
}


.owl-carousel .owl-item .owl-lazy, .owl-carousel .owl-item .owl-lazy.loaded{
    opacity: 1;
    width: 100%;
}

.owl-carousel .owl-item .owl-lazy {
    -webkit-transition:opacity 200ms ease;
    -moz-transition:opacity 200ms ease;
    -ms-transition:opacity 200ms ease;
    -o-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    height: 100%;
}

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

#carrusel{
    background: url("https://brunomiguelez.com/site/assets/files/logo_bm_gif.gif") no-repeat center center;
    background-size: 100px;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.carga_f{
    height: 100%;
    width: 100%;
}

#carga{
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 999;
    background-color: #0000008f;
    overflow: hidden;
}

#carga_2{
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 999;
    background-color: #0000008f;
    overflow: hidden;
}

.cargador{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    height: 20%;
    width: auto;
    opacity: 0.7;
}

.cargador.jpg{
    opacity:1;
}

.cargador.gif{
    height: auto;
    width: 10em;
    opacity:1;
}

/*
.owl-item {
  background-image: url("../misc/bm.gif");
  background-repeat: no-repeat;
  background-position: center;
}
*/

.owl-lazy {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    padding: 0;
}


.owl-prev, .owl-next {
    position: absolute;
    bottom: 50vh;
    left: 8px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    color: white;
    opacity: 0.5;
}
.owl-prev:hover, .owl-next:hover {
    opacity: 0.8;
    transition: 0.3s;
}

.owl-next {
    right: 8px;
    left: auto;
}

.owl-dots {
    position: absolute;
    bottom: 16px;
    z-index: 12;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.owl-dot {
    border-radius: 0.75em;
    background-color: #534a4a;
    border: 0px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    transition: all 200ms ease-in-out;
}

.owl-dot:not(:first-child) {
    margin-left: 10px;
}
.owl-dot.active {
    background-color: #000000;
}

.siguiente, .anterior {
    font-size: 1.5em;
}


.carga_img, .img_grande{
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.carga_img{
    width: 100%;
    height: 100%;
    z-index: 9998;
    background-position: top 50% left 50%;
}
.img_grande{
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-position: top 50% left 50%;
}

.carga_img.cover{
    background-size: cover;
    background-repeat: no-repeat
}


.carga_img.fill{
    background-size: auto 100%, cover;
    background-repeat: no-repeat
}
.img_grande.owl-lazy.cover{
    background-size: cover;
    background-repeat: no-repeat
}

.img_grande.fill{
    background-size: auto 100%, cover;
    background-repeat: no-repeat
}

.cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.fill{
    background-repeat: no-repeat;
    background-size: auto 100% , cover;
}


.carga_img.cover.altototal, .img_grande.owl-lazy.cover.altototal{
    background-size: auto 100%, cover!important;
    background-repeat: no-repeat!important;
}



body.movil .carga_img.altototal, body.movil .img_grande.altototal{
    background-size: auto;
    background-repeat: no-repeat;
}

body.movil .carga_img.anchototal, body.movil .img_grande.anchototal{
    background-size: 100% auto, cover!important;
    background-repeat: no-repeat!important;
}



.img_grande{
    height: 100%;
    width: 100%;
    opacity: 0;
}


.derecha{
    display: inline-block;
    margin: 0.5em;
    float: right;
    clear: right;
}

.etiqueta{
    position: relative;
    color: #fff;
    padding: 5px;
    margin: 5px;
    z-index: 100;
    opacity: 0.5;
    border: 1px solid #6d6d6d00;
    background-color: #00000042;
    transition: 0.3s;

}

.titulo{
    font-size: 1.5em;
}
.tag{
    font-size: 0.8em;
}
.etiqueta:hover{
    opacity: 1;
}

a {
    color: #d8d8d8;
    text-decoration: none;
}

a:hover,
a:active,
a:visited,
a:focus {
    color: #fff;
    text-decoration: none;

}


/* MENU */

.menu-principal {
    width: 100%;
    float: left;
    list-style: none;
    position: absolute;
    z-index: 999;
    margin:0px;
    display: none;
}

.menu-principal.display{
    display: inline-block;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}

.menu-principal > li {
    display: inline-block;
    float: left;
}

.menu-principal > li > a {
    color: #ccc;
    text-decoration: none;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}



.menu-principal > li > a.active,
.menu-principal > li > a:hover,
li.oficinas ul > li > a:hover,
li.viviendas ul > li > a:hover,
li.estancias ul > li > a:hover,
li.reformas ul > li > a:hover,
li.videos ul > li > a:hover,
li.contacto ul > li > a:hover {
    /* background: #009fe1;
    color: #fff;
    */
    border-bottom: 2px solid #c7c7c7
}


.menu-principal > li > a,
.menu-principal > li > a,
li.oficinas ul > li > a,
li.viviendas ul > li > a,
li.estancias ul > li > a,
li.reformas ul > li > a,
li.videos ul > li > a,
li.contacto ul > li > a {
    border-bottom: 2px solid #d2262600
}


.padre.activo,.activo{
    border-bottom: 2px solid #d22626
}

.menu-principal > li > a,
border-bottom: 2px solid #d2262600
}


.menu-principal i {
    float: left;
    font-size: 18px;
    line-height: 20px !important;
}
/*
li.drop-down,
li.viviendas-drop{
  position: relative;
}
*/

div.boton_menu{
    position: fixed;
    height: auto;
    padding: 1em;
    margin: 0.5em;
    right: 0px;
}


li.drop-down > ul > li > a,
li.viviendas-drop > ul > li > a {
    color: #fff;
    display: block;
    padding: 20px 22px;
    text-decoration: none;
    background-color: #365670;
    border-bottom: 1px dotted #547787;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}



.mega-menu ul li a {
    line-height: 25px;
    font-size: 90%;
    display: block;
}

.bg-oscuro{
    background-color: #000000ba!important;
}


.animado{
    transition:all 250ms ease;
}

/*
.menu-principal:hover {
   background-color: #000000ba!important;
}

.imagenes{
   background-color: #000000ba!important;
}


*/





.toggle-menu{
    display: none;
}


.menu-principal{
    animation-name: fadeIn;
}

.menu-principal > li.home{
    margin-left: 10%;
}

.menu-principal > li > a {
    display: block;
    padding: 1.5em;
}


.imagenes,
li.drop-down > ul {
    position: absolute;
}

div.boton_menu{
    display: none;
}

img.logo{
    height: 2.5em;
    float: left;
    border-style: none;
    /* max-height: 2em; */
    display: block;
    margin: -0.5em 1em;
}

.drop_menu{
    display: none;
}

#galeria.hide{
    display: none;
}

body.movil{
    min-height: -webkit-fill-available;
}

body.movil img.logo{
    height: 100%;
    float: none;
    border-style: none;
    max-height: 3em;
    padding: 1em;
    display: block;
    margin: 0 auto;
    margin-bottom: 1em;
}

body.movil #caro_viviendas,
body.movil #caro_oficinas,
body.movil #caro_estancias,
body.movil #caro_videos,
body.movil #caro_reformas,
body.movil #caro_contacto {
    z-index: 1;
}

body.movil .menu-principal > li > a{
    padding: 2em 0px;
}
body.movil .cover_m{
    display: none;
}

body.movil .drop_menu{
    position: absolute;
    right: 0px;
    font-size: 1.5em;
    padding: 1em;
    border-left: 1px solid #000;
}

#carrusel .owl-carousel .owl-item{
    display: contents;
    z-index: 1;
}


.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .owl-next.disabled,.owl-prev.disabled{
    display: none!important;
}

.imagenes {
    left: 0px;
    width: 100%;
    opacity: 0;
    color: #fefefe;
    z-index: 1;
    height: 0px;
    min-height: 0px;
}



/*hover*/
.imagenes:hover,
.viviendas > a:hover + .imagenes
{
    opacity: 1;
    background-color: #000000ba!important;
    z-index: 3;
    height: 7em;
    padding-top: 1em;
    padding-bottom: 1em;
}


.imagenes:hover,
.oficinas > a:hover + .imagenes
{
    opacity: 1;
    background-color: #000000ba!important;
    z-index: 3;
    height: auto;
    padding-top: 1em;
    padding-bottom: 1em;

}
.imagenes:hover,
.reformas > a:hover + .imagenes
{
    opacity: 1;
    background-color: #000000ba!important;
    z-index: 3;
    height: auto;
    padding-top: 1em;
    padding-bottom: 1em;

}

.imagenes:hover,
.estancias > a:hover + .imagenes
{
    opacity: 1;
    background-color: #000000ba!important;
    z-index: 3;
    height: auto;
    padding-top: 1em;
    padding-bottom: 1em;
}

.imagenes:hover,
.videos > a:hover + .imagenes
{
    opacity: 1;
    background-color: #000000ba!important;
    z-index: 3;
    height: auto;
    padding-top: 1em;
    padding-bottom: 1em;
}




.imagenes:hover,
.contacto > a:hover + .imagenes
{
    opacity: 1;
    background-color: #000000ba!important;
    z-index: 3;
    height: auto;
    padding-top: 1em;
    padding-bottom: 1em;
    display: block;
}

li.contacto ul > li > a:hover + .contacto > .imagenes,
.contacto > .imagenes:hover{
    display: block;
}

.contacto > .imagenes{
    display: none;
}



.contacto_d{

    /*  display: none; */
    overflow: hidden;
    z-index: -1;
}
.contacto_d .col_1{
    width: 56%;
    float:left;
    text-align:right;
    display:inline-block;
    margin: 2%;
    overflow: hidden;
}
.contacto_d .col_2{
    width: 36%;
    float:left;
    text-align: center;
    display:inline-block;
    margin: 2%;
}

.contacto_d i.fa{
    margin-right:1em;
}

.contacto .col_1 .col_c, .contacto .col_2 .col_c{
    width: 100%;
    position: relative;
    display: inline-block;
}

.contacto_d .col_1 img{
    width: auto;
    height: 50vh;
    display: inline-block;
}

.contacto_d .col_2 span{
    display: inline-block;
    margin-bottom: 5px;
    padding: 1em;
}

.contacto_d iframe{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}


body.movil .menu-principal.display .contacto_d{
    max-height: max-content;
}

body.movil .col_1{
    width: 96%;
    display: inline-block;
    padding: 2%;
    text-align: center;
    margin: 0px;
}

body.movil .col_2{
    width: 96%;
    display: inline-block;
    padding: 2%;
    text-align: center;
    margin: 0px;
}
body.movil .col_2 span {
    padding:0.5em 0px;
}

body.movil .col_1 img{
    width: 100%;
    height: auto;
}


.imagenes:hover,
.contacto > a:hover + .imagenes,
{
    opacity: 1;
    background-color: #000000ba!important;
    z-index: 3;
    height: auto;
    padding-top: 1em;
    padding-bottom: 1em;
}

.item{
    width: 100%;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;

}

.owl-carousel {
    display: inline-block;
}

.ver_todo{
    right: 33px;
    z-index: 3;
}

#caro_viviendas, #caro_oficinas, #caro_estancias, #caro_contacto, #caro_videos, #caro_reformas {
    z-index: -1;
}

/*
ul.menu-principal{
height: 13em;
}
*/

ul.menu-principal:hover, .imagenes:hover{
    background-color: #000000ba!important;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}


/* Estilo MOVIL */
body.movil .imagenes:hover,
body.movil .estancias > a:hover + .imagenes,
body.movil .viviendas > a:hover + .imagenes,
body.movil .oficinas > a:hover + .imagenes,
body.movil .reformas > a:hover + .imagenes,
body.movil .videos > a:hover + .imagenes,
body.movil .contacto > a:hover + .imagenes
{
    position: relative;
    display: none;
    opacity: 1;
    background-color: #000000ba!important;
    z-index: 1;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}


body.movil .imagenes{
    position: relative;
    display: none;
    opacity: 1;
    background-color: #000000ba!important;
    z-index: 1;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}


body.movil .menu-principal.display, body.movil ul.menu-principal:hover, body.movil .imagenes:hover {
    background-color: #101010!important;
}

body.movil .menu-principal > li > a {
    width: 100%;
    display: none;
}

body.movil .menu-principal.display{
    min-height: 100%;
    overflow-y: scroll!important;
    display: inline-block;
    height: 100%;
    position: fixed;
}

body.movil .menu-principal > li.home{
    margin: 0 auto;
    text-align: center;
}

body.movil .display.menu-principal > li > a {
    display: block;
    display: inline-block;
    text-align: center;
}
body.movil .display .drop_menu {
    display: block;
    display: inline-block;
    text-align: center;
}



body.movil div.boton_menu{
    display: block;
}

body.movil li.menu_caro{
    width: 100%;
    overflow: hidden;
    box-shadow: inset 0px 1px 3px 0px #000000;
    /* background: linear-gradient(to bottom, #2b2b2b 5%, #000000 100%);*/

    background-color: #101010;
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0px -1px 0px #000000;
}


body.movil .padre{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

body.movil .menu-principal {
    width: 100%;
    background-color: #17171700;
    animation-name: none;
}

body.movil {
    height: 100%;
    max-width: 100%;
    overflow: hidden;
}

body.movil .menu-principal{
    width: 100%;
    background-color: #000000f2;
    margin-left: 0px;
}

body.movil .item{
    width: 100%;
}

body.movil .caro_oficinas,
body.movil .caro_viviendas,
body.movil .caro_estancias,
body.movil .caro_videos,
body.movil .caro_reformas,
body.movil .caro_contacto{
    display: none;
}

body.movil .owl-carousel{
    display: inline-block;
}

body.movil div.item a h4{
    display: inline-block;
    text-align: center;
    position: relative;
}

body.movil .ver_todo{
    position: initial;
    width: 100%;
}

body.movil .carrusel_menu .item:last-child{
    display: none;
}

body.movil .menu-principal .item.a{
    height: 100%;
    width: 100%;
    background-color: #0000007d;
    display: inline-block;
}

body.movil a.padre{
    text-transform: uppercase;
}

body.movil a.padre.abierto{
    background-color: #3d3d3d;
}
/* Fin estilos móvil */


.carrusel_menu .owl-item .item{
    opacity: 0;
    box-shadow: 0 10px 36px -6px black;
    -webkit-transition: color 0.2s linear, opacity 0.2s linear;
    -moz-transition: color 0.2s linear, opacity 0.2s linear;
    -o-transition: color 0.2s linear, opacity 0.2s linear;
    transition: color 0.2s linear, opacity 0.2s linear;
}

.carrusel_menu .owl-item.active .item{
    opacity: 1;
}



a.toggle-menu {
    position: fixed;
    right: 0px;
    padding: 0.5em;
    font-size: 1.5em;
    background-color: #000000;
    color: #ffffff;
    top: 0px;
    opacity: 1;
    z-index: 9999;
}

.ver_todo{
    position: relative;
    float: right;
}

.imagenes.animate__animated.animate__fadeIn{
    --animate-duration: 150ms;
}

#carrusel .animate__animated.animate__fadeIn, #carrusel .animate__animated.animate__fadeOut , .animate__animated.animate__slideInUp {
    --animate-duration: 150ms;
}

.caro_item_menu {
    background-color: #00000093;
    height: 100%;
    width: 100%;
    display: none;
    text-align: center;
    text-transform: uppercase;
}

.owl-slide{
    --grid-aspect-ratio: 16/9;
    font-size: 1em;
    line-height: 1.5;
    list-style: none;
    font-variant: all-small-caps;
    font-weight: 500;
    color: #fff;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    transition: all .3s ease!important;
    background-size: cover;
    background-repeat: no-repeat;
    animation-fill-mode: both;
    height: 8em;
    transform: scale(.95);
    cursor: pointer;
}

.item{
    height: 7em;
}

.item a, .item.ver_todo a {
    height: 100%;
    width: 100%;
    background-color: #1e1e1ea6;
    color: #d8d8d8;
    display: inline-block;
    z-index: 1;
}

body.movil .item a, body.movil .item.ver_todo a{
    background-color: #000000d9;
}

.item a:hover, .ver_todo a:hover{
    background-color: #00000040;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}

.item a h4{
    --grid-aspect-ratio: 16/9;
    font-size: 1em;
    line-height: 1.7;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
    transition: all .3s ease!important;
    text-decoration: none;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-shadow: 0px 2px 3px rgb(0 0 0);
    text-transform: capitalize;
}

figure{
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    border-bottom: 1px solid #000000fa;
}

figure:hover{
    border-bottom: 1px solid #d22626;
}


.menu-principal > li > a.activo_m{
    border-bottom: 2px solid #c7c7c7;
}

#caro_oficinas .owl-prev, #caro_oficinas .owl-next, #caro_viviendas .owl-prev, #caro_reformas .owl-next, #caro_viviendas .owl-next, #caro_videos .owl-prev, #caro_videos .owl-next, #caro_estancias .owl-prev, #caro_estancias .owl-next{
    bottom: 2.5em;
    padding: 0.5em;
    background-color: #555;
    z-index: 99;
}

#caro_oficinas .owl-prev, #caro_viviendas .owl-prev, #caro_reformas .owl-prev, #caro_estancias .owl-prev, #caro_videos .owl-prev{
    left: 0px;
}

#caro_oficinas .owl-next, #caro_viviendas .owl-next, #caro_reformas .owl-next, #caro_estancias .owl-next, #caro_videos .owl-next{
    right: 0px;
}

.owl-carousel.owl-hidden{
    opacity: 1;
    min-height: 1px;
}

.menu_activo{
    overflow: hidden;
    max-height: 100%;
}



/* GALERIA DE IMAGENES */
.ovhidden{
    overflow: hidden;
}

/* si es movil no ponemos margen */


@media only screen and (max-width: 450px) and (min-width: 1px)  {
    #galeria {
        display: block!important;
        margin: 0px!important;
        padding-top: 0px!important;
        width: 100%;
        overflow-y: auto;

    }
}

@media only screen and (min-width: 451px) {
    #galeria {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
        grid-auto-rows: minmax(450px, 1fr);
    }
}


#galeria{
    position: relative;
    z-index: 2;
    max-width: 100%;
    margin: 0 10%;
    transition: all .3s ease!important;
    padding-top: 5em;
    padding-bottom: 5em;
}

div.item-galeria{
    flex: 0 0 100.0%;
    max-width: 100%;
    background-size: cover;
    border-radius: 8px;
    height: 431px;
    margin: 2em 1em;
}

div.item-galeria .cover{
    position: relative;
    top: 0; left: 0;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 10px 36px -6px black;
}

div.item-galeria .caption{
    background-color: #00000099;
    height: 100%;
    width: 100%;
    display: block;
    text-align: center;
    text-transform: capitalize;
    text-decoration: none;
    border-radius: 0.5em;
}

div.item-galeria .caption:hover{
    background-color: #00000040;
}


div.item-galeria h4{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 1.5em;
    padding: 1em;
    color: #fff;
    text-shadow: 2px 2px #000000;
}

.cover_m{
    position: relative;
    float: left;
    width: 50%;
    height: 50%;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat
}

.panWrapper a.controls.out, .panWrapper a.controls.in, .panWrapper a.controls.close{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2em;
}
.panWrapper a.controls.out:before{
    content : "\f068";
}
.panWrapper a.controls.in:before{
    content : "\f067";
}
.panWrapper a.controls.close:before{
    content : "\f00d";
}

.panWrapper{position:fixed;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.9);z-index:9999;left:0;top:0;display:none;cursor:move}.panWrapper *{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.panWrapper a.controls{background-size:100%;width:32px;height:32px;display:block;position:absolute;left:50%;z-index:2;bottom:30px;cursor:pointer}.panWrapper a.controls.in{margin-left:-30px}.panWrapper a.controls.out{margin-left:30px}.panWrapper a.controls.close{left:auto;right:30px;top:30px}.panWrapper a.controls.rc{margin-left:90px}.panWrapper a.controls.ra{margin-left:-90px}.panWrapper .loading{z-index:3;position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;width:100px;height:100px;kground-repeat:no-repeat;background-size:100%;display:block}

.panWrapper img.i{
    max-width: 200%;
    transform-origin: top left !important;
    min-width: 50%;
}


/* vietnamese */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(mulish.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(mulish.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(mulish.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(mulish.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(mulish.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(mulish.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(mulish.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(mulish.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(mulish.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container{

    width: 100%;
    max-width: 100em;
    height: auto;

}
.lity-close {
    z-index: 9994;
    width: 2em;
    height: 2em;
    position: absolute;
    right: 0px;
    top: -2em;
}

.item.cover.relleno{
    display:none;
}
/*
.lity-iframe-container{
    padding-top: 50%;
 } */