body {
  
  padding-top: 50px;
}


.navbar-toggle {background:#000;}
.navbar-nav {font-weight:normal;}
.navbar-nav a {color:#FFF;}
.navbar-right {font-size:12px;
font-weight:normal;
font-family: 'Montserrat', sans-serif;}
.navbar-right li {margin:0px -5px;}
.destaque h3 a{border:1px solid #00c8d7;
font-size:15px;
margin-top:2px;
padding:5px 18px 7px 18px;
color:#00c8d7;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#home-separator {background:url(images/home.jpg) center top no-repeat;
height:660px;}

#home-separator  a {color:#FFF;}
#home-separator  a:hover {text-decoration:none;}

#home-separator h1 {color:#FFF;
margin-top:300px;
line-height:66px;
font-size:80px;
font-weight:900;
margin-bottom:30px;}

#home-separator p {color:#FFF;
font-size:20px;
font-weight:100;}

#corretor p {text-align:right;
margin-right:30px;}

.img-pet {margin:50px 30px 30px 30px;
}

.img-cor {margin:20px 30px 30px 30px;
float:right;
}

#pet h1 {margin-left:30px;}

#corretor h1 {text-align:right;
margin-right:30px;}

#pet p {margin-left:35px;}

#feature-home {background:#293033;
padding:30px 0px;}

#feature2-home {background:url(images/bg-responsive.jpg) center top no-repeat;
height:596px;
padding:30px 0px;}

#feature2-home h2 {font-size:45px;
line-height:40px;
font-weight:900;
color:#88b4c0;
text-align:left;
margin-top:100px;
padding-bottom:40px;}

#feature2-home p {font-size:14px;
color:#96b3bb;}

#feature2-home h3 {border:1px solid #bed8df;
padding:20px 10px;
margin-top:50px;
text-align:center;
font-size:15px;}

#feature2-home h3 a {color:#88b4c0;}

.destaque h3 a:hover{border:1px solid #00c8d7;
background:#00c8d7;
color:#FFF;
text-decoration:none;
}

#top {height:780px;
background:url(images/topo.jpg) center top no-repeat;}

.logo {width:240px;
margin:auto;
padding-top:80px;}

.headline {
padding-top:70px;
margin:auto;
color:#fff;}

.headline h1 {font-weight:100;
font-size:78px;
line-height:68px;
margin-bottom:30px;}

.headline p {font-weight:400;
font-size:18px;}

.compre-top {margin-top:30px;}
.play {margin-top:50px;}
.play a {float:left;}

#conheca {height:1000px;
}

#conectado {background:url(images/conheca-1.jpg) #f5f4f0 center top no-repeat;
height:528px;
padding-top:70px;}

#conectado h1 {font-size:60px;
font-weight:900;
line-height:47px;
color:#9a9a9a;
margin-bottom:40px;}

.bt-solucao {margin-top:30px;}

#ser-cliente {padding-bottom:40px;
background:#ffbe00;}

.icon-cliente {width:68px;
margin:auto;}
#ser-cliente h2 {font-size:20px;
text-align:center;}

#ser-cliente  p {font-size:11px;
text-align:center;
line-height:20px;}

#ser-cliente h1 {text-align:center;
font-weight:900;
color:#b78b0a;
margin-top:50px;
margin-bottom:70px;}



#pra-quem {margin-bottom:50px;
}

#pra-quem h1 {text-align:center;
font-weight:900;
margin-top:50px;
margin-bottom:10px;}

#pra-quem p{
	margin-bottom:70px;
text-align:center;}

.item-cliente h3 {font-size:26px;
text-align:center;
font-weight:200;
margin-top:0px;}

.cliente-thumb {margin:auto;
width:278px;}

.bt-comprar {margin-top:30px;}

#response {padding:40px 0px;
height:620px;}

#responsivo {background:#00c8d7;
padding:20px 0px;
height:490px;}

#responsivo h1 {
font-weight:900;
line-height:46px;
font-size:50px;
margin-top:90px;
color:#fff;
margin-bottom:40px;}

#responsivo p {font-weight:200;
font-size:20px;}

.iphone {position:absolute;
top:-80px;}

#tecnologias h3 {text-align:center;
color:#2fcc71;
padding:30px 0px;}

#tecnologias h4 {font-size:15px;
font-weight:200;}

#tecnologias p {font-size:11px;}

#temas {background:#f5f4f4;
padding:40px 0px;
margin-top:70px;}

#temas h1 {text-align:center;
font-size:30px;
font-weight:900;
margin-bottom:50px;}

#temas h3 {text-align:center;
margin-top:50px;}

#temas h3 a {color:#333;
border:1px solid #999;
padding:10px 30px;
font-size:15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#temas h3 a:hover {text-decoration:none;
bor}

#planos {background:#d17e0d;
padding:40px;}

/*! PLANOS */

#top-planos {height:200px;
background:#e77e23 center top no-repeat;}

.headline-planos {
padding-top:25px;
margin:auto;
color:#fff;}

.headline-planos h1 {font-weight:900;
text-align:center;
font-size:64px;}

.headline-planos p {text-align:center;}

#planos-lista {margin:40px 0px;}

.plano {background:#f5f5f5;
}

.lista-preco {
padding:30px;}

.lista-preco li {list-style:none;
border-bottom:1px solid #999;
padding-bottom:10px;
margin-bottom:10px;
font-size:12px;
font-weight:900;}

.preco {background:#323232;}

.preco2 {background:#f46900;}

.preco2 h3 {color:#FFF;
text-align:center;
padding-top:40px;}

.preco2 h4 {color:#FFF;
text-align:center;
padding-bottom:40px;
font-size:18px;}

.preco2 h2 {color:#FFF;
font-weight:100;
font-size:90px;
text-align:center;}

.preco2 h2 span {font-size:30px;}

.preco h3 {color:#FFF;
text-align:center;
padding-top:40px;}

.preco h4 {color:#878686;
text-align:center;
padding-bottom:40px;
font-size:18px;}

.preco h2 {color:#00c8d7;
font-weight:100;
font-size:90px;
text-align:center;}

.preco h2 span {font-size:30px;}

.comprar {background:#e77e23;}

.comprar h2 {text-align:center;
padding:15px 0px 20px 0px;}

.comprar h2 a {color:#FFF;
font-size:22px;
font-weight:900;}

.comprar h2 a:hover {opacity:0.4;
text-decoration:none;}
.contato-planos {text-align:center;
font-weight:900;
font-size:40px;}
.contato-planos a {color:#000;}
.contato-planos a:hover {opacity:0.3;
text-decoration:none;}
.faq-planos {background:#f6f5f4;
padding:20px 0px;}
.faq-planos h3 {color:#999;
font-size:30px;
padding-bottom:30px;
font-weight:900;
text-align:center;}

.item-faq {margin-bottom:40px;}

.item-faq h4 {font-size:14px;
font-weight:900;}

.item-faq p {font-size:12px;
line-height:18px;}

.rec {background:#31cc71;}

.rec h4 {color:#FFF;
padding:18px 10px;
font-size:14px;
font-weight:900;
text-align:center;}

/*! TOUR */

#top-funciona {height:563px;
background:url(images/como-funciona.jpg) center top no-repeat;}

.headline-funciona {
padding-top:30px;
margin:auto;
width:264px;
color:#fff;}

.headline-funciona  h1 {color:#f2706e;
font-weight:200;
font-size:120px;
text-align:center;}

.links-features {background:#2d3339;
padding:30px 0px;}

.links-features ul {width:86%;
margin:auto;}

.links-features li {float:left;
list-style:none;
margin:0px 30px;}

.links-features a {color:#FFF;
font-weight:700;}

.active a{color:#fff;
padding:10px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#00c8d7;}

.links-features a:hover {opacity:0.4;
text-decoration:none;}

.descricao-funciona h1 {color:#00c8d7;
text-align:center;
font-size:50px;
font-weight:900;
margin:50px 0px;}

.feature-item {margin:20px 0px;}

.feature-item h2 {font-weight:900;}

.feature-item p {font-size:12px;}



.passos {background:#00c8d7;
padding:30px 0px;}

.passos h1 {color:#0c8a94;
font-size:60px;
margin-bottom:60px;
text-align:center;
font-weight:900;}

.passos h2 {font-size:20px;
text-align:center;
font-weight:400;
color:#0c8a94;}

.passos p {font-size:11px;
text-align:center;
line-height:20px;
color:#0c8a94;}

.icon-funciona {width:134px;
margin:auto;}

.vantagens {background:#fff;
padding:30px 0px;
margin-bottom:40px;}


.icon-cliente {width:68px;
margin:auto;}
.vantagens h2 {font-size:20px;
text-align:center;}

.vantagens  p {font-size:11px;
text-align:center;
line-height:20px;}

.vantagens h1 {text-align:center;
font-weight:900;
margin-top:50px;
margin-bottom:70px;}

/*! MODELOS */

.modelos {background:#f5f5f5;}
.lista-modelos {background:#f5f5f5;
margin-top:70px;}

.modelos h1 {text-align:center;
font-size:43px;
padding-top:40px;
color:#424242;
font-weight:900;}

.modelos p {margin:30px 0px 40px 0px;
text-align:center;
font-size:12px;
font-weight:900;}

.lista-modelos {margin:50px 0px;}

.processos h2 {font-size:18px;
text-align:center;
font-weight:900;
margin-top:0px;}

.processos  p {margin:10px 0px;
font-weight:300;}

.thumb-modelo {margin:auto;
width:76px;}

/*! SOBRE */

#top-sobre {height:682px;
background:url(images/top-sobre.jpg) center top no-repeat;}

.headline-sobre {
padding-top:310px;
margin:auto;
color:#fff;}

.headline-sobre h1 {font-weight:900;
font-size:30px;
padding:20px;
width:800px;
margin:auto;
text-align:center;
border:1px solid #FFF;}

#sobre-4pme {background:#ffbe00;
padding:180px 0px;}
.thumb-icon {width:180px;
margin:auto;
margin-top:50px;}

#sobre-4pme p {color:#FFF;}
#sobre-4pme h2 {color:#9f8310;
font-size:60px;
font-weight:900;}

#missao {background:#8d7bba;
padding:180px 0px;}

#missao p {color:#FFF;}
#missao h2 {color:#584588;
font-size:60px;
font-weight:900;}

#visao {background:#2fcc71;
padding:180px 0px;}

#visao p {color:#FFF;}
#visao h2 {color:#198f4a;
font-size:60px;
font-weight:900;}

#valores {background:#34495e;
padding:180px 0px;}

#valores p {color:#FFF;}
#valores h2 {color:#647689;
font-size:60px;
font-weight:900;}

/*! CONTATO */

#top-contato {height:553px;
background:url(images/header-contato.jpg) center top no-repeat;}

.headline-contato {
padding-top:210px;
margin:auto;
color:#fff;}

.headline-contato h1 {font-weight:900;
font-size:64px;}

#contato-content {background:#f2f1f1;
padding:30px 0px;}

#bt-suporte {background:#9c59b8;
padding:10px 0px 10px 20px;}

#bt-suporte a:hover {opacity:0.3;}

#bt-chat {background:#2fcc71;
padding:10px 0px 10px 20px;}
#bt-chat a:hover {opacity:0.3;}

#form-contato {margin:50px 0px 40px 0px;}

#form-contato h2 {font-size:24px;
font-weight:700;
margin-top:120px;}

#form-contato h3 {font-size:16px;}

label {
	display: block;
	font-weight: bold;
	margin: 8px 0;
	color: #fff;
}
input, select, textarea {
	padding: 12px 16px;
	width:100%;
	font-size:14px;
	color: #6A6969;
	background: #fff;  
	border: 1px solid #fff;
}
textarea {
	width:100%;
	height: 100px;
	display: block;	
}




#conecte-seu-negocio {background:#ffbe00;
padding:30px 0px;}

#conecte-seu-negocio h2 {color:#FFF;
font-size:40px;
font-weight:700;}

#conecte-seu-negocio h3 {margin:30px 0px 50px 0px;
width:360px;}

#conecte-seu-negocio h3 a{border:2px solid #00c8d7;
font-size:20px;
font-weight:900;
padding:15px;
color:#fff;
text-align:center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background:#00c8d7;
}
#conecte-seu-negocio h3 a:hover{border:2px solid #FFF;
background:none;
color:#FFF;
text-decoration:none;
}

/*! FOOTER */

#email-subscribe {margin:0px 0px 40px 0px;}

#mc_embed_signup {background:#fff;}

div.mc-field-group input {background:#fff;
border:1px solid #cccccc;
padding:25px 0px 25px 0px;
width:100%;
font-weight:700;
font-size:14px;
text-align:center;
height:25px;
margin-bottom:10px;}

.button2 {background:#57d68d;
width:260px;
padding:13px 5px 13px 4px;
color:#FFF;
margin:auto;
font-size:14px;
border:none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

footer {margin-bottom:60px;}

footer p {color:#7c7c7c;
font-size:11px;}

.text-foo {color:#cccccc;
margin:10px 0px 50px 0px;}

.links-footer {font-size:13px;}
.links-footer a {color:#7c7c7c;}
.links-footer li {list-style:none;}
footer h3 {font-size:16px;
font-weight:900;
margin-left:40px;
color:#7c7c7c;}

.social-footer li {list-style:none;
float:left;
margin-right:5px;}
.social-footer a {opacity:1.0;}
.social-footer a:hover {opacity:0.3;}


/*! PRODUTO */

#top-produto1 {height:563px;
background:url(images/top-corretor.jpg) center top no-repeat;}

#top-produto2 {height:563px;
background:url(images/top-pet.jpg) center top no-repeat;}

#top-produto3 {height:563px;
background:url(images/top-corretor.png) center top no-repeat;}

#top-produto4 {height:563px;
background:url(images/top-corretor.png) center top no-repeat;}

#top-produto5 {height:563px;
background:url(images/top-idvisual.jpg) center top no-repeat;}

.headline-produto {
padding-top:200px;
margin:auto;
width:600px;
color:#fff;}

.headline-produto h1 {color:#fff;
font-weight:900;
padding:20px;
border:1px #fff solid; 
font-size:70px;
text-align:center;}

.feature-item h2 {margin:60px 0px 30px 0px;
font-weight:200;
color:#96a6a6;
font-size:40px;}

.feature-item p {font-family: 'Montserrat', sans-serif;
font-size:14px;
color:#bec3c7;}

.modelo-link h3 {text-align:center;
margin-bottom:30px;}

.modelo-link h3 a {border:1px solid #333;
padding:20px;
color:#333;
font-weight:200;
font-size:35px;}

.modelo-link h3 a:hover {border:none;
text-decoration:none;}

@media (max-width: 768px) {

#feature2-home {background:#fff;}
	
	#home-separator {background:url(images/home2.jpg) center top no-repeat;
height:720px;}
	
	#home-separator h1 {color:#FFF;
	margin-top:70px;
line-height:50px;
font-size:50px;
font-weight:900;
margin-bottom:30px;
text-align:center;}

#home-separator p {color:#FFF;
font-size:14px;
font-weight:400;}

#corretor p {text-align:center;
margin-right:none;}

.img-pet {margin:none;
margin-left:-10px;
}

.img-cor {margin:none;
float:none;
margin-left:-10px;
}

#pet h1 {margin-left:none;}

#corretor h1 {
	float:none;
margin-right:none;}

#pet p {margin-left:none;
text-align:center;}

.headline-sobre {
padding-top:210px;
margin:auto;
color:#fff;}

.headline-sobre h1 {font-weight:900;
font-size:30px;
padding:20px;
width:100%;
margin:auto;
text-align:center;
border:1px solid #FFF;}
	
	.compre-top {margin-bottom:15px;
	margin-top:50px;}
	.compre-top a {float:none;}
	.play a {float:none;}
	
	#conectado {background:#f5f4f0;
	height:600px;
}

#conectado h1 {font-size:40px;
font-weight:900;
line-height:37px;
color:#9a9a9a;
margin-bottom:40px;}

#responsivo h1 {margin-top:20px;}
.iphone {display:none;}

#form-txt {display:none;}

#conecte-seu-negocio h3 a{border:2px solid #31cc71;
font-size:14px;
font-weight:900;
padding:15px 20px 15px 20px;
color:#fff;
text-align:center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background:#00c8d7;
}

.links-footer {display:none;}
.social-footer {display:none;}
footer h3 {display:none;}
	
	}
	
	
