body {
	font-family: 'Asap', sans-serif;
	overflow: hidden;
}

.en {
	display: none;
}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: #f0f1f1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMGYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmFiYWJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #f0f1f1 0%, #bababa 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f0f1f1), color-stop(100%,#bababa));
	background: -webkit-radial-gradient(center, ellipse cover,  #f0f1f1 0%,#bababa 100%);
	background: -o-radial-gradient(center, ellipse cover,  #f0f1f1 0%,#bababa 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #f0f1f1 0%,#bababa 100%);
	background: radial-gradient(ellipse at center,  #f0f1f1 0%,#bababa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f1', endColorstr='#bababa',GradientType=1 );
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../img/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}


h1 {
	font-family: 'Asap', sans-serif;
	font-size: 25px;
	line-height: 28px;
	margin-top: 23px;
}

.home, .contacto {
	width: 100%;
	height: 100%;
	position: absolute;
}

.home {
background: #f0f1f1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMGYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmFiYWJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #f0f1f1 0%, #bababa 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f0f1f1), color-stop(100%,#bababa));
background: -webkit-radial-gradient(center, ellipse cover,  #f0f1f1 0%,#bababa 100%);
background: -o-radial-gradient(center, ellipse cover,  #f0f1f1 0%,#bababa 100%);
background: -ms-radial-gradient(center, ellipse cover,  #f0f1f1 0%,#bababa 100%);
background: radial-gradient(ellipse at center,  #f0f1f1 0%,#bababa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f1', endColorstr='#bababa',GradientType=1 );
}

.contacto {
	background: blue;
	top: 100%;
	position: absolute;
}

.contacto iframe {
	width: 100%;
	height: 100%;

}

.bloco_logo {
	margin-top: 3%;
	height: 5%;
}


.bloco_social {
	margin-top: 10%;
	height: 5%;
}
.bloco_social img {
	padding: 1px;

}

.bloco_social img:hover {
	padding: 0px;
	border-radius: 99px;
	background-color: #2c8fbd;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

.block_bar {
border-bottom: 1px solid black;
margin-left: 45%;
width: 10%;
height: 4%;
margin-top: 5%;
	}

.bloco_come {
	text-align: center;
	margin-top: 2%;
	height: 5%;
}

.contacto {
	background: url(../img/bg.png);
	}


.bloco_contacto {
	background: url(../img/bg.png);
	height: 100%;
	position: absolute;
	color: #d0d2d3;
	font-family: 'Asap', sans-serif;
	font-size: 20px;
	padding: 4%;

}

.bloco_contacto a.scrollup {
	margin-top: 20px;
	margin-bottom: 20px;
	background: url(../img/logo2.png) no-repeat;
	display: block;
	width: 100%;
	height: 85px;
}

.bloco_contacto a.scrollup:hover {
	background: url(../img/scrollup2.png) no-repeat;
}

.bloco_contacto p{
	font-size: 18px;
	font-weight: lighter;
}

a.scrolldown:hover img {
	border: 1px solid #2c8fbd;
	border-radius: 99px;
}

.down {
	height: 20px;
	text-align: center;
	display: block;

}

.down img{
	opacity: 0;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    	margin-left: auto;
	margin-right: auto;
}

.down.active img{
	opacity: 1;
}


.down1 img{
	-webkit-transition-delay: 0;
	-moz-transition:0;
    -o-transition: 0;
    -ms-transition: 0;
    transition: 0;

}
.down2 img{
	-webkit-transition-delay: 0.2s;
	    -moz-transition: 0.2s;
    -o-transition:  0.2s;
    -ms-transition:  0.2s;
    transition:  0.2s;
}
.down3 img{
	-webkit-transition-delay: 0.4s;
	    -moz-transition: 0.4s;
    -o-transition:  0.4s;
    -ms-transition:  0.4s;
    transition:  0.4s;
}
.down4 img{
	-webkit-transition-delay: 0.6s;
	    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
}

 	.size {
 		background: blue;
 		width: 30px;
 		height: 30px;
 	}

	.bloco_come h1 {
	text-align: center;
	}

	.img-responsive {
		min-width: 30px;
		display: initial;
	}


.scrolldown {
	width: 100%;
	display: block;
	text-align: center;
}

@media (min-width: 992px) and (max-width: 1200px) { 
 	.size {
 		background: green;
 		width: 30px;
 		height: 30px;
 	}

 	.home h1 {
 		font-size: 24px;
 	}

	.bloco_social img {
	padding: 15px;
	}

	.bloco_social img:hover {
	padding: 15px;
	}

	.bloco_logo {
	margin-top: 10%;
	height: 5%;
	}

}



@media (min-width: 768px) and (max-width: 992px) { 
 	.size {
 		background: red;
 		width: 30px;
 		height: 30px;
 	}

 	.down {
		display: none;
	}

	.bloco_social {
		margin-top: 15%;
		height: 20%;
	}
}




@media (max-width: 768px) { 


	.bloco_social {
		margin-top: 15%;
		height: 5%;
	}
 	.size {
 		background: blue;
 		width: 30px;
 		height: 30px;
 	}

	.bloco_logo h1{
	min-width: 225px;
	}

	.bloco_social {
	margin-top: 30%;
	height: 10%;
	}

	.bloco_logo {
	margin-top: 10%;
	height: 5%;
	}

	.block_bar {
		display: none;
	}

	.bloco_contacto a.scrollup {
	margin-top: 5%;
	margin-bottom: 5%;
	}

	.down {
		display: none;
	}


	.scrolldowndiv {
		padding: 0 !important;
	}
}

@media (max-width: 599px) { 
	iframe {
		display: none;
	}

	.bloco_contacto {
		width: 100%;
	}
	
	h1 {
	font-family: 'Asap', sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin-top: 10px;
	}

	.bloco_logo h1{
	min-width: 125px;
	}

	.bloco_come h1 {
	min-width: 0px;
	}
}

@media (max-height: 400px) { 
	.bloco_social {
	margin-top: 14%;
	height: 14%;
	}

	.bloco_social img {
	margin-left: 25px;
	width: 40px;
	}

	.scrolldown img {
	width: 70px;
	}

	.bloco_contacto p {
	font-size: 13px;
	font-weight: lighter;
	}

	.bloco_logo {
	margin-top: 2% !important;
	}

	.bloco_contacto a.scrollup {
	margin-top: 2% !important;
	margin-bottom: 2% !important;
	}

	.bloco_contacto p {
	line-height: 15px;
	}

}