@charset "UTF-8";
/* CSS Document */
body{
    font-size:16px;
    font-family: 'Futura LT';
}
.bg-primary{
    background: #f00 !important;
}
.text-primary{
    color: #213480 !important;
}
.fondo-conocenos{
    background: rgba(39,61,151,1);
    background: -moz-linear-gradient(top, rgba(39,61,151,1) 0%, rgba(23,35,91,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(39,61,151,1)), color-stop(100%, rgba(23,35,91,1)));
    background: -webkit-linear-gradient(top, rgba(39,61,151,1) 0%, rgba(23,35,91,1) 100%);
    background: -o-linear-gradient(top, rgba(39,61,151,1) 0%, rgba(23,35,91,1) 100%);
    background: -ms-linear-gradient(top, rgba(39,61,151,1) 0%, rgba(23,35,91,1) 100%);
    background: linear-gradient(to bottom, rgba(39,61,151,1) 0%, rgba(23,35,91,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273d97', endColorstr='#17235b', GradientType=0 );
}
.veta-espa{
    margin-top: 10em;
}
.logo img{
    max-width: 480px;
    width: 100%;
}
.campana img{
    max-width: 1100px;
    width: 100%;
}
.container{
    max-width: 1325px !important;
}
.f-ventajas{
    background: url("../images/f-neneficios-gerencia-al-dia.jpg") right top no-repeat;
    height: 800px;
}
.f-pie{
    background: url("../images/gerencia-logo-frag-pie.png") no-repeat left bottom;
    padding: 8em 0 10em 0;
}
.lista ul li{
    color: #213480;
    margin-bottom: 1.5em;
    font-size: 1.1em;
    list-style:url("../images/vineta1.png") outside;
    padding-left: 0.5em;
}
.lista2 ul li{
    color: #213480;
    margin-bottom: 1.5em;
    font-size: 1.1em;
    list-style:url("../images/vineta2.png") outside;
    padding-left: 0.5em;
}
.borde-gd{
    border: 1px solid #86858a;
    border-radius: 10px;
}
.circulo {
    width: 1em;
    height: 1em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #213480;
}
.circulo-act {
    width: 1em;
    height: 1em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #213480;
}
.s-espace{
    margin-top: 20em;
}
.servicio-person{
    position: absolute; top: -40px;
}
.servicio-person img{
    max-width: 650px;
}
.posicion{
    position: relative;
}
/* ==========================================================================
   Textos
   ========================================================================== */

h1{
}
h2{
    color: #f1c900;
    font-size: 2.4em;
}
h3{
}
h4{
}
h5{
}
h6{
    font-size: 0.9em;
}
p{
    font-size: 1.1em;
}
/* ==========================================================================
   Textos
   ========================================================================== */

/* ==========================================================================
   banners
   ========================================================================== */

/* ==========================================================================
   banners
   ========================================================================== */


/* ==========================================================================
  inputs
   ========================================================================== */
input.errorTag{
    outline-color: red;
}

input[type=text]{
    width: 100%;
    font-size: 1.25em;
    padding: 1.2em 2em;
    border-radius: 10px;
    border: 0;
    color: #213480 !important;
    text-transform: uppercase;
}
textarea{
    width: 100%;
    font-size: 1.25em;
    padding: 1.2em 2em;
    border-radius: 10px;
    border: 0;
    color: #213480 !important;
    text-transform: uppercase;
    height: 8em;
}
input[type=button]{
    background: #edbd00;
    font-size: 1.5em;
    color: #213480 !important;
    padding: 0.5em 2em;
    font-family: 'FuturaLT-Heavy';
    border: 0;
    border-radius: 5px;
}
/* ==========================================================================
  inputs
   ========================================================================== */


/* ==========================================================================
   font-face
   ========================================================================== */
@font-face {
    font-family: 'open_sansbold';
    src: url('../fuentes/opensans-bold-webfont.woff2') format('woff2'),
        url('../fuentes/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Futura LT';
    src: url('../fuentes/FuturaLT.woff2') format('woff2'),
        url('../fuentes/FuturaLT.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuturaLT-Heavy';
    src: url('../fuentes/FuturaLT-Heavy.woff2') format('woff2'),
        url('../fuentes/FuturaLT-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuturaLT-Oblique';
    src: url('../fuentes/FuturaLT-Oblique.woff2') format('woff2'),
        url('../fuentes/FuturaLT-Oblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FuturaLT-Condensed';
    src: url('../fuentes/FuturaLT-Condensed.woff2') format('woff2'),
        url('../fuentes/FuturaLT-Condensed.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuturaLT-Bold';
    src: url('../fuentes/FuturaLT-Bold.woff2') format('woff2'),
        url('../fuentes/FuturaLT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
  font-face
   ========================================================================== */
/* ==========================================================================
  Queris
   ========================================================================== */






@media (max-width:1958px) {
    body{
        font-size:14px;
        font-family: 'Futura LT';
    }
    .campana img{
        max-width: 1000px;
        width: 100%;
    }
    .servicio-person{
        position: absolute; top: -15px;
    }
    .servicio-person img{
        max-width: 650px;
    }
}
@media (max-width:1655px) {
    .campana img{
        max-width: 900px;
        width: 100%;
    }
    .container{
        max-width: 1300px !important;
    }
    .s-espace{
        margin-top: 16.8em;
    }
    .f-ventajas{
        background: url("../images/f-neneficios-gerencia-al-dia2.jpg") right top no-repeat;
        height: 700px;
    }

}
@media (max-width:1356px) {
    .campana img{
        max-width: 900px;
    }
    .logo img{
        max-width: 400px;
        width: 100%;
    }
    .s-espace{
        margin-top: 14em;
    }
    .servicio-person{
        position: absolute; top: 76px;
    }
    .servicio-person img{
        max-width: 550px;
    }
    .f-ventajas{
        background: url("../images/f-neneficios-gerencia-al-dia3.jpg") right top no-repeat;
        height: 700px;
    }

}
@media (max-width:1269px) {
    .servicio-person{
        position: absolute; top: 98px;
    }
    .servicio-person img{
        max-width: 550px;
    }
    .f-ventajas{
        background: url("../images/f-neneficios-gerencia-al-dia4.jpg") right top no-repeat;
        height: auto;
    }
}
@media (max-width: 1230px){
    .campana img{
        max-width: 700px;
    }
    .container{
        max-width: 900px !important;
    }
    .logo img{
        max-width: 300px;
        width: 100%;
    }
    .s-espace{
        margin-top: 4em;
    }
    .servicio-person{
        position: absolute; top: -40px;
    }
}
@media (max-width: 1179px){
    .f-ventajas{
        background: url("../images/f-neneficios-gerencia-al-dia5.jpg") right top no-repeat;
        height: auto;
    }
    .servicio-person{
        position: absolute; top: 36px;
    }
    .servicio-person img{
        max-width: 500px;
    }
}
@media (max-width: 1067px){
    .servicio-person{
        position: absolute; top: 83px;
    }
    .servicio-person img{
        max-width: 500px;
    }
}
@media (max-width: 991px){
    body{
        font-size:12px;
        font-family: 'Futura LT';
    }
    .veta-espa{
        margin: 2em 0;
    }

    .f-ventajas{
        background:#c6d7df;
    }
    .servicio-person{
        position:static;
    }
    .servicio-person img{
        position: static;
        max-width: 300px;
    }
}


/* ==========================================================================
  Queris
   ========================================================================== */



/* ==========================================================================
  Owl
   ========================================================================== */

.owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #213480;
}