@charset "UTF-8";

/* Body */

body {

	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";

	background-color: #1F1F1F;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	font-style: normal;

	font-weight: 200;

}

/* Container */

.container {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    background-color: #FFFFFF;

}

/* Navigation */

header {

    height: 0%;

    background-color: #414141;

    border-bottom: 1px solid #2C9AB7;

}

.logo {
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 250px;
    float: left;
    margin-top: 15px;
    letter-spacing: 4px;
    height: auto;
    margin-right: 55px;

	

}

.lang {
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 15%;
    float: left;
    margin-top: 28px;
    letter-spacing: 4px;
    height: auto;
    margin-right: auto;
    margin-left: auto;

	

}
nav {

	float: right;

	width: 50%;

	text-align: right;

	margin-right: 25px;

}

header nav ul {

	list-style: none;

	float: right;

}

nav ul li {

	float: left;

	color: #FFFFFF;

	font-size: 14px;

	text-align: left;

	margin-right: 25px;

	letter-spacing: 2px;

	font-weight: bold;

	transition: all 0.3s linear;

}

ul li a {

	color: #FFFFFF;

	text-decoration: none;

}

ul li:hover a {

	color: #2C9AB7;

}

.hero_header {

	color: #FFFFFF;

	text-align: center;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	letter-spacing: 4px;

}

/* Hero Section */

.hero {

	background-color: #B3B3B3;

	padding-top: 150px;

	padding-bottom: 150px;

}

.light {

	font-weight: bold;

	color: #717070;

}

.tagline {

	text-align: center;

	color: #FFFFFF;

	margin-top: 4px;

	font-weight: lighter;

	text-transform: uppercase;

	letter-spacing: 1px;

}

/* About Section */

.text_column {

	width: 29%;

	text-align: justify;

	font-weight: lighter;

	line-height: 25px;

	float: left;

	padding-left: 20px;

	padding-right: 20px;

	color: #A3A3A3;

}

.about {

	padding-left: 25px;

	padding-right: 25px;

	padding-top: 35px;

	display: inline-block;

	background-color: #FFFFFF;

	margin-top: 0px;

}

/* Stats Gallery */

.stats {

	color: #717070;

	margin-bottom: 5px;

}

.gallery {

	clear: both;

	display: inline-block;

	width: 100%;

	background-color: #FFFFFF;

	/* [disabled]min-width: 400px;

*/

	padding-bottom: 35px;

	padding-top: 0px;

	margin-top: -5px;

	margin-bottom: 0px;

}

.thumbnail {

	width: 25%;

	text-align: center;

	float: left;

	margin-top: 35px;

}

.gallery .thumbnail h4 {

	margin-top: 5px;

	margin-right: 5px;

	margin-bottom: 5px;

	margin-left: 5px;

	color: #52BAD5;

}

.gallery .thumbnail p {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	color: #A3A3A3;

}

/* Parallax Section */

.banner {
    background-color: #525252;
    background-image: url(../images/parallax.jpg);
    height: 480px;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
}

.parallax {
    color: #FFFFFF;
    text-align: right;
    padding-right: 100px;
    padding-top: 260px;
    letter-spacing: 0;

}

.parallax_description {
    color: #FFFFFF;
    text-align: left;
    padding-right: 0px;
    width: 70%;
    float: left;
    font-weight: lighter;
    line-height: 23px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 19px;
}

/* More info */

footer {

	background-color: #FFFFFF;

	padding-bottom: 35px;

}

.footer_column {

    /* [disabled]width: 100%; */

    text-align: center;

    padding-top: 30px;

    background-color: #0065a2;

}

footer .footer_column h3 {

    color: #FFFFFF;

    text-align: center;

    padding-right: 0px;

}

footer .footer_column p {

	color: #717070;

	background-color: #FFFFFF;

}

.cards {

	width: 100%;

	height: auto;

	max-width: 400px;

	max-height: 200px;

}

footer .footer_column p {

    align-content: center;

    line-height: 25px;

    font-weight: normal;

    margin-left: auto;

    margin-right: auto;

    padding-right: 6%;

    padding-left: 6%;

    color: #FFFFFF;

    font-style: normal;

    background-color: #0065A2;

}

.button {
    margin-top: 40px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: 13px;
    padding-top: 0px;
    padding-right: 2%;
    padding-bottom: 0px;
    padding-left: 2%;
    text-align: left;
    vertical-align: middle;
    border-radius: 0px;
    font-weight: bold;
    border: none;
    color: #0065A2;
    transition: all 0.3s linear;
    float: left;
}

.button:hover {
    background-color: #0065A2;
    color: #FFFFFF;
    cursor: pointer;
}

.copyright {

    text-align: center;

    padding-top: 20px;

    padding-bottom: 20px;

    background-color: #000100;

    color: #FFFFFF;

    font-weight: lighter;

    letter-spacing: 2px;

    border-top-width: 2px;

    font-style: normal;

    font-size: small;

}

.footer_banner {

	background-color: #B3B3B3;

	padding-top: 60px;

	padding-bottom: 60PX;

	margin-bottom: 0px;

	background-image: url(../images/pattern.png);

	background-repeat: repeat;

}

footer {

    display: block;

    background-color: #0065a2;

}

.hidden {

	display: none;

}


/* lenguage seletor */

.language-selector-container {
    display: block;
    column-gap: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
		
}

.language-selector {
    background-color: #1F1F1F;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 2px;
    border: 0px none #ccc;
    border-radius: 3px;
    font-size: 15px;
    color: #0081D0
}

.language-selector:hover {
    background-color: #0065A2;
    color: #fff;
}


/* Mobile */

@media (max-width: 320px) {

.logo {
    display: block;
    width: 200px;
    background-position: center top;
    padding-top: 26px;

}

.container header nav {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	width: 100%;

	float: none;

	display: none;

}

header nav ul {

}

nav ul li {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	width: 100%;

	text-align: center;

}

.text_column {

	width: 100%;

	text-align: justify;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.thumbnail {

	width: 100%;

}

.footer_column {

	width: 100%;

	margin-top: 0px;

}

.parallax {

    text-align: center;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    margin-left: 0px;

    padding-top: 50%;

    padding-right: 0px;

    padding-bottom: 0px;

    padding-left: 0px;

    width: 100%;

    font-size: 18px;

}

.parallax_description {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 72%;
    margin-top: 73px;
    margin-right: 15px;
    margin-bottom: 0px;
    margin-left: 38px;
    float: none;
    text-align: left;
}

.banner {

    /* [disabled]background-color: #2D9AB7; */

    background-image: none, -webkit-linear-gradient(313deg,rgba(0,1,0,1.00) 0%,rgba(10,19,30,1.00) 100%);

    background-image: none, -moz-linear-gradient(313deg,rgba(0,1,0,1.00) 0%,rgba(10,19,30,1.00) 100%);

    background-image: none, -o-linear-gradient(313deg,rgba(0,1,0,1.00) 0%,rgba(10,19,30,1.00) 100%);

    background-image: none, linear-gradient(137deg,rgba(0,1,0,1.00) 0%,rgba(10,19,30,1.00) 100%);

}

.tagline {

	margin-top: 20px;

	line-height: 22px;

}

.hero_header {

	padding-left: 10px;

	padding-right: 10px;

	line-height: 22px;

	text-align: center;

}

}



/* Small Tablets */

@media ( min-width : 321px ) and (max-width : 775px ){

	
.button {
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: 1%;
    padding-top: 0px;
    padding-right: 2%;
    padding-bottom: 0px;
    padding-left: 2%;
    text-align: center;
    vertical-align: middle;
    border-radius: 0px;
    font-weight: bold;
    border: none;
    color: #0065A2;
    transition: all 0.3s linear;
    font-size: 10pt
}

.logo {
    width: 240px;
    text-align: center;
    margin-top: 54px;
    margin-bottom: 0px;
    background-position: center;
    margin-left: -22px;
}

.container header nav {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	width: 100%;

	float: none;

	overflow: auto;

	display: inline-block;

	background: #52bad5;

}

.banner {
    background-color: #525252;
    background-image: url(../images/parallax.jpg);
    height: 480px;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	
}

header nav ul {

	padding: 0px;

	float: none;

}

nav ul li {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	width: 100%;

	text-align: center;

	padding-top: 8px;

	padding-bottom: 8px;

}

.text_column {

	width: 100%;

	text-align: left;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.thumbnail {

	width: 100%;

}

.footer_column {

    display: block;

    width: 12%;

    margin-top: 0px;

    margin-right: auto;

    margin-left: auto;

}

.parallax {

    text-align: center;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    margin-left: 0px;

    padding-top: 40%;

    padding-right: 0px;

    padding-bottom: 0px;

    padding-left: 0px;

    width: 106%;

    font-size: 18px;

}

.parallax_description {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    margin-top: 30%;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    float: none;
    width: 79%;
}

.thumbnail {

	width: 50%;

}

.parallax {

    margin-right: -24px;

    margin-bottom: -24px;

    margin-left: -24px;

    padding-right: 0px;

    padding-bottom: 0px;

    padding-left: 0px;

    padding-top: 200px;

}

.parallax_description {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 56%;
    padding-top: 30px;

}

.banner {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0px
		
}

.footer_column {

	width: 100%;

}

}



/* Small Desktops */

@media (min-width : 773px ) and ( max-width : 1096px ){

.logo {
    width: 263px;
    text-align: center;
    margin-top: 71px;
    margin-right: 50px;
    margin-bottom: 0px;
}

	.text_column {

	width: 100%;

}

.thumbnail {

	width: 50%;

}

.text_column {

	width: 100%;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.banner {
    margin-top: -20px;
    padding-top: 0px;
}
.parallax_description {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    margin-top: -3%;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 40px;
    width: 44%;
}
}

@media (min-width : 1096px ){

.logo{
    text-align: center;
    margin-top: 80px;
    margin-bottom: 0px;
    padding-right: 0px;

	}
.banner {
    margin-top: -20px;
    padding-top: 0px;
}

.parallax_description {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    margin-top: -3%;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 40px;
    width: 44%;
}
	

}