body{background-color: #fff; color: #cecece;}
li{ list-style-type: none;}
a, span{ text-decoration: none; display: inline-block;}

/*Sprite*/
.sprite {
    background: url(../img/sprite.png) no-repeat top left;
}

/*.sprite-add{ background-position: 0 0; width: 24px; height: 17px; } 
.sprite-comunicacao{ background-position: 0 -27px; width: 147px; height: 129px; } 
.sprite-delete{ background-position: 0 -166px; width: 16px; height: 16px; } 
.sprite-enquete{ background-position: 0 -192px; width: 77px; height: 104px; } 
.sprite-exclusividade{ background-position: 0 -306px; width: 144px; height: 146px; } 
.sprite-logo{ background-position: 0 -462px; width: 165px; height: 51px; } 
.sprite-marker-white{ background-position: 0 -523px; width: 26px; height: 26px; } 
.sprite-marker{ background-position: 0 -559px; width: 26px; height: 26px; } 
.sprite-ranking{ background-position: 0 -595px; width: 90px; height: 105px; } 
.sprite-resultado{ background-position: 0 -710px; width: 145px; height: 114px; } */

.sprite-icn1{ background-position: 0 0; width: 88px; height: 97px; } 
.sprite-icn2{ background-position: 0 -107px; width: 87px; height: 97px; } 
.sprite-icn3{ background-position: 0 -214px; width: 81px; height: 92px; } 
.sprite-icn4{ background-position: 0 -316px; width: 46px; height: 31px; } 
.sprite-icn5{ background-position: 0 -357px; width: 47px; height: 50px; } 
.sprite-icn_mac{ background-position: 0 -417px; width: 571px; height: 331px; } 
.sprite-logo{ background-position: 0 -758px; width: 216px; height: 42px; } 
.sprite-logo2{ background-position: 0 -810px; width: 177px; height: 36px; } 

.sprite-icn4{ }
.sprite-icn5{margin-top: 210px;}


.sprite2 {
    background: url(../img/sprite2.png) no-repeat top left;
}

.sprite2-SetaBaixo{ background-position: 0 0; width: 17px; height: 10px; } 
.sprite2-setaazul{ background-position: 0 -20px; width: 40px; height: 13px; } 
.sprite2-setalaranja{ background-position: 0 -43px; width: 36px; height: 10px; } 
.sprite2-setaverde{ background-position: 0 -63px; width: 32px; height: 10px; } 
.sprite2-v{ background-position: 0 -83px; width: 20px; height: 14px; } 
.sprite2-x{ background-position: 0 -107px; width: 16px; height: 16px; } 

.sprite2-SetaBaixo{position: absolute;
right: 12px;
top: 27px;
}

.sprite2-setaazul{position: absolute;
bottom: -9px;
left: 132px;
z-index: 999;} 
.sprite2-setalaranja{position: absolute;
bottom: -9px;
left: 132px;
z-index: 999;} 
.sprite2-setaverde{position: absolute;
bottom: -9px;
left: 132px;
z-index: 999;} 




/*formataçao // header*/
#top{width: 100%; text-align: center;}

#c-top{
	background-color: rgba(255,255,255,0.1);
	height: 110px;
	position: absolute;
	top: -240px;
	margin-top: 230px!important;
}
#c-top, .banner-content, h2.title, #demonstration, #preview, #more-advantages > h3, #more-advantages > section > article, #showcase, .case, .group, .f-c{ display:block; width: 935px;text-align: center;margin: 0 auto;}

/*formatação // marca*/
#logo{ 
	width: 218px;
	height: 100px;
	line-height: 100px;
	margin-top: 10px;
	display: inline-block;
	vertical-align: top;
}
#logo a{ width: 100%; margin-top: 37px; text-indent: -9999px;}

/*formatacao // menu*/
#primeNav{width: 646px;display: inline-block;margin: 50px 0 0 60px;}
#primeNav li{display: inline-block;margin-left: 30px;height: 60px;}
#primeNav li:first-child{margin-left: 0;}
#primeNav a{
	font-family: "comfortaabold";
	font-size: 18px;
	color: #17acff;
}
#primeNav a.in{
	height: 53px;
	border-bottom: 5px solid;
}
#primeNav ul {
	height: 60px;
}

#showcase .btnOrcamento:hover{
	background-color: #ffbb17;
}
#showcase #business .btnOrcamento:hover{
	background-color: #4cbfff;
}
#showcase #premium .btnOrcamento:hover{
	background-color: #29d561;
}

/*formatacao // banner*/
#banner{
	width: 100%;
	text-align: center;
	/*padding-top: 375px;*/
	position: relative;
	color: #fff;
	overflow: hidden;
	vertical-align: top;
	background-image: url(../img/bg_banner.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-content {
	width: inherit;
	height: 780px;
	background: #99cc99; 
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#99cc99), color-stop(100%,#66c1c0)); 
	background: -webkit-linear-gradient(-145deg, #99cc99 0%,#66c1c0 100%); 
	background: -webkit-linear-gradient(315deg, #99cc99 0%, #66c1c0 100%); 
	background: linear-gradient(135deg, #2eb4ff 0%,#2eb4ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc99', endColorstr='#66c1c0',GradientType=1 );
	-webkit-filter: opacity(0.9);
}

/*formatacao // text - banner*/
#banner-text{display: inline-block;width: 470px;font-family: 'ExoRegular';padding-top: 72px;position: relative;z-index: 2;text-align: left;}
#banner-text h2 {font-size: 32px;}
#banner-text h2 span{font-family: 'ExoExtraBold';}
#banner-text p {font-size: 16px;width: 330px;padding-top: 20px;}
#banner-text a {width: 216px; height: 30px; padding-top: 6px; background-color: #fff;color: #e52c2a;font-size: 16px;text-align: center;margin-top: 36px;-o-box-shadow:  0px -2px 3px 1px rgba(0, 0, 0, 0.2);-ms-box-shadow:  0px -2px 3px 1px rgba(0, 0, 0, 0.2);box-shadow:  0px -2px 3px 1px rgba(0, 0, 0, 0.2);}

/*formatacao // iphone - banner*/
#iphone-banner{right: 30px; width: 348px;height: 695px;overflow: hidden; background: transparent url(../img/Iphone_Mockup.png) 0 0 no-repeat;display: inline-block;vertical-align: top;position: relative;z-index: 2;margin-top: -7%;animation:Animacao-Iphone 2s ease-out ; -moz-animation:Animacao-Iphone 2s ease-out ;  -webkit-animation:Animacao-Iphone 2s ease-out ; -o-animation:Animacao-Iphone 2s ease-out ; }
#iphone-banner li{width: 221px;height: 328px;margin:91px 0 0 62px;-webkit-transition: all 0.3 ease;transition: all 0.3 ease;}


/*formatacao // ipad - banner*/
#ipad{position: absolute; top: 15%; right: -13.1%;transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;animation:Animacao-Ipad 2s ease-in-out ; -moz-animation:Animacao-Ipad 2s ease-in-out ;  -webkit-animation:Animacao-Ipad 2s ease-in-out ; -o-animation:Animacao-Ipad 2s ease-in-out ; }

/*formatacao // bar(bg) - banner*/
.bar{width: 100%;height: 330px;position: absolute;left: 0;z-index: -1;}

/*formatacao // content*/
#content{width: 100%; text-align: center;}
#works{padding-top: 130px; }

/*formatacao titulos // content*/
h2.title{
	color: #17acff;
	text-align: center;
	font-size: 48px;
	font-family: "comfortaabold";
}

h2.title span {
	display: inline-block;
}

h2.title span.marker-left{
	margin-right: 50px;
}

h2.title span.marker-right{
	margin-left: 50px;
}
.border{width: 80%;height: 1px;background: #eaeaea;}

/*formatacao padrao das colunas de demonstracao // content*/
#demonstration .c-format{display: inline-block; width: 240px;vertical-align: top;margin-top: 150px;}
#demonstration .c-format h2{font-size: 24px;font-family: 'ExoExtraBold'; padding-bottom: 23px;text-transform: uppercase;text-align: center;}
#demonstration .c-format .order{font-size: 24px;font-family: 'ExoExtraBold';position: absolute;border-radius: 2em;background: #fff;width: 80px;height: 56px;text-align: center;padding-top: 24px;top: -30px;left: -40px;}
#demonstration .c-format:nth-child(2){margin: 150px 70px 0 70px;}
#demonstration .c-format figure{width: 150px; height: 150px;position: relative;text-align: center;z-index: 2;background-color: #17acff;border-radius: 50%;display: inline-block;}
#demonstration .c-format figure .sprite {
	position: relative;
	margin-top: 25px;
}

#demonstration .c-format figure .sprite-exclusividade {
	top: -15px
}

#demonstration .c-format figure .sprite-comunicacao {
	top: 4px
}

#demonstration .c-format figure .sprite-resultado {
	top: 20px
}
#demonstration .info h1 {
	margin-top: 30px;
	color: #565656;
	font-size: 32px;
	font-family: "comfortaabold";
	margin-bottom: 20px;
}

#demonstration .info h3 {
	color: #bababa;
	font-size: 16px;
	font-family: "GothamRounded-Book";
}

#demonstration .childs{margin-top: 6px;position: relative; top: -60px;transition: all 1s cubic-bezier(.26,1.7,.67,1.38); -moz-transition: all 1s cubic-bezier(.26,1.7,.67,1.38); -webkit-transition: all 1s cubic-bezier(.26,1.7,.67,1.38); -o-transition: all 1s cubic-bezier(.26,1.7,.67,1.38);}
#demonstration .childs li{width: 53px;height: 51px;margin-right: 2%;text-align: center;display: inline-block;vertical-align: top;}
#send .childs li{width: 100%;}
#demonstration .childs li:last-child{margin-right: 0px;}
#demonstration .childs li span{text-indent: -9999px;}
#demonstration .childs span{margin-top: 0;}
#post .childs span{margin: 0;}
#report .childs{transition-delay: 0.3s; -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; }
#send .childs{transition-delay: 0.9s; -moz-transition-delay: 0.9s; -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; }
#post .childs{transition-delay: 1.2s; -moz-transition-delay: 1.2s; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; }

#demonstration .c-format p{font-size: 18px; color: #737373; text-align: center;font-family: 'AsapItalic';padding-top: 65px;}


.ico, .premiumIco{background: transparent url(../img/sprite.png) 0 0 no-repeat;}

/*formatacao de cor dos titulos // content*/
#report h2, #report .order {color: #198387;}
#send h2, #send .order{color: #c23067;}
#post h2, #post .order{color: #a9ae2a;}


/*formatacao de icones // content*/
#report .ico{width: 140px;height: 90px;margin-top: 50px;}
#send .ico{height: 100px;width: 155px; background-position: -149px 0;margin-top: 50px;}
#post .ico{height: 88px;width: 110px;background-position: -312px 0;margin: 50px 0 0 15px;}

/*formatacao de cor dos blocos filhos // content*/
#report .childs li{background: #198387;}
#send .childs li{background: #a1194c;}
#post .childs li{background: #8c9618;}

/*formatacao de icones filhos #report // content*/
#report .text{width: 17px;height: 20px;background-position: -37px -97px; margin-top: 14px!important;}
#report .media{width: 27px;height: 20px;background-position: -6px -97px; margin-top: 14px!important;}
#report .photo{width: 27px;height: 23px;background-position: -58px -97px; margin-top: 14px!important;}
#report .audio{width: 17px;height: 24px;background-position: -85px -97px; margin-top: 14px!important;}

/*formatacao de icones filhos #send // content*/
#send .zip{width: 54px;height: 20px;background-position: -197px -103px; margin-top: 14px!important;}

/*formatacao de icones filhos #post // content*/
#post .ipad{width: 22px;height: 29px;background-position: -324px -99px; margin-top: 14px!important;}
#post .imac{width: 34px;height: 29px;background-position: -350px -99px; margin-top: 14px!important;}
#post .iphone{width: 22px;height: 29px;background-position: -385px -99px; margin-top: 14px!important;}
#post .notebook{width: 37px;height: 29px;background-position: -408px -97px; margin-top: 14px!important;}

/*formatacao para cores especiais dos paragrafos // content*/
#report .special-color{color: #198387;}
#send .special-color{color: #a1194c;}
#post .special-color{color: #8c9618;}

/*formatacao para o bloco abaut // content*/

#demonstration {
	padding-bottom: 130px;
}
#beneficios {
	
}
#beneficios .title{
	padding-top: 130px;
	margin-top: 50px;
}

#preview{position: relative;}
#preview menu{position: fixed; top: 307px; z-index: 2; right: 10%; opacity: 0; display: none;}
#preview menu.on{opacity: 1; display: block;}
#preview menu a {margin-left: 7px; width: 15px; height: 15px; border-radius: 1em; display: block; margin-top: 11px;background: #f7a945;}
#preview menu a.on{background: #eb2f31}

/*formatacao para o bloco conheca o publiQ // content*/
#preview .c-format-1{padding-top: 120px;text-align: left;}
#preview .c-format-1 figure{margin-left: 0;display: inline-block;}
#preview .c-format-1 article{display: inline-block;width: 460px;margin-left: 0; text-align: left;vertical-align: top}

#preview .c-format-1 h3{
	font-family: 'comfortaaregular';
	font-size: 30px;
	color: #565656;
}

#preview .c-format-1 p{
	font-family: 'GothamRounded-Book';
	font-size: 16px;
	color: #b9b9b9;
	width: 335px;
}

#preview .c-format-1.tv p{
	width: 310px;
}

/*formatacao para o bloco conteudo multimidia // content*/
#multimedia-content{
	margin-top: -280px;
	margin-left: 285px;
	width: 800px;
}
#multimedia-content figure{display: inline-block;}
#multimedia-content article{display: inline-block;width: 340px;text-align: right;vertical-align: top; margin-right: 40px;}
#multimedia-content h3{
	font-family: 'comfortaaregular';
	font-size: 30px;
	color: #565656;
}
#multimedia-content p{
	font-family: 'GothamRounded-Book';
	font-size: 16px;
	color: #b9b9b9;
	width: 340px;
}
#multimedia-content.multimidia article {
	width: 350px;
}


/*formatacao para o bloco resultado rapido // content*/
#fast-result {
	padding-top: 0!important;
	margin-top: -220px;
}

/*formatacao para o bloco de mais informacoes // content*/
#more-advantages,.f-c{text-align: left;}
#more-advantages > h3{
	color: #66c1c0;
	font-size: 30px;
	font-family: 'midietserif_bold';
	text-transform: uppercase;
	text-align: left;
}

#more-advantages section {
	background-color: #f6f6f6;
	text-align: center;
}

#more-advantages section article {
	text-align: left !important;
	padding-bottom: 35px;
}

#more-advantages section div{font-size: 18px;width: 425px;display: inline-block;vertical-align: top;margin-top: 35px;}
#more-advantages h4{
	color: #99cc99;
	display: inline-block;
	vertical-align: top;
	font-size: 30px;
	margin-left: 30px;
	font-family: "midietserif_bold";
	text-transform: uppercase;
}
#more-advantages p{
	color: #b9b9b9;
	width: 305px;
	display: inline-block;
	margin-left: 30px;
	font-size: 18px;
	font-family: "midietsans_light";
	margin-top: 20px;
}
#more-advantages figure{display: inline-block;}

/*formatacao para o bloco geolocation // content*/
#more-advantages section .geolocation figure{
	float: left;
	margin-top: 25px;
}

/*#more-advantages section .geolocation span{width: 100%;height: 100%;background-position: -77px -139px;}*/
#more-advantages section .geolocation p{}

/*formatacao para o bloco draft // content*/
.draft{
	margin-left: 80px;
	width: 420px !important;
}
.draft figure{ float: left;margin-top: 25px;}
/*.draft span{width: 100%;height: 100%;background-position:-122px -147px;}*/
.draft p{

}

/*formatacao para o bloco api // content*/
.api figure{width: 62px;height: 58px;}
.api span{width: 100%;height: 100%;background-position: -7px -137px;}
.api p{margin: -19px 0 0 69px;}

/*formatacao para prateleira de precos // content*/
#price{
	margin-top: 140px; 
	min-height: 750px;
	height: 900px;
	background-image: url(../img/bg_banner2.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

#price .title {
	padding-top: 130px;
	position: relative;
	z-index: 2;
	color: #ffffff;
}

#price .banner-content {
	top: 0;
	position: absolute;
	width: 100%;
	height: 900px;
}

#showcase {
	position: relative;
	z-index: 2;
	margin-top: 130px;
}

#showcase > p{font-size: 18px;color: #737373;font-family: 'ExoRegular';padding: 80px 0 100px 0; text-align: center;}

/*padrao de largura para as prateleiras // content*/
.price-pattern-1{width: 300px;height: 285px;font-family: 'ExoRegular';}
.price-pattern-2{width: 300px;height: auto; font-family: 'ExoRegular';}

/*formatacao padrao das prateleiras // content*/
.price-pattern{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	background-color: #FBFBFB;
	color: #fff;
	font-family: 'DINProMedium';
}

.price-pattern-1 h3{width: 100%;height: 33px;font-size: 18px;padding-top: 10px;font-family: 'DINProLight';}
.price-pattern-1 > div:first-child {height: 75px;padding-top: 30px; color: #CCCCCC;position: relative;}
#business.price-pattern-1 div span:nth-child(2){color: #3eadb1;}
.price-pattern-1 div span:nth-child(3){color: #ccc; display: block;}
.price-pattern-1 .description{width: 100%;height: 335px;position: relative;}
/*.price-pattern-1 .description .btnOrcamento{font-family: 'AsapBold'; width: 90%;height: 50px;position: absolute;background-color: white;border: none; top: 215px;left: 13px;}*/
.price-pattern-1 .value{font-size: 109px;font-family: 'DINProLight';}
.price-pattern-1 .value span{font-size:21px;}
.price-pattern-1 .description div p{color: #FFFFFF; font-family: 'AsapItalic';font-size:16px;width: 225px;display: block; position: relative; left: 30px; top: 75px; margin-bottom: 10px;}
.price-pattern-1 .description div p strong{font-family: 'AsapBoldItalic';}
.price-pattern-1 .description-2{width: 100%;height: 130px;padding-top: 35px;}
.price-pattern-1 .description div{position: relative; height: 175px;}
.price-pattern-1 .description-2 div p{font-size:18px;width: 185px;display: inline-block;text-transform: none;font-family:'AsapItalic';}
/*.price-pattern-1 .description-2 div p span{font-family: 'DINProMedium';}*/
.price-pattern-1 .hire{font-family: 'AsapItalic';width: 297px; height: 45px; color: white; border-top: 5px solid; text-transform: none; padding-top: 9px; font-size: 23px;}
.price-pattern-1 .arrow{width: 17px;height: 15px;position: absolute;top: -6px;left: 134px;}
.price-pattern-1 > div span{font-size: 20px;}
.price-pattern-1 > div span:nth-child(1){font-family: 'ExoRegularItalic';}
.price-pattern-1 > div span:nth-child(2){font-family: 'ExoBold';}
.price-pattern-1 > div span:nth-child(3){font-family: 'DINProMedium'; font-size: 14px; color: #737373}

.price-pattern-2 h3{width: 100%;height: 28px;font-size: 15px;padding-top: 8px;font-family: 'DINProLight';}
.price-pattern-2 > div:first-child {
	height: 75px;
	padding-top: 30px;
	color: #CCCCCC;
	position: relative;
}

.price-pattern h1 {
	color: #ffffff;
	font-size: 30px;
	font-family: "comfortaabold";
}

#business.price-pattern h1{font-size: 36px;}

#light.price-pattern {
	background-color: #ffa517;
}

#business.price-pattern {
	background-color: #17acff;
	position: relative;
	z-index: 2;
	left: -5px;
	top: -20px;
	box-shadow: 0.5px 1px 2px 1px rgba(0,0,0,0.3);
	height: auto;
}

#premium.price-pattern {
	background-color: #19bf4f;
	margin-left: -10px;
}

#light.price-pattern-2 div span:nth-child(2){color: #bf3066;}
#premium.price-pattern-2 div span:nth-child(2){color: #9fa92f;}
.price-pattern-2 div span:nth-child(3){color: #737373; display: block; font-size: 14px;}
.price-pattern-2 .description{width: 100%;height: 335px;position: relative;}
.price-pattern-2 .description .btnOrcamento{font-family: 'AsapBold'; width: 90%;height: 50px;background-color: white;border: none;}
.price-pattern-2 .value{font-size: 92px;font-family: 'DINProLight';}
.price-pattern-2 .value span{font-size:18px;}
.price-pattern-2 .description div{position: relative; height: 175px;}
.price-pattern-2 .description div p{ color: #FFFFFF; font-family: 'AsapItalic';font-size:16px;width: 225px;display: block;position: relative; left: 30px; top: 75px; margin-bottom: 10px;}
.price-pattern-2 .description div p strong{font-family: 'AsapBoldItalic';}
/*.price-pattern-2 .description-2{width: 100%;height: 101px;padding-top: 45px;}*/
/*.price-pattern-2 .description-2 div p{font-size:15px;width: 185px;display: inline-block;text-transform: none;font-family: 'AsapItalic';}*/
.price-pattern-2 > div span{font-size: 20px;}
.price-pattern-2 > div span:nth-child(1){font-family: 'ExoRegularItalic';}
.price-pattern-2 > div span:nth-child(2){font-family: 'ExoBold';}
.price-pattern-2 > div span.premiumIco:nth-child(3){background-position: -453px -156px; height: 20px; width: 20px; display: inline-block;position: relative;right: 10px;bottom: 10px;}
.price-pattern-2 > div span:nth-child(4){font-family: 'DINProMedium'; font-size: 14px; color: #737373}
.price-pattern-2 .hire{font-family: 'DINProLight'; width: 250px; height: 37px; color: white; border-top: 5px solid; text-transform: none; padding-top: 8px; font-size: 18px;}
.price-pattern-2 .arrow{width: 17px;height: 15px;position: absolute;top: -6px;left: 134px;}

#showcase .description ul{
	
	color: #999999;
	font-family: "GothamRounded-Light";
	text-align: left;
}

#showcase .description ul li {
	line-height: 60px;
	height: 60px;
	margin-left: 20px;
	margin-right: 20px;
	border-bottom: 1px solid #e9eaea;
	position: relative;
	font-size: 18px;
}

#showcase .description ul li .icon {
	position: absolute;
	right: 10px;
	top: 20px;
	background-position: 0 -83px;
width: 20px;
height: 14px;
}

#showcase .btnOrcamento {
	background-color: #ffa517;
	color: #ffffff;
	font-size: 20px;
	font-family: "comfortaabold";
	outline: none;
	height: 65px;
	line-height: 65px;
	border: none;
	width: 90%;
}
#showcase #business .btnOrcamento{
	background-color: #17acff;
}
#showcase #premium .btnOrcamento{
	background-color: #19bf4f;
}

#premium .description div{top: -15px;}

/*formatacao especial para prateleira light // content*/
/*#light .btnOrcamento{ color: #bf3066;}*/
#light h3{background-color: #a61a4f;}
#light .description{background-color: #ffffff;}
#light .hire{background-color: #bf3066;border-top-color: #a61a4f;}
#light .arrow{background-position: -366px -156px;}

/*formatacao especial para prateleira business // content*/
/*#business .btnOrcamento{ color: #3eadb1;}*/
#business h3{background-color: #8c9618;}
#business .description{background-color: #ffffff;height: 355px;}
#business .hire{background-color: #9fa92f;border-top-color: #8c9618;}
#business .arrow{background-position: -392px -156px;}

/*formatacao especial para prateleira premium // content*/
/*#premium .btnOrcamento{ color: #9fa92f;}*/
#premium h3{background-color: #198387;}
#premium .description{background-color: #ffffff;}
#premium .description-2{height: 113px;padding-top: 33px;}
#premium .hire{background-color: #3eadb1;border-top-color: #198387;}
#premium .arrow{background-position: -336px -156px;}

/*formatacao para bloco case //content*/
#success{padding-top: 140px; min-height: 650px;}
#success .title{text-align: left!important;}
.case figure, .case p{display: inline-block;vertical-align: top;}
/*.case figure{margin: 60px 60px 0 0;}*/
.case p{width: 410px;margin-top: 95px;font-family: 'AsapRegular';font-size: 20px;color: #737373; text-align: left;}

/*formatacao bloco de contato*/
#contact{padding-top: 120px;}
.group{position: relative;}
.group > p{
	font-family: 'midietsans_light';
	font-size: 18px;
	color: #b9b9b9;
	width: 732px;
	margin: 55px 0;
	text-align: left;

}

.group > p strong {
	font-family: "midietsans_bold";
}

.form{width: 670px;display: inline-block;height: 615px;transition: background 0.3s linear; -moz-transition: background 0.3s linear; -webkit-transition: background 0.3s linear; -o-transition: background 0.3s linear;}
form{width: 100%;font-family: 'AsapRegular';}
form li{margin-top: 0;position: relative;}
form li input::-webkit-input-placeholder, form li input::-moz-input-placeholder, form li input::-o-input-placeholder, form li input::-ms-input-placeholder{font-family: 'AsapRegular';font-size: 18px;}
form li input[type="tel"]{width: 276px;}
form li input[type="email"]{width: 94%;}
form li:nth-child(2), form li:nth-child(3){display: inline-block;}
form li:nth-child(2){width: 270px;margin-right: 24px;}
form li:nth-child(3){width:368px;}
form li:nth-child(6){height:220px;}
form li:last-child{text-align: right;}
form li:first-child{border-top: 1px solid #17acff;}
form input, #select-plan, #mensage{background-color: #fff;border: 1px solid #17acff;height: 59px;padding-left: 20px;width: 96%;font-family: 'GothamRounded-Light';font-size: 20px;color: #17acff;border-top: none;}
.form.sendSuccess{}
.form.sendSuccess form{opacity: 0}
::-webkit-input-placeholder { color:#cecdcd; font-family: 'midietsans_light'}
::-moz-placeholder { color:#cecdcd; font-family: 'midietsans_light'} /* firefox 19+ */
:-ms-input-placeholder { color:#cecdcd; font-family: 'midietsans_light'} /* ie */
input:-moz-placeholder { color:#cecdcd; font-family: 'midietsans_light'}
input:focus {
	background-color: #f6f6f6;
	outline: none;
}
#select-plan-buttom{text-align: left; cursor: pointer;width: 666px; height: 45px; border: 1px solid #17acff; color: #17acff; font-size: 18px; padding-top: 15px;border-top: none;}
#select-plan-buttom .value{padding-left: 24px;}
#select-plan-buttom .ico{background-position: -419px -156px; width: 17px; height: 15px; position: absolute; top: 22px; right: 30px; }
#select-plan-buttom:hover {
	background-color: #f6f6f6;
}
#select-plan-itens{opacity: 0; background: #bebebe;position: absolute;z-index: 999;color: #737373;width: 670px;border: 1px solid #17acff; border-top: none;height: 0; overflow: hidden; }
#select-plan-itens.on{opacity: 1; height: 185px;}
#select-plan-itens li{width: 97%; padding-left: 20px; border-bottom: 1px solid #17acff;text-align: left;margin-top: 0;padding-top: 17px; height: 44px;color: #17acff;cursor: pointer;background-color: #f6f6f6;font-family: "midietsans_medium";}
#select-plan-itens li:hover{background: #f6f6f6; color: #1172A8;}

#mensage{height: 193px;padding-top: 20px;}
#contact-submit{border: none; text-align: center; color: white; font-family: 'midietsans_medium'; font-size: 24px; height: 65px; padding: 0;width: 100%;position: relative;bottom: 4px;}
a#contact-submit{width: 153px; border: none; text-align: center; color: white; font-family: 'AsapRegular'; font-size: 18px; height: 39px; padding: 0; padding-top: 14px;}

/*formatacao para validacao do formulario*/
input.error, textarea.error{background-color: #f6f6f6!important;color: #17acff;}
form .alert{width: 35px; height: 35px;position: absolute;top: 8px;right: 4px;background-position: -201px -150px;opacity: 0;}
form .alert.on{opacity: 1}
div.alert{width: 340px;margin-top: 270px;opacity: 0;}
div.alert.on{opacity: 1;}
div.alert p {
	font-family: 'GothamRounded-Light';
	font-size: 18px;
	color: #f22323;
	display: inline-block;
	vertical-align: top;
	margin: 5px 0 0 5px;
}
div.alert .ico{width: 25px; height: 25px;background-position: -237px -156px;}


/*formatacao para o endereco de contato*/
address{
	display: inline-block;
	width: 186px;
	vertical-align: top;
	margin:15px 0 0 70px;
	font-family: 'comfortaaregular';
	font-size: 18px;
	color: #17acff;
	font-style: normal;
	text-align: left;
}

address h3{font-weight:bold;font-size: 18px;}
address a{color: #17acff; text-decoration: none;}
/*address a:hover{color: #F22323;}*/

/*formatacao para redes sociais*/
.social{display: inline-block;color: #737373;margin-top: 60px;}
.social h3{font-family: 'AsapRegular';font-size: 14px;}
.social li{display: inline-block;vertical-align: top;margin-top: 18px;width: 47%;}
.social li.tw{margin-left: 6px;}

/*formatacao do footer // footer*/
#footer{width: 100%;margin-top: 140px;height: 95px;position: relative;}
.f-c{position: relative;}
.f-c > *{display: inline-block;vertical-align: top;}
#f-logo{display: inline-block;width: 65px; height: 23px;margin: 20px 0 0 80px;}
#f-logo a{text-indent: -9999px;margin-top: 15px;}
#goI2{font-family: 'midietsans_light';color: #fff;font-size: 20px;margin: 35px 0 0 220px;}
#goI2 a{font-family: 'midietsans_bold';color:#fff}

/*formatacao back-top // footer*/
#back-top{position: absolute;width: 190px; height: 37px;top: -37px;right: 0;opacity: 0;transition: opacity 0.3 ease; -moz-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear;}
#back-top a{width: 100%; height: 100%;background-color: #ff7c00;color: #fff;font-family: 'DINProMedium';text-align: center;}
#back-top .ico{width: 16px; height: 12px;background-position:-305px -156px;margin: 11px 15px 0 0;}

.transition{transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}

.opl {position:relative; top:200px; left:0px; z-index:99999; }
.opl a {width:73px; height:56px; text-indent:-9999px; display:block; background:url('https://s3.amazonaws.com/onepagelove/one-page-love-award.png') no-repeat; }

/*definicoes para formatacao em navegacao*/
#c-top{ z-index: 9999;background: #fff; width: 100%!important; text-align: center!important;margin-top: 230px!important; transition: position,top 0.3s linear; -moz-transition: position,top 0.3s linear; -webkit-transition: position,top 0.3s linear; -o-transition: position,top 0.3s linear;}

/*#c-top{background: #fff;padding-bottom:30px;position: absolute;top: -230px;margin-top: 230px!important;}*/


#c-top.on{ position: fixed; width: 100%!important; text-align: center!important; top: -30px;  margin-top: 0 !important;background-color: #F8F7F7;}
#back-top.on{position: fixed; top: 96%; right:0; opacity: 1;z-index: 9999;}
#back-top.on2{opacity: 1;}
#demonstration.on .childs{position: relative;top: 0px;}


.bar, #contact-submit, #footer{
	/*background: #d9073d; 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d9073d), color-stop(100%,#ff7c00)); 
	background: -webkit-linear-gradient(left,  #d9073d 0%,#ff7c00 100%); 
	background: -webkit-linear-gradient(left, #d9073d 0%, #ff7c00 100%);
	background: linear-gradient(to right,  #d9073d 0%,#ff7c00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9073d', endColorstr='#ff7c00',GradientType=1 );*/
	background-color: #17acff;
}


.iphone-container {
	top: 210px;
	position: absolute;
	padding-top: 15px;
	width: 964px;
	left: 50%;
	margin-left: -482px;
}

.iphone-container .info {
	margin-top: 95px;
	vertical-align: top;
	text-align: left;
	width: 410px;
	display: inline-block;
}

.iphone-container .info h1 {
	 font-family: 'comfortaabold';
	 color: #ffffff;
	 font-size: 50px;
	 line-height: 50px;
}

.iphone-container .info p {
	 font-family: 'GothamRounded-Book';
	 color: #ffffff;
	 font-size: 16px;
	 opacity:0.85;
	 margin-top: 20px;
	-moz-opacity: 0.85;
	-webkit-opacity: 0.85;
	filter: alpha(opacity=85);
}


.iphone-container .info a {
	font-family: 'comfortaabold';
	color: #ffffff;
	background-color: #ff4317;
	font-size: 20px;
	height: 55px;
	line-height: 55px;
	border: none;
	outline: none;
	width: 260px;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	margin-top: 25px;
}

.iphone-container .iphone-list {
	vertical-align: top;
	text-align: left;
	width: auto;
	display: inline-block;
	margin-left: 60px;
}

.iphone-list li {
	background-image: url(../img/iphone.png);
	background-size: cover;
	width: 270px;
	height: 550px;
	display: inline-block;
	position: relative;
}

.iphone-list li.active {
	height: 570px;
	width: 290px;
	left: -10px;
	top: -20px;
	z-index: 3;
}

.iphone-list li.active img {
	width: 245px;
	height: 432px;
	margin-top: 90px;
}

.iphone-list li:nth-child(2){
	margin-left: -175px;
	z-index: 2;
	margin-top: 10px;
}

.iphone-list li:nth-child(3){
	margin-left: -175px;
}



.iphone-list li img {
	width: 225px;
	margin-left: 25px;
	margin-top: 84px;
	height: 402px;
}

#c-top{
	background-color: rgba(255,255,255,255);
	/*box-shadow: 0.5px 0.866px 2px 0px #ffffff;*/

}

#dashboard {
	padding-top: 120px;
}

#dashboard .title {
	text-align: center!important;
	color: #17acff;
	font-size: 30px;
	font-family: "comfortaabold";
}

#dashboard h3 {
	color: #b9b9b9;
	font-family: "GothamRounded-Book";
	font-size: 18px;
	display: block;
	width: 620px;
	text-align: center;
	margin: 0 auto;
	margin-top: 25px;
}

#dashboard h3 strong {
	font-family: "GothamRounded-Bold";
}

#boxDashboard{
	height: 400px; 
	width: 100%;
	position: relative;
	margin-top: 55px;
}

#boxDashboard div{
	height: inherit;
	width: 400px;
	position: absolute;
	left: 0;
	cursor: pointer;
}

#boxDashboard div,
#boxDashboard article{
	display: inline-block;
}

#boxDashboard div img{
	height: inherit; 
	width: inherit;
	left: inherit;
	position: inherit;
}

#boxDashboard div .mascara{
	background-color: #000;
	width: 500px;
	height: 400px;
	left: inherit;
	position: inherit;
	border-radius: 5px;
	opacity: 0;
   
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

#boxDashboard div span{
	color: #9b9b9b;
	background-color: #d7d7d7;
	border: 1px solid #b7b7b7;
	position: absolute;
	z-index: 9;
	width: 100px;
	height: 25px;
	line-height: 25px;
	right: 16px;
	bottom: 16px;
	background-image: url(../img/iconZoom.png);
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-size: 10px;
	background-position: 5px 5px;
	border-radius: 20px;
	text-align: center;
	cursor: pointer;
	font-family: "AsapRegular";
}

/*#boxDashboard div:hover > .mascara{
	opacity: 0.4;
}*/

#boxDashboard div span:hover{
	color: #d7d7d7;
	background-color: #9b9b9b;
}

#boxDashboard article{
	position: absolute;
	left: 450px;
	width: 450px;
	text-align: left;
}
#boxDashboard article h3{
	font-family: 'ExoRegular';
	font-size: 36.1px;
	color: #b4456f;
}

#boxDashboard article p{
	font-family: 'AsapRegular';
	font-size: 18px;
	color: #737373;
}

#boxDashboard article p:nth-child(2){
	margin-top: 20px
}

#boxDashboard ul {
	margin-top: 20px;
}

#boxDashboard li {
	font-family: 'AsapRegular';
	font-size: 15px;
	color: #737373;
	margin-bottom: 5px;
	list-style-type: square;
	list-style-position: inside;
}



#modal {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	background-color: rgba(0,0,0,0.5);
}

#modal div {
	width: 800px;
	height: 764px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -382px;
}

#modal div img {
	width: inherit;
	height: inherit;
}

#modal div .close-modal {
	text-align: center;
	color: #636363;
	background-color: #ffffff;
	border: 1px solid #b7b7b7;
	position: absolute;
	z-index: 9;
	width: 100px;
	height: 25px;
	line-height: 25px;
	right: 0;
	top: -37px;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-size: 10px;
	border-radius: 20px;
	cursor: pointer;
}

#modal div .close-modal:hover {
	color: #ffffff;
	background-color: #636363;
}

.sent-successfully {
	font-family: 'comfortaabold';
	font-size: 25px;
	color: #288cd8;
	margin-top: -300px;
	opacity: 0;
}

.form.sendSuccess .sent-successfully {
	opacity: 1;
}