/*config*/
@import url('https://fonts.googleapis.com/css?family=Roboto');

html,body{font-family: 'Open Sans', 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;}
.clear60{width: 100%; height: 60px; clear: both;}

/*HEADER*/
#header{height: auto; float: left; width: 100%}
.segura-logo{padding:10px 0; display:flex; display: -webkit-flex; /* Garante compatibilidade com navegador Safari. */ justify-content: center; align-items: center; min-height: 100%;}
.segura-logo img{}

h2{font-size: 20px; font-weight: 800; color: #444; margin-bottom: 0; padding-bottom: 0}
h5{margin-top: 5px;}

.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;}
.menu > li > a{transition-duration: 0.3s; display: inline-block; margin-top: 30px; margin-bottom: 20px; padding: 20px 25px ; float: left; text-transform: uppercase; color: #777; font-size: 14px; border-right: solid 1px #eee; font-weight: 800; border-bottom: 3px solid transparent;}
.menu > li > a:hover{color: #0E6086;}

.breadcrumbs{width: 100%; height: auto; padding: 50px 0; background: #0e6086;}
.breadcrumbs ul{list-style: none;}
.breadcrumbs li{float: left; margin-right: 5px; color: #fff;}
.breadcrumbs li a{color: #fff;}
.breadcrumbs h1{font-weight: 800; font-size: 30px; color: #fff;}

/*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: #0D5F85;color: #fff;text-transform: uppercase;font-weight: 900;transition-duration: 0.3s;}
#contato button:hover{background: red;}
#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: 700px; 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}

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

/*########################## MENU ##########################*/
header {
	position: relative;
	height: 100px;
}
#header {
	float: left;
	width: 100%;
	z-index: 1000;
	background: #fff;
	position: fixed;
}


.line {
	display: block;
	position: absolute;
	width: 114px;
	height: 5px;
	background: #0e6086;
	bottom: 0;
	margin-left: 1px;
	float: left;
}
/*########################## MENU ##########################*/
#sobreaempresa{
	float: left;
	width: 100%;
	height: 1000px;
	background: url(../img/empresa.jpg) center no-repeat;
}

	#sobreaempresa h2{
		font-size: 40px;
		color: #0D5F85;
		font-weight: bold;
		font-family: 'Roboto', sans-serif;
	}

	#sobreaempresa h3{
		font-size: 20px;
		color: #777;
		font-family: 'Roboto', sans-serif;
		margin-top: 10px;
	}

		#sobreaempresa h4{
			margin-top: 80px;
			font-size: 14px;
			color: #444444;
		}
/*########################## SOBREAEMPRESA ##########################*/

/*########################## CLIENTES ##########################*/
#clientes{
	background: url(../img/clientes.jpg) center no-repeat;
	width: 100%;
	height: 595px;
	float: left;
}

	#clientes hgroup{
		margin-top: 120px;
	}

		#clientes h2{
			font-size: 40px;
			color: #fff;
			font-family: 'Roboto', sans-serif;
		}

		#clientes h3{
			font-size: 20px;
			color: #fff;
			font-family: 'Roboto', sans-serif;
			margin-top: 5px;
		}
			
			.lSSlideOuter .lSPager.lSpg>li a{
				height: 0;
				width: 0;
			}
/*########################## CLIENTES ##########################*/

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

#noticias h2{
	font-size: 40px;
	color: #0C5F85;
	font-family: 'Roboto', sans-serif;
}

#noticias h3{
	font-size: 20px;
	color: #777;
	margin-top: 5px;
}

/* ############################# ARTIGOS ############################# */

	#noticias .artigo1 {
		display: block;
		float: left;
		width: 100%;
		height: 180px;
		border-bottom: 1px solid #777;
		text-decoration: none;
		transition-duration: 0.3s;
		margin-bottom: 80px;
	}

		#noticias .artigo h6 {
			font-size: 14px;
			color: #777;
		}

		#noticias .artigo h3 {
			font-size: 22px;
			color: #0E6086;
			font-weight: bold;
		}

		#noticias .artigo p {
			font-size: 14px;
			color: #000;
		}

		#noticias .artigo1:hover {
			border-color: #0E6086;
		}

		#noticias .artigo:hover {
			border-color: #0E6086;
		}

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

/*####################### 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:#0D5F85;
			font-size: 30px;
			font-weight: 900;
			margin-top: 10px;
			display: inline-block;
			font-family: 'Roboto', sans-serif;
		}

			.over a{
				display: inline-block;
				background: #0D5F85;
				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: #0D5F85;
					border-color: #0D5F85;
				}

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

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

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

@media (max-width: 500px){
	#sobreaempresa{
		background: #fff;
		margin-bottom: 200px;
	}

	footer{
		text-align: center;
		background: #a4c83b;
	}

	footer .faleconosco h5{
		color: #fff;
	}

	footer .faleconosco h4{
		color: #fff;
	}

	.breadcrumbs {
    width: 100%;
    height: auto;
    padding: 50px 0;
    background: #0e6086;
    margin-top: 50px;
	}

	#header{
		position: relative;
	}

	.menu > li > a {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 5px;
    float: left;
    text-transform: uppercase;
    color: #777;
    font-size: 14px;
    border-right: solid 1px #eee;
    font-weight: 800;
    border-bottom: 1px solid transparent;
    text-align: center;
}
}

}

@media (max-width: 350px){
	#sobreaempresa{
		background: #fff;
		margin-bottom: 400px;
	}
}

@media (max-width: 1024px){
	#sobreaempresa{
		background: #fff;
		margin-bottom: 200px;
	}
}