*
{
	box-sizing: border-box;
	moz-box-sizing: border-box;
	webkit-box-sizing: border-box;
}
:before,:after
{
	box-sizing: border-box;
	moz-box-sizing: border-box;
	webkit-box-sizing: border-box;
}
html,body
{
	height: 100%;
}
a,a:active,a:focus,input:focus
{
	outline: 0;
	text-decoration: none!important;
}
::-webkit-input-placeholder
{
	color: rgba(255,255,255,0.1);
}
:-moz-placeholder
{
	color: rgba(255,255,255,0.1);
}
::-moz-placeholder
{
	color: rgba(255,255,255,0.1);
}
:-ms-input-placeholder
{
	color: rgba(255,255,255,0.1);
}
input
{
	appearance: none;
	border-radius: 0!important;
	moz-appearance: none;
	moz-border-radius: 0!important;
	webkit-appearance: none;
	webkit-border-radius: 0!important;
}
.gpu-hack
{
	backface-visibility: hidden;
	moz-backface-visibility: hidden;
	moz-perspective: 1000px;
	moz-transform: translateZ(0);
	perspective: 1000px;
	transform: translateZ(0);
	webkit-backface-visibility: hidden;
	webkit-perspective: 1000px;
	webkit-transform: translateZ(0);
}
.bg-cover
{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	left: 0;
	moz-background-size: cover;
	o-background-size: cover;
	position: absolute;
	top: 0;
	visibility: hidden;
	webkit-background-size: cover;
	width: 100%;
	z-index: 0;
}
.bg-cover::after
{
	background: linear-gradient(180deg,rgba(29,31,40,0.75) 0%,rgba(29,31,40,0.95) 100%);
	background: -moz-linear-gradient(270deg,rgba(29,31,40,0.75) 0%,rgba(29,31,40,0.95) 100%);
	background: -ms-linear-gradient(270deg,rgba(29,31,40,0.75) 0%,rgba(29,31,40,0.95) 100%);
	background: -o-linear-gradient(270deg,rgba(29,31,40,0.75) 0%,rgba(29,31,40,0.95) 100%);
	background: -webkit-linear-gradient(270deg,rgba(29,31,40,0.75) 0%,rgba(29,31,40,0.95) 100%);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
div[class^="sven-char"]
{
	backface-visibility: hidden;
	moz-backface-visibility: hidden;
	moz-perspective: 1000px;
	outline: 1px solid transparent;
	perspective: 1000px;
	webkit-backface-visibility: hidden;
	webkit-perspective: 1000px;
}
.abs-center
{
	left: 50%;
	moz-transform: translate(-50%,-50%);
	ms-transform: translate(-50%,-50%);
	o-transform: translate(-50%,-50%);
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	webkit-transform: translate(-50%,-50%);
}
.mt-0
{
	margin-top: 0;
}
body
{
	background: #151515;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}
.content-wrapper
{
	height: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1;
}
.content-wrapper::before
{
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: -.25em;
	vertical-align: middle;
}
.v-center
{
	display: inline-block;
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 86%;
}
.main-content
{
	visibility: hidden;
}
p
{
	font-size: .7em;
	line-height: 1.875em;
	margin: 0;
	padding: 0 0 .9375em;
}
h3
{
	font-size: 1.333em;
	line-height: 1.429em;
	margin-bottom: .714em;
	padding: 0;
}
p a
{
	color: #DDC225;
}
ul
{
	font-size: .75em;
	margin: 0;
	opacity: 0;
	padding: 0;
	visibility: hidden;
}
ul li
{
	display: inline;
	margin-right: .75em;
	padding-bottom: .1875em;
	position: relative;
}
li a
{
	color: #A3A3A3;
	cursor: pointer;
	moz-transition: color .5s;
	ms-transition: color .5s;
	o-transition: color .5s;
	transition: color .5s;
	webkit-transition: color .5s;
}
li a:after
{
	background-color: #DDC225;
	bottom: 0;
	content: '';
	height: .125em;
	left: 0;
	moz-transition: opacity .5s;
	ms-transition: opacity .5s;
	opacity: 0;
	o-transition: opacity .5s;
	position: absolute;
	transition: opacity .5s;
	webkit-transition: opacity .5s;
	width: 100%;
}
li a:hover
{
	color: #FFF;
}
li a:hover:after
{
	opacity: 1;
}
a.btn-fill,a.btn-bordered
{
	border: .063em solid transparent;
	border-radius: .125em;
	font-weight: 700;
	padding: .5em 1em;
	text-transform: uppercase;
}
a.btn-fill:after,a.btn-bordered:after
{
	display: none;
}
a.btn-fill
{
	background: #FFD61F;
	color: #00A1E0;
}
a.btn-fill:hover
{
	background: #FFF;
	color: #00A1E0;
}
a.btn-bordered
{
	border-color: #FFF;
	color: #FFF;
}
#drifter,#particles-js
{
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.sven-badge
{
	bottom: 2em;
	font-size: .438em;
	left: 0;
	letter-spacing: .0625em;
	line-height: 1.875em;
	margin: 0 auto;
	position: fixed;
	right: 0;
	text-transform: uppercase;
	width: 86%;
	z-index: 10;
}
.sven-badge a
{
	color: #707070;
}
.sven-badge span
{
	border-bottom: 1px dotted;
	display: inline-block;
	font-weight: 700;
}
.sven-badge:hover span
{
	border-bottom: 1px dotted transparent;
	color: #DDC225;
}
.preloader
{
	z-index: 100;
}
.spinner
{
	animation: load 1s infinite linear;
	background: #DDC225;
	background: linear-gradient(to bottom,#DDC225 10%,rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(top,#DDC225 10%,rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,#DDC225 10%,rgba(255,255,255,0) 100%);
	border-radius: 50%;
	height: 1em;
	margin: 0 auto;
	moz-animation: load 1s infinite linear;
	position: relative;
	webkit-animation: load 1s infinite linear;
	width: 1em;
}
.spinner:before,.spinner:after
{
	bottom: 0;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.spinner:before
{
	background: linear-gradient(to right,rgba(255,255,255,0) 50%,#DDC225 50%);
	background: -moz-linear-gradient(left,rgba(255,255,255,0) 50%,#DDC225 50%);
	background: -webkit-linear-gradient(left,rgba(255,255,255,0) 50%,#DDC225 50%);
	border-radius: 100%;
}
.spinner:after
{
	background: #151515;
	border-radius: 50%;
	height: 90%;
	margin: auto;
	width: 90%;
}
@-webkit-keyframes load
{
	from
	{
		webkit-transform: rotate(0deg);
	}
	to
	{
		webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes load
{
	from
	{
		moz-transform: rotate(0deg);
	}
	to
	{
		moz-transform: rotate(360deg);
	}
}
@keyframes load
{
	from
	{
		moz-transform: rotate(0deg);
		ms-transform: rotate(0deg);
		o-transform: rotate(0deg);
		transform: rotate(0deg);
		webkit-transform: rotate(0deg);
	}
	to
	{
		moz-transform: rotate(360deg);
		ms-transform: rotate(360deg);
		o-transform: rotate(360deg);
		transform: rotate(360deg);
		webkit-transform: rotate(360deg);
	}
}
#minimos-1
{
	background: #151515;
	font-family: "Raleway",sans-serif;
}
#minimos-2,#minimos-2 .spinner:after
{
	background: #280B29;
	font-family: "Abel",sans-serif;
}
#minimos-3,#minimos-3 .spinner:after
{
	background: #00A1E0;
	font-family: "Nunito",sans-serif;
}
#minimos-3 .sven-badge a
{
	color: #CCC;
}
#minimos-3 .sven-badge:hover span
{
	color: #FFD61F;
}
#minimos-4,#minimos-4 .spinner:after
{
	background: #F85E25;
	font-family: "Josefin Sans",sans-serif;
}
#minimos-4 .sven-badge a
{
	color: #CCC;
}
#minimos-4 .sven-badge:hover span
{
	color: #F8EB31;
}
#minimos-4 li a
{
	color: #E0E0E0;
}
#minimos-4 li a:hover
{
	color: #FFF;
}
#cafe1
{
	color: #FFF;
	font-family: "Crimson Text",serif;
}
#cafe1 h3
{
	color: #D08E25;
	font-family: 'Alegreya',serif;
	font-weight: 700;
}
#cafe1 .bg-image
{
	background-image: url(../images/cafe1-bg.jpg);
}
#cafe2
{
	color: #FFF;
	font-family: "Cormorant Infant",serif;
}
#cafe2 h3
{
	color: #D08E25;
	font-family: 'Muli',serif;
	font-weight: 700;
}
#cafe2 .bg-image
{
	background-image: url(../images/cafe2-bg.jpg);
}
#cafe1 .spinner::after,#cafe2 .spinner::after
{
	background: transparent;
}
.layout-center .v-center,.layout-center .sven-badge
{
	text-align: center;
}
.layout-center .main-content
{
	margin: 0 auto;
}
@media only screen and (min-width : 768px)
{
	body
	{
		font-size: 22px;
		line-height: 48px;
	}
	.main-content
	{
		width: 80%;
	}
}
@media only screen and (min-width : 1200px)
{
	body
	{
		font-size: 26px;
		line-height: 48px;
	}
}
@media only screen and (min-width : 1824px)
{
	body
	{
		font-size: 32px;
		line-height: 60px;
	}
}

.img-responsive
{
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	}