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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, caption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  line-height: initial;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }
body {
  line-height: 20px;
  font-family: Josefin Sans;
  font-weight: 300;
  font-size: 15px; }
html {font-family: Josefin Sans; }

.bg_blanco {background-color: #fff; }
.bg_blanco2{background: rgba(255, 255, 255, 0.637);}
.bg_azul {background: #00acfb; }
.bg_gris{background: #4f5258;}
.bg_azulclaro {background: #eef5ff; }
.bg_azul-claro-medio{background: #d9ebff;}
.bg_azul-oscuro{background: #00448c;}
.bg_azul-mas-oscuro{background: #2b2838;}
.bg_azul-medio{background: #007cff;}

.color-blanco{color: #fff;}
.color-gris {color: #4f5258;}
.color-azul{color: #00acfb;}
.color-azul-medio{color: #007cff;}
.color-azul-oscuro{color: #00448c;}

.sin_m{margin: 0px;}
.sin_p{padding: 0px;}

b{font-weight: bold;}


/* banner */

.banner{
    background: url('../img/banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5% 0;
    background-position-y: 50%;
}
.banner .cont-text{
    padding: 0 3% 0 0;
}
.banner .cont-text h1{
    font-size: 60px;
    line-height: 65px;
    margin: 5% 0 3% 0;
}
.banner .cont-text hr{
    background: #fff;
    margin: 2% 2% 2% 0;
}
.banner .cont-text h2{
    font-size: 30px;
    line-height: 38px;
    margin: 3% 0;
}
.banner .cont-text img{
    width: 200px;
}

.banner .cont-frame .cont-titulo{
  position: relative;
  top:50px;}

.banner .cont-frame{
    border-radius: 2%;
    width: 23%;
    height: 420px;
    background:#fff;
}
.banner .cont-frame iframe{
    width: 90%;
    height: 340px !important;
    margin-top: 65px;}
.banner .cont-frame h2{
    font-size: 35px;
    line-height: 40px;
    font-weight: 600;
}

/* fin banner */

/* respaldo */
.respaldo{
    margin: 5% 0;
}

.respaldo h2{
    font-size: 30px;
    line-height: 38px;
    margin: 3% 0;
}

.respaldo img{
    width: 100px;
    margin: 5% 0;
}
.respaldo h3{
    font-size: 23px;
    line-height: 38px;
    margin: 3% 0;
    font-weight:700 !important;
}
/* fin respaldo */

/* footer */
footer a{
	text-decoration:none;
	line-height:20px;
}

/* fin footer */
@media(max-width:1830px){
    .banner .cont-frame iframe{height: 340px !important;margin-top: 80px;}
    .banner .cont-frame .cont-titulo{top:60px;}
}

@media(max-width:1650px){
    .banner .cont-text h1{font-size: 55px;line-height: 55px;}
    .banner .cont-text h2, .respaldo h2{font-size: 28px;line-height: 35px;}
    .banner .cont-text img{width: 180px;}
    .banner .cont-text{padding: 0 2% 0 0;}
    
    .banner .cont-frame h2{font-size: 30px;line-height: 38px;}
    .respaldo img{width: 80px;}
    .respaldo h3{font-size: 21px;line-height: 35px;}
}

@media(max-width:1450px){
    .banner .cont-text h1{font-size: 50px;line-height: 55px;}
    .banner .cont-text h2, .respaldo h2{font-size: 25px;line-height: 30px;}
    .banner .cont-text img{width: 160px;}
    .banner .cont-text{padding: 0 2% 0 0;}
    .banner .cont-frame{width: 27%;}
    .banner{padding: 3% 0;}
    
    .banner .cont-frame h2{font-size: 27px;line-height: 35px;}
    .respaldo img{width: 75px;}
    .respaldo h3{font-size: 19px;line-height: 30px;}
}

@media(max-width:1200px){
    .banner .cont-text h1{font-size: 45px;line-height: 45px;}
    .banner .cont-text h2, .respaldo h2{font-size: 23px;line-height: 27px;}
    .banner .cont-text img{width: 150px;}

    .banner .cont-frame{width: 34%;}
    
    .banner .cont-frame h2{font-size: 25px;line-height: 30px;}
    .respaldo img{width: 70px;}
    .respaldo h3{font-size: 17px;line-height: 26px;}
}

@media(max-width:991px){
    .banner .cont-text h1{font-size: 40px;line-height: 40px;}
    .banner .cont-text br{display: contents;}
    .banner .cont-text h2, .respaldo h2{font-size: 21px;line-height: 27px;}
    .banner .cont-text img{width: 150px;}

    .banner .cont-frame{width: 45%;}
    .banner .cont-frame iframe{width: 95%;}
    
    .banner .cont-frame h2{font-size: 22px;line-height: 27px;}
    .respaldo img{width: 70px;}
    .respaldo h3{line-height: 23px;}
}
@media(max-width:767px){
    .banner .cont-text {padding: 0 0 0 0;display: flex;flex-direction: column;align-items: center;}
    .banner .cont-text h1{font-size: 30px;line-height: 32px;text-align: center;margin: 1% 0;}
    .banner .cont-text br{display: contents;}
    .banner .cont-text h2, .respaldo h2{font-size: 19px;line-height: 23px;text-align: center;margin: 1% 0;}
    .banner .cont-text img{width: 140px;margin: 1% 0 10% 0;}

    .banner .cont-frame{width: 60%;}
    .banner .cont-frame iframe{width: 95%;}
    
    .banner .cont-frame h2{font-size: 20px;line-height: 27px;}
    
    .hidden-sm{display:none !important}
	.hidden-xs{display:none !important}
}

@media(max-width:576px){
    .banner .cont-frame{width: 90%;}

    .banner{padding-bottom: 10%;}
}