/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../../fonts/Lato-latin.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../../fonts/Lato-latix-ext.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/*@import url(http://fonts.googleapis.com/css?family=Lato);*/

body{
    /*background-color: #444;     
    background: url(../../img/parallax/back.jpg);*/
    /*background: url(../../img/parallax/pinlayer2.png), url(../../img/parallax/pinlayer1.png), url(../../img/parallax/back.png);*/

    /*PARA QUE CUBRA TODA LA PANTALLA*/
    animation: banner 25s infinite;
    font-family: 'lato';
}
@keyframes banner{
	0%, 20% {
		background: url(../../img/parallax/back1.jpg);
		background-size: cover;
    	background-repeat: no-repeat;
		opacity: 1;
	}
	21%, 40% {
		background: url(../../img/parallax/back2.jpg);
		background-size: cover;
    	background-repeat: no-repeat;
		opacity: 1;
	}
	41%, 60% {
		background: url(../../img/parallax/back3.jpg);
		background-size: cover;
    	background-repeat: no-repeat;
		opacity: 1;
	}
	61%, 80% {
		background: url(../../img/parallax/back4.jpg);
		background-size: cover;
    	background-repeat: no-repeat;
		opacity: 1;
	}
	81%, 100% {
		background: url(../../img/parallax/back5.jpg);
		background-size: cover;
    	background-repeat: no-repeat;
		opacity: 1;
	}
}

.vertical-offset-100 {
    padding-top: 100px;
}

label{
    color:#999999 !important;
    font-weight: 100;
}

h3 {
    font-size: 22px ! important;
}

.btn-primary {
    background: #428BCA;
}