*{margin:0;padding:0;-webkit-text-size-adjust:none}

html,body{height:100%}
img{border:none}
@media (min-width:320px){ 
	body{font-family:source-sans-pro, Helvetica, Arial, sans-serif, sans-serif;font-size:15px;margin-top:90px}
}
@media (min-width:631px){ 
	body{font-family:source-sans-pro, Helvetica, Arial, sans-serif, sans-serif;font-size:16px;margin-top:90px}
}
h1{font-size:2rem;font-weight:500;letter-spacing:-.010em;text-align:left;margin-left: 5%;margin-right: 5%;}
@media (min-width:636px){ 
	h1,h2,h4,h5,h6{font-size:3rem;font-weight:300;text-align:left;margin-left: 10%;margin-right: 5%;}
}

@media (min-width:320px){ 
	h2{font-size:1.3em}
}
@media (min-width:636px){
	h2{font-size:1.8em; margin-bottom:10px}
	@media (min-height:650px){ 
		h2{font-size:2em; margin-bottom:10px}
	}
}
h4{font-size:1.8em;font-weight:200}
p{margin:0.5em 0 1.2em;font-weight:300;line-height:1.3em;color:#555}

a{color:#02736b;text-decoration:underline}
a:hover{color:#00a99d; text-decoration: underline;}

hr{clear:both;border:none;border-top:1px solid #eee;margin:0 auto;width:80%;max-width:1200px}
li{list-style-type: disc;font-size: 16px;line-height: 20px;color: #555 !important;margin-bottom: 5px;margin-right: 15%;margin-left: 15%; padding-top: 5px;}
h3{margin: 0.5em 0 0em;margin-left: 15%; margin-right: 5%; font: 700 20px Lato, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; color: #6b5840; font-weight: 300 !important; letter-spacing: 0.5px !important;}
blockquote{
	font-style: italic;
	padding-left: 16px;
	border-left: 3px solid #b3b3b3;
    margin: 0;
    margin-right: 15%;
    margin-left: 18%;
    font-size: 17px;
    line-height: 24px;
	color: #555;
	text-align: justify;
}

@media (min-width:320px){ 
	form{padding-top:0px}
}

@media (min-width:636px){ 
	form{padding-top:0px}
}

form	.wrap{width:80%;max-width:1200px;margin:0 auto;position:relative}
		.saw:after{right:2%;left:auto;bottom:-60px;content:'';position:absolute;border-top:60px #fff solid;border-left:transparent 60px solid;border-right:transparent 60px solid;z-index:2}

section{position:relative}

.primary{background:linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);color:#3b4552;background-repeat:no-repeat;background-position:50% 10%}

#header{position:fixed;height:70px;background:#222f3f;left:0;right:0;top:0;z-index:99}
@media (min-width:631px){
	@media (min-height:600px){
		#header{position:fixed;height:90px;background:#222f3f;left:0;right:0;top:0;z-index:99}
	}
}
#header:after{content:'';position:absolute;left:0;bottom:-2px;right:0;border-bottom:2px solid rgba(0,0,0,0.1)}
#header .wrap{padding:28px 0 10px}
#header a{color:#fff;font-size:1.0em;-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-ms-transition:color 0.2s linear;-o-transition:color 0.2s linear;transition:color 0.2s linear}
#header .logo{float:left;line-height:36px}

#header .logo img{float:left;margin-top:-12px;margin-left:-10px;width:151px;height:42px}
@media (min-width:631px){
	@media (min-height:600px){
		#header .logo img{float:left;margin-top:-8px;margin-left:-10px;width:215px;height:60px}
	}
}

#header .logo .header{letter-spacing:-.05em;font-size:2em;font-weight:300}
#header nav{float:right}
#header nav a{margin-left:40px;font-weight:400;font-size:0.8em; text-decoration:none;}
#header nav a.selected{border-bottom:3px solid #02b3a9}
#header nav .bt{color:#fff;-webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;-ms-transition:background-color 0.2s linear;-o-transition:background-color 0.2s linear;transition:background-color 0.2s linear}


footer{clear:both;min-height:100px;border-top:1px solid #eee; background-color: #f9f9ff;}
footer .wrap{padding:40px 0;font-size:0.8em;color:#777}

footer nav{text-align:center}
footer nav a{	
				width:48px;
				height:48px;
				display:inline-block;
				background-repeat: no-repeat;
				margin:0 40px;

			}

footer nav a.twitter-logo{background-image:url("../imagens/logo-twitter.png")}
footer nav a.linkedin-logo{background-image:url("../imagens/logo-linkedin.png")}
footer nav a.pinterest-logo{background-image:url("../imagens/logo-pinterest.png")}
footer nav a.instagram-logo{background-image:url("../imagens/logo-instagram.png")}
footer nav a.facebook-logo{background-image:url("../imagens/logo-facebook.png")}

footer nav a:hover.twitter-logo{background-image:url("../imagens/logo-twitter_hover.png")}
footer nav a:hover.linkedin-logo{background-image:url("../imagens/logo-linkedin-hover.png")}
footer nav a:hover.pinterest-logo{background-image:url("../imagens/logo-pinterest-hover.png")}
footer nav a:hover.instagram-logo{background-image:url("../imagens/logo-instagram_hover.png")}
footer nav a:hover.facebook-logo{background-image:url("../imagens/logo-facebook_hover.png")}


#hero{background-repeat:no-repeat;background-position:40% 50%}

@media (min-width:320px){
	#hero{margin-top: 120px;}
}

@media (min-width:631px){
	#hero{margin-top: 90px;}
}

@media (min-width:1025px) { 
	#hero{margin-top: 0px;}
}


#hero section{padding:160px 0 40px}
#hero .wrap img.insert{top:50px}#get-snap{padding:40px 0;background:url(../images/background_2.svg) no-repeat -650px 0}
@media all and (max-width: 1150px){.wrap{width:90%}section .wrap{width:59%;padding-right:31%}section .wrap .insert.large{right:-5.5%}section .wrap.reverse{padding-right:0;padding-left:31%}section .wrap.reverse .insert.large{left:-6%}
#header .logo .header{font-size:1.6em}
#header nav a{font-size:0.8em;margin-left:11px}
}

@media all and (max-width: 1000px){
	.wrap,section .wrap.full{
		width:95%
	}
	section .wrap{
		width:57%;
		padding-right:38%
	}
	section .wrap .insert.large{
		right:-2%
		}
	section .wrap.reverse{
		padding-right:0;padding-left:38%
	}section .wrap.reverse .insert.large{
		left:-2%
	}
	footer nav a{
		margin:0 30px;width:48px;height:48px
	}
}

#header nav a{
	float:none;font-size:0.7em
}

@media all and (min-width: 370px){
	#header nav a{
		float:none;font-size:0.8em
	}
}

@media all and (min-width: 500px){
	#header nav a{margin-left:40px;font-weight:400;font-size:0.8em}
}

#header .logo{
	float:left;display:inline-block;margin-left: 20px;margin-top:-6px;height:45px
}

@media (max-width: 600px){
	@media (min-height: 600px){
		#header .logo{
			margin-top:0px;
		}
	}
}

@media (min-width: 600px){
	#header .logo{
		float:none;display:inline-block;margin-top:-6px;height:45px
	}
}
	
@media all and (max-width: 750px){
	body{
		margin-top:0
	}
	#header{
		position:fixed;height:auto;padding-bottom:10px;text-align:center
	}
	#header nav{
		clear:both;display:block;float:none;padding-top:10px;margin-top:-8px;border-top:1px solid #eee
	}
	
	#header nav a:first-child{
		margin-left:0
	}
	h4{
		font-size:1.5em;font-weight:300
	}
	#hero,.primary{
		background-size:1600px 400px;background-position:-500px 0
	}
	.primary{
		background-position:-500px -50px
	}
}

@media all and (max-width: 480px){
	#hero,.primary{background-size:1200px 300px;background-position:-340px 0}
	.primary{background-position:-340px -50px
}

footer nav a{margin:0 16px;width:50px;height:50px}}

.subTituloPaginaInicial{
    font-size: 1.3em;
    font-weight: 300;
    letter-spacing: -.05em;
	margin: 0;
    padding: 0;
	font-family: source-sans-pro, Helvetica, Arial, sans-serif, sans-serif;
	color:#777;
}

@media (min-width: 600px){
	.subTituloPaginaInicial{
		font-size: 1.6em;
	}
}
	
	
.descricaoTelaInicial{
    font-size: 1.5em;
    font-weight: 300;
    display: block;
	letter-spacing: 0px;
	text-align: left;
	font-family: 'Cabin', sans-serif;	
}

@media (min-width: 636px){
	.descricaoTelaInicial{
		font-weight: 200;
		text-align: center;
	}
}


@media (min-width:320px){ 
	.botaoCriarPaginaInicial{
		float:left; 
		padding-left: 22px;
		padding-top: 7px;
		font-size: 13px;
		vertical-align: middle;
		color: #fff;
	}
	.botaoCriar{
		background-color:#009189;
		border-bottom-color:#00645e;
		border-bottom-left-radius:3px;
		border-bottom-right-radius:3px;
		border-bottom-style:solid;
		border-bottom-width:2px;
		border-image-outset:0px;
		border-image-repeat:stretch;
		border-image-slice:100%;
		border-image-source:none;
		border-image-width:1;
		border-left-color:#009189;
		border-left-style:solid;
		border-left-width:2px;
		border-right-color:#009189;
		border-right-style:solid;
		border-right-width:2px;
		border-top-color:#009189;
		border-top-left-radius:3px;
		border-top-right-radius:3px;
		border-top-style:solid;
		border-top-width:2px;
		color:#fff;
		cursor:pointer;
		font-family: source-sans-pro, Helvetica, Arial, sans-serif, sans-serif;	
		font-size:19px;
		font-style:normal;
		font-weight:600;
		height:45px;
		line-height:30px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		margin-top:20px;
		max-width:610px;
		outline-color:rgb(43, 85, 74);
		outline-style:none;
		outline-width:0px;
		overflow-x:hidden;
		overflow-y:hidden;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		transition-delay:0s;
		transition-duration:0.1s;
		transition-property:background-color;
		transition-timing-function:ease-out;
		text-align: center;
		vertical-align:baseline;
		width:230px;
		zoom:1;
	}
	
	.botaoCriar:hover{
		height:41px;
		border-bottom-width:6px;
	}
}


@media (min-width:636px){ 

	.botaoCriarPaginaInicial{
		float:left; 
		padding-left: 20px;
		vertical-align: middle;
		font-size: 13px;
		color: #fff;
	}
	
	.botaoCriar{
		background-color:#009189;
		border-bottom-color:#00645e;
		border-bottom-left-radius:3px;
		border-bottom-right-radius:3px;
		border-bottom-style:solid;
		border-bottom-width:2px;
		border-image-outset:0px;
		border-image-repeat:stretch;
		border-image-slice:100%;
		border-image-source:none;
		border-image-width:1;
		border-left-color:#009189;
		border-left-style:solid;
		border-left-width:2px;
		border-right-color:#009189;
		border-right-style:solid;
		border-right-width:2px;
		border-top-color:#009189;
		border-top-left-radius:3px;
		border-top-right-radius:3px;
		border-top-style:solid;
		border-top-width:2px;
		color:#fff;
		cursor:pointer;
		font-family: source-sans-pro, Helvetica, Arial, sans-serif, sans-serif;	
		font-size:19px;
		font-style:normal;
		font-weight:700;
		height:45px;
		line-height:30px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		margin-top:20px;
		max-width:610px;
		outline-color:rgb(43, 85, 74);
		outline-style:none;
		outline-width:0px;
		overflow-x:hidden;
		overflow-y:hidden;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		transition-delay:0s;
		transition-duration:0.1s;
		transition-property:background-color;
		transition-timing-function:ease-out;
		text-align: center;
		vertical-align:baseline;
		width:250px;
		zoom:1;
	}	

	.botaoCriar:hover{
		height:41px;
		border-bottom-width:6px;
	}
}

.hideMe{
	display:none;
	visibility: hidden;
}

@media (min-width:320px){ 
	.rwd-break-big-screen{
		display: none;
	}
	.rwd-break-min650Height-screen{
		display: none;
	}
	
	.rwd-break-small-screen{
		display: block;
	}	

	.rwd-break-600height{
		display: none;
	}

	.imgTodosCartoes{
		width: 350px;
		height: auto;
	}		

	@media (min-height:600px){ 
		.rwd-break-600height{
			display: block;
		}		
	}	
}

@media (min-width:631px){ 
	.rwd-break-big-screen{
		display: block;
	}

	@media (min-height:650px){ 
		.rwd-break-min650Height-screen{
			display: block;
		}	
	}
	
	.rwd-break-small-screen{
		display: none;
	}		
	
	.rwd-break-600height{
		display: none;
	}	

	.imgTodosCartoes{
		width: 400px;
		height: auto;
	}
}


@media (min-width:750px){ 
	.rwd-break {
		display: none;
	}
}


/*Scrolbar */
/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgb(77, 80, 98);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #00b3a9; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #009189; 
}

.perguntaCurtiu{
	max-width: 200px;
	background: transparent;
	width: 100%;
	position: fixed;
	right: 20px;
	height: auto;
	z-index: 777777777;
	border: 0px;
	border-radius: 0px;
	float: none;
	letter-spacing: normal;
	outline: none;
	text-decoration: none;
	text-indent: 0px;
	text-shadow: none;
	text-transform: none;
	visibility: visible;
	line-height: 1;
	font-family: helvetica, arial, san-serif;
	box-shadow: none;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
	display: block;
	bottom: -400px;
	transition: bottom 0.8s ease 0s;
}
.fecharPerguntaCurtiu{
	top:-15px;
	right:-15px;
	bottom:auto;
	left:auto;
	position: absolute !important;
	cursor: pointer !important;
	z-index: 999 !important;
	border: none !important;
	background-color: #fff !important;
	padding-top: 3px !important;
	padding-right: 3px !important;
	padding-bottom: 3px !important;
	padding-left: 3px !important;
	margin-top: 3px !important;
	margin-right: 4px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	fill: #222 !important;
	border-radius: 100% !important;
	box-shadow: 0px 0px 0px 1px #dddddd !important;
	min-width: auto !important;
}
.layer1PerguntaCurtiu{
	background:#009088;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-color:#dddddd;
	border-style:none;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	box-shadow: 0px 10px 10px 0px #222222;
	position:relative;
	z-index:2;
}
.conteudoPerguntaCurtiu{
	display:block;
	position:relative;
	min-height:20px;
	clear:both;
	padding-top:6%;
	padding-right:3%;
	padding-left:3%;
	padding-bottom:6%;
	background:none;
}
.textoFoiUtil{
	color: rgb(255,255,255);
	font-size: 23px;
	font-family: source-sans-pro, Helvetica, Arial, sans-serif, sans-serif;
	line-height: 26px;
	font-weight:600;
}
.conteudoFoiUtil1{
	display:flex;
	width:100%;
	flex-direction:inherit;
	align-items:flex-start;
	background:transparent;
	border-style:solid;
	border-width:0px;
	border-color:#000000;
	border-top-left-radius:0%;
	border-top-right-radius:0%;
	border-bottom-right-radius:0%;
	border-bottom-left-radius:0%;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	box-shadow:0px 0px 0px 0px #ffffff;
	max-width:100%;
}
.colunaConteudoCurtiu{
	align-items:flex-start;
	background:transparent;
	border-style:solid;
	border-width:0px;
	border-color:#000000;
	border-top-left-radius:0%;
	border-top-right-radius:0%;
	border-bottom-right-radius:0%;
	border-bottom-left-radius:0%;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	box-shadow:0px 0px 0px 0px #ffffff;
	max-width:100%;
	height:100%;
}
.colunaWrapperCurtiu{
	background-color:transparent;
	border-style:solid;
	border-width:0px;
	border-color:#000000;
	border-top-left-radius:0%;
	border-top-right-radius:0%;
	border-bottom-right-radius:0%;
	border-bottom-left-radius:0%;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	box-shadow:0px 0px 0px 0px #ffffff;
	width:auto;
	max-width:100%;
}
.colunaConteudoCurtiu2{
	overflow-wrap:break-word;
	text-align:left;
	font-family:Montserrat;
	color:#000000;
	font-size:16px;
	margin-top: 10px;
	font-weight:700;
	line-height:0.8;
	letter-spacing:0;
	text-transform:none;
	text-decoration:none;
}
.elementContentCurtiu1{
	background-color:transparent;
	border-style:solid;
	border-width:0px;
	border-color:#000000;
	border-top-left-radius:0%;
	border-top-right-radius:0%;
	border-bottom-right-radius:0%;
	border-bottom-left-radius:0%;
	padding-top:0px;
	padding-right: 10px;
	padding-bottom:0px;
	padding-left: 10px;
	margin-top:23px;
	margin-right:0px;
	margin-bottom:20px;
	margin-left:0px;
	box-shadow:0px 0px 0px 0px #ffffff;
	width:auto;
	max-width:100%;
}
.elementContentCurtiu2{
	overflow-wrap:break-word;
	text-align:left;
	font-family:Montserrat;
	color:#000000;
	font-size:16px;
	font-weight:400;
	line-height:1.2;
	letter-spacing:0;
	text-transform:none;
	text-decoration:none;
}
.textoCurtaNossaPagina{
	color: rgb(255,255,255);
	font-size: 16px;
	font-family: source-sans-pro, Helvetica, Arial, sans-serif, sans-serif;
	font-weight:400;
}
.divElementContent1{
	background:transparent;
	border-style:solid;
	border-width:0px;
	border-color:#000000;
	border-top-left-radius:0%;
	border-top-right-radius:0%;
	border-bottom-right-radius:0%;
	border-bottom-left-radius:0%;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	box-shadow:0px 0px 0px 0px #ffffff;
	width:auto;
	max-width:100%;
	position:relative;
}
.botaoCurtirArtigo{
	background: #0bc0b6 !important;
	border-bottom-left-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
	border-bottom-width: 0px !important;
	border-color: rgba(0,0,0,.35) !important;
	border-left-width: 0px !important;
	border-right-width: 0px !important;
	border-style: none !important;
	border-top-left-radius: 3px !important;
	border-top-right-radius: 3px !important;
	border-top-width: 0px !important;
	box-shadow: 0px 0px 0px 0px #ffffff !important;
	color: #222 !important;
	font-family: Source Sans Pro !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	-webkit-letter-spacing: 0 !important;
	-moz-letter-spacing: 0 !important;
	-ms-letter-spacing: 0 !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 0px !important;
	max-width: 100% !important;
	padding-bottom: 8px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	padding-top: 8px !important;
	text-transform: uppercase !important;
	-webkit-text-decoration: none !important;
	text-decoration: none !important;
	font-style: initial !important;
	width: 100% !important;
	cursor: default;	
}

.subTitulo{
	font-size: 20px !important;
	text-align: center !important;
	line-height: 22px;
}

@media (min-width:631px){ 
	.subTitulo{
		font-size: 30px !important;
		text-align: center !important;
		line-height: 32px;
	}
}

.imagemDireitaGrande{
	width: 90%;
	height: auto;
	margin-top: 50px;
	margin-left: 50px;
}

.imagemEsquerdaGrande{
	width: 90%;
	height: auto;
	margin-top: 50px;
	margin-right: 50px;
}

@media (min-width:631px){ 
	.imagemDireitaGrande{
		width: 550px;
		margin-top: 50px;
		margin-left: 50px;
	}

	.imagemEsquerdaGrande{
		width: 550px;
		margin-top: 50px;
		margin-right: 50px;
	}
}