@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Conv_FuturaStd-Book';
	src: url('fonts/FuturaStd-Book.eot');
	src: url('fonts/FuturaStd-Book.woff') format('woff'),
		 url('fonts/FuturaStd-Book.ttf') format('truetype'),
		 url('fonts/FuturaStd-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	
@font-face {
	font-family: 'Conv_FuturaStd-Medium';
	src: url('fonts/FuturaStd-Medium.eot');
	src: url('fonts/FuturaStd-Medium.woff') format('woff'),
		 url('fonts/FuturaStd-Medium.ttf') format('truetype'),
		 url('fonts/FuturaStd-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	}
   
@font-face {
	font-family: 'Conv_FuturaStd-Heavy';
	src: url('fonts/FuturaStd-Heavy.eot');
	src: url('fonts/FuturaStd-Heavy.woff') format('woff'),
		 url('fonts/FuturaStd-Heavy.ttf') format('truetype'),
		 url('fonts/FuturaStd-Heavy.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	}


body {background-color: #F3ECD6; font: 2em Conv_FuturaStd-Book; color: #632918; min-width: 29em; margin:0;}
b {font-style: normal; font-weight: normal;}
.em { font-size: .75em; }
.ex { font-size: 2ex; } 
.px { font-size: 30px; } 
.percent { font-size: 200%; }
aside, nav, footer, header, section { display: block; }
::selection {
background: #ffb7b7; /* Safari */
}
::-moz-selection {
background: #ffb7b7; /* Firefox */
}
img {border:none;}	

	header, .content, footer, .content .weeeee div{margin: auto;max-width: 35em;width: 90%;}
	
	header {display:block; height: 7em; padding: 1em 0 0 0;background: url(i/half-man.svg) bottom right no-repeat; background-size: 10em;-o-background-size: 10em; -khtml-background-size: 10em; -moz-background-size: 10em;}
	
	/* ~ LANG ~ */
	
	.lang {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius: 10px;margin:.3em -2em 0 0;width:1.2em;height:0.9em;float:right; cursor:pointer;}
	.lang img{width: 2em;}
	.lang .lang-select {width:10em;display:none;font:.6em Conv_FuturaStd-Book; position:absolute; margin:-1em 0 0 -6em; z-index: 2;}
	.lang .lang-select.show {display:block; background-color: #FFF; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius: 10px;
    -webkit-box-shadow: 0 15px 10px -10px rgba(91, 41, 24, 0.5), 0 2px 10px rgba(91, 41, 24, 0.3);
       -moz-box-shadow: 0 15px 10px -10px rgba(91, 41, 24, 0.5), 0 2px 10px rgba(91, 41, 24, 0.3);
            box-shadow: 0 15px 10px -10px rgba(91, 41, 24, 0.5), 0 2px 10px rgba(91, 41, 24, 0.3);
	
	}
	
	.lng ul {list-style-type: none;}
	.head-lang {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius: 10px;height:0.1em;}
	.bottom-lang {-moz-border-radius:10px;-webkit-border-radius:10px;border-radius: 10px;height:0.1em;}
	.lng ul li {height:1.7em; margin: 0 0 .5em -2.08em; padding: 0.1em 0 0 0; white-space:nowrap;}
	.lng a {position:relative; text-decoration:none; color:#632918;}
	.lng a img{ margin: .2em .6em 0 0; width:3em;}
	.current a {color:#F3ECD6;}
	.lng ul li:hover {background-color: #EFBFC3;}

	/* ~ LANG ~ */
				
				/* ~ LOGO START ~ */
				.logo {  width: 13%; float:left;font-family: 'Conv_FuturaStd-Heavy';display:block;float:left; }
				.logo img{position:absolute;width: 1.2em;margin: -.1em 0 0 -1.5em;}
				.logo b{color: #D94851;font-family: 'Conv_FuturaStd-Heavy';}
				.logo a{ text-decoration:none; color:#632918;}
				.logo a:hover{ color: #D94851;}
				.logo a:hover b{color: #632918;}
				/* ~ LOGO FINISH ~ */
				
	.title{ width:77%; float:left;  }
	h1 {font-family: 'Conv_FuturaStd-Heavy';text-align:center;font-size: 1.1em;font-style:normal;font-weight: normal;margin:0 0 .5em 0;}
	h1 b{font-family: 'Conv_FuturaStd-Medium';font-size: .8em;}
	
	
	
						/* ~ MAN ~ */
						
						.man {position:absolute;width:75%;max-width: 30em; min-width:24em; height:12em;}
						.man img{width:8em;float:right;}
						
						/* ~ MAN ~ */
						
						
	
	
	/* ~ BUTTON FOR DOWNLOAD START ~ */
	.button { float:left; width:100%; height: 2em;  z-index: 4; white-space:nowrap;}
	.fullButton{width: 15em; height: 4em; margin:auto; white-space:nowrap;}
	.buttonBigShadow{position:absolute; margin: 0em 0 0 -3.1em; width: 16.3em;}
	.buttonBody{width: 11em; height: 2em; float:left; }
	.leftrightButton{width: 2.5em; height: 2em; float:left; }
	.leftrightButton img{position:absolute; margin: -.81em 0 0 0em; width: 2.5em;}
	.buttonDownload a{display:block; -moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px; text-align: center;line-height: 2.5em;font-size: .8em;white-space:nowrap;background-color: #D94851;color: #FFF; text-decoration:none;}
	.buttonDownload a:hover{background-color: #F75464;color: #FFF;}
	.shadowButton{-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;background-color: #4FBBCC;height: 2.2em;width: 100%;}
	
	/* ~ BUTTON FOR DOWNLOAD FINISH ~ */
	

	/* ~ CONTENT START ~ */
	
	.content {-moz-border-radius: 1em; -webkit-border-radius: 1em; -khtml-border-radius: 1em; 	border-radius: 1em;  background: url(i/half-man-bottom.svg) top right no-repeat;background-size: 10em;-o-background-size: 10em; -khtml-background-size: 10em; -moz-background-size: 10em;background-color:#FFF;}
	.content .leftShadow {position:absolute; margin: 0.75em 0 0 -11.99em; width:12em;}
	.content .inside, footer .inside, header .inside{width: 80%; margin: auto;}
	.content .spot article{width: 47.5%; float:left;}
	.content .bottom article{width: 50%;}
	.content .weeeee, .spot, .bottom{clear:left;}
	.content .weeeee{margin: 4em 0 2em 0;}
	.content .weeeee img{ width:120%; position: relative; margin: 0 -10% 0 -10%}
	.content .weeeee h2{font-style: normal; font-weight: normal; font-size: .7em; white-space:nowrap; text-align:center; margin: 0; text-transform:uppercase; letter-spacing: .1em;}
	.content .weeeee h2 b{color:#D94851;}
	.content .spot{ margin: .5em 0 0 0; height: 2em;}
	.content .bottom{margin-bottom: 3em;}

	article h2{font-style: normal; font-weight: normal; font-size: .9em; white-space:nowrap; margin: 1em 0 0 0; }
	article p{font-size: .52em; margin: .5em 0 1em 0; line-height: 1.4em;}
	
	/* ~ CONTENT START ~ */
	
	
						/* ~ PICTURES ~ */
						
						.pictures {position:absolute;max-width: 31.49em; min-width:23.49em; width: 80.88%;}
						.pictures img{float:right;}
						.pictures .albums{float:right;width: 60%;}
						.pictures .devices{float:right;width: 100%;}
						.pictures .phone{width: 9em;margin: 0em -1.30em 0 2em;}
						.pictures .tablet{width: 7em;margin: 7em -4em 0 2em;}
						.pictures .album-metallica{position:absolute;width: 6em;margin: 1.8em 0 0 -4%;}
						.pictures .album-mezzanine{position:absolute;width: 8em;margin: 1.5em 0 0 25%;}
						.pictures .album-radiohead{position:absolute;width: 7em;margin: 0 0 0 3%;}
						.pictures .album-maroon5{position:absolute;width: 8.5em;margin: -1em 0 0 14%;}
						
						/* ~ PICTURES ~ */	
	
	
	
	footer {height: 9em; background-image:url(i/bottom-shadow.svg); background-position:top right;}
	footer .text {float:left; text-align:left; width: 60%; margin-right: 10%; font-size: .4em; line-height: 1.6em; margin-top: 8em;}
	footer .text a{color:#632918; white-space:nowrap; text-decoration:none;}
	footer .text a:hover{color:#D94851;}
	footer .social {float:left; width: 30%; font-size: .5em; white-space:nowrap; text-align:right;margin-top: 4em;}
	footer .social span{float:right; width: 100%;}
	footer .social .join{font-family: 'Conv_FuturaStd-Heavy';font-size: 1.8em; text-align:right; margin-bottom: .5em;}
	footer .social .link{margin-bottom: .6em;}
	footer .social .link a{text-align:right;font-size: 1.2em; letter-spacing: .3em; text-align:right;background-color:#4FBBCC; color:#632918; text-decoration:none; padding: .1em 0 .1em .3em;}
	footer .social .link a:hover{background-color:#D94851; color:#632918; }
	footer .social .copy{ text-align:right;margin-top: .9em;font-size: 0.7em;letter-spacing: .1em;}
	footer .text p a{margin-right:2em;color:#632918; text-decoration:underline; cursor:pointer;}