/*
Theme Name: ROCKI-V2
Theme URI: http://www.myrocki.com
Author: Harro Heijboer
Author URI: http://www.harroheijboer.nl
Description: Theme for the kickstarter ROCKI-V2
Version: 1.0
License: Copyright 2013/2014 - ROCKI-V2
License URI: http://www.copyright.gov/title17/circ92.pdf
Tags: groen, dark, black, blue, white
Text Domain: rocki
*/


/*
--------------------
fonts
--------------------
*/

/* Gt */

@font-face{
	font-family:"Gt-Ultra";
	src:url("fonts/Gotham-Ultra.otf") format("opentype");
}

@font-face{
	font-family:"Gt-Thin";
	src:url("fonts/Gotham-Thin.otf") format("opentype");
}

@font-face{
	font-family:"Gt";
		src:url("fonts/Gt-XLight.eot");
		src:url("fonts/Gt-XLight.eot") format("eot"),
			url("fonts/Gt-XLight.woff") format("woff"),
			url("fonts/Gt-XLight.ttf") format("truetype"),
			url("fonts/Gt-XLight.svg") format("svg");
	font-weight: 100;
}
@font-face{
	font-family: "Gt-Light";
		src:url("fonts/Gt-Light.eot");
		src:url("fonts/Gt-Light.eot") format("eot"),
			url("fonts/Gt-Light.woff") format("woff"),
			url("fonts/Gt-Light.ttf") format("truetype"),
			url("fonts/Gt-Light.svg") format("svg");
	font-weight: 200;
}
@font-face{
	font-family:"Gt-Book";
		src:url("fonts/Gt-Book.eot");
		src:url("fonts/Gt-Book.eot") format("eot"),
			url("fonts/Gt-Book.woff") format("woff"),
			url("fonts/Gt-Book.ttf") format("truetype"),
			url("fonts/Gt-Book.svg") format("svg");
	font-weight: 400;
}
@font-face{
	font-family:"Gt-Medium";
		src:url("fonts/Gt-Medium.eot");
		src:url("fonts/Gt-Medium.eot") format("eot"),
			url("fonts/Gt-Medium.woff") format("woff"),
			url("fonts/Gt-Medium.ttf") format("truetype"),
			url("fonts/Gt-Medium.svg") format("svg");
	font-weight: 600;
}


/* Uvs, through fonts.com */

@font-face{
	font-family:"Uvs";
		src:url("fonts/Uvs-Light.eot");
		src:url("fonts/Uvs-Light.eot") format("eot"),
			url("fonts/Uvs-Light.woff") format("woff"),
			url("fonts/Uvs-Light.ttf") format("truetype"),
			url("fonts/Uvs-Light.svg") format("svg");
	font-weight: 200;
}
@font-face{
	font-family:"Uvs";
		src:url("fonts/Uvs-Roman.eot");
		src:url("fonts/Uvs-Roman.eot") format("eot"),
			url("fonts/Uvs-Roman.woff") format("woff"),
			url("fonts/Uvs-Roman.ttf") format("truetype"),
			url("fonts/Uvs-Roman.svg") format("svg");
	font-weight: 400;
}
@font-face{
	font-family:"Uvs";
		src:url("fonts/Uvs-Bold.eot");
		src:url("fonts/Uvs-Bold.eot") format("eot"),
			url("fonts/Uvs-Bold.woff") format("woff"),
			url("fonts/Uvs-Bold.ttf") format("truetype"),
			url("fonts/Uvs-Bold.svg") format("svg");
	font-weight: 700;
}

/*
--------------------
Reset
--------------------
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
	height: 100%;
	-webkit-text-size-adjust: none;
}
html {
	height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
article,aside,details,figcaption,figure,
footer,hgroup,menu,nav,section {
    display:block;
}
.clearfix {
	float: none;
	clear: both;
}
a, a:active, a:focus, input, select, textarea {
	outline: none;
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}


/*
--------------------
Body Text
--------------------
*/

.txt-body {
	position: relative;
}

	.txt-body p {
		margin-bottom: 15px;
	}

	.txt-body img {
		max-width: 960px;
		height: auto;
	}

	.txt-body iframe {
		max-width: 960px;
	}

	.txt-body img.alignleft {
		margin-right: 25px;
	}

	.txt-body img.alignright {
		margin-left: 25px;
	}

	.txt-body a {
		color: #26C493;
		font-weight: bold;
		text-decoration: none;
	}

	.txt-body a:hover {
		text-decoration: underline;
	}

	.txt-body blockquote {

		font-size: 26px;
		line-height: 26px;
		font-weight: 200;
		font-style: italic;
		display: block;
		color: #26C493;
		text-decoration: none;
		border-bottom: #CCCCCC solid 1px;
		border-top: #CCCCCC solid 1px;
		padding-bottom: 20px;
		padding-top: 20px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.txt-body ul, .txt-body ol {
		margin-top: 0px;
		margin-bottom: 27px;
		margin-left: 30px;
		line-height: 29px;
	}

	.txt-body ul {
		list-style-image: url('img/list-item-bullet.png');
	}

	.txt-body ol {
		list-style-type: decimal;
	}

	.txt-body h1, .txt-body h2, .txt-body h3, .txt-body h4, .txt-body h5, .txt-body h6 {
		font-family: Gt-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 100;
		text-transform: uppercase;
		color: #000000;
		padding-bottom: 10px;
		padding-top: 10px;
		clear: none;
		margin-top: 0px !important;
		letter-spacing: 0px;
	}
	.txt-body h1 {
		font-size: 48px;
		line-height: 48px;
	}
	.txt-body h2 {
		font-size: 36px;
		line-height: 36px;
	}
	.txt-body h3 {
		font-size: 30px;
		line-height: 30px;
	}
	.txt-body h4 {
		font-size: 24px;
		line-height: 24px;
	}
	.txt-body h5 {
		font-size: 18px;
		line-height: 18px;
	}
	.txt-body h6 {
		font-size: 14px;
		line-height: 14px;
	}

.alignleft {
	float: left;
}

.alignleft2 {
	float: left;
	margin-left: 37px;
}

.alignleft3 {
	float: left;
	margin-left: 37px;
	font-family: Gt-Light, Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #000000
}

.alignright {
	float: right;
}

.aligncenter {
	text-align:center;
    display:block;
    margin-left: auto;
    margin-right: auto;
}

/*
--------------------
Header
--------------------
*/



header {
	width: 100%;
	height: 77px;
	background-color: rgba(255, 255, 255, 0.8); /*, 0.8, background-color: #26C493; */
	/* border-bottom: #28AB82 solid 3px; */
	position: fixed;
	display: block;
	top: 0px;
	left: 0px;
	z-index: 10000;
}



	header nav {
		display: block;
		/*position: relative;
		left: 100px;*/
		margin: auto;
		max-width: 940px;
		padding-left: 20px;
		padding-right: 20px;
	}

		header nav .logo {
			width: 144px;
			height: 34px;
			background: url('img/ROCKI-logo_black.png') 0px 0px no-repeat;
			display: block;
			float: left;
			margin-top: 22px;
			overflow: hidden;
			text-indent: -1000px;
		}

		header nav ul {
			float: right;
			margin-top: 14px;
		}

			header nav li {
				float: left;
				margin-left: 25px;
				height: 49px;

				font-family: Gt-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size: 12pt;
				font-weight: 400;
				line-height: 49px;
				vertical-align: middle;
				text-transform: uppercase;
				color: #000000;
			}

				header nav li a {
					color: inherit;
					text-decoration: none;
					height: 45px;
					display: block;
				}
				header nav li a:hover {
					color: #93E2C9;
				}

			header nav li.small {
				font-size: 13px;
			}

			header nav li.spacer {
				background: url('img/markers-single-white.png') left center no-repeat;
				padding-left: 18px;
				margin-left: 20px;
			}

			header nav li.button {
   				border-top: 1px solid #000000;
				border-style: solid;
   				background: #ffffff;
   				padding: 0px 1px;
   				-webkit-border-radius: 8px;
  				-moz-border-radius: 8px;
   				border-radius: 8px;
   				-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   				-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   				box-shadow: rgba(0,0,0,1) 0 1px 0;
   				text-shadow: rgba(0,0,0,.4) 0 1px 0;
   				color: #000000;
   				font-size: 14pt;
   				font-family: Gt-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
   				text-decoration: none;
   				vertical-align: middle;
   			}
			header nav li.button:hover {
   				border-top-color: #00cc99;
   				background: #00cc99;
   				color: #ffffff;
   			}
			header nav li.button:active {
   				border-top-color: #ffffff;
   				background: #ffffff;
   			}


/*
--------------------
Body Setup
--------------------
*/

section {
	width: 100%;
	position: relative;
}

	section .wrapper {
		width: 100%;
		max-width: 960px;
		position: relative;
		margin: auto;
		background-position: center 52px;
		background-repeat: no-repeat;
		margin-top: -1px;
		padding-top: 1px;
	}

		section .wrapper .left {
			width: 480px;
			float: left;
			position: relative;
			color: #5C6771;
		}

		section .wrapper .right {
			float: left;
			position: relative;
			width: 415px;
			margin-left: 45px;
			color: #5C6771;
		}

		section .wrapper .twothird {
			width: 530px;
			float: left;
			position: relative;
			color: #5C6771;
		}

		section .wrapper .onethird {
			float: left;
			position: relative;
			width: 355px;
			margin-left: 45px;
			color: #5C6771;
		}

		section .wrapper h3 {
			margin-top: 95px;
			text-transform: uppercase;
			text-align: center;
			position: relative;
		}

		section .wrapper .txt {
			font-size: 15px;
			line-height: 20px;
			text-align: center;
			padding-left: 80px;
			padding-right: 80px;
			margin-top: 30px;
		}

			section .wrapper .txt a {
				color: #26C493;
				font-weight: bold;
				text-decoration: none;
			}
			section .wrapper .txt a:hover {
				text-decoration: underline;
			}

section.white {
	background-color: #FFFFFF;
}
section.green {
	background-color: #26C493;
}
section.dark {
	background-color: #081725;
}
section.brown {
	background-color: #EEEAE6;
}

section.gray-footer {
	background-color: #666666;
}

/*section.green .wrapper {
		background-image: url('img/markers-white.png');
}*/

/*	section.white .wrapper,
	section.dark .wrapper {
		background-image: url('img/markers-green.png');
	}
*/

		section.green .wrapper h3,
		section.dark .wrapper h3 {
			color: #FFFFFF;
		}
		section.white .wrapper h3 {
			color: #525252;
		}

		section.green .wrapper .txt {
			color: #FFFFFF;
		}
		section.dark .wrapper .txt {
			color: #5C6771;
		}


/*
--------------------
Section: Home
--------------------
*/

#section-video {
	height: 100%;
	min-height: 900px; /* Changed 9/8 */
	margin-top: -1px;
	padding-top: 1px;
}

	#section-video .wrapper {
		background: none;
		height: 400px;
		position: relative;
		top: 50%;
		margin-top: -120px;
	}

		#section-video .wrapper h3 {
			width: 420px;
			margin: auto;
		}

		#section-video .wrapper .video-play {
			position: relative;
			margin: auto;
			margin-top: 20px;
			margin-left: 38px; /* Added 9/5 */
		}

	#section-video .video {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -330px; /* Added 9/8 */
		margin-left: -480px;
		background-color: #000000;
		height: 540px;
		overflow: hidden;
		display: none;
		border: #FFFFFF solid 3px;
	}

	#section-video .press {
		height: 150px;
		width: 100%;
		background-color: #FFFFFF;
		position: absolute;
		bottom: 0px;
		left: 0px;
	}

		#section-video .press .container {
			width: 100%;
			max-width: 960px;
			position: relative;
			margin: auto;
			margin-top: -1px;
			padding-top: 1px;
		}

			#section-video .press .container .txt {
				margin-top: 10px;
				height: 30px;
				line-height: 30px;
				vertical-align: middle;
				border-bottom: #DDDDDD solid 1px;
				text-align: center;
			}

				#section-video .press .container .txt a {
					color: #26C493;
					font-weight: bold;
					text-decoration: none;
				}

				#section-video .press .container .txt a:hover {
					text-decoration: underline;
				}


			#section-video .press .container .logos {
				list-style: none;
			}

				#section-video .press .container .logos .logo {
					margin-right: 20px;
					height: 1px;
					float: left;
				}
				#section-video .press .container .logos .logo.last {
					margin-right: 0px;
				}

				#section-video .press .container .logos .logo a .container {
					border: #DDDDDD solid 1px;
					height: 90px;
					width: 174px;
					margin-top: 12px;
				}

				#section-video .press .container .logos .logo a .container img {
					width: auto;
					height: 90px;
					margin: auto;
					display: block;
				}

/*
--------------------
Section: THE ROCKI
--------------------
*/

#section-the-rocki {
	height: 325px;

}

	#section-the-rocki h3 {
		font-size: 60pt;
		font-family: Gt-Ultra, Helvetica, Arial, sans-serif;
		letter-spacing: 0.2em;
	}

	#section-the-rocki div {
		font-size: 20pt;
		font-family: Gt-Light, Helvetica, Arial, sans-serif;
		color: #000000;
	}



/*
--------------------
Section: 4 STEPS TO GET YOUR ROCKI ON
--------------------
*/

#section-4-steps {
		height: 450px;
		position: relative;
		overflow: hidden;

}

/*
--------------------
Section: 4 THINGS TO KNOW ABOUT ROCKI
--------------------
*/

#section-4-things {
	height: 1350px;
}

	#section-4-things .wrapper {
		height: 1350px;
	}

	#section-4-things .box-container {
		text-align: center;
		height: auto;
		display: block;
	}

	#section-4-things .description-header {
		text-align: justify;
		text-justify: inter-word;
		display: inline-block;
		width: 600px;
		position: relative;
	}

		#section-4-things .description-header h2 {
			font-family: Gt-Light, Helvetica, Arial, sans-serif;
			font-size: 20pt;
			letter-spacing: 0.2em;
		}

	#section-4-things .description {
		font-family: Gt-Thin, Helvetica, Arial, sans-serif;
		font-size: 12pt;
	}

	#section-4-things .image-circle1 {
		background: url('img/circle1-opti.png') center center no-repeat;
		display: inline-block;
		height: 200px;
		width: 200px;
	}

	#section-4-things .image-circle2 {
		background: url('img/circle2-opti.png') center center no-repeat;
		display: inline-block;
		height: 200px;
		width: 200px;
	}

	#section-4-things .image-circle3 {
		background: url('img/circle3-opti.png') center center no-repeat;
		display: inline-block;
		height: 200px;
		width: 200px;
	}

	#section-4-things .image-circle4 {
		background: url('img/circle4-opti.png') center center no-repeat;
		display: inline-block;
		height: 200px;
		width: 200px;
	}

/*
--------------------
Section: THE APP - PART 1
--------------------
*/


#section-the-app {
	height: 360px;
}

	#section-the-app h1 {
		font-family: Gt-Ultra, Helvetica, Arial, sans-serif;
		font-size: 48pt;
		letter-spacing: 0.2em;
		color: #EF3C90;
	}

	#section-the-app p {
		font-family: Gt-Light, Helvetica, Arial, sans-serif;
		font-size: 12pt;
	}

	#section-the-app .phone {
		position: absolute;
		right: 50px;
		bottom: -150px;
		z-index: 1000;
	}

/*
--------------------
Section: THE APP - PART 2
--------------------
*/

#section-the-app2 {
	height: 600px;
	background-color: #999999;
}

	#section-the-app2 .box-container {
		text-align: center;
		color: #333333;
		height: auto;
		display: block;
	}

	#section-the-app2 .image-circle1 {
		background: url('img/app-circle-1-opti.png') center center no-repeat;
		display: inline-block;
		min-height: 200px;
		width: 200px;
	}

	#section-the-app2 .image-circle2 {
		background: url('img/app-circle-2-opti.png') center center no-repeat;
		display: inline-block;
		min-height: 200px;
		width: 200px;
	}

	#section-the-app2 .description-header {
		text-align: justify;
		text-justify: inter-word;
		display: inline-block;
		width: 700px;
		position: relative;
	}

		#section-the-app2 .description-header h2 {
			font-family: Gt-Light, Helvetica, Arial, sans-serif;
			font-size: 20pt;
			letter-spacing: 0.2em;
		}

	#section-the-app2 .description {
		font-family: Gt-Thin, Helvetica, Arial, sans-serif;
		font-size: 12pt;
	}

/*
--------------------
Section: COLORS BANNER
--------------------
*/

#colors {
	height: 250px;

}

	#colors h2 {
		font-family: Gt-Ultra, Helvetica, Arial, sans-serif;
		font-size: 48pt;
		letter-spacing: 0.2em;
		color: #000000;
		text-align: center;
	}

	#colors p {
		font-family: Gt-Light, Helvetica, Arial, sans-serif;
		font-size: 20pt;
		text-align: center;
	}

/*
--------------------
Section: COLOR CHOICES
--------------------
*/

#section-color-choices {
	height: 875px;
	background-color: #F5F5F5;
}

	#section-color-choices .wrapper {
		height: 875px;
	}

#section-own-one {
	height: 350px;
}

#section-tailer {
	height: 300px;
}

	#section-tailer .more_nav {
				float: left;
				margin-left: 25px;
				height: 49px;

				font-family: Gt-Light, "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size: 12pt;
				font-weight: 400;
				line-height: 49px;
				vertical-align: middle;
				text-transform: uppercase;
				color: #000000;
			}

				#section-tailer .more_nav a {
					color: inherit;
					text-decoration: none;
					height: 45px;
					display: block;
				}
				#section-tailer .more_nav a:hover {
					color: #93E2C9;
				}


/*
--------------------
Section: FAQ
--------------------
*/

#section-faq {
	padding-top: 77px;
}

	#section-faq .txt {
		padding-bottom: 40px;
	}

		#section-faq .txt a {
			color: #26C493;
		}
		#section-faq .txt a:hover {
			color: #17916B;
		}

#section-faq-questions {

}

	#section-faq-questions h4 {
		font-weight: 300;
		letter-spacing: 3px;
		text-transform: uppercase;
		color: #26C493;
		margin-top: 40px;
	}

	#section-faq-questions h3 {
		text-align: left;
		height: 80px;
		border-bottom: #DDDDDD solid 1px;
	}

	#section-faq-questions .faq-content {
		text-align: left;
		margin-bottom: 60px;
	}

		#section-faq-questions .faq-content .question {
			margin-bottom: 11px;
			margin-top: 30px;
			text-transform: uppercase;
			font-weight: 100;
		}

			#section-faq-questions .faq-content .question a {
				color: inherit;
				text-decoration: none;
			}
			#section-faq-questions .faq-content .question a:hover {
				color: #26C493;
			}

		#section-faq-questions .faq-content .answer {
			padding-bottom: 30px;
			background-image: url('img/markers-green-small.png');
			background-position: bottom center;
			background-repeat: no-repeat;
		}


	#section-faq-questions .faq-categories {
		margin-top: 25px;
	}

		#section-faq-questions .faq-categories li {
			background: url('img/list-arrow.png') left center no-repeat;
			height: 26px;
			line-height: 26px;
			vertical-align: middle;
			padding-left: 30px;
			margin-left: 10px;
		}

			#section-faq-questions .faq-categories li a {
				color: inherit;
				text-decoration: none;
			}
			#section-faq-questions .faq-categories li a:hover {
				text-decoration: underline;
			}

/*
--------------------
Section: Buy Now
--------------------
*/

#section-default {
	padding-top: 77px;
	padding-bottom: 55px;
}

	#section-default h3 {
		margin-bottom: 30px;
	}

/*
--------------------
Section: Press Page
--------------------
*/

#section-press-posts {
	padding-top: 77px;
	padding-bottom: 55px;
}

	#section-press-posts .articles {
		list-style: none;
		margin-top: 40px;
		display: block;
	}

		#section-press-posts .articles .article {
			width: 300px;
			margin-right: 30px;
			float: left;
		}

			#section-press-posts .articles .article .thumb {
				border: #313D49 solid 2px;
				width: 292px;
				height: 192px;
				padding: 2px;
				display: block;
			}

				#section-press-posts .articles .article .thumb .container {
					width: 292px;
					height: 192px;
					display: block;
					background-color: #182633;
				}

					#section-press-posts .articles .article .thumb .container img {

					}

			#section-press-posts .articles .article .date {
				margin-top: 30px;
				font-size: 14px;
			}

			#section-press-posts .articles .article .link {
				font-size: 18px;
				color: #26C493;
				text-decoration: none;
				margin-top: 25px;
				display: inline-block;
			}
			#section-press-posts .articles .article .link:hover {
				text-decoration: underline;
			}

			#section-press-posts .articles .article .quote {
				font-size: 32px;
				font-weight: 200;
				font-style: italic;
				line-height: 30px;
				color: #FFFFFF;
				margin-top: 8px;
			}

				#section-press-posts .articles .article .quote a {
					color: inherit;
					text-decoration: none;
				}
				#section-press-posts .articles .article .quote a:hover {
					text-decoration: underline;
				}


		#section-press-posts .articles .article.last {
			margin-right: 0px;
		}


#section-press {
	padding-bottom: 50px;
}

	#section-press .wrapper {

	}

		#section-press .wrapper h3 {
			text-align: left;
		}

		#section-press .wrapper .txt {
			text-align: left;
			padding: 0px;
		}

		#section-press .wrapper .all-press-articles {
			list-style: none;
			margin-top: 30px;
		}

			#section-press .wrapper .all-press-articles li {
				margin-bottom: 10px;
			}

				#section-press .wrapper .all-press-articles li span {
					font-size: 12px;
				}

				#section-press .wrapper .all-press-articles li a {
					color: #000000;
					font-weight: 400;
					text-decoration: none;
				}
				#section-press .wrapper .all-press-articles li a:hover {
					text-decoration: underline;
					color: #26C493;
				}

		#section-press .wrapper .releases {

		}

			#section-press .wrapper .releases .release {
				margin-top: 33px;
			}

				#section-press .wrapper .releases .release .date {
					font-size: 12px;
				}

				#section-press .wrapper .releases .release .title {
					font-size: 26px;
					line-height: 26px;
					font-weight: 200;
					font-style: italic;
					line-height: 30px;
					display: inline-block;
					color: inherit;
					text-decoration: none;
				}
				#section-press .wrapper .releases .release .title:hover {
					text-decoration: underline;
				}

				#section-press .wrapper .releases .release .downloads {
					height: 30px;
					line-height: 30px;
					vertical-align: middle;
					font-size: 14px;
					padding-top: 10px;
					padding-bottom: 15px;
					background: url('img/line-dots.png') left bottom repeat-x;
				}

					#section-press .wrapper .releases .release .downloads .btn-download {
						border: #26C493 solid 3px;
						border-radius: 6px;
						height: 22px;
						line-height: 22px;
						display: inline-block;
						vertical-align: middle;
						font-size: 10px;
						font-family: "Gt", "Helvetica Neue", Helvetica, Arial, sans-serif;
						text-transform: uppercase;
						font-weight: 600;
						padding-left: 6px;
						padding-right: 6px;
						text-decoration: none;
						color: #26C493;
					}
					#section-press .wrapper .releases .release .downloads .btn-download:hover {
						background-color: #caeee3;
					}

#section-press-single {
	padding-top: 77px;
	padding-bottom: 55px;
}

	#section-press-single .wrapper h3 {
		text-align: left;
	}

	#section-press-single .wrapper .txt {
		text-align: left;
		padding: 0px;
	}

/*
--------------------
Section: Footer
--------------------
*/

#section-footer {
	padding-bottom: 60px;
}

	#section-footer .wrapper h3 {
		text-align: left;
	}

	#section-footer .wrapper .txt {
		text-align: left;
		padding: 0px;
		margin-top: 2px;
		margin-bottom: 35px;
	}


	#section-footer .wrapper .contactdetails {
		float: left;
		margin-right: 30px;
		margin-bottom: 37px;
		line-height: 19px;
	}

		#section-footer .wrapper .contactdetails a {
			color: #FFFFFF;
			text-decoration: none;
		}
		#section-footer .wrapper .contactdetails a:hover {
			text-decoration: underline;
		}

	#section-footer .wrapper .twitterfeed {
		float: none;
		clear: both;
		display: block;
		height: 67px;
		border: #313D49 solid 3px;
		border-radius: 6px;
		margin-bottom: 48px;
		background: url('img/bg-twitterfeed.png') left center no-repeat;
		padding-left: 58px;
		vertical-align: middle;
		line-height: 65px;
	}

		#section-footer .wrapper .twitterfeed p {
			margin: 0px;
			font-size: 12px;
			color: #FFFFFF;
		}

		#section-footer .wrapper .twitterfeed a {
			color: inherit;
		}
		#section-footer .wrapper .twitterfeed a:hover {
			color: #26C493;
		}

		#section-footer .wrapper .twitterfeed .tweet-details {
			display: none;
		}

		#section-footer .wrapper .twitterfeed .tweet-text {
			display: inline-block;
			line-height: 14px;
			vertical-align: middle;
			padding-right: 20px;
		}

	.socialmedia {
		height: 42px;
		list-style: none;
		display: block;
	}

		.socialmedia li {
			float: left;
			margin-right: 20px;
		}

			.socialmedia li a.icon {
				width: 43px;
				height: 42px;
				position: relative;
				display: block;
				overflow: hidden;
				text-indent: -1000px;
				background-position: 0px 0px;
				background-repeat: no-repeat;
			}
			.socialmedia li a.icon:hover {
				background-position: 0px -42px;
			}

			.socialmedia li.twitter a.icon {
				background-image: url('img/socialmedia-twitter.png');
			}
			.socialmedia li.facebook a.icon {
				background-image: url('img/socialmedia-facebook.png');
			}
			.socialmedia li.googleplus a.icon {
				background-image: url('img/socialmedia-googleplus.png');
			}
			.socialmedia li.kickstarter a.icon {
				background-image: url('img/socialmedia-kickstarter.png');
			}

	#section-footer .wrapper .press {
		list-style: none;
		background: url('img/line-dots.png') left bottom repeat-x;
	}

		#section-footer .wrapper .press li {
			display: block;
		}

			#section-footer .wrapper .press li .quote {
				font-size: 32px;
				font-weight: 200;
				font-style: italic;
				line-height: 30px;
				display: block;
				color: #FFFFFF;
			}

				#section-footer .wrapper .press li .quote a {
					color: inherit;
					text-decoration: none;
				}
				#section-footer .wrapper .press li .quote a:hover {
					text-decoration: underline;
				}

			#section-footer .wrapper .press li .link {
				font-size: 24px;
				color: #505D68;
				text-decoration: none;
				margin-top: 16px;
				margin-bottom: 33px;
				display: inline-block;
			}
			#section-footer .wrapper .press li .link:hover {
				color: #26C493;
			}

	#section-footer .wrapper .press-release {
		margin-top: 33px;
	}

/*
--------------------
Text
--------------------
*/

body {
	font-family: "Uvs", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #6B6B6B;
	font-size: 15px;
	font-weight: 200;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Gt", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 48px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 30px;
	font-weight: 100;
	letter-spacing: 6px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 18px;
	letter-spacing: 3px;
}
h6 {
	font-size: 14px;
}


/*
--------------------
Buttons
--------------------
*/

.btn-play-video {
	width: 134px;
	height: 76px;
	background: url('img/play-button-white.png') 0px 0px no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -1000px;
}
.btn-play-video:hover {
	background: url('img/play-button-hoverover.png') 0px 0px no-repeat;
}

#front_page {
	font-size: 34px;
	font-family: Gt-Light, Helvetica, Arial, sans-serif;
	color: #000000;
}