@charset "utf-8";


/*STANDARDS*/
body, html {width:100%;height:100%;margin:0;padding:0;
	-webkit-text-size-adjust:none;}


body{background-color:#15181c;font-family: "proxima-nova", sans-serif;}

h0, h1, h2, h3, h4, h5, h6, p, a, ul, li {margin:0; padding:0}

h0, h1, h2, h3, h4, nav {text-transform:uppercase;}

a:focus{outline:none;}

/*SIZES*/
body, html{font-size:1vw;}

@media (min-width: 1369px){
	body, html{font-size:16px;}}

@media (max-width: 480px){body, html{
	-webkit-text-size-adjust:none;
	font-size:1.7vw;}}

nav{padding-bottom:3.0em}



/*CONTAINER*/

.wrapper-1920 {max-width:1920px;width:100%;margin:0 auto;background-color:#3d5266;height:100%;position:absolute;overflow:auto}

.container{
	width:100%;height:100%;
	position:absolute;
	display:-webkit-flex;display:flex;
}


/*NAV*/
nav {width:100%;height:1%;position:relative;}

.container.navigation{background-color:#212933;}

.container.extra{padding-bottom:12%; padding-top:5%}

.logo{
	width:15%;height:100%;
	display:-webkit-flex;display:flex;
	-webkit-align-items:center;align-items:center;
	padding-left:2%;
}

.logo-img{
	width:100%;height:70%;
	background-image:url(../images/design/logo.png);
	background-position:left;
	background-repeat:no-repeat;
	background-size:contain;
	-moz-transition:background-image 0.3s linear;
	-webkit-transition:background-image 0.3s linear;
	transition:background-image 0.3s linear;
}

.logo-img:hover, .logo-img:active{background-image:url(../images/design/logo_active.png);}

.logo-img.active{background-image:url(../images/design/logo_active.png)}

.nav{
	width:85%;height:100%;
	display:-webkit-flex;display:flex;
}

.nav ul{
	width:100%;height:100%;
	display: -webkit-flex;display:flex;
	-webkit-flex-wrap:wrap;flex-wrap:wrap;
	list-style-type:none;
	align-items:center;
}

.nav ul li{
	width:25%;height:100%;
}

.nav ul li > ul {
	display:-webkit-flex;display:flex;
	-webkit-flex-direction:row;flex-direction:row;
}

.nav ul li > ul li {
 	width: 100%;
	display:-webkit-flex;display:flex;
	-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
	opacity:0;
}

.nav ul li:hover > ul li,
.nav ul li:active > ul li{

	opacity:1;
	z-index:1;
}

.nav a{
	width:100%;height:100%;
	display:-webkit-flex;display:flex;
	-webkit-flex-direction:row;flex-direction:row;
	-webkit-justify-content:center;justify-content:center;
	-webkit-align-items:center;align-items:center;
	text-align:center;text-decoration:none;color:#ffffff;
	-webkit-transition:background-color 0.3s linear;transition:background-color 0.3s linear;
}

.nav a:hover,
.nav a:active,
.nav a:focus{
	background-color:#f5ba2c;}

.nav .active{background-color:#f5ba2c;}

.nav .nav-sub li > a{
	background-color:#212933;
}

.nav .nav-sub li > a:hover, 
.nav .nav-sub li > a:active,
.nav .nav-sub li > a:focus{
	background-color:#f5ba2c;}

/*SECTIONS*/
section {width:100%;height:0;position:relative;}

section.about{padding-top:30em}
section.verybig{padding-bottom:80em;}
section.big{padding-bottom:48em}
section.middle{padding-bottom:34em}
section.small{padding-bottom:21em}
section.tiny{padding-bottom:16em}

.page{height:100%; padding-top:15%;position:relative;padding-bottom:20%}

.text{margin-left:10%;margin-right:auto;padding-bottom:10%}

.textbox{
	height:100%;
	display:-webkit-flex;display:flex;
	-webkit-flex-direction:column;flex-direction:column;
	-webkit-justify-content:center;justify-content:center;
	white-space:nowrap;
}

.textbox.left{
	margin-left:10%;margin-right:auto;
	-webkit-align-items:flex-start;align-items:flex-start;
}

.textbox.right{
	margin-left:auto; margin-right:10%;
	-webkit-align-items:flex-end;align-items:flex-end;
}

.textbox.center{
	margin-left:auto; margin-right:auto;
	-webkit-align-items:center;align-items:center;
}

@media (max-width: 768px){.textbox.left, .textbox.right{
	margin-left:auto; margin-right:auto;
	-webkit-align-items:center;align-items:center;}
}

.textbox .header{
	display:-webkit-flex;display:flex;
	-webkit-align-items:baseline;align-items:baseline;
	-webkit-flex-direction:row;flex-direction:row;
}

@media (max-width: 768px){.textbox .header{
	-webkit-flex-direction:column;flex-direction:column;
	-webkit-align-items:center;align-items:center;}
}

.textbox .header.title{
	-webkit-flex-direction:column;flex-direction:column;
	-webkit-align-items:flex-end;align-items:flex-end;
}

@media (max-width: 768px){.textbox .header.title{-webkit-align-items:center;align-items:center;}}

.textbox .content,
.textbox .footer{
	display:-webkit-flex;display:flex;
	-webkit-flex-direction:column;flex-direction:column;
	justify-content:center;
}

.textbox .content{margin-top:5%;}
.textbox .footer{margin-top:2%;}

@media (max-width: 768px){.textbox .content{
	-webkit-align-items:center;align-items:center;}
}

.textbox ul{list-style-type:square;}

@media (max-width: 768px){.textbox ul{
	list-style-type:none;
	text-align:center;}
}


/*FONTS*/
nav{font-size:2.0em;font-weight:500;}

nav ul li > ul{font-size:0.9em;font-weight:500;}

h0{font-size:4.5em; font-weight:800;color:#ffffff;}

h0.sub{font-size:3.0em;font-weight:300;}

h1{font-size:3.6em;font-weight:700;margin-right:2%;}

h2{font-size:3.0em;font-weight:300;color:#ffffff;}

h3{font-size:1.8em;font-weight:700;color:#ffffff;}

h4{font-size:1.8em;font-weight:700;color:#ffffff;margin-top:5%}
h5{font-size:1.3em;font-weight:500;color:#ffffff;margin-top:0}

section ul {
	font-size:1.5em;font-weight:500;color:#ffffff;margin-top:2%;	
	list-style-type: square;list-style-position: inside;}
section p {font-size:1.5em;font-weight:500;color:#ffffff;margin-top:2%}

.page ul {font-size:1.5em;font-weight:500;color:#ffffff;margin-top:1%;	
	list-style-type: square;list-style-position: inside;}

.page p {font-size:1.5em;font-weight:500;color:#ffffff;margin-top:1%}

.page a {color:#fff}


/*COLORS*/
.bg-greyblue{background:#3d5266;}
.bg-greyblue-gradient{background-image:-webkit-linear-gradient(left, #465f78, #3d5266);background-image:linear-gradient(to right, #465f78, #3d5266);}
.bg-greyblue.transition{background:#3d5266; transition:background 0.5s;}
.bg-greyblue.transition:hover {background:#485e72;}

.bg-lightblue{background:#8697a8;}
.bg-lightblue.transition{transition:background 0.5s;}
.bg-lightblue.transition:hover{background:#97aabd;}

.bg-darkblue{background:#263340;}
.bg-darkblue-gradient{background-image:-webkit-linear-gradient(left, #263340, #1a2129);background-image:linear-gradient(to right, #263340, #1a2129);}
.bg-darkblue.transition{background:#263340; transition:background 0.5s;}
.bg-darkblue.transition:hover{background:#2d3b4a;}

.bg-darkblue-dark{background:#1a2129;}

.bg-yellow{background:#f5ba2c;}
.bg-yellow.transition{background:#f5ba2c; transition:background 0.5s;}
.bg-yellow.transition:hover{background:#ffcf34;}

.greyblue{color:#3d5266}
.greyblue-light{color:#465f78}
.greyblue-dark{color:#34404c}
.lightblue{color:#6b7a8f}
.lightblue-light{color:#97aabd}
.darkblue{color:#263340}
.darkblue-dark{color:#1a2129}
.white{color:#ffffff}
.yellow-light{color:#ffcf34}
.yellow{color:#f5ba2c}


/*IMAGES*/
.bg-image{background-size:cover;background-position:center;background-repeat:no-repeat;}

.snowboard{background-image:url(../images/design/snowboard_1920x800.png);}
.tennis{background-image:url(../images/design/tennis_1920x800.png);}
.golf{background-image:url(../images/design/golf_1920x800.png);}

.portrait{position:relative; border-radius: 4%; border:2px solid #fff;margin-top:5%;width:20%}

@media (max-width: 960px){
	.snowboard{background-image:url(../images/design/snowboard_960x400.png)}
	.tennis{background-image:url(../images/design/tennis_960x400.png)}
	.golf{background-image:url(../images/design/golf_960x400.png)}
}

@media (max-width: 1368px){
	.snowboard{background-image:url(../images/design/snowboard_1368x570.png)}
	.tennis{background-image:url(../images/design/tennis_1368x570.png)}
	.golf{background-image:url(../images/design/golf_1368x570.png)}
}