@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: "Montserrat-Regular";
    src: url("fonts/Montserrat-Regular.ttf") format("truetype"), url(fonts/Montserrat-Regular.woff),  url(fonts/Montserrat-Regular.eot), url(fonts/Montserrat-Regular.otf) format("opentype"), url('/fonts/Montserrat-Regular.woff2') format('woff2'),url("fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
	  }
@font-face {
    font-family: "Montserrat-Light";
    src: url(fonts/Montserrat-Light.ttf) format("truetype"), url(fonts/Montserrat-Light.woff),  url(fonts/Montserrat-Light.eot), url(fonts/Montserrat-Light.otf) format("opentype"), url('/fonts/Montserrat-Light.woff2') format('woff2'),url("fonts/Montserrat-Light.svg#Montserrat-Light") format("svg");
	  }

@font-face {
  font-family: 'Montserrat-Italic'; 
  src: url(fonts/Montserrat-Italic.eot) format('embedded-opentype'),url(fonts/Montserrat-Italic.otf) format('otf'),url(fonts/Montserrat-Italic.ttf) format('truetype'), url(fonts/Montserrat-Italic.woff) format('woff'),url(fonts/Montserrat-Italic.woff2) format('woff2'), url(fonts/Montserrat-Italic.svg#Montserrat-Italic) format("svg");
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url(fonts/Montserrat-Bold.ttf) format("truetype"), url(fonts/Montserrat-Bold.woff),  url(fonts/Montserrat-Bold.eot), url(fonts/Montserrat-Bold.otf) format("opentype"), url('/fonts/Montserrat-Bold.woff2') format('woff2'),url("fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg") ;
	  }
@font-face {
  font-family: 'Montserrat-SemiBold';  
  src: url(fonts/Montserrat-SemiBold.eot) format('embedded-opentype'), url(fonts/Montserrat-SemiBold.otf) format('otf'),url(fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold) format('svg'), url(fonts/Montserrat-SemiBold.woff) format('woff'),url(fonts/Montserrat-SemiBold.woff2) format('woff2'), url(fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold) format("svg");
}
@font-face {
  font-family: 'Montserrat-ExtraBold';  
  src: url(fonts/Montserrat-ExtraBold.eot) format('embedded-opentype'),url(fonts/Montserrat-ExtraBold.otf) format('otf'),url(fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold) format('svg'),url(fonts/Montserrat-ExtraBold.woff) format('woff'),url(fonts/Montserrat-ExtraBold.woff2) format('woff2'), url(fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold) format("svg");
}

@font-face {
  font-family: "FontAwesome";
  src: url(fonts/fa-solid-900.ttf) format("truetype"), url(fonts/fa-solid-900.woff),  url(fonts/fa-solid-900.eot), url(fonts/fa-solid-900.otf) format("opentype"), url('/fonts/fa-solid-900.woff2') format('woff2'),url("fonts/fa-solid-900.svg#fa-solid-900") format("svg") ;
	  }
*{
    
    margin:0;
    padding:0; 
    box-sizing:border-box;
    }

img, iframe {
    width:100%;
    display:block;
}
iframe {
    height:50vh;
}
a {
    text-decoration: none;    
}
/*a:hover {
    color:#007881;
   
}*/
body {
    background-color: #fff;
    font-family: "Montserrat-Light";
    font-size:.8rem;
    height:100%;
    color: #000;
    margin:0 !important;
    padding:0; 
}

ul li {
    list-style: none;
    font-size:1rem;
}
h1 {
   font-size:1.2rem;
   
}

h2 {
   font-size:1rem;
   padding: 0 2%; 
}
h4 {
   font-size:.8rem; 
}

h5 {
	font-size:.8rem;
}

p, .masinfo {
    font-size: 1rem;
    padding:2% 0;
    line-height: 1.5rem;
}

.regular {
    font-family: "Montserrat-Regular";
}
.light {
    font-family: "Montserrat-Light";
}
.bold {
    font-family: "Montserrat-Bold";
}

.semibold {
    font-family: 'Montserrat-SemiBold';  
}
.extrabold {
    font-family: 'Montserrat-ExtraBold';  
}

.italic {
     font-family: "Montserrat-Italic";
}
.tipo-main-color {
    color:#007881;
}
.tipo-second-color {
    color:#93cec1;
}

.tipo-third-color {
    color:#023f58;
}

.tipo-white-color {
    color:#fff;
}

.tipo-text-color {
    color:#54565a;
}

.back-main-color {
    background-color:#007881;
}

.back-second-color {
    background-color:#05ad9a;
}

.back-white-color {
    background-color:#fff;
}
.back-head-right {
    background-color:#1c3643;
}

.back-footer-color {
    background-color:#54565a;
}

.back-testimony-color {
    background-color:#e6e6e6;
    padding:4%;
}

.back-cabecera-color {
    background: rgb(0,120,129);
    background: -webkit-linear-gradient(left, rgba(0,120,129,1) 0%, rgba(0,120,129,1) 37%, rgba(28,54,67,1) 54%, rgba(28,54,67,1) 100%);
    background: -o-linear-gradient(left, rgba(0,120,129,1) 0%, rgba(0,120,129,1) 37%, rgba(28,54,67,1) 54%, rgba(28,54,67,1) 100%);
    background: linear-gradient(to right, rgba(0,120,129,1) 0%, rgba(0,120,129,1) 37%, rgba(28,54,67,1) 54%, rgba(28,54,67,1) 100%);
}

.back-main-gradient {
    background: rgb(0,120,129);
    background: -webkit-linear-gradient(left, rgba(0,120,129,1) 0%, rgba(0,120,129,1) 53%, rgba(65,180,152,1) 100%);
    background: -o-linear-gradient(left, rgba(0,120,129,1) 0%, rgba(0,120,129,1) 53%, rgba(65,180,152,1) 100%);
    background: linear-gradient(to right, rgba(0,120,129,1) 0%, rgba(0,120,129,1) 53%, rgba(65,180,152,1) 100%);
}

.botones {
    display:inline-flex;
    flex-flow: column;
    width:100%; 
	margin-bottom:20px;
}
.boton, .boton-unico {
    background-color:#dadada;
    border-radius: 16px;
    color:#000;
    padding: 2% 13%;
    margin:2%; 
    width:96%;    
    
}
.boton a, .boton-unico a {
    display:inline-flex;
    flex-flow: row;
    width:100%;
}

.icono {
    width: 30%;
    height:30%;
    padding: 4%;
}

.boton-white {
    background-color:#fff;
    color:#7c7b7b;
    border-radius:25px;
    padding:2% 4%; 
    
}

.desktop {
    display:none;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}


/*************cabecera común************/
header{
    width:100%;
    height:15vh;
    
}
.cabecera-100 {
    width:100%;
    position:fixed;
    z-index:10;
}
.top-bar {
    width:100%;
    height:24px;
}
.center {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    }


.cabecera {
    width:100%;
    max-width:1200px;    
    padding:8% 4%;
    display:inline-flex;
    flex-flow: row;
    
}

.cmp  {
   flex-basis: 35%;
    padding: 0 4%;
}

.uniteco {
   flex-basis: 50%; 
   padding:0 2%;
}

.respmenu { 
  flex-basis: 15%;
  position: relative;  
  min-height: 1.6rem;
}

.respmenu a {   
  text-decoration: none;
  display: block;
  padding: 10px 20px;
  border-bottom: 2px solid #007881;
 
 
}
.respmenu #check-menu, .respmenu .fa-bars, .respmenu .fa-times {
  position: absolute;  
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  right: 0;
  top: 0; 
}
 
.respmenu .fa-bars, .respmenu .fa-times {
  font-size: 2rem;
  pointer-events: none;
}
 
.respmenu #check-menu {
  opacity: 0; 
}
 

 
.respmenu nav { 
  top:100%;
  right:-200px; 
  width: 170px;  
  position:absolute; 
  transition: all 1s ease-in;
}
 
.respmenu #check-menu:checked ~ nav { 
  transform: translateX(-170px);
}
 
.respmenu #check-menu:checked ~ .fa-bars {
  opacity: 0;
}
 
.respmenu #check-menu:not(:checked) ~ .fa-times {
  opacity: 0;
}



/*************footer común************/
footer p{
   font-size: .8rem;
}

 .pie-logos {
   width:100%; 
   display:inline-flex;
   flex-flow: column;
   justify-content: center;
   padding:4%; 
    
}

.uniteco-pie {
   order:2;
   padding:8% 4%; 
    
   
}

.bloque-yme {
   order:1;
   display:inline-flex;
   flex-flow: row; 
   padding:4%; 
}

.bloque-yme .logo-yme {
   flex-basis: 35%;   
}

.bloque-yme .claim-yme {
    flex-basis: 75%;
    padding:4% 0 2% 4%;    
}

.banda-verde {
    padding:4% 2%;   
    width:100%;
}

.rrss {
   padding:2%; 
}
.rrss-linea {
    display:inline-flex;
    flex-flow: row;
    width:100%;
    justify-content: space-between;
}

.redsocial {
    width:20%;
    padding:3%;
}

.pie-credenciales {
    padding:2%;
}
.small {
    padding:.5% 2%;
    font-size:.7rem;
    line-height: 1rem;
}

/*************main index************/

.bloque-texto {
    padding: 6% 2%;
    width:100%;
    
}

.padding-top-center {
    padding-top:7%;
}

.espacio-letra {
     letter-spacing: 2px;
}

.apes {
    padding: 6% 0;    
    margin:16% 0 1% 0;
    position:relative;
    width:100%;
}

.flotante {
    position:absolute;
    bottom:0;   
    width:30%;
}

.float-left {
    left:10%;
}

.float-right {
    right:5px;
}
.ape-contacto-left {
   text-align:left;
   padding-left:40%; 
    
}

.ape-contacto-right {
   text-align:right;
   padding-right:32%;   
}

.padding-sides-2{
    padding: 0 2%;
}

.bloque-dual {
    margin-bottom:20px;
}

.formulario, .formulario2 {
    padding:2%; 
    
}
.formulario input[type="text"], .formulario input[type="tel"], .formulario input[type="email"] {
    width:96%;
    margin:2%;
    padding:3% 2%;
    border-radius:25px;
    border:1px solid #54565a;
    font-size:1rem;
    outline: none;
    font-family: "Montserrat-Regular";
}

#check1 {
     display:none;   
    } 
    
label#acepto {
	color: #000;
	position: relative;
	top: 0;
	padding: 8px 0 0 26px;
	display: inline-block;
	cursor: pointer;
    font-size:1rem;
}
label#acepto:before {
	content: '';
	display: inline-block;
	background: #007881;
	position: absolute;
	left: 0;
	top: 5px;
	height: 18px;
	width: 18px;
	margin-right: 13px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 3px 0 #999;
	box-shadow: 1px 1px 3px 0 #999;
	box-sizing: border-box;
	border: 9px solid #fff;
	transition: border .3s ease;
}

#check1:checked + label#acepto:before {
	border-color: #fff;
	border-width: 3px;
   
}

#check1 + label#acepto {
	transition: color .7s ease;
    width:96%;
    margin:2%;
    font-family: "Montserrat-Regular";
}

#check1:checked + label#acepto {
	color: #000;
} 

input[type="submit"] {
    width:40%;
    margin:4% 30%;
    padding:3% 2%;
    border-radius:25px;
    border:0;
    font-size:1rem;
    outline: none;
    font-family: "Montserrat-Regular";
    cursor:pointer;
}
.desactivo {
    background-color: #abd5bb;
    cursor:none !important;
}
.activo {
    background-color:#007881;
    cursor:pointer;
}

input[type="hidden"], label[type="hidden"], textarea[type="hidden"], select[type="hidden"] {
    display:none;
}

/*************main beneficios************/
.mascara {
    background-color:#007881;
}
.caja-seguro {
    padding:3%;
    margin:2% 0;
    
}
.caja-seguro .mascara {
    padding:4% 2%;    
}

.mascara a {
	padding: 2%;	
}



/*************main seguros************/

.seguros .tipo-seguro {
    position: relative;
    width:100%;
    MARGIN:2% 0;
}

.texto-tipo-seguro {
    width:100%;
    background-color:rgba(2,121,130,.8);
    padding:4% 8%;
    position:absolute;
    bottom:10%;
}

.texto-tipo-seguro p{
    margin-bottom:10px;
}


.mas-seguros a h2{
    padding:6% 4%;
    margin:4%;
    text-align: center;
}
/*************main quienes somos************/

 .item {        
    padding:6% 4%;
    }

.valor-movil:last-of-type {
    padding-bottom:2%;
}

.valor-movil {
    display:inline-flex;
    flex-flow: row; 
    align-items: center;
    margin:3.3% 20%;
}

.valor-movil img {
    flex-basis: 10%;
   
}

.valor-movil h2 {
    flex-basis: 50%;
   
   
}
.valor-movil .icono-val:not(.especial) {
    width:35%;  
    padding:3% 4%
}
.valor-movil .especial {
     width:40%; 
    padding:3% 4%
}
.icono-filo {
    width:30%;
    margin:0 auto;
    padding:4%
}

.filo {
     padding:6.7% 0;
    }

.propu-texto-movil div {
    padding:7% 2%;
}

.propuesta-movil h1 {
    padding:3% 0 !important;
}

.propuesta-movil li {
    font-size: 1.2rem;
}


input[name="slider-select-element"] {
    display: none;
}

#slider-arrows {
    margin: -10% auto 0 auto;
    width: 90%;
}

#slider-box {
    height: 100%;
    width: 400%;
}

#slider-container {    
    margin: 0 auto;
    overflow: hidden;  
    width: 100%;    
}

.slider-element {
    float: left;
    width: 25%;   
}
#element1:checked ~ #slider-arrows label:nth-child(2),
#element2:checked ~ #slider-arrows label:nth-child(3),
#element3:checked ~ #slider-arrows label:nth-child(4),
#element4:checked ~ #slider-arrows label:nth-child(1)
{
    display: block;
    float: right;
}

#element1:checked ~ #slider-arrows label:nth-child(4),
#element2:checked ~ #slider-arrows label:nth-child(1),
#element3:checked ~ #slider-arrows label:nth-child(2),
#element4:checked ~ #slider-arrows label:nth-child(3){
    display: block;
    float: left;
}

#element1:checked ~ #slider-arrows label:nth-child(2):before,
#element2:checked ~ #slider-arrows label:nth-child(3):before,
#element3:checked ~ #slider-arrows label:nth-child(4):before,
#element4:checked ~ #slider-arrows label:nth-child(1):before{
    color: #e6e6e6;
    content: "\f054";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 100;
    line-height: 1;  
}

#element1:checked ~ #slider-arrows label:nth-child(4):before,
#element2:checked ~ #slider-arrows label:nth-child(1):before,
#element3:checked ~ #slider-arrows label:nth-child(2):before,
#element4:checked ~ #slider-arrows label:nth-child(3):before{
    color: #e6e6e6;
    content: "\f053";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 100;
    line-height: 1;
}


#element1:checked ~ #slider-container #slider-box {
    margin-left: 0;
}

#element2:checked ~ #slider-container #slider-box {
    margin-left: -100%;
}

#element3:checked ~ #slider-container #slider-box {
    margin-left: -200%;
}

#element4:checked ~ #slider-container #slider-box {
    margin-left: -300%;
}

#slider-arrows label {
    color: transparent;
    cursor: pointer;
    display: none;
    font-size: 2rem;
    height: 20px;
    width: 20px;
    margin-top:-100%;
}

#slider-box {
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}

.slider-indicators  {    
   margin:1% auto;    
   width:60%;    
   text-align:center;    
}

.slider-indicators ul li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;  
    cursor: pointer;   
    background-color: rgba(0,0,0,0);
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    list-style: none;
}

#element1:checked ~ .slider-indicators #point1 {
    background-color: #e6e6e6;
}

#element2:checked ~ .slider-indicators #point2 {
    background-color: #e6e6e6;
}

#element3:checked ~ .slider-indicators #point3 {
    background-color: #e6e6e6;
}

#element4:checked ~ .slider-indicators #point4 {
    background-color: #e6e6e6;
}

.testimonios-duo {
    padding:6% 10%;
}

/*************main gracias************/
.gracias  {   
    display: inline-flex;
    flex-flow: row;
    padding:4% 2%;
}
.gracias div:last-of-type {
    flex-basis: 200%;
}
@media only screen and (min-width: 480px) and (max-width: 850px) and (orientation:landscape)  {
    
    h4 {
       font-size:1.3rem; 
    }
    header{
    width:100%;
    height:30vh;
}
    .cabecera {
       padding:4%;
    }
    .boton {
        padding:2% 20%;
    }
    .apes {       
    margin:14% 0 1% 0;
    
}
    .flotante {       
        width:20%;
}

.rrss-linea {    
    width:60%;    
}
}

@media only screen and (min-width: 768px)  {
    
    h1 {
       font-size:1.9rem; 
    }
    
    h2, .propuesta-movil li {
       font-size:1.8rem;  
    }
     h4 {
       font-size:1.7rem; 
    }
    
    header{
      width:100%;
      height:18vh;
  }
 .rrss-linea {    
    width:40%;    
}   
.uniteco-pie {   
    padding: 8% 20%;
}
    
 .boton {
   padding:2% 20%;
    }  
 .boton p {
    font-size: 1.6rem;
    padding-top:10%;
    }
    
 .boton-unico p {
    font-size: 1.6rem;
    padding-top:4%;
    }   
    
.padding-top-center {
    padding-top: 10% !important;
}
    
.apes {       
    margin:10% 0 1% 0;
    
    }
    .flotante {       
        width:25%;
  }
    

  .float-right {
      right:20px;
  }
/*************main quienes somos************/  
 .item {        
    padding:6% 8% 3% 8%;
     margin-bottom:6%;
    }

.valor-movil {    
    margin:3% 30%;
}

.valor-movil img {
    flex-basis: 25%;
   
}

.valor-movil h2 {
    flex-basis: 45%;
   
   
}
.valor-movil .icono-val:not(.especial) {
    width:45%;  
    padding:1% 8%
}
.valor-movil .especial {
     width:50%; 
    padding:1% 9%
}
.icono-filo {
    width:30%;
    margin:0 auto;
    padding:4%
}

.filo {
     padding:3% 0;
    }
    
#slider-arrows label {
   margin-top: -70%;
}    
/*************main seguros************/
.caja-seguro {
    padding:3% 15%;
    margin:2% 0;
    
}
.caja-seguro .mascara {
    padding:4% 2%;
}    
}

@media only screen and (min-width:1024px) {
    
    .movil {
        display:none;
    }
    
    .desktop {
        display:block;
    }
    
    h1 {
       font-size:2rem; 
    }
    
    h2 {
       font-size:1.4rem;       
    }
    h3 {
        font-size: 1.1rem;
    }
    
    h4 {
       font-size:1.3rem; 
    }
    
    footer p{
       font-size: 1rem;
    }
    
    header{
      width:100%;
      height:10vh;
}
 /*************cabecera común************/  
    .cabecera {    
        padding:2% .5% 1% .5%;        
        
    }
    .cmp  {
       flex-basis: 14%;
       padding: 0 2%;
    }

    .uniteco {
       flex-basis: 21%; 
       padding:0 2%;
    }
    
    .menu {
        flex-basis:58%;
        
    }
    .menu ul{
        display:inline-flex;
        flex-flow: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        width:100%;
    }
    .menu ul li {       
        padding:1% 2%;      
       
    }
    
    
    .cincuenta {
       flex-basis: 6%; 
       padding:0 1%;
       
    }
	.cabecera-imagen {
	padding-top:.5%;
}
 /*************footer común************/    
  .pie-logos {
   width:100%; 
   display:inline-flex;
   flex-flow: row;
   justify-content: center;
   padding:4%; 
    
}

.uniteco-pie {
   order:1;
   padding:2.5% 4%; 
   flex-basis: 40%; 
   
}

.bloque-yme {
   order:2;
   flex-basis: 60%;
   display:inline-flex;
   flex-flow: row; 
   padding: 1% 4%; 
   border-left:1px solid #007881;
}

.bloque-yme .logo-yme {
   flex-basis: 35%;   
}

.bloque-yme .claim-yme {
    flex-basis: 75%;
    padding:4% 0 2% 4%;    
}
.banda-verde {
    padding:2% 0;    
    width:100%;
} 
    
 .rrss-linea {    
    width:100%;
    padding:2% 0; 
} 
    
 .redsocial {
    display:inline-flex;
    flex-flow: row;
     padding:0;
     align-items: center;
     
    
    }
    
.redsocial p {
     font-size: .8rem;    
    
    }    
    
 /*************main index************/
    
  .bloque-texto {
    padding:2% 0 0 0;   
    
}  
  .botones {
    display:inline-flex;
    flex-flow: row;
    flex-wrap: nowrap; 
     
}
  .boton {  
   width:31%;
   padding:1% 2%;
   margin: .5% 1%; 
    
}  
 
.boton a {
    width:100%;    
    }
    
.boton-unico {
   width:50% !important;
   margin:.5% 25% !important;
    padding:2% 4%;
    } 
    
.boton p  {
   font-size: 1.2rem;
   padding:5% 10% 2% 1%;
    }   

    
.padding-top-center {
    padding-top:8% !important;
} 
    
.espacio-letra {
     letter-spacing: 5px;
}
    
 .bloque-dual {
     width:100%;
     display:inline-flex;
     flex-flow: row;  
     justify-content: center;
	 margin:20px 0;
    } 
  .apes {
    padding: 4% 0 1% 0;    
    margin:6% 1% 1% 1%;
    flex-basis: 48%;
}

.flotante {       
    width:30%;
   
}


.float-right {
    right:5px;
}  

.formulario, .formulario2 {
   display:inline-flex;
   flex-flow: row;
   flex-wrap: wrap; 
   
} 
    
 .formulario input[type="text"], .formulario input[type="tel"], .formulario input[type="email"], .formulario2 input[type="text"], .formulario2 input[type="tel"], .formulario2 input[type="email"],.formulario2 select {
     flex-basis: 46%; 
     padding:1%;
     font-size: 1rem;
    } 
    
 .formulario input[type="submit"] {
     flex-basis: 20%; 
     padding:1%;     
     order:5;
     margin:1% 28% 1% 2%;
     font-size: 1.2rem;
    }
  .formulario #check1 + label#acepto {	
    flex-basis:46%;    
    order:6;
    font-size: 1rem;
} 

 .formulario2 input[type="submit"] {
     flex-basis: 20%; 
     padding:1%;     
     order:7;
     margin:1% 28% 1% 2%;
     font-size: 1.2rem;
    }
    
.formulario2 #check1 + label#acepto {	
    flex-basis:46%;    
    order:6;
    font-size: 1rem;
} 
 
 /*************main beneficios************/
 .beneficios {
     display:inline-flex;
     flex-flow: row;
     width:100%;
	 
     
    }
    
.seguro {
    background-color:#fff;
} 
    
 .beneficios .seguro {
    flex-basis: 40%;
    margin:0 5%; 
    }
    
.caja-seguro, .tipo-seguro {
    position: relative;
    overflow: hidden;
    width:100%;    
	cursor:pointer;
    padding: 1%;
    margin:0;
    } 
    
.caja-seguro .mascara {      
    background-color:#007881;
	position: absolute;
    width: 98%;
    height: 98%;  
    bottom: 100%;
    z-index: 5;
    padding:5% 4%;
   
}
	
.caja-seguro .mascara a {
	float:right;
	padding-top:10px;
	
}
.easing {
    -webkit-transition: all 800ms cubic-bezier(0.095, 0.435, 0.000, 0.960);
    -moz-transition: all 800ms cubic-bezier(0.095, 0.435, 0.000, 0.960);
    -o-transition: all 800ms cubic-bezier(0.095, 0.435, 0.000, 0.960);
    transition: all 800ms cubic-bezier(0.095, 0.435, 0.000, 0.960);
    cursor:auto;
}

.caja-seguro:hover >.easing {
    bottom:0;
     
} 
    
 .bottom {
    margin-top:10%;    
    }
/*************main seguros************/    
    
 .seguros-desktop  {
      display:inline-flex;
     flex-flow: row;
     flex-wrap: wrap;
	 justify-content:flex-start;
	 width:100%;
	
    }   
    
.seguros-desktop .tipo-seguro  {
    flex-basis: 31%;
   
	
    } 
    
.tipo-seguro:hover >.easing {
    bottom:0;
} 
    
.tipo-seguro .mascara {
    padding-top:10%;  
    background-color:#007881;
	position: absolute;
    width: 100%;
    height: 100%;  
    bottom: -100%;
    z-index: 5;
    padding:4% 0;   
    } 
    
 .tipo-seguro .mascara h2{
    padding-top:10%;
} 
    
.tipo-seguro .mascara p{
    margin-bottom:5%;
}  
  
 .mas-seguros a {
     margin:1%; 
     
    }   
 .mas-seguros a h2{
    padding: 2%;    
    width: 97.40%;
    margin:0 1.15%;
} 
    
/*************main quienes somos************/  
    .val-filo-pro {
        display:inline-flex;
        flex-flow: row;
        flex-wrap: nowrap;
        width:100%;
    }
    
    .val-filo-pro .valores, .val-filo-pro .filosofia, .val-filo-pro .propuesta {
        flex-basis: 32%;        
        padding:2%;
    }
    
    .val-filo-pro .valores {
       margin:2% 1% 2% 0;
    }
    
    .val-filo-pro .filosofia {
       margin:2% 1%;        
    }
    
    .val-filo-pro .propuesta {
       margin:2% 0 2% 1%;
    }    

   
    .icono-val {
        width:30%;
        padding:4%;
        margin:0 auto;
    }
    
    .filosofia p{
       padding:5% 10%; 
    }
    
    .filo {
        padding:8% 0 !important;
    }
    
    .icono-filo {
        width:50%;
        padding:4%;
        margin:0 auto;
    }
        
    .propu {
        display:inline-flex;
        flex-flow: row;
        flex-wrap: nowrap;
        width:100%; 
        position: relative;
    }
    
    .propu hr {
        flex-basis: 1%;
    }
    
    .propu .propu-texto {
        flex-basis: 99%;
        margin-top:6%;
        margin-left:2%;
        
    }
    
    .propu .propu-texto div {
       margin:4% 2% !important; 
        
    }
    
    .vertical {
        width:3px;
        height:850px;  
        background-color: #023f58;
    }
    
    .punto {
        background-color: #023f58;
        padding: 0 2%;
        border-radius:100%;
        position: absolute;
        left:-2%;
    }
    
    .punto1 {
        top:35px;        
    }
    .punto2 {
        top:180px;        
    }
    .punto3 {
        top:278px;        
    }
    .punto4 {
        top:420px;        
    }
    .punto5 {
        top:565px;        
    }
    .punto6 {
        top:710px;        
    }
    
 .testimonios-duo {
     display:inline-flex;
     flex-flow: row;
     width:100%;
     padding:6% 10%;
 }
    
    .testimonio {
        flex-basis: 50%;
        padding:0 2%;
        
    }
    
    .testimonio img {
        width:70%;
        margin:0 auto;
        
    }

    /*************main gracias************/
.gracias  {
    width:60%;
    display: inline-flex;
    flex-flow: row;
    align-items: center;
    margin:0 20%;
}  

    .gracias div:last-of-type {
        flex-basis: 100%;
    }
}

@media only screen and (min-width: 1200px) {
/* .mas-seguros a h2{     
    width: 372px;
 
} */
    .punto1 {
        top:40px;        
    }
    .punto2 {
        top:190px;        
    }
    .punto3 {
        top:290px;        
    }
    .punto4 {
        top:415px;        
    }
    .punto5 {
        top:540px;        
    }
    .punto6 {
        top:690px;        
    }
    .redsocial p {
     font-size: 1rem;   
    
    } 
	
	h5 {
	font-size:1rem;
		padding-bottom:10px;
}
}