*{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}
}

@media (min-width:320px){ 
	h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:300}
}
@media (min-width:636px){ 
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:300}
}

h1{font-size:4.0em;font-weight:500;letter-spacing:-.0em}

@media (min-width:320px){ 
	h2{font-size:1.3em}
}
@media (min-width:636px){ 
	h2{font-size:2.2em}
}


@media (min-width:320px){ 
	h3{font-size:14px}
}
@media (min-width:636px){ 
	h3{font-size:1.4em}
}

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:#00a99d;text-decoration:none}
a:hover{color:#00a99d}

hr{clear:both;border:none;border-top:1px solid #eee;margin:0 auto;width:80%;max-width:1200px}


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

}

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


form 	.control-group{margin-bottom:1em}
		.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:#fff;background-repeat:no-repeat;background-position:50% 10%}

.paragrafoArtigo{
	margin:0; 
	margin-right: 5%; 
	margin-left: 5%; 
	font-size: 18px; 
	line-height: 24px;
	display: inline-block;
	text-align: justify;
} 

@media (min-width:631px){
	.paragrafoArtigo{
		display: block;
		margin:0; 
		margin-right: 5%; 
		margin-left: 5%; 
		font-size: 17px; 
		line-height: 26px;
	} 
}


.paragrafoDentroArtigo{
	margin:0; 
	margin: 0.5em 0 0em;
	margin-right: 5%; 
	margin-left: 5%; 
	font-size: 18px; 
	line-height: 24px;
	display: inline-block;
	text-align: justify;
} 

@media (min-width:631px){
	.paragrafoDentroArtigo{
		display: block;
		margin:0; 
		margin: 0.5em 0 0em;
		margin-right: 5%; 
		margin-left: 5%; 
		font-size: 17px; 
		line-height: 26px;
	} 
}



.imagemArtigo{
    display: inline-block;
    margin-right: 15%;
    margin-left: 5%;
    float: left;
    margin-bottom: 40px;
    width: 90%;
	height: auto;
	
}
@media (min-width:631px){
	.imagemArtigo{
		display:  inline-block;
		margin-right: 60px;
		float:  left;
		margin-bottom: 20px;
		width: 400px;
		height: auto;
		max-width: 95%; 
		margin-left:3%;  
	}
}


.espacamentoSubTituloArtigo{
    font-weight: 300 !important;
    letter-spacing: 0.5px !important;
    margin-top: 2rem;
    margin-bottom: .5em;
	--baseline-multiplier: 0.157;
	--x-height-multiplier: 0.363;
	font-family: Lato, "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
	font-size: 32px !important;
	font-style: normal;
	letter-spacing: -0.022em;
	line-height: 1.22 !important;
	margin-left: 5%;
	margin-right: 5%;
	font: 700 26px Lato, "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
	color: #6b5840;
}
@media (min-width:631px){
	.espacamentoSubTituloArtigo{
		margin-right: 5%; 
		margin-left: 15%; 
	}
	.imagemArtigo{
		margin-left:0%;  
	}
}

#header{position:fixed;height:90px;background:#fff;background:rgba(255,255,255,0.9);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:#25382f;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: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}
#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.google-plus-logo{background-image:url("../imagens/logo-google-plus.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")}
footer nav a:hover.google-plus-logo{background-image:url("../imagens/logo-google-plus-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}#get-snap .wrap{z-index:2}#get-snap h2{margin-right:20px;display:inline-block}.demo{text-align:center}.demo aside{width:25%;float:left}.demo iframe{width:75%;min-height:300px;border:none;float:right}.demo nav{padding:0 0 30px}.demo nav h3{padding:2px 8px;font-size:0.9em;color:#fff;text-align:left;background:#9ea8af;border-bottom:1px solid #fff}.demo nav a{position:relative;color:#25382f;display:block;height:80px;line-height:80px;border-bottom:1px solid #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}.demo nav a:hover{background-color:#eee}.demo nav a img{background:#fff;float:left;width:80px;height:80px}.demo nav a.selected{text-indent:0;padding-right:8px;background-color:#ea7373;color:#fff}.demo nav a.ext:after{content:'';background:url("../images/icon-external.svg");background-size:cover;display:inline-block;width:18px;height:18px}.video-container{background:#333;color:#fff;padding:80px 5% 80px;text-align:center}.video-container p{color:#bbb}.video-container a{color:#ea7373}.youtube-video{display:inline-block;width:800px;height:520px}@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:20px}
}

@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.6em
}


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

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




@media all and (max-width: 750px){
	.mobile-hide{
		display:none
	}
	body{
		margin-top:0
	}
	#header{
		position:fixed;height:auto;padding-bottom:10px;text-align:center
	}
	#header .logo{
		float:none;display:inline-block;margin-top:-6px;height:60px
	}
	#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
	}
	#header nav .bt{
		display:none
	}
	section .wrap.reverse{
		padding-left:0
	}
	section .wrap .insert{
		position:relative;max-height:200px;max-width:none;display:none
	}
	section .wrap.short{
		padding-top:20px;padding-bottom:20px;min-height:0
	}
	h1{
		font-size:2.8em
	}
	h4{
		font-size:1.5em;font-weight:300
	}
	#hero,.primary{
		background-size:1600px 400px;background-position:-500px 0
	}
	.primary{
		background-position:-500px -50px
	}
	.saw:after,.primary .saw:after,.secondary .saw:after,.terciary .saw:after{
		border-width:22px;border-bottom-width:0;bottom:-22px
	}
}

@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}}