* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
:before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html, body {
	height: 100%
}
a, a:active, a:focus, input:focus {
	text-decoration: none!important;
	outline: 0
}
::-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 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important
}
.gpu-hack {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}
.bg-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
	visibility: hidden
	}
	.bg-cover::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: -moz-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%);
		background: -o-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: linear-gradient(180deg, rgba(29,31,40,0.75) 0%, rgba(29,31,40,0.95) 100%)
	}
div[class^="sven-char"] {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	outline: 1px solid transparent
}
.abs-center {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.mt-0 {
	margin-top: 0
}
body {
	padding: 0;
	margin: 0;
	background: #151515;
	color: #fff;
	font-size: 16px;
	line-height: 28px
}
.content-wrapper {
	position: relative;
	overflow: auto;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1
	}
	.content-wrapper::before {
		content: '';
		display: inline-block;
		height: 100%;
		margin-right: -.25em;
		vertical-align: middle
		}
.v-center {
	position: relative;
	display: inline-block;
	width: 86%;
	text-align: left;
	vertical-align: middle
}
.main-content {
	visibility: hidden;
	overflow: hidden;
	padding-bottom: 53px;
	}
p {
	font-size: 1em;
	line-height: 1.875em;
	margin: 0;
	padding: 0 0 .9375em
	}
	p a {
		color: #DDC225
		}
ul {
	padding: 0 0 19px;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	font-size: .75em
	}
	ul li {
		position: relative;
		display: inline;
		padding-bottom: .1875em;
		margin-right: .75em
		}
		li a {
			color: #A3A3A3;
			-webkit-transition: color .5s;
			-moz-transition: color .5s;
			-ms-transition: color .5s;
			-o-transition: color .5s;
			transition: color .5s;
			cursor: pointer
			}
			li a:after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				opacity: 0;
				width: 100%;
				height: .125em;
				background-color: #DDC225;
				-webkit-transition: opacity .5s;
				-moz-transition: opacity .5s;
				-ms-transition: opacity .5s;
				-o-transition: opacity .5s;
				transition: opacity .5s
				}
				li a:hover {
					color: #FFF
					}
					li a:hover:after {
						opacity: 1
					    }
.credits {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 2em;
	margin: 0 auto;
	width: 86%;
	font-size: .438em;
	line-height: 1.875em;
	text-transform: uppercase;
	letter-spacing: .0625em;
	z-index: 10
	}
	.credits a {
		color: #707070
		}
		.credits span {
			display: inline-block;
			font-weight: 700;
			border-bottom: 1px dotted
			}
			.credits:hover span {
				color: #DDC225;
				border-bottom: 1px dotted transparent
			 	}
.preloader {
	z-index: 100
}
.spinner {
	position: relative;
	width: 1em;
	height: 1em;
	margin: 0 auto;
	border-radius: 50%;
	background: #DDC225;
	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%);
	background: linear-gradient(to bottom, #DDC225 10%, rgba(255,255,255,0) 100%);
	-webkit-animation: load 1s infinite linear;
	-moz-animation: load 1s infinite linear;
	animation: load 1s infinite linear
	}
	.spinner:before, .spinner:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%
		}
		.spinner:before {
			border-radius: 100%;
			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%);
			background: linear-gradient(to right, rgba(255,255,255,0) 50%, #DDC225 50%)
			}
			.spinner:after {
				width: 90%;
				height: 90%;
				margin: auto;
				border-radius: 50%;
				background: #151515
			 	}
@-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 {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
#minimos-1 {
	font-family: 'Source Sans Pro', sans-serif;
	background: #151515
	}
	#minimos-1 .bg-image {
		background-image: url(../images/biker.jpg)
		}
		#minimos-1 .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;
	}
}