/*  -------------------------------------------------------------
    CSS - STYLE :   artist
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Filename:       style.css
    Date:           Jul 24, 2015
    Author:         Halo Media LLC - http://www.halopowered.com/
    -------------------------------------------------------------   */

@font-face {
	font-family: 'AvenirNext-Regular';
	src: url('../fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
		/*url('../fonts/AvenirNext-Regular.woff') format('woff'), */
		url('../fonts/AvenirNext-Regular.ttf') format('truetype'), 
		url('../fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
}
@font-face {
	font-family: 'AvenirNext-Bold';
	src: url('../fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
		/*url('../fonts/AvenirNext-Bold.woff') format('woff'), */
		url('../fonts/AvenirNext-Bold.ttf') format('truetype'), 
		url('../fonts/AvenirNext-Bold.svg#AvenirNext-Bold') format('svg');
}
@font-face {
	font-family: 'AvenirNext-Condensed-Bold';
	src: url('../fonts/AvenirNextCondensed-Bold.eot?#iefix') format('embedded-opentype'),
		/*url('../fonts/AvenirNextCondensed-Bold.woff') format('woff'), */
		url('../fonts/AvenirNextCondensed-Bold.ttf') format('truetype'), 
		url('../fonts/AvenirNextCondensed-Bold.svg#AvenirNextCondensed-Bold') format('svg');
}
@font-face {
	font-family: 'AvenirNext-Medium';
	src: url('../fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
		/*url('../fonts/AvenirNext-Medium.woff') format('woff'), */
		url('../fonts/AvenirNext-Medium.ttf') format('truetype'), 
		url('../fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
}
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?r863h5');
	src: url('../fonts/icomoon.eot?r863h5#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?r863h5') format('truetype'),
		url('../fonts/icomoon.woff?r863h5') format('woff'),
		url('../fonts/icomoon.svg?r863h5#icomoon') format('svg');
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-angle-right:before {
	content: "\e900";
}
.icon-angle-left:before {
	content: "\e901";
}
.icon-spinner2:before {
	content: "\e97b";
}

/*  =============================================================================
    general
    ========================================================================== */
body { /*background: #f4f4f4;*/ background: -webkit-linear-gradient(top,#00a0ee,#386aff 50%); background: linear-gradient(180deg,#00a0ee,#386aff 50%); background-color: #386aff; color: #fff; font-family: 'AvenirNext-Medium'; line-height: 1; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; }
a { text-decoration: none; }
img { max-width: 100%; vertical-align: middle; }
a, div, h1, h2, h3, h4, li, ol, p, span, strong, ul { color: inherit; text-align: inherit; line-height: inherit; }
h1, h2, h3 { font-family: 'AvenirNext-Medium'; }
strong { font-family: 'AvenirNext-Bold'; }

.align-c { text-align: center; }
.align-r { text-align: right; }
.trans-3 { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
.trans-5 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; -ms-transition: all 1000ms ease-in; -o-transition: all 1000ms ease-in; transition: all 1000ms ease-in; }

.section { position: relative; }

.logo { position: absolute; top: 22px; left: 22px; z-index: 2; }

.intro { background: url(../images/bg.jpg) center top no-repeat; background-size: cover; }
	.intro .container { height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; }
	.content-intro { width: 100%; max-width: 825px; }
	[class*="-intro"] { margin-top: auto; }
	.intro h2 { margin-bottom: 14px; font-size: 50px; }
	.intro p { font-size: 22px; line-height: 36px; }

	.form { margin: 80px 0 40px 0; }
	    .form .row { letter-spacing: -5px; text-align: center; }
			.form-item { display: inline-block; vertical-align: top; }
				.form-item input { height: 48px; display: block; -webkit-appearance: none; border: none; outline: none; }
			.form-email { width: 100%; max-width: 430px; padding-right: 10px; }
				.form-email input { width: 100%; padding: 4px 10px; background: #e3e3e3; font-size: 20px; }
				.form-submit input { padding: 0 37px; background: #223f9a; color: #fff; font-size: 20px; }
			.form-msg { width: 100%; padding-top: 10px; color: #223f9a; line-height: 1.2; display: block; letter-spacing: normal; }
				.form-msg a:hover { color: #fff; }

	.info-list { padding-top: 54px; }
		.info-list .col { border-right: 1px solid rgba(24,64,156,0.3); }
		.info-list .col:last-child { border-right: 0; }
		.info-list h3 { padding-top: 15px; text-transform: uppercase; }

	.explore-anchor { padding: 10px 10px 0 10px; font-size: 14px; display: inline-block; position: relative; }
		.explore-anchor span { width: 1px; height: 50px; margin: 10px auto 0 auto; background: #fff; display: block; position: relative; }
			.explore-anchor span:before { width: 10px; height: 10px; margin-left: -5px; background: #fff; -webkit-border-radius: 15px; border-radius: 15px; display: block; position: absolute; left: 50%; content: ''; -webkit-animation: slide 3s infinite; animation: slide 3s infinite; }

.explore { padding-top: 50px; background: url(../images/bg-content.jpg) center top no-repeat; background-size: cover; }
	.explore .container { position: relative; z-index: 2; }
	.explore-info { padding-top: 66px; }
		.explore h1 { font-size: 24px; line-height: 33px; font-family: 'AvenirNext-Bold'; }
			.explore h1:after { width: 102px; height: 2px; margin: 31px 0 49px 0; background: #0683e2; display: block; content: ''; }
		.explore-list { line-height: 36px; }
			.explore-list li { font-size: 18px; padding: 0 0 10px 10px; position: relative; }
				.explore-list li:before { width: 4px; height: 4px; margin-right: 10px; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; display: inline-block; vertical-align: middle; content: ''; position: absolute; top: 15px; left: 0; }

.footer-main { padding: 34px 0 50px 0; position: relative; }
	.footer-main:before { width: 100%; height: calc(100% + 110px); background: url(../images/bg.jpg) center top no-repeat; background-size: cover; position: absolute; top: -110px; left: 0; z-index: 0; content: ''; }
	.footer-main .container { position: relative; z-index: 1; }
		.footer-main p { font-size: 13px; line-height: 19px; }


@-webkit-keyframes slide {
	0%   { top: 0; }
    50%  { top: 80%; }
    100% { top: 0; }
}

@keyframes slide {
	0%   { top: 0; }
    50%  { top: 80%; }
    100% { top: 0; }
}

/*  =============================================================================
    mediaquery
    ========================================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width : 959px) and (max-width: 1140px) {
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {

}
/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	.explore-list { line-height: 30px; }
}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	.explore-list { line-height: 26px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 960px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.intro { padding-top: 100px; }
	.intro .container { height: auto; display: block; justify-content: inherit; align-items: inherit; flex-direction: inherit; }
		.intro h2 { margin-bottom: 10px; font-size: 38px; }
		.intro p { font-size: 18px; line-height: 24px; }

	.form { margin-top: 40px; }
		.form-email { padding-bottom: 10px; }
		.info-list { padding-top: 30px; letter-spacing: -5px; }
			.info-list .col { width: 50%; border-right: 0; padding-bottom: 30px; letter-spacing: normal; display: inline-block; float: none; vertical-align: top; }
	.form-msg { text-align: center; }

	.explore { padding: 60px 0 20px 0; }
		.explore-list { line-height: 24px; }

	.footer-main { padding-top: 50px; }
		.footer-main:before { height: 100%; top: 0; }
} 

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.form-msg { text-align: left; }
	.info-list .col { width: 25%; }

	.explore .span_5 { width: 41.6666666667%; left: -58.3333333333%; }
	.explore .span_7 { width: 58.3333333333%; left: 41.6666666667%; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.form-email { padding-right: 0; }
	.explore-info { padding-top: 0; }
		.explore-list { padding-bottom: 40px; }
}