/* ########################################################################## */
/* ########################################################################## */
/* HOME PAGE */
/* ########################################################################## */
/* ########################################################################## */
.header				{ background:#FFFFFF}

.header .linksLogin .link-text					{ color:#666}
.header .linksLogin .link-text:hover			{ color:#F90}



.button, button				{text-shadow: 1px 1px 1px rgba(0,0,0,0.4); color:#343434;
							border:1px solid #fdbe12; font-weight:600; background: #fdbe12; /* Old browsers */
							border-bottom:2px solid #f57f21;
							background: -moz-linear-gradient(top,  #fdbe12 0%, #ff9c00 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdbe12), color-stop(100%,#ff9c00)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #fdbe12 0%,#ff9c00 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #fdbe12 0%,#ff9c00 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #fdbe12 0%,#ff9c00 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #fdbe12 0%,#ff9c00 100%); /* W3C */
							
							-webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,0.2); box-shadow: 0 2px 4px 2px rgba(0,0,0,0.2);
}

.button:hover,
button:hover				{-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.4); box-shadow: 0 2px 1px 1px rgba(0,0,0,0.4);
							background: #ff9c00; /* Old browsers */
							border:1px solid #f57f21;
							border-bottom:1px solid #f57f21;
							background: -moz-linear-gradient(top,  #ff9c00 0%, #fdbe12 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9c00), color-stop(100%,#fdbe12)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #ff9c00 0%,#fdbe12 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #ff9c00 0%,#fdbe12 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #ff9c00 0%,#fdbe12 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #ff9c00 0%,#fdbe12 100%); /* W3C */

}


/* ########################################################################## */
/* 1. INTRO KARDSHARE */
	.home-box-1				{ background:url(../images/home/fundoHome.jpg)center bottom no-repeat fixed;
							background-size:cover; position:relative; }
	.bottomPageHome1		{ position:absolute; z-index:10000; left:0; right:0; bottom:-2px; width:100%}
	.phoneIntro				{ margin-top:20%}
	.home-box-1 h2			{ font-weight:400; color:#fff; letter-spacing:-0.05em; font-size:2.6em; line-height:0.9em; margin-top:65%; margin-bottom:10px; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); widows:2}
	.home-box-1 p			{ font-weight:400; color:#fff; color:rgba(255,255,255,0.8); letter-spacing:-0.05em; font-size:1.4em; line-height:1em; margin:5% 0;
							 text-shadow: 1px 1px 1px rgba(0,0,0,0.4); widows:2}
	@media only screen and (max-width: 1010px){
		.home-box-1 h2		{ margin-top:30%; font-size:2.1em}
		.phoneIntro			{ margin-top:10%}
	}
	
	@media only screen and (max-width: 730px){
		.home-box-1 h2		{ margin-top:10%}
		.phoneIntro			{ margin-top:10%}
	}


/* ########################################################################## */
/* SHARE YOUR CARD BOX 2 */
	.home-box-2				{ background:#FF9900; padding:2% 0 5%; color:#FFF}
	.home-box-2	 .row					{max-width: 62.5em;}
	
	.boxPhones				{ position:relative; margin:24% 0 21% -18%;
						width:100%; max-width:1000px;
						-moz-transform: scale(1) rotate(45deg);
						-webkit-transform: scale(1) rotate(45deg);
						-o-transform: scale(1) rotate(45deg);
						-ms-transform: scale(1) rotate(45deg);
						transform: scale(1) rotate(45deg);}
	
		
	.home-box-2	h3			{ font-weight:100; color:#FFF; letter-spacing:-0,05em; font-size:3.1em; line-height:0.8em; margin:25px 0 15px; text-align:left; text-shadow: 1px 1px 1px rgba(0,0,0,0.1)}
		
	.cardMask1 				{ position:absolute; left:11%; top:16%; width:24%; height:66%; text-align:center; overflow:hidden}
	.cardMask2				{ position:absolute; left:41%; top:49%; width:44%; height:38%; text-align:center; overflow:hidden}
	.cardMask2 img			{ max-width:90%; margin:5% auto; cursor:move}
	.cardMask1 img			{ max-width:160%; margin:47% 0 0 -29%; cursor:move;
						-moz-transform: scale(1) rotate(-90deg);
						-webkit-transform: scale(1) rotate(-90deg);
						-o-transform: scale(1) rotate(-90deg);
						-ms-transform: scale(1) rotate(-90deg);
						transform: scale(1) rotate(-90deg)}
	
	.textoIntroBox1				{position:absolute; width:50%; text-align:left; top:32%; right:0}
	.text-for-small-screens 	{ display:none}
	
	.home-box-2 p				{ font-weight:300; font-size:1.2em; margin-bottom:10%; line-height:1em; text-align:center; color:#FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.1)}
	.textoIntroBox1 p 			{ text-align:left}
	.home-box-2 p strong		{ font-weight:400; color:#FFF}
	
	@media only screen and (min-width:801px) and (max-width: 1070px) { 
		.boxPhones				{ margin:24% 0 21% -8%;}
		.textoIntroBox1			{ width:40%; top:34%; right:0}
	}
	@media only screen and (max-width: 800px) { 
		.boxPhones					{ margin:28% auto 18%;}
		.textoIntroBox1				{ display:none}
		.home-box-2	h3				{ text-align:center; font-size:2.5em; line-height:0.91em}
		.home-box-2	p				{ text-align:center}
		.text-for-small-screens 	{ display:block; text-align:center; position:relative; z-index:10000}
	}

/* ########################################################################## */
/* PERSONALIZE BOX 3 */
	.home-box-3				{ background-color:#f2f2f2; background-image:url(../images/home/cartao-demo-1-bg.jpg); background-position:center center;
			background-repeat:repeat; background-attachment:fixed; padding:12% 0; position:relative;
		-webkit-transition: all 1200ms ease;
		-moz-transition: all 1200ms ease;
		-ms-transition: all 1200ms ease;
		-o-transition: all 1200ms ease;
		transition: all 1200ms ease;}
	.topPhones				{ position:absolute; left:0; top:-2px; right:0; z-index:1000; width:100%}
	.botPhones				{ position:absolute; left:0; bottom:-2px; right:0; z-index:1000; width:100%}
		
	.home-box-3	h3			{ font-weight:100; color:#FFF; letter-spacing:-0,05em; font-size:3.1em; line-height:1em; margin:25px 0 15px; text-align:center; text-shadow: 1px 1px 1px rgba(0,0,0,0.3)}
	.home-box-3 p			{ font-weight:300; font-size:1.2em; margin-bottom:10%; line-height:1em; text-align:center; color:#FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3)}

	.home-card				{ margin:150px auto}

	.models-change 			{ text-align:center; padding:5px 5px 2px; background:#000; background:rgba(0,0,0,0.5);
							-moz-border-radius:4px;border-radius:4px; display:inline-block; margin:155px auto 10px}
	.models-change .item-box		{ width:14px; height:14px; position:relative; display:inline-block}
	.models-change .show-card-model	{ display:block; position:absolute; left:50%; top:50%; margin:-3.5px 0 0 -3.5px; width:7px; height:7px; 
		-webkit-border-radius:100%; border-radius:100%; cursor:pointer;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
		background:#e5e5e5;}
		
	.models-change .show-card-model.on,
	.models-change .show-card-model:hover{ width:14px; height:14px;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
		margin:0;
		left:0; top:0;
		 background:#F60;}
		
	
	.setaPersonalize-1		{ position: absolute;right: -34%;top: 0;z-index: 100000;}
	.setaPersonalize-2		{ position:absolute; left:-26%; top:0; z-index:100000}
	.setaPersonalize-3		{ position: absolute; left: 34%; top: -32%; z-index: 100000;}
	.setaPersonalize-4		{ position: absolute; left: -29%; top: 50%; z-index: 100000;}
	.setaPersonalize-5		{ position: absolute; left: 30%; bottom: -32%; z-index: 100000;}
	
	.personalizacao-mobile		{ display:none}
	
	.personalizacao-mobile li	{ padding:0.5rem; color:#fff; float:left; width:20%; text-align:center; font-weight:300; font-size:1.2em; line-height:0.9em}
	
	@media only screen and (max-width: 895px) {
		.personalizacao-mobile li{ width:100%}
	}
	
	@media only screen and (max-width: 1175px) {
		.setaPersonalize-1, .setaPersonalize-2, .setaPersonalize-3, .setaPersonalize-4, .setaPersonalize-5	{ display:none}
		.personalizacao-mobile{ display:block}
		.home-card		{ margin:10px auto}
	} 
		

/* ########################################################################## */
/* VANTAGENS KD */
	.home-box-4			{ background:#fafafa; color:#FFF; position:relative; padding-bottom:25px}
	.home-box-4 img.phoneDemo{ margin:5% 0 0 -15%}	
	.home-box-4	 h3		{ font-weight:100; color:#F60; letter-spacing:-0,05em; font-size:2.6em; line-height:1em; margin:20% 0 15px;}	
	.home-box-4	 p		{ font-weight:300; color:#454545; letter-spacing:-0,05em; font-size:0.95em; line-height:1em; }	
	.home-box-4	 p img{ max-width:20px; opacity:0.3; display:inline-block; margin-right:5px; vertical-align:middle}
	@media only screen and (max-width: 640px) {
		.home-box-4	 h3		{ margin:15px 0;}
	} 
	
	
	.bottomVantagens	{ position:absolute; left:0; bottom:-5px; right:0; width:100%; z-index:1500}
	
	.homeFinalDivision	{ position:relative; text-align:center; padding:0; background:#FF9900; color:#fff; font-size:2em; line-height:1.2em; vertical-align:middle; font-weight:100}
	.finalCutButton		{ position:relative; z-index:100000; margin-top:-3px}


/* ########################################################################## */
/* REDE DE NEGOCIOS */
	.home-box-5			{padding:2rem; color:#FFF; height:850px;
			background:url(http://i.istockimg.com/file_thumbview_approve/25205625/2/stock-photo-25205625-streets-of-new-york-city.jpg) center bottom no-repeat;
			background-size:cover;}	
	.home-box-5	h3		{ margin:5% auto 0; color:#666; font-size:2.2em; line-height:1.1em; font-weight:300;  text-shadow: 1px 1px 1px rgba(0,0,0,0.4)}
	

/* ########################################################################## */
/* WAIT LINE */
	.home-box-6			{ background:#fafafa; padding:7rem 0 4rem 0; color:#FFF; position:relative}
	.home-box-6	h3		{ margin:5% auto 1%; color:#F60; font-size:2.6em; line-height:1.1em; font-weight:300}
	.home-box-6	p		{ color:#757575; font-size:0.97em; line-height:1.1em; text-align:center}
	.home-box-6 .fieldEmail		{ background:#fff; border:1px solid #ccc; border-right:none; color:#656565; margin:35px 0 20px; box-sizing:border-box; padding:28px 20px;
								font-size:1.3em;
								-webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;
								-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);}
	.home-box-6 .fieldEmail:focus	{ color:#F60; border-color:#F60}
	.home-box-6 .cadastraEmail	{  margin:35px 0 20px; text-align:center; color:#666; display:block; width:100%; box-sizing:border-box; padding:17px 0 18px;
								font-size:1em; font-weight:500;  -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; border:1px solid #ccc;
								-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); text-transform:uppercase; letter-spacing:0.02em;
								background: #ffffff; /* Old browsers */
								background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
								background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
								background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
								background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
								background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%)}
	.home-box-6 .cadastraEmail:hover,
	.home-box-6 .cadastraEmail:focus{ 
	color:#FFF; border-color:#F90;
	background: #ffa200; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa200 0%, #ff8a00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa200), color-stop(100%,#ff8a00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa200 0%,#ff8a00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa200 0%,#ff8a00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa200 0%,#ff8a00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa200 0%,#ff8a00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa200', endColorstr='#ff8a00',GradientType=0 ); /* IE6-9 */
}
	@media only screen and (max-width:520px) {
		.home-box-6 .cadastraEmail	{ font-size:0.8em; padding:21px 0 19px}
	}