html {
  		scroll-behavior: smooth;}
	body {
		font-family: Arial, sans-serif;
		font-size: 14px;
		line-height: 1.8;
		color: #454545;
		padding: 0px; margin: 0px;}
	a:focus, a:active {
		text-decoration: none;}
	a {
		color: #26c6da;
		text-decoration: none;
		font-weight: normal;}
	a:hover {
		color: #98c422;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;}
	.parallax-window {
    		min-height: 250px;
    		background: transparent;}
	.visual {
		width: 80%;
		max-width: 425px;
		margin-top: 10px;
		margin-bottom: 10px;}
	.top {
		background: #000;
		display: block;
		clear: both;
		top: 0px;
		bottom: 0px;
		width: 100%;
		height: 75px;}
	.top p {
		font-family: 'QuicksandBook', sans-serif;
		font-size: 120%;
		color: #fff;}
	.cover {
		background: #;
		display: block;
		clear: both;
		margin: 0px auto;
		width: 100%;
		height: 250px;}
	#logo {
		max-width: 180px;
		height: auto;
		margin: 15px 50px 0px 0px;}
	.content {
		background: #;
		margin: 50px auto 50px auto;
		text-align: center;
		width: 90%;
		padding: 0px;
		height: auto;
		text-align: center;}
	.content-bar {
		background: #;
		margin: 0px auto 0px auto;
		text-align: center;
		width: 90%;
		padding: 4px auto;
		height: auto;}
	.article {
		vertical-align: top;
		background: #;
		margin: 0px auto 0px auto;
		width: 45%;
		height: auto;
		padding: 0px;
		float: center;
		text-align: left;
		display: inline-block;}
	.content-three {
		vertical-align: top;
		background: #;
		margin: 0px auto 0px auto;
		width: 25%;
		height: auto;
		padding: 10px;
		float: center;
		display: inline-block;}
	.form {
		vertical-align: top;
		background: #;
		margin: 0px auto 50px auto;
		width: 45%;
		height: auto;
		padding: 0px;
		float: center;
		text-align: center;
		display: inline-block;}
	#form-wrapper {
		vertical-align: top;
		background: #;
		display: inline-block;
		margin: 0px auto 0px auto;
		max-width: 450px;
		width: auto;
		height: auto;
		padding: 0px 25px 0px 25px;
		float: center;
		text-align: left;
		display: inline-block;
				border: 4px solid #2a3e46;
				-webkit-border-image: url(../../imagenes/background/background-border.jpg) 10 stretch;
				-moz-border-image: url(../../imagenes/background/background-border.jpg) 10 stretch;
				-ms-border-image: url(../../imagenes/background/background-border.jpg) 10 stretch;
				-o-border-image: url(../../imagenes/background/background-border.jpg) 10 stretch;
				border-image: url(../../imagenes/background/background-border.jpg) 10 stretch;}
	.showcase {
    		min-height: 250px;
		padding: 20px 0 20px;
    		background: transparent;}
	.content-one {
		vertical-align: top;
		background: #;
		margin: 0px auto 0px auto;
		width: 45%;
		height: auto;
		padding: 4px;
		float: center;
		text-align: left;
		display: inline-block;}
	.content-two {
		vertical-align: top;
		background: #;
		margin: 0px auto 0px auto;
		width: 45%;
		height: auto;
		padding: 4px;
		float: center;
		display: inline-block;}
	.top .content-two {
		text-align: right;}
	.footer {
		background: #000;
		display: block;
		clear: both;
		margin-top: -15px;
		margin-bottom: 0px;
		width: 100%;
		height: 80px;}
	.footer p {
		font-size: 75%;
		text-align: center;
		color: #F2F2F2;}

/* Text Styling */
	h1, h2, h3, h4 {
		font-family: 'QuicksandBook', sans-serif;
		line-height: 1.2;}
	h1 {
		text-transform: uppercase;
		text-align: left;
  		margin: auto;
  		padding: 70px 0px;
		font-size: 315%;}
	h2 {
		text-align: left;
		margin: 0px auto 50px auto;
		font-size: 150%;
		color: #050505;}
	h3 {
		text-align: center;
		margin: 20px auto 20px auto;
		font-size: 140%;}
	h4 {
		text-align: center;
		margin: 10px auto 10px auto;
		font-size: 120%;}
	.button {
		font-size: 100%;
		position: relative;
		font-family: QuicksandBook, sans-serif;
		padding: 5px 25px 5px 25px;
		width: auto;
		margin-top: 25px auto;
		color: #000;
		float: center;
		text-align: center;
		border-radius: 25px;
		text-shadow: 0px 0px 0px #000;
		border: 1px solid #F2F2F2;
		background-color: #FFF;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;}
	.button:hover {
		border: 1px solid #454545;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;}
	.bform {
		font-size: 110%;
		position: relative;
		font-family: QuicksandBook, sans-serif;
		text-transform: uppercase;
		padding: 5px 15px 5px 15px;
		width: 200px;
		margin: 25px auto;
		color: #FFF;
		text-align: center;
		border-radius: 25px;
		text-shadow: 0px 0px 0px #000;
		background-color: #a2d052;
		border: 1px solid #FFFFFF;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;}
	.bform:hover {
		background: rgb(193,235,119);
		background: -moz-linear-gradient(90deg, rgba(193,235,119,1) 35%, rgba(0,212,255,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(193,235,119,1) 35%, rgba(0,212,255,1) 100%);
		background: linear-gradient(90deg, rgba(193,235,119,1) 35%, rgba(0,212,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1eb77",endColorstr="#00d4ff",GradientType=1);
		border: 1px solid #F5F5F5;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;}
	label {
		font-size: 100%;
		font-weight: normal;
		font-family: QuicksandBook, sans-serif;
		float: left;
		width: 170px;
		color: #020202;}
	input {
		font-size: 105%;
		font-family: QuicksandBook, sans-serif;
		line-height: 1.2;
		padding: 8px 15px;
		margin: 0px auto;
		color: #747474;
		text-align: left;
		float: center;
		font-weight: normal;
		border: 1px solid #4e3043; /* Fallback */
		border: 1px solid rgba(78,48,67, 0.8);
		background: rgba(255,255,255, 0.8);
		border-radius: 16px;
		box-shadow: 
			0 1px 0 rgba(255,255,255,0.2), 
			inset 0 1px 1px rgba(0,0,0,0.1);
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;}
	input:focus {
		background-color: #FFF;
		border: 1px solid #b1e1e4;}
	input:hover {
		background-color: #FFF;
		border: 1px solid #b1e1e4;}
	input#submit {
		font-size: 130%;
		font-family: QuicksandBook, sans-serif;
		text-transform: uppercase;
		padding: 5px 25px 5px 25px;
		width: auto;
		margin: 15px auto 15px auto;
		color: #FFF;
		text-align: center;
		border-radius: 25px;
		text-shadow: 0px 0px 0px #000;
		border: 1px solid #FFF;
		background-color: #a2d052;}
	input#submit:hover {
		background: rgb(193,235,119);
		background: -moz-linear-gradient(90deg, rgba(193,235,119,1) 35%, rgba(0,212,255,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(193,235,119,1) 35%, rgba(0,212,255,1) 100%);
		background: linear-gradient(90deg, rgba(193,235,119,1) 35%, rgba(0,212,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1eb77",endColorstr="#00d4ff",GradientType=1);
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;}
	select {
		font-size: 105%;
		font-family: QuicksandBook, sans-serif;
		color: #747474;
		line-height: 1.8;
		margin: 5px;
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 4px;
		color: #000;
		text-align: left;
		font-weight: normal;
		border: 1px solid #4e3043; /* Fallback */
		border: 1px solid rgba(78,48,67, 0.8);
		background: rgba(255,255,255, 0.8);
		border-radius: 12px;
		box-shadow: 
			0 1px 0 rgba(255,255,255,0.2), 
			inset 0 1px 1px rgba(0,0,0,0.1);
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;}
	select:hover {
		border: 1px solid #fdf768;
		background-color: #FFF;}
	select:focus {
		background-color: #FFF;
		border: 1px solid #b1e1e4;}
	textarea {
		font-size: 105%;
		line-height: 1.8;
		margin: 5px;
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 4px;
		color: #000;
		text-align: left;
		font-weight: normal;
		border: 1px solid #4e3043; /* Fallback */
		border: 1px solid rgba(78,48,67, 0.8);
		background: rgba(255,255,255, 0.8);
		border-radius: 12px;
		box-shadow: 
			0 1px 0 rgba(255,255,255,0.2), 
			inset 0 1px 1px rgba(0,0,0,0.1);
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;}
	textarea:hover {
		background-color: #FFF;
		border: 1px solid #b1e1e4;}
	.imgview {
		max-width: 125px;
		height: auto;
		padding: 0px;
		margin: 0px auto;
		border-radius: 5%;
		-webkit-box-shadow: 0 28px 16px -26px black;
		-moz-box-shadow: 0 28px 16px -26px black;
		box-shadow: 0 28px 16px -26px black;
		transition:all .6s ease-in-out;
		-webkit-transition:all .6s ease-in-out;
		-moz-transition:all .6s ease-in-out;
		-ms-transition:all .6s ease-in-out;
		-o-transition:all .6s ease-in-out;}
	.imgview:hover {
		transform:scale(1.1);
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		-webkit-box-shadow: 0 58px 36px -56px black;
		-moz-box-shadow: 0 58px 36px -56px black;
		box-shadow: 0 58px 36px -56px black;
		transition:all .6s ease-in-out;
		-webkit-transition:all .6s ease-in-out;
		-moz-transition:all .6s ease-in-out;
		-ms-transition:all .6s ease-in-out;
		-o-transition:all .6s ease-in-out;}
	.list { 
		width: 20%;
		height: auto;
		display: inline-block;}
	.carousel {
  		position: relative;
  		width: 80%;
  		max-width: 450px;
  		height: 300px;
  		overflow: hidden;
  		margin: 20px auto 0px auto;
  		box-shadow: 0 2px 6px rgba(0,0,0,0.3);}
	.carousel:hover .slide:after,
	.carousel:hover .counter,
	.carousel:hover .slide:before {
		opacity: 1;}
	.slide {
		float: right;
		position: absolute;
		z-index: 1;
		width: 100%;
		max-width: 450px;
		height: 300px;
		background-color: #eee;
		text-align: center;
		transition: opacity 0.4s;
		opacity: 1;}
	.slide:before {
		content: attr(annot);
		display: block;
		position: absolute;
		left: 20px;
		bottom: 0px;
		color: rgba(255,255,255,0.9);
		font-size: 14px;
		font-weight: 300;
		z-index: 12;
		opacity: 0;
		transition: opacity 0.3s;
		text-shadow: 0 0 1px #000;}
	.slide:after {
		content: attr(slide);
		display: block;
		position: absolute;
		bottom: 0;
		transition: opacity 0.3s;
		width: 100%;
		height: 80px;
		opacity: 0;
		background-image: linear-gradient(transparent, rgba(0,0,0,0.5));
		text-align: left;
		text-indent: 549px;
		line-height: 101px;
		font-size: 13px;
		color: rgba(255,255,255,0.9);
		text-shadow: 0 0 1px #000;}
	.counter {
		position: absolute;
		bottom: 20px;
		right: 1px;
		height: 20px;
		width: 60px;
		z-index: 2;
		text-align: center;
		color: #fff;
		line-height: 21px;
		font-size: 13px;
		opacity: 0;
		transition: opacity 0.3s;}
	.faux-ui-facia {
		top: 0;
		right: 0;
		float: right;
		position: absolute;
		margin-top: 0;
		z-index: 9;
		height: 100%;
		width: 100%;
		opacity: 0;
		cursor: pointer;}
.faux-ui-facia:checked {
z-index: 8;
}
.faux-ui-facia:checked + .slide {
opacity: 0;
}
.faux-ui-facia:checked:nth-child(1):checked {
z-index: 9;
}
.faux-ui-facia:nth-child(1):checked {
float: left;
z-index: 9;
}
.faux-ui-facia:nth-child(1):checked + .slide {
opacity: 1;
}
.faux-ui-facia:nth-child(1):checked ~ .faux-ui-facia {
float: left;
z-index: 8;
}
.faux-ui-facia:nth-child(1):checked ~ .faux-ui-facia + .slide {
opacity: 0;
}
.faux-ui-facia:nth-child(1):checked ~ .faux-ui-facia:checked {
z-index: 9;
}
.faux-ui-facia:nth-child(1):checked ~ .faux-ui-facia:checked + .slide {
opacity: 1;}
	/* --- Intro text --- */
	.intro {
		padding: 80px 0 60px 0;
		text-align: center;
		color: #fff;
		margin: auto;
		width: 800px;}
	.intro .intro__title {
		font-weight: 200;
		font-size: 32px;
		color: #fff;}
	.intro .intro__body {
		color: #fff;
		font-size: 16px;
		line-height: 24px;
		font-weight: 300;
		opacity: 0.48;
		padding: 0 160px;
		margin: 0;}

/* Responsive Data */
	@media screen and (max-width: 900px){
	.article {
		background: #;
		margin: 0px auto 0px auto;
		width: 90%;
		height: auto;
		padding: 4px;
		float: center;
		display: block;}
	.form {
		background: #;
		margin: 0px auto 0px auto;
		width: 90%;
		height: auto;
		padding: 4px;
		float: center;
		display: block;}
	#form-wrapper {
		width: 90%;
		max-width: 450px;}
	.content-one {
		background: #;
		margin: 0px auto 0px auto;
		text-align: center;
		width: 90%;
		height: auto;
		padding: 4px;
		float: center;
		display: block;}
	.content-two {
		background: #;
		margin: 0px auto 0px auto;
		text-align: center;
		width: 90%;
		height: auto;
		padding: 4px;
		float: center;
		display: block;}
	.top .content-two {
		text-align: center;}
	.content-three {
		background: #;
		margin: 0px auto 0px auto;
		width: 90%;
		height: auto;
		padding: 4px;
		float: center;
		display: block;}
	.list {
		background: #;
		margin: 0px auto 0px auto;
		width: 40%;
		height: auto;
		padding: 4px;
		float: center;
		display: block;}
	}