/*


    Template Name   : Capture
    Template Author : pixelhint.com
    Author Email    : contact@pixelhint.com
    License         : pixelhint.com/license
    
    
    *****************************************
    
    
    - Header
    - Hero section
    - Featured on seaction
    - fonte section
    - App features section
    - Testimonials section
    - Subscription section
    - Footer
    - Responsive CSS
    

*/

@font-face {
    font-family: 'abencoada';
    src: url('../fonts/abencoada-webfont.woff2') format('woff2'),
         url('../fonts/abencoada-webfont.woff') format('woff');
  }


/*		General CSS		*/
body{
	background: #f9f6f7;
	padding: 0px;
	margin: 0px;
}

a:focus{
	color: #fff!important;
	text-decoration: none!important;
}

.container{
	max-width: 1130px;
}




/*		Header 		*/

header{
	position: fixed;
	display: block;
	width: 100%;
	height: 100px;
	z-index: 99;
	padding: 0px;
	margin: 0px;
	background-color: #ffd731;
		-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
		-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	
}

hr {
border-top: 1px dashed #E14A42;
margin-top:10px;
margin-bottom: 10px;
width:100%;

}


header .topo {
	
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	
	}


header .logo{
width:325px;
	height:35px;
	float: left;
	margin-right: 20px;
	}


	header img{
	max-width:325px;
	margin-left: 100px;
	}
		
header .menu{
	width:100%;
	max-width: 700px;
	height:35px;
	padding:0px;
	float:right;
	padding-top: 5px;
	margin-right: 100px;
	 z-index: 10;
position: relative;

	
	}

header .menu .nav li{
	float: left;
	margin-left: 20px;
	text-align: right;
		}

header .menu .nav li:last-child{
	margin-right: 0px;
	}

header .menu .nav li a{
	color: #e14a42;
	font-family: "Merriweather Sans", serif;
	font-weight: 700;
	font-size: 1EM;
	padding: 0px;
		background-color: #ffd731;
}

header .menu .nav li a:active,
header .menu .nav li a:hover,
header .menu .nav li a:focus{
	text-decoration: none;
	color: rgba(225, 74, 68, 0.5)!important;
	background-color:transparent;
}




header .topo .menu .navresp{
		display: none;
	}


header .burger_icon{
	display: none;
	float: right;
	background-color: #E14A42;
	padding: 5px 10px;
	text-transform: uppercase;
	color: #ffd731;
	font-family: "Merriweather Sans", serif;
	font-weight: 400;
	font-size: 1em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 32px 10px 0 0;
}

header .burger_icon:hover{
	cursor: pointer;
}

header .burger_icon.active{
	background: #e14a42;
	color: #ffd731;
}

/*		Hero section 		*/

.hero{
	display: block;
	position: relative;
	width: 100%;
	background-color: #000;
	height: 700px;
	background-image: url('../img/hero.jpg');
	background-repeat:no-repeat;
	background-position: center center center center;
	background-attachment:fixed;
	
}


.herocontainer{
	display: block;
	position: relative;
	width: 100%;
	background-color: #000;
	height: 700px;
	background: rgba(0,0,0,0.5);
	
	
	
	
}









/* Banner */

	


		#banner .inner {
			
			max-width: 767px	;
			color: #525151;
			height: 250px;
			bottom: 50%;
			padding: 3em;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			border-radius: 20px;
			position: absolute;
			top: 0; bottom: 0;
			left: 0; right: 0;
			margin: auto;
						
		}

			
				#banner .inner h2 {
					opacity: 1;
					display: inline-block;
					font-size: 6.5em;
					letter-spacing: 0.10em;
					margin: 0 0 0.5em 0;
					padding: 3px 0 3px 0;
					padding-left: 0.05em;
					position: relative;
					text-transform: uppercase;
					font-family: 'abencoada';
					color:#fff; 
				}

			#banner .inner p {
				max-width: 400px;
				letter-spacing: 0.2em;
				word-spacing: 0.2em;
				margin: 0;
				text-transform: uppercase;
				font-family: 'Lato', sans-serif;
				font-size: 1.5em;
				font-weight: 300;
				color: #fff;
			}

			
			
			
			
		

			
			













	


/*		fonte section 		*/

.fonte{
	padding: 80px 0 20px 0;
	width:100%;
	
}
	
.fonte img{
	width: 100%;
	max-width: 690px;
		margin: 0px 15px 15px 0px;
}

.fonte .features_list{
	width: 100%;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;

}

.fonte .features_list h1{
	color: #525151;
	font-family: 'Abencoada', sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 42px;
	margin: 0 0 20px 0;
	word-break: break-word;
	letter-spacing:0.15em;
	color:#525151; text-shadow:#f6d160 1.5px -1.5px, #f6d160 -1.5px 1.5px, #f6d160 1.5px 1.5px, #f6d160 -1.5px -1.5px;
}

.fonte .features_list p{
	color: #525151;
	font-family: 'lato', sans-serif;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 28px;
}

.fonte .features_list ul{
	margin-bottom: 30px;
}

.fonte .features_list ul li{
	display: block;
	position: relative;
	color: #6c6c6c;
	font-family: 'lato', sans-serif;
	font-size: 16px;
	line-height: 44px;
	text-indent: 25px;

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

.fonte .features_list ul li.camera_icon{	
	background: url('../img/icon1.png') no-repeat;
	background-position: 0 15px; 
}

.fonte .features_list ul li.video_icon{	
	background: url('../img/icon2.png') no-repeat;
	background-position: 0 15px; 
}

.fonte .features_list ul li.eye_icon{	
	background: url('../img/icon3.png') no-repeat;
	background-position: 0 14px; 
}

.fonte .features_list ul li.pic_icon{	
	background: url('../img/icon4.png') no-repeat;
	background-position: 0 14px; 
}

.fonte .features_list ul li.loc_icon{	
	background: url('../img/icon5.png') no-repeat;
	background-position: 3px 13px; 
}

.fonte .features_list ul li span{
	display: inline-block;
}








/*		fonte section 		*/

.fonte{
	padding: 80px 0 20px 0;
	width:100%;
	
}
	
.fonte img{
	width: 100%;
	max-width: 690px;
		margin: 0px 15px 15px 0px;
}

.fonte .features_list{
	width: 100%;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;

}

.fonte .features_list h1{
	color: #525151;
	font-family: 'Abencoada', sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 42px;
	margin: 0 0 20px 0;
	word-break: break-word;
	letter-spacing:0.15em;
	color:#525151; text-shadow:#f6d160 1.5px -1.5px, #f6d160 -1.5px 1.5px, #f6d160 1.5px 1.5px, #f6d160 -1.5px -1.5px;
}

.fonte .features_list p{
	color: #525151;
	font-family: 'lato', sans-serif;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 28px;
}

.fonte .features_list ul{
	margin-bottom: 30px;
}

.fonte .features_list ul li{
	display: block;
	position: relative;
	color: #6c6c6c;
	font-family: 'lato', sans-serif;
	font-size: 16px;
	line-height: 44px;
	text-indent: 25px;

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

.fonte .features_list ul li.camera_icon{	
	background: url('../img/icon1.png') no-repeat;
	background-position: 0 15px; 
}

.processo .processo_list ul li.video_icon{	
	background: url('../img/icon2.png') no-repeat;
	background-position: 0 15px; 
}

.processo .processo_list ul li.eye_icon{	
	background: url('../img/icon3.png') no-repeat;
	background-position: 0 14px; 
}

.processo .processo_list ul li.pic_icon{	
	background: url('../img/icon4.png') no-repeat;
	background-position: 0 14px; 
}

.processo .processo_list ul li.loc_icon{	
	background: url('../img/icon5.png') no-repeat;
	background-position: 3px 13px; 
}

.processo .processo_list ul li span{
	display: inline-block;
}






/*		Responsive CSS 		*/

@media (max-width: 360px) {
	.featured_on li{
		display: block;
		width: 100%;
	}
	
}




@media (max-width: 768px) {


	/*		Header 		*/
	header{
	position: absolute;
	width: 100%;
	height: 80px;
	z-index: 99;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	
}
	

	header .burger_icon{
	display: block;
	position: relative;
	top: -40px;
	margin-right: 20px;
	}
	
	header .topo .logo{
		max-width:100%;
		position: relative;
		top: -6px;
		left: 10px;
		
		}
		
	header .topo .logo img{
		width:100%;
		margin-left: 20px;
		
		}
	
	header .topo .menu .nav{

		display: none;
		}
	
	header .topo .menu .nav{
		width: 100%;
		float: none;
		background-color: #ffd731;
		position: absolute;
		top:70px;
		left: 0;
		display: none;
		
		}

	header .topo .menu .nav .show{
		display: block;
		
		
	}


	header .topo .menu .nav li{
		display: block;
		width: 100%;
		margin: 0px;
		text-align: center;
		position: relative;
		top: 0px;
				}

	header .topo .menu .nav li a{
		display: block;
		width: 100%;	
		padding: 10px 0;
		border-bottom: 1px solid #f9f6f7;
		
	}

	header .topo .menu .nav li:first-child a{
		border-top: 1px solid #f9f6f7;
		margin: 0px;
				
	}

	

	












/* Ajustes para telas menores */
@media (max-width: 480px) {
	
	header{
	position: fixed;
	}
	
    header .logo {
        width: 260px; /* Reduz o tamanho da logo */
		top: 0;
    }

    header .menu .nav li a {
        font-size: 16px; /* Reduz o tamanho da fonte */
    }
}
		

 
 





/*		App features 		*/

.abencoada{
	width: 100%;
	padding: 80px 0 20px 0;
	background-color: #99cffa ;

}




.abencoada .abencoada_list{
	width:100%;
	margin: 0 auto;
	max-width:750px;
	background-color: #ff00ff;
}

.abencoada .abencoada_list {
	border: 0;
	padding: 0;
	margin: 0;
		max-width:750px;
	color: #757171;
	font-family: 'lato', sans-serif;
	font-size: 18px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	line-height: 36px;
	
}

.abencoada .abencoada_list  p {
color: #525151;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 28px;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ff00ff;

}
	

.abencoada .abencoada_list blockquote footer:before,
.abencoada .abencoada_list blockquote footer:after{
	content: none;
}



.abencoada .abencoada_list blockquote .job{
	color: #f9f6f7;
	font-family: 'lato', serif;
	font-size: 16px;
	margin-bottom: 25px;
	line-height: 28px;
	width: 550px;
	text-align:center;
}

.abencoada  h1{
		color: #525151;
	font-family: 'Abencoada', sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 42px;
	margin: 0 0 20px 0;
	word-break: break-word;
	letter-spacing:0.1em;
	color:#fff; text-shadow:#0f624e 2px -2px, #0f624e -2px 2px, #0f624e 2px 2px, #0f624e -2px -2px;
}


.abencoada  a:link {
	text-decoration: none;
	font-size: 20pt;
	color: #525151;
	font-family: 'lato', sans-serif;
	font-size: 16px;
	}



.abencoada  a:visited {
	text-decoration: none;
	font-size: 20pt;
	color: #525151;
	font-family: 'lato', sans-serif;
	font-size: 16px;
	}
}

.abencoada  a:hover {
	text-decoration: underline;
	font-size: 20pt;
	color: #525151;
	font-family: 'lato', sans-serif;
	font-size: 16px;
}





/*		Testimonials section 		*/

.testimonials{
	width: 100%;
	background: #F6D160;
	padding: 80px 0 60px 0;
	
	
}


.testimonials .testimonials_list{
	max-width: 750px;
	margin: 0 auto;
	
}

.testimonials .testimonials_list blockquote{
	border: 0;
	padding: 0;
	margin: 0;
}

.testimonials .testimonials_list blockquote p{
	color: #525151;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
	
	width: 100%;
}

.testimonials  h1{
	color: #525151;
	font-family: 'Abencoada', sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 42px;
	margin: 0 0 20px 0;
	word-break: break-word;
	letter-spacing:0.1em;
	color:#f0624e; text-shadow:#fff 1.5px -1.5px, #fff -1.5px 1.5px, #fff 1.5px 1.5px, #fff -1.5px -1.5px;
	
}

.testimonials a:link {

	color:#f0624e; 
	text-decoration: none;
	
}



.testimonials a:visited {

	color:#f0624e; 
	text-decoration: none;
}

.testimonials a:hover {

	color:#f0624e; 
	text-decoration: underline;

}








/*		Outras 		*/

/*		Testimonials section 		*/

.outras{
	width: 100%;
	padding: 80px 0 45px 0;
	background-color: #83ab8b;


}

.outras .iphone img{
	width: 100%;
	height: auto;
	max-width: 404px;
}

.outras .outras_list{
	max-width: 750px;
	margin: 0 auto;
}

.outras .outras_list blockquote{
	border: 0;
	padding: 0;
	margin: 0;
}

.outras .outras_list blockquote p{
	color: #454545;
	font-family: 'lato', sans-serif;
	font-size: 16px;
	margin-bottom: 2px;
	line-height: 28px;
}

.outras  h1{
	color: #525151;
	font-family: 'Abencoada', sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 42px;
	margin: 0 0 20px 0;
	word-break: break-word;
	letter-spacing:0.1em;
	color:#f6d160; text-shadow:#456983 1.5px -1.5px, #456983 -1.5px 1.5px, #456983 1.5px 1.5px, #456983 -1.5px -1.5px;
}

.outras a:link {
	font-family: 'Abencoada', sans-serif;
	font-size: 40px;
	color:#fff;
	text-decoration: none;
	font-size: 20pt;
}



.outras a:visited {
	font-family: 'Abencoada', sans-serif;
	font-size: 40px;
	color:#fff;
	text-decoration: none;
}

.outras a:hover {
	font-family: 'Abencoada', sans-serif;
	font-size: 40px;
	color:#fff;
	text-decoration: none;
	font-size: 20pt;
}





/*		RODAPÉ 		*/

#footer{
	width: 100%;
	padding: 60px 0 20px 0;
	background-color: #E14A42;
	
	position: relative;
	
	
	height: 100%;
	font-family: "Merriweather Sans", serif;
    font-weight: 600;
    font-size: 0.8em;
    line-height: 1.8;
	color: #ffd731;

}

.patrocinio {
	width: 100%;
   margin-left:auto;
  margin-right:auto;
   margin-top: 20px;
  
}

.patrocinio p {
	width: 100%;
   margin-left:auto;
  margin-right:auto;
   margin-top: 20px;
   
}

.patrocinio img {
	margin: 5px 10px 20px 10px;
}


.social-icons {
  width: 247px;
  height:93px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(../../img/splash.png);
  background-repeat:no-repeat;
  padding-top:20px;
}


.social-icons > a {

  color: #ffffff;
}
.social-icons > a i {
  font-size: 26px;
}
.fh5co-social-icons > a:hover, .fh5co-social-icons > a:focus, .fh5co-social-icons > a:active {
  text-decoration: none;
  color: #5a5a5a;
}

#footer p a {
  color: rgba(255, 255, 255, 0.5);
}
#footer p a:hover, #footer p a:active, #footer p a:focus {
  color: rgba(255, 255, 255, 0.9) !important;
}







/*		Responsive CSS 		*/

@media (max-width: 767px) {

.hero{
	display: block;
	position: relative;
	width: 100%;
	max-width: 767px;
	background-color: #000;
	height: 400px;
	background-image: url('../img/hero.jpg');
	background-repeat:no-repeat;
	background-position: center center center center;
	background-attachment:fixed;
	
}


.herocontainer{
	display: block;
	position: relative;
	width: 100%;
	background-color: #000;
	height: 400px;
	background: rgba(0,0,0,0.5);
	
}
	

	
	.hero_resp .caption{
		margin-left: 0;
	}

	



.container {
	max-width: 95%;
}

#banner .inner {
			
			width: 100%	;
			color: #525151;
			height: 250px;
			bottom: 50%;
			padding: 3em;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			border-radius: 20px;
			position: absolute;
			top: 0; bottom: 0;
			left: 0; right: 0;
			margin: auto;
						
		}

		#banner .inner h2 {
					letter-spacing: 0.10em;
					font-size: 12vw;
					margin: 0 0 0.5em 0;
					padding: 3px 0 3px 0;
					padding-left: 0.05em;
					position: relative;
					text-transform: uppercase;
					font-family: 'abencoada';
					color:#fff; 
				}

			#banner .inner p {
				letter-spacing: 0.2em;
				word-spacing: 0.2em;
				margin: 0;
				text-transform: uppercase;
				font-family: 'Lato', sans-serif;
				font-size: 4vw;
				font-weight: 300;
				
				color: #fff;
			}

		
 .footer  .btformulario{
    color: #f9f6f7;
	font-family: 'abencoada', sans-serif;
	font-weight:400;
	font-size: 4vw;
    line-height: 0px;
	background-color: #525151;
	border: 0px;
	width:120px;
	height: 40px;
	margin: 10px;
	



 }

		}