@font-face {

	font-family: "thin";

	src: local("Roboto-Thin"), url("../fonts/Roboto-Thin.ttf") format("truetype");

}



@font-face {

	font-family: "verdana";

	src: local("verdana"), url("../fonts/verdana.ttf") format("truetype");

}



@font-face {

	font-family: "light";

	src: local("Roboto-light"), url("../fonts/Roboto-light.ttf") format("truetype");

}



/*config*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');



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



a:hover{text-decoration: none;}

ul{margin: 0; padding: 0;}

hr{margin: 0;}



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

.clear5{width: 100%; height: 5px; 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;}

.clear80{width: 100%; height: 80px; clear: both;}

.clear90{width: 100%; height: 90px; clear: both;}

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



section{padding: 100px 0;}



.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;}



#header2{

 	background:#fff;

 	position:fixed;

 	top:0;

 	width:100%;

 	left:0;

 	z-index: 10000;

 	display: none;

}



.menu li {

	list-style: none;

	display: inline-block;

}





	.menu li a {

		display: inline-block;

		padding: 20px 12px;

		text-decoration: none;

		color: #1F1F1F;

		font-family: "verdana";

		margin-bottom: 10px;



	}



		#header .segura-logo{

			padding-top: 30px;

			padding-bottom: 30px;

		}



			#header h4{

				font-size: 14px;

				font-weight: bold;

				color: #1F1F1F;

				margin:0 ;

				font-family: "verdana";

			}



				#header h5{

					font-size: 14px;

					color: #1F1F1F;

					margin-top: 5px;

					font-family: "verdana";

				}



					#header h6{

						font-size: 12px;

						color: #777777;

						margin-top: 5px;

						font-family: "verdana";

					}



						#header .cascavel-padding{

							padding-right: 137px;

						}



							.line {

								display: block;

								position: absolute;

								width: 114px;

								height: 5px;

								background: #1F1F1F;

								bottom: 0;

								margin-left: 1px;

								float: left;

							}



/*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: #16337E;color: #fff;text-transform: uppercase;font-weight: 900;transition-duration: 0.3s;}

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

#contato textarea{height: 160px;}



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



#formulario-orcamento{display: none;}



/*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;}



.breadcrumbs{width: 100%; height: auto; padding: 50px 0; background: #1F1F1F}

.breadcrumbs ul{list-style: none;}

.breadcrumbs li{float: left; margin-right: 5px; color: #fff;}

.breadcrumbs li a{color: #fff;}

.breadcrumbs h1{font-weight: 500; font-size: 50px; color: #fff; text-transform: uppercase;}





/* GRID BOOTSTRAP */

.grids_bootstrap {

	display: none;

	position: fixed;

	left: 50%;

	top: 0;

	width: 1170px;

	margin-left: -593px	;

	height: 2000px;

	z-index: 10000;

}

	.grids_bootstrap .col-xs-1 {

		height: 2000px;

	}

	.grids_bootstrap .col-xs-1 div{

		width: 100%;

		height: 2000px;

		border-right: solid 1px #02f804;

		border-left: solid 1px #02f804;

		box-sizing: border-box;

	}

/* GRID BOOTSTRAP */



/*INSTITUCIONAL*/

#institucional{
	background: url(../img/bg-institucional.jpg) center bottom fixed;

	float: left;

	width: 100%;

}



	#institucional h2{

		font-size: 40px;

		color: #202020;

		font-family: "thin";

	}



		#institucional h3{

			font-size: 14px;

			color: #211F1F;

			text-align: justify;

			font-family: 'Roboto', sans-serif;

			font-weight: 400;

		}

/*INSTITUCIONAL*/



/*AREAS*/

#areas{

	background-color: #282425;

	height: 768px;

	width: 100%;

	float: left;

	text-align: center;

}



	#areas h2{

		font-size: 40px;

		color: #fff;

		font-family: "thin";

	}



		#areas .seguratudo{

			padding: 150px 0;

			width: 100%;

			border: 5px solid rgba(0,0,0,0.8);;

			transition-duration: 0.3s;

			position: relative;

		} 



			#areas .seguratudo:hover{

				border: 5px solid #fff;

			}





				#areas .seguratudo h3{

					font-size: 35px;

					color: #ffffff;

					font-family: "light";

					position: relative;

					z-index: 1000;

				}



					#areas .pelicula{

						position: absolute;

						width: 100%;

						height: 100%;

						background: rgba(0,0,0,0.8);

						z-index: 100;

						top: 0;

						left: 0;

						transition-duration: 0.3s;

					}



						#areas .seguratudo:hover .pelicula{

							opacity: 0.6;

						}

/*AREAS*/



/*PROFISSIONAL*/

#profissional{

	float: left;

	width: 100%;

}



	#profissional h2{

		font-family: "thin";

		font-size: 40px;

		color: #202020;

	}



		#profissional img{

			margin-right: 10px;

		}



			#profissional h3{

				font-size: 20px;

				color: #202020;

				margin-top: 0;

				font-family: "verdana";

			}



				#profissional h4{

					font-size: 16px;

					color: #777777;

					margin-top: 0;

					font-family: "verdana";

				}



					#profissional i{

						margin-right: 90px;

						border: 1px solid #777777;

						border-radius: 100%;

						padding: 2px 4.5px;

					}



						#profissional .icon{

							width: 100%;

							padding-top: 10px;

							padding-bottom: 10px;

							border: 1px solid #282425;

							color: #282425;

							font-size: 12px;

							transition-duration: 0.3s;

							cursor: pointer;

						}



							#profissional .icon:hover{

								background: #777;

								color: #ffffff;

								border-color: #777;

							}



								#profissional .icon:hover i{

									border-color: #fff;

								}



								#profissional .mostra{

									position: absolute;

									background: #fff;

									text-align: justify;

									display: none;

									color: #1f1f1f;

									height: 190px;

									z-index: 8000;

									max-width: 92%;

									padding: 15px;

								}



									#profissional .segura-profissional{

										height: 230px;

									}



										#profissional .htext{

											height: 130px;

										}

/*PROFISSIONAL*/



/*PROFISSIONAL*/

#equipe{

	float: left;

	width: 100%;

}



	#equipe h2{

		font-family: "thin";

		font-size: 40px;

		color: #202020;

	}



		#equipe img{

			margin-right: 10px;

		}



			#equipe h3{

				font-size: 20px;

				color: #202020;

				margin-top: 0;

				font-family: "verdana";

			}



				#equipe h4{

					font-size: 16px;

					color: #777777;

					margin-top: 0;

					font-family: "verdana";

				}



					#equipe i{

						margin-right: 90px;

						border: 1px solid #777777;

						border-radius: 100%;

						padding: 2px 4.5px;

					}



						#equipe .icon{

							width: 100%;

							padding-top: 10px;

							padding-bottom: 10px;

							border: 1px solid #282425;

							color: #282425;

							font-size: 12px;

							transition-duration: 0.3s;

							cursor: pointer;

						}



							#equipe .icon:hover{

								background: #777;

								color: #ffffff;

								border-color: #777;

							}



								#equipe .icon:hover i{

									border-color: #fff;

								}



								#equipe .mostra{

									position: absolute;

									background: #fff;

									text-align: justify;

									display: none;

									color: #1f1f1f;

									height: 190px;

									z-index: 8000;

									max-width: 92%;

									padding: 15px;

								}



									#equipe .segura-equipe{

										height: 230px;

									}



										#equipe .htext{

											height: 130px;

										}

/*PROFISSIONAL*/

/*ARTIGOS*/

#artigos{

	background: #DEE7E7;

	height: 960px;

	width: 100%;

	float: left;

}



	#artigos h2{

		color: #202020;

		font-size: 40px;

		font-family: "thin";

	}



		#artigos .segura-artigos{

			background: #ffffff;

			height: 500px;

		}



			.segura-artigos .linha-artigos{

				height: 10px;

				background: #444;

				width: 60%;

				margin-top: -3px;

				position: absolute;

				margin-left: 63px;

				transition-duration: 0.3s;

			}



			.segura-artigos:hover .linha-artigos{

				background: #00344c;

				width: 80%;

				margin-left: 23px;

			}



				.segura-artigos h3{

					margin-right: 20px;

					margin-left: 20px;

					font-size: 14px;

					color: #777777;

					font-family: "verdana";

				}



					.segura-artigos h2{

						margin-right: 20px;

						margin-left: 20px;

						margin-top: 10px;

						font-size: 18px !important;

						color: #1F1F1F !important;

						font-family: "verdana" !important;

						text-align: justify !important;

					}



						.segura-artigos h4{

							margin-right: 20px;

							margin-left: 20px;

							color: #999999;

							font-family: "verdana";

							text-align: justify;

							font-size: 12px;

						}



							.button-artigos{

								padding-bottom: 10px;

								border-bottom: 4px solid #444;

								width: 150px;

								color: #444;

								transition-duration: 0.3s;

							}



							.button-artigos:hover{

								border-color: #00344c;

								color: #00344c;

								width: 180px;

							}

/*ARTIGOS*/



/*NOTICIAS*/

#noticias{

	float: left;

	width: 100%;

	background: #FFFFFF;

}

	

	#noticias h2{

		font-size: 40px;

		color: #202020;

		font-family: "thin";

	}



		#noticias .segura-noticias{

			height: 170px;

    		border-bottom: 1px solid #eee;

    		margin-right: 40px;

		}



		#noticias .segura-noticias:hover h2{

			color: #00344c;

		}



		#noticias .segura-noticias:hover h3{

			color: #00344c;

		}



			#noticias .segura-noticias img{

				border: 2px solid transparent;

			}



			#noticias .segura-noticias:hover img{

				border-color: #00344c;

			}



			#noticias .segura-noticias h3{

				margin-top: 0;

				margin-bottom: 0;

				font-size: 16px;

				color: #777;

				font-family: "verdana";

			}



				#noticias .segura-noticias h3 strong{

					font-size: 29px;

					font-weight: 100;

				}



					#noticias .segura-noticias h2{

						font-size: 20px;

						font-family: "verdana";

						font-weight: bold;

						margin-top: 10px;

						color: #444;

					}



						#noticias .segura-noticias h4{

							font-size: 14px;

							color: #777777;

							text-align: justify;

						}



/*NOTICIAS*/



@media (max-width: 991px) {

	#header{

		text-align: center;

	}

	

		#header nav{

			width: 100%;

			display: none;

		}



			#header li{

				width: 100%;

				border-bottom: 1px solid #1f1f1f;

			}



				#header li a {

					display: inline-block;

					text-decoration: none;

					color: #1F1F1F;

					font-family: "verdana";

					margin-bottom: 10px;

				}



		#areas{

			height: 1150px;

		}



			#areas .seguratudo{

				margin-top: 30px;

			}



		#artigos{

			height: 2000px;

		}



			#artigos .segura-artigos{

				margin-top: 40px;

			}



				#artigos img{

					max-width: 100%;

				}

	}





