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

html::-webkit-scrollbar{
    width: 12px;
    background: #000;
    padding: 10px;
    cursor: pointer;
}

html::-webkit-scrollbar-track {



}

html::-webkit-scrollbar-thumb{
    width: 10px;
    background: #fff;
    cursor: pointer;
    border-radius: 15px;
}
html::-webkit-scrollbar-thumb:hover {
    background: #ed2e30;
}
a {color: #ed2e30;outline:none;text-decoration: none;}
a:hover{
    text-decoration: none;
}
a:visited{color:#ca99ff;}
/* ROW */
.row:after,
.row:before,
#listado-app-master:after,
#listado-app-master:before {
    display: table;
    content: " "
}
*::-moz-selection { background: #ed2e30; color: #fff; text-shadow: none; }
::-moz-selection { background: #ed2e30; color: #fff; text-shadow: none; }
::selection { background: #ed2e30; color: #fff; text-shadow: none; }
.row:after,
#listado-app-master:after {
    clear: both
}
@media (min-width:981px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left
    }
    .col-12 {
        width: 100%
    }
    .col-11 {
        width: 91.66666667%
    }
    .col-10 {
        width: 83.33333333%
    }
    .col-9 {
        width: 75%
    }
    .col-8 {
        width: 66.66666667%
    }
    .col-7 {
        width: 58.33333333%
    }
    .col-6 {
        width: 50%
    }
    .col-5 {
        width: 41.66666667%
    }
    .col-4 {
        width: 33.33333333%
    }
    .col-3 {
        width: 25%
    }
    .col-2 {
        width: 16.66666667%
    }
    .col-1 {
        width: 8.33333333%
    }
}
/* FIN ROW */

/* TEMPLATE */
body{
    font-family: 'Poppins', sans-serif;
    color: #5a5a5a;
    background: #000;
}
.center{
    width: 1100px;
    margin: 0 auto;
}
.center2{
    width: 96%;
    margin: 0 auto;
}
.boton-expand-menu{
    display: none;
}

#header{
    width: 100%;
    z-index: 2;
    padding: 10px 0 10px;
    position: absolute;
}
.boton-expand-menu{
    display: none;
}
header.fixed .boton-expand-menu{
    top:37px;
}
#header .center,
.banner .center{ position: relative; }
#header .logo{
    display: inline-block;
    width: 130px;
}
#header .logo img{
    width: 100%;
    vertical-align: top;
}
#header .menu{
    overflow: hidden;
    float: right;
    margin-top: 21px;
    padding-bottom: 20px;
}
.fondoplomitos{
    background: #040404;
}
#header .menu a{
    color: #fff;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    position: relative;
    transition: 0.3s;
}
#header .menu a:active {
    background-color: #0b375f;
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
#header .menu a.normal:after{
    content: '';
    position: absolute;
    height: 4px;
    width: 0%;
    transition: 0.5s;
    background: #ed2e30;
    left: 0;
    bottom: -13px;
}
#header .menu a.normal:hover:after,
#header .menu a.active:after{
    width: 100%;
}
#header .menu a.pyme-boton-top{
    border: 2px solid #fff;
    font-size: 11px;
    text-align: center;
    letter-spacing: 1px;
    padding: 12px 15px;
    border-radius: 9px;
    line-height: 13px;
    transition: 0.3s;
}

#header .menu a.pyme-boton-top:hover{
    background: #ed2e30;
    color: #ffffff;
    border: 2px solid #ed2e30;
}
.banner{
    height: 77vh;
    background-size: cover;
    background-position: center;
    padding-top: 31vh;
    background-color: #000000a8;
}
.banner h1{
    color: #fff;
    font-size: 45px;
    letter-spacing: 0px;
    margin: 40px 0;
    display: block;
    width: 80%;
    line-height: 58px;
    min-height: 138px;
    font-weight: normal;
}
.banner p{
    color: #fff;
    text-align: left;
    font-size: 23px;
    letter-spacing: 2px;
    font-weight: 600;
    max-width: 700px;
    display: block;
}
.buscador{
    width: 600px;
    background: #fff;
    margin: 50px auto 0;
    border-radius: 6px;    
}
.buscador .left{
    float: left;
    width: 40%;
    color: #453300;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    text-align: center;
    line-height: 50px;
}
.buscador .select-box{
    width: 60%;
    float: right;
    position: relative;
}
.buscador .select-box select{    
    height: 50px;
    border: none;    
    color: #453300;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    padding-left: 50px;
    cursor: pointer;
    width: 95%;
}
.buscador .select-box:after{
    content: " ";
    background-image: url(../imagenes/icono-lugar.svg);
    position: absolute;
    width: 20px;
    height: 27px;
    left: 0;
    top: 11px;
}
.buscador:after,
.buscador:before,
#filtro-master:after,
#filtro-master:before,
.shadow:after,
.shadow:before{
    display: table;
    content: " ";
}
.buscador:after,
#filtro-master:after,
.shadow:after{
    clear: both
}
.volver{
    position: absolute;
    top: 23px;
    left: 19px;
    transition: 0.3s;
}
.volver img{
    width: 35px;
    vertical-align: top;
}
.volver:hover{
    left: 10px;
}
#filtro-master{}
#filtro-master .col-left,
#filtro-master .eluno{
    height: 100vh;
    float: left;
}
#filtro-master .col-left{
    background: #0f4c83;
    width: 20%;
    padding-top: 25px;
}
#filtro-master .encapsular{
    width: 80%;
    float: left;
    height: 100vh;
    padding: 3vh 0;
    background: #0f4c83;
    border-right: 20px solid #0f4c83;
}
#filtro-master .eluno{
    width: 1%;
    height: 94vh;
}
#filtro-master .col-right{
    width: 69%;
    background: #eee;
    float: left;
    height: 94vh;
    overflow: hidden;
    background: #fff;
    /* border-right: 20px solid #0f4c83; */
    border-radius: 0 40px 40px 0;
}

.cajita-overlay{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 20px;
    background-color: #000;
    text-align: center;
    color: #fff !important;
    width: 130px;
    padding: 9px 10px 9px 13px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: bold;
    transition: 0.3s;

}
.cajita-overlay:active,
.cajita-overlay:hover {
   background-color: #ed2e30;
   
}
.cajita-overlay img{
    width: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 3px;
}
.shadow{box-shadow: 0px 0px 6px 0px rgba(49, 49, 49, 0.4);border-radius: 38px;}
#filtro-master .col-mid{
    width: 30%;
    text-align: center;
    padding: 1vh 0;
    height: 94vh;
    float: left;
    background: url(../imagenes/aa.gif) center center;
    border-radius: 40px 0 0 40px;
    overflow: hidden;
}
#filtro-master .logo{
    text-align: center;
    padding: 0px 30px;
}
#filtro-master .logo video{
    max-width: 100%;
}
#filtro-master .filtro{
    padding: 30px 30px;
}
#filtro-master .filtro h2{
    color: #ffc401;
    margin-bottom: 7px;
    line-height: 30px;
    font-size: 17px;
    border-radius: 20px;
    padding: 0 0px 0 10px;
}
#filtro-master .filtro ul{
    list-style: none;
    padding-left: 30px;
    background: #0e426f;
    padding: 19px 24px 18px;
    border-radius: 14px;
    box-shadow: 0 0px 8px 0 rgb(255, 196, 1,0.1);
    transition: 0.5s;
}
#filtro-master .filtro ul li:after{
    content: '';
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 310px;
    position: absolute;
    top: 11px;
    left: 18px;
}
#filtro-master .filtro ul:hover{
    box-shadow: 0 0px 8px 0 rgb(255, 196, 1,0.5);
}
#filtro-master .filtro ul li{
    margin-bottom: 4px;
    display: block;
    position: relative;
}
#filtro-master .filtro ul li a{
    display: block;
    border-radius: 30px;
    padding: 3.5px 30px 2px;
    margin-bottom: 0px;
    color: #fff;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0px;
    -webkit-transition: background 180ms ease;
    -moz-transition: background 180ms ease;
    -ms-transition: background 180ms ease;
    -o-transition: background 180ms ease;
    transition: background 180ms ease;
}
#filtro-master .filtro ul li a:hover{
    background: #fff;
    color: #0f4c83;
}#filtro-master .eluno{
    background: #ffc108;
    box-shadow: 5px 0px 6px 0px rgba(49, 49, 49, 0.1);
    position: relative;
}
.google-maps{}
.google-maps iframe{
    width: 100%;
    height: 380px;
}
#filtro-master .col-mid .margen{
    overflow-y: auto;
    height: 80vh;
    padding: 0px 15px 0px 15px;
    border-radius: 0 0 0 56px;
}
#filtro-master .col-mid .margen::-webkit-scrollbar{
    width: 12px;
    background: #ffc401;
    padding: 10px;
    cursor: pointer;
}
#filtro-master .col-mid .margen::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2); 
  border-radius: 10px;
  
}
#filtro-master .col-mid:hover .margen::-webkit-scrollbar-thumb{

    background: rgba(15, 76, 131, 0.9);

}
#filtro-master .col-mid .margen::-webkit-scrollbar-thumb{
    width: 10px;
    background: rgba(15, 76, 131, 0.3);
    cursor: pointer;
    border-radius: 15px;
}
#filtro-master .col-mid .margen::-webkit-scrollbar-thumb:hover {
    background: rgba(15, 76, 131, 0.9);
}

#filtro-master .col-mid .box-pyme{
    display: block;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    cursor: pointer;
    background: #fff;
    /* border: 1px solid #b3b3b3; */
    margin-bottom: 20px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
    transition: 0.3s;
}
#filtro-master .col-mid .box-pyme:hover{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
}
#filtro-master .col-mid .box-pyme:hover .logo-pyme{
    opacity: 1;
}
#filtro-master .col-mid .box-pyme .logo-pyme{
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.3s;
    width: 150px;
    opacity: 0.6;
    display: inline-block;
    vertical-align: top;
    border-radius: 15px 0px 0px 15px;
}
.box-pyme .info-pyme-inner{
    display: inline-block;
    width: 49%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 0px;
}
.box-pyme .info-pyme-inner span{
    font-size: 12px;
    display: block;
    vertical-align: top;
}
.box-pyme .info-pyme-inner .nombre{
    font-weight: bold;
    font-size: 16px;
    display: block;
    color: #0f4c83;
    line-height: 17px;
    margin-bottom: 5px;
}
.box-pyme .info-pyme-inner .titulo-s{
    font-weight: bold;
    font-size: 11px;
}
.box-pyme .info-pyme-inner .titulo-s img{
    width: 18px;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 7px;
}
.box-pyme .info-pyme-inner .dato2{
    font-size: 12px;
}
.box-pyme .info-pyme-inner .horario{}
.box-pyme .info-pyme-inner .costo{}
#filtro-master .col-right .banner-ink{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 18vh;
}
#filtro-master .col-right .galeria{
    overflow:hidden;
}
#filtro-master .col-right .galeria .box{
    width: 25%;
    height: 22vh;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.video-box-x:hover .overlay{
    
    opacity: 1;
}
.video-box-x .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    transition: 0.3s;
    opacity: 0;
}

#filtro-master .col-right .info-pyme{
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}
#filtro-master .col-right .info-pyme .info-personal{
    width: 50%;
    float: left;
    padding-top: 0px;
    border-right: 1px solid #d8d8d8;
    height: 47vh;
}
#filtro-master .col-right .info-pyme .info-personal span{
    display: block;
}
#filtro-master .col-right .info-pyme .info-personal span img{
    width: 19px;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 8px;
}
#filtro-master .col-right .info-pyme .info-personal span.nombre{
    font-size: 32px;
    font-weight: bold;
    padding-left: 25px;
    padding-top: 10px;
    color: #0f4c83;
    padding-bottom: 10px;
    height: 7vh;
    border-bottom: 1px solid #d8d8d8;
}
#filtro-master .col-right .info-pyme .info-personal span.ubicacion{
    font-size: 13px;
    padding-left: 28px;
    margin-bottom: 13px;
}
#filtro-master .col-right .info-pyme .info-personal span.horario{
    font-size: 13px;
    padding-left: 28px;
    margin-bottom: 13px;
}
#filtro-master .col-right .info-pyme .info-personal span.especialidad{
    font-size: 13px;
    padding-left: 28px;
    margin-bottom: 13px;
}
lottie-player{}
#filtro-master .col-right .info-pyme .info-personal span.zona{
    font-size: 12px;
    padding-left: 28px;
    margin-bottom: 13px;
}
#filtro-master .col-right .info-pyme .info-personal span.entrega{
    font-size: 13px;
    padding-left: 28px;
    margin-bottom: 13px;
}
#filtro-master .col-right .info-pyme .info-personal span.costo{
    font-size: 13px;
    padding-left: 28px;
}
#filtro-master .col-right .info-pyme .info-personal span.titulo-s{
    font-size: 15px;
    font-weight: bold;
}
.info-two{
    width: 50%;
    float: left;
    height: 47vh;
}
#filtro-master .col-right .info-pyme .carta{
    overflow-y: auto;
    height: 40vh;
}
#filtro-master .col-right .info-pyme .carta::-webkit-scrollbar{
    width: 12px;
    background: #fff;
    padding: 10px;
    cursor: pointer;
}

#filtro-master .col-right .info-pyme .carta::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

  border-radius: 10px;
}
#filtro-master .col-right .info-pyme .carta::-webkit-scrollbar-thumb{
    width: 10px;
    background: rgba(15, 76, 131, 0.3);
    cursor: pointer;
    border-radius: 15px;
}
#filtro-master .col-right .info-pyme .carta::-webkit-scrollbar-thumb:hover {
    background: rgba(15, 76, 131, 0.9);
}

#filtro-master .resto-de-info{
    padding-left: 25px;
    height: 40vh;
    padding-top: 24px;
    overflow-y: auto;
}
.resto-de-info::-webkit-scrollbar{
    width: 12px;
    background: #fff;
    padding: 10px;
    cursor: pointer;
}

.resto-de-info::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

  border-radius: 10px;
}
.resto-de-info::-webkit-scrollbar-thumb{
    width: 10px;
    background: rgba(15, 76, 131, 0.3);
    cursor: pointer;
    border-radius: 15px;
}
.resto-de-info::-webkit-scrollbar-thumb:hover {
    background: rgba(15, 76, 131, 0.9);
}
#filtro-master .col-right .info-pyme .carta .boxing{
    padding: 10px 20px;
    border-bottom: 1px solid #dcdcdc;
    transition: 0.3s;
}
#filtro-master .col-right .info-pyme .carta .boxing:hover{
    background: #f7f7f7;
}
#filtro-master .col-right .info-pyme .carta .boxing .nombre-p{
    display: inline-block;
    vertical-align: middle;
    width: 75%;
    font-weight: bold;
    font-size: 19px;
}
#filtro-master .col-right .info-pyme .titulo-app{
    padding-left: 17px;
    border-bottom: 1px solid #d8d8d8;
    font-size: 32px;
    padding-bottom: 10px;
    height: 7vh;
    padding-top: 10px;
    color: #0f4c83;
}
#filtro-master .col-right .botones-contacto-p{
    overflow: hidden;
}
#filtro-master .col-right .botones-contacto-p a{
    float: left;
    width: 33.33333333%;
    text-align: center;
    height: 7vh;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: #ffffff;
    transition: 0.3s;
    position: relative;
    padding-top: 21px;
}
.cajonera-fixed{
    position: fixed;
    width: 100%;
    background: #0f4c83;
    bottom: 0;
    text-align: center;
    padding: 10px 0;
}
.cajonera-fixed a{
    display: inline-block;
    width: 30%;
    text-align: center;
    overflow: hidden;
    padding: 7px 0;
    vertical-align: middle;
    background: #ffc401;
    border-radius: 14px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #0f4c83;
    transition: 0.3s;
    outline: none;
}
.cajonera-fixed a:active,
.cajonera-fixed a:focus,
.cajonera-fixed a:hover {
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
.cajonera-fixed a img{
    width: 15px;
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 1px;
}
#filtro-master .col-right .botones-contacto-p a span{
    display: inline-block;
}
#filtro-master .col-right .botones-contacto-p a:hover{
    opacity: 0.6;
}
#filtro-master .col-right .botones-contacto-p a.wa{
    background: #0dc143;
}
#filtro-master .col-right .botones-contacto-p a img{
    width: 22px;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 1px;
}
.hacheuno{
        color: #ed2e30;
        padding: 0 0 4px 0px;
        font-size: 17px;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: bold;
        display: block;
}
.bienvenida-filtro{
    padding: 20px 120px 12px 37px;
    background-image: url(../imagenes/amiga.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 88% center;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #0f4c83;
    line-height: 22px;
    height: 11vh;
}

#filtro-master .col-right .botones-contacto-p a.ins{
    
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#34156b+0,d62570+36,fe5221+70,febe01+100 */
    background: #34156b; /* Old browsers */
    background: -moz-linear-gradient(left,  #34156b 0%, #d62570 36%, #fe5221 70%, #febe01 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #34156b 0%,#d62570 36%,#fe5221 70%,#febe01 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #34156b 0%,#d62570 36%,#fe5221 70%,#febe01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34156b', endColorstr='#febe01',GradientType=1 ); /* IE6-9 */
}
#filtro-master .col-right .botones-contacto-p a.fon{background: #ffc401;}
#filtro-master .col-right .botones-contacto-p a:hover{}
#filtro-master .col-right .info-pyme .carta .boxing .nombre-p i{
        display: block;
        font-size: 12px;
        padding-right: 30px;
        font-weight: normal;
}
#filtro-master .col-right .info-pyme .carta .boxing .valor-p{
    display: inline-block;
    vertical-align: middle;
    width: 22%;
    text-align: right;
    font-weight: bold;
    font-size: 19px;
}
#filtro-master .col-right .info-pyme .carta .contacto-p{
    padding: 10px;
    text-align: center;
}
#filtro-master .col-right .info-pyme .carta .contacto-p p{
    font-size: 10px;
    text-align: center;
    margin-bottom: 10px;
}
#filtro-master .col-right .info-pyme .carta .contacto-p a{
    display: inline-block;
    width: 45%;
    text-align: center;
    border: 2px solid #1dbf65;
    border-radius: 21px;
    color: #1dbf65;
}
.pretty.p-switch .state:before{
    border: 1px solid #ffffff;
}
.pretty.p-switch .state label:after {
    background-color: #ffffff!important;
}
.pretty.p-switch.p-fill input:checked~.state:before {
    border-color: #ffffff;
    background-color: #ffffff!important;
}
.pretty.p-switch input:checked~.state:before {
    border-color: #ffffff;
}
.pretty{
    display: block;
    margin-bottom: 10px;
}
.pretty.p-switch.p-fill input:checked~.state label:after {
    background-color: #0f4c83!important;
    left: 1em;
}
.pretty .state label{
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-indent: 20px;
    transition: 0.3s;
}
.pretty:hover .state label{
    color: #ffc401;
}
.box-click{
        margin-bottom: 25px;
        padding-left: 30px;
        background: #0e426f;
        padding: 22px 10px 16px 35px;
        border-radius: 14px;
        box-shadow: 0 0px 8px 0 rgb(255, 196, 1,0.1);
        transition: 0.5s;
}
.box-click:hover{
    box-shadow: 0 0px 8px 0 rgb(255, 196, 1,0.5);
}
#filtro-master .filtro ul li:hover:after{
    background: #0f4c83;
}


.pretty .state label:after, .pretty .state label:before {
    content: '';
    width: 14px;
    height: 14px;
    display: block;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid white;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 2px;
    background-color: transparent;
}
.pretty.p-default input:checked~.state label:after {
    background-color: #ffffff!important;
}

.contenido{
    padding: 70px 0 10px;
}
.contenido .center{}
.contenido .titulos-contenido{
    position: relative;
    margin-bottom: 30px;
}
.contenido .titulos-contenido h1{
    text-align: center;
    color: #ed2e30;
    padding: 0 0 4px 0px;
    display: inline-block;
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.contenido .titulos-contenido p{
    letter-spacing: 1px;
    font-size: 14px;
    color: #fff;
    font-weight: 200;
    opacity: 1;
    line-height: 18px;
}
.contenido .titulos-contenido a{
    position: absolute;
    color: #004b86;
    border: 2px solid #004b86;
    padding: 3px 10px;
    border-radius: 5px;
    max-width: 140px;
    position: absolute;
    top: 50%;
    text-transform: uppercase;
    line-height: 14px;
    right: 0;
    font-size: 11px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: -20px;
    transition: 0.3s;
}
.contenido .titulos-contenido a:hover{
    color: #ffc401;
    background-color: #0b375f;
}
.contenido .titulos-contenido a:active {
    background-color: #0b375f;
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    color: #ffc401;
}
.contenido .box-lo-mas{
    height: 300px;
    background-position: center;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
   
}
.contenido .box-lo-mas:hover .overlays{
    
    padding: 75px 20px 20px 20px;
}
.contenido .box-lo-mas .overlays{
    position: absolute;
    width: 100%;
     -webkit-transition: all 180ms ease-in-out;
    -moz-transition: all 180ms ease-in-out;
    -ms-transition: all 180ms ease-in-out;
    -o-transition: all 180ms ease-in-out;
    transition: all 180ms ease-in-out;
    padding: 95px 20px 20px 20px;
    height: 50%;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.61+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.61) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.61) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.61) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#9c000000',GradientType=0 ); /* IE6-9 */

}
.contenido .box-lo-mas .overlays .nombre{
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
}
.contenido .box-lo-mas .overlays .cantidad{
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    margin-top: -4px;
    font-weight: 100;
}


.full-yellow{
    background: url(../imagenes/aa.gif) center center;
    height: 430px;
    margin: 60px 0;
}
.full-yellow img{
    margin-top: -40px;
    float: right;
    margin-right: -110px;
}
.full-yellow h2{
    font-size: 30px;
    color: #004b86;
    line-height: 37px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.full-yellow p{
    color: #004b86;
}
.full-yellow .info-rightt{
    padding: 80px 0;
}
.linkcontasto{
    text-align: left;
    margin-top: 7px;
}
.linkcontasto a{display: inline-block;padding: 8px 20px;background: #ed2e30;color: #fff;border-radius: 16px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;font-size: 15px;}
#negocios-asociados{
    padding: 100px 0;
}
#negocios-asociados h1{
    color: #fff;
}
.bannerinner{
    padding: 80px 0;
    z-index: 1;
    position: relative;
}
.bannerinner h1{
    color: #fff;
    font-size: 36px;
}
#negocios-asociados h3{
    background: #f6c32e;
    color: #fff;
    padding: 0 20px;
    display: inline-block;
    border-radius: 6px;
    margin-bottom: 10px;
    font-size: 27px;
    text-transform: uppercase;
    letter-spacing: 1px;

}
#negocios-asociados .boxing-c{
    text-align: center;
}
#negocios-asociados .boxing-c img{
    width: 100%;
}
#negocios-asociados .boxing-c div{
    width: 170px;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 20px;
}
#negocios-asociados .titulos-contenido{
}
#cuna{

padding: 70px 0 70px;

background: #040404;

margin-top: 90px;
}
#cuna h4{
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 26px;
    color: #ffffff;
    margin-top: 40px;
}
#cuna p{
    margin-bottom: 15px;
    color: #fff;
}
.imagen-responsive{
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    height: 360px;
    width: 100%;
}
.video-responsive{}
.video-responsive video{
    width: 100%;
    border-radius: 22px;
}
.imagen-responsive img{
    width: 130%;
    transition: 0.3s;
    vertical-align: top;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.imagen-responsive:hover img{
    width: 140%;
}
.parallax-window {
}
.marcapersonal{
    background: #000000;
    border-top: 1px solid #171717;
    padding: 4px 0 7px;
}
.marcapersonal span{
    color: #fff;
    font-size: 12px;
}
.marcapersonal img{
    width: 35px;
    display: inline-block;
    vertical-align: middle;
}
.box-parallax{
    margin-top: 115px;
}
.box-parallax img{
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
}
.enlaces{
    margin-top: 50px;
}
.enlaces a{
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #ed2e30;
    padding: 10px 0px;
    border-radius: 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-right: 15px;
    /* background: #004b86; */
    text-align: center;
    width: 151px;
    line-height: 14px;
    transition: 0.3s;
}
.enlaces a:active {
    background-color: #0b375f;
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
.enlaces a:hover{
    background: #ed2e30;
    color: #fff;
    border-color: #ed2e30;
}
.enlaces a.uno{
}
.enlaces a.dos{}
.box-parallax .t1{
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}
.box-parallax p{
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
.iframe-insta{
    height: 315px;
    overflow: hidden;
    border: 1px solid #ed2e30 !important;
    border-radius: 20px;
}
.iframe-insta iframe{
    margin-top: -55px !important;
    min-width: auto !important;
    border: none !important;
    width: 100% !important;
    background: #000 !important;
}
.mtimg{
    margin-top: 13px !important;
}
#contacto-p{
    padding: 130px 0;
}
#contacto-p .amiga{
    text-align: center;
}
#contacto-p .amiga img{}
#contacto-p h5{
    font-size: 52px;
    text-align: center;
    line-height: 64px;
    color: #004b86;
    margin-bottom: 80px;
    position: relative;
    padding-bottom: 20px;
}
#contacto-p h5:after{
    content:'';
    background: #ffc401;
    width: 230px;
    height: 10px;
    display: block;
    left: 50%;
    position: absolute;
    margin-left: -115px;
    bottom: -30px;
    border-radius: 2px;
}
#contacto-p a{
    background: #ffc401;
    color: #004b86;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    padding: 10px 0px;
    border-radius: 7px;
    display: block;
    width: 130px;
    text-align: center;
    margin: 0 auto;
    transition: 0.3s;
}
#contacto-p a:active {
    background-color: #0b375f;
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
.beneficios-box{
    margin-bottom: 60px;
}
.beneficios-box h3{
    font-size: 33px;
    line-height: 37px;
    margin-bottom: 20px;
    text-align: center;
}
.beneficios-box p{
    text-align: center;
}
.beneficios-box img{}
#contacto-p a:hover{
    background: #004b86;
    color: #ffc401;
}
footer{
    background: #000000;
    padding: 44px 0 34px;
}
footer .logo-footer{
    width: 150px;
}
footer .logo-footer img{
    width: 100%;
}
footer h6{
    color: #ed2e30;
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
footer .rs{
    text-align: c;
}
footer .rs img{
    width: 35px;
    margin-right: 6px;
    margin-left: 10px;
    transition: 0.3s;
}
footer .links a{
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    color: #fff !important;
    letter-spacing: 2px;
    font-weight: 500;
    transition: 0.3s;
    position: relative;
}
footer .links a:hover{
    color: #ed2e1f !important;
}
footer .links a:after{
        content: '';
        position: absolute;
        height: 10%;
        width: 0%;
        transition: 0.3s;
        background: #ed2a28;
        left: 0;
        bottom: 0;
        border-radius: 2px;
        z-index: 0;
}
footer .links a:hover:after{
    width: 100%;
}
footer .rs a{
    display: inline-block;
    vertical-align: middle;
}
footer a:hover img{
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}
footer .dragon-ccp{}
footer .dragon-ccp img{
    margin-top: -100px;
    opacity: 0.2;
    transition: 0.3s;
}
#footer:hover .dragon-ccp img{
    opacity: 1;
    margin-top: -110px;
}
#app{position: fixed;background: #0f4c83;top: 0;height: 87px;width: 100%;z-index: 2;}
#app .cabecera .logo-app{
    text-align: center;
    background: #0f4c83;
    padding: 13px 0 5px;
    height: 61px;
    margin-top: 1px;
}
#app .cabecera .logo-app img{
    width: 127px;
    vertical-align: top;
}

#app-in{
    position: fixed;
    background: #0f4c83;
    top: 0;
    width: 100%;
    z-index: 2;
}
#app-in .cabecera .logo-app{
    text-align: center;
    background: #0f4c83;
    padding: 13px 0 15px;
}
#app-in .cabecera .logo-app img{
    width: 127px;
    vertical-align: top;
}

#app .cabecera{
}
.mobile-mostrar{
    display: none !important;
}

#app .cabecera #filtros-app{
    position: relative;
}
#app .cabecera #filtros-app .comida{    
    width: 50%;    
    position: absolute;    
    left: 0;    
    top: 0;
}
#app .cabecera #filtros-app .comuna{    
    width: 50%;    
    position: absolute;    
    right: 0;    
    top: 0;
}

#app .cabecera #filtros-app .comida .filtros-comida,
#app .cabecera #filtros-app .comuna .filtros-comuna{
    position: absolute;
    top: 25px;
    width: 100%;
    background: #0b375f;
    padding: 20px;
    display: none;
    padding-top: 29px;
    padding-left: 26px;
    border-radius: 0 0 25px 25px;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
}
#app .cabecera #filtros-app .comida .filtros-comida .box{
    /* height: 17px; */
}
#app .cabecera #filtros-app .comida .filtros-comida .box input[type="radio"],
#app .cabecera #filtros-app .comuna .filtros-comuna .box input[type="radio"]{
    display: inline-block;
    vertical-align: middle;
    width: 11%;
}
#app .cabecera #filtros-app .comida .filtros-comida .box label,
#app .cabecera #filtros-app .comuna .filtros-comuna .box label{
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1px;
    vertical-align: middle;
    display: inline-block;
    line-height: 10px;
    max-width: 85%;
}

#app .cabecera #filtros-app .comida .filtros-comida label,
#app .cabecera #filtros-app .comuna .filtros-comuna label{
    color: #fff;
    font-weight: bold;
    transition: 0.3s;
}
#app .cabecera #filtros-app .comida .filtros-comida label:hover,
#app .cabecera #filtros-app .comuna .filtros-comuna label:hover{
    color: #ffc401;
}
#app .cabecera #filtros-app .comuna .lengua{
    position: absolute;
    right: 0%;
    top: 0;
    width: 95%;
    height: 100%;
    color: #fff;
    text-align: center;
    padding-top: 5px;
}
#app .cabecera #filtros-app .comida .lengua{
    position: absolute;
    left: 0%;
    top: 0;
    width: 95%;
    height: 100%;
    color: #fff;
    text-align: center;
    padding-top: 5px;
}
#app .cabecera #filtros-app .comida .lengua a,
#app .cabecera #filtros-app .comuna .lengua a{
    display: block;
    transition: 0.3s;
    background: #0f4c83;
    text-align: center;
    border-radius: 40px;
    
    line-height: 38px;
    margin-left: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 1px;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 8px 0 rgba(0,0,0,0.2);
}
#app .cabecera #filtros-app .comuna .lengua a{
    margin-left: 0;
    margin-right: 10px;
}
#app .cabecera .titulo-filtro-app{}
.listado-app{
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    /* top: 20%; */
}
.listado-app .inner{
    border-radius: 10px;
    padding-top: 20px;
    margin-bottom: 10px;
}
.bienvenida-al-filtro{
    padding: 10px 120px 4px 0px;
    background-image: url(../imagenes/amiga.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 88% center;
    font-size: 17px;
    font-weight: bold;
    color: #0f4c83;
    line-height: 17px;
    height: 50px;
}
.alto-app{
    height: 100%;
}
.app-master{
    background: url(../imagenes/aa.gif) center center;
    padding-top: 90px;
}
.app-master-white{
    background: #fff;
    padding-top: 215px;
}
.listado-app .box-pyme {
    display: block;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    cursor: pointer;
    background: #fff;
    
    margin-bottom: 20px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
    transition: 0.3s;
}
.listado-app .box-pyme:hover {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
}
.listado-app .box-pyme:hover .logo-pyme {
    opacity: 1;
}
.listado-app .box-pyme .logo-pyme {
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.3s;
    width: 40%;
    opacity: 0.4;
    display: inline-block;
    vertical-align: top;
    border-radius: 15px 0px 0px 15px;
}
.listado-app .box-pyme .info-pyme-inner2 {
    display: inline-block;
    width: 57%;
    padding-top: 17px;
    padding-left: 7px;
    padding-right: 0px;
}
.listado-app .box-pyme .info-pyme-inner2 .nombre {
    font-weight: bold;
    font-size: 16px;
    display: block;
    color: #0f4c83;
    line-height: 17px;
    margin-bottom: 7px;
}
.box-pyme .info-pyme-inner2 span {
    font-size: 12px;
    display: block;
    vertical-align: top;
}
.box-pyme .info-pyme-inner2 .titulo-s {
    font-weight: bold;
    font-size: 11px;
}
.box-pyme .info-pyme-inner2 .dato2 {
    font-size: 12px;
}
.box-pyme .info-pyme-inner2 .titulo-s img {
    width: 18px;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 7px;
}
.listado-videos{}
.video-box-x{
    position: relative;
    background-size: cover;
    background-position: center;
    height: 200px;
    border-radius: 13px;
}
#caja-reels .video-box-x{
    height: 440px;
}
.video-box-x{
    position: relative;
    background-size: cover;
    background-position: center;
    height: 200px;
    border-radius: 13px;
}
.saludofinal{
    font-weight: bold;
    font-size: 36px;
    color: #fff;
    display: block;
    text-align: right;
}
.video-box-x .info{
    position: absolute;
    padding: 11px 19px;
    bottom: 0;
    left: 0;
}
.video-box-x .info .titulo{
    color: #fff;
    font-weight: bold;
}
.opciones-app{}
.opciones-app a{
    background: #0f4c83;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    width: 48%;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    margin-top: 7px;
    transition: 0.3s;
}
.opciones-app .llamar{}
.opciones-app .ver{}
.opciones-app a:hover{
    background-color: #0b375f;
}
.opciones-app a:active{
    background-color: #0b375f;
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

#app-in .top-negocio {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 45px;
}
#app-in .galeria,
#app-in .botones-contacto-p{
    overflow:hidden;
}
#app-in .galeria .box {
    width: 33.3333333%;
    height: 100px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
#app-in .botones-contacto-p {
    overflow: hidden;
}
#app-in .botones-contacto-p a {
    float: left;
    width: 33.33333333%;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: #ffffff;
    transition: 0.3s;
    padding: 5px 0;
    position: relative;
    padding-left: 7px;
}
#app-in .botones-contacto-p a.fon {
    background: #ffc401;
}
#app-in .botones-contacto-p a.wa {
    background: #0dc143;
}
.cajonera{
}
.cajonera .alta{
    height: 500px;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    transition: 0.5s;
}
.cajonera .media{
    height: 240px;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    transition: 0.5s;
}
.cajonera .media:hover,
.cajonera .alta:hover{
    
}
#app-in .botones-contacto-p a.ins {
    background: #34156b;
    background: -moz-linear-gradient(left, #34156b 0%, #d62570 36%, #fe5221 70%, #febe01 100%);
    background: -webkit-linear-gradient(left, #34156b 0%,#d62570 36%,#fe5221 70%,#febe01 100%);
    background: linear-gradient(to right, #34156b 0%,#d62570 36%,#fe5221 70%,#febe01 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34156b', endColorstr='#febe01',GradientType=1 );
}
#app-in .botones-contacto-p a img {
    width: 15px;
    vertical-align: middle;
    display: inline-block;
    max-width: 20%;
}
#app-in .botones-contacto-p a span {
    display: inline-block;
    max-width: 69%;
    vertical-align: middle;
    margin-left: 7%;
    font-size: 11px;
    line-height: 13px;
    text-align: r;
}
.negritobox{
    height: 100px;
    background: #000;
}
.contsdq{
    padding-top: 20px;
    padding-bottom: 100px;
}
.reproductor{
    border: 1px solid #747474;
}
.reproductor .top-repro{overflow: hidden;border-top: 1px solid #747474;}
.reproductor .top-repro a.volver{
    color: #fff;
    position: relative;
    top: 0;
    font-weight: bold;
    left: 0;
    font-size: 33px;
    float: left;
    border-right: 1px solid #747474;
    padding: 4px 20px;
}
.reproductor .top-repro a.volver b{
    font-size: 15px;
    position: relative;
    text-transform: uppercase;
    top: -6px;
}
.reproductor .top-repro a.volver:hover,
.reproductor .top-repro a.siguiente:hover{
    background: #ffffff;
    color: #000;
}
.reproductor .top-repro a.siguiente{
    color: #fff;
    position: relative;
    transition:0.3s;
    top: 0;
    font-weight: bold;
    left: 0;
    font-size: 33px;
    float: right;
    border-left: 1px solid #747474;
    padding: 4px 20px;
}
.reproductor .top-repro a.siguiente b{
    font-size: 15px;
    position: relative;
    text-transform: uppercase;
    top: -6px;
}
.reproductor .top-repro .titulo{
    float: left;
    padding-top: 13px;
    padding-left: 25px;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 13px;
}

.contenido-repro{}
.contenido-repro video,
.contenido-repro iframe{
    width: 100%;
    vertical-align: top;
}
.contenido-repro iframe{
    height: 618px;
}
#listado-app-master{
    padding-bottom: 55px;
    padding-left: 0px;
    padding-right: 0px;
}
#listado-app-master .info-pyme {
    padding: 0px 0px 0px 0px;
}
#listado-app-master .info-pyme .info-personal {
    width: 50%;
    float: left;
    padding-top: 0px;
}
#listado-app-master .info-pyme .info-personal .resto-de-info {
    padding-left: 15px;
    padding-top: 8px;
}
#listado-app-master .info-pyme .info-personal span.nombre {
    font-size: 32px;
    font-weight: bold;
    padding-right: 10px;
    padding-top: 10px;
    padding-left: 10px;
    line-height: 36px;
    color: #0f4c83;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
}

#listado-app-master .info-pyme .info-personal span.titulo-s {
    font-size: 13px;
    font-weight: bold;
    margin-top: 8px;
}
#listado-app-master .info-pyme .info-personal span.titulo-s img{
    width: 19px;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 8px;
}
#listado-app-master .info-pyme .info-personal span {
    display: block;
    font-size: 11px;
    line-height: 17px;
    padding-right: 3px;
}
#listado-app-master .info-two {
    width: 50%;
    float: left;
    border-left: 1px solid #d8d8d8;
    height: auto !important;
}
#listado-app-master .info-pyme .titulo-app {
    padding-left: 11px;
    border-bottom: 1px solid #d8d8d8;
    font-size: 32px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #0f4c83;
}
#listado-app-master .info-pyme .carta {
    overflow-y: auto;

}
#listado-app-master .info-pyme .carta .boxing {
    padding: 13px 12px;
    border-bottom: 1px solid #dcdcdc;
    transition: 0.3s;
    position: relative;
}
#listado-app-master .info-pyme .carta .boxing .nombre-p {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-weight: bold;
    font-size: 19px;
}
.breathcum{
    color: #b3b3b3;
    margin-bottom: 22px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.breathcum a{
    color: #fff;
    font-weight: bold;
}
#listado-app-master .info-pyme .carta .boxing .valor-p {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    font-weight: bold;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 0;
    background: #ffc401;
    color: #0f4c83;
    padding: 0px 8px;
    border-radius: 0 0 0 10px;
}
#listado-app-master .info-pyme .carta .boxing .nombre-p i {
    display: block;
    font-size: 12px;
    padding-right: 0px;
    font-weight: normal;
}
/* LANDING */
.top-l{
    background: #004b86;
}
.top-l .logo{
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0;
}
.rs-dato{
}
.rs-dato a{
    display: inline-block;
    margin-right: 11px;
    margin-top: 10px;
}
.rs-dato a img{
    width: 38px;
}
.top-l .menu{display: inline-block;vertical-align: middle;margin-left: 30px;}
.top-l .menu a{
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    padding: 0 21px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    background: #00457b;
    border-radius: 30px;
    margin-bottom: 10px;
}
.banner-l{
    height: 91vh;
    padding-top: 30vh;
    margin-bottom: 90px;
}
.banner-l h1{
    color: #fff;
    font-size: 60px;
    line-height: 69px;
}
.banner-l a{
    padding: 16px 25px;
    border: 3px solid #f8c81b;
    display: inline-block;
    margin: 10px;
    color: #f8c81b;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 100px;
    margin-top: 63px;
    transition: 0.3s;
    letter-spacing: 1px;
}
.banner-l a:hover{
    background: #004b86;
    border: 3px solid #004b86;
    color: #f8c81b;
}
.banner-l a:active {
    background-color: #0b375f;
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
.informacion-pro{
    overflow:hidden;
    margin-bottom: 70px;
    position: relative;
}
.informacion-pro.left{}
.informacion-pro.right{}
.informacion-pro.left .left{
    height: 50vh;
    background: #004b86;
    float: left;
    width: 60%;
    background-position: center;
    background-size: cover;
}
.informacion-pro.left .right{
    position: absolute;
    width: 40%;
    padding: 20px 30px 25px;
    right: 12%;
    top: 50%;
    margin-top: -71px;
    background: #004b86;
    max-width: 580px;
}
.informacion-pro.right .left{
    position: absolute;
    width: 40%;
    padding: 20px 30px 25px;
    left: 12%;
    top: 50%;
    background: #004b86;
    max-width: 580px;
    margin-top: -71px;
}
.informacion-pro.right .right{
    height: 50vh;
    background: #000;
    float: right;
    width: 60%;
    background-position: center;
    background-size: cover;
}
.ilu-portada img{
    width: 190px;
    margin-top: -60px;
}
.informacion-pro h3{
    font-size: 30px;
    color: #f8c81b;
}
.informacion-pro p{
    color: #fff;
}
.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    transition: 0.3s;
}
.sacar{
    z-index: -1;
    opacity: 0;
}
.preloader-wrapper .preloader img{
    width: 200px;    
     position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.preloader-wrapper .preloader {
    margin-top: 30px;
    margin-left: -20px;
}
.preloader-wrapper .preloader video{
  width: 100%;
  vertical-align: top;
}
.Abreform{
    display: block !important;
}
#formulario{

margin: 0 auto;

padding: 33px 40px;

background: #1d1d1d;

border-radius: 20px;

overflow: hidden;
}
#formulario h4{
    
}
#formulario p{
    font-size: 16px;
    color: #fff;
}
#formulario form{
    margin: 40px 0;
}
#formulario .content-form{
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    padding: 100px 0;
}
#formulario .form-box{
}
#formulario textarea{
    background:#fff;
    width: 100%;
    height: 190px;
    overflow-y: hidden;
    resize: none;
    border-radius: 15px;
    border: none;
    outline: none;
    color: #004b86;
    padding-top: 8px;
    padding-left: 17px;
    font-size: 15px;
    margin-bottom: 0;
} 
#formulario label{
    display: block;
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 3px;
    font-weight: bold;
    letter-spacing: 1px;
}
#formulario .form-box [type="text"]{
    border: none;
    width: 100%;
    height: 40px;
    outline: none;
    border-radius: 16px;
    color: #000000;
    padding-left: 17px;
    font-size: 15px;
    margin-bottom: 20px;
}
#formulario input[type="submit"]{
    background: transparent;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 14px;
    left: 1px;
    padding: 7px 35px;
    float: right;
    outline: none;
    color: #ffffff;
    letter-spacing: 1px;
    transition: 0.3s;
    margin-top: 10px;
    border: 2px solid #ed2e30;
}
#formulario input[type="submit"]:hover{
    background: #ed2e30;
    color: #ffffff;
}
#formulario input[type="submit"]:active{
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
#Cerrarform{
    position: absolute;
    right: 3px;
    top: 42px;
    width: 113px;
}
#Cerrarform img{
    width: 100%;
}

.card-servicios{
    padding: 30px 50px;
    border-radius: 20px;
    background:#1d1d1d;
    cursor: pointer;
    height: 245px;
    border: 1px solid #353535;
    box-sizing: border-box;
    margin-bottom: 25px;
    position: relative;
    transition: 0.3s;
}
.card-servicios:hover{
    border: 1px solid #ed2e30;
}
.card-servicios h3{
    text-align: center;
    color: #ed2e30;
    padding: 0 0 4px 0px;
    display: inline-block;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.card-servicios p{
    margin-bottom: 15px;
    color: #fff;
    font-weight: 200;
    font-size: 14px;
}
.card-servicios ul{
    padding-left: 17px;
    font-size: 14px;
    font-weight: 200;
}
.card-servicios li{
    color: #fff;
    font-size: 14px;
}
.card-servicios .icon-servicio{
    position: absolute;
    right: 21px;
    bottom: 16px;
    width: 120px;
    opacity: 0.3;
    transition: 0.3s;
}
.card-servicios:hover .icon-servicio{
    opacity: 1;
    bottom: 26px;
    -moz-transform: scale(1.03); 
    -webkit-transform: scale(1.03); 
    -o-transform: scale(1.03); 
    -ms-transform: scale(1.03); 
    transform: scale(1.03);
}
.texto-cliets{
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-top: 30px;
    font-weight: 200;
}
/* RESPONSIVE */
@media only screen and (max-width:1480px) {
    .bienvenida-filtro{}
    #filtro-master .col-mid .box-pyme .logo-pyme{
        width: 45%;
    }
    .box-pyme .info-pyme-inner {
        width: 51%;
    }
    
}
@media only screen and (max-width:1400px) {
    #filtro-master .filtro h2{
        font-size: 13px;
        margin-bottom: 0px;
    }
    .box-click {
        padding: 9px 10px 1px 18px;
        margin-bottom: 5px;
    }
    .pretty .state label {        
        font-size: 11px;
    }
    .pretty {
        display: block;
        margin-bottom: 2px;
    }
    #filtro-master .filtro {
        padding: 0px 30px;
    }
    #filtro-master .filtro ul {
        padding: 4px 0px 4px;
    }
    #filtro-master .filtro ul li a {
        padding: 0px 30px 0px;
    }
    #filtro-master .filtro ul li:after {
        top: 7px;
    }
    .bienvenida-filtro {
        font-size: 13px;
        line-height: 14px;
    }
    #filtro-master .col-right .botones-contacto-p a{
       padding-top: 9px;
    }

    
    
    #filtro-master .col-right .banner-ink {
        height: 10vh;
    }
    #filtro-master .col-right .info-pyme .info-personal span.nombre,
    #filtro-master .col-right .info-pyme .titulo-app {
        font-size: 24px;
        padding-top: 15px;
    }
    #filtro-master .col-right .info-pyme .titulo-app{
        line-height: 11px;
    }
    #filtro-master .col-right .info-pyme .carta .boxing .nombre-p,
    #filtro-master .col-right .info-pyme .carta .boxing .valor-p{
        font-size: 14px;
    }
    #filtro-master .col-right .info-pyme .info-personal span.nombre{
        line-height: 18px;
        padding-top: 12px;
    }
    #filtro-master .filtro ul li a{
        font-size: 10px;
    }
    
    #filtro-master .col-right .info-pyme .carta,
    .resto-de-info{
        height: 48vh;
    }
    #filtro-master .col-right .info-pyme .info-personal,
    .info-two{
        height: 55vh;
    }
    .box-pyme .info-pyme-inner .nombre {
        font-size: 14px;
    }
    .box-pyme .info-pyme-inner .dato2 {
        font-size: 11px;
        line-height: 11px;
        margin-bottom: 3px;
    }
    #filtro-master .col-mid .box-pyme .logo-pyme {
        height: 140px;
    }
}
@media only screen and (max-width:1145px) {
    .center{
        width: 96%;
    }
}
@media only screen and (max-width:1100px) {
    

    #header .menu a{
        letter-spacing: 0;
    }
}
@media only screen and (max-width:1000px) {
    #filtro-master .col-mid .box-pyme .logo-pyme {        
        border-radius: 15px 15px 0px 0px;
    }
    #filtro-master .col-mid .box-pyme .logo-pyme,
    .box-pyme .info-pyme-inner{
        width: 100%;
    }
    .box-pyme .info-pyme-inner{
        padding-bottom: 6px; 
    }
    #header .menu a{
        font-size: 12px;
    }
}
@media only screen and (max-width:980px) {
    .contenido .box-lo-mas{
        background-size: cover;
        margin-bottom: 10px;
        height: 170px;
    }
    .contenido .box-lo-mas .overlays{
            padding: 30px 20px 20px 20px;
    }
    .contenido .box-lo-mas:hover .overlays {
        padding: 20px 20px 20px 20px;
    }
    .contenido .titulos-contenido{
        text-align: center;
    }
    .contenido .titulos-contenido p{
        text-align: center;
    }
    .contenido .titulos-contenido h1{
        margin-bottom: 20px;
    }
    .contenido .titulos-contenido a {
        position: inherit;
        margin-top: 15px;
        display: inline-block;
    }
    .full-yellow h2{
        font-size: 20px;
        line-height: 25px;
    }
    .full-yellow .info-rightt {
        padding: 45px 0;
    }
    .full-yellow img {
        margin-top: 102px;
        float: right;
        margin-right: -30px;
        width: 30%;
    }
    .full-yellow{
        height: auto;
        overflow:hidden;
    }
    .imagen-responsive img{
        width: 160%;
    }
    .imagen-responsive:hover img{
        width: 160%;
    }
    .banner h1 {

        font-size: 29px;
        letter-spacing: 2px;
        margin: 0 auto 22px;        
        width: auto;
        line-height: 42px;
    }
    .banner p{
        font-size: 15px;
    }
    .enlaces a{
        margin-bottom: 10px;
    }
    .box-parallax {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .box-parallax img {
        margin-bottom: 20px;
    }
    footer .rs,
    footer h6,
    footer a,
    footer .dragon-ccp{
        text-align: center;
    }
    footer .dragon-ccp img {
        margin-top: 0;
        opacity: 0.2;
        transition: 0.3s;
        margin-top: 30px;
        width: 60%;
    }
    #footer:hover .dragon-ccp img {
        opacity: 1;
        margin-top: 30px;
    }
    footer h6 {
        margin-bottom: 8px;
        margin-top: 22px;
    }
    footer .logo-footer{
        margin-bottom: 20px;
    }
    footer {
        
        padding: 60px 0;
    }
    .banner-l{
        height: auto;
        padding-top: 70px;
    }
    .ilu-portada img{
        margin: 0 auto;
        margin-top: 0;
        width: 140px;
        margin-bottom: 40px;
        display: block;
    }
    .banner-l h1{    
        font-size: 29px;
        line-height: 42px;
        max-width: 360px;
        text-align: center;
    }
    .banner-l a{
        width: 230px;
        display: block;
        text-align: center;
        margin:0 auto 20px;
        margin-top: 45px;
    }
    .top-l .logo,
    .top-l .menu{
        text-align: center;
        margin: 0 auto;
        display: block;
    }

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

    .open.boton-expand-menu:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        bottom: 6px;
        box-shadow: none;
    }
    .open.boton-expand-menu:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        top: -6px;
        width: 45px;
        box-shadow: none;
    }
    .open.boton-expand-menu {
        height: 0;
        
    }
    .resto-de-info{
        height: auto;
        padding-bottom: 20px;
    }
    
 
    .boton-expand-menu {
                height: 6px;
                background-color: #fff;
                width: 45px;
                border-radius: 4px;
                display: block;
                position: fixed;
                right: 4%;
                box-shadow: 0 0px 3px 0 rgba(0,0,0,0.4);
                top: 43px;
                z-index: 12;
                cursor: pointer;
                -webkit-transition: all 200ms ease-in-out;
                -moz-transition: all 200ms ease-in-out;
                -ms-transition: all 200ms ease-in-out;
                -o-transition: all 200ms ease-in-out;
                transition: all 200ms ease-in-out;
        }
    .boton-expand-menu:before {
        height: 6px;
        background-color: #fff;
        width: 26px;
        right: 0;
        border-radius: 4px;
        display: block;
        position: absolute;
        content: '';
        box-shadow: 0 0px 3px 0 rgba(0,0,0,0.4);
        top: -15px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }
    .boton-expand-menu:after {
        height: 6px;
        background-color: #fff;
        width: 45px;
        border-radius: 4px;
        display: block;
        box-shadow: 0 0px 3px 0 rgba(0,0,0,0.4);
        position: relative;
        content: '';
        bottom: -15px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }
    #header .menu{
        display: none;
        position: fixed;
        max-width: 50%;
        z-index: 11;
        top: 0;
        left: inherit;
        right: 0px;
        margin-top: 0;
        height: 100%;
        border-left: 1px solid #393939;
        padding: 20px;
        background: #000000;
        padding-top: 130px;
        -webkit-box-shadow: -50px 0 20px 200px rgb(0 0 0 / 70%);
        box-shadow: -50px 0 20px 200px rgb(0 0 0 / 70%);
    }
    
    #header .menu.open{
        display: block;
    }
    #header .menu a{
        display: block;
        font-size: 14px;
        margin: 0;
        padding: 5px 10px;
        transition: 0.4s;
    }
    #header .menu a:hover{
        color: #ffffff;
    }
    #header .menu a.normal:after {
        content: '';
        position: absolute;
        width: 0%;
        transition: 0.4s;
        background: #ed2e30;
        left: 0;
        bottom: inherit;
        border-radius: 2px;
        top: 0;
        height: 100%;
        z-index: -1;
    }
    #cuna{
        padding-top: 0;
    }
    #contacto-p h5 {
        font-size: 40px;
        line-height: 45px;
        margin-top: 14px;
    }
    #contacto-p .amiga img{
        max-width: 70%;
    }
    #contacto-p{
            padding: 80px 0;
    }
    .pc-ocultar{ display: none !important; }
    .mobile-mostrar{ display: inline-block !important; }
    #header .logo img{
    }
    #header .center{
        text-align: center;
    }
    #header{
        top: 6px;
    }

 
}
@media only screen and (max-width:640px) {
    .informacion-pro.left .left,
    .informacion-pro.right .right{
        width: 100%;
        height: 100vh;
     }
     .informacion-pro{
        margin-bottom: 0;
     }
     .informacion-pro.left .right,
     .informacion-pro.right .left{
           position: absolute;
        width: 80%;
        padding: 20px 30px 25px;
        right: 10%;
        top: 50%;
        margin-top: -120px;
        background: #004b86;
        max-width: 580px;
     }

}
@media only screen and (max-width:540px) {
    #header .logo{
        width: 180px;
        float: left;
        margin-left: 25px;
    }
    .cajonera .alta,
    .cajonera .media{
        margin-bottom: 15px;
    }
    .saludofinal,
    .linkcontasto{
        text-align: center;
    }
    footer .logo-footer{
        margin:0 auto 20px;
    }
    footer .logo-footer {
        width: 100px;
    }
    .reproductor{
        padding-top: 58px;
        position: relative;
    }
    .reproductor .top-repro{
        overflow: auto;
    }
    .reproductor .top-repro a.volver,
    .reproductor .top-repro a.siguiente{
        position: absolute;
        top: 0;
    }
    .reproductor .top-repro a.siguiente{
        right: 0;
        left: inherit;
    }
    .contsdq{
        padding-bottom: 40px;
    }
    .contenido{
        padding: 40px 10px 0px;
    }
    .cajonera .alta{
        display: none;
    }
    .banner h1,
    .enlaces{
        padding: 0 30px;
    }
    .enlaces a{
        font-size: 11px;
        width: 120px;
        letter-spacing: 0;
    }
    .contenido-repro {
    border-top: 1px solid #747474;
}
}