@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images./ 
*/
.error{
    background-color:#ff9aa4 !important;
}
.iconotolbar {
    cursor: pointer;
    border: #f7f2f0 solid 1px;
}

#likethis.liked {
    border: #e1e1e1 solid 1px;
    background: white;
    border-radius: 5px;
}

.iconotolbar:hover {
    border: #e1e1e1 solid 1px;
}

#contenido-categorias-mi-mundo {
    max-height: 270px;
    overflow-y: auto;
}

.blanco_b1 .p-4 {
    padding: 1.5rem !important;
    *border-top: 1px solid #dbdbdb;
}

.precio_n1 {
    padding: 0px 10px 10px 10px;
    font-size: 1.5em;
    color: #fbb326;
}

.img-campana.tablet,
.img-campana.celular {
    display: none;
}
/*=====================		31-oct-2018		==================================== */

.campo_selector {
    background: url(../../imagenes/flecha_select.png) !important;
    background-position: 100% center !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    border-radius: 10px 38px 38px 10px !important;
    /*
    color: #fff !important;
    border: 1px solid #bebebe !important;
    padding: 0.3em 1.5em !important;
    border-radius: 0.3em !important;
    height: 36px !important;
    font-weight: bold;
    text-align: left;
    font-size: 18px !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    */
    outline: 0 none !important;
    transition: all 0.4s;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.btn_solicitar {
    margin-top: 10px;
    border-radius: 4px;
    padding: 1px 7px 2px;
    border-radius: 4px;
    /* width: 70%; */
    background-color: #ec8029;
    /* font-family: 'alegreya_sanslight'; */
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    display: block;
}

.btn_solicitar:hover {
    color: #ffffff !important;
}

.icono_preguntas {
    background: #818281;
    width: 30px;
    height: 30px;
    display: flex;
    position: absolute;
    right: 20px;
    padding-left: 13px;
    border-radius: 15px;
    padding-top: 4px;
    color: white;
    margin-top: 3px;
}
/*============================================================================== */

.leer-mas {
    overflow: hidden;
}

.elemento-contrato {
    min-height: 150px;
    margin: 10px;
}

.elemento-contrato .row {
    height: 130px;
}

#div-simula,
#div-tucupo,
#div-estado {
    display: none;
}

.linea_gris_amarilla_1 {
    background: #ffb401;
    left: 200px;
    top: 20px;
    width: 40%;
    height: 5px;
}

.btn_amarillo_22 {
    background: #ffb401;
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 20px;
}

.camp_ini_amas {
    background: url(../../imagenes/fondo_ingresar_3.jpg) no-repeat;
    /* background-size:contain; */
    /* height: 100vh; */
    /* min-height: 700px; */
    background-size: cover;
}

.btn_amarillo88 {
    background: #ffb401;
    padding: 5px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
}

.nota-roja {
    font-size: 17px;
    background: #db4945;
    padding: 10px;
    color: white;
    border-radius: 5px;
    display: inline-block;
}
/*============================================================================== */

.contenMenuVertical {
    top: 40px;
    left: -80px;
    background: white;
    box-shadow: 3px 2px 2px #dad9d9;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.75);
    padding: 0px;
    padding-top: 40px;
}

#menuVertical {
    background: #ffffff;
    padding-left: 0px;
    text-align: center;
}

#menuVertical li {
    background: #ebebeb;
    font-size: 20px;
    list-style: none;
    text-align: center;
    position: relative;
    cursor: pointer;
}

#menuVertical li:hover {
    background: #d3d3d3;
}

#menuVertical .pestana {
    display: none;
}

#menuVertical li.amplio {
    background: #f6b20f;
    height: auto;
    color: white;
}

#menuVertical li.actual .pestana {
    display: block;
}

#menu-mobile ul li {
    letter-spacing: 1px;
    width: 100%;
}

#menu-mobile a {
    color: #838383;
    font-family: "St Ryde ligth";
    font-weight: normal;
}

.linea_gris_22 {
    background: #dbdbdb;
    left: 22px;
    top: 20px;
    width: 80%;
    height: 5px;
}

.linea_gris_33 {
    background: #dbdbdb;
    left: 200px;
    top: 20px;
    width: 40%;
    height: 5px;
}

.tel {
    font-size: 26px;
    font-family: "St Ryde medium";
}

li.iconos_sociales {
    display: flex !important;
    padding-top: 20px !important;
}

.menu-btn {
    display: none;
}

li {
    margin-bottom: 5px;
}

.img-play {
    position: absolute;
    left: 40%;
    top: 30%;
    width: 20%;
    max-width: 150px;
}

.errorinput {
    border: solid 1px red !important;
    background: #ffa3a3 !important;
    color: red !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);
    box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);
}

.sendIngreso {
    cursor: pointer;
}

.campos_ocultos {
    display: none;
}

#ampliar_servicios {
    cursor: pointer;
}

.loader {
    border: 10px solid rgb(219, 73, 69);
    border-radius: 50%;
    border-top: 10px solid rgb(244, 182, 19);
    border-bottom: 10px solid rgb(244, 182, 19);
    width: 60px;
    height: 60px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 25%;
    left: 40%;
}

.circulo {
    height: 8px;
    border-radius: 50%;
    width: 8px;
    margin-top: 4px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.btn_azul_22 {
    background: #3a5898;
    padding: 10px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 20px;
    width: 100%;
}

#sendlogin,
#sendRegistro {
    cursor: pointer;
}

#sendIngreso:hover,
#sendRegistro:hover {
    background: #e96622;
}

.linea_roja {
    background: #c53b42;
    left: 45px;
    top: 20px;
    width: 80%;
    height: 5px;
}

#div_mostrar_registro,
#div_mostrar_ingresar,
#div_mostrar_facebook {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    overflow: visible !important;
}

.camp_ini_ing {
    background: url(../../imagenes/fondo_ingresar.jpg) no-repeat;
    background-size: cover;
    /* height: 100vh; */
    /* background: aqua; */
    padding-bottom: 20px;
}

.btn_tab.amplio {
    height: 160px;
}

.naranja_22 {
    height: 140px;
    border-radius: 5px;
    cursor: pointer;
    background: #f1a243;
}

.naranja_22:hover {
    background: #f7b86c;
}

.azul_11 {
    background: #3b5998;
    height: 140px;
    border-radius: 5px;
    cursor: pointer;
}

.azul_11:hover {
    background: #4970c0;
}

.naranja_1 {
    background: #f1a243;
    height: 200px;
    border-radius: 10px;
}

.blanco_ing {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
}

.btn_naranja_22 {
    background: #e47942;
    padding: 10px;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 20px;
    width: 100%;
    cursor: pointer;
}

.btn_naranja_22:hover {
    background: #ff945c;
}

.azul_23 {
    background: #203a79;
    padding: 10px 30px 10px 30px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 20px;
}

.azul_22 {
    background: #52afe3;
    padding: 10px 30px 10px 30px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 20px;
}

.vineta {
    list-style: url(../imagenes/vineta_1.png);
    padding-left: 20px;
    color: #000000;
    font-size: 16px;
    text-align: justify;
    line-height: 20px;
}

.cabecera_tabla {
    background: #e98300;
    border-radius: 0px;
    color: #ffffff;
    width: 20%;
}

.fila2 {
    border-radius: 0px;
    color: #000000;
    background: #ffffff;
}

.fila2 .vineta:hover {
    *color: #ffffff;
}

.fila1 {
    background: #dcdcdc;
    color: #ffffff;
    border-radius: 0px;
}

.fila1 .vineta:hover {
    *color: #ffffff;
}

.tabla-proveedor {
    max-width: 800px;
    background: white;
}

.slick-slide img {
    display: block;
}

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

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.campanIndex {
    height: 56em;
    background-repeat: no-repeat;
    background-size: 100%;
}

.mobile {
    display: none !important;
}

#tab_1,
#tab_2,
#tab_3 {
    cursor: pointer;
}

#contenido_2,
#contenido_3 {
    display: none;
}

.acordeon-panel {
    border: #ffb401 solid 1px;
}

.acordeon-title {
    cursor: pointer;
}

.acordeon-title.cerrado {
    /* background: #f7f0ea; */
    color: #7c7c7c;
}

#pages {
}

#pages li a {
    font-family: Arial, Helvetica, sans-serif;
    color: #848484;
    display: block;
}

#pages li {
    /* display: inline; */
    padding: 3px 6px 4px;
}

#pages li.page {
    position: relative;
    display: inline-block;
    /* width: 20px; */
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

#pages li span {
    display: block;
    width: 100%;
    text-align: center;
}

#pages li button {
    font-size: 0;
    /* line-height: 0; */
    /* display: block; */
    /* width: 33px; */
    /* height: 20px; */
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    /* display: none; */
}

#pages li button::before {
    font-family: slick;
    font-size: 20px;
    line-height: 20px;
    content: "•";
    color: #848484;
    -webkit-font-smoothing: antialiased;
}

#pages li.current,
#pages li.current button::before {
    color: #e00e34;
}

.tool_bar {
    float: left;
    margin-right: 15px;
    cursor: pointer;
}

.slick-disabled {
    opacity: 0.1;
}

#altura-cabecera-menu {
    height: 180px;
}

#cabecera-menu {
    position: fixed;
    z-index: 100;
    background-color: white;
    width: 100%;
}

input.btn_amarillo {
    padding: 5px 0px 5px 0px !important;
    width: 100%;
    border: 0px;
}

.btn_amarillo {
    background: #ffb401;
    border-radius: 10px;
    color: #ffffff;
    font-size: 20px;
    cursor: pointer;
}

.btn_amarillo:hover {
    background: #de9c00;
}

#slick_destacados .slick-prev {
    left: -6px;
}

#slick_destacados .slick-next {
    right: -6px;
}

.slick_noticias .slick-prev {
    left: -21px;
}

.slick_noticias .slick-next {
    right: -21px;
}

.oculta {
    display: none;
}

.separador-menu-servicio {
    background-color: #afadad;
    height: 1px;
    width: 100%;
    z-index: 2;
    position: absolute;
    text-align: center;
    /* left: 37px; */
    max-width: 260px;
}

.circulo-menu-servicio {
    width: 20px;
    height: 20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ff343f;
    z-index: 2;
    left: 50%;
    position: absolute;
    top: -10px;
}

.servico-brilla:hover .lista-menu-servicio {
    display: block;
    visibility: visible;
    text-align: center;
}

.lista-menu-servicio a {
    color: #7c7c7c;
}

.lista-menu-servicio {
    padding: 0px 20px;
    margin: 0px;
    background: white;
    border-radius: 0px 0px 5px 5px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
    width: 200px;
    display: none;
    position: absolute;
    z-index: 1;
    left: 37px;
}

.lista-menu-servicio li {
    list-style-type: none;
    font-family: "St Ryde ligth";
    color: #7c7c7c;
    border-bottom: 1px solid #e0e0e0;
    padding: 5px 0px;
    text-align: center;
    margin: 0px;
}

.slick_campana {
    /* min-height: 500px; */
}

.campana {
    float: right;
    width: 100%;
    height: 500px;
    background-image: url(../imagenes/campana_brilla.jpg);
    background-size: cover;
}

.naranja_1 {
    background: #f1a243;
    height: 130px;
    border-radius: 10px;
}

.naranja_11 {
    background: #f1a243;
    height: 110px;
    border-radius: 5px;
    cursor: pointer;
}

.naranja_11:hover {
    background: #ffac49;
}

.naranja_1:hover {
    background: #ffae4c;
}

.morado {
    background: #822f70;
    height: 145px;
    border-radius: 10px;
}

.titulo_morado {
    font-family: "St Ryde ligth";
    color: #822f70;
    font-size: 30px;
    font-size: 1.9em;
}

.btn_naranja_11 {
    background: #f1a243;
    padding: 10px 30px 10px 30px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 20px;
}

.justify-content-center .btn_naranja_11 a:hover {
    color: white !important;
}

.btn_naranja {
    background: #f1a243;
    padding: 20px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 20px;
}

.btn_morado {
    height: auto;
    background: #822f70;
    padding: 20px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 30px;
    border: 0px;
    cursor: pointer;
}

.btn_morado:hover {
    background: #a53d8e;
}

.camp_ini_2 {
    background: url(../../imagenes/camp_que_es_brilla.jpg) center no-repeat;
    background-size: cover;
    height: 750px;
}

.mas_1 {
    border-top: #ffb401 solid 1px;
    background: #f7f0ea;
    border-bottom: #ffb401 solid 1px;
    border-right: #ffb401 solid 1px;
    border-left: #ffb401 solid 1px;
}

.brilla_t1 {
    color: #db4945;
    font-family: "St Ryde medium";
}

.brilla_t2 {
    color: #db4945;
    font-family: "St Ryde medium";
    font-size: 34px;
}

.linea_gris_22 {
    background: #dbdbdb;
    left: 22px;
    top: 11px;
    width: 80%;
    height: 5px;
}

.linea_gris_33 {
    background: #dbdbdb;
    left: 200px;
    top: 20px;
    width: 40%;
    height: 5px;
}

.linea_gris_44 {
    background: #dbdbdb;
    left: 80px;
    top: 20px;
    width: 80%;
    height: 5px;
}

.linea_gris_55 {
    background: #f1a243;
    left: 265px;
    top: 20px;
    width: 50%;
    height: 5px;
}

.linea_gris_66 {
    background: #dbdbdb;
    left: 80px;
    top: -5px;
    width: 80%;
    height: 5px;
}

.tel {
    font-size: 26px;
    font-family: "St Ryde medium";
}

.bor_1 {
    border: #c9c9c8 solid 1px;
    text-align: left;
    height: 40px;
    border-radius: 30px 0px 0px 30px;
}

.fondo_rojo_n1 {
    background: #db4945;
    border-radius: 0px 0px 5px 5px;
    color: #ffffff;
}

.anc_menu_2 {
    max-width: 16%;
}

.anc_menu_3 {
    max-width: 20%;
}

.anc_menu_4 {
    max-width: 25%;
}

.anc_menu_5 {
    max-width: 17%;
}

.anc_menu_6 {
    max-width: 13%;
}

.tb_1 {
    color: #000000;
    font-size: 24px;
    font-family: "St Ryde regular";
}

.fondo_b11 {
    background: url(../../imagenes/lavadora_1.jpg) center;
    height: 350px;
    background-size: cover;
}

.fondo_b22 {
    background: url(../../imagenes/lavadora_1.jpg) center;
    background-size: cover;
    max-height: 350px;
    border-radius: 10px 10px 0px 0px;
    height: 350px;
}

.blanco_b33 {
    background: #ffffff;
    border-radius: 0px;
}

.blanco_b22 {
    background: #ffffff;
    border-radius: 10px 0px 0px 10px;
}

.blanco_b11 {
    background: #ffffff;
    border-radius: 10px 10px 10px 10px;
}

.blanco_b11 .slick-dots {
    position: initial;
}

.blanco_b1 {
    background: #ffffff;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
}

.camp_ini {
    background-size: cover;
    *min-height: 500px;
    /* height: 500px; */
    background: #f7f2f0;
}

.slick_campana {
    margin-bottom: 0px !important;
}

.menu_inter_b1 {
    font-family: "St Ryde ligth";
    font-size: 17px;
    letter-spacing: 1px;
    color: #838383;
    line-height: 50px;
    font-weight: 500;
}

.menu_inter_b1:hover {
    font-family: "St Ryde ligth";
    font-size: 17px;
    letter-spacing: 1px;
    color: #ffb401;
}

.menu_inter_b1.menu-activo {
    color: #ffb401;
}

.t_11 {
    font-family: "St Ryde ligth";
    color: #848484;
    font-size: 22px;
    line-height: 25px;
}

.t_11 p {
    text-align: center;
}

input[type="text"],
input[type="password"],
select {
    width: 100%;
    background: #ffffff;
    height: 40px;
    border: #FF001A solid 2px;
    color: #757575;
    padding-left: 10px;
    border-radius: 10px;
}

select {
    text-align: center;
}

[type="checkbox"] {
    height: 15px;
}

textarea {
    width: 100%;
    /* background: #f4f4f4; */
    height: 100px;
    border: #f1a243 solid 1px;
    border-radius: 7px;
}
/* CSS EDITH*/
/* EDITH CABEZA*/

.fondo_web {
    background: #e8e3de;
}

.logo_emp {
    background: url(../../imagenes/logo_sarku.png) no-repeat;
    height: 101px;
}

.p_menu {
    font-family: "Geneva Bold";
    color: #3c3c3b;
    font-size: 19px;
    text-align: center;
}

.p_menu:hover {
    color: #d7022c;
}
/* EDITH FIN*/
/* EDITH CONTENIDO*/
/* CAMP*/

.camp_emp_principal {
    background: url(../../imagenes/camp_1.jpg) no-repeat center center fixed;
    min-height: 800px;
    background-size: cover;
}

.caption_arriba {
    top: 0px;
}

.caption_medio {
    padding-top: 10%;
}

.caption_abajo {
    padding-top: 30%;
}

.caption_texto {
    font-size: 2.2em;
    line-height: 1.2em;
}

.fuente_1_resaltar {
    font-family: "Futura Std";
}
/* CAMP*/

.img_fondo_grande {
    background: url(../../imagenes/fondo_blanco.jpg) no-repeat;
    min-height: 1000px;
    position: relative;
}

.img_fondo_grande_inter {
    background: url(../../imagenes/fondo_blanco.jpg) no-repeat;
    min-height: 800px;
    position: relative;
}

.slogan {
    font-size: 22px;
    color: #a3a3a3;
    font-family: "Futura (Light)";
}

.txt_gris {
    text-align: center;
    color: #a3a3a3;
}

.txt_blanco {
    color: #ffffff;
    text-align: center;
    padding-bottom: 40px;
}

.fondo_btn {
    background: #56acdd;
    border-radius: 3px;
    padding: 5px;
    color: #ffffff;
}

.titulo_blanco_1 {
    font-weight: bold;
    color: #ffffff;
}

.titulo_azul_1 {
    font-weight: bold;
    color: #002b85;
    text-align: center;
}

.img_servicio_1 {
    border-right: #ffffff solid 2px;
    background: url(../../imagenes/ship_agents.jpg) left no-repeat;
    background-size: cover;
    position: relative;
    height: 480px;
}

.img_servicio_2 {
    border-right: #ffffff solid 2px;
    background: url(../../imagenes/logistic.jpg) center no-repeat;
    background-size: cover;
    position: relative;
    height: 480px;
}

.img_servicio_3 {
    border-right: #ffffff solid 2px;
    background: url(../../imagenes/off.jpg) center no-repeat;
    background-size: cover;
    position: relative;
    height: 480px;
}

.pos_1 {
    position: absolute;
    bottom: 0px;
    padding: 30px;
}

.btn_25_services {
    border: #ffffff solid 1px;
    padding: 5px;
    color: #ffffff;
    font-size: 20px;
}

.txt_parra_b {
    color: #ffffff;
    text-align: left;
}

.centro_pestana {
    padding-bottom: 20px;
    text-align: center;
    padding-top: 50px;
}

.mapa_1 {
    height: 525px;
    margin-bottom: 50px;
    background: #a17172 no-repeat;
}
/* PIE */

.borde_menu_pie {
    border-top: rgba(255, 255, 255, 0.5) solid 1px;
    border-bottom: rgba(255, 255, 255, 0.3) solid 1px;
    color: #ffffff;
}

.t_b1 {
    color: #ffffff;
}

.txt_pie_1 {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    text-align: left;
}
/* FIN PIE */
/* EDITH CONTENIDO*/
/* CSS EDITH FIN*/

.centro_55 {
    text-align: left;
}

.enlace-leer-mas {
    text-align: right;
    padding-right: 20px;
}

a {
    color: black;
}

.ver-mas-proveedor {
    color: black;
}

.ver-mas-proveedor:hover {
    color: #f2a138;
}

h1 {
    font-family: "St Ryde medium";
    color: #ffffff;
    line-height: 50px;
}

p,
li {
    font-family: "St Ryde ligth";
    text-align: justify;
    font-size: 17px;
    letter-spacing: 1px;
    color: #000000;
}

.menu_B1 {
    float: right;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffffff;
    font-size: 18px;
}

.menu_B1:hover {
    float: right;
    padding-left: 20px;
    padding-right: 20px;
    color: #3eafc9;
    font-size: 18px;
}

img,
object,
embed,
video {
    max-width: 100%;
}

.camp_3g {
    height: 667px;
    background: url(../../imagenes/camp_1.png) no-repeat;
    background-size: cover;
}

.camp_3g_inter {
    height: 420px;
    background: url(../../imagenes/camp_1.png) no-repeat;
    background-size: cover;
}

.cont_menu22 {
    background: #6f7072;
    color: #ffffff;
    padding: 20px 10px 20px 20px;
    display: block;
}

.cont_menu33 {
    background: #6f7072;
    color: #ffffff;
    padding: 10px 10px 10px 10px;
    display: none;
}

.p11 {
    margin-top: 10px;
    width: 50%;
    float: right;
}

.p12 {
    margin-top: 10px;
    width: 50%;
    float: right;
}

.tex_pie11 {
    text-align: left;
    line-height: 20px;
    margin-top: 10px;
    font-size: 15px;
}

.oficinas {
    color: #ffffff;
    text-align: left;
    margin-top: 25px;
}

.c_t_1 {
    color: #ffffff;
    text-align: left;
}

.fondo_c {
    background: url(../../imagenes/cartagena.jpg) no-repeat;
    background-size: cover;
    height: 372px;
}

.fondo_s {
    background: url(../../imagenes/santa_marta.jpg) no-repeat;
    background-size: cover;
    height: 372px;
}

.cart {
    max-width: 450px;
    margin-right: 35px;
    padding-top: 80px;
}

.sant {
    max-width: 450px;
    margin-left: 35px;
    padding-top: 80px;
}

.slogan_txt {
    color: #ffffff;
    font-size: 18px;
    margin-top: 90px;
    line-height: 24px;
}

.mar_btn {
    margin-top: 50px;
}

.img_edificio {
    float: left;
    width: 39%;
    height: 636px;
    margin-right: 1%;
    background: url(../../imagenes/foto_infinity.png) center;
    background-size: cover;
}

.cont_tex_edif {
    float: left;
    width: 20%;
    height: 636px;
    padding: 10px;
    color: #bfbfbf;
    background-color: #363638;
}

.img_fallada {
    float: right;
    width: 39%;
    height: 636px;
    margin-left: 1%;
    background: url(../../imagenes/fachada_infinty.png) center;
    background-size: cover;
}

.pd {
    padding-top: 30px;
}

.tex_intro {
    padding-top: 30px;
    border-left: #e2e2e2 solid 1px;
    padding-left: 50px;
    padding-bottom: 20px;
}

.tex_camp_1 {
    font-family: Raleway;
    color: #fffffe;
    font-size: 48px;
    font-weight: 300;
    line-height: 53.143px;
    transform: scale(1.505, 1.505);
}

.text_camp_2 {
    font-family: Raleway;
    color: #fffffe;
    font-size: 66.43px;
    line-height: 48px;
    font-weight: 100;
    transform: scale(1.104, 1.104);
    margin-top: 10px;
}

.text_camp_3 {
    font-family: Raleway;
    color: #fffffe;
    font-size: 24px;
    font-weight: 300;
    line-height: 53.143px;
    transform: scale(1.1, 1.1);
}

nav {
    width: 100%;
    text-align: left;
    margin-right: 0px;
    -webkit-font-smoothing: antialiased;
}

header nav ul {
    list-style: none;
    float: right;
    font-family: "robotolight";
    letter-spacing: 1px;
}

nav ul li {
    float: left;
    color: #ffffff;
    font-size: 14px;
    text-align: left;
    margin-right: 25px;
    letter-spacing: 2px;
    font-weight: bold;
    transition: all 0.3s linear;
}

ul li a {
    color: #ffffff;
    text-decoration: none;
}

ul li:hover a {
}

.hidden {
    opacity: 0;
}

.visible {
    opacity: 1;
}

#msj_errorLogin,
#msj_error {
    min-height: 35px;
    color: red;
    font-weight: bold;
    font-size: 19px;
}

.error-input {
    border: solid 1px red !important;
    background: #ffa3a3 !important;
    color: red !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);
    box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);
}

.button {
    width: 200px;
    margin-top: 40px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    text-align: center;
    vertical-align: middle;
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    border: 3px solid #ffffff;
    color: #ffffff;
    transition: all 0.3s linear;
}

.button:hover {
    background-color: #fefefe;
    color: #c4c4c4;
    cursor: pointer;
}

.error-input::-webkit-input-placeholder {
    color: #fff !important;
}

.error-input::-moz-placeholder {
    color: #fff !important;
}

.error-input:-ms-input-placeholder {
    color: #fff !important;
}

.error-input:-moz-placeholder {
    color: #fff !important;
}
/* IE 6 does not support max-width so default to width 100% */

.ie6 img {
    width: 100%;
}
/* /* tipos de letra */
/* This stylesheet generated by Transfonter (https://transfonter.org) on April 12, 2017 7:26 PM */

@font-face {
    font-family: "Neutra Text book";
    src: url("../fonts/NeutraText-Book.woff2") format("woff2"), url("../fonts/NeutraText-Book.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Myriad Pro it";
    src: url("../fonts/MyriadPro-It.woff2") format("woff2"), url("../fonts/MyriadPro-It.woff") format("woff");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "St Ryde ligth";
    src: url("../fonts/StRyde-Light.woff2") format("woff2"), url("../fonts/StRyde-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "St Ryde regular";
    src: url("../fonts/StRydeRegular.woff2") format("woff2"), url("../fonts/StRydeRegular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Myriad Pro regular";
    src: url("../fonts/MyriadPro-Regular.woff2") format("woff2"), url("../fonts/MyriadPro-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "St Ryde bold";
    src: url("../fonts/StRyde-Bold.woff2") format("woff2"), url("../fonts/StRyde-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "St Ryde thin";
    src: url("../fonts/StRyde-Thin.woff2") format("woff2"), url("../fonts/StRyde-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "St Ryde medium";
    src: url("../fonts/StRyde-Medium.woff2") format("woff2"), url("../fonts/StRyde-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Alberto";
    src: url("Alberto-Regular.woff2") format("woff2"), url("Alberto-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto Bold";
    src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Roboto ligth";
    src: url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Roboto regular";
    src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Alberto";
    src: url("../fonts/Alberto-Regular.woff2") format("woff2"), url("../fonts/Alberto-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Geneva Bold";
    src: url("../fonts/Geneva-Bold.eot");
    src: url("../fonts/Geneva-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Geneva-Bold.woff2") format("woff2"), url("../fonts/Geneva-Bold.woff") format("woff"), url("../fonts/Geneva-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Geneva roman";
    src: url("../fonts/Geneva-Roman.eot");
    src: url("../fonts/Geneva-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/Geneva-Roman.woff2") format("woff2"), url("../fonts/Geneva-Roman.woff") format("woff"), url("../fonts/Geneva-Roman.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Futura (Light)";
    src: url("../fonts/FuturaLight.woff2") format("woff2"), url("../fonts/FuturaLight.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Futura Std";
    src: url("../fonts/FuturaStd-Bold.woff2") format("woff2"), url("../fonts/FuturaStd-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Strawberry Blossom";
    src: url("../fonts/StrawberryBlossom.woff2") format("woff2"), url("../fonts/StrawberryBlossom.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Oswald ligth";
    src: url("../fonts/Oswald-Light.woff2") format("woff2"), url("../fonts/Oswald-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Oswald bold";
    src: url("../fonts/Oswald-Bold.woff2") format("woff2"), url("../fonts/Oswald-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Oswald regular";
    src: url("../fonts/Oswald-Regular.woff2") format("woff2"), url("../fonts/Oswald-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Lato Hairline";
    src: url("../fonts/Lato-Hairline.eot");
    src: url("../fonts/Lato-Hairline.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Hairline.woff2") format("woff2"), url("../fonts/Lato-Hairline.woff") format("woff"), url("../fonts/Lato-Hairline.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Pirulen Rg";
    src: url("../fonts/PirulenRg-Regular.eot");
    src: url("../fonts/PirulenRg-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PirulenRg-Regular.woff2") format("woff2"), url("../fonts/PirulenRg-Regular.woff") format("woff"),
        url("../fonts/PirulenRg-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "robotoregular";
    src: url("../fonts/roboto-regular-webfont.eot");
    src: url("../fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-regular-webfont.woff2") format("woff2"), url("../fonts/roboto-regular-webfont.woff") format("woff"),
        url("../fonts/roboto-regular-webfont.ttf") format("truetype"), url("../fonts/roboto-regular-webfont.svg#robotoregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Futura (Light)";
    src: url("../fonts/FuturaLight.eot");
    src: url("../fonts/FuturaLight.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaLight.woff2") format("woff2"), url("../fonts/FuturaLight.woff") format("woff"), url("../fonts/FuturaLight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Archer";
    src: url("../fonts/Archer-Light.eot");
    src: url("../fonts/Archer-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Archer-Light.woff2") format("woff2"), url("../fonts/Archer-Light.woff") format("woff"), url("../fonts/Archer-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "robotolight";
    src: url("../fonts/roboto-light-webfont.eot");
    src: url("../fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-light-webfont.woff2") format("woff2"), url("../fonts/roboto-light-webfont.woff") format("woff"),
        url("../fonts/roboto-light-webfont.ttf") format("truetype"), url("../fonts/roboto-light-webfont.svg#robotolight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Aktiv Grotesk";
    src: url("../fonts/AktivGrotesk-Thin.eot");
    src: url("../fonts/AktivGrotesk-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/AktivGrotesk-Thin.woff") format("woff"), url("../fonts/AktivGrotesk-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Aktiv Grotesk Regular";
    src: url("../fonts/AktivGrotesk-Regular.eot");
    src: url("../fonts/AktivGrotesk-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AktivGrotesk-Regular.woff") format("woff"), url("../fonts/AktivGrotesk-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Aktiv Grotesk Ligth";
    src: url("../fonts/AktivGrotesk-Light.eot");
    src: url("../fonts/AktivGrotesk-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AktivGrotesk-Light.woff") format("woff"), url("../fonts/AktivGrotesk-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Aktiv Grotesk Medium";
    src: url("../fonts/AktivGrotesk-Medium.eot");
    src: url("../fonts/AktivGrotesk-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AktivGrotesk-Medium.woff") format("woff"), url("../fonts/AktivGrotesk-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "St Ryde thin";
    src: url("../fonts/StRyde-Thin.eot");
    src: url("../fonts/StRyde-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/StRyde-Thin.woff2") format("woff2"), url("../fonts/StRyde-Thin.woff") format("woff"), url("../fonts/StRyde-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "St Ryde light";
    src: url("../fonts/StRyde-Light.eot");
    src: url("../fonts/StRyde-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/StRyde-Light.woff2") format("woff2"), url("../fonts/StRyde-Light.woff") format("woff"), url("../fonts/StRyde-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "St Ryde bold";
    src: url("../fonts/StRyde-Bold.eot");
    src: url("../fonts/StRyde-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/StRyde-Bold.woff2") format("woff2"), url("../fonts/StRyde-Bold.woff") format("woff"), url("../fonts/StRyde-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "St Ryde regular";
    src: url("../fonts/StRydeRegular.eot");
    src: url("../fonts/StRydeRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/StRydeRegular.woff2") format("woff2"), url("../fonts/StRydeRegular.woff") format("woff"), url("../fonts/StRydeRegular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Golden Sans_r";
    src: url("../fonts/GoldenSans-Regular.eot");
    src: url("../fonts/GoldenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/GoldenSans-Regular.woff") format("woff"), url("../fonts/GoldenSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Golden Sans_t";
    src: url("../fonts/GoldenSans-Thin.eot");
    src: url("../fonts/GoldenSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/GoldenSans-Thin.woff") format("woff"), url("../fonts/GoldenSans-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Golden Sans_b";
    src: url("../fonts/GoldenSans-Bold.eot");
    src: url("../fonts/GoldenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GoldenSans-Bold.woff") format("woff"), url("../fonts/GoldenSans-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Golden Sans_bb";
    src: url("../fonts/GoldenSans-Black.eot");
    src: url("../fonts/GoldenSans-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/GoldenSans-Black.woff") format("woff"), url("../fonts/GoldenSans-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Stellar_m";
    src: url("../fonts/Stellar-Medium.eot");
    src: url("../fonts/Stellar-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Stellar-Medium.woff") format("woff"), url("../fonts/Stellar-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Stellar_R";
    src: url("../fonts/Stellar-Regular.eot");
    src: url("../fonts/Stellar-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Stellar-Regular.woff") format("woff"), url("../fonts/Stellar-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Stellar_L";
    src: url("../fonts/Stellar-Light.eot");
    src: url("../fonts/Stellar-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Stellar-Light.woff") format("woff"), url("../fonts/Stellar-Light.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Golden Sans";
    src: url("../fonts/GoldenSans-Medium.eot");
    src: url("../fonts/GoldenSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GoldenSans-Medium.woff") format("woff"), url("../fonts/GoldenSans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Golden Sans";
    src: url("../fonts/GoldenSans-UltraLight.eot");
    src: url("../fonts/GoldenSans-UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/GoldenSans-UltraLight.woff") format("woff"), url("../fonts/GoldenSans-UltraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Golden Sans LL";
    src: url("../fonts/GoldenSans-Light.eot");
    src: url("../fonts/GoldenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GoldenSans-Light.woff") format("woff"), url("../fonts/GoldenSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Stellar_BB";
    src: url("../fonts/Stellar-Bold.eot");
    src: url("../fonts/Stellar-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Stellar-Bold.woff") format("woff"), url("../fonts/Stellar-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Typography Times";
    src: url("../fonts/TypographyTimes.eot");
    src: url("../fonts/TypographyTimes.eot?#iefix") format("embedded-opentype"), url("../fonts/TypographyTimes.woff2") format("woff2"), url("../fonts/TypographyTimes.woff") format("woff"),
        url("../fonts/TypographyTimes.ttf") format("truetype"), url("../fonts/TypographyTimes.svg#TypographyTimes") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Typography Times italic";
    src: url("../fonts/TypographyTimes-Italic.eot");
    src: url("../fonts/TypographyTimes-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/TypographyTimes-Italic.woff2") format("woff2"), url("../fonts/TypographyTimes-Italic.woff") format("woff"),
        url("../fonts/TypographyTimes-Italic.ttf") format("truetype"), url("../fonts/TypographyTimes-Italic.svg#TypographyTimes-Italic") format("svg");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Typography Times";
    src: url("../fonts/TypographyTimes-Bold.eot");
    src: url("../fonts/TypographyTimes-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/TypographyTimes-Bold.woff2") format("woff2"), url("../fonts/TypographyTimes-Bold.woff") format("woff"),
        url("../fonts/TypographyTimes-Bold.ttf") format("truetype"), url("TypographyTimes-Bold.svg#TypographyTimes-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "latoregular";
    src: url("../fonts/lato-regular-webfont.eot");
    src: url("../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular-webfont.woff2") format("woff2"), url("../fonts/lato-regular-webfont.woff") format("woff"),
        url("../fonts/lato-regular-webfont.ttf") format("truetype"), url("../fonts/lato-regular-webfont.svg#latoregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "latothin";
    src: url("../fonts/lato-thin-webfont.woff2") format("woff2"), url("../fonts/lato-thin-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "latolight";
    src: url("../fonts/lato-light-webfont.eot");
    src: url("../fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-light-webfont.woff2") format("woff2"), url("../fonts/lato-light-webfont.woff") format("woff"),
        url("../fonts/lato-light-webfont.ttf") format("truetype"), url("../fonts/lato-light-webfont.svg#latolight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "latobold";
    src: url("../fonts/lato-bold-webfont.eot");
    src: url("../fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bold-webfont.woff2") format("woff2"), url("../fonts/lato-bold-webfont.woff") format("woff"),
        url("../fonts/lato-bold-webfont.ttf") format("truetype"), url("../fonts/lato-bold-webfont.svg#latobold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bebas_neuebold";
    src: url("../fonts/bebasneue_bold-webfont.woff2") format("woff2"), url("../fonts/bebasneue_bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bebas_neuebook";
    src: url("../fonts/bebasneue_book-webfont.woff2") format("woff2"), url("../fonts/bebasneue_book-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bebas_neuelight";
    src: url("../fonts/bebasneue_light-webfont.woff2") format("woff2"), url("../fonts/bebasneue_light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bebas_neue_regular";
    src: url("../fonts/bebasneue_regular-webfont.woff2") format("woff2"), url("../fonts/bebasneue_regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "bebas_neuethin";
    src: url("../fonts/bebasneue_thin-webfont.woff2") format("woff2"), url("../fonts/bebasneue_thin-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
/* tipos de letra */
/* tipos de letra */

@font-face {
    font-family: "open_sanssemibold";
    src: url("../fonts/OpenSans-Semibold-webfont.eot");
    src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"),
        url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "open_sanslight";
    src: url("../fonts/OpenSans-Light-webfont.eot");
    src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"),
        url("../fonts/OpenSans-Light-webfont.svg#open_sanslight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "open_sansbold";
    src: url("../fonts/OpenSans-Bold-webfont.eot");
    src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"),
        url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "open_sanssemibold";
    src: url("../fonts/OpenSans-Semibold-webfont.eot");
    src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"),
        url("../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "open_sansregular";
    src: url("../fonts/opensans-regular-webfont.eot");
    src: url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/opensans-regular-webfont.woff") format("woff"),
        url("../fonts/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/opensans-regular-webfont.svg#open_sansregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.borrar {
    clear: both;
}

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

b,
strong {
    font-family: "St Ryde bold";
}

.cont_menu {
    padding-top: 50px;
}

.tex_pie2 {
    margin-top: 40px;
    text-align: right;
}

.vineta5 {
    margin: 0 0 10px;
    color: #7c7c7c;
    font-family: "St Ryde ligth";
    line-height: 26px;
    font-size: 17px;
    text-align: justify;
    list-style: url(../../imagenes/vineta_1_brila.png) outside;
    etter-spacing: 1px;
}

.vineta5 li {
    padding: 10px 0px 0px 0px;
    text-align: justify;
}

.vineta6 {
    margin: 0px;
    color: #686868;
    font-family: "latolight";
    line-height: 24px;
    font-size: 17px;
    text-align: left;
    list-style: url(../../imagenes/gris_1.png);
    -webkit-font-smoothing: antialiased;
    padding-left: 20px;
}

.vineta6 li {
    padding: 10px 0px 0px 0px;
    text-align: justify;
}

.menu_1 {
    color: #7b7b7c;
    text-align: center;
    font-family: "open_sanslight";
    font-size: 19px;
    height: 62px;
    float: left;
    width: 165px;
}

.menu_2 {
    color: #7b7b7c;
    text-align: center;
    font-family: "open_sanslight";
    font-size: 19px;
    height: 62px;
    float: left;
    width: 150px;
}

.menu_3 {
    color: #7b7b7c;
    text-align: center;
    font-family: "open_sanslight";
    font-size: 19px;
    height: 62px;
    float: left;
    width: 100px;
}

.menu_4 {
    color: #7b7b7c;
    text-align: center;
    font-family: "open_sanslight";
    font-size: 19px;
    height: 62px;
    float: left;
    width: 150px;
}
/*Menu Fantasma*/

.menu_f1 {
    display: block;
}

.menu_f2 {
    display: none;
    font-size: 30px;
}
/*Menu Fantasma*/

.menu_1:hover {
    color: #000000;
    border-bottom: #000000 solid 4px;
    height: 62px;
    font-family: "open_sanslight";
    float: left;
}

.menu_2:hover {
    color: #000000;
    border-bottom: #000000 solid 4px;
    height: 62px;
    font-family: "open_sanslight";
    float: left;
}

.menu_3:hover {
    color: #000000;
    border-bottom: #000000 solid 4px;
    height: 62px;
    font-family: "open_sanslight";
    float: left;
}

.menu_4:hover {
    color: #000000;
    border-bottom: #000000 solid 4px;
    height: 62px;
    font-family: "open_sanslight";
    float: left;
}

.otros-servicios {
    display: none;
}

@media (max-width: 1280px) and (min-width: 576px) {
    .extendida {
        display: none !important;
    }
    .img-campana.tablet {
        display: block !important;
    }
}

@media (min-width: 1024px) and (max-width: 1530px) {
    .servicios-originales {
        display: none !important;
    }
    .otros-servicios {
        display: block;
        cursor: pointer;
    }
}

@media (max-width: 1199.98px) {
    .linea_gris_66 {
        background: #dbdbdb;
        left: 70px;
        top: -5px;
        width: 80%;
        height: 5px;
    }
    .linea_gris_55 {
        background: #f1a243;
        left: 220px;
        top: 20px;
        width: 50%;
        height: 5px;
    }
    .linea_gris_33 {
        background: #dbdbdb;
        left: 160px;
        top: 20px;
        width: 40%;
        height: 5px;
    }
    .anc_menu_1 {
        /* max-width: 10%; */
    }
    .anc_menu_2 {
        max-width: 16%;
    }
    .anc_menu_3 {
        max-width: 18%;
    }
    .anc_menu_4 {
        max-width: 23%;
    }
    .anc_menu_5 {
        max-width: 15%;
    }
    .anc_menu_6 {
        max-width: 13%;
    }
    .menu_inter_b1 {
        font-family: "St Ryde ligth";
        font-size: 15px;
        letter-spacing: 1px;
        color: #838383;
    }
    .menu_inter_b1:hover {
        font-family: "St Ryde ligth";
        font-size: 15px;
        letter-spacing: 1px;
        color: #ffb401;
    }
}

@media (max-width: 991.98px) {
    .separador-menu-servicio {
        max-width: 95%;
    }
    .contenido-mobile {
        max-width: 100%;
        padding: 0px;
    }
    #altura-cabecera-menu {
        height: 78px;
    }
    .linea_gris_55 {
        background: #f1a243;
        left: 150px;
        top: 20px;
        width: 50%;
        height: 5px;
    }
    .blanco_b22 {
        background: #ffffff;
        border-radius: 10px 10px 10px 10px;
    }
    .linea_gris_44 {
        background: #dbdbdb;
        left: 55px;
        top: 20px;
        width: 80%;
        height: 5px;
    }
    .camp_ini_2 {
        height: 550px;
    }
    .linea_gris_33 {
        background: #dbdbdb;
        left: 170px;
        top: 20px;
        width: 40%;
        height: 5px;
    }
    .linea_gris_22 {
        left: 180px;
        top: 20px;
        width: 40%;
        height: 5px;
    }
    .p_escribenos {
        padding-top: 5%;
    }
    .fondo_ctn_1 {
        background: url(../../imagenes/rojo_escribenos.jpg) #d7022c right no-repeat;
        min-height: 400px;
    }
    .fondo_galeria_1 {
        height: 280px;
        background: url(../../imagenes/magic_rolls.png) center 80% no-repeat;
    }
    #menuVertical li {
        float: left;
        font-size: 1em;
        /* margin-right: 2%; */
    }
}

@media (max-width: 767.98px) {
    .campana {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
    .linea_gris_66 {
        background: #dbdbdb;
        left: 60px;
        top: -5px;
        width: 70%;
        height: 5px;
    }
    .linea_gris_55 {
        background: #f1a243;
        left: 110px;
        top: 20px;
        width: 50%;
        height: 5px;
    }
    .linea_gris_44 {
        background: #dbdbdb;
        left: 50px;
        top: 20px;
        width: 80%;
        height: 5px;
    }
    .camp_ini_2 {
        height: 450px;
    }
    .linea_gris_33 {
        background: #dbdbdb;
        left: 135px;
        top: 20px;
        width: 40%;
        height: 5px;
    }
    .linea_gris_22 {
        left: 130px;
        top: 20px;
        width: 40%;
        height: 5px;
    }
    .camp_ini {
        /* background:url(../../imagenes/camp_1.jpg) right no-repeat; */
        background-size: cover;
        height: auto;
        /* height: 100vh; */
        /* max-height: 90vh; */
    }
    .txt_escribenos_2 {
        font-size: 80px;
        font-family: "Alberto";
        color: #ffffff;
        line-height: 85px;
    }
    .fondo_camp_inter {
        height: 300px;
        padding-top: 30%;
    }
    .al_men_11 {
        height: 1000px;
    }
    .txt_sarku_cerca {
        font-family: "Alberto";
        font-size: 60px;
        line-height: 70px;
        letter-spacing: 1px;
    }
    .centro_55 {
        text-align: center;
    }
    .caption_medio,
    .caption_abajo {
        padding-top: 0%;
    }
    .caption_texto {
        font-size: 1.5em;
    }
    .fondo_galeria_1 {
        height: 280px;
        background: url(../../imagenes/rollos_2.png) center no-repeat;
        background-size: cover;
    }
}

@media (max-width: 580px) {
    .lista-menu-servicio {
        padding: 0px 20px;
        margin: 0px;
        background: white;
        border-radius: 0px 0px 5px 5px;
        -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
        width: 100%;
        display: none;
        position: absolute;
        z-index: 1;
        left: 0px;
    }
    .azul_11,
    .naranja_22 {
        height: 160px;
    }
    .btn_tab.amplio {
        height: 180px;
    }
    .fondo_b22 {
        height: auto;
        display: none;
    }
    .comillas-texto {
        display: none;
    }
}

@media (max-width: 480px) {
    .img-play {
        top: 30%;
        width: 100px;
        left: 40%;
    }
    .linea_gris_66 {
        background: #dbdbdb;
        left: 40px;
        top: -5px;
        width: 70%;
        height: 5px;
    }
    .linea_gris_55 {
        background: #f1a243;
        left: 90px;
        top: 20px;
        width: 50%;
        height: 5px;
    }
    .linea_gris_33 {
        background: #dbdbdb;
        left: 110px;
        top: 20px;
        width: 40%;
        height: 5px;
    }
    .linea_gris_22 {
        left: 100px;
        top: 20px;
        width: 40%;
        height: 5px;
    }
    .txt_escribenos_2 {
        font-size: 70px;
        font-family: "Alberto";
        color: #ffffff;
        line-height: 85px;
        text-align: center;
    }
    .c_55 {
        margin-top: 20px;
        text-align: center !important;
        margin-left: 30% !important;
    }
    .tip_5 {
        border-right: none !important;
        background: rgba(0, 0, 0, 0.6);
        color: #ffffff;
        height: 270px;
        padding: 50px 20px 40px;
    }
    .ser_p1 {
        padding-left: 10px !important;
        padding-top: 0px !important;
    }
    .icono_G1 {
        position: absolute;
        top: -78px;
        left: 0px;
        width: 100%;
        display: none;
    }
    .logo_pro {
        text-align: center !important;
        padding-left: 0px !important;
    }
    .cont_55 {
        max-width: 480px !important;
        color: #ffffff;
    }
    .fondo_azul_558 {
        background: url(../../imagenes/fondo_3.jpg) repeat-x;
    }
}

@media (max-width: 375px) {
    .img-play {
        top: 30%;
        width: 80px;
        left: 40%;
    }
    .linea_gris_66 {
        background: #dbdbdb;
        left: 35px;
        top: -5px;
        width: 70%;
        height: 5px;
    }
    .linea_gris_55 {
        background: #f1a243;
        left: 80px;
        top: 20px;
        width: 50%;
        height: 5px;
    }
    .linea_gris_44 {
        background: #dbdbdb;
        left: 30px;
        top: 20px;
        width: 80%;
        height: 5px;
    }
    .linea_gris_33 {
        background: #dbdbdb;
        left: 80px;
        top: 20px;
        width: 40%;
        height: 5px;
    }
    .linea_gris_22 {
        left: 80px;
        top: 20px;
        width: 40%;
        height: 5px;
    }
    .txt_escribenos_2 {
        font-size: 50px;
        font-family: "Alberto";
        color: #ffffff;
        line-height: 85px;
        text-align: center;
    }
    .txt_sarku_cerca {
        font-family: "Alberto";
        font-size: 40px;
        line-height: 45px;
        letter-spacing: 1px;
    }
    .aix_titu {
        text-align: left;
        font-family: "Pirulen Rg";
        margin-bottom: 20px;
        color: #005a8c;
        font-size: 30px !important;
    }
    .axio_titu3 {
        text-align: left;
        margin-bottom: 20px;
        color: #005a8c;
        font-size: 50px;
        font-family: "Pirulen Rg";
    }
    .aixo_titu22 {
        margin-top: 100px;
        text-align: left;
        color: #005a8c;
        font-size: 20px;
        letter-spacing: 20px;
    }
    .aixo_titu2 {
        margin-top: 50px;
        text-align: left;
        color: #005a8c;
        font-size: 20px;
        letter-spacing: 20px;
    }
    .fondo_aixo_qm {
        background: #cacbab no-repeat !important;
        height: 700px !important;
        border-top: #767d4e solid 3px;
    }
    .c_55 {
        margin-top: 20px;
        text-align: center !important;
        margin-left: 25% !important;
    }
    .tip_5 {
        border-right: none !important;
        background: rgba(0, 0, 0, 0.6);
        color: #ffffff;
        height: 250px;
        padding: 50px 20px 40px;
    }
    .azul_1 {
        max-width: 767px !important;
        padding-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 20px;
        height: 385px !important;
    }
    .cont_text_camp_b2 {
        padding-left: 10px;
        padding-top: 30px;
    }
    .camp_88 {
        background: url(../../imagenes/camp_1.jpg) no-repeat;
        background-size: cover;
        height: 500px;
    }
    .camp_77 {
        text-transform: uppercase;
        text-align: center;
        font-size: 30px;
        padding-right: 0px;
        line-height: 30px;
    }
    .camp_3g {
        height: 450px;
        background: url(../../imagenes/camp_1.png) center no-repeat;
        background-size: cover;
    }
    .titulo_morado {
        font-size: 1.5em;
    }
}

@media (max-width: 320px) {
    .img-play {
        top: 30%;
        width: 80px;
        left: 35%;
    }
    .linea_gris_66 {
        background: #dbdbdb;
        left: 30px;
        top: -5px;
        width: 70%;
        height: 5px;
    }
    .linea_gris_55 {
        background: #f1a243;
        left: 60px;
        top: 20px;
        width: 50%;
        height: 5px;
    }
    .linea_gris_33 {
        background: #dbdbdb;
        left: 60px;
        top: 20px;
        width: 40%;
        height: 5px;
    }
    .linea_gris_22 {
        left: 65px;
        top: 20px;
        width: 40%;
        height: 5px;
    }
    .txt_escribenos_2 {
        font-size: 40px;
        font-family: "Alberto";
        color: #ffffff;
        line-height: 85px;
        text-align: center;
    }
    .txt_sarku_cerca {
        font-family: "Alberto";
        font-size: 35px;
        line-height: 40px;
        letter-spacing: 1px;
    }
    .logo {
        width: 100%;
        position: absolute;
        top: -35 px !important;
    }
    .c_55 {
        margin-top: 20px;
        text-align: center !important;
        margin-left: 20% !important;
    }
    .cuarto_55 {
        background: url() #8ba84a no-repeat !important;
        height: 550px !important;
        border-bottom: #e8802a solid 5px;
    }
    .azul_1 {
        max-width: 767px !important;
        padding-right: 0px !important;
        padding-top: 30px;
        padding-bottom: 20px;
        height: 390px !important;
    }
    .fb_1 {
        font-size: 30px;
    }
    .fb_2 {
        font-size: 45px;
        line-height: 40px;
    }
    .fb_3 {
        font-size: 45px;
        line-height: 47px;
    }
    .camp_3g {
        height: 500px;
        background: url(../../imagenes/camp_1.png) center no-repeat;
        background-size: cover;
    }
}

::-webkit-input-placeholder {
    text-align: center;
}

:-moz-placeholder {
    /* Firefox 18- */
    text-align: center;
}

::-moz-placeholder {
    /* Firefox 19+ */
    text-align: center;
}

:-ms-input-placeholder {
    text-align: center;
}

#div-perfil {
    overflow: visible !important;
}

#div-estado-cuenta {
    min-height: 100px;
}

#ocultar-mostrar-valores {
    cursor: pointer;
    color: white;
    right: -40px;
    z-index: 1;
    top: -10px;
}

#ocultar-mostrar-valores .arriba {
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #6699cc transparent;
}

#ocultar-mostrar-valores .simbolo {
    cursor: pointer;
    background: #6699cc;
    padding: 0px 5px;
    padding-top: 0px;
    font-size: 20px;
    height: 25px;
}

.valores-ocultos {
    background: #eaeaea;
    display: none;
}

#ocultar-mostrar-valores .abajo {
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #6699cc transparent transparent transparent;
    display: none;
}

#btnLanding:hover {
    background: #1d9adf;
}

#btn_enviar_amas {
    padding: 20px;
    width: 100%;
    font-size: 2em;
}

#btn_enviar_amas {
}
/*+++++++++++++++++++++++++++++++*/

$count: 10;
$time: 2; //in seconds
$size: 100;
$color: #ffffff;
.holder {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: #2d2f48;
}

.preloader {
    /* size */
    width: $size + px;
    height: $size + px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    animation: rotatePreloader $time + s infinite ease-in;
}

@keyframes rotatePreloader {
    0% {
        transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
    }
    100% {
        transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
    }
}

.preloader div {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.preloader div:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0%;
    width: 10%;
    height: 10%;
    background-color: color;
    transform: translateX(-50%);
    border-radius: 50%;
}

#sharedDiv {
    display: none;
    position: absolute;
    border: #e1e1e1 solid 1px;
    background: white;
    border-radius: 5px;
    padding: 5px;
}

@for $i from 1 through $count {
    .preloader div:nth-child(#{$i}) {
        transform: rotateZ(((360 / $count) * ($i - 1)) + deg);
        animation: rotateCircle + $i $time + s infinite linear;
        z-index: $count - $i;
    }
    @keyframes rotateCircle#{$i} {
        #{percentage(((50 / $count) * ($i - 1)) / 100)} {
            opacity: 0;
        }
        #{percentage((((50 / $count) + 0.0001) * ($i - 1)) / 100)} {
            opacity: 1;
            transform: rotateZ((0 - ((360 / $count) * ($i - 2))) + deg);
        }
        #{percentage((((50 / $count) * ($i - 0)) + 2) / 100)} {
            transform: rotateZ((0 - ((360 / $count) * ($i - 1))) + deg);
        }
        #{percentage(((50 + ((50 / $count) * ($i - 0))) + 2) / 100)} {
            transform: rotateZ((0 - ((360 / $count) * ($i - 1))) + deg);
        }
        100% {
            transform: rotateZ((0 - ((360 / $count) * ($count - 1))) + deg);
            opacity: 1;
        }
    }
}

.shape-selected {
    background: #eca816;
}

.white-popup {
    position: relative;
    background: #fff;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

.lee-mas {
    overflow: hidden;
}

#q {
    width: 100%;
}

.titulo_negro_n1 {
    font-family: "St Ryde ligth";
    text-align: justify;
    font-size: 17px;
    letter-spacing: 1px;
    color: #000000;
    font-family: "St Ryde bold";
}

.ver-plazos:hover {
    text-decoration: underline;
}
/*************************************/

.vaca-ino-container {
    position: relative;
    bottom: 0;
    padding: 30px;
    max-width: 700px;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.vaca-ino-container p {
    font-size: 14px;
    font-weight: bold;
}

.img-inscribete {
    width: 20%;
}

@media (max-width: 1199px) {
    .vaca-ino-container .description {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .vaca-ino-container .description {
        font-size: 14px;
    }
}

@media (max-width: 702px) {
    .vaca-ino-container .description {
        font-size: 16px;
    }
}

@media (max-width: 670px) {
    .vaca-ino-container .description {
        font-size: 16px;
    }
}

@media (max-width: 647px) {
    .vaca-ino-container .description {
        font-size: 15px;
    }
}

@media (max-width: 607px) {
    .vaca-ino-container .description {
        font-size: 15px;
    }
}

@media (max-width: 575px) {
    .vaca-ino-container .description {
        font-size: 14px;
    }
}

@media (max-width: 543px) {
    .vaca-ino-container .description {
        font-size: 12px;
    }
}

@media (max-width: 607px) {
    .vaca-ino-container .links {
        font-size: 12px;
    }
}

@media (max-width: 477px) {
    .vaca-ino-container .description,
    .vaca-ino-container .links {
        font-size: 11px;
    }
}

@media (max-width: 450px) {
    .vaca-ino-container {
        padding: 7px !important;
    }
    .vaca-ino-container .description,
    .vaca-ino-container .links {
        font-size: 12px;
    }
}

@media (max-width: 426px) {
    .vaca-ino-container {
        padding: 7px !important;
    }
    .vaca-ino-container .description,
    .vaca-ino-container .links {
        font-size: 11px;
    }
}

@media (max-width: 418px) {
    .vaca-ino-container {
        padding: 7px !important;
    }
    .vaca-ino-container .description,
    .vaca-ino-container .links {
        font-size: 10px;
    }
}

@media (max-width: 360px) {
    .vaca-ino-container {
        padding: 10px !important;
    }
    .vaca-ino-container .description,
    .vaca-ino-container .links {
        font-size: 8px;
    }
}