* { margin: 0; padding: 0; }

/*--------------------------------------------
1. Global
---------------------------------------------*/
body {
	font-size: 13px;
	font-family: "freight-sans-pro",sans-serif;
	background: #d0d0d0;
	background: #dddfdd;
	background: #d7d7d7;
	background: #181717;
	-webkit-font-smoothing: antialiased;
}

a {
	text-decoration: none;
	border: none;
	outline:none;
	color: white ;
}

a:visited {
	text-decoration: none;
	border: none;
	outline:none;
	border: none;
}

img {
	text-decoration: none;
	border: none;
	border-style: none;	
	outline:none;
}

.container {
	width: 950px;
	margin: 0 auto;
}

.clear {
	clear:both;
	visibility: hidden;
	display: block;
}

#content {
	padding-top: 00px;
	background: #fefefe;
}
/*--------------------------------------------
2. Header
---------------------------------------------*/
.header {
	padding-top: 50px;
	background-color: #181717;	
	min-height: 135px;
}

.header #logo {
	clear: both;
	float: left;
	padding-top: 10px;
}
.logo-img {
	width: 287px;
	height: 65px;
	background: url(../images/collect3-logo.png);
	background-size: 287px 65px;	
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.logo-img  {
		background: url(../images/collect3-logo@2x.png);
	}
}


.header .aside {
	width: 87px;
	display: block;
	clear: both;
	float: right;
	position: relative;
	top: -58px;
	background-colorr: red;
	left: 6px; 
}
.header .aside li {

}

/*--------------------------------------------
3. Navigation
---------------------------------------------*/
.header .navigation {
	position: relative;
	top: 19px;
	float: right;
}
.header {

}
.header .navigation ul {
	list-style: none;
	float: right;
	padding: 22px 0px 0px 0px;
}
.header .navigation ul li {
	float: left;
	position: relative;	
}	
.header .navigation li a {
	color: #ededed;
	text-shadow: 0px -1px 0px black;
	text-transform: uppercase;
	padding-left: 26px;
	padding-right: 0px;	
}

.header .navigation li a {
	display: block;
	height:37px;
	padding-top: 12px;
	font-size: 14pt;
	font-weight: 400;	
	line-height:25px;
}
.header .navigation li.last a {

}
.header .navigation li.selected a {
	color: white;
	font-weight: 500;
}

.banner-item .banner-text {
   -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;	
	opacity: 0.0;
	visibility: hidden;
}
.banner-item.active .banner-text {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
	opacity: 1.0;
	visibility: visible;
}
.banner-item.active .banner-image {
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
      -ms-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
	top: 0px;
}
.banner-item .banner-image {
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
	top: 400px;
}


.banner-item {
	overflow: hidden;
}
.banner {
	overflow: hidden;
	padding-top: 0px;
	background-color: #181717;	
	height: 348px;
	position: relative;
}
.banner u {
	border-bottom: 1px #08a0f0 dashed;
	text-decoration: none;
}
.banner-item {
	width: 950px;
	height: 348px;
	clear: both;
	position: absolute;
}

.banner-text h3 {
	font-weight: 100;
	color: white;
	font-size: 50pt;
	line-height: 75px;
	font-family: "freight-sans-pro",sans-serif;
}
.banner-text {
	font-family: "freight-sans-pro",sans-serif;
	font-weight: 300;
	font-size: 24pt;
	float: left;
	width: 400px;
	color: white;
	color: #afafaf;
}

.banner-text p {
	line-height: 40px;
}

.banner-ipad-image {
	width: 497px;
	margin-top: 90px;
	height: 258px;
	background-image: url(/images/header-ipad.png);
	float: right;
}

/*--------------------------------------------
2. Banner
---------------------------------------------*/
.banner-image {
	height: 300px;
	width: 500px;
	float: right;		
	background-colorr: red;
	position: relative;
}
.banner .background {
	position: absolute;
	z-index: 1;
	top: 60px;
	left: 0px;
}
.banner .foreground {
	position: absolute;
	z-index: 2;
	left: 160px;
	top: 30px;			
}

.banner .foreground-iphone-ipad { 
	top: 70px;
	left: 170px;
	leftt: -40px;
}

.foreground img,
.foreground iframe,
.foreground video,
.background img,
.background video,
.background iframe { position: absolute; }

.background.iphone-black, .background.iphone-white {
	width: 380px;
	height: 555px;
	background: url('../images/iphone-black-back.png') no-repeat;
}
.background.iphone-white { background: url('../images/iphone-white-back.png') no-repeat; }

.background.iphone-black img,
.background.iphone-black iframe,
.background.iphone-black video,
.background.iphone-white img,
.background.iphone-white iframe,
.background.iphone-white video { width: 213px; height: 320px; top: 85px; left: 80px; }


.foreground.iphone-black, .foreground.iphone-white {
			width: 386px;
			height: 597px;
			background: url('../images/iphone-black-front.png') no-repeat;
		}
		
.foreground.iphone-white { background: url('../images/iphone-white-front.png') no-repeat; }
.foreground.iphone-black img,
.foreground.iphone-black iframe,
.foreground.iphone-black video,
.foreground.iphone-white img,
.foreground.iphone-white iframe,
.foreground.iphone-white video { width: 234px; height: 346px; top: 95px; left: 81px;	}

video {
  image-fit: fill;
}

.foreground.iphone-white-landscape {
			width: 621px;
			height: 400px;
			top:300px;
			top: 50px;
			left: -50px;
			background: url('../images/iphone-white-front-landscape.png') no-repeat;	
}

.foreground.iphone-white-landscape img,
.foreground.iphone-white-landscape video {
	width: 370px;
	height: 248px;
	position: relative;
	left: 116px;
	top: 79px;
}

/* iPads */
.ipad-black,
.ipad-white {
	width: 621px;
	height: 639px;
}

.banner .ipad-black,
.banner .ipad-white {
	width: 621px;
	height: 639px;
	top: -0px;
	left: -80px;
	leftt: -30px;
	bbackground: url('../images/ipad-black.png') no-repeat;
}
.ipad-black img,
.ipad-black iframe,
.ipad-white img,
.ipad-white iframe,
.ipad-white video { width: 352px; height: 468px; top: 49px; left: 129px; }
.ipad-white {	background: url('../images/ipad-white.png') no-repeat; }

/* iPads */
.ipad-landscape-black,
.ipad-landscape-white {
	width: 511px;
	height: 415px;
	background: url('../images/ipad-landscape-black.png') no-repeat;
}
.foreground.ipad-landscape-black {
	top:20px;
	left: 0px;
	position: absolute;
}
.banner .ipad-landscape-black,
.banner .ipad-landscape-white {
	width: 511px;
	height: 415px;
	topt: 0px;
	left: -10px;
	background: url('../images/ipad-landscape-black.png') no-repeat;
}
.ipad-landscape-black img,
.ipad-landscape-black iframe,
.ipad-landscape-black video,
.ipad-landscape-white img,
.ipad-landscape-white iframe,
.ipad-landscape-white video { width: 412px; height: 310px; top: 46px; left: 48px; position: absolute; }
.ipad-landscape-white {	background: url('../images/ipad-landscape-white.png') no-repeat; }


/*--------------------------------------------
2. Dots
---------------------------------------------*/
.banner .dots {
	position: relative;
	left: 200px;
	top: 300px;
}
.dots {
	width: 50px;
}
.dot {
	display: inline-block;
    width:8px;height:8px;
    border-radius:4px;
    background-color:#8999A6;
    margin-right: 4px;	
}
.dot.active {
	background-color: white;	
}		
/*--------------------------------------------
2. Dividers
---------------------------------------------*/
.divider {
	height: 11px;
	background: url('../images/divider.png');	
}

/*--------------------------------------------
3. Content
---------------------------------------------*/
#content {
	background: #eeeeee; /* url('../images/content-background.pngg') repeat-x top center;*/
	background: white;
	clear: both;
}
.content-grad {
	bnackground-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255,255)), to(rgb(238, 238, 238)));	
	background-imagee: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 238, 238)), to(rgb(255, 255, 255)));		
	height: 50px;	
	position: absolute;
	width: 100%;
}

.apps nav {
	padding:24px 0px 1px 0px;
	float: left;
}
.apps nav ul {
	list-style: none;
	float: right;
	padding: 0px 0px 0px 0px;
}
.apps nav ul li {
	background: url('../images/apps-title-divider.png') no-repeat top right;
	float: left;
	position: relative;	
	padding-right: 20px;
	padding-left: 20px;
}	
.apps nav ul li.first {
	padding-left: 0px;
}
.apps nav ul li.last {
	background: none;
}
.apps nav li a.active {
	font-weight: 400;
}
.apps nav li a {
	color: #545454;
	font-size: 20px;
	text-shadow: 0px 0px 0px white;
	font-weight: 300;
}

.apps-content {
	padding-top: 0px;
	margin-left: 0px;
}

.app-image-blue {
	background-color: #328bc4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(50, 139, 196)), to(rgb(122, 210, 255)));
/*	background-image: -webkit-linear-gradient(top, rgb(50, 139, 196), rgb(122, 210, 255));
	background-image: -moz-linear-gradient(top, rgb(50, 139, 196), rgb(122, 210, 255));
	background-image: -o-linear-gradient(top, rgb(50, 139, 196), rgb(122, 210, 255));
	background-image: -ms-linear-gradient(top, rgb(50, 139, 196), rgb(122, 210, 255));
	background-image: linear-gradient(top, rgb(50, 139, 196), rgb(122, 210, 255));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#328bc4', EndColorStr='#7ad2ff');	
*/
	-webkit-transition-duration: 200ms;
	-webkit-transition-propertyy:background-image;
	-webkit-transform: scale(0.985);
	-webkit-transition-timing-function: ease-out;
	
	
}

.app-image-pink {
	background-color: #c431c3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(196, 49, 195)), to(rgb(255, 122, 255)));
	background-image: -webkit-linear-gradient(top, rgb(196, 49, 195), rgb(255, 122, 255));
	background-image: -moz-linear-gradient(top, rgb(196, 49, 195), rgb(255, 122, 255));
	background-image: -o-linear-gradient(top, rgb(196, 49, 195), rgb(255, 122, 255));
	background-image: -ms-linear-gradient(top, rgb(196, 49, 195), rgb(255, 122, 255));
	background-image: linear-gradient(top, rgb(196, 49, 195), rgb(255, 122, 255));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c431c3', EndColorStr='#ff7aff');	
}

.app-image-red {
	background-color: #c43131;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(196, 49, 49)), to(rgb(255, 122, 122)));
	background-image: -webkit-linear-gradient(top, rgb(196, 49, 49), rgb(255, 122, 122));
	background-image: -moz-linear-gradient(top, rgb(196, 49, 49), rgb(255, 122, 122));
	background-image: -o-linear-gradient(top, rgb(196, 49, 49), rgb(255, 122, 122));
	background-image: -ms-linear-gradient(top, rgb(196, 49, 49), rgb(255, 122, 122));
	background-image: linear-gradient(top, rgb(196, 49, 49), rgb(255, 122, 122));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c43131', EndColorStr='#ff7a7a');	
}

.app-image-purple {
	background-color: #5031c4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(80, 49, 196)), to(rgb(122, 126, 255)));
	background-image: -webkit-linear-gradient(top, rgb(80, 49, 196), rgb(122, 126, 255));
	background-image: -moz-linear-gradient(top, rgb(80, 49, 196), rgb(122, 126, 255));
	background-image: -o-linear-gradient(top, rgb(80, 49, 196), rgb(122, 126, 255));
	background-image: -ms-linear-gradient(top, rgb(80, 49, 196), rgb(122, 126, 255));
	background-image: linear-gradient(top, rgb(80, 49, 196), rgb(122, 126, 255));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5031c4', EndColorStr='#7a7eff');	
}

.app-image-green {
	background-color: #31c450;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(49, 196, 80)), to(rgb(122, 255, 151)));
	background-image: -webkit-linear-gradient(top, rgb(49, 196, 80), rgb(122, 255, 151));
	background-image: -moz-linear-gradient(top, rgb(49, 196, 80), rgb(122, 255, 151));
	background-image: -o-linear-gradient(top, rgb(49, 196, 80), rgb(122, 255, 151));
	background-image: -ms-linear-gradient(top, rgb(49, 196, 80), rgb(122, 255, 151));
	background-image: linear-gradient(top, rgb(49, 196, 80), rgb(122, 255, 151));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#31c450', EndColorStr='#7aff97');	
}

.app-image-yellow {
	background-color: #c4bc31;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(196, 188, 49)), to(rgb(255, 246, 122)));
	background-image: -webkit-linear-gradient(top, rgb(196, 188, 49), rgb(255, 246, 122));
	background-image: -moz-linear-gradient(top, rgb(196, 188, 49), rgb(255, 246, 122));
	background-image: -o-linear-gradient(top, rgb(196, 188, 49), rgb(255, 246, 122));
	background-image: -ms-linear-gradient(top, rgb(196, 188, 49), rgb(255, 246, 122));
	background-image: linear-gradient(top, rgb(196, 188, 49), rgb(255, 246, 122));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c4bc31', EndColorStr='#fff67a');
}

.app-image-cyan {
	background-color: #31b8c4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(49, 184, 196)), to(rgb(122, 244, 255)));
	background-image: -webkit-linear-gradient(top, rgb(49, 184, 196), rgb(122, 244, 255));
	background-image: -moz-linear-gradient(top, rgb(49, 184, 196), rgb(122, 244, 255));
	background-image: -o-linear-gradient(top, rgb(49, 184, 196), rgb(122, 244, 255));
	background-image: -ms-linear-gradient(top, rgb(49, 184, 196), rgb(122, 244, 255));
	background-image: linear-gradient(top, rgb(49, 184, 196), rgb(122, 244, 255));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#31b8c4', EndColorStr='#7af4ff');	
}

.app-image-bgg {
	border: 1px solid white !important;
	background-color: white;
	background-imagee: -webkit-gradient(linear, left top, left bottom, from(rgb(220, 220, 220)), to(rgb(240, 240, 240)));	
	background-imagee: -webkit-gradient(linear, left top, left bottom, from(rgb(50, 50, 50)), to(rgb(80, 80, 80)));		
	background-imagee: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 185, 190)), to(rgb(230, 230, 230)));			
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(185, 218, 255)), to(rgb(255, 255, 255s)));		
	-webkit-transition-duration: 200ms;
	-webkit-transition-propertty: background-color, background-image;
	-webkit-transform: scale(1.00);
	-webkit-transition-timing-function: ease-out;
	
}
.app {
	float: left;
	width: 210px;
	heightt: 218px;
	margin-right: 20px;
	margin-bottom: 30px;
	background-colorr: green;
	backgroundd: url('../images/icon-border-small.png') no-repeat center center;
}


/*
.apps {
	padding-top: 30px;
}
.app {
	float: left;
	width: 280px;
	heightt: 218px;
	margin-right: 30px;
	margin-bottom: 30px;
	background-colorr: green;
	backgroundd: url('../images/icon-border-small.png') no-repeat center center;
	background-image: -webkit-gradient(linear, left top, left bottom, to(rgb(238, 238, 238)), from(rgb(248, 248, 248)));		
	box-shadow: 0px 3px 1px silver;;
	border: 1px solid #dddddd;
	border-radius: 8px;
}
*/

.app-vignettee {
	background-colorr: white;
	background-image: url('../images/icon-vignette.png');
	float: left;
	width: 100%;
	height: 100%;	
	position: relative;	
}

.app-image {
	position: relative;
	widthh: 200px;
	width: 100%;
	height: 138px;
	margin: 0 auto 0 auto;
	float: left;
	background-colorr: blue;
	-webkit-transform: scale(1.00);			
}
.badge {
	width: 61px;
	height: 62px;
	position: absolute;
	top: 28px;
	left: 95px;
	z-index: 100;
}
.app-videostream .badge {
	top: 30px;
	left: 90px;
}
.badge.free {
	background: url('../images/badge-free.png');	
}
.badge.hot {
	background: url('../images/badge-hot.png');	
}
.badge.b199 {
	background: url('../images/badge-199.png');	
}
.badge.b299 {
	background: url('../images/badge-299.png');	
}

.badge.new {
	background: url('../images/badge-new.png');	
}
.badge.b99c {
	background: url('../images/badge-99c.png');	
}

.app-image {
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.app-image:hover {
	-webkit-transform: scale(1.1);		
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);	
            
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;	
		
}
/*
.app-roadblaster:hover .app-image {
	background: url('../images/bg-road-blaster.png');	
}

.app-snap:hover  .app-image{
	background: url('../images/bg-snap.png');	
}

.app-gesundheit:hover .app-image {
	background: url('../images/bg-gesundheit.png');
}

.app-ufo-on-tape:hover .app-image {
	background: url('../images/bg-ufo-on-tape.png');
}

.app-karate-champ:hover .app-image {
	background: url('../images/bg-karate-champ.png');	
}

.app-beatwave:hover .app-image {
	background: url('../images/bg-beatwave.png');	
}
.app-spout:hover .app-image {
	background: url('../images/bg-spout.png');	
}

.app-gesundheit:hover .icon, .app-gesundheit:hover .icon-shadow,
.app-ufo-on-tape:hover .icon, .app-ufo-on-tape:hover .icon-shadow,
.app-roadblaster:hover .icon, .app-roadblaster:hover .icon-shadow,
.app-snap:hover .icon, .app-snap:hover .icon-shadow,
.app-karate-champ:hover .icon, .app-karate-champ:hover .icon-shadow,
.app-beatwave:hover .icon, .app-beatwave:hover .icon-shadow,
.app-spout:hover .icon, .app-spout:hover .icon-shadow
{
	display: none;
}
*/
.app-text {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%;
	height: 75px;

	display: block;
	background-colorr: red;
	padding-top: 3px;
	clear: both;
	backgroundd: url('../images/app-title-banner-2.png') no-repeat top center;;
}

.app-text .icon-bottomm {
	background: url('../images/icon-glass.png') no-repeat;
	width: 187px;
	height: 30px;
	position: absolute;
	left: 11px;
	top: 110px;
	z-index: -1;
}


.app-text p {
	float: left;
	text-align: center;
	width: 90%;
	margin: 0px;
	padding: 0px;
	color: #606060;
	padding-left: 10px;
}
.app h4 {
	marginn: 0 auto 0 auto;
	width: 100%;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 6px;
	font-size: 11pt;
	text-align: center;
			font-weight: 700;
			color: black;
			text-transform: uppercase;
	color: #3c3c3c;
	colorr: black;
	text-shadow: 0px 1px 0px white;
}

.app-text .status {
display: none;
	float: right;
	positionn: absolute;
	background-color: blue;
	margin-right: 7px;
	padding: 4px;
	margin-top: 3px;
	border-radius: 5px;
	color: white;
	text-transform: uppercase;
	font-family: "freight-sans-pro",sans-serif;
	font-weight: 00;
	font-size: 8pt;
	/*width: 45px;
	text-align: center;
	top: 193px;
	left: 230px;*/
}
.device {

	width: 30px;
	height: 24px;
	display: block;	
	position: absolute;
	top: 135px;
	left: 0px;		
	display: none;	
}
.iphone .device {
	background: url('../images/icon-iphone.png')no-repeat left ;
}
.ipad .device {
	background: url('../images/icon-iphone.png')no-repeat left ;
}
.osx .device {
	background: url('../images/icon-osx.png') no-repeat;
}
.ipad.iphone .device {
	background: url('../images/icon-iphone-ipad.png') no-repeat;
}
.ipad.iphone.osx .device {
	background: url('../images/icon-iphone-ipad-osx.png') no-repeat;
	width: 60px;	
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.iphone .device {
		background: url('../images/icon-iphone@2x.png')no-repeat left ;
		background-size: 12px 21px;		
	}
	.ipad .device {
		background: url('../images/icon-iphone@2x.png')no-repeat left ;
		background-size: 12px 21px;		
	}
	.osx .device {
		background: url('../images/icon-osx@2x.png') no-repeat;
		background-size: 23px 21px;		
	}
	.ipad.iphone .device {
		background: url('../images/icon-iphone-ipad@2x.png') no-repeat;
		background-size: 30px 21px;				
	}
	.ipad.iphone.osx .device {
		background: url('../images/icon-iphone-ipad-osx@2x.png') no-repeat;
		width: 60px;	
		background-size: 56px 22px;				
	}
}

.status.popular {
	background-color:  #1fa3e0;		
}

.status.updated {
	background-color: #53b9d7;
}
.status.new {
	background-color:  #6bbd43;		
}

.icon-button {
	background: url('../images/icon-shadow4.png') no-repeat;	
}

.apps .icon-shadow {
	background: url('../images/icon-shadow4.png') no-repeat;
	width: 132px;
	height: 23px;	
	top: -11px;
	left: -2px;
	padding-top: 0px;
	
	leftt: 50px;
	margin: 0 auto 0 auto;
	position: relative;	
	z-index: 99;	
}
.apps .icon {
	width: 100px;
	height: 100px;
	margin: 28px auto 0 auto;		
	leftt: 75px;
	position: relative;
	z-index: 100;
	backgroundd-position-x: center;
	backgroundd-position-y: center;
	display: block !important;
}
.icon {
  background-image: url(../images/icons.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.icon {
		background-image: url(../images/icon-opt@2x.png);
		background-size: 115px 2500px;
	}
}

.icon-animal-snap {
  background-position: 0px -1339px;
  display: inline-block;
  width: 100px;
  height: 100px;
}

.icon-banzai {
  background-position: 0px 0px;
  display: inline-block;
  width: 101px;
  height: 101px;
}

.icon-beatwave {
  background-position: 0px -103px;
  display: inline-block;
  width: 100px;
  height: 101px;
}

.icon-charged {
  background-position: 0px -206px;
  display: inline-block;
  width: 101px;
  height: 101px;
}

.icon-cobracommand {
  background-position: 0px -309px;
  display: inline-block;
  width: 101px;
  height: 101px;
}

.icon-codriver {
  background-position: 0px -1441px;
  display: inline-block;
  width: 100px;
  height: 100px;
}

.icon-gesundheit {
  background-position: 0px -412px;
  display: inline-block;
  width: 100px;
  height: 101px;
}

.icon-hiss {
  background-position: 0px -1543px;
  display: inline-block;
  width: 101px;
  height: 100px;
}

.icon-karate-champ {
  background-position: 0px -515px;
  display: inline-block;
  width: 101px;
  height: 101px;
}

.icon-mark-opitz {
  background-position: 0px -1645px;
  display: inline-block;
  width: 101px;
  height: 100px;
}

.icon-nightbrowser {
  background-position: 0px -618px;
  display: inline-block;
  width: 100px;
  height: 101px;
}

.icon-picturesafe, .icon-picture-safe {
  background-position: 0px -721px;
  display: inline-block;
  width: 100px;
  height: 101px;
}

.icon-roadblaster {
  background-position: 0px -824px;
  display: inline-block;
  width: 100px;
  height: 101px;
}

.icon-snap {
  background-position: 0px -1747px;
  display: inline-block;
  width: 100px;
  height: 100px;
}

.icon-spout {
  background-position: 0px -927px;
  display: inline-block;
  width: 100px;
  height: 101px;
}

.icon-ufo-on-tape {
  background-position: 0px -1030px;
  display: inline-block;
  width: 101px;
  height: 101px;
}

.icon-video-stream, .icon-videostream {
  background-position: 0px -1849px;
  display: inline-block;
  width: 100px;
  height: 100px;
}

.icon-videosafe {
  background-position: 0px -1133px;
  display: inline-block;
  width: 100px;
  height: 101px;
}

.icon-videosafe2 {
  background-position: 0px 0px;
  background-image: url('/images/icon-videosafe2.png');
  background-size: 100px 101px;
  display: inline-block;
  width: 100px;
  height: 101px;
}

.icon-xbmc {
  background-position: 0px -1236px;
  display: inline-block;
  width: 101px;
  height: 101px;
}
/*--------------------------------------------
3. Social
---------------------------------------------*/

ul.social {
	list-style: none;
	float: left;
}
ul.social li {
	float: left;
	margin-right: 5px;
}
ul.social li a {
	width: 24px;
	height: 24px;
	display: block;
	text-indent: -99999px;
	background: url('../images/light-social.png') no-repeat top left;
}
ul.social li.facebook a 				{ background-position: 0px 0px; }
ul.social li.facebook a:hover { background-position: -24px 0px; }
ul.social li.twitter a 					{ background-position: 0px -24px; }
ul.social li.twitter a:hover 	{ background-position: -24px -24px; }
ul.social li.dribbble a 				{ background-position: 0px -48px; }
ul.social li.dribbble a:hover { background-position: -24px -48px; }
ul.social li.google a 					{ background-position: 0px -72px; }
ul.social li.google a:hover 	{ background-position: -24px -72px; }
ul.social li.flickr a 					{ background-position: 0px -96px; }
ul.social li.flickr a:hover 	{ background-position: -24px -96px; }
ul.social li.rss a 							{ background-position: 0px -120px; }
ul.social li.rss a:hover 			{ background-position: -24px -120px; }
ul.social li.email a 						{ background-position: 0px -144px; }
ul.social li.email a:hover 		{ background-position: -24px -144px; }

/*--------------------------------------------
3. Footer
---------------------------------------------*/
.footer {
	font-family: "freight-sans-pro",sans-serif;
	-webkit-font-smoothing: antialiased;

	font-size: 12pt;
	font-weight: 400;	
	backgroundd-color: #181717;		
	color: #d9d9d9 !important;
}
.footer h3 , .footer b {
	font-size: 12pt;
	font-weight: 600;
	color: #d9d9d9 !important;	
}
.footer h3 {
	margin: 15px 0 15px 0px;	
}
.footer-column {
	display: block;
	background-colorr: red;
	width: 290px;
	float: left;
	margin-right: 40px;
}
.footer-column-last {
	margin-right: 0px;
}
.footer h2 {
	font-weight: 300;
	font-size: 18pt;	
	color: #d9d9d9;
	margin: 20px 0 20px 0px;
}
.copyright {
	border-top: 1px solid #1e1e1e;
	padding-top: 5px;
	background-color: black;
	padding-bottom: 5px;
	color: #d9d9d9;
	font-size: 10pt;	
}

.tweets ul {
	list-style: none;	
	margin: 0px;
	padding: 0px;
}
.tweets li {
	min-height: 100px;
}
.tweets a {
	color: #d9d9d9;
	text-decoration: none;
}
.tweets .image {
	float: left;
}
.tweets p.content {
	float: left;
}
.tweets p.date {
	font-size: 12pt;
	font-weight: 600;
	
}


/*--------------------------------------------
3. isotope
---------------------------------------------*/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}




/*--------------------------------------------
2. Header & Navigation
---------------------------------------------*/
.content-header {
	background: #f6f6f6;
	height: 62px;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 0px;
	border-top: 1px solid white;
}

/* Main Navigation */
.content-header .select-menu { display: none; }
.content-header nav { position: relative; }
.content-header nav ul {
	margin: 0px;
	list-style: none;
	float: left;
	padding: 22px 0px 0px 0px;
}
.content-header nav ul li {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px solid white;	
	border-left: 1px solid #dcdcdc;		
	position: relative;
}		

.content-header nav ul li.first {
	border-left: 0px;
	padding-left: 0px;
}

.content-header nav ul li.last {
	border-right: 0px;
}

.content-header nav ul li.iphone a {
	background: url(../images/icon-iphone.png) no-repeat left 1px;
	padding-left: 20px;
}

.content-header nav ul li.ipad a {
	background: url(../images/icon-ipad.png) no-repeat left 1px;
	padding-left: 20px;
}

.content-header nav ul li.osx a {
	background: url(../images/icon-osx.png) no-repeat left 1px;
	padding-left: 30px;
}

.content-header nav ul li {
}
.content-header nav ul li a{
	color: #9d9d9d;
	font-size: 12px;
	-webkit-transition:color 0.2s ease-in;  
	-moz-transition:color 0.2s ease-in;  
	-o-transition:color 0.2s ease-in;  
	transition:color 0.2s ease-in;
	font-familyy: Helvetica;
	font-size: 12pt;
	 display: block;
}
.content-header nav ul li a:hover { color: #777; }
.content-header nav ul li.active a,
.content-header nav ul li.current {  color: #777; font-weight: bold;}

.content-header nav span.arrow {
	width: 24px;
	height: 13px;
	background: url('../images/light-nav_arrow.png') no-repeat;
	display: none;
	position: absolute;
	top: 62px;
}


/*--------------------------------------------
13. Buttons
---------------------------------------------*/
.large_button {
	padding: 10px 15px 10px 15px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	width: 145px;
	text-align: left;
	text-shadow: 0px -1px  rgba(0,0,0,0.55);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
	margin-right: 2px;
	white-space: nowrap;
}
	.large_button span.icon {
		width: 30px;
		height: 35px;
		display: block;
		background: url('../images/button_icons_bw.png') no-repeat top left;
		float: left;
		margin-right: 12px;
		opacity: 0.75;
	}
	.large_button em {
		font-size: 12px;
		font-weight: bold;
		display: block;
		color: #666666;
		text-shadow: 0px 1px rgba(255,250,250,0.65);
		font-style: normal;
	}
	.large_button:active {
		-webkit-box-shadow: inset 0px 0px 7px #333;
		-moz-box-shadow: inset 0px 0px 7px #333;
		box-shadow: inset 0px 0px 7px #333;
	}
.large_button.blue#apple {
	background: #2cbbfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #2cbbfd 0%, #006b9d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2cbbfd), color-stop(100%,#006b9d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2cbbfd 0%,#006b9d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2cbbfd 0%,#006b9d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2cbbfd 0%,#006b9d 100%); /* IE10+ */
	background: linear-gradient(top,  #2cbbfd 0%,#006b9d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cbbfd', endColorstr='#006b9d',GradientType=0 ); /* IE6-9 */
}
.large_button.blue#apple em { color: #065478; }
.llarge_button.blue#apple em { color: #555555; }
		
.large_button.blue#apple:hover {
	background-color: #50f84e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(80, 248, 78)), to(rgb(53, 199, 54)));
	background-image: -webkit-linear-gradient(top, rgb(80, 248, 78), rgb(53, 199, 54));
	background-image: -moz-linear-gradient(top, rgb(80, 248, 78), rgb(53, 199, 54));
	background-image: -o-linear-gradient(top, rgb(80, 248, 78), rgb(53, 199, 54));
	background-image: -ms-linear-gradient(top, rgb(80, 248, 78), rgb(53, 199, 54));
	background-image: linear-gradient(top, rgb(80, 248, 78), rgb(53, 199, 54));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#50f84e', EndColorStr='#35c736');	
	
	
}
.large_button.green#apple em { color: #3d6004; }		
.large_button.green#apple {
	background: #98d463; /* Old browsers */
	background: -moz-linear-gradient(top,  #98d463 0%, #66891d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98d463), color-stop(100%,#66891d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #98d463 0%,#66891d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #98d463 0%,#66891d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #98d463 0%,#66891d 100%); /* IE10+ */
	background: linear-gradient(top,  #98d463 0%,#66891d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d463', endColorstr='#66891d',GradientType=0 ); /* IE6-9 */	
}	



.large_button.red#apple em { color: #500d0d; }		
.large_button.red#apple {
	background-color: #ff5200;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 82, 0)), to(rgb(159, 19, 0)));
	background-image: -webkit-linear-gradient(top, rgb(255, 82, 0), rgb(159, 19, 0));
	background-image: -moz-linear-gradient(top, rgb(255, 82, 0), rgb(159, 19, 0));
	background-image: -o-linear-gradient(top, rgb(255, 82, 0), rgb(159, 19, 0));
	background-image: -ms-linear-gradient(top, rgb(255, 82, 0), rgb(159, 19, 0));
	background-image: linear-gradient(top, rgb(255, 82, 0), rgb(159, 19, 0));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ff5200', EndColorStr='#9f1300');	
	
	background-color: #aa1500;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(170, 21, 0)), to(rgb(108, 19, 10)));
background-image: -webkit-linear-gradient(top, rgb(170, 21, 0), rgb(108, 19, 10));
background-image: -moz-linear-gradient(top, rgb(170, 21, 0), rgb(108, 19, 10));
background-image: -o-linear-gradient(top, rgb(170, 21, 0), rgb(108, 19, 10));
background-image: -ms-linear-gradient(top, rgb(170, 21, 0), rgb(108, 19, 10));
background-image: linear-gradient(top, rgb(170, 21, 0), rgb(108, 19, 10));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#aa1500', EndColorStr='#6c130a');

}		
		
	
		
.large_button#apple {
	background-color: #47dd44;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(71, 221, 68)), to(rgb(38, 152, 40)));
	background-image: -webkit-linear-gradient(top, rgb(71, 221, 68), rgb(38, 152, 40));
	background-image: -moz-linear-gradient(top, rgb(71, 221, 68), rgb(38, 152, 40));
	background-image: -o-linear-gradient(top, rgb(71, 221, 68), rgb(38, 152, 40));
	background-image: -ms-linear-gradient(top, rgb(71, 221, 68), rgb(38, 152, 40));
	background-image: linear-gradient(top, rgb(71, 221, 68), rgb(38, 152, 40));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#47dd44', EndColorStr='#269828');
}
		.large_button#android em { color: #436c01; }
		.large_button#android span.icon { background-position: 0px -35px; }
		.large_button#android:hover {
			background: #9dda67; /* Old browsers */
			background: -moz-linear-gradient(top,  #9dda67 0%, #70971f 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dda67), color-stop(100%,#70971f)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #9dda67 0%,#70971f 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #9dda67 0%,#70971f 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #9dda67 0%,#70971f 100%); /* IE10+ */
			background: linear-gradient(top,  #9dda67 0%,#70971f 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dda67', endColorstr='#70971f',GradientType=0 ); /* IE6-9 */
		}
	.large_button#windows {
		background: #f7a553; /* Old browsers */
		background: -moz-linear-gradient(top,  #f7a553 0%, #c67524 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7a553), color-stop(100%,#c67524)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f7a553 0%,#c67524 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f7a553 0%,#c67524 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f7a553 0%,#c67524 100%); /* IE10+ */
		background: linear-gradient(top,  #f7a553 0%,#c67524 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a553', endColorstr='#c67524',GradientType=0 ); /* IE6-9 */
	}
		.large_button#windows em { color: #9c5918; }
		.large_button#windows span.icon { background-position: 0px -70px; }
		.large_button#windows:hover {
			background: #fca14b; /* Old browsers */
			background: -moz-linear-gradient(top,  #fca14b 0%, #c5650b 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fca14b), color-stop(100%,#c5650b)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #fca14b 0%,#c5650b 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #fca14b 0%,#c5650b 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #fca14b 0%,#c5650b 100%); /* IE10+ */
			background: linear-gradient(top,  #fca14b 0%,#c5650b 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca14b', endColorstr='#c5650b',GradientType=0 ); /* IE6-9 */
		}
	.large_button#blackberry {
		background: #525252; /* Old browsers */
		background: -moz-linear-gradient(top,  #525252 0%, #18171e 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#18171e)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #525252 0%,#18171e 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #525252 0%,#18171e 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #525252 0%,#18171e 100%); /* IE10+ */
		background: linear-gradient(top,  #525252 0%,#18171e 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#18171e',GradientType=0 ); /* IE6-9 */	
	}
		.large_button#blackberry em { color: #9a9a9a; text-shadow: 0px 1px #000; }
		.large_button#blackberry span.icon { background-position: 0px -105px; }
		.large_button#blackberry:hover {
			background: #616161; /* Old browsers */
			background: -moz-linear-gradient(top,  #616161 0%, #222222 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#222222)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #616161 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #616161 0%,#222222 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #616161 0%,#222222 100%); /* IE10+ */
			background: linear-gradient(top,  #616161 0%,#222222 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
		}
.button {
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #555555;
  display: inline-block;
  font: bold 10px/12px 'Helvetica Neue',Helvetica,sans-serif;
  padding: 6px 11px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.button:active {
	-webkit-box-shadow: inset 0px 0px 3px #333;
	-moz-box-shadow: inset 0px 0px 3px #333;
	box-shadow: inset 0px 0px 3px #333;
}
.button:hover {
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 3px #bbb;
	-moz-box-shadow: 0px 0px 3px #bbb;
	box-shadow: 0px 0px 3px #bbb;
}
.button.white {
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	border-color: #dedede #d8d8d8 #d3d3d3;
	color: #555;
	text-shadow: 0 1px 0 #fff;
}
.button.white a { color: #555 }
.button.gray {
  background: #cacaca; /* Old browsers */
	background: -moz-linear-gradient(top,  #cacaca 0%, #aeaeae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#aeaeae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* IE10+ */
	background: linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#aeaeae',GradientType=0 ); /* IE6-9 */
  border-color: #b5b5b5 #a1a1a1 #8f8f8f;
  color: #555;
  text-shadow: 0 1px 0 #d4d4d4;
}
.button.gray a { color: #555 }
.button.pink {
  background: #f78297; /* Old browsers */
	background: -moz-linear-gradient(top,  #f78297 0%, #f56778 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78297), color-stop(100%,#f56778)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f78297 0%,#f56778 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f78297 0%,#f56778 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f78297 0%,#f56778 100%); /* IE10+ */
	background: linear-gradient(top,  #f78297 0%,#f56778 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78297', endColorstr='#f56778',GradientType=0 ); /* IE6-9 */
  border-color: #df6f8b #da5f75 #d55061;
  color: #913944;
  text-shadow: 0 1px 0 #f89ca9;
}
.button.pink a { color: #913944 }
.button.orange {
  background: #f9bc70; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9bc70 0%, #d8b541 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bc70), color-stop(100%,#d8b541)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* IE10+ */
	background: linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bc70', endColorstr='#d8b541',GradientType=0 ); /* IE6-9 */
  border-color: #f5b74e #e5a73e #d6982f;
  color: #996633;
  text-shadow: 0 1px 0 #fedd9b;
}
.button.orange a { color: #996633 }
.button.green {
  background: #cae285; /* Old browsers */
	background: -moz-linear-gradient(top,  #cae285 0%, #9fcb57 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cae285), color-stop(100%,#9fcb57)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* IE10+ */
	background: linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae285', endColorstr='#9fcb57',GradientType=0 ); /* IE6-9 */
  border-color: #adc671 #98b65b #87aa4a;
  color: #5d7731;
  text-shadow: 0 1px 0 #cfe5a4;
}
.button.green a { color: #5d7731 }
.button.blue {
	background: #a3bced; /* Old browsers */
	background: -moz-linear-gradient(top,  #a3bced 0%, #ba8ecc 100%, #667cdd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3bced), color-stop(100%,#ba8ecc), color-stop(100%,#667cdd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* IE10+ */
	background: linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3bced', endColorstr='#667cdd',GradientType=0 ); /* IE6-9 */
	border-color: #8dc5da #76b7cf #63abc7;
	text-shadow: 0 1px 0 #b6e6f9;
}
.button.blue a { color: #42788e }
.button.purple {
	background: #d1badb; /* Old browsers */
	background: -moz-linear-gradient(top,  #d1badb 0%, #ba8ecc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1badb), color-stop(100%,#ba8ecc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* IE10+ */
	background: linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1badb', endColorstr='#ba8ecc',GradientType=0 ); /* IE6-9 */
	border-color: #bc9db9 #ad89aa #a1799d;
	color: #7b5777;
	text-shadow: 0 1px 0 #eacae6;
}
.button.purple a { color: #7b5777 }
.button.black {
	background: #616161; /* Old browsers */
	background: -moz-linear-gradient(top,  #616161 0%, #222222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#222222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #616161 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #616161 0%,#222222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #616161 0%,#222222 100%); /* IE10+ */
	background: linear-gradient(top,  #616161 0%,#222222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
	border-color: #4c4c4c #313131 #1f1f1f;
	color: #fff;
	text-shadow: 0 1px 0 #2e2e2e;
}
.button.black a { color: #fff }




.download-button.red {
    border:1px solid  #500d0d;;
	background-color: #aa1500;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(170, 21, 0)), to(rgb(108, 19, 10)));
	background-image: -webkit-linear-gradient(top, rgb(170, 21, 0), rgb(108, 19, 10));
	background-image: -moz-linear-gradient(top, rgb(170, 21, 0), rgb(108, 19, 10));
	background-image: -o-linear-gradient(top, rgb(170, 21, 0), rgb(108, 19, 10));
	background-image: -ms-linear-gradient(top, rgb(170, 21, 0), rgb(108, 19, 10));
	background-image: linear-gradient(top, rgb(170, 21, 0), rgb(108, 19, 10));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#aa1500', EndColorStr='#6c130a');	
}

.download-button.blue {
	background: #2cbbfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #2cbbfd 0%, #006b9d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2cbbfd), color-stop(100%,#006b9d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2cbbfd 0%,#006b9d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2cbbfd 0%,#006b9d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2cbbfd 0%,#006b9d 100%); /* IE10+ */
	background: linear-gradient(top,  #2cbbfd 0%,#006b9d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cbbfd', endColorstr='#006b9d',GradientType=0 ); /* IE6-9 */
}

.download-button.green {
	background: #98d463; /* Old browsers */
    border:1px solid  #436c01;
	background: -moz-linear-gradient(top,  #98d463 0%, #66891d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98d463), color-stop(100%,#66891d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #98d463 0%,#66891d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #98d463 0%,#66891d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #98d463 0%,#66891d 100%); /* IE10+ */
	background: linear-gradient(top,  #98d463 0%,#66891d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d463', endColorstr='#66891d',GradientType=0 ); /* IE6-9 */
}

.download-button.green-charged {
    border:1px solid  #436c01;
	background-color: #22c91a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(34, 201, 26)), to(rgb(23, 139, 30)));
	background-image: -webkit-linear-gradient(top, rgb(34, 201, 26), rgb(23, 139, 30));
	background-image: -moz-linear-gradient(top, rgb(34, 201, 26), rgb(23, 139, 30));
	background-image: -o-linear-gradient(top, rgb(34, 201, 26), rgb(23, 139, 30));
	background-image: -ms-linear-gradient(top, rgb(34, 201, 26), rgb(23, 139, 30));
	background-image: linear-gradient(top, rgb(34, 201, 26), rgb(23, 139, 30));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#22c91a', EndColorStr='#178b1e');
}
.download-button.green-charged:active {
    border:1px solid  #436c01;

	background-color: #178b1e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(23, 139, 30)), to(rgb(34, 201, 26)));
	background-image: -webkit-linear-gradient(top, rgb(23, 139, 30), rgb(34, 201, 26));
	background-image: -moz-linear-gradient(top, rgb(23, 139, 30), rgb(34, 201, 26));
	background-image: -o-linear-gradient(top, rgb(23, 139, 30), rgb(34, 201, 26));
	background-image: -ms-linear-gradient(top, rgb(23, 139, 30), rgb(34, 201, 26));
	background-image: linear-gradient(top, rgb(23, 139, 30), rgb(34, 201, 26));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#178b1e', EndColorStr='#22c91a');
	
}
.section #app_info .buttons {
	white-space: nowrap;	
}
.section #app_info .buttons .download-button {
    float:left;
	margin-left: 15px;
	margin-bottom: 15px;
	white-space: normal;
}

.download-button{
    background:#2f7fba;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#a9db80,0),color-stop(#96c56f,1));
    background:-webkit-linear-gradient(top, #30bcf6 0%, #2f8eba 100%);
    background:-moz-linear-gradient(top, #a9db80 0%, #96c56f 100%);
    background:-o-linear-gradient(top, #a9db80 0%, #96c56f 100%);
    background:linear-gradient(top, #2f7fba 0%, #96c56f 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 );
    padding-left:60px;
    padding-right:20px;
    height:58px;
    display:inline-block;
    position:relative;
    border:1px solid #2f7fba;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:5px;
    margin:0px 0px;
    overflow:hidden;
    -webkit-transition:box-shadow 0.3s ease-in-out;
    -moz-transition:box-shadow 0.3s ease-in-out;
    -o-transition:box-shadow 0.3s ease-in-out;
    transition:box-shadow 0.3s ease-in-out;
    text-decoration: none;
    color: white;
    text-shadow:0px -1px 1px rgba(0,0,0,0.4);    
}
.download-icon {
    position:absolute;
    left:15px;
    top:10px;
    width: 50px;
    height: 36px;
    display: block;
    border:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
	background: url('../images/download-icon-iphone.png') no-repeat top left;    	
}
.iphone .download-icon {
	background: url('../images/download-icon-iphone.png') no-repeat top left;    		
    left:18px;	
}
.ipad .download-icon {
	background: url('../images/download-icon-ipad.png') no-repeat top left;    		
}
.osx .download-icon {
    left:10px;
        top:11px;
	background: url('../images/download-icon-osx.png') no-repeat top left;    		
}

.download-button img{
    position:absolute;
    left:13px;
    top:8px;
    border:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.download-button .download-button-slide-text{
    position:absolute;
    font-size:18px;
    top:16px;
    left:4px;
    color:white;
    opacity:0;
    text-shadow:0px -1px 1px rgba(0,0,0,0.4);
    -webkit-transition:opacity 0.2s ease-in-out;
    -moz-transition:opacity 0.2s ease-in-out;
    -o-transition:opacity 0.2s ease-in-out;
    transition:opacity 0.2s ease-in-out;
}
.download-button-text{
    padding-top:0px;
    display:block;
    font-size:19px;
    font-weight: 600;
    text-shadow:0px -1px 1px #80ab5d;
}
.download-button-text small{
    display:block;
    font-size:11px;
    letter-spacing:1px;
}
.download-button-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:80px;
    border-left:1px solid #2f7fba;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.download-button-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    border:1px solid rgba(0,0,0,0.5);
    background:#4e5c50 url(../images/arrow_down.png) no-repeat center center;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.download-button:hover{
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
}
.download-button:hover img, .download-button:hover .download-icon {
    -webkit-transform:scale(10);
    -moz-transform:scale(10);
    -ms-transform:scale(10);
    -o-transform:scale(10);
    transform:scale(10);
    opacity:0;
}
.download-button:hover .download-button-slide-text,
.download-button:hover .download-button-icon-right span{
    opacity:1;
}
.download-button:active{
    position:relative;
    top:1px;
    background:#2c72a6;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#2f7fba;
}
.download-button:active .download-button-icon-right span{
    -webkit-transform:scale(1.4);
    -moz-transform:scale(1.4);
    -ms-transform:scale(1.4);
    -o-transform:scale(1.4);
    transform:scale(1.4);
}

.download-button em {
	font-size: 14px;
	float: left;
	margin: 0px;
	padding-top: 9px;
	line-height: 16px;
	font-weight: 500;
	font-style: normal;
}




.youtube-player {
	width: 563px; 
	height: 314px; 
	font-size: 0px;
	margin: 0 auto 0 auto; 
	margin-bottom: 20px;
	box-shadow: 0px 0px 5px 3px #878787
}