/*config*/
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700');

html,body{font-family: 'Archivo Narrow', sans-serif; height: 100%;}

a:hover{text-decoration: none;}
ul{margin: 0; padding: 0;}

.clear{
	width: 100%; 
	clear: both;
}

.clear10{
	width: 100%; 
	height: 10px; 
	clear: both;
}

.clear20{
	width: 100%; 
	height: 20px; 
	clear: both;
}

.clear30{
	width: 100%; 
	height: 30px; 
	clear: both;
}

.clear40{
	width: 100%; 
	height: 40px; 
	clear: both;
}

.clear50{
	width: 100%; 
	height: 50px; 
	clear: both;
}

.clear60{
	width: 100%; 
	height: 60px; 
	clear: both;
}

.clear70{
	width: 100%; 
	height: 70px; 
	clear: both;
}

.center{
	text-align: center;
}

table{
	width: 100% !important;
}

/*HEADER*/
#header{
	background: #74b44b;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 150px;
	z-index: 115;
}

	.segura-logo{
		padding:30px 0; 
		display:flex; 
		display: -webkit-flex; /* Garante compatibilidade com navegador Safari. */ 
		justify-content: center; 
		align-items: center;
		min-height: 100%;
		position: absolute;
		z-index: 100;
	}

		.border-right{
			border-right: 1px solid #82bc5d;
		}



			#header h2{
				font-size: 15px; 
				color: #ffffff; 
				font-weight: bold;
				margin-bottom: 0; 
				padding-bottom: 0;
				margin-top: -33px;
				position: relative;
				margin-left: 50px;
				font-family: 'Archivo Narrow', sans-serif;
			}

			#header h3{
				font-size: 15px; 
				color: #ffffff; 
				margin-bottom: 0; 
				padding-bottom: 0;
				margin-top: -33px;
				position: relative;
				margin-left: 50px;
				font-family: 'Archivo Narrow', sans-serif;
			}

				#header h5{
					margin-top: 5px;
					font-family: 'Archivo Narrow', sans-serif;
				}

					.menu-bar{
						padding: 10px; 
						border: solid 1px #eee; 
						float: right; 
						margin: 10px 0; 
						cursor: pointer;
					}

#slideshow{
	width: 100%; 
	height: auto; 
	float: left;}


/*contatos topo*/
.header-right{
	border-left: solid 1px #eee;
}

	.header-info{
		width: 100%; 
		border-bottom: solid 1px #eee; 
		font-size: 12px;
	}

		.header-info .info{
			border-left: solid 1px #eee; 
			padding:15px 0px 15px 40px; 
			color: #777;
		}

			.header-info .info:first-child{
				border-left:none;
			}

				.header-info .header-social{
					padding-top: 25px; 	
					padding-bottom:25px;
				}

					.header-info .header-social a{
						font-size: 16px;	
						margin-right: 10px;
					}

/*redes sociais*/
.header-info .header-social .fa-facebook{
	color: #3176bf;
}

	.header-info .header-social .fa-twitter{
		color: #4fd0ea;
	}

		.header-info .header-social .fa-youtube-play{
			color: #f24141;
		}

			.header-info .header-social .fa-instagram{
				color: #bf9437;
			}

#carousel li{
	padding: 40px;
	border:solid 1px #eee;
}

/*menu*/
.menu{
	list-style: none; padding: 0;
	margin: 0; 
	width: 100%; 
	float: left;
}

	.menu > li{
		float: left;
		position: relative;
	}

	.menu > li:hover{
		float: left;
		background: #cd252a;
		box-shadow: 10000px;
		color: #fff;

	}

	.menu > li:hover:before{
		display: block;
	}

	.menu li:before{
		content: '';
		width: 90%;
		height: 12px;
		border-top: solid 4px #cd252a;
		position: absolute;
		bottom: -8px;
		background: url("http://www.inxxxx.com/proxy.php?url=https%3A%2F%2Fwww.espacoativo.com.br%2Fcss%2F..%2Fimg%2Fbaixo.png") top center no-repeat;
		display: none;
		color: #fff;
	}

		.menu > li > a{
			padding: 29.7px 30px;
			float: left; 
			text-transform: uppercase; 
			color: #020202; 
			font-size: 14px; 
			border-right: solid 1px #eee; 
			font-weight: 800;
		}

		.menu > li > a:hover{
			padding: 29.7px 30px; 
			float: left; 
			text-transform: uppercase; 
			color: #fff; 
			font-size: 14px; 
			border-right: solid 1px #eee; 
			font-weight: 800;
		}

			.breadcrumbs{
				width: 100%; 
				height: auto; 
				padding: 80px 0 40px 0; 
				background: url("http://www.inxxxx.com/proxy.php?url=https%3A%2F%2Fwww.espacoativo.com.br%2Fcss%2F..%2Fimg%2Fpontilhado-footer.png");
			}

				.breadcrumbs ul{
					list-style: none;
				}

					.breadcrumbs li{
						float: left; 
						margin-right: 5px; 
						color: #fff;
						color: rgb(72 , 181 , 64);
					}

						.breadcrumbs li a{
							color: rgb(72 , 181 , 64);
						}

							.breadcrumbs h1{
								font-weight: 800; 
								font-size: 35px;
								color: rgb(72 , 181 , 64);
							}


/*formulários*/
.form-group,.input-group,.form-control {
	width: 100%;
}

	.form-control {
		height: 55px;
		background: #fff;
		border: 1px solid #ddd;
	}

/*contato*/
#contato button{
	border-radius: 0;
	border: 0;padding: 15px 25px;
	background: #50d148;color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	transition-duration: 0.3s;
}

	#contato button:hover{
		background: #777777;
	}

		#contato textarea{
			height: 160px;
		}

/*contatos*/
.contato-info{
	width: 100%; 
	font-size: 14px;
	margin-bottom: 20px;
}

	.contato-info .info{
		border-left: solid 1px #eee; 
		padding:15px 0px 15px 40px; 
		color: #555;
	}

		.contato-info .info:first-child{
			border-left:none;
		}

			.contato-info .header-social{
				padding-top: 25px; 
				padding-bottom:25px;
			}

				.contato-info .header-social a{
					font-size: 16px;	
					margin-right: 10px;
				}

/*redes sociais*/
.contato-info .header-social .fa-facebook{
	color: #3176bf;
}

	.contato-info .header-social .fa-twitter{
		color: #4fd0ea;
	}

		.contato-info .header-social .fa-youtube{
			color: #f24141;
		}

			.contato-info .header-social .fa-instagram{
				color: #bf9437;
			}


#mapa{
	width: 100%; 
	height: 600px; 
	position: relative; 
	text-align: center;
}

	#mapa .pelicula{
		position: absolute; 
		width: 100%; 
		height: 100%; 
		left: 0; 
		top: 0; 
		background: rgba(255,255,255,0.5); 
		text-align: center;
	}

		#mapa button{
			display: inline-block; 
			margin-top: 260px; 
			position: relative;
		}

			#mapa iframe{
				position: absolute; 
				top: 0; 
				left: 0
			}

/*###################################### SLIDESHOW ######################################*/

#slideshow {
	z-index: 10;
}

#slideshow .carousel-control {
	background-image: none;
}

/*###################################### SLIDESHOW ######################################*/

/*###################################### UL-MENU ######################################*/
#ul-menu .ul-preencher{
	background: #74b44b;
	height: 120px;
}
/*###################################### UL-MENU ######################################*/

/*####################################### BANNER ######################################*/
#slideshow{
	margin-top: -10px;
	position: relative;
}

	.carousel-indicators{
		position: relative;
		margin-top: 20px;
		float: left;
	}

		.carousel-indicators> li{
			width: 20%;
			text-indent: 0;
			margin:0;
			height: 150px;
			line-height: 150px;
			border-radius: 0;
			float: left;
			color: #fff;
			font-size: 18px;
			text-transform: uppercase;
			border:none;
		}

			.carousel-indicators .active{
				width: 20%
			}

				.carousel-indicators > li:first-child{
					background: #4d7534;
				}

				.carousel-indicators > li:nth-child(2){
					background: #5c8f3b;
				}

				.carousel-indicators > li:nth-child(3){
					background: #72b148;
				}

				.carousel-indicators > li:nth-child(4){
					background: #5c8f3b;
				}

				.carousel-indicators > li:last-child{
					background: #85d054;
				}

					.carousel-indicators > li.active{
						height: 150px;
						line-height: 150px;
						background: red;
						position: relative;
					}
					.carousel-indicators > li.active:before{
						content: '';
						width: 100%;
						height: 12px;
						border-bottom:solid 4px red;
						position: absolute; 
						top: -12px;
						left: 0;
						background: url("http://www.inxxxx.com/proxy.php?url=https%3A%2F%2Fwww.espacoativo.com.br%2Fcss%2F..%2Fimg%2Fcima.png") top center no-repeat;
					}

					#slideshow .carousel-control {
					    background-image: none;
					    margin-bottom: 180px;
					}

/*####################################### BANNER ######################################*/

/*###################################### PRODUTOS #####################################*/
#produtos{
	float: left;
	width: 100%;
	margin-bottom: 40px;
}	
#produtos li{list-style: none;}

	#produtos h2{
		color: #74b44b;
		font-size: 40px;
		margin-top: 50px;
	}

		#produtos h3{
			font-size: 20px;
			color: #000;
		}

		#produtos h4{
			font-size: 20px;
			color: #000;
			margin-top: 20px;
			color: #303e6e;
			font-weight: bold;
		}

		#produtos h5{
			font-size: 16px;
			color: #000;
			margin-top: -10px;
			text-transform: uppercase;
		}

		#produtos h6{
			font-size: 12px;
			color: #5e5e5e;
			margin-top: -6%;
			margin-left: 15px;
		}

		#produtos h6:hover{
			color: #74b44b;
		}

			.retanguloverde{
				margin-top: 20px;
			}

				.like{
					padding: 25px 30px;
					background: #303e6e;
					display: inline-block;
				}

				.like i{
					color: #fff;
					font-size: 50px;
				}

				#produtos .fb-like{
					margin-left: 35px;
					margin-top: 40px;
					position: absolute;
				}

				#produtos .box-produtos{
					border: 1px solid #eee;
					border-radius: 2px;
					padding: 20px 20px;
					padding-bottom: 60px;
					min-height: 390px;
					margin-bottom: 40px;
					transition-duration: 0.3s;
				}

		#produtos .box-produtos:hover{
			border: 1px solid #74b44b;
			color: #74b44b !important;
		}

		#produtos .boxmenor{
			margin-top: 40px;
		}


		.produto{min-height: 560px; float: left;}
/*###################################### PRODUTOS #####################################*/

/*###################################### NOTICIAS #####################################*/
#noticias{
	float: left;
	width: 100%;
}

	#noticias h2{
		position: absolute;
		font-size: 12px;
		color: #fff;
		margin-top: -60px;
		margin-left: 20px;
	}

	#noticias h3{
		position: absolute;
		font-size: 16px;
		color: #fff;
		margin-top: -40px;
		text-align: center;
		margin-left: 20px;
		text-transform: uppercase;
	}

		#noticias img {
			border-bottom: 80px solid #85d054;
			width: 100%;
			height: 300px;
		}

			#noticias .mobile{
				padding: 3px;
				width: 100%;
				background: #6dac44;
				width: 110.5%;
				margin-left: -15px;
			}

				#noticias .mostra{
					background: #fff;
					margin-left: -15px;
					width: 110.5%;
					position: relative;
					border: 1px solid #6dac44;
					background: #6dac44;
					text-align: justify;
					display: none;
					padding: 5px 10px;
					color: #fff;
				}

/*###################################### NOTICIAS #####################################*/

/*###################################### FOOTER #####################################*/
/*footer{
	width: 100%;
										display: block;
	float: left;
	height: 210px;
	padding: 100px 0;
	background: url("http://www.inxxxx.com/proxy.php?url=https%3A%2F%2Fwww.espacoativo.com.br%2Fcss%2F..%2Fimg%2Fpontilhado-footer.png") top center;
	color: #333
}

	footer .header-social .fa-facebook{
		color: #3176bf;
	}

		footer .header-social .fa-twitter{
			color: #4fd0ea;
		}

			footer .header-social .fa-youtube-play{
				color: #f24141;
			}

				footer .header-social .fa-instagram{
					color: #bf9437;
				}

					footer .header-social a{
						margin-right: 10px;
					}

						footer img{
							position: absolute;
							z-index: 1000 ;
							background: #fff;
						}

							footer h3{
								font-size: 14px
								font-weight: 800
								color: #222
								text-transform: uppercase
							}

								footer .left{
									float: left; 
									position: absolute; 
									width: 50%; 
									background: #50d148; 
									height: 88px; 
									z-index: 100; 
									margin-top: 141.9px
								}
								footer .right{
									float: right; 
									width: 50%; 
									background: #ef2026; 
									height: 88px; 
									z-index: 100; 
									margin-top: 141.9px
								}

									footer ul li{
										display: inline-block;
										list-style: none;
									}
								
									footer a{
										color: #808080;
										float: left;
										padding: 50px 0 0 40px; 
									}
									
										footer a:hover{
											color: #444;
										}*/

/*rodape*/
footer{width: 100%;float: left; height: auto; padding: 100px 0; background: url("http://www.inxxxx.com/proxy.php?url=https%3A%2F%2Fwww.espacoativo.com.br%2Fcss%2F..%2Fimg%2Fbg-footer.jpg") top center; color: #fff}
footer .header-social .fa-facebook{color: #3176bf;}
footer .header-social .fa-twitter{color: #4fd0ea;}
footer .header-social .fa-youtube-play{color: #f24141;}
footer .header-social .fa-instagram{color: #bf9437;}
footer .header-social a{margin-right: 10px;}

footer h3{font-size: 14px; font-weight: 800; color: #fff; text-transform: uppercase;}
footer a{color: #fff;}
footer a:hover{color: #444}
/*###################################### FOOTER #####################################*/

/*###################################### INTERNA ####################################*/
#interna{
	float: left;
	width: 100%;
}

	#interna h2{
		font-size: 30px;
		color: rgb(72,181,64);
	}

	#interna h3{
		font-size: 15px;
		color: rgb(72,181,64);
	}
	
		#interna p{
			font-size: 15px;
			color: #000;
			text-align: left;
		}

			#interna .vida{
				background: url("http://www.inxxxx.com/proxy.php?url=https%3A%2F%2Fwww.espacoativo.com.br%2Fcss%2F..%2Fimg%2Fpontilhado-footer.png");
				width: 100%;
				float: left;
				height: 184px;
			}

				#interna .vida h1{
					text-align: center;
					margin-top: 75px;
					font-family: 'Archivo Narrow', sans-serif;
					color:rgb(72,181,64);
					font-size: 40px;
				}

				#interna h4{
					color: #d3d3d3;
					font-size: 30px;
				}

/*###################################### INTERNA ####################################*/

@media (max-width: 991px) {
	.menu{display: none;}
	.menu li, .menu a{width: 100%; float: left;}
	.menu a{border-bottom: solid 1px #eee;}

	#produtos .fb-like{
		margin-top: 20px;
		margin-left: 0;
	}

	#noticias img{
	}

	#produtos h6{
			font-size: 12px;
			color: #5e5e5e;
			margin-top: -6%;
			margin-left: 15px;
			margin-bottom: 80px;
		}

		#interna .vida h1{
					text-align: center;
					margin-top: 40px;
					font-family: 'Archivo Narrow', sans-serif;
					color:rgb(72,181,64);
					font-size: 40px;
				}
}

/*####################### COMO CHEGAR #######################*/

#como-chegar {
	z-index: 5;
	height: 650px;
	position: relative;
	overflow: hidden;
	padding: 0;
	float: left;
	width: 100%;
}
	.over {
		background: #fff;
		position: absolute;
		width: 600px;
		height: 600px;
		border-radius: 100%;
		left: 50%;
		margin-left: -300px;
		top: 25px;
	}
		.over .titulo {
			color:#273B39;
			font-size: 30px;
			font-weight: 900;
			margin-top: 10px;
			display: inline-block;
		}

			.over a{
				display: inline-block;
				background: #5C8F3B;
				text-align: center;
				color: #fff;
				font-weight: 900;
				font-size: 14px;
				cursor: pointer;
				padding: 20px 50px;
				transition-duration: 0.5s;
				border: 1px solid transparent;
				margin-top: 20px;
				text-align: center;
			}

				.over a:hover{
					background: #fff;
					color: #5C8F3B;
					border-color: #5C8F3B;
				}

	.mapao {
		float: left;
		width: 100%;
		height: 700px;
		pointer-events: none;
	}

		.mapao iframe {
			margin-top: -50px;
		}