@charset "utf-8";
/* CSS Document */
      
html {height: 100%; overflow-x: hidden;}
body {background: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color: #333; height: 100%;}
/* .main {min-height: 480px; max-width: 960px; margin: 0 auto 35px auto; position: relative;} */
a {color: #333; text-decoration: none;}
a:hover {text-decoration: underline;}
p {line-height: 18px; }



/*--------------------- HEADER -------------------------*/
.header {background: url(../img/bg-topo2.png) no-repeat center top; height: 105px; padding: 0 0 1px; position: relative; border-top: 9px solid #e9e9e9;}
.sec-header {max-width: 960px; margin: 0 auto;}
.logo { float: left; margin: 24px 0 0 0;}
.lang {float: right; margin: 10px 0 0;}
.bx-header {float: right; margin: 24px 0 0;}
.bx-header li {list-style: none; font-size: 2em; color: #979797; font-family: 'Montserrat', sans-serif; padding-left: 30px; position: relative; margin: 0 0 8px;}
.bx-header a {color: #979797;}
.bx-header img { position: absolute; left: 0; top: -2px;}

.suport-top {display: none;}
.barra-top {display: none; position: relative; z-index: 10000;}
.pull {display: none; background: url(../img/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px;}

/*---------------------- NAV ----------------------------*/
.sec-menu {background: url(../img/bg-sec-menu2.png);}
.menu {background: url(../img/bg-menu2.png) no-repeat center top; height: 42px;}
.menu ul {max-width: 960px; margin: 0 auto;}

.item-menu {font-family: 'Montserrat', sans-serif; float: left; position:relative; z-index: 1000; font-weight: bold;}
.item-menu > a { display: block; height: 42px; padding: 0 38px; color: #fff; text-decoration: none; font-size: 1.3em; text-transform: uppercase;  line-height: 42px; transition-property: background-position; transition-duration:  0.2s; transition-timing-function:  ease-in;}
.item-menu a:hover,
.item-menu:hover > a {background: #15313d; color: #fff;}

.sep {width: 0; height: 42px; float: left; margin: 0; background: none; border-left: 1px solid #112731; border-right: 1px solid #4c8297; }


/* Submenu */
.submenu {background: #15313d; position: absolute; display: none; width: 200px; z-index:99999; height: auto; left: 0; padding: 0; }
.item-menu .sub {display: block;}
.item-menu .sub li {border-bottom: 1px solid #325868; width:100%;  float: none; position: relative;}
.item-menu .sub li a {background: #15313d; display:block; color: #fff; font-size: 11px; width: auto; height: auto; text-transform: uppercase; padding: 8px 0 8px 16px; position: relative;font-family: 'Montserrat', sans-serif;}
.item-menu .sub li a:hover {background: #355d6e; text-decoration: none;}

.seguro2 {background: #15313d; padding: 10px 15px;}
.seguro2 strong {font-size: 11px; display: block; margin: 0; color: #fff; text-transform: uppercase;}
.item-menu .sub li .seguro2 a {background: #1a3d4c; margin-bottom: 1px;}
.item-menu .sub li .seguro2 a:hover {background: #355d6e;}


.lang {width: 90px;}
.lang img {display: inline; margin: 0 2px;}
 
/*---------------------- TITULOS ------------------------*/
.tt {font-family: 'Montserrat', sans-serif; color: #1a3e4d; font-size: 2.6em; padding: 8px 0; background: url(../img/borda-titulo.png) left bottom repeat-x;}

.tt span {background: #b5cada; padding: 0 10px 0 0;}
.subtt,
.topic {font-family: 'Montserrat', sans-serif; color: #084385; font-size: 14px; text-transform: uppercase; margin: 10px 0 20px; clear: both;}
.topic {margin: 18px 0 0; font-size: 16px;}

/*---------------------- HOME ---------------------------*/

.row {margin: 0 auto 25px auto; max-width: 960px;}
.painel {position: relative; margin: 0;}

.bx-painel {height: 378px; max-width:  960px; margin: 0 auto; position: relative;}
/* .painel {background: url(../img/painel/bg-painel.jpg) no-repeat center center;} */
.pane1 {background: url(../img/painel/bg-auto.jpg) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover;}
.pane2 {background: url(../img/painel/bg-viagem.jpg) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover;}
.pane3 {background: url(../img/painel/bg-vida.jpg) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover;}
.pane4 {background: url(../img/painel/bg-residencial.jpg) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover;}

.tt-painel {float: left; position: absolute; left: -59px; top: 30px; }
.i1,
.i5 {position: absolute; left: 76px; bottom: 0;}
.i7 {position: absolute; left: 16px; bottom: 0;}
.i2,
.i3 {position: absolute; left: 146px; bottom: 0;}
.wrap-tt {padding: 12px 65px;}
.wrap-tt h2 {font-size: 40px; color:#132e39; font-family: 'Montserrat', sans-serif; margin: 0 0 10px;}
.wrap-tt p,
.side-painel p {font-size: 14px; color: #132e39; line-height: 18px;}
.side-painel p {font-size: 12px; text-align: right;}


.side-painel {float: right; margin: 40px 0 0; width: 38%; position: relative; z-index: 100; text-align: right;}
.side-painel h3 {text-align: right; font-size: 16px; font-family: 'Montserrat', sans-serif; color: #132e39; margin: 0 0 8px;}
.form-painel {padding: 15px 0 0;}
.form-painel label {display: block; float: left; width: 100%; margin: 0 0 10px;}
.form-painel .lab-middle {width: 48%;}
.form-painel select {width: 100%; height: 30px; border: 0; border-radius: 10px; padding: 0 5px; line-height: 30px;}
.b-painel {background: #245266; background: linear-gradient(to bottom, #245266, #183948); border: 0; padding: 10px 20px; text-transform: uppercase; color: #fdef12; font-size: 16px; font-family: 'Montserrat', sans-serif; cursor: pointer; font-weight: bold; border-bottom: 1px solid #021835; border-radius: 20px;}
.b-painel img {vertical-align: middle;}

.b-painel:hover {background: #15313d;}

.sec-pg {background: #235064; background: linear-gradient(to top, #235064, #183948);}
.sec-pg ul {max-width: 960px; margin: 0 auto;}
.sec-pg li {float: left; list-style: none; width: 25%;}
.sec-pg a {display: block; text-align: center; padding: 20px 10px; text-decoration: none;}
.sec-pg a:hover,
.sec-pg a.active {background: #163340;}
.sec-pg h2 {color: #fff; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 22px;}
.sec-pg span {color: #edc420;}
.sec-pg span.other {color: #eb9c20;}

.slogan-home,
.tt-seguradoras {font-family: 'Montserrat', sans-serif; color: #245266; text-align: center; font-size: 2.4em; padding: 30px 0 0;}
.tt-seguradoras {padding: 20px 0; line-height: 28px;}

.bxs-featured {float: left; position: relative; width: 48.9%; margin: 0 2% 0 0; position: fixed;}
.tt-home {font-family: 'Montserrat', sans-serif; padding: 8px 10px; /* color: #ff781c; */ font-size: 1.6em; text-transform: uppercase; color: #245266; text-align: center; margin-top: 10px;	}
/* .tt-home span {color: #fffe38;} */

.bxs-featured p {background: #d7d4d4; padding: 1em 0 1.4em; font-size: 1.2em;}
.bxs-featured a:hover,
.bxs-subfeatured a:hover {text-decoration: none;}

.bxs-subfeatured {float: left; position: relative; width: 23.4%; margin: 0 2% 0 0; text-align: center;}
.bxs-subfeatured p {padding: .5em .4em .4em; font-size: 1.2em;}

.btn-cotar {background: #cecece; background: linear-gradient(to top, #cecece, #e9e9e9); text-align: center; color: #0b2c57; font-family: 'Montserrat', sans-serif; text-transform: uppercase; transition: box-shadow .5s, background .5s, color .5s;}
.btn-cotar:hover {box-shadow: 0 0 4px #333; color: #f09110; background: linear-gradient(to top, #0b2c57, #134382);}

.sec-seguradoras {background: #dddddd; background: linear-gradient(to bottom, #dddddd, #fff);}
.ln-seg {margin-bottom: 3px;}

.slide {background: #fff; border: 1px solid #ccc; border-radius: 10px; margin: 0 0 20px;}
.slide .bx-wrapper img {width: auto; display: inline;}
.itens {height: 175px;}
.itens td {text-align: center; vertical-align: middle;}
.slide .bx-next,
.slide .bx-prev,
.painel .bx-next,
.painel .bx-prev {opacity: .4;}

/*---------------------- INTERNAS -----------------------*/
/* Base */
.sec-int {background: url(../img/bg-int.png) repeat-x;}
.int {background: #fff; padding: 0 20px 20px; max-width: 920px; margin: 0 auto;}
.int p {padding: 18px 0 0 0; line-height: 18px; font-size: 1.2em;}

.side {float: right; width: 22.2%; padding: 38px 0 0;}


/* Seguro Auto */
.tabs {margin: 30px 5px 0;}
.tab {list-style: none; float: left; margin: 0 1px 0 0;}
.tab a {display: block; padding: 15px; background: #327BBB; border-radius: 8px 8px 0 0; font-size: 14px; color: #fff;}
.tab.active a {background: #1c598e;}
.tt-aba {    background: #235064;
    background: linear-gradient(to top, #235064, #183948); padding: 15px; color: #fff; font-size: 20px; border-radius: 5px 5px 0 0; margin: 15px 0 20px;}

/* Seguradoras */
.bx-marcas {width: 18%; height: 150px; float: left; margin: 0 1% 15px;}
.bx-marcas td {text-align: center; vertical-align: middle;}

/*---------------------- FALE-CONOSCO -------------------*/

.col {width: 75%; float: left; min-height: 300px;}
.large {float: none; width: auto;}

.form { padding: 20px 0 20px 0;}

.form label,
.form div { display: block; float: left; padding: 0 0 20px 0; min-height: 50px; font-family: 'Montserrat', sans-serif;}

.form div.pt0 {padding-bottom: 5px;}
.form .minh {min-height: 0; padding: 0 0 10px;}

.form label span, 
.form div span {display: block; padding: 0 0 5px 0; font-size: 14px; color: #777;}

input[type="radio"] {margin-top: 0;}
.form div,
.form label {font-size: 12px; line-height: 18px; vertical-align: top;}

.info {font-size: 11px;}

.form input.c,
.form select,
.form textarea {background: #eee;
    background: linear-gradient(to top, #eee, #fff);
    border: 1px solid #ccc;
    width: 100%;
    padding: 0; border-radius: 5px;}

.form .cmp-maior {width: 100%;}
.form .cmp-menor {width: 48%;}
.form .cmp-m1 {width: 22%; margin: 0 3.9% 0 0;}
.sep-cmp { margin: 0 3.9% 0 0;}
.form .mr0 {margin-right: 0;}

.form input.c {height: 29px; }
.form select {  height: 31px;}
.form textarea { height: 199px;}

.tb-form {font-size: 14px; width: 100%;}
.tb-form td {padding: 2px;}

.btn-enviar { color: #fff; text-transform: uppercase; background: #1a3e4d; height: 30px; padding: 0 15px;  border: 0; cursor: pointer; border-radius: 10px; display: inline-block; line-height: 30px; font-size: 14px;}
.green {background: #008000;}

.form .wrap-kit-gas,
.form .wrap-blindagem,
.form .wrap-cnpj-emp,
.form .wrap-sinistro-qtn,
.form .wrap-renovando,
.form .wrap-dmaior,
.form .wrap-vei-trab,
.form .wrap-vei-estudo,
.form .wrap-dados-renovacao,
.form .wrap-danos-materiais,
.form .wrap-contrato,
.form .wrap-renovacao2,
.form .wrap-renovacao1 {display: none;}

.bx-auto {display: none;}
.bx-auto.in {display: block;}

.form .alert-form {background: #f9f9f9; border: 1px solid #ccc; padding: 10px;}

.ierror {color: #f00; font-size: 10px; }

/*---------------------- FOOTER -------------------------*/
.footer {background:  #245266; background: linear-gradient(to top, #245266, #1e4658); height: 140px;}
.sec-footer {max-width: 960px; margin: 0 auto; padding: 17px 0 0 0; position: relative; height: 80px;}
.bxfooter {float: left; margin: 0 0 0 0;}
.bxfooter h3 {font-family: 'Montserrat', sans-serif; font-size: 1.6em;  margin: 0 0 10px 0; color: #f0d310; text-transform: uppercase; }
.nav-footer li {list-style: none; float: left; text-transform: uppercase; margin: 0 10px 0 0; font-size: 13px; padding: 0 0 5px; border-bottom: 2px solid #1e4658;}
.nav-footer li:hover {border-bottom: 2px solid #f0d310;}
.nav-footer .sep-foot:hover {border: 0;}
.nav-footer li a {text-decoration: none;}
.bxfooter address {text-transform: uppercase; color: #fff; font-style: normal; line-height: 1.6em; font-size: 1.2em;}
.bxfooter a {color: #fff;}
.pratica {position: absolute; right: 5px; bottom: 2px;}

.copy {position: absolute; left: 0; bottom: 10px; font-style: normal; color: #fff;}

.logo-rp {float: left; margin: -17px 0 0;}
.redes {float: right; padding: 0 0 0; margin: 0 0 0;}
.redes a {vertical-align: top; line-height: 30px; font-size: 1.4em;}

.footer address{color: #fff; font-size: 12px; float: left; clear: both; margin-top: 15px; line-height: 18px;}

.whatsapp {position: fixed; left: 20px; bottom: 10px; z-index: 2000;}
@media screen and (max-width: 600px) {
	.whatsapp {bottom: 30px;}
}

/*---------------------- CLASSES IMPORTANTES ------------*/
img {max-width: 100%;}

.clear {clear: both; *display: inline;}
.no-cursor {cursor: default;}
.fl {float: left;}
.fr, .form .lr,
.form-painel .lab-middle.fr {float: right; margin-right: 0;}
.underline {text-decoration: underline;}
.no-text {display: none;}
.mr0,
.content .mr0 {margin-right: 0px;}
.any-margin {margin: 0;}
.no-border {border-bottom: none;}
p.error {margin: 0; padding: 0; color: #f00; font-size: 10px; display: none;}
.form .clear {padding: 0; min-height: 0;}

/* Visually Hidden */
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

/* cf */
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

/* INICIO PAGINAÇÕES */
#paginacao {margin: 30px -30px 0 0; clear:both; padding: 5px; width:100%; height:20px; text-align:center; vertical-align:middle;float:left; }
#paginacao a{color:#0060a9; border:1px solid #b2cfe5; line-height:20px; padding:3px 6px; margin-left:3px; font-size:12px;}
#paginacao a:hover{background:#b2cfe5;}
#paginacao a.anterior{ margin-left:0;}
#paginacao strong{border:1px solid #0060a9; line-height:0; padding:3px 6px; margin-left:3px; color:#0060a9;}
/* FIM PAGINAÇÕES */

@media screen and (max-width: 970px) {
	/* .logo {margin-top: 22px; text-align: center; float: none;} */
	.row {padding: 0 10px;}
	#internal .row {padding: 0;}
	.header {padding: 36px 10px 30px; margin: 0 10px 0; height: auto; background: none;  border-bottom: 1px solid #eee;}

	.sec-banner {background: #fff; border: 1px solid #44b3dd; height: auto; width: 70%;} 

	.bx-painel {padding: 0 20px;}
	.tt-painel {left: -49px;}

	
	.barra-top {background: #173846; background: linear-gradient(to top, #173846, #376173); display: block; position: fixed; left: 0; top: 0; padding: 0 10px; width: 100%; }
	.barra-top span {float: right; line-height: 36px; font-size: 1.2em; color: #fff;}

	/*  */

	/* Menu */
	.pull {display: block; float: right; padding: 0 40px 0 0; }
	.menu {background: #376173; position: fixed; left: -100%; top: 0; z-index: 90000; width: 200px; height: 100%; overflow-y: scroll; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0; padding: 0;}
	.menu li {width: 200px; display: block; float: none; height: auto; border-bottom: 1px solid #173846;}
	.menu li a {text-align: left; color: #fff; font-size: 1.5em;  text-indent: 0px; font-size: 1.1em; width: auto; height: auto; line-height: 45px; padding: 0 0 0 10px; text-shadow: 1px 1px 1px #333; }
	.menu li a:hover {color: #021d76; background: #fdce1c; background: linear-gradient(to bottom, #fffd37, #fdce1c); text-shadow: none;}
	.menu .sep {display: none;}
	.off-canvas {left: 0;}
	.bgplb {background-position: right bottom;}

	.submenu {position: relative;width:  auto; }
	.menu .submenu li {height: auto;}
	.item-menu .sub li a {height: auto; line-height: 20px; font-size: 10px; }
	.item-menu .sub li a:hover {color: #fff; }

	.lang {position: fixed; left: 10px; top: 0px; z-index: 10000; text-align: left;}


	.footer {height: auto; text-align: center;}
	.sec-footer { padding: 17px 10px 0 10px; height: auto; padding-bottom: 20px;}
	.bxfooter {float: none;  width: auto; margin: 0;}

	.redes {float: none; margin: 20px 0 20px; width: auto;}

	.copy {position: relative; left: 0; bottom: 0; text-align: center; color: #333; padding: 0;}
	.pratica {position: relative; display: block; margin: 15px 0 0 10px;}

	.i2 {left: 20%; width: 45%;}
	.i3 {left: 20%; width: 60%;}
	.i5 {left: 10%; width: 50%;}
	.i7 {left: 5%; width: 50%;}
	.sec-pg,
	.sep-foot {display: none;}
	.footer address{margin-bottom: 10px; width: 100%; text-align: center;}
	.pratica{clear: both; margin: 0 auto;}
	.nav-footer li{display: inline-block; float: none; padding: 5px 0;}
}


@media screen and (max-width: 768px) {
	.logo {float: none; width: auto; margin: 0; padding: 20px 0 0; text-align: center;}
	.bx-header {display: none;}
	.suport-top {float: left; display: block; font-size: 1.4em; color: #fff; padding: 10px 0 0;}

	.logo-qg, 
	.logo-pg,
	.sec-banner,
	.side {display: none;}

	.col {float: none; width: auto;}
	
	.form,
	.form .cmp-menor,
	.form .cmp-m1 {width: 100%; float: none;}	

	.nav-footer li {float: none;}
	.nav-footer li:hover {border: 0;}

	.form .alert-form {margin: 0 0 15px;}

	.bx-marcas {width: 31%;}


}


@media screen and (max-width: 660px) {

	.bx-painel {height: auto;}
	.painel {-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;}
	.tt-painel {position: relative; left: 0; top: 0; margin: 30px 0 0; height: auto; width: auto; float: none;}
	.wrap-tt {padding: 10px;}
	.wrap-tt h2 br,
	.i1,
	.i2,
	.i3,
	.i5,
	.i7,
	.side-painel br {display: none;}
	.side-painel {float: none; width: auto; padding: 0 0 20px;}
	.side-painel h3,
	.side-painel p { text-align: left;}

	.tt {font-size: 2.2em;}
	.bxs-subfeatured {width: 100%; margin: 0 0 20px;}
	.bxs-subfeatured.mr0 {margin-bottom: 0;}

	.wrap-subfeatured {background: #fff;}
	.bxs-subfeatured img {float: left; margin: 0 15px 0 0; width: 120px;}
	.tt-home {position: relative; margin: 20px 0 0px; padding-top: 30px; text-align: left;}
	.bxs-subfeatured p {text-align: left; padding: 0;}
	.btn-cotar {float: left;}

	.slogan-home, .tt-seguradoras {font-size: 18px;}

	.tab {float: none;}
	.tab a {padding: 10px; border-radius: 0; border-bottom: 1px solid #1c598e;}

	.side-painel {margin: 10px 0 0;}

	.wrap-tt h2 {font-size: 25px;}
	

}

@media screen and (max-width: 480px) {
	.logo {padding-top: 20px;}

	.bxs-featured {float: none; width: auto; margin: 0 0 20px;}
	.bxs-featured.mr0 {margin-bottom: 0;}
	.bxs-subfeatured img {float: left; width: 150px; margin: 0 15px 0 0;}


	#map_canvas {height: 200px;}
	#form textarea { height: 100px;}

	.bxs-subfeatured img {width: 100px;}

	.bx-marcas {width: 46%;}

}

@media screen and (max-width: 400px) {

	.btns {font-size: 1.1em;}
	.bxs-subfeatured img {float: left; width: 120px; margin: 0 15px 0 0;}
}