/*config*/

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



.transition{-webkit-transition: all 0.1s linear;

-moz-transition: all 0.1s linear;

-ms-transition: all 0.1s linear;

-o-transition: all 0.1s linear;

transition: all 0.1s linear;}



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

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

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

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





#header{position: absolute; width: 100%; float: left; z-index: 999}

#header h3{font-size: 14px; color: #444; font-weight: bold; text-transform: uppercase;}

#header li{list-style: none; display: inline-block;}

#header li a{padding:10px 15px; color: #fff; float: left; font-size: 16px; font-weight: bold; text-transform: uppercase; border-radius: 10px;}

#header li a:hover{background: #00938D; color: #fff;}

#header ul{width: 100%; float: left; text-align: center;}

#header a{color: #fff;}

#header.relative{position: relative; background: #006f6b;}





#header2{display: none; position: fixed; background-color: #00938D; top:0; left: 0; width: 100%; z-index: 999;}

#header2 img{height: 50px;}

#header2 .navbar-default{background-color: #00938D; padding: 10px 0; border: none;}

#header2 .navbar-default a{color: #fff; text-transform: uppercase; font-weight: bold;}

#header2 li:hover a{color: #C0A063;}



#header-mobile .logo{padding: 10px 0;}

.navbar{margin-bottom: 0}

.navbar-inverse{background: #00938D; color: #fff; border: none; border-radius: 0}

.navbar-inverse .navbar-nav>li>a{color: #fff; text-transform: uppercase; font-weight: bold;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background: #006f6b; }

.navbar-inverse .navbar-toggle{border-color: #00615d;}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color: #00615d;}



.info-topo{font-size: 16px; color: #fff; display: inline-block;margin: 40px;}

.info-topo:last-child{margin-right: 170px;}





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



section{padding: 100px 0}

section h1{font-size: 45px; font-weight: bold; margin-bottom: 5px}

section h2{font-size: 20px; font-weight: bold; margin-top: 0}



#home-seguros{margin-top: -250px;}

.home-seguro{background: #00938D; color: #fff; padding: 80px 0; width: 100%; text-align: center; float: left; margin-bottom: 30px;}

.home-seguro h3{font-size:18px; font-weight: bold; margin-top: 40px;}

.home-seguro img{display: inline-block;}

.home-seguro:hover{background: #00AFA8; color: #fff;}

.texto-seguros{padding-top: 200px; font-size: 20px; color: #777777}

.texto-seguros b{color:#00928C; font-weight: bold; }

.btn-padrao{border-radius: 0; border:solid 2px #00938D; padding: 20px 40px; color: #00938D; font-weight: bold; font-size: 12px; }

.btn-padrao:hover{background: #00938D; color: #fff; outline: 2px solid #fff; outline-offset: -5px;}

.btn-padrao2{border-radius: 0; background:#00938D; padding: 20px 40px; color: #fff; font-weight: bold; font-size: 12px; }

.btn-padrao2:hover{background: #fff; color: #00938D; outline: 2px solid #00938D; outline-offset: -5px;}

.btn-padrao3{border-radius: 0; background:#007771; padding: 20px 40px; color: #fff; font-weight: bold; font-size: 12px; }

.btn-padrao3:hover{background: #fff; color: #00938D; outline: 2px solid #00938D; outline-offset: -5px;}

#home-empresa{color: #575747; font-size: 14px; padding: 0}

#home-empresa h3{font-size: 28px; font-weight: bold; color: #00928C; }



#home-diferenciais{text-align: center; color: #fff; background: #00938D}

#home-diferenciais img{display: inline-block;}

#home-diferenciais h3{color: #fff; font-size:28px; margin: 40px 0; font-weight: bold; }



#home-contato {color: #545454; font-size: 14px; padding-bottom: 0}

#home-contato b{font-weight: bold; font-size: 20px; color: #777777; padding-top: 60px;}

#home-contato h3{color: #00928C; font-weight: bold; font-size: 28px; margin-bottom: 30px;}



#empresa{background: url(../img/bg-empresa.jpg) center center; color: #777; text-align: justify;}

#empresa b{font-size: 18px; font-weight: bold; color: #00928C;}



.seguros{padding: 100px 0; overflow: hidden; color: #777777; font-size: 20px; font-weight: 100} 

.seguros h2{color: #00928C; font-weight: 100; font-size: 50px; margin-bottom: 30px;}

.seguros ul{margin-left: 20px; margin-top: 20px;}

.seguros .text{}



.seguro1 .color{background: #00938D; padding: 100px 0;  position: relative;}

.seguro1 .colorfull{width: 390px; height: 100%; position: absolute; left: -390px; top: 0; background: #00AFA8;}



.seguro2 .color{background: #00AFA8; padding: 100px 0;  position: relative;}

.seguro2 .colorfull{width: 390px; height: 100%; position: absolute; right: -390px; top: 0; background: #00938D;}


#h2seguradoras{border:solid 1px #00938D;background:#00938D;font-weight:bold;color:#fff;padding: 15px 15px 15px 15px}
.seguradoras{min-height: 80px;}

/*PRODUTOS*/

.grid-item{

	padding: 15px;

	border: solid 1px #eee;

	margin-bottom: 30px;

	min-height: 350px;

}

.grid-item h3{font-size: 14px; font-weight: bold; color: #222}



.grid-item:hover{

	outline: 8px solid #ddd;

}



.post{text-align: justify; margin-bottom: 50px;}

.post a{color: #777;}

.post h2{color: #555; margin-bottom: 20px; text-align: 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: #00AFA8;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-top:50px;/* padding: 200px 0; /*background:url(../img/bg-bread.jpg)*/;}

.breadcrumbs ul{list-style: none;}

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

.breadcrumbs li a{color: #00938D;}

.breadcrumbs h1{font-weight: bold; font-size: 45px; color: #00938D;}





/*rodape*/

footer{width: 100%;float: left; height: auto; padding: 100px 0; background: url(../img/bg-footer.jpg) top center; color: #333}

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

footer a{color: #fff;}

footer a:hover{color: #ccc}

.info-footer{font-size: 12px; color: #fff; min-height: 150px;}



@media (max-width: 991px) {

	#home-seguros{margin-top: 0px;}

	.texto-seguros{padding-top: 40px;}

	#home-empresa{padding-bottom: 100px;}

}

@media (min-width: 768px){

.navbar-nav {float: right;}

}

@media (max-width: 767px){

	footer{text-align: center; background:#00928C;}

	footer .clear40{height: 10px;}

	footer img{display: inline-block;}

}