@charset "utf-8";
/* CSS Document */

.ie {
    display: none;
}
/**
 * fullPage 1.4.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
body, html {
	margin: 0;
	padding: 0;
}
#superContainer {
	height: 100%;
	position: relative;
}
.section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.slide {
	float: left;
}
.slide, .slidesContainer {
	height: 100%;
	display: block;
}
.slides {
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.section.table, .slide.table {
	display: table;
	width: 100%;
}
.tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.slidesContainer {
	float: left;
	position: relative;
}
/*
.controlArrow{
    position:absolute;
    z-index: 4;
    top:50%;
    cursor:pointer;
	width: 0px;
	height: 0px;
	border-style: solid;
	margin-top: -38px;
}

.controlArrow.prev{
	left:15px;
	width: 0px;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
}
.controlArrow.next{  
	right:15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
}*/
.scrollable {
	overflow: scroll;
}
.easing {
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}
#fullPage-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
}
#fullPage-nav.right {
	right: 17px;
}
#fullPage-nav.left {
	left: 17px;
}
.fullPage-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1;
}
.fullPage-slidesNav.bottom {
	bottom: 17px;
}
.fullPage-slidesNav.top {
	top: 17px;
}
#fullPage-nav ul, .fullPage-slidesNav ul {
	margin: 0;
	padding: 0;
}
#fullPage-nav li, .fullPage-slidesNav li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative;
}
.fullPage-slidesNav li {
	display: inline-block;
}
#fullPage-nav li a, .fullPage-slidesNav li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}
#fullPage-nav li .active span, .fullPage-slidesNav .active span {
	background: #333;
}
#fullPage-nav span, .fullPage-slidesNav span {
	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border: 1px solid #000;
	background: rgba(0, 0, 0, 0);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}
.fullPage-tooltip {
	position: absolute;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	top: -2px;
}
.fullPage-tooltip.right {
	right: 20px;
}
.fullPage-tooltip.left {
	left: 20px;
}
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html, button, input, select, textarea {
	color: #222;
}
body {
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
img {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
 *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
/*
     * Don't show links for images, or javascript/internal links
     */

.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group; /* h5bp.com/t */
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}
@media only screen and (max-height: 768px) {
/*
	.bar
	{
		height: 44px;
	}
	.toolbar
	{
		margin: 0;
	}
	.display
	{
		height: 40px;
	}
		.display .date, .display .countdown
		{
			line-height: 40px;
		}
*/
}

@media screen and (max-width: 600px) {
	.header, .bottom, .noMo{
		display:none;
	}
	.mobi .mobiSlide {
		background:url("../img/bkgDesktop.jpg") no-repeat center center fixed red;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
   		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bkgDesktop.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bkgDesktop.jpg', sizingMethod='scale')";
		min-height: 100%;
		width:100%;
		height: 100vh;
  		top: 0;
  		left: 0;
	}
}
@media screen and (min-width: 600px) {
	.mobi{
		display:none;
	}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
	
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
body.mobile {
	font-size: 14px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #000;
	background-image: url('src/assets/countdown/bg-sm.jpg');
	background-size: 100% auto;
}
body.mobile#bg-alternative {
	background-attachment: scroll;
	background-image: url('src/assets/countdown/bg-sm-alt.jpg');
}
body.mobile .text {
	margin: 0 10px;
}
body.mobile .hide-on-mobile, body.desktop .hide-on-desktop, body.touch .hide-on-touch, body.tablet .hide-on-tablet {
	display: none;
}
body.mobile .menu-link {
	position: absolute;
	right: 10px;
	top: 10px;
	font-style: normal;
	font-size: 3em;
	line-height: 1em;
	font-weight: 300;
}
body.mobile .header, body.mobile .screen {
	left: auto;
	right: 0;
}
body.mobile .display {
	float: left;
}
body.mobile #menu {
	position: fixed;
	right: -15.625em; /*left or right and the width of your navigation panel     */
	width: 15.625em; /*should match the above value                 */
	overflow: auto;
}
body.mobile .screen {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 50px;
}
body.mobile .header {
	height: 100px;
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* W3C */
}
body.mobile .bottom {
	display: none;
}
body.mobile .x-share {
	display: none;
}
body.mobile .display {
	position: absolute;
	float: none;
	top: 0px;
	left: 39%;
	width: 130px;
	height: auto;
}
body.mobile#bg-alternative .display {
	top: 12px;
}
body.mobile .appear {
	display: none;
	position: absolute;
	float: none;
	left: 0;
	top: 0;
}
body.mobile .appear .date {
	font-size: 20px;
	line-height: 22px;
}
body.mobile .x-share {
	margin-top: 48px;
}
body.mobile .calendar {
	float: none;
	padding: 0;
	margin-top: 14px !important;
}
body.mobile .calendar, body.mobile .language {
	margin: 5px 0;
}
body.mobile .calendar a, body.mobile .language a {
	display: block;
	width: auto;
	height: auto;
	text-indent: 0;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 2px;
	background: #000;
	border: 1px solid #fff;
}
body.mobile .menu {
	padding: 0;
	text-align: center;
	background: #3b3731;
}
body.mobile .menu ul {
	padding: 0;
}
body.mobile .menu li {
	display: block;
	border: none;
	padding: 0;
}
body.mobile .menu li a, body.mobile .menu li span {
	display: block;
	font-size: 12px;
	line-height: 54px;
	background: url('src/img/menu.gif') repeat-x;
}
body.mobile .menu li span {
	color: #aaa;
}
body.mobile h1 {
	position: absolute;
	left: 10px;
	margin-left: -20px;
	margin-top: -5px;
}
body.mobile h1 a {
	background-size: contain;
	background-position: center center;
	width: 150px;
	height: 100px;
}
body.mobile .btn .sx {
	min-width: 0;
}
body.mobile .stay-tuned-home .bkg {
	padding: 0 10px;
}
body.mobile .home-choose-btn {
	margin-right: 0;
	margin-bottom: 1em;
}
body.mobile .vote a {
	font-size: 1em;
}
body.mobile .choose li {
	display: table-row;
	width: auto;
	height: 40px;
	padding: 0;
	background: none;
	text-align: left;
}
body.mobile .choose li strong {
	display: table-cell;
	width: 40%;
	line-height: .9em;
	padding-right: 10px;
	text-align: right;
	vertical-align: middle;
}
body.mobile .choose li a {
	/*display: table-cell;
		vertical-align: middle;*/
	margin-top: 4px;
}
body.mobile .choose li a small {
}
body.mobile .bg-fixed {
	display: none;
}
body.mobile .cards {
	display: block;
	height: auto;
}
body.mobile .card, body.mobile #section-getmore .card {
	display: table;
	width: 100% !important;
	margin: .4em 0;
}
body.mobile .card.apps {
	background-position: 50% 80%;
}
body.mobile .card a {
	width: 100%;
	/*padding: 50px 0;*/	
	text-align: center;
}
body.mobile .card a {
	display: table-cell;
	vertical-align: middle;
}
body.mobile .card a span {
	display: block;
}
body.mobile .card header h4 {
	font-size: 2em;
}
body.mobile .card p {
	position: relative;
	font-size: 1em;
}
body.mobile .section {
	width: 100%;
	height: auto!important;/*height: 480px;*//*background-color: #000;*/
}
body.mobile #section-home {
}
body.mobile #section-choose {
/*background-image: url('src/assets/choose/bg-sm.jpg');*/
}
body.mobile #section-getmore {
/*background-color: #2d2d2d;*/
}
body.mobile #section-clients {
/*background-color: #2d2d2d;*/
}
body.mobile .box {
	position: relative;
}
body.mobile .box-align {
	/*padding: 60px 0;*/
	padding: 0;
}
body.mobile #section-getmore .box-align {
	padding-top: 0px;
}
body.mobile .ask-sm, body.mobile .clients-sm {
	position: relative;
	z-index: 5;/*background: url('src/assets/ask/bg-sm.gif') repeat-x top;*/
}
body.mobile .ask-to {
	height: 80%;
}
body.mobile .ask-sm {
	padding-bottom: 20px;
}
body.mobile .ask-sm img, body.mobile .ask-sm-image {
	max-width: 100%;
}
body.mobile .ask-sm p {
	line-height: 1.2em;
}
body.mobile .asknow {
	/*margin-top: -70px;*/
	font-size: 24px;
	/*padding-bottom: 70px;*/
	position: relative;
	top: -70px;
}
body.mobile .ask-to .box {
	height: 85%;
}
body.mobile .ask-to .box-align {
	vertical-align: bottom;
}
/*
body.touch .close
{
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 10px;
}
	body.touch .close a
	{
		display: block;
		min-width: 50px;
		padding-top: 80px;
		font-size: 0.937em;
		color: #ff0000;
		text-align: center;
		text-transform: uppercase;
		background: url('src/img/close.png') no-repeat top;
	}*/
body.mobile .languages-box .logo {
	width: 123px;
	height: 100px;
	margin: 0 auto;
	background-size: contain;
}
body.mobile .languages-box ul {
	margin-top: 4px !important;
}
body.mobile .languages-box ul li {
}
body.mobile .languages-box ul li a {
	width: 100px;
	background-size: contain;
}
body.mobile .languages-box ul {
	margin-top: 50px;
	width: 320px;
}
body.mobile .popup {
	max-width: 100%;
}
body.mobile .popup-header, body.mobile .hr {
	display: none;
}
body.mobile .popup-title {
	padding: 5px 0;
	font-weight: normal;
	font-size: 16px;
}
body.mobile .popup-title span {
	font-size: 16px;
}
body.mobile .popup-share {
	display: none;
}
body.mobile .coming {
	letter-spacing: 0;
}
/*clients mobile rev6*/
body.mobile .clientscont {
	background-color: #fff;
	overflow: hidden;
	border-radius: 20px;
}
body.mobile .clients .title {
	text-shadow: none;
	color: #7d7d7d;
	margin: 1em 1em 1em 1em;
	border-bottom: 1px solid #ccc;
}
body.mobile .clients .title span {
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0 0 15px 9px #fff;
	;
	margin-bottom: -15px
}
body.mobile .clients-list {
	font-size: 0;
	line-height: 0;
	margin: 0 0 5% 0;
	padding: 0;
}
body.mobile .clients-list li {
	display: inline-block;
	width: 40%;
	background: #fff;
	margin: 5px 0;
	padding: 0 1.3%;
}
body.mobile #clients_content_1 .title {
	margin-top: 0.2em;
}
body.mobile #clients_content_1 .clients-list li {
	width: 30%;
}
body.mobile #clients_content_2 .clients-list li {
	width: 30%;
}
body.mobile .clients-list li img {
	max-width: 100%;
	max-height: 43px;
}
body.mobile #clients_content_2 .clients-list li img {
	max-height: 32px
}
body.mobile #clients_content_3 .clients-list li img {
	max-height: 32px
}
/*clients mobile rev5*/
/*
body.mobile .clients-list {
	font-size: 0;
	line-height: 0;
	margin: 0 0 5% 0;
	padding: 0;
}
body.mobile .clients-list li {
		display: inline-block; 
		width: 40%;
		background: #fff;
		margin: 2px;
		padding: 1% 0;
	}
body.mobile #clients_content_1 .clients-list li { width: 30%;}
body.mobile #clients_content_2 .clients-list li { width: 30%;}
body.mobile .clients-list li img {
	width:60%;
	height:auto;
}
*/

body.mobile .popup .title {
	font-size: 14px;
	padding-bottom: 10px;
}
body.mobile .popup .title span {
	font-size: 14px;
}
body.mobile .tuned-form {
	width: auto;
}
body.mobile .tuned-form .tuned-form-inp {
	margin-right: 50px;
	height: 25px;
}
body.mobile .tuned-form .tuned-form-inp span {
	margin: 2px 10px;
}
body.mobile .tuned-form .tuned-form-inp input {
	height: 21px;
}
body.mobile .tuned-form-submit input {
	width: 40px;
	height: 25px;
	font-size: 14px;
	background: url('src/img/submit-sm.png') no-repeat;
	box-shadow: -5px 5px 10px #a3a3a3;
}
.ask-box-touch {
	display: none;
}
body.touch .ask-box-touch {
	display: block;
}
.ask-box-touch .text {
	padding-top: 10px;
}
.ask-box-touch .text p {
	margin: 0;
	padding-top: 20px;
	line-height: 16px;
	font-size: 14px !important;
	font-weight: normal;
}
.ask-box-touch .text p strong {
	margin-bottom: 1em;
	display: inline-block;
}
.ask-box-touch .ask-mail {
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
}
.ask-box-touch .ask-mail-text {
	display: block;
	border: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
body.touch p.ask-box-notonfb {
	font-size: 14px;
}
body.touch .ask-twitter-text, body.touch .ask-twitter-text a {
	font-size: 14px;
	font-weight: normal;
}
body.mobile .ready, body.mobile .intro {
	line-height: 1.2em;
}
body.mobile .countdown-title {
	margin: 0 2em;
	margin-bottom: 10px;
}
body.mobile .countdown-title .countdown {
	margin-left: 0;
	width: auto;
}
body.mobile .home-choose-ask, body.mobile .home-ask-btn, body.mobile .choose ul .btn {
	font-size: 22px;
}
body.mobile .check {
	margin-top: 10px;
}
body.mobile .check a {
	font-size: 22px;
}
body.mobile .section {
	-webkit-box-sizing: none;
	-moz-box-sizing: none;
	box-sizing: none;
}
body.mobile .card {
	filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
body.mobile .ranking-lastupdate {
	font-size: 12px!important;
}
body.mobile .ranking {
	padding-top: 10px;
	padding-bottom: 0;
}
body.mobile .ranking li {
	position: relative;
	clear: both;
	float: none;
	width: auto;
	height: 50px;
}
body.mobile .ranking-bar {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 50px;
}
body.mobile .ranking-bar .percent {
	left: 0;
	bottom: auto;
	margin-left: 0;
}
body.mobile .ranking-bar .percent span {
	width: auto;
	padding: 0;
	font-size: 12px;
}
body.mobile .ranking li em {
	position: absolute;
	left: 0;
	top: 0;
	width: 48%;
	padding-top: 0;
	padding-right: 2%;
	font-size: 11px;
	text-align: right;
}
body.mobile .privacy {
	position: static
}
body.mobile .privacy-popup {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	border: 0;
}
body.mobile .privacy-popup-wrap {
	overflow-x: visible;
	overflow-y: visible;
	max-height: none;
}
body.mobile .privacy-popup-close {
	width: 1.5em;
	height: 1.5em;
	font-size: 2em;
	top: 0;
	right: 0;
}
/*reset slides fullpageJS*/
body.mobile .slidesContainer:not(.section-photogallery-slidesContainer), body.mobile .slide:not(.photogallery-slide) {
	width: auto!important;
	float: none!important
}
/* Vijon @22/01 */
body.mobile .techimage {
	display: none;
}
body.mobile .techtext, body.mobile .techtextleft {
	display: block;
	width: 100%;
	padding: 0;
}
body.mobile .techtext {
	border: none;
}
body.mobile .techtext h4 {
	padding: 10px 0;
}
body.mobile .techtext table {
	margin-bottom: 40px;
}
body.mobile .techtextleft {
}
body.mobile #section-extra .card {
	height: 260px;
}
body.mobile .card a {
	height: 260px;
}
body.mobile #section-extra .card header {
	position: relative;
}
body.mobile #section-extra .card header h4 {
	position: relative;
	font-size: 2em;
}
body.mobile #section-extra .card .playbutton {
	position: relative;
	margin-top: 0;
}
body.mobile .cardwrap {
}
body.mobile .answerbox {
	margin: 0;
	width: 100%;
	border-spacing: .4em;
	border: none;
}
body.mobile .answercol {
	display: table-row;
	width: 100%;
}
body.mobile .answerspace01, body.mobile .answerspace02, body.mobile .answervspace01 {
	display: none !important;
}
body.mobile .answerbox .answerkimi {
	height: 13.7em;
}
body.mobile .answerbox .answervlayout {
/*display: block;*/
}
body.mobile .answerbox .answerblock {
	display: table;
	border-spacing: 0;
}
body.mobile .answerbox .answervlayout {
	border-spacing: 0px;
}
body.mobile .answerbox .answerblock a, body.mobile .answerbox .answerblock .answerdisabled {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
body.mobile .answerbox .playbutton {
	position: relative;
	top: 0;
}
body.mobile .answerbox .answerboxtext {
	position: relative;
	top: 20px;
	bottom: 0;
	text-align: center;
	font-size: 2em;
	font-weight: 700;
	text-shadow: 0 3px 10px rgba(0,0,0,1);
}
body.mobile .answerbox .answerrowkimi .answerrowalign {
	border: none;
}
body.mobile .answerfernando {
	background-position: 50% 10px;
}
body.mobile .answerrowkimi {
}
body.mobile .answerstefano {
	background-position: 50% -40px;
}
body.mobile .techtable {
	font-size: 20px;
}
body.mobile .description-mobile {
	height: 300px;
	overflow: hidden;
	font-size: 20px;
}
body.mobile .description-mobile .slide {
	height: auto;
}
body.mobile .description-mobile-more {
	display: block;
	padding: 10px 20px;
	text-align: right;
	color: red;
}
body.mobile .description-mobile.expanded {
	height: auto;
}
body.mobile .video-reveal .carlogobig, body.mobile .unveilingprogram .carlogobig, body.mobile .video-reveal .carbig {
	width: 100%;
	height: auto;
	margin: 0;
}
body.mobile #section-choose .carlogobig {
	height: auto;
	margin: 0;
	width: 100%;
}
body.mobile #section-photogallery .slides {
}
body.mobile #section-photogallery .slide {
	float: left !important;
}
body.mobile #section-photogallery .box-align img {
	width: 100%;
	max-height: 100%;
}
body.mobile .photogallery-slide .box {
	display: block;
	width: auto;
	height: auto;
}
body.mobile .photogallery-slide .box-align {
	display: block;
}
body.mobile #section-photogallery .box-align a {
	display: block;
}
body.mobile #section-photogallery .box-align a .zoom {
	display: none;
}
body.mobile #section-extra .cards {
	border-spacing: 0.8em;
}
.swiper-pagination {
	position: absolute;
	z-index: 5;
	width: 100%;
	top: 230px;
	text-align: center;
}
.swiper-prev, .swiper-next {
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}
.swiper-prev {
	float: left;
	background: url('src/img/prev.png') no-repeat;
	background-size: cover;
}
.swiper-next {
	float: right;
	background: url('src/img/next.png') no-repeat;
	background-size: cover;
}
body.mobile .card.apps {
	background-position: 50% 60%;
}
body.mobile .ranking-numbers {
	display: block;
	padding-top: 20px;
	font-size: 12px;
}
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio, canvas, video {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
 display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-size: 100%; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html, button, input, select, textarea {
	font-family: sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
	margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active, a:hover {
	outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}
h3 {
	font-size: 1.17em;
	margin: 1em 0;
}
h4 {
	font-size: 1em;
	margin: 1.33em 0;
}
h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}
h6 {
	font-size: 0.67em;
	margin: 2.33em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b, strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
	background: #ff0;
	color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */

p, pre {
	margin: 1em 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code, kbd, pre, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
	quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before, q:after {
	content: '';
	content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl, menu, ol, ul {
	margin: 1em 0;
}
dd {
	margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */

menu, ol, ul {
	padding: 0 0 0 40px;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
	overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
	margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
	margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
	border: 0; /* 1 */
	padding: 0;
	white-space: normal; /* 2 */
 *margin-left: -7px; /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button, input, select, textarea {
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
 *vertical-align: middle; /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button, input {
	line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button, select {
	text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
 *overflow: visible;  /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */

button[disabled], html input[disabled] {
	cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
 *height: 13px; /* 3 */
 *width: 13px; /* 3 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden] {
display:none
}
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
html, button, input, select, textarea {
	font-family: sans-serif
}
body {
	margin: 0
}
a:focus {
	outline: thin dotted
}
a:active, a:hover {
	outline: 0
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
h2 {
	font-size: 1.5em;
	margin: .83em 0
}
h3 {
	font-size: 1.17em;
	margin: 1em 0
}
h4 {
	font-size: 1em;
	margin: 1.33em 0
}
h5 {
	font-size: .83em;
	margin: 1.67em 0
}
h6 {
	font-size: .67em;
	margin: 2.33em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
blockquote {
	margin: 1em 40px
}
dfn {
	font-style: italic
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ff0;
	color: #000
}
p, pre {
	margin: 1em 0
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
q {
	quotes: none
}
q:before, q:after {
	content: '';
	content: none
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
dl, menu, ol, ul {
	margin: 1em 0
}
dd {
	margin: 0 0 0 40px
}
menu, ol, ul {
	padding: 0 0 0 40px
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
form {
	margin: 0
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0;
	white-space: normal;
*margin-left:-7px
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align:middle
}
button, input {
	line-height: normal
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
*overflow:visible
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
*height:13px;
*width:13px
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
body, html {
	height: 100%;
}
body {
	margin: 0;
	/*font-family: 'Exo 2', sans-serif;
	font-weight: 800;
	font-style: italic;*/
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	letter-spacing: 2px;
	/*line-height: 1.2em;*/
	background: #000;
	color: #fff;
	text-shadow: 0 3px 10px #000;
}
.is-selector {
	font-size: 16px;
	background: #000 url('../img/bg-gray.jpg') no-repeat center;
}
a {
	color: #fff;
	text-decoration: none;
}
.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat; /*background-image:url(src/img/loading.gif);*/
	z-index: 9999
}
.ghost {
	display: none;
}
.btn, .percent {
	display: inline-block;
	/*	padding: 2px;*/
	box-shadow: 0px 1px 10px #000;
	border-radius: 4px;/*
  	background: #8a8a8a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhOGE4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2I1YjViNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOWIwYjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #8a8a8a 0%, #fcfcfc 30%, #b5b5b5 50%, #ffffff 70%, #b9b0b0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a8a8a), color-stop(30%,#fcfcfc), color-stop(50%,#b5b5b5), color-stop(70%,#ffffff), color-stop(100%,#b9b0b0));
	background: -webkit-linear-gradient(top,  #8a8a8a 0%,#fcfcfc 30%,#b5b5b5 50%,#ffffff 70%,#b9b0b0 100%);
	background: -o-linear-gradient(top,  #8a8a8a 0%,#fcfcfc 30%,#b5b5b5 50%,#ffffff 70%,#b9b0b0 100%);
	background: -ms-linear-gradient(top,  #8a8a8a 0%,#fcfcfc 30%,#b5b5b5 50%,#ffffff 70%,#b9b0b0 100%);
	background: linear-gradient(to bottom,  #8a8a8a 0%,#fcfcfc 30%,#b5b5b5 50%,#ffffff 70%,#b9b0b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#b9b0b0',GradientType=0 );
	*/
}
.btn {
	-moz-transform: skew(-10deg, 0);
	-webkit-transform: skew(-10deg, 0);
	-o-transform: skew(-10deg, 0);
	-ms-transform: skew(-10deg, 0);
	transform: skew(-10deg, 0);
}
body.no-touch .btn:hover {
	-moz-transform: scale(1.03) skewX(-10deg) skewY(0deg);
	-webkit-transform: scale(1.03) skewX(-10deg) skewY(0deg);
	-o-transform: scale(1.03) skewX(-10deg) skewY(0deg);
	-ms-transform: scale(1.03) skewX(-10deg) skewY(0deg);
	transform: scale(1.03) skewX(-10deg) skewY(0deg);
}
.btn .sx, .percent span {
	display: inline-block;
	background-color: #f20000;
	color: #FFFFFF;
	text-shadow: 0 3px 3px rgba(0,0,0,.3);
	padding: .5em .8em;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 2em 0 rgba(0,0,0,0.3);
	box-shadow: inset 0 0 2em 0 rgba(0,0,0,0.3);
}
body.no-touch .btn, body.no-touch .btn .sx, body.no-touch .percent span {
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.percent {
	display: table;
}
.ranking-numbers {
	font-size: 0.5em;
	color: #ff0000;
	font-weight: 500;
	display: block;
}
.percent span {
	display: table-cell;
	width: 2em;
	vertical-align: middle;
	text-align: center;
}
body.no-touch .btn:hover .sx {
	-webkit-box-shadow: inset 0 0 2em 0 rgba(0,0,0,0.7);
	box-shadow: inset 0 0 2em 0 rgba(0,0,0,0.7);
}
.btn .bkg {
	-moz-transform: skew(10deg, 0);
	-webkit-transform: skew(10deg, 0);
	-o-transform: skew(10deg, 0);
	-ms-transform: skew(10deg, 0);
	transform: skew(10deg, 0);
	display: inline-block;
}
.btn.small .sx {
	padding: .1em .4em;
}
.btn.small2 .sx {
	font-size: 0.77em;
	padding: .5em .4em;
	min-width: 16em;
	font-weight: 600;
	letter-spacing: 0px;
}
.btn.small3 .sx {
	padding: .2em .4em;
	font-size: 1.3em;
	font-weight: 700;
}
.btn.small4 .sx {
	padding: 0.9em 0.9em;
	font-size: 0.6em;
	font-weight: 600;
}
.btn.stay-tuned-home .sx {
	font-size: 1.1em;
	letter-spacing: 2px;
	padding: .2em .3em;
	min-width: 12em;
	font-weight: 600;
}
.stay-tuned-home .icon-mail {
	margin-left: 0.2em;
	font-size: 1em;
	line-height: 0.5em;
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 0.2em;
}
.btn.stay-tuned-top .sx {
	padding: .1em .5em;
	min-width: 8.4em;
}
.btn.mini .sx {
	padding: 0em 0em;
}
.btn.black {
	box-shadow: 0px 1px 30px #ccc;
}
.btn.black .sx {
	background-color: #000;
}
.btn.black-home {
	border: 2px solid #fff;
}
.btn.black-home .sx {
	background-color: #000;
}
.btn.green .sx {
	background-color: #2fc700;
	-webkit-box-shadow: inset 0 0 1em 0 rgba(255,255,255,0);
	box-shadow: inset 0 0 1em 0 rgba(255,255,255,0);
}
body.no-touch .btn.green:hover .sx {
	-webkit-box-shadow: inset 0 0 1em 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 0 1em 0 rgba(255,255,255,0.3);
}
.btn small {
	display: block;
	line-height: .7em;
	font-size: .7em;
}
.bar {
	position: fixed;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 86px;
	background: url('.../img/header.gif') repeat-x bottom;
}
.header {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.65)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0 );
	height: 6.2em;
	position: fixed;
	z-index: 10;
	width: 100%;
	top: 0;
	left: 0;
	text-align: center;
}
.header h1 {
	position: fixed;
	z-index: 10;
	margin: 0;
	left: 0.5em;
	top: 0.4em;
}
.header h1 a {
	display: block;
	width: 4.13em;
	height: 3.1em;
	text-indent: -9999px;
	background: url('../img/logo.png') no-repeat;
	background-position: center center;
	background-size: contain;
}
.display {
	position: fixed;
	top: 1em;
	right: 1em;
	z-index: 20;
}
.menu {
	clear: right;
	position: relative;
	z-index: 10;
	padding: 0;
	text-align: center;
	font-weight: 500;
}
.menu .knob {
	position: absolute;
	display: block;
	width: 0;
	height: 2px;
	background: #ff2300;
	opacity: 0;
}
.menu ul, .menu li {
	line-height: 0.5em
}
.menu ul {
	margin: 0;
	padding: 1em 0 0 0;
	letter-spacing: normal;
}
.menu li {
	display: inline-block;
	padding: 0 0.5em;
	border-right: 1px solid #fff;
	font-size: 0.65em;
	line-height: 1em;
	text-transform: uppercase;
}
.menu li.disabled {
	cursor: default;
}
.menu li, .menu li a {
	color: #fff;
}
.menu li:last-child {
	border: none;
}
body.no-touch .menu li a {
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
body.no-touch .menu li.active a, body.no-touch .menu li a:hover {
	color: #ff0000;
}
.menu li.active a {
	font-weight: 900
}
body.mobile .menu li.sharenav {
	display: none;
}
.menu li.sharenav {
	padding: 0;
	margin-right: -84px;
	vertical-align: middle;
}
.menu li.sharenav, .menu li.lastitem {
	border: none;
}
.menu li.sharenav .x-share {
}
.menu li.sharenav li {
	border: none;
	padding: 0;
}
.menu li.sharenav .x-share strong {
	background-position: top left;
	height: 24px;
}
/* Footer */
footer {
	background: #fff url('../img/bg_footer.png') bottom left repeat-x;
	color: #231f20;
	padding: 8px 20px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	position: relative;
}
@media only screen and (max-width: 1200px) {
footer {
	padding: 8px 0px;
	font-size: 10px;
}
}
footer a {
	text-decoration: underline;
	color: #231f20;
}
footer .lang {
	margin: 0px 5px 0 0;
	vertical-align: text-bottom;
}
footer .eng {
	background: url('../img/sprite_languages.png') -45px 0px no-repeat transparent;
}
footer .ita {
	background: url('../img/sprite_languages.png') -45px -30px no-repeat transparent;
}
footer .eng:hover {
	background: url('../img/sprite_languages.png') 0px 0px no-repeat transparent;
}
footer .ita:hover {
	background: url('../img/sprite_languages.png') 0px -30px no-repeat transparent;
}
footer #legals {
	/*	display: inline-block;
	*display:inline;
	zoom:1;
	margin-right: 20px;
	*/
	margin: 0 250px;
}
footer #legals .cinfo {
	display: none;
	position: absolute;
	bottom: 100%;
	left: 0;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.9);
	color: #4c4c4c;
	padding: 10px 0;
	width: 100%;
	z-index: 2;
	font-size: 12px;
}
footer #legals .cinfo span {
	display: block;
	padding: 0 10px;
}
footer #legals .companyInfo {
	text-decoration: underline;
	cursor: pointer;
}
footer #lang {
	display: inline-block;
 *display:inline;
	zoom: 1;
	margin-right: 20px;
	position: absolute;
	left: 15px;
}
footer #lang a {
	display: block;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 34px;
}
footer #app {
	display: inline-block;
 *display:inline;
	zoom: 1;
	margin: 0 30px;
	padding-right: 24px;
	line-height: 37px;
	background: transparent url('../img/ferrari/ico_app.html') top right no-repeat;
}
footer .footer-btn {
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
}
/* Follow */
#follow {
	/*
   	display: inline-block;
	*display:inline;
	zoom:1;
  white-space: nowrap;
   position: absolute;
   right:15px;
   */
	float: right;
	width: 250px;
}
#follow span {
	display: inline-block;
 *display:inline;
	zoom: 1;
	line-height: 20px;
	margin-right: 10px;
}
#follow a {
	display: inline-block;
   *display:inline;
	zoom: 1;
	text-indent: -5000px;
	background: url('../img/sprite_social.html') 0px 0px no-repeat;
	width: 20px;
	height: 20px;
	margin-right: 2px;
}
#follow a#f_fb {
	background: url('../img/sprite_social.png') -40px 0px no-repeat transparent;
}
#follow a#f_tw {
	background: url('../img/sprite_social.png') -40px -30px no-repeat transparent;
}
#follow a#f_yt {
	background: url('../img/sprite_social.png') -40px -60px no-repeat transparent;
}
#follow a#f_gp {
	background: url('../img/sprite_social.png') -40px -90px no-repeat transparent;
}
#follow a#f_pi {
	background: url('../img/sprite_social.png') -40px -120px no-repeat transparent;
}
#follow a#f_be {
	background: url('../img/sprite_social.png') -40px -150px no-repeat transparent;
}
#follow a#f_li {
	background: url('../img/sprite_social.png') -40px -180px no-repeat transparent;
}
#follow a#f_fb:hover {
	background: url('../img/sprite_social.png') 0px 0px no-repeat transparent;
}
#follow a#f_tw:hover {
	background: url('../img/sprite_social.png') 0px -30px no-repeat transparent;
}
#follow a#f_yt:hover {
	background: url('../img/sprite_social.png') 0px -60px no-repeat transparent;
}
#follow a#f_gp:hover {
	background: url('../img/sprite_social.png') 0px -90px no-repeat transparent;
}
#follow a#f_pi:hover {
	background: url('../img/sprite_social.png') 0px -120px no-repeat transparent;
}
#follow a#f_be:hover {
	background: url('../img/sprite_social.png') 0px -150px no-repeat transparent;
}
#follow a#f_li:hover {
	background: url('../img/sprite_social.png') 0px -180px no-repeat transparent;
}
.bottom {
	position: fixed;
	z-index: 10;
	bottom: 0;
	width: 100%;
	text-align: center;
}
.footer a.scroll {
	display: inline-block;
	height: 2.5em;
	min-width: 10.3em;
	padding: 0 1em;
	margin: 0 auto;
	font-size: 0.5em;
	/*font-size:16px;*/
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	border: 1px solid #fff;
	border-bottom: none;
	background-color: #000;
	line-height: 2.5em;
	position: relative;
/*	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;*/
}
body.no-touch .footer a.scroll {
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.footer a.scroll:before {
	content: "";
	display: block;
	position: absolute;
	top: -0.7em;
	left: 50%;
	margin-left: -0.9em;
	width: 2.1em;
	height: 1.8em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}
.footer a.scroll:before {
	background-image: url('../img/scroll2.png');
}
body.no-touch .footer a.scroll:hover {
	background-color: #f50019;
}
.select-language {
	float: left;
	width: 240px;
}
.select-language strong {
	display: inline-block;
	padding-right: 10px;
	font-style: italic;
	text-transform: uppercase;
}
.select-language a {
	display: inline-block;
	width: 30px;
	height: 15px;
	text-indent: -9999px;
}
.sponsors {
	height: 2.5em;
	background: #fff;
	text-align: center;
}
.sponsors img {
	display: block;
	height: 100%;
	width: auto;
	margin: 0 auto;
}
footer {
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0px;
	text-shadow: none;
}
footer p {
	margin: 0;
}
/* SCREEN */
#superContainer {
	z-index: 3;
}
.screen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
body.no-touch .blur .screen, body.no-touch .blur .bar, body.no-touch .blur .header, body.no-touch .blur .footer {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}
.stage {
	/*position: absolute;
	width: 100%;
	height: 100%;*/
}
.slide {
	position: relative;
}
.box {
	display: table;
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 100%;
}
.box-align {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 2em;
}
.text {
	/*width: 960px;*/
	margin: 0 8em;
}
.title {
	margin: 0;
	font-size: 2.25em;
	line-height: .9em;
}
body.desktop#bg-alternative .title.pagetitle {
	font-size: 1.4em;
}
.title span {
	display: block;
	font-size: 0.666em;
}
.title sub {
	font-weight: normal;
	font-size: 0.666em;
	vertical-align: middle;
}
.title strong {
	color: #ff0000;
}
.title em.super {
	display: block;
	line-height: 1em;
	color: #ff0000;
	font-size: 2em;
}
.text p {
	line-height: .9em;
}
.text p span {
	font-weight: normal;
}
.fg {
	position: absolute;
	z-index: 4;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.fg img {
	position: absolute;
	z-index: 4;
	height: 100%;
}
.bg, .video {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.bg img {
	position: absolute;
	z-index: 2;
}
.video {
	background-image: url(../img/bg-gray.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.video, .bg-fixed {
	position: fixed;
}
.video video, .video-embed {
	/* force bigger*/
		/*
			position: absolute;
			z-index: 2;
			left: -10%;
			width: 120%;
			height: 120%;
			*/
		/*force fullscreen*/
	position: absolute;
	bottom: 0px;
	right: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1000;
	overflow: hidden;
}
.slide-next, .slide-prev, .prev, .next {
	display: table;
	position: absolute;
	z-index: 10;
	top: 50%;
	margin-top: -3.1em;
	height: 6.2em;
	color: #fff;
	font-size: 0.55em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 700;
    letter-spacing: 1px;
}
.controlArrow {
	cursor: pointer;
	z-index: 11;
}
.controlArrow .bgarrow, .controlArrow .textarrow {
	display: table-cell;
	vertical-align: middle;
}
.controlArrow .bgarrow, .controlArrow .bgarrow img {
	width: 6em;
}
.controlArrow .bgarrow img {
	height: auto;
}
.controlArrow .textarrow {
	text-shadow: 0 0 12px #000;
}
.slide-next span, .slide-prev span {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.1em;
	line-height: 1.1em;
}
.slide-next strong, .slide-prev strong {
	display: block;
	color: #fff000;
}
.slide-prev, .slide-next {
	cursor: default;
	text-shadow: 0 0 12px #000;
}
.slide-prev {
	text-align: left;
	padding-left: 6em;
}
.slide-next {
	text-align: right;
	padding-right: 6em;
}
/*.prev .bgarrow{background: url('src/img/prev.png') no-repeat left;
			background-size:contain;}
		.next .bgarrow{background: url('src/img/next.png') no-repeat right;
			background-size:contain;}*/
.prev .textarrow {
	text-align: left
}
.next .textarrow {
	text-align: right;
}
body.no-touch .next, body.no-touch .prev {
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
body.no-touch .next:hover, body.no-touch .prev:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.slide-prev, .prev {
	left: 2em;
}
.slide-next, .next {
	right: 2em;
}
.highlight {
	text-align: center;
	text-transform: uppercase;
}
.sx, .dx, .bkg {
/*display: block;*/
}
/*** home ***/
/*home tuned rev5 btn*/
/*
.home-tuned
{
display: inline-block;
font-size: 0.6em;
vertical-align: middle;
margin-left: 1em;
}
*/
/*home tuned rev6*/
.home-tuned {
	display: inline-block;
	font-size: 0.8em;
	vertical-align: middle;
	margin-left: 1em;
	font-weight: 300;
	border-bottom: 1px solid #fff;
}
body.no-touch .home-tuned, body.no-touch .home-tuned a {
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
body.no-touch .home-tuned:hover {
	border-bottom-color: #ff0000;
}
body.no-touch .home-tuned:hover, body.no-touch .home-tuned:hover a {
	color: #ff0000;
}
/*.home-tuned .sx, .choose ul li a .sx
	{
		padding-left: 29px;
		background: url('src/img/countdown/btn-sx.png') no-repeat left top;
	}
	.home-tuned .dx, .choose ul li a .dx
	{
		padding-right: 29px;
		background: url('src/img/countdown/btn-dx.png') no-repeat right top;
	}
	.home-tuned .bkg, .choose ul li a .bkg
	{
		line-height: 104px;
		padding: 0 10px;
		background: url('src/img/countdown/btn-bg.png') repeat-x top;
	}*/
p.special-online {
	font-weight: 300;
	font-size: 1.2em;
	margin: 2em 0 0.3em 0;
	line-height: 1.2em;
}
.special-online strong {
	color: #ff0000;
	font-size: 1.2em
}
/*body.desktop .home-choose-btn{ margin-right:10.2em}*/
body.desktop .home-choose-ask {
	display: table;
	width: 77%;
	margin: 0 auto;
}
body.desktop .home-choose, body.desktop .home-ask {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
body.desktop .home-choose {
	margin-right: 10.2em;
}
body.desktop .home-choose-img {
	background-image: url(../img/auto.png);
}
body.desktop .home-ask-img {
	background-image: url(../img/piloti.png);
}
body.desktop .home-choose-img, body.desktop .home-ask-img {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	height: 4em;
	margin-bottom: 0.3em;
}
/*body.desktop .home-discover .home-choose-img, body.desktop .home-discover .home-ask-img{ height:6em;}*/
body.desktop .home-discover .home-choose-img {
	background-image: url(../img/discover.png);
	display: table;
	width: 100%;
}
body.desktop .home-discover .home-choose-text {
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
	padding-bottom: 0.2em;
	font-size: 1.1em;
}
.video-reveal h3 {
	font-size: 1.8em;
	margin-bottom: 0.7em;
	font-weight: 900;
}
.video-reveal.video-reveal-backup h3 {
	font-size: 1.2em;
	margin-bottom: 0;
	margin-right: 0.4em;
	display: inline-block;
	font-weight: 500;
	vertical-align: middle;
}
.video-reveal .waitisover {
	margin: 0 0 1.1em 0;
	font-weight: 700;
	font-size: 1em;
}
.video-reveal.video-reveal-backup .waitisover {
	margin-bottom: 0.4em;
}
.video-reveal .hashtag {
	color: #000;
	text-shadow: none;
}
.video-reveal-backup .hashtag {
	color: #00a9dc;
}
.video-reveal .carlogobig, .unveilingprogram .carlogobig {
	display: block;
	margin: 0 auto 1.3em auto;
	width: 33.45em;
	height: auto;
}
.video-reveal .carbig {
	display: block;
	margin: 0 auto 0 auto;
	width: 37.5em;
	height: auto;
}
.unveilingprogram .carlogobig {
	margin-bottom: 0.3em;
}
.video-popup {
	width: 40em;
	height: 22.5em;
}
body.mobile .video-popup {
	width: 240px;
	height: 135px;
}
.videorevealbutton {
	width: 5em;
	height: 5em;
	border: 0.5em solid #fff;
	display: block;
	margin: 0 auto;
	border-radius: 5em;
	font-size: 0.6em;
}
.video-reveal-backup .videorevealbutton {
	font-size: 0.4em;
	display: inline-block;
	vertical-align: middle;
}
.videorevealbutton .arrow {
	display: block;
	width: 0;
	height: 0;
	border-top: 1em solid transparent;
	border-bottom: 1em solid transparent;
	border-left: 1.723em solid #fff;
	position: relative;
	top: 50%;
	left: 50%;
	margin-top: -1em;
	margin-left: -0.8em;
}
body.no-touch .videorevealbutton {
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
body.no-touch .videorevealbutton:hover {
	background-color: rgba(255,0,0,0.6);
	box-shadow: 0px 1px 30px #000;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.fixedtitle{text-transform: uppercase;text-align: center;position: absolute;top: 2em;width: 100%; z-index:1;}
#section-extra .fixedtitle{ top:2.25em;}
body.desktop#bg-alternative .fixedtitle.pagetitle{ top:3.5em!important;}
.fixedtitle-section .box-align{ padding-top:3em;}
#section-photogallery .textarrow{ display:none;}
#section-photogallery .box-align{ text-align:center;}
#section-photogallery .box-align .imagewrapper{position:relative; display:inline-block;margin:0 auto;}
#section-photogallery .box-align a{ display:inline-block; }
#section-photogallery .box-align img{ max-height:17em; max-width:100%; width:auto;}
#section-photogallery .box-align .zoomimage, #section-photogallery .box-align .imagetools{display:block;position: absolute;}
#section-photogallery .box-align .zoomimage{top: 0.3em;right: 0.3em;}
#section-photogallery .box-align .imagetools{top: 0.7em;right: 2.2em; font-size:0.7em;}
#section-photogallery .box-align .imagetools .tool{ display:inline-block; margin-right:0.5em;}
#section-photogallery .box-align .imagetools .icon{ text-shadow:none;}
/*#section-photogallery .box-align .imagetools .share{ position:relative; z-index:9;}*/
#section-photogallery .box-align a .zoom{display: block;
width: 1.25em;
height: 1.25em;
background-image:url(src/img/zoom.png); background-repeat:no-repeat; background-position:center center; background-size:cover;

}

body.no-touch #section-photogallery .box-align a .zoom, body.no-touch #section-photogallery .box-align .imagetools .share{
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;}
body.no-touch #section-photogallery .box-align a:hover .zoom{ background-image:url(../img/zoom-h.png)}
body.no-touch #section-photogallery .box-align .imagetools .share:hover{color:#ff0000; border-color:#ff0000;}
body.desktop #section-2008-now .title{font-size: 1.4em; top: 3.5em;}
body.desktop #section-2002-now .title{font-size: 1.4em; top: 3.5em;}
body.desktop #section-2000-2002 .title{font-size: 1.4em; top: 3.5em;}
body.desktop #section-skills .title{font-size: 1.4em; top: 3.5em;}
.techtable{ width:100%; display:table}
.techtableSkills{ width:100%;}
.techtableSkills h4{margin:15px 0;}
.techtableSkills ul{padding:0; margin:0; list-style-type:none;}
.techtableSkills ul li{margin:10px 0 15px; height:30px;}
.techtableSkills span{float:left; margin-right:15px;}
.techtableSkills .full{background:url(../img/svg/circle_full.svg) scroll 0 0 transparent; height:30px; width:30px; display:block;}
.techtableSkills .empty{background:url(../img/svg/circle.svg) scroll 0 0 transparent; height:30px; width:30px; display:block; transition: all 1s ease 1s;}
.techtableSkills .techHolder {margin-left:25%;}



.techimage, .techtext, .techtextleft{ display:table-cell; width:50%; padding:0 2em;}
.techimage-skills{ text-align: right !important; line-height:45px;}
.techimage-nomargin{padding: 0 0 0 2em;}
.chassis .techimage{width:30%}
.chassis .techtext{width:70%}
.techimage{ vertical-align:middle; text-align:center;}
.techimage img{width:100%;}
.techtext, .techtextleft{ vertical-align:top; text-align:left; font-size:0.6em; font-weight:400; }
.techtext{ border-left:1px solid #fff;padding-right:4em;}
.techdescription .textholder{ text-transform:none; font-size:1.1em; line-height:1.5em;}
.techdescription .textholder p{ line-height:normal; text-shadow:0px 1px 2px #000;}
.techdescription .textholderSkills{ text-transform:uppercase; font-size:1.1em; line-height:1.5em;}
.techdescription .textholderSkills p{ line-height:normal; text-shadow:0px 1px 2px #000;}
.techdescription .techtextleft{ padding-left:4em;}
.techtext h4{ font-size:1.4em; margin-top:0; margin-bottom:0;}
.techtext table{ width:100%;}
.techtext td, .techtext th{ font-weight:700; border-bottom:1px solid #fff; padding:0.3em 0; vertical-align:top; text-align:left;}
.techtext td{ padding-left:1em;}
.techtext tr:last-child td, .techtext tr:last-child th{ border-bottom:none;}

@media screen and (max-width: 600px) {
	.header, .bottom, .noMo{
		display:none;
	}
	#superContainer {
		position: static;
		transform: none!important;
    }
	body::-webkit-scrollbar {
  		display: none;
	 }
	 body {
  		-ms-overflow-style: none;
		 overflow: scroll!important;
	 }
	h3 {
		text-transform: uppercase;
		font-weight: 900;
	}
	.mobi {
		scroll-behavior: smooth;
	}
	.mobi .mobiSlider {
		/*min-height: 100%;
		width:100%;
		height: 100vh;
  		top: 0;
  		left: 0;*/
		font-size:16px;
    	scroll-snap-type: mandatory;
    	scroll-snap-points-y: repeat(100vh);
    	scroll-snap-type: y mandatory;
	}
	.mobi .mobiSlide {
		scroll-snap-align: start;
		min-height: 100%;
		width:100%;
		height: 100vh;
	}
	.mobi nav {
		position:fixed;
		z-index: 10;
	}
	/* MENU START */
	#menuToggle {
  		display: block;
 		position: relative;
 		top: 25px;
  		left: 25px;
  		z-index: 1;
  		-webkit-user-select: none;
  		user-select: none;
	}
	#menuToggle a {
  		text-decoration: none;
  		color: #ffffff;
  		transition: color 0.3s ease;
		text-shadow: none;
		text-transform: uppercase;
		font-weight: 500;
	}
	#menuToggle a:hover {
  		color: #ff0000;
		font-weight: 900;
	}
	#menuToggle input {
  		display: block;
  		width: 40px;
  		height: 32px;
  		position: absolute;
  		top: -7px;
  		left: -5px;
  		cursor: pointer;
  		opacity: 0;
  		z-index: 2;
  		-webkit-touch-callout: none;
	}
	#menuToggle span {
  		display: block;
  		width: 33px;
  		height: 4px;
  		margin-bottom: 5px;
  		position: relative;
  		background: #ffffff;
  		border-radius: 3px;
  		z-index: 1;
  		transform-origin: 4px 0px;
  		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		opacity 0.55s ease;
	}
	#menuToggle span:first-child {
  		transform-origin: 0% 0%;
	}

	#menuToggle span:nth-last-child(2) {
  		transform-origin: 0% 100%;
	}
	#menuToggle input:checked ~ span {
  		opacity: 1;
  		transform: rotate(45deg) translate(-2px, -1px);
  		background: #ffffff;
	}
	#menuToggle input:checked ~ span:nth-last-child(3) {
  		opacity: 0;
  		transform: rotate(0deg) scale(0.2, 0.2);
	}
	#menuToggle input:checked ~ span:nth-last-child(2) {
  		transform: rotate(-45deg) translate(0, -1px);
	}
	#menuz {
  		position: absolute;
  		width: 100vw;
		min-height:100%;
		height:calc(100vh - 175px);
  		margin: -100px 0 0 -50px;
  		padding: 50px;
  		padding-top: 125px;
		background: rgba(0,0,0,.85);
  		list-style-type: none;
  		-webkit-font-smoothing: antialiased;
		transform-origin: 0% 0%;
  		transform: translate(-100%, 0);
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	}
	#menuz li {
  		padding: 10px 0;
  		font-size: 22px;
	}
	#menuToggle input:checked ~ ul {
  		transform: none;
	}
	/* MENU END */
	.mobi footer {
		position:fixed;
		bottom:0;
		z-index: 10;
		width: 100vw;
    	text-align: center;
	}
	.mobi .slide1 {
		background:url("../img/mobi/bkg1.jpg") no-repeat center center fixed transparent;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
   		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg1.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg1.jpg', sizingMethod='scale')";
	}
	.mobi .slide2 {
		background:url("../img/mobi/bkg2.jpg") no-repeat center center fixed transparent;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
   		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg2.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg2.jpg', sizingMethod='scale')";
	}
	.mobi .slide3 {
		background:url("../img/mobi/bkg3.jpg") no-repeat center center fixed transparent;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
   		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg3.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg3.jpg', sizingMethod='scale')";
	}
	.mobi .slide4 {
		background:url("../img/mobi/bkg4.jpg") no-repeat center center fixed transparent;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
   		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg3.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg3.jpg', sizingMethod='scale')";
	}
	.mobi .slide5 {
		background:url("../img/mobi/bkg5.jpg") no-repeat center center fixed transparent;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
   		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg3.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg3.jpg', sizingMethod='scale')";
	}
	.mobi .slide6 {
		background:url("../img/mobi/bkg6.jpg") no-repeat center center fixed transparent;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
   		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg3.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg3.jpg', sizingMethod='scale')";
	}
	.mobi .slide7 {
		background:url("../img/mobi/bkg7.jpg") no-repeat center center fixed transparent;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
   		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg3.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mobi/bkg3.jpg', sizingMethod='scale')";
	}
	.mobi .mobiSlideInt {
		min-height: 100%;
		width:100%;
		height: 100vh;
	}
	
	.centre {
		padding-top:60px;
		margin: 0 auto;
  		width: 90%;
		text-align: center;
	}
	.mobi .mobiIntro {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 20px;
	}
	.mobi .mobiLogo {
		width:80%;
		height:auto;
		margin-top:70px;
	}
	.mobi .textHolder h4 {
		text-transform: uppercase;
		font-size: 1.4em;
		margin: 0 0 15px;
	}
	.mobi .textHolder p {
		text-align: left;
		letter-spacing: 1px;
		
	}
	.mobi .imgHolder {
		/*border-top:1px solid white;*/
	}
	.mobi .imgHolder img {
		width:80%;
		height: auto;
	}
	.mobi .skillz ul {
		list-style: none;
		text-align: left;
		padding: 0;
		letter-spacing: 1px;
		line-height: 22px;
	}
	.mobi .skillz ul li {
		padding:0 0 10px;;
	}
	.mobi .skillz .cosa {
		width:190px;
		float: left;
	}
	.mobi .skillz .quanto {
		float: left;
		max-width: calc(100% - 190px);
		text-shadow: none;
	}
	.mobi .skillz .quanto img {
		width:100%;
		height: 14px;
		padding:0 0 4px;
		border: 0;
		}
	.mobi .clientz ul {
		list-style: none;
		text-align: center;
		padding: 0;
		letter-spacing: 1px;
		line-height: 22px;
	}
	.mobi .clientz ul li {
		padding:0 0 10px;;
	}
	.mobi .formulaOne {
		background: url("../img/mobi/bkgF1.jpg") no-repeat scroll center bottom black;
		background-size: contain;
	}
	.mobi .driver{
		background: url("../img/mobi/bkgDriver.jpg") no-repeat scroll center bottom black;
		background-size: contain;
	}
	.mobi .websites {
		background: url("../img/mobi/bkgWebsites.jpg") no-repeat scroll center bottom black;
		background-size: contain;
	}
	.mobi .campaigns {
		background: url("../img/mobi/bkgCampaigns.jpg") no-repeat scroll center bottom black;
		background-size: contain;
	}
	.mobi .press {
		background: url("../img/mobi/bkgPress.jpg") no-repeat scroll center bottom black;
		background-size: contain;
	}
	.mobi .audioVideo {
		background: url("../img/mobi/bkgAudioVideo.jpg") no-repeat scroll center bottom black;
		background-size: contain;
	}
	.mobi .social {
		background: url("../img/mobi/bkgSocial.jpg") no-repeat scroll center bottom black;
		background-size: contain;
	}
	.mobi .projectManagement {
		background: url("../img/mobi/bkgPM.jpg") no-repeat scroll center bottom black;;
		background-size: contain;
	}
	/* MOBILE SLIDER BEGIN */
	.Modern-Slider .NextArrow{
  		position:absolute;
  		top:50%;
  		right:0px;
  		width:45px;
  		height:45px;
  		background:rgba(0,0,0,.50);
  		border:0 none;
  		margin-top:-22.5px;
  		text-align:center;
  		font:20px/45px FontAwesome;
  		color:#FFF;
  		z-index:5;
	}
	.Modern-Slider .NextArrow:before{
		/*content:'\f105';*/
		content: url("../img/mobi/nxtArrow.png");
	}
	.Modern-Slider .PrevArrow {
  		position:absolute;
  		top:50%;
  		left:0px;
 		width:45px;
  		height:45px;
  		background:rgba(0,0,0,.50);
  		border:0 none;
  		margin-top:-22.5px;
  		text-align:center;
  		font:20px/45px FontAwesome;
  		color:#FFF;
  		z-index:5;
	}
	.Modern-Slider .PrevArrow:before {
		/*content:'\f104';*/
		content: url("../img/mobi/prvArrow.png");
	}
	.slick-slider {
		position:relative;
		display:block;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
		-webkit-touch-callout:none;
		-khtml-user-select:none;
		-ms-touch-action:pan-y;
		touch-action:pan-y;
		-webkit-tap-highlight-color:transparent;
	}
	.slick-list {
		position:relative;
		display:block;
		overflow:hidden;
		margin:0;
		padding:0;
	}
	.slick-list:focus {
		outline:none;
	}.slick-list.dragging {
		cursor:hand;
	}
	.slick-slider .slick-track,.slick-slider .slick-list {
		-webkit-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
	.slick-track {
		position:relative;
		top:0;
		left:0;
		display:block;
	}
	.slick-track:before,.slick-track:after {
		display:table;
		content:'';
	}
	.slick-track:after {
		clear:both;
	}
	.slick-loading .slick-track {
		visibility:hidden;
	}
	.slick-slide {
		display:none;
		float:left /* If RTL Make This Right */ ;
		height:100%;min-height:1px;
	}
	.slick-slide.dragging img {
		pointer-events:none;
	}
	.slick-initialized .slick-slide {
		display:block;
	}
	.slick-loading .slick-slide {
		visibility:hidden;
	}
	.slick-vertical .slick-slide {
		display:block;
		height:auto;
		border:1px solid transparent;
	}
	
/* MOBILE SLIDER END*/
	
}
@media screen and (min-width: 600px) {
	.mobi{
		display:none;
	}
}