/* =================================================
  					Global
====================================================*/  

.banderas{
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 10px;
}

.fasocial{
	font-size:20px;
}

#breadcrumbs{   
    text-align: left;
    padding: 30px 0 100px 0;
    position: relative;
    
    background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
    background-size: cover;

}


.logoblanco {
    width: 170px;
    height: 90px;
   /* background: url(../images/logonew.PNG) no-repeat top;*/
    background-size: 100% 100%;
    float: right;
    
}

#header .social{
	float:left;
}

#header .social a {
    width: 30px;
    height: 30px;
    background: #fff;
    line-height: 34px;
    display: block;
    text-align: center;
    font-size: 13px;
    color: #252525;
    border-radius: 100%;
}


#portfolio.single .website .button{
	padding: 12px 25px;
}

.button{
    text-transform: none; 
    font-size: 14px; 
}

.paddingsection{
    padding:50px;
   
}

.textwhite{
    color:white;
}
.textup{
    font-size: 20px;
}

/*.paddingtop{padding-top: 20px;}*/

.paddinglr{
    padding: 0 1%;
}
/* =================================================
                    Global
====================================================*/  

/* =================================================
                    Global
====================================================*/  

/*#statics .beneficioimage1 {
    position: absolute;
    right: 0px;
    height: 100%;
    top: 0px;
    background: url(../images/beneficios/1.jpg) no-repeat scroll center center / cover;
    width: 48%;
    border-left: 5px solid #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}*/

/* =================================================
                    Sectiones
====================================================*/ 


#beneficios1{
    background: black;
}

#beneficios1 ul{
    padding: 120px 40px 0px 40px;
}

#beneficios1 ul li{
    padding: 10px 0px;
}



.figuresection{
    width: 100%;
    height:524px;
    position: relative;
}

.beneficioimg1{
    width: 100%;
    position: relative;
     box-shadow: 0 0 9px black;
}

.deletemargin{
    margin-right: 0;
}

.caption{
    font-family: 'Marck Script', cursive;
    font-size:70px;
    font-weight: 400;
    color: #fcf8e3;
    text-shadow: 3px 5px 3px black;
    background: #00000075;
}
.textimg1{
    position: absolute;
    bottom:20px;
    text-align: center;
    color: white;
    padding: 0;
}


/* =================================================
                  Animacion #1
====================================================*/ 

.chancebgone{
    background: url(../images/beneficios/q1.jpg)no-repeat;
    background-size: 100% 100%;
}
.chancebgone{

  
  -webkit-animation:10s chancebgone infinite;
  -moz-animation:10s chancebgone infinite;
  -ms-animation:10s chancebgone infinite;
  -o-animation:10s chancebgone infinite;
  animation:10s chancebgone infinite;
}

@-webkit-keyframes chancebgone{
  0%{
    background: url(../images/beneficios/q1.jpg)no-repeat;
    background-size: cover;
  }
  33.3%{
    background: url(../images/beneficios/q2.webp)no-repeat;
    background-size: cover
  }

  66.6%{
    background: url(../images/beneficios/q3.webp)no-repeat;
    background-size: cover;
  }
 
}

@-moz-keyframes chancebgone{
  0%{
    background: url(../images/beneficios/q1.jpg)no-repeat;
    background-size: 100% 100%;
  }
  33.3%{
    background: url(../images/beneficios/q2.webp)no-repeat;
    background-size: 100% 100%;
  }

  66.6%{
    background: url(../images/beneficios/q3.webp)no-repeat;
    background-size: 100% 100%;
  }
}


@keyframes chancebgone{
  0%{
    background: url(../images/beneficios/q1.jpg)no-repeat;
    background-size: 100% 100%;
  }
  33.3%{
    background: url(../images/beneficios/q2.webp)no-repeat;
    background-size: 100% 100%;
  }

  66.6%{
    background: url(../images/beneficios/q3.webp)no-repeat;
    background-size: 100% 100%;
  }

 
}

@-o-keyframes chancebgone{
  0%{
    background: url(../images/beneficios/q1.jpg)no-repeat;
    background-size: 100% 100%;
  }
  33.3%{
    background: url(../images/beneficios/q2.webp)no-repeat;
    background-size: 100% 100%;
  }

  66.6%{
    background: url(../images/beneficios/q3.webp)no-repeat;
    background-size: 100% 100%;
  }

}




/* =================================================
                  Animacion #2
====================================================*/ 

.chancebgtwo{
    background: url(../images/beneficios/2.jpg)no-repeat;
    background-size: 100% 100%;
}
.chancebgtwo{
  -webkit-animation:10s chancebgtwo infinite;
  -moz-animation:10s chancebgtwo infinite;
  -ms-animation:10s chancebgtwo infinite;
  -o-animation:10s chancebgtwo infinite;
  animation:10s chancebgtwo infinite;
}

@-webkit-keyframes chancebgtwo{
  0%{
    background: url(../images/beneficios/2.jpg)no-repeat;
    background-size: 100% 100%;
  }
  50%{
    background: url(../images/beneficios/c2.jpg)no-repeat;
    background-size: 100% 100%;
  }

  
 
}

@-moz-keyframes chancebgtwo{
  0%{
    background: url(../images/beneficios/2.jpg)no-repeat;
    background-size: 100% 100%;
  }
  50%{
    background: url(../images/beneficios/c2.jpg)no-repeat;
    background-size: 100% 100%;
  }

 
}


@keyframes chancebgtwo{
  0%{
    background: url(../images/beneficios/2.jpg)no-repeat;
    background-size: 100% 100%;
  }
  50%{
    background: url(../images/beneficios/c2.jpg)no-repeat;
    background-size: 100% 100%;
  }

 

 
}

@-o-keyframes chancebgtwo{
  0%{
    background: url(../images/beneficios/2.jpg)no-repeat;
    background-size: 100% 100%;
  }
  50%{
    background: url(../images/beneficios/c2.jpg)no-repeat;
    background-size: 100% 100%;
  }



}


/* =================================================
                  Animacion #3
====================================================*/ 

.chancebgthree{
    background: url(../images/beneficios/3.jpg)no-repeat;
    background-size: 100% 100%;
}
.chancebgthree{
  -webkit-animation:10s chancebgthree infinite;
  -moz-animation:10s chancebgthree infinite;
  -ms-animation:10s chancebgthree infinite;
  -o-animation:10s chancebgthree infinite;
  animation:10s chancebgthree infinite;
}

@-webkit-keyframes chancebgthree{
  0%{
    background: url(../images/beneficios/3.jpg)no-repeat;
    background-size: 100% 100%;
  }
  50%{
    background: url(../images/beneficios/s2.jpg)no-repeat;
    background-size: 100% 100%;
  }

  
 
}

@-moz-keyframes chancebgthree{
  0%{
    background: url(../images/beneficios/3.jpg)no-repeat;
    background-size: 100% 100%;
  }
  50%{
    background: url(../images/beneficios/s2.jpg)no-repeat;
    background-size: 100% 100%;
  }

  
}


@keyframes chancebgthree{
  0%{
    background: url(../images/beneficios/3.jpg)no-repeat;
    background-size: 100% 100%;
  }
  50%{
    background: url(../images/beneficios/s2.jpg)no-repeat;
    background-size: 100% 100%;
  }

  

 
}

@-o-keyframes chancebgthree{
  0%{
    background: url(../images/beneficios/3.jpg)no-repeat;
    background-size: 100% 100%;
  }
  50%{
    background: url(../images/beneficios/s2.jpg)no-repeat;
    background-size: 100% 100%;
  }

  

}


/* =================================================
                  Animacion #4
====================================================*/ 

.chancebgfour{
    background: url(../images/beneficios/4.jpg)no-repeat;
    background-size: 100% 100%;
}
.chancebgfour{
  -webkit-animation:10s chancebgfour infinite;
  -moz-animation:10s chancebgfour infinite;
  -ms-animation:10s chancebgfour infinite;
  -o-animation:10s chancebgfour infinite;
  animation:10s chancebgfour infinite;
}

@-webkit-keyframes chancebgfour{
  0%{
    background: url(../images/beneficios/4.jpg)no-repeat;
    background-size: 100% 100%;
  }
  50%{
    background: url(../images/beneficios/c3.jpg)no-repeat;
    background-size: 100% 100%;
  }

  
 
}

@-moz-keyframes chancebgfour{
  0%{
    background: url(../images/beneficios/4.jpg)no-repeat;
    background-size: 100% 100%;
  }
  50%{
    background: url(../images/beneficios/c3.jpg)no-repeat;
    background-size: 100% 100%;
  }

  
}


@keyframes chancebgfour{
  0%{
    background: url(../images/beneficios/4.jpg)no-repeat;
    background-size: 100% 100%;
  }
  50%{
    background: url(../images/beneficios/c3.jpg)no-repeat;
    background-size: 100% 100%;
  }

  

 
}

@-o-keyframes chancebgfour{
  0%{
    background: url(../images/beneficios/4.jpg)no-repeat;
    background-size: 100% 100%;
  }
  50%{
    background: url(../images/beneficios/c3.jpg)no-repeat;
    background-size: 100% 100%;
  }

  

}


/*=======================
  Responssive
=========================*/ 


@media (min-width: 768px) and (max-width: 991px) {
       

}


@media (max-width: 480px) {
       .caption{
      font-family: 'Marck Script', cursive;
      font-size:45px;
      font-weight: 400;
      color: #fcf8e3;
      text-shadow: 3px 5px 3px black;
      background: #00000075;
      background-size: 100%;

      width: 100%;
  }

    .fguraaltura{
      height: 400px;
    }

    .paddingsection{
      padding:20px;
     
    }
     .htext{
      font-size: 28px;

     }
      #beneficios1 ul li {
       font-size: 19px;
    }

      .logoblanco {
      width: 170px;
      height: 90px;
      background: url(../images/logonew.PNG) no-repeat top;
      background-size: 100% 100%;
      margin: auto;
      float: none;
  }
}