/*   
		style.css
		Folha de estilo específica para a página incial do site.
		Contém: @reset, @structure, @auxiliary, @media-queries
font-family: 'Oswald', sans-serif;
	*/


	/* @reset
	==================================================================================================== */

	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		vertical-align:baseline;
		background:transparent;  font-family: 'Oswald', sans-serif;}
		
	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }

	html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	body { background-color: #f1f1f2; color: #444; font-family: 'SourceSansProRegular'; font-size: 62.5%; line-height: 2.4em; }
	
	::-moz-selection { background: #7fc7af; color: #fff; text-shadow: none; }
	::selection { background: #7fc7af; color: #fff; text-shadow: none; }

	abbr[title] { border-bottom: 1px dotted; }
	strong { font-weight: normal; font-family: 'SourceSansProBold'; font-family: 'Oswald', sans-serif; }
	blockquote { margin: 1em 40px; }
	dfn { font-style: italic; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
	ins { background: #ff9; color: #000; text-decoration: none; }
	mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
	pre, code, kbd, samp { font-family: monospace, monospace; _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: 85%; }
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }
	ul, ol { list-style: none; margin: 0; padding: 0; }
	dd { margin: 0 0 0 40px; }
	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%; }
	svg:not(:root) { overflow: hidden; }
	figure { margin: 0; }

	form { margin: 0; }
	fieldset { border: 0; margin: 0; padding: 0; }
	label { cursor: pointer; }
	legend { border: 0; *margin-left: -7px; padding: 0; }
	select { font-size: 1.6em; }
	button, input { line-height: normal; *overflow: visible; }
	table button, table input { *overflow: auto; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
	input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	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-decoration { -webkit-appearance: none; }
	button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
	textarea { overflow: auto; vertical-align: top; resize: none; }
	hr { margin: 0; padding: 0; }
	em { font-style: normal; }

	table { border-collapse: collapse; border-spacing: 0; }
	td { vertical-align: top; }
	.clr{ clear:both;}	
	
	/* bold */
	.title-box, table th {  }
	
	h1, h2, h3, h4, h5, h6 {  font-weight: 300; }
 	
	
	
	p { color: #444;  font-size: 1.6em; line-height: 30px; margin-bottom: 10px; }
	a, span { font-size: 1.6em; }
	a p, p a { font-size: 1em; }
	
	
	/* grid */
	.row { clear: both; margin-bottom: 40px; }
	form .row { margin-bottom: 0; }
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; margin-left: 2.564102564102564%; }
	
	.row > [class*="col"]:first-child  { margin-left: 0; }
	
	.col1 { width: 5.982905982905983%; *width: 5.929714493544281%; }
	.col2 { width: 14.52991452991453%; *width: 14.476723040552828%; }
	.col3 { width: 23.076923076923077%; *width: 23.023731587561375%; }
	.col4 { width: 31.623931623931625%; *width: 31.570740134569924%; }
	.col5 { width: 40.17094017094017%; *width: 40.11774868157847%; }
	.col6 { width: 48.717948717948715%; *width: 48.664757228587014%; }
	.col7 { width: 57.26495726495726%; *width: 57.21176577559556%; }
	.col8 { width: 65.81196581196582%; *width: 65.75877432260411%; }
	.col9 { width: 74.35897435897436%; *width: 74.30578286961266%; }
	.col10 { width: 82.90598290598291%; *width: 82.8527914166212%; }
	.col11 { width: 91.45299145299145%; *width: 91.39979996362975%; }
	.col12 { width: 100%; *width: 99.94680851063829%; }
	
	/* sprite */
	.img-sprite, .print-step { background-image: url("../img/sprite1.png"); background-repeat: no-repeat; display: block; }
		.img-sprite1, .print-step { background-image: url("../img/sprite.png"); background-repeat: no-repeat; display: block; }
	
	
	/* icons */
	i[class*="ico-"] { background-image: url("../img/ico16.png"); background-repeat: no-repeat; width: 16px; height: 16px; display: block; position: absolute; top: 50%; margin-top: -8px; }
	i.ico32 { background-image: url("../img/ico32.png"); width: 32px; height: 32px; top: 50%; margin-top: -16px; }
	
	/* ico32 */
	i[class*="ico-"].ico-flag { background-position: 0 2px; margin-left: -8px; margin-top: -8px; position: relative; }
	.ico-arrow { background-position: -32px 2px; }
	.ico-arrow-left { background-position: -96px 0; left: 0; }
	.ico-arrow-right { background-position: -64px 0; right: 0; }
	
	/* buttons */
	.btn + .btn { margin-left: 10px; }
	.btn.ico-left, .btn.ico-left:active { padding-left: 40px; }
	.btn.ico-left:before { content: ' '; background-color: #ddd; height: 100%; position: absolute; left: 30px; top: 0; width: 1px; }
	.btn.ico-left [class*="ico-"] { left: 8px; }
	
	.btn.ico-right { padding-right: 50px; }
	.btn.ico-right [class*="ico-"] { right: 10px; }
	
	.btn.ico-only { padding: 19px; position: relative; }
	.btn.ico-only [class*="ico-"] { left: 4px; }
	.btn-small.ico-only [class*="ico-"] { left: 50%; top: 50%; margin-top: -8px; margin-left: -8px; }
	.btn-small.ico-only, .btn-small.ico-only:active  { padding: 14px; }
	.btn-small.ico-only:active [class*="ico-"] { margin-top: -7px; opacity: .8; }


	
	/* forms */

	input[type="text"], input[type="password"], input[type="search"], input[type="number"], textarea { padding: 9px 10px; width: 260px; }
	textarea { font-size: 14px; }
	form .select, form select { margin-bottom: 10px; }

	.input-append input[type="text"], .input-append input[type="password"],.input-append input[type="email"], .input-append input[type="search"] { position: relative; z-index: 3; }
	.input-append.full input { height: 40px; width: 75%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.input-append.full input.small { height: 30px; width: 75%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.input-append.full .btn { width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	
	.input-append.full.ico input { width: 88%; }
	.input-append.full.ico .btn { width: 12%; }
	
	input.full, .btn.full { height: 38px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.btn.full { height: auto; }
	input.small { font-size: 12px; height: 30px; line-height: normal; }
	
	form {  position: relative; }
	form div { position: relative; }
	
	form label { font-size: 1.6em; margin-bottom: 5px; }
	form .last { clear: both; }
	form.full { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	form.full input[type="text"], form.full input[type="password"], form.full input[type="email"], form.full textarea, form.full .btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 34px; width: 100%; }
	.ie8 form.full input[type="text"], .ie8 form.full input[type="password"], .ie8 form.full input[type="email"], .ie8 form.full textarea { min-height: 20px; }
	
	.form-vertical > div { margin-top: 10px; }
	.form-vertical > div:first-child { margin-top: 0; }
	

	/* @structure
	==================================================================================================== */

	#header { position: relative; }
	#header hgroup { color: #fff; padding: 12% 0 7% 0; }
	#header .title { margin-bottom: 0; -webkit-text-shadow: 0 1px 6px rgba(0,0,0,.3); -moz-text-shadow: 0 1px 6px rgba(0,0,0,.3); text-shadow: 0 1px 6px rgba(0,0,0,.3); }
	
	.container { height: 100%; margin: 0 auto; max-width: 1250px; position: relative; }
	/* .logo { background: url(../img/route.png) no-repeat;  margin-left:232px; } */

	
	/* home */
	
	.nav-primary{margin-top:31px;}
	#home #header { background: #000 url(../img/bg-header.jpg) center top fixed no-repeat; text-align: center; }
	.nav-primary a {  font-size: 15px;  text-transform: uppercase; color:#ff0000; font-weight:300; }
	.nav-primary li { display: inline; margin: 0 20px; }
	.nav-primary a { line-height: 32px; }
	.nav-primary a:hover {  color:#ff0000; }
	.nav-primary .btn { margin-left: 40px; }
	
	.top-header { padding: 20px 0; position: fixed; top: 0; width: 100%; z-index: 5; }
	.top-header .btn { margin-left: 40px; }
	.top-header.bg { background-image: url(../img/bg-header1.jpg); background-repeat: no-repeat; position: fixed; top: 0; width: 100%; }
	/*.top-header.bg + #how-it-works:before { background: url(../img/bg-shadow.png) center -50px repeat-x; content: ' '; height: 200px; position: fixed; top: 0; width: 100%; z-index: 2; }*/

	#link-scroll { background: rgba(0,0,0,.6); bottom: -100px; color: #fff; left: 50%; margin-left: -60px; padding: 30px 0 50px 0; position: absolute; width: 120px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }
	
	.box-started { opacity: 0; width: 0; height: 0; position: relative; top: -80px; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



	.arrow { left: 50%; margin-left: -16px; opacity: 1; 
	-webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: 0 0 20px;
	-webkit-animation-name: arrow; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: reverse; }
	
	#how-it-works { background-color: #e6f7fa; color: #000; overflow: hidden; position: relative; width: 100%; z-index: 1; }
	#how-it-works > .title { border-bottom: 1px solid #394456; margin-bottom: 60px; padding: 80px 0; width: 100%; }
	#how-it-works p {}
	/*#how-it-works img { margin-right: 60px; }*/
	#how-it-works .txt-right { padding-right: 40px; }
	#how-it-works .desc { padding-left: 40px; }
	
	#how-it-works:before, #how-it-works:after { background: url("../img/bg-shadow-left.png") left top repeat-y; content: ' '; height: 100%; position: absolute; left: -350px; top: 0; width: 872px; z-index: 1; }	
	#how-it-works:after { background: url("../img/bg-shadow-right.png") right top repeat-y; left: auto; right: -350px; }
	.ie8 #how-it-works:before, .ie8 #how-it-works:after { background: none; }
	
	.get-started input { text-align: center; }
	.get-started  .legend { color: #4b566c; font-size: 20px; line-height: 20px; }
	.get-started  .legend strong { font-family: 'SourceSansProBold'; }
	
	/* route */
	
	#route { background: url(../img/bg-route.jpg) center 320px no-repeat; position: relative; width: 100%; }
	#footprint { background: url(../img/footprints.png) center 20px no-repeat; left: 50%; height: 510px; position: absolute; top: 370px; width: 740px; margin-left: -385px; z-index: 3; -webkit-transform: translateZ(0); }
	#route .text-top { color: #2a93a5; font-size: 35px; font-weight:300;  margin: 0 auto; text-transform: uppercase; padding-top: 160px;   width: 740px;  line-height:42px; }
	#route .text-top  strong { font-size: 1.4em; margin-bottom: 10px; font-weight:300; }
	
	
		#route .text-top1 { color: #b3cace; font-size: 35px; font-weight:300;  margin: 0 auto; text-transform: none;  width: 740px;  line-height:35px; padding-bottom:30px; }
	#route .text-top1  strong { font-size: 1.4em; margin-bottom: 10px; font-weight:300; }
	
	#profile { background-color: #759cb5; border-bottom: 3px solid #2A93A5; left: 50%; margin-left: -305px; padding: 20px; position: absolute; top: 0; width: 560px; z-index: 20; -webkit-transform: translateZ(0);  
	/*-webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;*/ }
	#profile:before { background-color: #394456; content: ' '; height: 60px; left: 50%; position: absolute; top: -60px; width: 1px; }
	#profile .photo { background-position: -96px 0; background-color: #fff; float: left; height: 70px; width:70px; border-radius: 3px; }
	#profile .photo.photo-someone { background-position: -96px 0; }
	#profile .photo.photo-user { background-position: -96px -70px; }

	#profile .desc { float: left; padding-top: 4px; }
	#profile .stage { color: #a0abc1; display: block; font-size: 1.8em; margin-top: 8px; }
	
	#profile .stage li:first-child { padding-left: 0; }
	#profile .stage li { background: url("../img/bullet-stage.png") right center no-repeat; display: block; float: left; padding: 0 20px 0 13px; }
	#profile .stage .last { background: none; }
	#profile .stage span { background: rgba(0,0,0,.1); display: block; font-size: 1em; padding: 4px 10px; position: relative; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#fff }

	
	#profile .stage .active { background-color: #44a1cd; color: #394456;
	-webkit-animation-timing-function: ease-in-out; 
	-webkit-transform-origin: 0 0 20px;
	-webkit-animation-name: stage;
	-webkit-animation-duration: .6s; }
	
	#profile .name { color: #fff; font-size: 1.8em; text-transform: uppercase; }
	#profile .score { color: #fff; float: right; font-size: 5em; letter-spacing: -1px; line-height: 70px; margin-right: 20px; text-align: center;
		-moz-transition: background-color .6s ease-in-out;
		-webkit-transition: background-color .6s ease-in-out; 
		-o-transition: background-color .6s ease-in-out;
		transition: background-color .6s ease-in-out; }
	
	#profile .tooltip-score { background-position: -96px -150px; height: 28px; position: absolute; right: -45px; top: 40px; width: 70px; }

	#profile .score.highlight { color: #79c2e4;
	-webkit-animation-timing-function: ease-in-out; 
	-webkit-transform-origin: 0 0 20px;
	-webkit-animation-name: arrow; 
	-webkit-animation-duration: 1s; }
/*
	@-webkit-keyframes checkpoint { 
	0% { -webkit-transform: translate3d(0, -20px, 0) rotateX(0); opacity: 0; }
	50% { -webkit-transform: translate3d(0, 0, 0) rotateX(0); }
	100% { -webkit-transform: translate3d(0, 0, 0) rotateX(0);  } }
	
	@-webkit-keyframes arrow { 0% { -webkit-transform: translate3d(0, 0, 10px) rotateX(37deg); opacity: 0; }
	20% { -webkit-transform: translate3d(0, 0, 10px) rotateX(0); opacity: 1; }
	60% { -webkit-transform: translate3d(0, 0, 10px) rotateX(0); opacity: 1; }
	80% { -webkit-transform: translate3d(0, 0, 10px) rotateX(0); opacity: 1; }
	100% { -webkit-transform: translate3d(0, 0, 10px) rotateX(-45deg); opacity: 0; } }
	
	@-webkit-keyframes stage { 0% { -webkit-transform: translate3d(0, 0, 10px) rotateX(37deg); opacity: 0; }
	20% { -webkit-transform: translate3d(0, 0, 10px) rotateX(0); opacity: 1; }
	60% { -webkit-transform: translate3d(0, 0, 10px) rotateX(0); opacity: 1; }
	80% { -webkit-transform: translate3d(0, 0, 10px) rotateX(0); opacity: 1; }
	100% { -webkit-transform: translate3d(0, 0, 10px); opacity: 1; } }
	
	@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(0.5, 0.5); opacity: 0.0;}
	50% {opacity: 1.0;}
	100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
	}
	*/

	#points { margin-bottom: -350px; padding-top: 100px; position: relative; z-index: 10; }
	.checkpoint { clear: both; left: 50%; position: relative; width: 520px;
	/*-webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in;*/ }
	.checkpoint.check-left { left: 0; text-align: right; }

	/*.checkpoint.visible { opacity: 1; 
	-webkit-animation-timing-function: ease-in-out; 
	-webkit-transform-origin: 0 0 20px;
	-webkit-animation-name: checkpoint; 
	-webkit-animation-duration: .3s; }*/
	
	.checkpoint .pin { display: block; height: 139px; width: 210px;  margin-left:-30px; }
	.checkpoint .pin-mail { background-position: 0 0px; }
	#step2.checkpoint .pin-mail { background-position: 0 -141px; }
	#step4.checkpoint .pin-mail { background-position: 0 -141px; }
	#step9.checkpoint .pin-mail { background-position: 0 -141px; }
	#step5.checkpoint .pin-mail { background-position: 0 0px; }
	#step8.checkpoint .pin-phone { background-position: 0 0px; }
	.checkpoint .pin-phone { background-position: 0 -141px; }
	.checkpoint .pin-check { background-position: 0px	 -137px;  }
	.checkpoint .step-seven { background-position: 102px -137px;  }
	
	.checkpoint.center { margin-bottom: 170px; }
	.checkpoint p { clear: both; 
	font-size: 26px; margin-bottom: 0; padding-left: 0px;
	color:#2a93a5;
	 font-weight:300;
	 font-family: 'Oswald', sans-serif;
	
	 
	  }
	.checkpoint.check-left p { padding-right: 10px; }
	
	.route-exit { color: #000; display: block; float: none; font-family: 'SourceSansProBold'; font-size: 1.8em; text-transform: uppercase; position: absolute; margin-top: 200px; -webkit-transform: translateZ(0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8; }
	.route-exit.left { left: 80px; padding-left: 30px; }
	.route-exit.right { right: 80px; padding-right: 30px; }
	.route-exit .ico-arrow-left { margin-top: -17px; }
	
	.checkpoint .score { left: -110px; position: absolute; top: 10px; }
	.checkpoint .score span { color: #a0abc1; display: block; font-size: 12px; font-weight: normal; letter-spacing: 0; margin: -2px 0 0 30px; text-transform: uppercase; }
	.checkpoint.check-left .score { left: auto; right: -110px; }
	
	.checkpoint .score.change { color: #45a2cd; }
	.score { font: bold 4em Arial; letter-spacing: -1px; text-align: center;   }

	.checkpoint .txt-large { color: #282828; line-height: 35px; font-size: 26px; font-weight:300; display: block; margin-top: 5px; }
	
	#step1 { left: -214px; top: 0; }
	#step2 { left: 245px; top: 30px; width: 430px; }
	#step3 { left: -288px; top: 199px; margin-bottom:300px; }
	#step4 { left: 223px; top: 44px; width: 522px; }
	#step5 { left: -212px; top: 80px; }
	#step6 { left: 197px; top: 73px; width: 470px; }
	#step7 { left: 258px; top: 175px; width:600px; }
	#step7 .score { left: -105px; top:30px; color:#2A93A5; }
	#step9 .score { left: -123px; top:30px; color:#2A93A5; }
	#step6 .score { left: -123px; top:30px; color:#2A93A5; }
	#step2 .score { left: -163px; top:30px; color:#2A93A5; }
	#step4 .score { left: -123px; top:30px; color:#2A93A5; }
	#step8 .score { left: 92px; top:20px; color:#2A93A5; }
	#step1 .score {  color:#2A93A5; }
	#step5 .score { left: 92px; top:20px; color:#2A93A5; }
	#step3 .score { left: 112px; top:20px; color:#2A93A5; width:100px; }
	#step8 { left: -214px; top: 134px; }
	#step9 { left: 250px; top: 242px; margin-bottom: 510px; width: 573px; }
	.ie8 #step9 { margin-bottom: 120px; }
	
	.print { /*border: 8px solid rgba(0,0,0,.1); */display: none; /*height: 340px;*/ position: absolute; top: -120px;/* width: 340px; border-radius: 50%;*/  }
	.print-step { background-position: -121px -281px; display: block; height: 139px; left: 1px; position: absolute; width: 134px; top: 2px; }
	.check-left .print-step { background-position: -121px -287px; }
	.print-step:hover .circle { display: none; }
	
	.print-step  .circle  { border: 3px solid rgba(255,255,255,.8); height: 48px; width: 48px; position: absolute; left: 50%; margin-left: -24px; margin-top: -24px; top: 50%;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    -webkit-animation: pulsate 1.6s ease-out; -webkit-animation-iteration-count: infinite; 
    opacity: 0; }
	

	#sign { height: 160px; margin-bottom: 300px; position: relative; z-index: 999; width: 360px; }
	#sign > span { font-family: 'SourceSansProLight'; font-size: 2.2em; text-align: center; text-transform: uppercase; position: relative; top: -120px; }
	/*.get-started { position: absolute; width: 81%; }*/

	.success-message .img-check { background-position: -105px -181px; display: block; margin: 0 auto; height: 60px; position: relative; top: -30px; width: 60px; }
	.success-message p { border-top: 1px solid #ccc; color: #4b566c !important; margin: 25px 0 0 -40px; position: relative; width: 100%; padding: 0 40px; /* margin-bottom: 0; */}
	.success-message p strong { font-size: 26px; margin-bottom: 10px; }
	
	.validationMessage { background-color: #e66a6a; color: #fff; padding: 5px 10px; position: absolute; top: 0; font-size: 14px; left: 320px; min-width: 170px;
	-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
	-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.2); -moz-text-shadow: 0 1px 1px rgba(0,0,0,.2); text-shadow: 0 1px 1px rgba(0,0,0,.2);	}
	.error  input, .error  input:focus { border-color: #e66a6a; }
	.valid .validationMessage { display: none; }
	.suggestion { color: #888; margin-top: 5px; display: block; margin-bottom: 15px; }
	.suggestion a { color: #888; font-size: 16px; }
	.suggestion a:hover { color: #666; }
	
	/* footer */
	#footer, #plans { position: relative; }
	#footer { background-color: #000; height: 100%; }
	
	input[type="search"], input[type="search"]:focus { background: transparent url("../img/icon-search.png") left center no-repeat; border: 0; padding-left: 22px; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
	
	
	@keyframes shake{ 
    0% { transform: translate(8px, 0); }
    50% { transform: translate(-8px, 0); }
    100% { transform: translate(0, 0); }
	}
	 
	@-moz-keyframes shake{ 
		0% { -moz-transform: translate(8px, 0); }
		50% { -moz-transform: translate(-8px, 0); }
		100% { -moz-transform: translate(0, 0); }
	}
	 
	@-webkit-keyframes shake {
		0% { -webkit-transform: translate(8px, 0); }
		50% { -webkit-transform: translate(-8px, 0); }
		100% { -webkit-transform: translate(0, 0); }
	}
	 
	.shake {
		animation-name: shake; 
		animation-duration: 150ms; 
		animation-iteration-count: 2; 
		animation-timing-function: linear;
	 
		-moz-animation-name: shake; 
		-moz-animation-duration: 150ms; 
		-moz-animation-iteration-count: 2; 
		-moz-animation-timing-function: linear;
	 
		-webkit-animation-name: shake;
		-webkit-animation-duration: 150ms;
		-webkit-animation-iteration-count: 2;
		-webkit-animation-timing-function: linear;
	}
	#header .title { font-size: 40px; font-weight:bold;}
	
	/* @media-queries
	==================================================================================================== */
	
	@media (min-width: 768px) and (max-width: 1000px) {
		
		#header .title { font-size: 6em; }
		#header hgroup { padding: 14% 0 4% 0;}
		.container { padding: 0 80px; }
		
	}
	
	@media (max-width: 900px) {
		.row > [class*="col"] { float: none; margin: 0 0 20px 0; width: 100%; }
		.container { padding: 0 80px; }
	}
	
	@media (max-width: 1400px) {
		#how-it-works:before { left: -600px; }	
		#how-it-works:after { right: -600px; }
	}

	@media (max-height: 780px) {
		#header .title { font-size: 40px; font-weight:bold;}
		#header hgroup { padding: 10% 0 3% 0;}
		
		.top-header { padding: 10px 0 3px 0; }
		
		#profile { padding: 10px; margin-left: -290px; }
		#profile .tooltip-score { right: -55px; top: 30px; }
		/*#sign { top: -100px; }*/
		#points { margin-bottom: -480px; }
		#sign { margin-bottom: 100px; }
	}
	
	@media (max-width: 780px) {
		body { background-color: #f1f1f2; font-size: 1em; }
		.top-header { text-align: center; position: relative; }
		.top-header .container a { display: block; }
		#home #header { background: url(../img/bg-header.jpg) center center fixed no-repeat; background-size:cover; height: 450px; position: absolute; }
		#header .fixed { position: relative; }
		#header h3 { font-size: 1.8em; }
		#header .title { font-size: 3.4em; margin: 80px 0 40px 0; }
		#main .logo { float: none !important; margin: 0px auto 20px auto; }
		#topBoxStarted { opacity: 1; height: 240px; top: 50px; width: 420px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
		#link-scroll, #how-it-works, .nav-primary { display: none; }
		
	}	
	
	/* @auxiliary
	==================================================================================================== */

	.imgr { background-repeat: no-repeat; border: none; display: block; overflow: hidden; text-indent: -9999em; }
	.left { float: left; }
	.right { float: right; }
	.center { float: none; margin: 0 auto; }
	.center-table { display: table; float: none; margin-left: auto; margin-right: auto; }
	.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	.block { display: block; }
	.hide { display: none; }
	.no-float { float: none; }
	.no-decoration, .no-decoration:hover, .no-decoration a, .no-decoration a:hover { text-decoration: none; }
	.clear { clear: both; }
	.row:before, .feature:before, .clearfix:before, .row:after, .feature:after, .clearfix:after { content: ""; display: table; }
	.row:after, .feature:after, .clearfix:after { clear: both; }
	.row, .feature, .clearfix { *zoom: 1; }
	.pos-abs { position: absolute; }
	.pos-rel { position: relative; }
	.pos-fix { position: fixed; }
	.txt-center { text-align: center; }
	.txt-left { text-align: left; }
	.txt-right { text-align: right; }
	.bold { font-weight: bold; }
	.c-white { color: #fff; }
	.c-green { color: #86cb44; }
	.c-default { color: #555; }
	.c-gray { color: #999 !important; }
	
	.fixed { position: fixed; height: 100%; width: 100%; }

	.full { width: 100%; }
	.box.full { max-width: 600px; }
	.pad2.bg-full { position: relative; margin-left: -40px; width: 100%; }
	
	.line-bottom { border-bottom: 1px solid #ddd; }
	form .bg-full:first-child { margin-top: -30px; }
	
	.push-left, .push-right, .push-all { position: absolute; }
	.push-left { left: 0; }
	.push-right { right: 0; }
	.push-all { top: 0; height: 100%; }
	
	.box { background-color: #fff; padding:30px 40px 30px 40px; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(0,0,0,0.1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.box-gray { background-color: #fafafa; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e1e1e1; -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.1) inset; -moz-box-shadow: 0px 0px 6px rgba(0,0,0,.1) inset; box-shadow: 0px 0px 6px rgba(0,0,0,.1) inset;
	
	
	 }
	
	.bg-white {  background: url(../img/white-transparent-bg.png) repeat;  }
	.bg-gray { background: url(../img/white-transparent-bg.png) repeat;  border:#549bb6 solid 1px; }
	
	.bg-full.box-color { border-width: 1px 0 1px 0; }
	.bg-full.bottom { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
	.box-color { border-width: 1px; border-style: solid; -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.1) inset; -moz-box-shadow: 0px 0px 6px rgba(0,0,0,.1) inset; box-shadow: 0px 0px 6px rgba(0,0,0,.1) inset; }
	.box-color .box { border: 0; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 2px 2px rgba(0,0,0,0.15); }
	.box-dark-purple { background-color: #394456; }
	
	.pad2.bg-full.division { border-top: 1px solid #ddd; margin-top: 50px; margin-bottom: -60px; }
	
	.f-arial { font-family: Arial; }
	.f-lig {  }
	.f-reg { font-family: 'SourceSansProRegular'; }
	.f-bold, .bold.f-source, strong.f-source, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h1.bold, h2.bold, h3.bold, h4.bold, h5.bold, h6.bold { font-weight:700; }
	
	.no-mar { margin: 0 !important; }
	
	.mart1 { margin-top: 20px; }
	.mart2 { margin-top: 30px; }
	.mart3 { margin-top: 50px; }
	
	.marb0 { margin-bottom: 0 !important; }
	.marb1 { margin-bottom: 20px; }
	.marb2 { margin-bottom: 40px; }
	.marb3 { margin-bottom: 60px; }
	
	.no-pad { padding: 0; }

	.pad1 { padding: 20px; }
	.pad2 { padding: 40px; }
	form .pad2 { padding-top: 30px; }
	
	.padt0 { padding-top: 0; }
	
	.list-inline li { float: left; padding: 0 12px; position: relative; }
	.list-inline li:after { content:"/"; color: #999; position: absolute; left: -2px; top: 1px; }
	.list-inline li:first-child { padding-left: 0; }
	.list-inline li:first-child:after { content: none; }
	
	
	/* font-size */
	[class*="size"] { line-height: 1.1em; margin-bottom: .4em; }
	[class*="size"] span, [class*="size"] a { font-size: 1em; }
	.size1 { font-size: 1.2em; } 
	.size2 { font-size: 1.4em; }
	.size3 { font-size: 1.6em; }
	.size4 { font-size: 1.8em; }
	.size5 { font-size: 3em; }
	.size6 { font-size: 4.6em; }
	.size7 { font-size: 5em; }
	.size8 { font-size: 8em; }
	
	.top-header  {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 68px;
    opacity: 0.85;
    text-align: center;
    width: 100%;
}


#step2.checkpoint p{   } 
	
	#step7.checkpoint p{    padding-left: 0px;
    padding-top: 17px;} 
	
	.rightalign{text-align:right;  padding-right:10px; text-transform: none !important;}
	
	
	
.bottom-sign {
    margin-top: 245px;
	margin-bottom:78px;
    position: relative;
    z-index: 2147483647;
}
	
	
#step3.checkpoint {
    clear: both;
 
    position: relative;
    width: 750px;
}
	
	
	#step7 strong{color:#000; font-weight:300;}
	
	.bg{background:url(../img/black-transparent-bg.png) repeat;  margin-bottom:10px; display:inline-block;}  
	
	.captchamessage {
		display: block;
		font-size: 1.5em;
		color: #ff0000;
	}