.cabecero{

    background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) ), url("../img/cabecero.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.tel{ text-align: right; color:#333;font-weight: 500; font-size: 1.8em;     font-family: 'Quicksand', sans-serif;  padding-top: 15px;  padding-right: 5%;
    line-height: 1.125em}
.tel a{  font-weight: 700; color:#333; font-size: 1.25em;}

.tel .texto_tellamamos {
    font-size: 0.8em;
}

.relleno_azul{ padding: 45px 25px 80px 25px !important; background-color:rgba(0, 104, 174, 0.8);  text-align: center;
}

.relleno_azul_abajo{opacity: 0.8;
                   border-left: 50px solid transparent;
                    border-right: 50px solid transparent;
                    border-bottom: 0px solid #0a3c5e;
                    border-top: 56px solid #0a3c5e;
                    height: 200px;
  /*                
height: 0;
border-style: solid;
border-width: 147px 240px 0 244px;
    border-color: #0068AE transparent transparent transparent;
    margin-bottom: 15%;*/


}
.relleno_azul h2{ font-weight: 700; font-size: 2em; color:#fff; padding-bottom: 15px;}
.relleno_azul h3{ font-weight: 700; font-size: 1.4em; color:#fff; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.titulo_form{ color:#fff; padding-bottom: 15px; font-size: 1.2em; font-weight: 700; letter-spacing: 1px; }
.btn_solicitar{ background-color: transparent; border: 1px solid #fff; color:#fff;}
.btn_solicitar:hover{ background-color:#143c6b!important;  border: 1px solid #143c6b!important; color:#fff!important;}


.margen_titular{margin-top: 7rem;}

h1{
    font-size: 3.8em;
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 100%;
    text-shadow: -1px 0 #000, 1px 0 #000, 0 1px #000, 0 -1px #000;
    padding-top: 30px;
}





.boton_redondo{
    border-radius: 25%!important;  /*Estandar   */
    -ms-border-radius: 25%!important;  /* IE8   */ 
    -moz-border-radius: 25%!important;  /* firefox   */  
    -webkit-border-radius: 25%!important;  /*safari   */  
    -khtml-border-radius: 25%!important; /* Konqueror   */ }



.gratis h2{ color:#0068ae; }
.card {   border: none;}



.hvr-push:hover img{ -webkit-transform: scale(1.1);

                     -ms-transform:  scale(1.1);

                     transform: scale(1.1);
                     transition-duration: 0.8s;

                     -webkit-transition-property: transform;

                     transition-property: transform;
}



/*------------------animacion CARD-----------------------*/


.productos h2{ color:#0068ae; }
.productos h3{ color:#0068ae;  margin-bottom: 30px;}
.productos h4{ color:#0068ae; }

.card{ text-align: center; background-color:transparent; margin-top: 30px;}
.card-text{font-size:1.2em;} 


.cobertura h2{ color:#0068ae; margin-top: 40px;}

ul.list-items li i {    padding-right: 5px;    color: #3298fd;}
ul.list-items{ font-size: 1.3em;}
ul.list-items li{ margin-top: 8px;}

.dudas h2{ color:#fff; text-align: center; padding-bottom: 30px; }
.fondo_azul{ background-color:#0068AE;  padding-top: 40px; padding-bottom: 40px;}





/*------- CS STYLE 5-----*/
.caja {
    display: inline-block;	
    margin: 0;	
    text-align: left;
    position: relative;
}

.cs-style-5 figure {
    margin: 0;
    position: relative;
}
.cs-style-5 img {
    max-width: 100%;
    display: block;
    position: relative;
}
.cs-style-5 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}
.caja  figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #2c3f52;
    color: #ed4e6e;
}

.caja  figcaption h3 {
    margin: 0;
    padding: 0;
    color: #fff;
}

.caja figcaption span:before {
    content: 'by ';
}

.caja figcaption a {
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    background: #ed4e6e;
    color: #fff;
}






.cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
    -webkit-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -ms-transform: scale(0.0);
    transform: scale(0.0);
}

.cs-style-5 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.cs-style-5 figure a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.card {   }
.card img:hover{
  
         -moz-transform: rotate(-360deg);
         -o-transform: rotate(-360deg);
         -webkit-transform: rotate(-360deg);
         transform: rotate(-360deg);
      -moz-transition: all 300ms ease-out 20ms;
-webkit-transition: all 300ms ease-out 20ms;
-o-transition: all 300ms ease-out 20ms;
transition: all 300ms ease-out 20ms;
   
}


#f_cont a, #f_cont a:hover {
    color: #fff;
}

#f_llamada a, #f_llamada a:hover {
    color: #fff;
}

#f_llamada #politica {
    margin-bottom: 15px;
}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
    
    .relleno_ambos {    padding-top: 30px;    padding-bottom: 30px;}
    .tel {      font-size: 1.1em;  }
    h1 {    font-size: 1.8em; text-align: center; padding-bottom: 20px;}
    ul.list-items{ font-size: 1em;}
     .tel p{ text-align: center;}
     .relleno_azul h2{ font-size: 1.6em;}
     
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    h1 {    font-size: 2.2em; }
    .relleno_ambos {    padding-top: 30px;    padding-bottom: 30px;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
  
    .relleno_ambos {    padding-top: 30px;    padding-bottom: 30px;}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
    
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px)and (max-width: 1300px) { 
   

}
/* Extra large devices (large desktops, 1300px and up)*/
@media (min-width: 1300px) { 
   .relleno_azul, .relleno_azul_abajo{ margin-right: 20%;}
   

}