/*  
URL: http://muda.co
Author: Etter Studio Ltd., Switzerland, 2014, etterstudio.com
All rights reserved.
*/

@font-face {
    font-family: 'etter-book';
    src: url('EtterCI-Book.eot');
    src: url('EtterCI-Book.eot') format('embedded-opentype'),
         url('EtterCI-Book.woff') format('woff'),
         url('EtterCI-Book.ttf') format('truetype'),
         url('EtterCI-Book.svg#CircularStdBookRegular') format('svg');
}

@font-face {
	font-family: 'etter-medium';
	src: url('EtterCI-Medium.eot');
	src: url('EtterCI-Medium.eot') format('embedded-opentype'),
		url('EtterCI-Medium.woff') format('woff'),
		url('EtterCI-Medium.ttf') format('truetype'),
		url('EtterCI-Medium.svg#CircularStdMediumRegular') format('svg');
}
  
body {
	font-size: 12px;
	font-family: etter-book, sans-serif;
	background:#333;
}

.txt_navigation_top {
	padding-left:16px;
	padding-top:20px;
	font-size:18px;
}

.txt_navigation_main {
	letter-spacing:-1px;
	text-align:center;
	font-size:54px;
	color:#ffffff;
}

.txt_navigation_sub {
	letter-spacing:0px;
	text-align:center;
	font-size:28px;
	color:#ffffff;
}

.sans0_title {
	font-family:etter-medium;
	font-size:64px;
	letter-spacing:-1.5px;
	padding-bottom:12px;
}

.sans0_regular {
	font-size:54px;
	line-height:44px;
	letter-spacing:-0.5px;
	padding-bottom:32px;
}

.sans1_title {
	font-family:etter-medium;
	font-size:36px;
	line-height:40px;
	letter-spacing:0px;
	padding-bottom:0px;
}

.sans1_regular {
	font-size:32px;
	line-height:40px;
	letter-spacing:-0.5px;
	padding-bottom:32px;
}

.sans2_title {
	font-family:etter-medium;
	letter-spacing:-0.25px;
	font-size:20px;
	padding-top:8px;
	padding-bottom:12px;
}

.sans2_regular {
	font-size:19px;
	line-height:25px;
	max-width:512px;
	padding-bottom:32px;
	padding-right:32px;
}

.sans3_title {
	font-family:etter-medium;
	letter-spacing:0px;
	font-size:16px;
	padding-top:0px;
	padding-bottom:8px;
	padding-right:32px;
}

.sans3_regular {
	letter-spacing:0px;
	font-size:15.5px;
	line-height:20px;
	max-width:480px;
	padding-bottom:32px;
	padding-right:32px;
}

.sans4_title {
	font-family:etter-medium;
	font-size:13.5px;
	padding-top:4px;
	padding-bottom:6px;
}

.sans4_regular {
	font-size:13px;
	line-height:18px;
	padding-bottom:16px;
}

.foot_title {
	font-family:etter-medium;
	letter-spacing:0px;
	font-size:16.5px;
	padding-top:0px;
	padding-bottom:12px;
	padding-right:32px;
}

.foot_regular {
	letter-spacing:0px;
	font-size:16px;
	line-height:25px;
	max-width:480px;
	padding-bottom:32px;
	padding-right:32px;
}

.txt_grid1 {
	letter-spacing:0px;
	font-size:16.5px;
	padding-top:12px;
}

.txt_grid2 {
	letter-spacing:0px;
	font-size:16.5px;
	padding-bottom:64px;
}

.txt_grid3 {
	letter-spacing:0.5px;
	font-size:13px;
	padding-top:10px;
	padding-bottom:64px;
}

.txt_tag {
	letter-spacing:0.5px;
	font-size:12px;
}

.positive input[type="submit"]  {
    padding:8px 10px;
	background:#f9f9f9;
    border: 3px solid #0000EE;
    color: #0000EE;
    cursor: pointer; 
    cursor: hand;
	transition: 0.6s;
	font-size:18px;
	font-family:etter-medium;
}

.positive input[type="submit"]:hover  {
	border-color: #000;
    color: #000;
}

.negative input[type="submit"] {
    padding:10px 15px;
	background:#888;
    border: 1px solid #888;
    color: #333;
    cursor: pointer; 
    cursor: hand;
}

input[type="text"] {
	padding: 10px;
	border: solid 1px #999;
	background:#333;
	color: #fff;
	transition: border 0.3s;
	width: 160px;
}

input[type="text"]:focus,
input[type="text"].focus {
	border: solid 1px #fff;
}

.fadeHover a {
	opacity: 0.3;
	transition: 0.6s;
}

.fadeHover a:hover {
	opacity: 1;
}

.jumpHover a {
	transition: 0.5s;
}

.jumpHover a:hover {
	transform: translateY(-20px); 
}

.txt_white {
	color:#ccc;
}

.txt_grayl {
	color:#919191;
}

.txt_grayd {
	color:#666666;
}

.txt_black {
	color:#000000;
}

.txt_blue {
	color:#0000EE;
}

.txt_red {
	color:#ee0000;
}

.txt_right {
	text-align:right;
}

.txt_center {
	text-align:center;
}

.active {
	cursor:pointer;
}

.gone {
	display:none;
}

.appear {
	opacity:0;
}

/*----------stuff----------*/

#mudaBottom {
	position:absolute;
	left:0px;
	right:0px;
	z-index:2;
}

#mudaCentered {
	position:absolute;
	z-index:2;
}

#mudaNavigationOverlay {
	display:none;
	position:fixed;
	width:100%;
	background-color:#000000;
	z-index:3;
}

.mudaNavigationMain {
	position:absolute;
	width:100%;
}

.mudaNavigationSub {
	position:absolute;
	width:100%;
}

#navigationTop {
	position:fixed;
	z-index:1;
	height:64px;
	width:100%;
//	background-color:#fcfcfc; 
}

#elementMother {
	position:relative;
	overflow:hidden;
	background:#d4d4d4;
	width:100%;
	height:2400px;
	z-index:1;
}

#elementChild {
	position:relative;
}

#img_width {
	display:none; 
	position:relative;
	overflow:hidden;
}

.videoWrapper {
	position:relative;
	padding-bottom:56.25%; /* 720:1280 */
	padding-top:24px;
	height:0;
}

.videoWrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#img_width img {
	width:100%;
	height:auto;
	display: block;
}

.img_stretch img {
	margin-top:32px;
	width:100%;
	height:auto;
	display: block;
}

.iframe_stretch iframe {
	margin-top:32px;
	width: 100% !important;
	height: 100% !important;
	display: block;
}

p {
	margin-top: 0.5em; 
	margin-bottom: 0em;
}


/*----------system----------*/

.master {
	padding-right:32px;
	position:relative;
}

.row {
	width:100%;
	clear:both;
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:16px;
}

.rowWide {
	width:100%;
	clear:both;
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:16px;
}

.rowSpacerTop {
	padding-bottom:60px;
	width:100%;
	clear:both;
}

.rowSpacer {
	padding-bottom:96px;
	width:100%;
	clear:both;
}

.rowSpacerResist {
	padding-bottom:96px;
	width:100%;
	clear:both;
}

.rowSpacerOpen {
	padding-bottom:32px;
	width:100%;
	clear:both;
}

.columns {
	float: left;
	min-height: 1px;
}

.columnsPadding {
	padding-left:32px;
}

.c1 {
	width:100%;	
}

.c43 {
	width:75%;
}

.c32 {
	width:66.66%;
}

.c2 {
	width:50%;
}

.c52 {
	width:40%;
}

.c3 {
	width:33.33%;
}

.c4 {
	width:25%;
}

.c5 {
	width:20%;
}

.c6 {
	width:16.66%;
}

.c8 {
	width:12.5%;
}

.c10 {
	width:10%;
}

.c12 {
	width:8.33%;
}

.ls2 {
	padding-left:50%;
}

.ls3 {
	padding-left:33.33%;
}

.ls4 {
	padding-left:25%;
}

.ls5 {
	padding-left:20%;
}

.ls6 {
	padding-left:16.66%;
}

.ls8 {
	padding-left:12.5%;
}

.ls16 {
	padding-left:6.25%;
}

/*----------mobile landscape----------*/

@media only screen and (max-width:900px) {
	
	#mudaCentered img {
		height:150px;
		width:auto;
	}
	
	.txt_navigation_main {
		font-size:38px;
		letter-spacing:0px;
	}
	
	.txt_navigation_sub {
		font-size:20px;
		letter-spacing:0px;
	}
	
	.sans3_title {
		padding-top:12px;
	}
	
	.foot_title {
		padding-top:12px;
	}
	
	.c43 {
		width:100%;
	}
	
	.c32 {
		width:100%;
	}
	
	.c4 {
		width:50%;
	}
	
	.ls2 {
		padding-left:0px;
	}
	
	.ls3 {
		padding-left:0px;
	}
	
	.ls4 {
		padding-left:0px;
	}
	
	.ls5 {
		padding-left:0px;
	}

	.ls6 {
		padding-left:0px;
	}
	
	.ls8 {
		padding-left:0px;
	}
	
	.ls16 {
		padding-left:0px;
	}
	
	.c6 {
		width:33.33%;
	}
	
	.c8 {
		width:25%;
	}
	
	.c10 {
		width:12.5%;
	}
	
}

/*----------mobile portrait----------*/

@media only screen and (max-width:600px) {

	.centerWhenSmall {
		text-align:center;
	}
	
	#mudaCentered img {
		height:100px;
		width:auto;
	}

	.master {
		padding-right:0px;
	}
	
	.columnsPadding {
		padding-left:0px;
	}
	
	.row {
		margin-bottom:8px;
	}
	
	.rowWide {
		margin-bottom:8px;
	}
	
	.txt_right {
		text-align:left;
	}
	
	.txt_black {
		padding-left:12px;
	}
	
	.txt_white {
		padding-left:12px;
	}
	
	.txt_blue {
		padding-left:12px;
	}
	
	.txt_red {
		padding-left:12px;
	}
	
	.txt_grayd {
		padding-left:12px;
	}
	
	.txt_grayl {
		padding-left:12px;
	}
	
	.txt_tag {
		padding-left:12px;
	}
	
	.img_stretch img {
		margin-top:0px;
	}
	
	.iframe_stretch iframe {
		margin-top:0px;
	}
	
	.c2 {
		width:100%;
	}
	
	.c52 {
		width:100%;
	}
	
	.c3 {
		width:100%;
	}
	
	.c4 {
		width:100%;
	}
	
	.c5 {
		width:100%;
	}
	
	.c8 {
		width:50%;
	}
	
	.c10 {
		width:16.6%;
		padding-top:10px;
	}
	
	.rowSpacerTop {
		padding-bottom:0px;
	}
	
	.rowSpacer {
		padding-bottom:0px;
	}
	
	.rowSpacerResist {
		padding-bottom:32px;
	}
	
	.rowSpacerOpen {
		padding-bottom:32px;
	}
	
	.row {
		margin-bottom:0px;
	}

	.rowWide {
		margin-bottom:0px;
	}
	
	.sans1_title {
		font-size:30px;
		letter-spacing:0px;
		line-height:20px;
		padding-bottom:8px;
	}
	
	.sans1_regular {
		font-size:26px;
		line-height:30px;
		letter-spacing:0px;
	}
	
	.sans2_title {
		font-size:20px;
		padding-bottom:8px;
	}
	
	.sans2_regular {
		font-size:20px;
		line-height:26px;
		max-width:800px;
	}
	
	.sans3_title {
		font-size:12px;
		padding-bottom:4px;
	}
	
	.sans3_regular {
		font-size:12px;
		line-height:16px;
	}
	
	.sans4_title {
		font-size:11px;
		padding-bottom:8px;
	}
	
	.sans4_regular {
		font-size:10px;
		line-height:12px;
	}
	
	.foot_title {
		font-size:12px;
		padding-bottom:8px;
	}
	
	.foot_regular {
		font-size:12px;
		line-height:20px;
	}
	
	.txt_grid1 {
		font-size:14px;
	}
	
	.txt_grid2 {
		font-size:10.5px;
	}
	
	.txt_grid3 {
		font-size:10px;
		padding-top:6px;
		padding-bottom:48px;
		letter-spacing:0px;
	}
	
}

/*----------links----------*/

.txt_white a {
	text-decoration:none;
	color:#ccc;
}

.txt_white a:hover {
	text-decoration:none;
	color:#fff;
}

.txt_black a {
	text-decoration:none;
	color:#000000;
}

.txt_black a:hover {
	text-decoration:none;
	color:#000000;
}

.txt_grayl a {
	text-decoration:none;
	color:#919191;
}

.txt_grayl a:hover {
	text-decoration:none;
	color:#000000;
}

.txt_grayd a {
	text-decoration:none;
	color:#777777;
}

.txt_grayd a:hover {
	text-decoration:none;
	color:#ffffff;
}

.txt_blue a {
	text-decoration:underlined;
	color:#0000EE;
}

.txt_blue a:hover {
	text-decoration:underlined;
	color:#000000;
}

.txt_tag a {
	text-decoration:none;
	background-color:#919191;
	color:#f9f9f9;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
}

.txt_tag a:hover {
	background-color:#666666;
}

/*----------big video stuff----------*/

#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;}
#big-video-vid,#big-video-image{position:absolute;}
#big-video-control-container{position:fixed;bottom:20px;padding: 0 20px;width:100%;
  -webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
#big-video-control{width:100%;height:16px;position:relative;}
#big-video-control-middle{margin: 0 56px 0 24px;}
#big-video-control-bar{width:100%;height:16px;position:relative;cursor:pointer;}
#big-video-control-progress{position:absolute;top:7px;height:3px;width:0%;background:#fff;}
#big-video-control-track{position:absolute;top:8px;height:1px;width:100%;background:#fff;}
#big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px}
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play{position:absolute;top:0;left:0;height:16px;width:16px;background-image:url('bigvideo.png');}
#big-video-control-timer{position:absolute;top:1px;right:0;color:#fff;font-size:11px;}
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}
.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.vjs-big-play-button{display:none !important;}

.play {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	width: 100px;
	height: 100px;
	text-align: center;
	margin: 50px 0 0 -50px;
	padding: 0;
}

video {
	width: 100% !important;
	height: 100% !important;
}