/* Roboto (for Helvetica Neue) latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-weight: 400;
	font-style: normal;
	src: url('http://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsG8ITcfo9NwJpvZiO7_FxEg.eot');
	src: url('http://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsG8ITcfo9NwJpvZiO7_FxEg.eot?#iefix') format('embedded-opentype'),
		local('Roboto Condensed'),
		local('Roboto-Condensed-regular'),
		url('http://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsH4vxAoi6d67T_UKWi0EoHQ.woff2') format('woff2'),
		url('http://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsNxB8OB85xaNTJvVSB9YUjQ.woff') format('woff'),
		url('http://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDR-eWpsHSw83BRsAQElGgc.ttf') format('truetype'),
		url('http://fonts.gstatic.com/l/font?kit=Zd2E9abXLFGSr9G3YK2MsM9XqQMESZbwKrSTBefVM6U&skey=9986ecffddb755ab&v=v13#RobotoCondensed') format('svg');
}

@font-face {
	font-family: 'Roboto Condensed';
	font-weight: 700;
	font-style: normal;
	src: url('http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nJTpJ4fOLLwmHp8vl0kIMg4.eot');
	src: url('http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nJTpJ4fOLLwmHp8vl0kIMg4.eot?#iefix') format('embedded-opentype'),
		local('Roboto Condensed Bold'),
		local('Roboto-Condensed-700'),
		url('http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nPX2or14QGUHgbhSBV1Go0E.woff2') format('woff2'),
		url('http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nPZRQUbYfRc-1FWT9T9EE8M.woff') format('woff'),
		url('http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nDokq8qT6AIiNJ07Vf_NrVA.ttf') format('truetype'),
		url('http://fonts.gstatic.com/l/font?kit=b9QBgL0iMZfDSpmcXcE8nCoXBrVdHOqjiqqtUHVRFjE&skey=b54a1a8c4612f15a&v=v13#RobotoCondensed') format('svg');
}

@font-face {
	font-family: 'Roboto Condensed';
	font-weight: 300;
	font-style: normal;
	src: url('http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nCrW_eugtb5_efFKynOEdiw.eot');
	src: url('http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nCrW_eugtb5_efFKynOEdiw.eot?#iefix') format('embedded-opentype'),
		local('Roboto Condensed Light'),
		local('Roboto-Condensed-300'),
		url('http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nCqOJfobX9lrC1wFVe9k15E.woff2') format('woff2'),
		url('http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nMrfajfqx5pse9BUPMmpr-I.woff') format('woff'),
		url('http://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nL3QFSXBldIn45k5A7iXhnc.ttf') format('truetype'),
		url('http://fonts.gstatic.com/l/font?kit=b9QBgL0iMZfDSpmcXcE8nJQFxe5aI6lpFR3J4hsGg-E&skey=d87779efc0c688ec&v=v13#RobotoCondensed') format('svg');
}

html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	color: #ffffff;
	height: 100%;
	background-color: transparent;
	font-family: 'Roboto Condensed', sans-serif;

	background: #0082b0;
	background:
		#0082b0,
		-webkit-radial-gradient(center center, circle, rgba(255,255,255,0), #0082b0 55%) no-repeat;
	background:
		#0082b0,
		radial-gradient(circle at center center, transparent, #0082b0 55%) no-repeat;
	background-attachment: fixed;
	overflow: hidden;
	padding-top: 4%;
}

.container {
	/*	margin-top: 6%;*/
	text-align: center;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.container h1 {
	display: none;
	text-shadow: 1px 1px 1px #000;
	text-transform: uppercase;
	font-size: 4rem;
	margin-bottom: 0;
	margin-bottom: 0.5rem;
}

.container h2 {
	display: inline-block;
	padding-left: 2rem;
	padding-right: 2rem;
	border-top: 1px solid #ffffff;
	font-size: 2.3rem;
	font-variant: small-caps;
	margin-top: 2rem;
	padding-top: 2rem;
}

.coming-soon {
	margin-top: 0;
	font-size: 2.2rem;
	font-weight: bold;
}

.container .logo {
	padding-bottom: 3rem;
	position: relative;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-height: 0;
	min-width: 0;
/*	height: 100%;*/
}

.container .logo::before {
	background: rgba(255, 0, 0, 0.2);
	width: 100%;
	content: '';
	position: absolute;
	top: 100px;
	left: -150px;
	bottom: -150px;
	/*border: 1px solid red;*/
	-webkit-transform: rotateZ(-35deg);
	transform: rotateZ(-35deg);
	z-index: -1;

	/* #76ccef */
	/* rgb(118, 204, 239) */
	background:
		-webkit-radial-gradient(ellipse farthest-corner at center center, #76ccef 15%, transparent 70%) no-repeat;

	background:
		radial-gradient(ellipse farthest-corner at center center, rgba(118, 204, 239, 1) 15%, rgba(118, 204, 239, 0.5) 44%, rgba(118, 204, 239, 0) 70%) no-repeat;
}

.container .logo img {
	max-width: 100%;
	max-height: 100%;
/*
	position: absolute;
	top: 0;
	display: block;
*/
}

.container .social-networks {
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 500px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.container .social-networks div {
	width: 50px;
	margin: auto;
}

.container a, .container a:focus, .container a:active {
	color: #ffffff;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.container a:hover {
	color: #ccc;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.container .address {
	font-size: 1.8rem;
	margin-bottom: 0;
}

.spinner {
	margin: 2rem auto 0;
	width: 70px;
	text-align: center;
}

.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #ffffff;

	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}


@media (max-width: 400px) {
	.container .logo::before {
		bottom: -50px;
		left: -50px;
		top: 0;
	}


}

@media (max-width: 360px) {
	.container .social-networks div {
		width: 30px;
	}
	.container .social-networks .fa {
		font-size: 2em;
	}
}


@media only screen and (min-device-width: 300px) and (max-device-width: 640px) and (orientation: landscape) {
	body {
		padding-top: 0;
	}

	.container .logo {
		display: none;
	}
	.container h1 {
		margin-top: 0.5rem;
		display: inherit;
	}

	.container h2 {
		/*		border-top: 0;*/
		font-size: 2rem;
		padding-top: 1rem;
	}

}

@media only screen and (orientation: landscape) {
	body {
		padding-top: 1rem;
	}
}