body
{
	background		: #FFF url(/img/background-image.jpg) repeat-y center top;
	background-size	: 100%;
	margin			: 0;
	padding			: 0;
}
.overlay
{
	position		: fixed;
	width			: 100%;
	height			: 100%;
	left			: 0;
	top				: 0;
	bottom			: 0;
}
.head-holder
{
	width			: 70%;
	margin			: 0px auto;
	height			: 220px;
	position		: relative;
}
.logo-tools,
.navigation
{
	max-width		: 70%;
	min-width		: 1080px;
	height			: 140px;
	margin			: 0 auto;
	position		: relative;
	list-style		: none;
	padding			: 0;
}

.head-logo
{
	width			: 240px;
	height			: 140px;
	background		: transparent url(/img/Artboya-Logo.png) no-repeat center left;
	position		: absolute;
	display			: block;
	left			: 0;
	top				: 30px;
	background-size	: contain;
}

.head-tools,
.navigation
{
	width			: 70%;
	height			: 150px;
	position		: absolute;
	right			: 0;
	top				: 60px;
	text-align		: right;
}
.navigation
{
	top				: 135px;
}

.head-tools a
{
	display			: inline-block;
	font-family		: 'Open Sans', arial;
	font-size		: .9em;
	line-height		: 30px;
	color			: #333333;
	text-decoration	: none;
	font-weight		: 300;
	border-left		: 1px solid #666;
	padding			: 0 10px 0 10px;
	letter-spacing	: 0.05em;
	text-align		: right;
}
.head-tools a:first-child
{
	border			: none;
}

.navigation li
{
	display			: inline-block;
	padding			: 10px 0 10px 5%;
}

.navigation li a
{
	font-family		: "Open Sans", arial;
	color			: #000;
	display			: block;
	font-size		: 1.2em;
	letter-spacing	: 0.05em;
	text-decoration	: none;
	font-weight		: 300;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}
.navigation li a:hover
{
	color			: rgb(233,34,47);
}
*
{
	outline			: none;
}

.main-content
{
	width			: 100%;
	position		: relative;
	overflow		: hidden;
}
.promo-slider
{
	max-width		: 70%;
	min-width		: 1080px;
	min-height		: 540px;
	background		: #FFF;
	background-size	: cover;
	margin			: 30px auto;
	margin-bottom	: 160px;
}

.promo-video
{
	min-height		:440px;
}
.promo-video div
{
	background-color: #FFFFFF!important;
}

.embed-container
{
	position: relative; padding-bottom: 50%; height: 0; overflow: hidden; max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed
{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
h1.warning-header
{
	font-family		: "Rokkitt", times;
	color			: #000;
	display			: block;
	font-size		: 1.7em;
	letter-spacing	: 1px;
	text-decoration	: none;
	text-align		: center;
	font-weight		: 300;
	padding			: 0;
	margin			: 0;
}

h1.category-header
{
	font-family		: "Rokkitt", times;
	color			: #000;
	display			: block;
	font-size		: 2.1em;
	letter-spacing	: 1px;
	text-decoration	: none;
	text-align		: center;
	font-weight		: 300;
	padding			: 0;
	margin			: 0;
}
h2.category-header
{
	font-family		: "Open Sans", arial;
	color			: red;
	display			: block;
	font-size		: .9em;
	letter-spacing	: .3em;
	text-decoration	: none;
	text-align		: center;
	font-weight		: 300;
	padding			: 0;
	margin			: 0;
	margin-bottom	: 10px;
}


.margin-bottom-20{margin-bottom	: 20px!important;}
.margin-bottom-30{margin-bottom	: 30px!important;}
.margin-bottom-40{margin-bottom	: 40px!important;}


.main-categories
{
	max-width		: 73%;
	min-width		: 800px;
	margin			: 0px auto;
	margin-bottom	: 50px;
	display			: flex;
	flex-direction	: row;
	flex-wrap		: wrap;
	justify-content: space-around;
}



.main-category
{
	flex			: 0 0 20%;
	max-width		: 20%;
	margin			: 2.5%;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}

.main-category-media
{
	width			: 100%;
	padding-top		: 100%;
	overflow		: hidden;
	position		: relative;
	overflow		: hidden;
	background-color	: #FFF;
	background-repeat	: no-repeat;
	background-position	: center top;
	background-size		: cover;
	border			: 1px solid #999;
}
.main-category-media:hover
{
	border			: 1px solid rgb(233,34,47);
}

.main-category-link
{
	font-family		: "Open Sans", arial;
	color			: #333;
	display			: block;
	font-size		: .9em;
	text-decoration	: none;
	text-align		: left;
	padding			: 15px 0 15px 0;
	font-weight		: 400;
	line-height		: 20px;
	border-bottom	: 1px solid #EEE;
}

.main-category-subs
{
	font-family		: "Open Sans", arial;
	color			: #000;
	display			: block;
	font-size		: .8em;
	text-align		: center;
	padding			: 10px 0;
	font-weight		: 300;
}
.main-category-btn
{
	font-family		: "Open Sans", arial;
	color			: #FFF;
	display			: block;
	font-size		: .8em;
	text-decoration	: none;
	text-align		: center;
	line-height		: 30px;
	background-color: rgb(233,34,47);
	font-weight		: 300;
	margin			: 10px auto;
	width			: 40%;
}

.main-category-media a
{
	display			: block;
	position		: absolute;
	top				: 0;
	left			: 0;
	right			: 0;
	bottom			: 0;
}

.user-like
{
	position		: relative;
	width			: 100%!important;
	height			: 40px;
}


.user-like .user,
.user-like .like
{
	font-family		: "Open Sans", arial;
	color			: #222;
	display			: block;
	font-size		: .8em;
	text-decoration	: none;
	text-align		: left;
	line-height		: 30px;
	font-weight		: 300;
	margin			: 10px auto;
	position		: absolute;
	overflow		: hidden;
}
.user-like .user
{
	width			: 70%;
}
.user-like .like
{
	width			: 30%;
	right			: 0;
	text-align		: right;
}
.user-like .like span
{
	color			: #aaa;
}




.content
{
	width			: 75%;
	margin-top		: 100px;
	padding			: 3% 15%;
	position		: relative;
	height			: 450px;
}
.about
{
	max-width		: 70%;
	min-width		: 1000px;
	margin			: 0px auto;
	background-color: #FFF;
	padding			: 40px;
}

.contact-form
{
	width			: 60%;
	position		: absolute;
}

.form-control
{
	font-family		: "Open Sans", arial;
	color			: #333;
	display			: block;
	font-size		: .8em;
	text-decoration	: none;
	padding			: 13px 15px;
	border-radius	: 2px;
	border			: 1px solid #CCC;
	width			: calc(100% - 32px)
}
.btn_submit
{
	font-family		: "Open Sans", arial;
	color			: #FFF;
	display			: block;
	font-size		: .75em;
	text-decoration	: none;
	width			: 150px;
	background-color: #444;
	border			: none;
	height			: 40px;
	letter-spacing	: 0.05em;
	font-weight		: 300;
	margin			: 10px 0;
}
.btn_submit_big
{
	font-family		: "Open Sans", arial;
	color			: #FFF;
	display			: block;
	font-size		: .9em;
	text-decoration	: none;
	border-radius	: 40px;
	width			: 240px;
	background-color: #FFF;
	border			: none;
	line-height		: 40px;
	text-align		: center;
	letter-spacing	: 0.05em;
	font-weight		: bold;
	margin			: 30px auto;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
	clear			: both;
}
.btn_submit_big:hover
{
	background-color: rgb(162,203,77);
	color			: #FFF;
	border			: 2px solid #FFF;
}


.contact-info
{
	width			: 30%;
	position		: absolute;
	left			: 54%;
	padding-top		: 70px;
}

h2
{
	font-family		: "Open Sans", arial;
	color			: #333;
	display			: block;
	font-size		: 1.7em;
	margin			: 0px;
	padding			: 15px 0px;
	font-weight		: 300;
}

h4
{
	font-family		: "Open Sans", arial;
	color			: #333;
	display			: block;
	font-size		: 1.1em;
	margin			: 0px;
	padding			: 15px 0px;
	font-weight		: 300;
}
h5
{
	font-family		: "Open Sans", arial;
	color			: #333;
	display			: block;
	font-size		: .9em;
	margin			: 0px;
	padding			: 10px 0px;
	font-weight		: 300;
}
span.green
{
	font-family		: "Open Sans", arial;
	color			: rgb(162,203,77);
	display			: block;
	font-size		: .9em;
	margin			: 0px;
	font-weight		: 400;
}

p
{
	font-family		: "Open Sans", arial;
	color			: #333;
	display			: block;
	font-size		: .8em;
	margin			: 0px;
	font-weight		: 400;
	padding			: 20px 0;
	line-height		: 30px;
}
.contact-info a.messe-frankfurt
{
	display			: block;
	width			: 200px;
	height			: 50px;
	background		: transparent url(/img/messe-frankfurt-logo.svg) no-repeat center center;
	background-size	: cover;
	margin-top		: 40px;
}

.footer-holder
{
	max-width		: 70%;
	min-width		: 1080px;
	margin			: 0px auto;
	margin-bottom	: 0px;
	margin-top		: 5%;
	padding-top		: 60px;
	background-color: #FFF;
	display			: flex;
	flex-direction	: row;
	align-items		: flex-start;
	border-top		: 2px solid #666;
}

.footer-holder div
{
	flex			: 1;
	max-width		: 30%;
	text-align		: left;
}
.footer-holder h5
{
	font-family		: "Open Sans", arial;
	color			: #333;
	display			: block;
	font-size		: .9em;
	text-decoration	: none;
	font-weight		: 400;
	letter-spacing	: 5px;
	margin-bottom	: 10px;
}

.footer-links
{
	margin			: 0px;
	padding			: 0px;
	list-style		: none;
}
.footer-links li
{
	margin			: 5px;
	padding			: 0px;
	list-style		: none;
}


.footer-links li a,
.footer-socials a,
.footer-holder span
{
	font-family		: "Open Sans", arial;
	color			: #333;
	display			: block;
	text-decoration	: none;
	font-weight		: 300;
	line-height		: 2em;
	font-size		: .75em;
}
.footer-socials a
{
	display			: inline-block;
	padding			: 5px;
	font-size		: 1.4em;
}

.copyright
{
	font-family		: "Open Sans", arial;
	color			: #444;
	display			: block;
	font-size		: .8em;
	text-align		: center;
	padding			: 20px 0;
	border-top		: 1px solid #EEE;
	width			: 70%;
	margin			: 0px auto;
	font-weight		: 300;
}


.product-detail,
.product-interaction
{
	max-width		: 70%;
	min-width		: 1080px;
	margin			: 0px auto;
	text-align		: center;
	padding-bottom	: 50px;
	border-bottom	: 1px solid #EEE;
}
.product-interaction
{
	margin-top		: 3%;
	margin-bottom	: 5%;
}
.product-text p
{
	display			: inline-block;
	font-family		: "Open Sans", arial;
	color			: #444;
	font-size		: 1.1em;
	text-align		: center;
	width			: 50%;
	font-weight		: 300;
}
.product-image
{
	width			: 80%;
	padding-top		: 50%;
	margin			: 50px auto;
	background-repeat	: no-repeat;
	background-size		: contain;
	background-position	: center center;
}
.product-video
{
	width			: 100%;
	margin			: 50px auto;
	background-repeat	: no-repeat;
	background-size		: contain;
	background-position	: center center;
	text-align: center;
}
.product-actions a
{
	display			: inline-block;
	font-family		: "Rokkitt", times;
	color			: #444;
	font-size		: 1.2em;
	text-align		: center;
	text-decoration	: none;
	border-bottom	: 2px solid #444;
	line-height		: 40px;
	margin			: 5%;
	padding			: 0 10px;
	font-weight		: 200;
}
.product-actions a:hover
{
	border-bottom	: 2px solid rgb(233,34,47);
}

.product-interaction h5
{
	font-family		: "Open Sans", arial;
	color			: #666;
	display			: block;
	font-size		: .9em;
	margin			: 0px;
	padding			: 10px 0px;
	font-weight		: 300;
	letter-spacing	: .3em;
}

.question
{
	font-family		: "Open Sans", arial;
	color			: #333;
	display			: block;
	font-size		: .9em;
	margin			: 30px auto;
	margin-top		: 10px;
	padding			: 20px;
	font-weight		: 300;
	width			: 55%;
	border			: 1px solid #666;
	border-radius	: 20px;
	height			: 120px;
}

.breadcrumbs
{
	max-width 		: 70%;
	min-width		: 1080px;
	margin			: 0px auto;
	font-family		: "Rokkitt", arial;
	color			: #444;
	font-size		: 1em;
	margin-top		: 40px;
	margin-bottom	: -10px;
}

.breadcrumbs a.b-main-category
{
	display			: inline-block;
	text-decoration	: none;
	color			: #333;
	font-weight		: 200;
	line-height		: 40px;
	padding			: 0 20px;
}
.breadcrumbs a.b-parent-category
{
	display			: inline-block;
	text-decoration	: none;
	color			: #999;
	font-weight		: 200;
	line-height		: 40px;
	padding			: 0 20px 0 0;
}

.centered
{
	max-width 		: 70%;
	min-width		: 1080px;
	margin			: 0px auto;
	margin-top		: 60px;
	text-align		: center;
}










.project-form
{
	max-width		: 70%;
	min-width		: 1080px;
	margin			: 0px auto;
	padding			: 80px 0;
	text-align		: center;
}

.project-form p
{
	font-family		: "Open Sans", arial;
	color			: #333;
	display			: block;
	font-size		: 1em;
	padding			: 20px;
	font-weight		: 300;
}

.project-form span
{
	font-family		: "Open Sans", arial;
	color			: #666;
	display			: block;
	font-size		: .9em;
	padding			: 10px 0;
	font-weight		: 300;
}

.project-form h3
{
	font-family		: "Open Sans", arial;
	color			: rgb(233,34,47);
	display			: block;
	font-size		: 1em;
	padding			: 20px;
	font-weight		: 400;
	text-align		: center;
}


.form-input
{
	font-family		: "Open Sans", arial;
	color			: #333;
	display			: block;
	font-size		: .9em;
	font-weight		: 300;
	text-decoration	: none;
	padding			: 10px 15px;
	border-radius	: 5px;
	border			: 1px solid #CCC;
	margin			: 0px auto;
	width			: calc(100% - 30px);
}


.field-block
{
	display			: block;
 	padding			: 10px 30px;
	background-color: #f5f5f5;
	text-align		: left;
	width			: 60%;
	margin			: 30px auto;
	padding-bottom	: 30px;
	border-radius	: 20px;
	border			: 1px solid #E5E5E5;
	position		: relative;
}

.picture-upload
{
	position		: absolute;
	top				: -40px;
	opacity			: 0;
}
.is-dragover
{
	border-style: dashed;
	border-color: rgb(233,34,47);
}

.project-form-btn
{
	font-family		: "Open Sans", arial;
	background-color: rgb(233,34,47);
	font-size		: .9em;
	font-weight		: 300;
	text-align		: center;
	color			: #FFF;
	border			: none;
	border-radius	: 5px;
	margin			: 20px auto;
	margin-bottom	: 0px;
	margin-top		: 30px;
	line-height		: 40px;
	padding			: 0px 40px;
	-moz-transition		: 0.3s;
	-o-transition		: 0.3s;
	-webkit-transition	: 0.3s;
	transition			: 0.3s;
}
.project-form-btn.next
{
	background-color: #DDD;
	color			: rgb(233,34,47);
}

.project-form-btn.next,
.project-form-btn.last
{
	display			: inline-block;
	text-decoration	: none;
}
.project-form-btn.next span,
.project-form-btn.last span
{
	color			: inherit;
	font-size		: 1em;
	display			: inline;
	margin-bottom	: -3px;
}

.project-form-btn:hover
{
	box-shadow		: 0px 0px 10 rgba(233,34,47, .7);
}

.menu-draw,
.mobile-user
{
	display			: none!important;
}





.profile-main
{
	width			: 75%;
	margin			: 0px auto;
	text-align		: center;
}

.profile-holder
{
	vertical-align	: top;
	width			: 25%;
	border-radius	: 10px;
	background-color: #F9F9F9;
	border			: 1px solid #EEE;
	display			: inline-block;
	position		: relative;
	padding			: 4% 0;
}
.profile-photo
{
	width			: 40%;
	padding-top		: 40%;
	border-radius	: 100%;
	border			: 1px solid #FF800D;
	margin			: auto;
	margin-bottom	: 5%;
}

.profile-holder h2
{
	color			: #000;
	font-family		: "Open Sans", arial;
	font-size		: 1.7em;
	font-weight		: 300;
	margin			: 0;
	padding			: 0;
}

.profile-holder h3
{
	color			: #666;
	font-family		: "Open Sans", arial;
	font-size		: .9em;
	font-weight		: 300;
	margin			: 0;
	padding			: 0;
}

.profile-project
{
	vertical-align	: top;
	width			: 65%;
	padding-top		: 35%;
	margin-left		: 5%;
	border-radius	: 10px;
	background-color: #F9F9F9;
	border			: 1px solid #EEE;
	display			: inline-block;
	background-repeat	: no-repeat;
	background-size		: cover;
	background-position	: center;
	position		: relative;
}

.profile-project h2
{
	padding			: 20px;
	background-color: #00000060!important;
	color			: #FFF;
	font-family		: "Open Sans", arial;
	background-color: rgb(233,34,47);
	font-size		: 1.3em;
	width			: 50%;
	margin			: 0px auto;
	position		: absolute;
	left			: 50%;
	top				: 50%;
	transform		: translateX(-50%) translateY(-50%);
	border-radius	: 10px;
}

.profile-count
{
	width			: 50%;
	padding			: 10px;
	border-top		: 1px solid #FF800D;
	border-bottom	: 1px solid #FF800D;
	margin			: 0px auto;
	margin-top		: 10%;
	margin-bottom	: 10%;
}
.profile-count span
{
	color			: #000;
	font-family		: "Open Sans", arial;
	font-size		: .9em;
}


.follow-button
{
	color			: #000;
	font-family		: "Open Sans", arial;
	background-color: #FF800D;
	font-size		: .9em;
	margin			: 0px auto;
	border-radius	: 5px;
	padding			: 10px 10%;
	display			: block;
	width			: 30%;
	text-decoration	: none;
	border			: 1px solid transparent;
}

.follow-button.followed
{
	color			: #FF800D;
	background-color: #FFF;
	border			: 1px solid #FF800D;
}

.report-button
{
	color			: #999;
	font-family		: "Open Sans", arial;
	font-size		: .9em;
	margin			: 0px auto;
	border-radius	: 5px;
	padding			: 10px 10%;
	display			: block;
	text-decoration	: none;
	transition		: all .3s ease;
}
.report-button:hover
{
	color			: #000;
}



@media (max-width:540px)
{

	body{
		overflow-x: hidden;
		background-image: none;
	}
	body::-webkit-scrollbar,
	.main-content::-webkit-scrollbar
	{
		display			: none;
	}

	.head-holder
	{
		width			: 90%;
		padding			: 0 5%;
		height			: 20vw;
	}

	.logo-tools
	{
		max-width		: 90%;
		min-width		: 90%;
		height			: 20vw;
		margin			: 0 auto;
		position		: relative;
		list-style		: none;
		padding			: 0 5%;
	}

	.head-logo
	{
		width			: 30vw;
		height			: 15vw;
		background		: transparent url(/img/Artboya-Logo.png) no-repeat center left;
		position		: absolute;
		display			: block;
		left			: 0;
		top				: 30px;
		background-size	: contain;
	}

	.head-tools
	{
		width			: 70%;
		height			: 40px;
		position		: absolute;
		right			: 0;
		top				: 80px;
		text-align		: right;
		display			: none;
	}
	.menu-draw
	{
		position		: absolute;
		line-height		: 12vw;
		width			: 12vw;
		font-size		: 2em;
		left			: 85vw;
		top				: 6vw;
		display			: block!important;
		cursor			: pointer;
	}
	.show
	{
		display		: block;
	}
	.hide
	{
		display		: none;
	}

	.navigation
	{
		margin			: 0px!important;
		border			: 1px solid #CCC;
		height			: auto;
		position		: absolute;
		z-index			: 200;
		background-color: #FFF;
		width			: calc(100% - 2px);
		min-width		: calc(100% - 2px);
		text-align		: center;
		top				: 25vw;
		left			: 0;
		right			: 0;
		padding			: 5vw 0!important;
		box-shadow		: 0 10px 10px rgba(0, 0, 0, 0.3);
	}
	.navigation li
	{
		display			: block;
		padding			: 0;
		width			: auto;
	}
	.mobile-user
	{
		display: block!important;
	}
	.navigation li a
	{
		font-family		: "Open Sans", arial;
		color			: #000;
		display			: block;
		font-size		: 1em;
		letter-spacing	: 0.05em;
		line-height		: 10vw;
		text-decoration	: none;
		-moz-transition		: 0.3s;
		-o-transition		: 0.3s;
		-webkit-transition	: 0.3s;
		transition			: 0.3s;
	}
	.navigation li a:hover
	{
		color			: rgb(233,34,47);
	}

	.navigation li input
	{
		font-family		: "Open Sans", arial;
		color			: #333;
		display			: block;
		font-size		: 1em;
		text-decoration	: none;
		padding			: 12px;
		border-radius	: 2px;
		border			: 1px solid #CCC;
		width			: calc(80% - 24px);
		font-weight		: 300;
		margin			: 0px auto;
		margin-top		: 30px;
	}

	.navigation li:last-child
	{
		margin			: 0;
		padding			: 0;
		position		: relative;
		right			: 0;
		min-width		: 100%;
	}

	.navigation li:last-child a
	{
		display			: block;
		padding-right	: 0px;
		position		: absolute;
		right			: calc(10% + 20px);
		top				: 5px;
		font-size		: 1.4em;
	}

	.main-categories
	{
		max-width		: 100%;
		min-width		: auto;
		width			: 100%!important;
		margin			: 0px auto;
		display			: block;
		flex-direction	: column;
		flex-wrap		: wrap;
		justify-content: space-around;
	}

	.main-category
	{
		flex			: 0 0 100%;
		max-width		: 80%;
		width			: 80%;
		margin			: 10%;
		margin-bottom	: 20%;
		-moz-transition		: 0.3s;
		-o-transition		: 0.3s;
		-webkit-transition	: 0.3s;
		transition			: 0.3s;
	}

	.main-category-media
	{
		width			: 100%;
		padding-top		: 100%;
		overflow		: hidden;
		position		: relative;
		overflow		: hidden;
		background-color	: #FFF;
		background-repeat	: no-repeat;
		background-position	: center top;
		background-size		: cover;
		border			: 1px solid #999;
	}
	.main-category-media:hover
	{
		border			: 1px solid rgb(233,34,47);
	}

	.main-category-link
	{
		font-family		: "Open Sans", arial;
		color			: #333;
		display			: block;
		font-size		: .9em;
		text-decoration	: none;
		text-align		: center;
		padding			: 15px 0 5px 0;
		font-weight		: 400;
		line-height		: 20px;
	}
	.main-category-subs
	{
		font-family		: "Open Sans", arial;
		color			: #000;
		display			: block;
		font-size		: .8em;
		text-align		: center;
		padding			: 10px 0;
		font-weight		: 300;
	}
	.main-category-btn
	{
		font-family		: "Open Sans", arial;
		color			: #FFF;
		display			: block;
		font-size		: 1em;
		text-decoration	: none;
		text-align		: center;
		line-height		: 10vw;
		background-color: rgb(233,34,47);
		font-weight		: 300;
		margin			: 10px auto;
		width			: 60%;
	}

	.promo-slider
	{
		max-width		: 100%;
		min-width		: 100%;
		min-height		: 30vw;
		max-height		: 50vw;
		background		: #FFF;
		background-size	: cover;
		margin			: 0px auto;
		margin-top		: 10vw;
		margin-bottom	: 160px;
	}

	.embed-container
	{
		position: relative; padding-bottom: 50%; height: 0; overflow: hidden; max-width: 100%;
	}
	.embed-container iframe,
	.embed-container object,
	.embed-container embed
	{
		position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	}


	.project-form
	{
		max-width		: 100%;
		min-width		: 100%;
		margin			: 0px auto;
		padding			: 0px 0;
		text-align		: center;
		overflow		: hidden;
		background-color: #FFRF;
	}
	.projedt-form::-webkit-scrollbar
	{
		display			: none;
	}

	.project-form p
	{
		font-family		: "Open Sans", arial;
		color			: #333;
		display			: block;
		font-size		: 1em;
		padding			: 20px;
		font-weight		: 300;
	}

	.project-form span
	{
		font-family		: "Open Sans", arial;
		color			: #666;
		display			: block;
		font-size		: .9em;
		padding			: 10px 0;
		font-weight		: 300;
	}

	.project-form h3
	{
		font-family		: "Open Sans", arial;
		color			: rgb(233,34,47);
		display			: block;
		font-size		: 1em;
		padding			: 20px;
		font-weight		: 400;
		text-align		: center;
	}


	.form-input
	{
		-webkit-appearance: none;
   		-moz-appearance: none;
   		appearance: none;

		font-family		: "Open Sans", arial;
		color			: #333;
		display			: block;
		font-size		: .9em;
		font-weight		: 300;
		text-decoration	: none;
		text-align		: center;;
		padding			: 10px 15px;
		border			: none;
		border-radius	: 5px;
		border-bottom	: 1px solid #eee;
		margin			: 0px auto;
		margin-bottom	: 3vw;
		width			: calc(100% - 30px);
		background-color: #FFF;
	}
	.form-input:focus
	{
		background-color: #FFF;
		border-bottom	: 1px solid #FF800D;
	}

	.field-block
	{
		display			: block;
	 	padding			: 10px 5vw;
		background-color: #EFEFEF;
		text-align		: center;
		width			: 80vw;
		margin			: 5vw auto;
		margin-bottom	: 10vw;
		padding-bottom	: 10px;
		border-radius	: 20px;
		border			: 1px solid #EEE;
		position		: relative;
	}
	.field-block span
	{
		color			: #000;
		margin-bottom	: 3vw;
	}

	.picture-upload
	{
		position		: absolute;
		top				: -40px;
		opacity			: 0;
	}
	.is-dragover
	{
		border-style: dashed;
		border-color: rgb(233,34,47);
	}

	.project-form-btn
	{
		font-family		: "Roboto", arial;
		background-color: #FF800D;
		font-size		: .9em;
		font-weight		: 400;
		text-align		: center;
		color			: #FFF;
		border			: none;
		border-radius	: 5vh;
		margin			: 20px auto;
		margin-bottom	: 0px;
		margin-top		: 30px;
		line-height		: 50px;
		padding			: 0px 20px;
		width			: 70vw;

	}
	.project-form-btn.next
	{
		background-color: #DDD;
		color			: rgb(233,34,47);
	}

	.project-form-btn.next,
	.project-form-btn.last
	{
		display			: inline-block;
		text-decoration	: none;
	}
	.project-form-btn.next span,
	.project-form-btn.last span
	{
		color			: inherit;
		font-size		: 1em;
		display			: inline;
		margin-bottom	: -3px;
	}

	.project-form-btn:hover
	{
		box-shadow		: 0px 0px 10 rgba(233,34,47, .7);
	}

	.product-detail,
	.product-interaction
	{
		max-width		: 100%;
		min-width		: 100%;
		margin			: 0px auto;
		text-align		: center;
		padding-bottom	: 50px;
		border-bottom	: 1px solid #EEE;
	}
	.product-interaction
	{
		margin-top		: 3%;
		margin-bottom	: 5%;
	}
	.product-text p
	{
		display			: inline-block;
		font-family		: "Open Sans", arial;
		color			: #444;
		font-size		: 1.1em;
		text-align		: center;
		width			: 50%;
		font-weight		: 300;
	}
	.product-image
	{
		width			: 80%;
		padding-top		: 50%;
		margin			: 50px auto;
		background-repeat	: no-repeat;
		background-size		: contain;
		background-position	: center center;
	}
	.product-video
	{
		width			: 100%;
		margin			: 50px auto;
		background-repeat	: no-repeat;
		background-size		: contain;
		background-position	: center center;
		text-align: center;
	}
	.product-actions a
	{
		display			: inline-block;
		font-family		: "Rokkitt", times;
		color			: #444;
		font-size		: 1.2em;
		text-align		: center;
		text-decoration	: none;
		border-bottom	: 2px solid #444;
		line-height		: 40px;
		margin			: 5%;
		padding			: 0 10px;
		font-weight		: 200;
	}
	.product-actions a:hover
	{
		border-bottom	: 2px solid rgb(233,34,47);
	}

	.product-interaction h5
	{
		font-family		: "Open Sans", arial;
		color			: #666;
		display			: block;
		font-size		: .9em;
		margin			: 0px;
		padding			: 10px 0px;
		font-weight		: 300;
		letter-spacing	: .3em;
	}
	.footer-holder
	{
		max-width		: 90%;
		min-width		: 90%;
		margin			: 0px auto;
		margin-bottom	: 0px;
		margin-top		: 5%;
		padding			: 0 5%;
		padding-top		: 60px;
		background-color: #FFF;
		display			: block;
		flex-direction	: row;
		align-items		: flex-start;
		border-top		: 2px solid #666;
	}

	.footer-holder div
	{
		flex			: none;
		max-width		: 100%;
		width			: 100%;
		text-align		: center;
		margin			: 30px 0;
	}
	.copyright
	{
		font-family		: "Open Sans", arial;
		color			: #444;
		display			: block;
		font-size		: .8em;
		text-align		: center;
		padding			: 20px 0;
		border-top		: 1px solid #EEE;
		width			: 70%;
		margin			: 30px auto;
		font-weight		: 300;
	}

	.newsletter-signup *
	{
		margin:0px auto;
		text-align	: center;
	}
}