Custom Stylesheet */
/**
 * the core Materialize files in the future
 *
 * boton 184 width x 
 * 171
 * Made By MaterializeCSS.com
 */
/*.material-icons{
	animation-duration: 5s;
  animation-name: slidein;
}
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}*/
svg{
	fill: white;
}
.slider-frame3 {
	margin-top: 0px;
	width: auto;
    height: auto;
	margin:0px 0 0;
	overflow: hidden;
}

.slider-frame3 ul {
	display: flex;
	padding: 0;
	width: 100%;
	
	/*animation: slide2 10s infinite alternate ease-in-out;*/
}

.slider-frame3 li {
	width: 100%;
	list-style: none;
}

.slider-frame3 img {
	max-width: 100%;
 	max-height: 100%;
 	width: 100%;
}



.slider-frame2 {
	width: auto;
    height: auto;
	margin:0px 0 0;
	overflow: hidden;
}

.slider-frame2 ul {
	display: flex;
	padding: 0;
	width: 300%;
	
	animation: slide2 10s infinite alternate ease-in-out;
}

.slider-frame2 li {
	width: 100%;
	list-style: none;
}

.slider-frame2 img {
	max-width: 100%;
 	max-height: 50%;
 	width: 100%;
}

@keyframes slide2 {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -50%;}
	45% {margin-left: -50%;}
	
	50% {margin-left: -100%;}
	70% {margin-left: -100%;}
	
	75% {margin-left: -150%;}
	100% {margin-left: -150%;}

	125% {margin-left: -200%;}
	150% {margin-left: -200%;}
}

.slider-frame {
	width: auto;
    height: auto;
	margin:50px auto 0;
	overflow: hidden;
}

.slider-frame ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: slide 12s infinite alternate ease-in-out;
}

.slider-frame li {
	width: 100%;
	list-style: none;
}

.slider-frame img {
	width: 100%;
}

@keyframes slide {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}
.custom-blue {
  background-color: #262262 !important;
}
.custom-green {
  background-color: #129748 !important;
}
.custom-green-5 {
  background-color: #129748 !important;
  /*background-color : transparent;*/
  border-radius: 50px 50px 50px 50px ;

  opacity: 0.9;
}

.btn-floating.btn-large {
  width: 184px;
  height: 171px;
  line-height: 45px;
  font-size: 18px;
 	background: linear-gradient(to right, #262262, #262262);
 	opacity: 0.8; 
 	
  font-family: sans-serif;
  letter-spacing: normal;
  padding: 0;
}
.btn-floating2.btn-large2 {
  width: 75px;
  height: 75px;
  padding: 8px;
  padding-top: -10px;
  /*text-align: center;*/
}
.btn-floating2 {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 8px;
    padding: 0;
    background-color: #26a69a;
    border-radius: 50%;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    cursor: pointer;
    vertical-align: middle;
}

.justify {
  text-align: justify;
}
.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
.custom-delay-blue{
	background: linear-gradient(to bottom, #262262, #129748);
}
.custom-delay-green{
	background: linear-gradient(to bottom, #129748, #262262);
}

.marca{
	background-repeat: no-repeat;
	background: url(../img/logos/isologo.jpg);
  background-repeat:no-repeat;
  background-position-x:center;
  background-position-y:center;
  background-size: 40rem;
	/*opacity: 0.4;*/
}
.marca img{
	background-repeat: no-repeat;
	background: url(../img/logos/isologo.jpg);
  background-repeat:no-repeat;
  background-position-x:center;
  background-position-y:center;
  background-size: 40rem;
	opacity: 0.4;
	position: relative;
}
section {

	position: relative;
	width: 100%;
	height: 100vh;
	/*background: blue;*/
	background-size:auto;
	background: url(../img/01/mexico.jpg);

	overflow: hidden;
}
section .wave{
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	height: 100px;
	background: url(./wave.png);
	background-size:1000px 100px;  
}
section .wave.wave1 {
	animation: animate 30s linear infinite;
	z-index: 1000;
	animation-delay:-5s;
	opacity: 1;
	bottom: 0;

}
section .wave.wave2 {
	animation: animate2 15s linear infinite;
	z-index: 999;
	animation-delay: -10s;
	opacity: 0.5;
	bottom: 10px;

}
section .wave.wave3 {
	animation: animate3 10s linear infinite;
	z-index: 998;
	animation-delay: -15s;
	opacity: 0.7;
	bottom: 25px;

}
section .wave.wave4 {
	animation: animate4 3s linear infinite;
	z-index: 997;
	animation-delay: -20s;
	opacity: 0.8;
	bottom: 35px;

}
@keyframes animate {

	0%
	{
		background-position-x:0;
	}
	100%
	{
		background-position-x:1000px;
	}
}
@keyframes animate2 {

	0%
	{
		background-position-x:0;
	}
	100%
	{
		background-position-x:-1000px;
	}
}
@keyframes animate3 {

	0%
	{
		background-position-x:0;
	}
	100%
	{
		background-position-x:-1000px;
	}
}

@keyframes animate4 {

	0%
	{
		background-position-x:0;
	}
	100%
	{
		background-position-x:1000px;
	}
}

@media (max-width: 1800px) {

.slider-frame2 {
	width: auto;
    height: auto;
	margin:0px 0 0;
	overflow: hidden;
}
.slider-frame2 ul {
	display: flex;
	padding: 0;
	width: 600%;
	
	animation: slide2 10s infinite alternate ease-in-out;
}

.slider-frame2 li {
	width: 300%;
	list-style: none;
}
.slider-frame2 img {
	max-width: 100%;
 	max-height: 100%;
 	width: 200%;
 	height: 200%;
}

}


/*@media only screen and (max-width: 400px) {



	
}