article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}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;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}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;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}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;}
@import url(http://fonts.googleapis.com/css?family=Raleway:400,700); @font-face { 	font-weight: normal; 	font-style: normal; 	font-family: 'codropsicons'; 	src:url('../fonts/codropsicons/codropsicons.eot'); 	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), 		url('../fonts/codropsicons/codropsicons.woff') format('woff'), 		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'), 		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg'); }  *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; }  html, body, .container { 	height: 100%; }  body { 	background: #ffd600; 	color: #fff; 	font-weight: 400; 	font-size: 1em; 	font-family: 'Raleway', Arial, sans-serif; 	overflow: hidden; 	overflow-y: scroll; 	min-height: 590px; }  a { 	color: rgba(0,0,0,0.3); 	text-decoration: none; 	outline: none; }  a:hover, a:focus { 	color: #fff; }  /* Top Navigation Style */ .codrops-top { 	margin-top: 1em; }  .codrops-top a { 	font-size: 0.69em; 	padding: 0 0.25em; 	display: inline-block; 	text-decoration: none; 	font-size: 1.2em; }  .codrops-icon:before { 	margin: 0 4px; 	text-transform: none; 	font-weight: normal; 	font-style: normal; 	font-variant: normal; 	font-family: 'codropsicons'; 	line-height: 1; 	speak: none; 	-webkit-font-smoothing: antialiased; }  .codrops-icon-drop:before { 	content: "\e001"; }  .codrops-icon-prev:before { 	content: "\e004"; }  .codrops-icon-info:before { 	content: "\e003"; }  .codrops-icon span { 	display: none; 	position: absolute; 	font-size: 0.85em; 	padding: 0.5em 0 0 0.25em; 	font-weight: 700; }  .codrops-icon:hover span { 	display: block; 	color: #6a7b7e; }  /* Related demos */ .related { 	font-weight: 700; 	text-align: center; 	padding: 5em 0; 	display: none; 	background: #fff; 	color: rgba(0,0,0,0.3); }  .overview .related { 	display: block; }  .related > a { 	border: 3px solid black; 	border-color: initial; 	display: inline-block; 	text-align: center; 	margin: 20px 10px; 	padding: 25px; }  .related > a:hover, .related > a:focus { 	color: rgba(0,0,0,0.5); }  .related a img { 	max-width: 100%; 	opacity: 0.8; }  .related a:hover img, .related a:active img { 	opacity: 1; }  .related a h3 { 	margin: 0; 	padding: 0.5em 0 0.3em; 	max-width: 300px; 	text-align: left; }
/* Main form wrapper */ .fs-form-wrap { 	position: relative; 	width: 100%; 	height: 100%; 	color: #fff; }  .overview .fs-form-wrap { 	height: auto; }  /* Title */ .fs-title { 	position: absolute; 	top: 0; 	left: 0; 	margin: 0; 	padding: 40px; 	width: 100%; }  .fs-title h1 { 	margin: 0; }  /* Form */ .fs-form { 	position: relative; 	text-align: left; 	font-size: 2.5em; }  .no-js .fs-form { 	padding: 0 0 6em 0; }  /* Views (fullscreen and overview)*/ .fs-form-full { 	top: 32%; 	margin: 0 auto; 	width: 70%; }  .fs-form-full, .fs-message-error { 	max-width: 960px; }  .fs-form-overview { 	padding: 2.5em 30% 6em; 	width: 100%; 	height: 100%; 	background: #000 none repeat scroll 0 0; 	color: #fff; 	font-size: 1.2em; }  .fs-form-overview .fs-fields::before { 	display: block; 	margin-bottom: 2.5em; 	color: #ffd600; 	content: 'Review & Submit'; 	font-weight: 700; 	font-size: 1.85em; }  .fs-form-overview .fs-fields > li label.fs-field-label {     color: #fff; }  /* Switch view animation (we hide the current view, switch the view class and show it again) */ .fs-form.fs-show { 	-webkit-animation: animFadeIn 0.5s; 	animation: animFadeIn 0.5s; }  @-webkit-keyframes animFadeIn { 	0% { opacity: 0; } 	100% { opacity: 1; } }  @keyframes animFadeIn { 	0% { opacity: 0; } 	100% { opacity: 1; } }  .fs-form.fs-show .fs-fields { 	-webkit-animation: animMove 0.5s; 	animation: animMove 0.5s; }  @-webkit-keyframes animMove { 	from { top: 100px; } }  @keyframes animMove { 	from { top: 100px; } } /* we need to use top here because otherwise all our fixed elements will become absolute */  /* Visibility control of elements */ .fs-form-full .fs-fields > li, .fs-nav-dots,  .fs-progress, .fs-numbers, button.fs-continue, .fs-message-error, .fs-message-final { 	visibility: hidden; }  .no-js .fs-form-full .fs-fields > li { 	visibility: visible; }  .fs-show { 	visibility: visible !important; }  /* Some general styles */ .fs-form-wrap button { 	border: none; 	background: none; }  .fs-form-wrap button[disabled] { 	opacity: 0.3; 	pointer-events: none; }  .fs-form-wrap input:focus, .fs-form-wrap button:focus { 	outline: none; }  /* Hide the submit button */ .fs-form .fs-submit { 	display: none; }  /* Fields */ .fs-fields { 	position: relative; 	margin: 0 auto; 	padding: 0; 	top: 0; 	list-style: none; }  .fs-form-overview ol { 	max-width: ; }  .fs-fields > li { 	position: relative; 	z-index: 1; 	margin: 0; 	padding: 0; 	border: none; }  .fs-fields > li:hover { 	z-index: 999; }  .js .fs-form-full .fs-fields > li { 	position: absolute; 	width: 100%; }  .fs-form-overview .fs-fields > li, .no-js .fs-form .fs-fields > li { 	margin: 1em 0 2em; 	padding: 0 0 2em 0; 	border-bottom: 2px solid rgba(255,255,255,0.8); }  /* Labels & info */ .fs-fields > li label { 	position: relative; }  .fs-fields > li label.fs-field-label { 	display: inline-block; 	padding: 0 5px 0.5em 0; 	font-weight: 700; 	pointer-events: none; 	color: #000; }  .fs-form-full .fs-fields > li label[data-info]::after { 	position: relative; 	display: inline-block; 	margin-left: 10px; 	width: 24px; 	height: 24px; 	border: 2px solid rgba(0,0,0,0.4); 	color: rgba(0,0,0,0.4); 	border-radius: 50%; 	content: 'i'; 	vertical-align: top; 	text-align: center; 	font-weight: 700; 	font-style: italic; 	font-size: 14px; 	font-family: Georgia, serif; 	line-height: 20px; 	cursor: pointer; 	pointer-events: auto; }  .fs-form-full .fs-fields > li label[data-info]::before {     position: absolute;     bottom: 100%;    	left: 0;     padding: 0 0 10px;     min-width: 200px; 	content: attr(data-info); 	font-size: 0.4em; 	color: #6a7b7e;     opacity: 0;     -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;     transition: opacity 0.3s, transform 0.3s;     -webkit-transform: translate3d(0,-5px,0);     transform: translate3d(0,-5px,0);     pointer-events: none; }  .fs-form-full .fs-fields > li label[data-info]:hover::before {     opacity: 1;     -webkit-transform: translate3d(0,0,0);     transform: translate3d(0,0,0); }  .fs-form-full .fs-fields > li label:hover ~ .fs-info, .fs-form-full .fs-fields > li .fs-info:hover { 	opacity: 1; 	-webkit-transform: translateY(0); 	transform: translateY(0); 	pointer-events: auto; }  /* Inputs */ .fs-fields input { 	display: block; 	margin: 0; 	padding: 3px 0 0.15em 9px; 	width: 100%; 	border: none; 	border-bottom: 2px solid rgba(0,0,0,0.2); 	background-color: transparent; 	color: #fffed8; 	text-overflow: ellipsis; 	font-weight: bold; 	font-size: 0.6em; 	border-radius: 0; }  .fs-fields input:invalid { 	box-shadow: none; /* removes red shadow in FF*/ }  .fs-form-overview .fs-fields input { 	border-bottom-color: transparent; 	color: #ffd600; }  .fs-fields [required] { 	background-image: url(../img/abacusstar.svg); 	background-position: top right; 	background-size: 18px; 	background-repeat: no-repeat; }  .fs-fields input:focus { 	background-color: #000; /* Fixes chrome bug with placeholder */ }  .fs-form-overview .fs-fields input:focus { 	background-color: #fffed8; /* Fixes chrome bug with placeholder */ }  .fs-form-overview .fs-fields input { 	font-size: 1.2em; }  .fs-fields .fs-radio-custom input[type="radio"] { 	position: absolute; 	display: block; 	margin: 30px auto 20px; 	margin: 0 auto 20px; 	width: 100%; 	height: 100%; 	opacity: 0; 	cursor: pointer; }  .fs-fields > li .fs-radio-custom span { 	float: left; 	position: relative; 	margin-right: 3%; 	padding: 10px; 	max-width: 200px; 	width: 30%; 	text-align: center; 	font-weight: 700; 	font-size: 50%; 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }  .fs-fields > li .fs-radio-custom span label { 	color:#fff; 	-webkit-transition: color 0.3s; 	transition: color 0.3s; }  .fs-form-overview .fs-fields > li .fs-radio-custom span { 	max-width: 140px; }  .fs-form-overview .fs-fields > li .fs-radio-custom span { 	font-size: 75%; }  .fs-fields > li .fs-radio-custom label { 	display: block; 	padding-top: 100%; 	width: 100%; 	height: 100%; 	cursor: pointer; }  .fs-fields .fs-radio-custom label::after { 	position: absolute; 	top: 50%; 	left: 50%; 	width: 100%; 	height: 100%; 	background-position: 50% 0%; 	background-size: 85%; 	background-repeat: no-repeat; 	content: ''; 	opacity: 0.5; 	-webkit-transition: opacity 0.2s; 	transition: opacity 0.2s; 	-webkit-transform: translate(-50%,-50%); 	transform: translate(-50%,-50%); }  .fs-fields .fs-radio-custom label.radio-mobile::after { 	background-image: url(../img/mobile.svg); }  .fs-fields .fs-radio-custom label.radio-social::after { 	background-image: url(../img/social.svg); }  .fs-fields .fs-radio-custom label.radio-conversion::after { 	background-image: url(../img/conversion.svg); }  .fs-fields .fs-radio-custom label:hover::after, .fs-fields input[type="radio"]:focus + label::after, .fs-fields input[type="radio"]:checked + label::after { 	opacity: 1; }  .fs-fields .fs-radio-custom input[type="radio"]:checked + label { 	color: #fffed8; }  .fs-form-overview .fs-fields .fs-radio-custom input[type="radio"]:checked + label { 	color: #ffd600; }  .fs-fields textarea { 	padding: 0.25em; 	width: 100%; 	height: 200px; 	border: 2px solid rgba(0,0,0,0.2); 	background-color: transparent; 	color: #fffed8; 	font-weight: 700; 	font-size: 0.85em; 	resize: none; }  .fs-form-overview .fs-fields textarea { 	height: 100px; 	color: #ffd600; }  .fs-fields textarea:focus { 	outline: none; }  .fs-form-overview .fs-fields textarea { 	padding: 0; 	border-color: transparent; }  .fs-form-overview .fs-fields textarea:focus { 	background: #fffed8 none repeat scroll 0 0; }  .fs-form div.cs-select.cs-skin-boxes { 	display: block; }  .fs-form-overview .cs-skin-boxes > span { 	border-radius: 5px; 	width: 90px; 	height: 70px; 	font-size: 0.8em; }  .fs-form-overview .cs-skin-boxes > span::before { 	padding-top: 50px; 	box-shadow: 0 20px 0 #292c30, inset 0 -5px #292c30; }  .fs-fields input.fs-mark { 	padding-left: 1em; 	background-image: url(../img/dollar.svg); 	background-position: 0% 0.15em; 	background-size: auto 75%; 	background-repeat: no-repeat; }  .fs-fields input.fs-mark[required] { 	background-image: url(../img/dollar.svg), url(../img/abacusstar.svg); 	background-position: 0% 0.15em, top right; 	background-size: auto 75%, 18px; 	background-repeat: no-repeat; }  /* placeholder */ .fs-fields input::-webkit-input-placeholder, .fs-fields textarea::-webkit-input-placeholder { 	color: rgba(0,0,0,0.1); }  .fs-fields input:-moz-placeholder, .fs-fields textarea:-moz-placeholder { 	color: rgba(0,0,0,0.1); }  .fs-fields input::-moz-placeholder, .fs-fields textarea::-moz-placeholder { 	color: rgba(0,0,0,0.1); }  .fs-fields input:-ms-input-placeholder, .fs-fields textarea:-ms-input-placeholder { 	color: rgba(0,0,0,0.1); }  /* Hide placeholder when focused in Webkit browsers */ .fs-fields input:focus::-webkit-input-placeholder { 	color: transparent; }  /* Dot navigation */ .fs-nav-dots { 	position: absolute; 	top: 50%; 	right: 60px; 	left: auto; 	-webkit-transform: translateY(-50%); 	transform: translateY(-50%); }  .fs-nav-dots button { 	position: relative; 	display: block; 	padding: 0; 	margin: 16px 0; 	width: 16px; 	height: 16px; 	border-radius: 50%; 	background: transparent; 	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease; 	transition: transform 0.3s ease, opacity 0.3s ease; }  .fs-nav-dots button::before, .fs-nav-dots button::after { 	position: absolute; 	top: 0; 	left: 0; 	width: 100%; 	height: 100%; 	border-radius: 50%; 	background: #000 none repeat scroll 0 0; 	content: ''; 	text-indent: 0; 	-webkit-backface-visibility: hidden; 	backface-visibility: hidden; }  .fs-nav-dots button::after { 	background-color: rgba(0,0,0,0.4); 	-webkit-transform: perspective(1000px) rotate3d(0,1,0,180deg); 	transform: perspective(1000px) rotate3d(0,1,0,180deg); }  .fs-nav-dots button.fs-dot-current { 	-webkit-transform: perspective(1000px) rotate3d(0,1,0,180deg); 	transform: perspective(1000px) rotate3d(0,1,0,180deg); }  .fs-nav-dots button:hover::before, .fs-nav-dots button.fs-dot-current::before { 	background: #fff none repeat scroll 0 0; }  /* Progress bar */ 
.fs-progress { 	position: absolute; 	top: 0; 	width: 0%; 	height: 0.5em; 	background: #000; 	-webkit-transition: width 0.3s ease-in-out; 	transition: width 0.3s ease-in-out; }  /* Number indicator */ .fs-numbers { 	position: absolute; 	top: 0; 	right: 0; 	overflow: hidden; 	color: rgba(0,0,0,0.4); 	margin: 40px; 	width: 2em; 	font-weight: 700; 	font-size: 2em; 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	cursor: default; }  .fs-numbers:after { 	position: absolute; 	width: 100%; 	text-align: center; 	content: '/'; 	font-weight: 300; 	opacity: 0.4; 	left: 0; }  .fs-numbers span { 	float: right; 	width: 40%; 	text-align: center; }  .fs-numbers .fs-number-current { 	float: left; }  .fs-numbers .fs-number-new { 	position: absolute; 	left: 0; 	-webkit-transform: translateY(100%); 	transform: translateY(100%); }  /* Animations for numbers */ /* Show next number */ .fs-numbers.fs-show-next .fs-number-new { 	-webkit-animation: animMoveUpFromDown 0.4s both; 	animation: animMoveUpFromDown 0.4s both; }  @-webkit-keyframes animMoveUpFromDown { 	from { -webkit-transform: translateY(100%); } 	to { -webkit-transform: translateY(0); } }  @keyframes animMoveUpFromDown { 	from { -webkit-transform: translateY(100%); transform: translateY(100%); } 	to { -webkit-transform: translateY(0); transform: translateY(0); } }  .fs-numbers.fs-show-next .fs-number-current { 	-webkit-animation: animMoveUp 0.4s both; 	animation: animMoveUp 0.4s both; }  @-webkit-keyframes animMoveUp { 	to { -webkit-transform: translateY(-100%); } }  @keyframes animMoveUp { 	to { -webkit-transform: translateY(-100%); transform: translateY(-100%); } }  /* Show previous number */ .fs-numbers.fs-show-prev .fs-number-new { 	-webkit-animation: animMoveDownFromUp 0.4s both; 	animation: animMoveDownFromUp 0.4s both; }  @-webkit-keyframes animMoveDownFromUp { 	from { -webkit-transform: translateY(-100%); } 	to { -webkit-transform: translateY(0); } }  @keyframes animMoveDownFromUp { 	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 	to { -webkit-transform: translateY(0); transform: translateY(0); } }  .fs-numbers.fs-show-prev .fs-number-current { 	-webkit-animation: animMoveDown 0.4s both; 	animation: animMoveDown 0.4s both; }  @-webkit-keyframes animMoveDown { 	to { -webkit-transform: translateY(100%); } }  @keyframes animMoveDown { 	to { -webkit-transform: translateY(100%); transform: translateY(100%); } }  /* Continue button and submit button */ button.fs-submit, button.fs-continue { 	padding: 0.6em 1.5em; 	border: 3px solid #232529; 	border-radius: 40px; 	font-weight: 700; 	color: rgba(0,0,0,0.4); }  .fs-form-overview .fs-submit, .no-js .fs-form .fs-submit  { 	display: block; 	float: right; }  .fs-form-overview .fs-submit {  background: #ffd600 none repeat scroll 0 0;     border-color: #fff;     color: #000; }  button.fs-continue { 	position: absolute; 	right: 0; 	bottom: 0; 	margin: 0 40px 60px 0; 	font-size: 1.25em; }  button.fs-submit:hover, button.fs-submit:focus, button.fs-continue:hover { 	background: #232529; 	color: #fff; }  .fs-continue::after { 	position: absolute; 	top: 100%; 	left: 0; 	width: 100%; 	line-height: 3; 	text-align: center; 	background: transparent; 	color: rgba(0,0,0,0.3); 	content: 'ou pressione ENTER'; 	font-size: 0.65em; 	pointer-events: none; }  /* Error message */ .fs-message-error { 	position: absolute; 	bottom: 75%; 	left: 50%; 	z-index: 800; 	max-width: 960px; 	width: 70%; 	color:red; 	font-weight: 300; 	font-size: 1em; 	opacity: 0; 	-webkit-transform: translate3d(-50%,-5px,0); 	transform: translate3d(-50%,-5px,0); }  .fs-message-error.fs-show { 	opacity: 1; 	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s; 	transition: transform 0.3s, opacity 0.3s; 	-webkit-transform: translate3d(-50%,0,0); 	transform: translate3d(-50%,0,0); }  /* Animation classes & animations */ .fs-form li.fs-current { 	visibility: visible; }  .fs-form li.fs-hide, .fs-form li.fs-show { 	pointer-events: none; }  /* Hide current li when navigating to next question */ .fs-form .fs-display-next .fs-hide { 	visibility: visible; }  .fs-form .fs-display-next .fs-hide .fs-anim-lower, .fs-form .fs-display-next .fs-hide .fs-anim-upper { 	-webkit-animation: animHideNext 0.5s cubic-bezier(0.7,0,0.3,1) forwards; 	animation: animHideNext 0.5s cubic-bezier(0.7,0,0.3,1) forwards; }  .fs-form .fs-display-next .fs-hide .fs-anim-lower { 	-webkit-animation-delay: 0.1s; 	animation-delay: 0.1s; }  @-webkit-keyframes animHideNext { 	to { opacity: 0; -webkit-transform: translate3d(0,-500px,0); } }  @keyframes animHideNext { 	to { opacity: 0; -webkit-transform: translate3d(0,-500px,0); transform: translate3d(0,-500px,0); } }  /* Show new li when navigating to next question */ .fs-form .fs-display-next .fs-show .fs-anim-lower, .fs-form .fs-display-next .fs-show .fs-anim-upper { 	-webkit-animation: animShowNext 0.5s cubic-bezier(0.7,0,0.3,1) both 0.15s; 	animation: animShowNext 0.5s cubic-bezier(0.7,0,0.3,1) both 0.15s; }  .fs-form .fs-display-next .fs-show .fs-anim-lower { 	-webkit-animation-delay: 0.25s; 	animation-delay: 0.25s; }  @-webkit-keyframes animShowNext { 	from { opacity: 0; -webkit-transform: translate3d(0,500px,0); } }  @keyframes animShowNext { 	from { opacity: 0; -webkit-transform: translate3d(0,500px,0); transform: translate3d(0,500px,0); } }  /* Hide current li when navigating to previous question */ .fs-form .fs-display-prev .fs-hide { 	visibility: visible; }  .fs-form .fs-display-prev .fs-hide .fs-anim-lower, .fs-form .fs-display-prev .fs-hide .fs-anim-upper { 	-webkit-animation: animHidePrev 0.5s cubic-bezier(0.7,0,0.3,1) forwards; 	animation: animHidePrev 0.5s cubic-bezier(0.7,0,0.3,1) forwards; }  .fs-form .fs-display-prev .fs-hide .fs-anim-upper { 	-webkit-animation-delay: 0.1s; 	animation-delay: 0.1s; }  @-webkit-keyframes animHidePrev { 	to { opacity: 0; -webkit-transform: translate3d(0,500px,0); } }  @keyframes animHidePrev { 	to { opacity: 0; -webkit-transform: translate3d(0,500px,0); transform: translate3d(0,500px,0); } }  /* Show new li when navigating to previous question */ .fs-form .fs-display-prev .fs-show .fs-anim-lower, .fs-form .fs-display-prev .fs-show .fs-anim-upper { 	-webkit-animation: animShowPrev 0.5s cubic-bezier(0.7,0,0.3,1) both 0.15s; 	animation: animShowPrev 0.5s cubic-bezier(0.7,0,0.3,1) both 0.15s; }  .fs-form .fs-display-prev .fs-show .fs-anim-upper { 	-webkit-animation-delay: 0.25s; 	animation-delay: 0.25s; }  @-webkit-keyframes animShowPrev { 	from { opacity: 0; -webkit-transform: translate3d(0,-500px,0); } }  @keyframes animShowPrev { 	from { opacity: 0; -webkit-transform: translate3d(0,-500px,0); transform: translate3d(0,-500px,0); } }  /* Remove IE clear cross */ input[type=text]::-ms-clear {     display: none; }  /* Adjust form for smaller screens */ @media screen and (max-width: 52.5em) { 	body { 		min-height: 500px; 	}  	.fs-form-wrap { 		font-size: 70%; 	}  	.fs-form { 		top: 6em; 		right: 2em; 		left: 0; 		padding: 0 3.75em 0 1em; 		width: auto; 		font-size: 2em; 	}  	.fs-form.fs-form-overview { 		top: 0; 		right: 0; 		padding: 1.5em 1em 8em 1em; 		font-size: 1.5em; 	}  	.fs-title { 		padding: 20px; 	}  	.fs-numbers { 		margin: 20px; 	}  	.fs-nav-dots { 		right: 25px; 	}  	button.fs-continue { 		right: 20px; 		bottom: 20px; 		margin: 0; 		padding: 50px 0 0 50px; 		width: 50px; 		height: 50px; 		border-radius: 50%; 		font-size: 2em; 	}  	button.fs-continue::before { 		position: absolute; 		top: 0; 		left: 0; 		width: 100%; 		height: 100%; 		content: '\27A1'; 		text-align: center; 		font-size: 1em; 		line-height: 50px; 	}  	.fs-continue::after { 		content: ''; 	}  	button.fs-submit { 		width: 100%; 		font-size: 1.25em; 	}  	.fs-message-error { 		bottom: 1.75em; 		left: 0; 		padding: 0 90px 0 2em; 		width: 100%; 		font-size: 1.5em; 		-webkit-transform: translate3d(0,-5px,0); 		transform: translate3d(0,-5px,0); 	}  	.fs-message-error.fs-show { 		-webkit-transform: translate3d(0,0,0); 		transform: translate3d(0,0,0); 	} }
/* Custom select */ /* Read the article: http://tympanus.net/codrops/2014/07/10/inspiration-for-custom-select-elements/ */ /* Demo: http://tympanus.net/Development/SelectInspiration/ */ /* GitHub: https://github.com/codrops/SelectInspiration */  /* Default custom select styles */ div.cs-select { 	display: inline-block; 	vertical-align: middle; 	position: relative; 	text-align: left; 	background: #fff; 	z-index: 100; 	width: 100%; 	max-width: 500px; 	-webkit-touch-callout: none; 	-webkit-user-select: none; 	-khtml-user-select: none; 	-moz-user-select: none; 	-ms-user-select: none; 	user-select: none; }  div.cs-select:focus { 	outline: none; /* For better accessibility add a style for this in your skin */ }  .cs-select select { 	display: none; }  .cs-select span { 	display: block; 	position: relative; 	cursor: pointer; 	padding: 1em; 	white-space: nowrap; 	overflow: hidden; 	text-overflow: ellipsis; }  /* Placeholder and selected option */ .cs-select > span { 	padding-right: 3em; }  .cs-select > span::after, .cs-select .cs-selected span::after { 	speak: none; 	position: absolute; 	top: 50%; 	-webkit-transform: translateY(-50%); 	transform: translateY(-50%); 	-webkit-font-smoothing: antialiased; 	-moz-osx-font-smoothing: grayscale; }  .cs-select > span::after { 	content: '\25BE'; 	right: 1em; }  .cs-select .cs-selected span::after { 	content: '\2713'; 	margin-left: 1em; }  .cs-select.cs-active > span::after { 	-webkit-transform: translateY(-50%) rotate(180deg); 	transform: translateY(-50%) rotate(180deg); }  /* Options */ .cs-select .cs-options { 	position: absolute; 	overflow: hidden; 	width: 100%; 	background: #fff; 	visibility: hidden; 	z-index: 10000; }  .cs-select.cs-active .cs-options { 	visibility: visible; }  .cs-select ul { 	list-style: none; 	margin: 0; 	padding: 0; 	width: 100%; }  .cs-select ul span { 	padding: 1em; }  .cs-select ul li.cs-focus span { 	background-color: #ddd; }  /* Optgroup and optgroup label */ .cs-select li.cs-optgroup ul { 	padding-left: 1em; }  .cs-select li.cs-optgroup > span { 	cursor: default; }
/* Custom select */ /* Read the article: http://tympanus.net/codrops/2014/07/10/inspiration-for-custom-select-elements/ */ /* Demo: http://tympanus.net/Development/SelectInspiration/ */ /* GitHub: https://github.com/codrops/SelectInspiration */  /* Custom select skin: fullscreen color picker (adjusted for fullscreen form) */ div.cs-skin-boxes { 	background: transparent; 	font-size: 0.65em; 	font-weight: 700; 	max-width: 300px; 	z-index: 2000; 	color: #fff; }  @media screen and (max-width: 30em) { 	div.cs-skin-boxes { font-size: 1em; } }  .cs-skin-boxes > span { 	border: 3px solid #292c30; 	border-radius: 5px; 	width: 150px; 	height: 140px; 	font-size: 0.5em; 	padding: 0 0 0 10px; 	background: #555b64; }  div.cs-skin-boxes:focus > span { 	box-shadow: 0 0 0 2px rgba(255,255,255,0.1); }  .cs-skin-boxes > span::before { 	content: ''; 	display: block; 	padding-top: 110px; 	margin-left: -10px; 	box-shadow: 0 25px 0 #292c30, inset 0 -10px #292c30; }  .cs-skin-boxes > span::after, .cs-skin-boxes.cs-active > span::after { 	top: auto; 	-webkit-transform: none; 	transform: none; }  .cs-skin-boxes .cs-options { 	position: fixed; 	width: 100%; 	height: 100%; 	top: 0; 	left: 0; 	overflow: auto; 	background: #3b3f45; 	font-size: 12px; 	opacity: 0; 	-webkit-transition: opacity 0.3s, visibility 0s 0.3s; 	transition: opacity 0.3s, visibility 0s 0.3s; }  .cs-skin-boxes.cs-active .cs-options { 	opacity: 1; 	-webkit-transition: opacity 0.3s; 	transition: opacity 0.3s; }  .cs-skin-boxes .cs-options ul { 	position: absolute; 	width: 100%; 	height: 100%; 	padding: 10px; }  .cs-skin-boxes .cs-options li { 	width: 20%; 	height: 25%; 	float: left; 	position: relative; 	cursor: pointer; 	border-radius: 14px; 	overflow: hidden; 	opacity: 0; 	color: rgba(255,255,255,0.6); 	border: 10px solid transparent; 	background-clip: padding-box; 	-webkit-transform: scale3d(0.8,0.8,1); 	transform: scale3d(0.8,0.8,1); 	box-shadow: inset 0 -6em 0 -2em #282b30, inset 0 -1px 1px #000; 	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s; 	transition: transform 0.3s, opacity 0.3s; }  @media screen and (max-width: 30em) { 	.cs-skin-boxes .cs-options li { box-shadow: none; border-width: 3px; border-radius: 8px;} }  .cs-skin-boxes.cs-active .cs-options li { 	opacity: 1; 	-webkit-transform: scale3d(1,1,1); 	transform: scale3d(1,1,1); }  .cs-skin-boxes.cs-active .cs-options li:nth-child(2) { 	-webkit-transition-delay: 0.01s; 	transition-delay: 0.01s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(3) { 	-webkit-transition-delay: 0.02s; 	transition-delay: 0.02s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(4) { 	-webkit-transition-delay: 0.03s; 	transition-delay: 0.03s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(5) { 	-webkit-transition-delay: 0.04s; 	transition-delay: 0.04s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(6) { 	-webkit-transition-delay: 0.05s; 	transition-delay: 0.05s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(7) { 	-webkit-transition-delay: 0.06s; 	transition-delay: 0.06s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(8) { 	-webkit-transition-delay: 0.07s; 	transition-delay: 0.07s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(9) { 	-webkit-transition-delay: 0.08s; 	transition-delay: 0.08s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(10) { 	-webkit-transition-delay: 0.09s; 	transition-delay: 0.09s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(11) { 	-webkit-transition-delay: 0.1s; 	transition-delay: 0.1s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(12) { 	-webkit-transition-delay: 0.11s; 	transition-delay: 0.11s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(13) { 	-webkit-transition-delay: 0.12s; 	transition-delay: 0.12s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(14) { 	-webkit-transition-delay: 0.13s; 	transition-delay: 0.13s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(15) { 	-webkit-transition-delay: 0.14s; 	transition-delay: 0.14s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(16) { 	-webkit-transition-delay: 0.15s; 	transition-delay: 0.15s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(17) { 	-webkit-transition-delay: 0.16s; 	transition-delay: 0.16s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(18) { 	-webkit-transition-delay: 0.17s; 	transition-delay: 0.17s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(19) { 	-webkit-transition-delay: 0.18s; 	transition-delay: 0.18s; }  .cs-skin-boxes.cs-active .cs-options li:nth-child(20) { 	-webkit-transition-delay: 0.19s; 	transition-delay: 0.19s; }  .cs-skin-boxes .cs-options li.cs-selected::after { 	content: '\2714'; 	color: rgba(0,0,0,0.1); 	position: absolute; 	font-size: 2em; 	top: 50%; 	left: 50%; 	-webkit-transform: translate3d(-50%,-50%,0) translate3d(0,-1em,0); 	transform: translate3d(-50%,-50%,0) translate3d(0,-1em,0); }  .cs-skin-boxes .cs-options li.cs-selected span::after { 	content: ''; }  @media screen and (max-width: 30em) { 	.cs-skin-boxes .cs-options li.cs-selected::after {  		-webkit-transform: translate3d(-50%,-50%,0); 		transform: translate3d(-50%,-50%,0); 	} }  .cs-skin-boxes .cs-options li.color-588c75 { 	background-color: #588c75; }  .cs-skin-boxes .cs-options li.color-b0c47f { 	background-color: #b0c47f; }  .cs-skin-boxes .cs-options li.color-f3e395 { 	background-color: #f3e395; }  .cs-skin-boxes .cs-options li.color-f3ae73 { 	background-color: #f3ae73; }  .cs-skin-boxes .cs-options li.color-da645a { 	background-color: #da645a; }  .cs-skin-boxes .cs-options li.color-79a38f { 	background-color: #79a38f; }  .cs-skin-boxes .cs-options li.color-c1d099 { 	background-color: #c1d099; }  .cs-skin-boxes .cs-options li.color-f5eaaa { 	background-color: #f5eaaa; }  .cs-skin-boxes .cs-options li.color-f5be8f { 	background-color: #f5be8f; }  .cs-skin-boxes .cs-options li.color-e1837b { 	background-color: #e1837b; }  .cs-skin-boxes .cs-options li.color-9bbaab { 	background-color: #9bbaab; }  .cs-skin-boxes .cs-options li.color-d1dcb2 { 	background-color: #d1dcb2; }  .cs-skin-boxes .cs-options li.color-f9eec0 { 	background-color: #f9eec0; }  .cs-skin-boxes .cs-options li.color-f7cda9 { 	background-color: #f7cda9; }  .cs-skin-boxes .cs-options li.color-e8a19b { 	background-color: #e8a19b; }  .cs-skin-boxes .cs-options li.color-bdd1c8 { 	background-color: #bdd1c8; }  .cs-skin-boxes .cs-options li.color-e1e7cd { 	background-color: #e1e7cd; }  .cs-skin-boxes .cs-options li.color-faf4d4 { 	background-color: #faf4d4; }  .cs-skin-boxes .cs-options li.color-fbdfc9 { 	background-color: #fbdfc9; }  .cs-skin-boxes .cs-options li.color-f1c1bd { 	background-color: #f1c1bd; }  .cs-skin-boxes .cs-options span { 	position: absolute; 	bottom: 0; 	width: 100%; 	line-height: 2em; 	text-transform: uppercase; 	letter-spacing: 1px; }  @media screen and (max-width: 30em) { 	.cs-skin-boxes .cs-options span { display: none; } }  .cs-skin-boxes .cs-options li span:hover, .cs-skin-boxes li.cs-focus span, .cs-skin-boxes li.cs-selected span { 	color: #fff; }
.fs-progress {
    top: 28px;}
    .overview .fs-form-wrap {
    top: 24px;
}