/* CSS */
@font-face {
font-family: 'Bariol-Regular';
font-style: normal;
font-weight: normal;
src: local('Bariol-Regular'), url('Bariol.woff') format('woff');
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');

a, a:focus {color: #111; text-decoration: none;}
a:hover {text-decoration: none; color: #000;}
body {font-family: 'Montserrat', sans-serif;}

.img100 {width: 100%; border-radius: 20px;}
.tRight {text-align: right;}
.tLeft {text-align: left;}
.fLeft {float: left; position: relative;}
.fRight {float: right; position: relative;}
.pRelative {position: relative;}
.mTop30 {margin-top: 30px;}
.mTop20 {margin-top: 20px;}
.pLeft0 {padding-left: 0;}
.pRight0 {padding-right: 0;}
.noPadd {padding-left: 0;padding-right: 0;}
.mRLm15 { margin-left: -15px !important; margin-right: -15px !important; }
.mL25 { margin-left: 25px !important;}
.inB {display: inline-block;}
.p0 {padding: 0;}
.pf0 {padding-left: 0;}
.pr0 {padding-right: 0;}
.border {border: 1px solid #ddd;}
.pLr15 {padding-left: 15px !important; padding-right: 15px !important;}
.nRadius {border-radius: 0px;}
.h4Cont {display: inline-block; margin-left: 20px;}
.lh25 {line-height: 25px;}
@media screen and (max-width: 374px) {
.emailIndex {font-size: 14px; color: #262262;}
}
@media screen and (min-width: 375px) and (max-width: 449px){
.emailIndex {font-size: 18px; color: #262262;}
}
@media screen and (min-width: 450px) {
.emailIndex {font-size: 24px; color: #262262;}
}
@media screen and (max-width: 766px) {
.eindex {font-size: 18px; color: #262262;}
}
@media screen and (min-width: 767px) and (max-width: 991px){
.eindex {font-size: 20px; color: #262262;}
}
@media screen and (min-width: 992px) {
.eindex {font-size: 24px; color: #262262;}
}


.boxFoneIndex {height: 120px; text-align: center; text-align: -webkit-center;}
.foneIndex {vertical-align: middle; height: 120px; vertical-align: middle; display: table-cell;}

#tabPj>li.active::after{content: ' '; position: absolute; width: 35px; top: 45px; height: 3px; background-color: #5b99d7;}
#tabPj>li.active>a, #tabPj>li.active>a:focus, #tabPj>li.active>a:hover { color: #000; font-weight: 300; background-color: transparent;}

#tabPj>li>a:focus, #tabPj>li>a:hover{ color: #555; text-decoration: none; background-color: transparent;}
#tabPj a, #tabPj a:focus {color: #8f8d8d; text-decoration: none;}
/* menu */
.navbar {z-index: 1;}
#bt_add {margin-top: 5px; margin-left: 20px; padding: 10px 15px; color: #fff; background-color: #337ab7; border-color: #337ab7;}
/*#logo {width: 150px; margin-top: -12px;}*/
#tellogin {width: 100%; float: left; padding-top: 0px; text-align: center;}
#boxspan {padding-top: 15px;}
#boxspan h3{margin-left: 5px; margin-top: 0px; display: inline-block; color: #999; font-size: 20px; font-family: 'Montserrat', sans-serif;}
#nav-icon { width: 45px; height: 45px; position: relative; margin: 15px auto; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
#nav-icon span {display: block; position: absolute; height: 5px; width: 100%; background: #ffe600; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg)  transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.navbar-right {padding-top: 25px;} 
.btn:active { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none}
/* Icon 4 */
#nav-icon {}
#nav-icon span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon span:nth-child(2) { top: 12px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon span:nth-child(3) { top: 24px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 8px;}
#nav-icon.open span:nth-child(2) { width: 0%; opacity: 0;}
#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 29px; left: 8px;}
.text-vertical-center { display: table-cell; text-align: center; vertical-align: middle;}
.text-vertical-center h1 { margin: 0; padding: 0; font-size: 4.5em; font-weight: 700;}
/* Custom Horizontal Rule */
hr.small {max-width: 100px;}

/* Side Menu */
#menu-toggle { z-index: 1001; position: absolute; top: 5px; right: 0;}
#sidebar-wrapper.active {right: 250px; width: 250px; top: 120px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
#sidebar-wrapper { z-index: 1000; position: fixed; top: 120px; right: 0; width: 250px; height: 100%; transform: translateX(250px); overflow-y: auto; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.sidebar-nav {position: absolute; top: 0; width: 250px; margin: 0; padding: 0; padding-top: 60px; list-style: none;}
.sidebar-nav li {text-indent: 20px;line-height: 40px;}
.sidebar-nav li a {display: block; text-decoration: none; color: #fff;font-size: 24px;}
.sidebar-nav li a:hover {text-decoration: none;color: #406da6;background: rgba(255,255,255,0.7);}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {text-decoration: none;}
.dropdown-menu li a {color: #406da6 !important;}
.sidebar-nav > .sidebar-brand {height: 55px;font-size: 18px;line-height: 55px;}
.sidebar-nav > .sidebar-brand a {color: #999;}
.sidebar-nav > .sidebar-brand a:hover {color: #fff; background: none;}
.toggle {margin: 5px 5px 0 0;}
.logadoUser {float: left; margin-top: 15px; list-style: none;}
.logadoUser h3{color: #9999a9; display: inline; font-size: 20px;}    
.imgLogado {width: 40px; height: 40px; float: left; overflow: hidden; border-radius: 50%; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; margin-top: -10px; margin-right: 5px;}

.navbar {margin-bottom: -5px; }
/* .menu */

#divLogin.active {top: 70px; right: 255px; width: 350px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
#divLogin {z-index: 1000; position: fixed; top: 0; right: 0; width: 250px; transform: translateX(250px); overflow-y: auto; background: rgba(0,0,0,0.7); -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; border: 1px solid #ccc; padding: 20px;}
#divLogin form {margin-top: -20px;}
#divLogin form h3 {color: #fff;}
/* busca */
#buscaindex::after {position: absolute; top: -15px; left: 0px; background-color: #fff; width: 100%; height: 18px; box-shadow: -4px 0px 5px -3px #ddd;}
#buscaindex {box-shadow: -4px 0px 8px -3px #ddd; display: none;}
#buscaindex h3 {margin-top: 0px; color: #f64613; font-family: 'Montserrat', sans-serif; font-weight: 100;}
#bt_buscar {float: right; width: 49%; background-color: #337ab7;transition: 1s;}
#bt_buscar:hover {background-color: #555; transition: 1s;}
#bt_limpar {float: left; width: 49%; margin-right: 2%; background-color: #337ab7;transition: 1s;}
#bt_limpar:hover {background-color: #555;transition: 1s;}
.form-control {height: 45px;}
/* .busca */

/* Backoffice */
#tabela td{vertical-align: middle;}
.fototabela{float:left;width:60px;margin-right:10px;border-radius:5px;}
#labellogo {margin-bottom: 20px;}
.jumbotron h1 {color: #f64613;}
/* .Backoffice */

/* Index */
#idh1, #idh1Seg, #idh1Sobre { display: inline; font-family: 'Montserrat', sans-serif; font-weight: lighter;}
#idh1::before {content: ''; width: 45px; height: 3px; background-color: #edeaea; position: absolute; bottom: 40px;}
#idh1Seg::before {content: ''; width: 45px; height: 3px; background-color: #edeaea; position: absolute; top: 45px;}
#idh1Sobre::before {content: ''; width: 45px; height: 3px; background-color: #edeaea; position: absolute; top: 45px;}
#icon {font-size: 18px; color: #ccc;}
#img {width: 100%; height: 180px; transition: 1s;}
#img:hover {-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.8; transition: 1s;}
#valor {background-color: #555; font-size: 18px; margin-top: 5px; display: inline-block;}
#local {display: block; float: right; text-align: right; padding-right: 5px; color: #337ab7; font-weight: 700;}
#nfotos {position: absolute; z-index: 5; right: 20px; top: 5px; color: #fff; margin-top: 10px;}
#nfotos h5 {margin-top: 5px; margin-bottom: 5px;}
#newsIndex {padding-right: 0px; padding-left: 0px;}
#boxnews {padding: 10px; margin-right: 5px; position: relative;}
#boxnews:hover {box-shadow: 2px 3px 3px #bbb;}
#idh6comp {display: inline; float: right; margin-top: 0px; font-size: 24px; font-weight: lighter;}
.imgComparar{position: absolute; top: 282px; right: 85px; cursor: pointer;}
#nfotosd {position: absolute; z-index: 5; right: 35px; top: 10px; color: #fff;}
#detleft {width: 50%; float: left; margin-top: 5px; margin-bottom: 5px;}
#detright {width: 50%; float: right; margin-top: 5px; margin-bottom: 5px; text-align: right; padding-right: 5px;}
#tituloh3 {color: #555; margin-top: 10px; margin-bottom: 5px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
#boxdestaques:hover {box-shadow: 2px 3px 3px #bbb;}
#boxloja,#boxcambio {margin-top: 25px;}
.panel-default {border: none;}
.page-header .btn-primary {margin-bottom: 5px; float: right;}
.panel-body #tipo {position: absolute; left: 15px; top: 15px; background-color: rgba(255,255,255,0.8); padding: 1px 5px 0px 5px; color: #337ab7; font-size: 12px; z-index: 2;}
.panel-body #tipod {position: absolute; left: 35px; top: 20px; background-color: rgba(255,255,255,0.8); padding: 1px 5px 0px 5px; color: #337ab7; font-size: 12px; z-index: 2;}
.lojaindex {position: absolute; top: 167px; right: 32px; color: #fff; font-size: 12px; padding: 2px 5px 1px 5px; background-color: rgba(0,0,0,0.5); z-index: 2;}
.box-img-car {position: relative; height:180px; overflow: hidden; border-bottom: 3px solid #337ab7;}
.row {clear: both; margin-left: 0px; margin-right: 0px;}
.cTop {padding-left: 0px; padding-right: 0px;}
ol.carousel-indicators {display: grid; width: 30px;}
/* .Index */

/* Index Categorias */
#buttonmais {margin-top: 23px; float: right;}
#buttonmais button {background-color: #555; border-color: #fff; transition: 0.5s;}
#buttonmais button:hover {background-color: #fff; border-color: #f64613; color: #f64613; transition: 0.5s;}
/* .Index Categorias */

/* NEWSLETTER PARALLAX */
.parallaxnews {background-image: url("../img/parallax_news.jpg");width: 100%;clear: both;height: 305px; background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}

/* NEWSLETTER */
@media (max-width: 630px) {
.newsletter {font-family: 'Montserrat', sans-serif;float: left;width: 100%;padding-top: 5px;}
.newsletter h3 {font-size: 2.5em !important; font-weight: bold; color: #fff; text-align: center;margin-top: 15px;}
.newsletter p {font-size: 1.5em !important; color: #fff; text-align: center;}
.newsletter form {width: 100%; float: left; margin-top: 25px; margin-bottom: 30px;}
.newsletter form input {width: 100%; height: 15px; padding: 15px 10px; border: none; font-size: 14px; background-color: initial; float: left; margin-top: 5px; margin-bottom: 15px; opacity: 0.7; text-align: center; border-bottom: 3px solid #F58027; color: #f58027;}
.newsletter form input:focus {border:none;}
.newsletter button:hover { transition: 1s; background-color: #f58027; opacity: 0.4; }
.newsletter button {transition: 1s; width: 80%; height: 40px; font-size: 14px; float: none; background-color: #f58027; opacity: 0.8; padding: 10px; border-radius: 5px; margin-top: 5px; margin-left: 0; border: none; color: #fff; }
.retorno-active {position: absolute; width: 300px; left: 50%; transform: translateX(-50%); background-color: #053864; text-align: center; padding-top: 10px; padding-bottom: 10px; color: #fff; font-weight: bold; font-size: 24px; border-radius: 10px;}
.retorno-closed {position: absolute; top: -15px; right: -10px; background-color: #fff; width: 30px; height: 30px; padding-top: 0px;  margin: 0px; line-height: 25px; border-radius: 50%; color: #555; cursor: pointer;}

}

.newsletter ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #f58027; font-size: 24px; font-weight: 600; text-align: left;}
.newsletter ::-moz-placeholder { /* Firefox 19+ */ color: #f58027; font-size: 24px; font-weight: 600; text-align: left;}
.newsletter :-ms-input-placeholder { /* IE 10+ */ color: #f58027; font-size: 24px; font-weight: 600; text-align: left;}
.newsletter :-moz-placeholder { /* Firefox 18- */ color: #f58027; font-size: 24px; font-weight: 600; text-align: left;}

@media (min-width: 631px) {
.newsletter {font-family: 'Montserrat', sans-serif;float: left;width: 100%;padding-top: 5px;}
.newsletter h3 {font-size: 2.5em !important; font-weight: bold; color: #fff; text-align: center;margin-top: 15px;}
.newsletter p {font-size: 1.5em !important; color: #fff; text-align: center;}
.newsletter form {width: 100%; float: left; margin-top: 25px; margin-bottom: 30px;}
.newsletter form input {width: 32.5%; margin-right: 1%; height: 15px; padding: 15px 10px; border: none; font-size: 14px; background-color: initial; float: left; margin-top: 5px; margin-bottom: 15px; opacity: 0.7; text-align: center; border-bottom: 3px solid #F58027; color: #f58027;}
.newsletter form input:focus {border:none;}
.newsletter button:hover { transition: 1s; background-color: #f58027; opacity: 0.4; }
.newsletter button {transition: 1s; width: 33%; height: 40px; font-size: 14px; float: none; background-color: #f58027; opacity: 0.8; padding: 10px; border-radius: 5px; margin-top: 5px; border: none; color: #fff; }
.retorno-active {position: absolute; width: 300px; left: 50%; transform: translateX(-50%); background-color: #053864; text-align: center; padding-top: 10px; padding-bottom: 10px; color: #fff; font-weight: bold; font-size: 24px; border-radius: 10px;}
.retorno-closed {position: absolute; top: -15px; right: -10px; background-color: #fff; width: 30px; height: 30px; padding-top: 0px;  margin: 0px; line-height: 25px; border-radius: 50%; color: #555; cursor: pointer;}
}




/* .NEWSLETTER */

/* Carousel */
#imgslide {height: auto;}
#box-img-slide {width: 100%; overflow: hidden; }
#h3carousel {color: #fff; font-weight: 700; font-size: 36px; font-family: 'Righteous', sans-serif;}
#h3carousel:hover {color: #fff;}
#pcarousel {
	color: #fff;
    font-weight: 300;
    font-size: 18px;
    font-family: 'Righteous', sans-serif;
    margin-bottom: 45px;
}  
#pcarousel:hover {color: #fff;}   
.img-carousel {max-width: 100%;}
/* .Carousel */

/*  */
#exTab1 {margin-top: 0px;}
#exTab1 .tab-content {padding : 15px 0px;}
#exTab1 .nav-pills > li > a { border-radius: 0;}
.nav>li>a {font-size: 16px; font-weight: 400; font-family: 'Righteous', sans-serif; color: #111; text-align: center;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color: #000; font-weight: 300;}
.nav>li>a:focus, .nav>li>a:hover {color:#000; text-decoration: none; background-color: transparent; border-bottom: 2px solid #000;}
.nav-pills>li.active::after{content: ' '; position: absolute; width: 65px; top: 65px; height: 3px; background-color: #5b99d7;}
#idh1tipo {padding-left: 0px;font-family: 'Montserrat', sans-serif; font-weight: lighter;}
#idh1seg {padding-left: 0px;font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 20px;}
.nav-pills li.active #idh1tipo {color: #555; font-weight: 400;}

.cabecalho.menufixo .nav>li>a {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Righteous', sans-serif;
    color: #fff;
    text-align: center;
    border-bottom: 2px solid transparent;
}

.cabecalho.menufixo .nav>li>a:focus, .cabecalho.menufixo .nav>li>a:hover {color:#FFE512; background-color: transparent; text-decoration: none; border-bottom: 2px solid #FFE512; }



/*  */

/*  */
#h1det {
		display: inline;
    font-weight: 500;
    font-family: 'Righteous', sans-serif;
    position: relative;
        font-size: 28px;

}

#h1det::after {
	content: "";
    position: absolute;
    width: 120%;
    height: 4px;
    background-color: #cfcfcf;
    left: 50%;
    transform: translatex(-50%);
    bottom: -27px;
}

#rowdet h4.h4Link a {font-weight: 400; color: #111;}

#btvalor {background-color: #337ab7; border-color: #337ab7; float: right;}
#rowdet h2, h3{color: #555;}
#imgdet {position: relative;}
#imgloja {position: absolute; top: 0; width: 120px; background-color: #fff; border-radius: 0 0 10px 10px; padding: 10px; box-shadow: 2px 2px 3px #555;}
#imgloja img {width: 100%;}
.carousel-indicators { position: absolute; bottom: 10px; right: 50px;  left: inherit; z-index: 2; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none;}
.carousel-indicators li {width: 20px; height: 20px; background-color: #fff; margin-bottom: 10px;}
.carousel-indicators .active {width: 20px; height: 20px; padding: 1px; border-radius: 50%; background-color: #ffe600; border: none;margin-bottom: 10px;}
@media screen and (min-width: 768px) {
.carousel-indicators {bottom: 40px;}
}
.carousel-caption { position: absolute; right: 15%; bottom: 200px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: left; text-shadow: 0 1px 2px rgba(0,0,0,.6);  top: 30%;}
.verMaisBanner {
	background-color: #000;
    border: 2px solid #000;
    padding: 7px 25px 10px 25px;
    margin-top: 15px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    transition: 0.5s;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
}
.verMaisBanner:hover {
	background-color: #ffe600; 
	border: 2px solid #000; 
	color: #000; 
	transition: 0.5s;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
}

/*  */

/* Opcionais Checkbox - Backoffice */
#opc {width: 100%;}
.opc-input{width: 100%; float: left; margin-top: 5px; margin-bottom: 5px;}
.opc-input input{width: 25%; float: left;}
.opc-input h3{line-height: 50px; float: left;}
input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].css-checkbox + label.css-label {padding-left:30px;height:12px; display:inline-block;line-height:12px;background-repeat:no-repeat;background-position: 0 0;font-size:12px;vertical-align:middle;cursor:pointer;}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -12px;}
label.css-label {background-image:url(../img/csscheckbox.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* .Opcionais Checkbox - Backoffice */

/* .Opcionais cardetalhes.php */
.opcionais {width: 100%; float: left;}
.opcionais ul {width: 25%; float: left; font-size: 14px; color: #aaa; padding: 0px;}
.opcionais ul li {list-style: none;}

/* Paginação Carros.php */
#paginacao {width: 100%; float: left; text-align: center; font-size: 24px; margin: 50px 0 60px;}
#paginacao a {color: #555; border: 1px solid #bbb; padding: 5px 8px; transition: 1s;}
#paginacao a:hover {background-color: #f64613; border: 1px solid #f64613; color: #fff; transition: 1s;}
#paginacao strong {margin-left: 5px; background-color: #f64613; border: 1px solid #f64613; padding: 5px 8px; color: #fff;}
.pag_car p, .pag_port p{font-size: 18px; }
.pag_port {padding-left: 15px; margin-bottom: 25px;}
/* Paginação Carros.php */

.mTop {margin-top: 60px;}
.mBot {margin-bottom: 60px;}

.btn-success {color: #fff; background-color: #f58027; border-color: #f58027;}

/* ========== MOBILE FIRST ==========*/
/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 375px) {

}
@media screen and (min-width: 425px) {

}
@media screen and (min-width: 480px) {

}
/* SMALL DEVICES - TABLETS*/
@media screen and (min-width: 600px) {

}
@media screen and (min-width: 768px) {
.nav_tabs {height: 450px; margin: 30px auto;}
.tab_label{display: block; width: auto; padding: 15px; font-size: 20px; cursor: pointer; text-align: center; border-radius: 10px;}
#tellogin {width: auto; padding-right: 100px;}
}
/* MEDIUM DEVICES - TABLETS & DESKTOPS*/

@media screen and (min-width: 960px) {
#rodape ul{margin-top: 0px;}
}
/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1200px) {
#buscaindex {display: block;}

}

.alert-dismissible .close { position: relative; top: -2px; right: 60px; font-size: 36px; color: inherit; margin-top: -10px;}

.page-header {border-bottom: 0px;}



.box-principal .container-img h1{font-size: 18px !important; display: block;}
.box-principal {float: left;}
.container-img {position: relative;width: 50%; float: left;}
.container-img .image {display: block;width: 100%;height: auto;}
.container-img .overlay {position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.6);overflow: hidden;width: 0;height: 100%;transition: .5s ease;}
.container-img:hover .overlay {width: 100%;}
.container-img .overlay .text {white-space: nowrap; color: white;font-size: 20px;position: absolute;overflow: hidden;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.container-img:nth-child(even) .overlay {position: absolute;bottom: 0;left: 100%;right: 0;background-color: rgba(0,0,0,0.6);overflow: hidden;width: 0;height: 100%;transition: .5s ease;}
.container-img:nth-child(even):hover .overlay {width: 100%; left: 0;}

/************* Produtos Index ***************/

.box-index {padding-left: 0; padding-right: 0; float: left;}
.box-index .box-index-img h3{position: absolute; top: 15px; left: 25px; color: #fff;}
.box-index .box-index-img {position: relative; width: 100%; float: left; overflow: hidden;transition-duration: 0.5s;}
.box-index .box-index-img:hover {background-color: rgba(90, 156, 233, 0.7); transition: all 1s ease-in-out;}
.box-index .box-index-img img {display: block; width: 100%; z-index: -1; position: relative; height: 350px; transform: scale(1); transition: 1s;}
.box-index .box-index-img:hover img{transform: scale(1.2) rotateZ(5deg); transition: all 1s ease-in-out; -webkit-filter: grayscale(70%); /* Safari 6.0 - 9.0 */
    filter: grayscale(70%);}
.box-index .box-index-img span {position: absolute; color: white; font-size: 4em; visibility: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); transition-duration: 0.5s;}
.box-text {position: absolute; left: 50%; top: 50%; text-align: center; color: #fff; transform: translate(-50%, -50%); visibility: hidden;}
.box-index .box-index-img:hover .box-text {visibility: visible; transition: 0.5s;}  
/* Animação Hover :after e :before */
.box-index .box-index-img:before, .box-index .box-index-img:after  {transition-duration:0.5s;}
.box-index .box-index-img:hover:before, .box-index .box-index-img:hover:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.box-index .box-index-img:hover:after {-webkit-transition-delay: 0.25s; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; -ms-transition-delay: 0.25s; transition-delay: 0.25s;}
.box-index .box-index-img:before, .box-index .box-index-img:after { position: absolute; content: ""; opacity: 0; z-index: 9999; pointer-events: none; transition: opacity 0.35s; -webkit-transition: opacity 0.35s; -moz-transition: opacity 0.35s; -ms-transition: opacity 0.35s; -o-transition: opacity 0.35s;}
.box-index .box-index-img:before { top: 10px; right: 30px; bottom: 10px; left: 30px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -o-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}
.box-index .box-index-img:after { top: 10px; right: 15px;  bottom: 10px; left: 15px; border-right: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -o-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0;}
.box-text button{background-color: #003366; border: none; padding: 5px 15px; border-radius: 5px; }
.box-text button:hover{background-color: transparent; border: 1px solid #fff; padding: 5px 15px; border-radius: 5px; transition: 0.5s;}
.box-index-img .box-text button a, .box-text h5{color: #fff; font-size: 1.5em;}
.box-back {background-color: rgba(90, 156, 233, 0.3); width: 100%; height: 100%; float: left; position: absolute;}

.page-header {margin-top: 80px; margin-bottom: 80px;}

.classMenu {width: 100%;}
.minHeight {min-height: 70vh; padding-top: 60px;}
.topSeguros {background-color: #337ab7; color: #fff; margin-top: 2px; padding-bottom: 10px;}
.segCotacao { margin-top: 20px; padding-top: 5px; background-color: #ddd; }
.imgParc {border: 1px solid #ddd; padding: 0 5px;}

/******* WIZARD FORM *********/

.wizard {
    margin: 20px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 20px;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color: #555555;
    margin-top: 50%;
    transform: translateY(-50%);
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;
    
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}
/****** .WIZARD FORM *********/

.owl-prev {background-image: url(../img/prev.png) !important;
    width: 32px;
    height: 32px;}
.owl-next {background-image: url(../img/next.png) !important;
    width: 32px;
    height: 32px;}
.owl-dots {display: none;}
.owl-theme .owl-nav [class*=owl-] {
    font-size: 0 !important;
    background-color: transparent !important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent !important;
}

.bttNoticias {background-color: #ff3c2d;
    padding: 5px 20px;
    border-radius: 20px;
    float: left;
    color: #fff;
    border: 1px solid #ff3c2d;
    transition: 0.5s;
    text-transform: uppercase;}

.bttNoticias a{color: #fff;}

.bttNoticias:hover {background-color: transparent;color: #262262;border: 1px solid #262262;transition: 0.5s;}
.bttNoticias:hover a{color: #262262;}
/**** INDex ***/
.imgNot {background-size: cover; background-position: center; height: 250px;}
.imgCursos {
	background-color: #9d9d9d;
}

.imgCursos img {
	width: 100%;
	max-width: 100%;
	height: 250px;
	object-fit: contain;
}
.pad5 {padding: 5px;}
.notH5i {margin-bottom: 10px; color: #003366; font-size: 14pt; height: 40px; font-weight: 600;}
.spanNoti {position: absolute; top: 70px; right: 10px; padding: 5px 10px; font-size: 10pt; font-weight: 300; background-color: rgba(245, 128, 39, 0.7);}

/*** NOTICIAS ***/

.itemIndex {padding-left: 0; margin-bottom: 40px;}
.spanNot {
		position: absolute;
    top: 75px;
    right: 20px;
    padding: 5px 10px;
    font-size: 9pt;
    font-weight: 500;
    background-color: rgba(0,0,0, 0.5);
    border-radius: 0;
}
.notH4 {font-size: 14px; line-height: 1.5; height: 100px;}
.notH5 {
		height: 40px;
    margin-bottom: 20px;
    color: #ff3c2d;
    font-weight: 600;
    font-size: 14pt;
    text-transform: uppercase;
}
.item {font-family: "Bariol", sans-serif}

/*** PORTFOLIO ***/
.portH5 {
	margin-bottom: 20px; 
	color: #ff3c2d;
    font-weight: 500; 
    font-size: 21pt;
    font-family: 'Righteous', sans-serif;
    min-height: 62px;
}
.portH4 {font-size: 16px; line-height: 1.5; color: #000;}
.item h6 {font-family: "Bariol", sans-serif; font-size: 16px;color: #aaa;}
.itemImgPort {
    background-color: #eee;padding: 15px;text-align: -webkit-center; text-align: center; box-shadow: 2px 2px 3px #ccc;
}

.itemImgPort .item a img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/****** INDEX *******/
a.btVerMais {color: #000; font-weight: 500;}
a.btVerMais:hover {color: rgb(255 230 0) ; font-weight: 500;}
.btVerMais {
	border: 1px solid rgb(255 230 0);
    padding: 7px 25px 10px 25px;
    font-size: 18px;
    border-radius: 30px;
    background-color: rgb(255 230 0);
    transition: 1s;
    font-family: "Montserrat", sans-serif;
}
.btVerMais:hover {
    border: 1px solid rgb(255 230 0);
    padding: 7px 25px 10px 25px;
    font-size: 18px;
    border-radius: 30px;
    background-color: #000;
    transition: 1s;
    font-family: "Montserrat", sans-serif;
}

@media screen and (max-width: 991px) {
.destBox1 {height: 600px; padding: 0;}
}

@media screen and (min-width: 992px) {
.destBox1 {height: 600px; padding: 0 15px 0 0;}
}

.destIndex1 {
	height: 300px;
    padding: 0;
    color: #fff;
    background-position: center;
    background-size: cover;
    /*background-image: url(../img/back_orcamento.jpg);*/
    transition: 1s;
}

.destIndex1:hover .destIndexHover, .destIndex2:hover .destIndexHover , .destIndex3:hover .destIndexHover {opacity: 1; transition: 1s; height: 100%;} 

.destIndex2 {
    height: 300px;
    padding: 0;
    color: #fff;
    background-position: center;
    background-size: cover;
   /* background-image: url(../img/back_servico.jpg);*/
    transition: 1s;
}

.destIndex3 { height: 620px;   padding: 0; color: #fff;      /*background-image: url(../img/back_servicos.jpg);*/ background-position: left; background-size: cover; transition: 1s;}
.destIndexHover {height: 1px; opacity: 0; background-color: rgba(38, 34, 98, 0.5); position: absolute; width: 100%; z-index: 10; text-align: center; transition: 1s;}
.destIndexText {position: relative; top: 50%; transform: translateY(-50%); z-index: 11;text-align: center;}
.h3Dest {color: #fff; margin-bottom: 40px; text-shadow: 3px 3px 3px #000; font-size: 5vh; font-family: 'Righteous', sans-serif;}
.linhaTit {width: 100px; background-color: #a3a3a3; height: 3px; position: relative; left: 50%; transform: translateX(-50%);}
.imgServRed {background-position: center; background-size: cover; height: 200px; margin-bottom: 15px;}
.card .nav-tabs>li.active>a, .card .nav-tabs>li.active>a:focus, .card .nav-tabs>li.active>a:hover { color: #f4f2f2; cursor: default; background-color: #262262; border: 1px solid #ddd; border-bottom-color: transparent;}
.card .nav>li>a {  font-size: 22px; font-weight: 400; color: #262262; text-align: center; text-shadow: none; border: 1px solid #262262;}

@media screen and (max-width: 720px) {
.nav-tabs {border-bottom: 1px solid #fff;}
}

@media screen and (min-width: 721px) {
.nav-tabs {border-bottom: 1px solid #262262;}
}

@media screen and (max-width: 713px) {
    .nav-tabs>li {
        margin-bottom: 5px;
    }
    .nav-tabs>li:nth-child(3) {
        margin-bottom: -1px;
    }
    .nav-tabs>li:nth-child(3) a{
        border-radius: 4px ;
    }
    .nav-tabs>li>a {
    border-radius: 4px;
    }
}

@media screen and (min-width: 713px) {
    .nav-tabs>li {
        margin-bottom: -1px;
    }
}

.backServi {
	padding-left: 0; 
	/*background-color: #f1f1f1; */
	padding: 30px 20px;}

.backTit {background-position: center; background-size: cover; margin-top: 0px; margin-bottom: 30px; position: relative; padding-left: 0; padding-right: 0;}
.frenteAzul {background-color: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%;}
.tab-content .tab-pane div p{font-size: 18px;}
.separadorTop {width: 100%; height: 100px;}

/********** Footer ************/
.backRodape{ position: relative;  background-attachment: fixed; background-position: center; background-size: cover;}
.rodapeBack {background-color: rgba(0,0,0,0.9); position:absolute; width: 100%; height: 100%; padding-bottom: 20px;}
.logoRodape {opacity: 0.3; width: 220px;}
#rodape {background-color: rgba(0,0,0,0.5); margin-top: 45px;}
#rodape ul{padding-left: 0px; margin-top: 15px;}
.catfooter {list-style: none;}
.catfooter a:hover{border-left: 5px solid #fff; transition: 1s;}
.catfooter a{color: #fff; border-left: 5px solid #555; padding-left: 5px; transition: 1s;}
footer a{color: #fff;}
footer a:hover{color: #bbb;}
.redesFooter {padding-left: 0; padding-right: 5px; text-align: center; width: 48px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
.redesImg {
    margin-right: 10px; display: inline-block;
}
/********** ADMIN ************/
#formLogo label{width: 100%;}
#formLogo img{width: 100px; border-radius: 0px;}
.logoParc {margin-bottom: 15px; padding-left: 0px;}















.divFraseHome {
	background-color: #555; padding: 30px 0; text-align: center; margin-bottom: 60px;
}

.divFraseHome h2 {
	font-size: 36px; font-family: 'Righteous', sans-serif; color:#FFE512;
}

.divFraseHome p {
	font-size: 16px; color:#FFE512;
}

a.btSocio {
	margin-top: 25px;
    float: left;
    clear: both;
    background-color: #ff3c2d;
    padding: 10px 25px;
    border-radius: 30px;
    color: #fff;
    font-family: 'Righteous', sans-serif;
    border: 2px solid #ff3c2d;
    transition: all .6s;
    font-size: 16px;
}

a.btSocio:hover {
	margin-top: 25px;
    float: left;
    clear: both;
    background-color: #fff;
    padding: 10px 25px;
    border-radius: 30px;
    color: #ff3c2d;
    font-family: 'Righteous', sans-serif;
    border: 2px solid #ff3c2d;
    transition: all .6s;
    font-size: 16px;
}

.cabecalho.menufixo .btSocio:hover {
    background-color: transparent;
}

@media screen and (min-width: 992px) {
	.collapse.navbar-collapse.noPadd {
		display: flex !important;
		justify-content: left;
	}
}

.boxEventos {
	position: relative;
	overflow: hidden;
}

.boxEventos img {
	width: 100%;
	height: 320px;
	object-fit: cover;
	object-position: center;
}

.boxEventos .divTxt {
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0;
	/*width: 100%;*/
	padding: 0 15px;
	left:15px;
	right: 15px;
	text-align: left;
}

.boxEventos h3 {
	color: #FFE512;
	font-size: 21px;
	font-family: 'Righteous', sans-serif;
	margin-top: 15px;
    margin-bottom: 5px;
}

.boxEventos p {
	color: #fff;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
}

.boxNot {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	padding-right: 0;
}

.boxNot.NotPrinc  {
	padding:0;
}

.boxNot.NotPrinc img {
	width: 100%;
	height: 650px;
	object-fit: cover;
	object-position: center;
}

a.btNotHome {
	padding: 6px 15px 8px;
    background-color: #000;
    font-size: 14px;
    border-radius: 30px;
    margin-bottom: 15px;
    display: inline-block;
    color: #fff;
    border: 2px solid #000;
    transition: all .5s;
}

a.btNotHome:hover {
	padding: 6px 15px 8px;
    background-color: #fff;
    font-size: 14px;
    border-radius: 30px;
    margin-bottom: 15px;
    display: inline-block;
    color: #000;
    border: 2px solid #000;
    transition: all .5s;
}

.boxSobre.boxNotHome .col-sm-6.boxNot:first-child img {
		width: 100%;
	height: 650px;
	object-fit: cover;
	object-position: center;
}

.boxNot img{
	width: 100%;
	height: 320px;
	object-fit: cover;
	object-position: center;
}

.boxNot div.divTxt{
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	bottom: 0;
	/*width: 100%;*/
	padding: 0 15px;
	left:15px;
	right: 0px;
	text-align: left;
}

.boxNot h3{
    color: #000;
    font-size: 21px;
    font-family: 'Righteous', sans-serif;
    margin-top: 15px;
    margin-bottom: 5px;

}

.boxNot p{

}








.divTxt.princObjetivos {
	text-align: justify;
}

.divTxt.princObjetivos p {
	margin: 20px 0;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0px;
    line-height: 25px;
}

.divTxt.princObjetivos p b{
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
}

.container-fluid.divObjetivos {
	position: relative;
	overflow: hidden;
}

.container-fluid.divObjetivos::after {
	content: "";
	position: absolute;
    bottom: -180px;
    left: -200px;
    background-image: url(../img/img_objetivos_back.png);
    background-size: contain;
    width: 450px;
    height: 500px;
    background-repeat: no-repeat;
    opacity: 0.2;
}

.boxNot.NotPrinc div.divTxt {
    background-color: rgba(255,255,255,0.7);
    left: 0;
    right: 0;
}


.boxImgsRodape img {
	width: auto; height: 120px; filter: grayscale(1); opacity: 0.5; margin-right: 15px; transition: all 0.5s;
}

.boxImgsRodape img:hover {
	width: auto; height: 120px; filter: grayscale(0); opacity: 1; margin-right: 15px; transition: all 0.5s;
}


@media screen and (min-width: 992px) and (max-width: 1599px) {
	.nav>li>a {
		font-size: 16px; 
		padding: 10px !important;
	}

	.cabecalho.menufixo .nav>li>a {
	    font-size: 16px;
	}
}

.boxInfo {
	background-color: #f5f5f5;
    padding: 30px;
}

.divTitCursos {
	background-color: #f5f5f5;
    padding: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #ff3c2d;
    margin: 0 0 60px 0;
}

#rowdet h4 {
	font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
    margin-top: 0;
    text-align: justify;
}

.divTitCursos h1 a {
	font-size: 18px;
    position: absolute;
    width: 100%;
    text-wrap: nowrap;
    top: -35px;
}

.divLinkVoltar {
	margin: 0;
	font-size: 16px;
	font-family: 'Righteous', sans-serif;
	color: #ccc;
	text-align: right;
}

.divLinkVoltar a.LinkVoltar {
font-size: 16px;
font-family: 'Righteous', sans-serif;
}

.divLinkVoltar a.LinkVoltar:hover {
		color: #111;
}

.container.breadcrumbs {
	margin-top: 60px;
    margin-bottom: 10px;
}

span.linkNotHome {
	position: absolute;
        top: 30px;
    right: 15px;
    font-size: 12pt;
    font-weight: 300;
}


span.linkNotHome a {
	color: #111;
}
span.linkNotHome:hover a {
	color: #ff3c2d;
}




/*COMUNICADOS*/

.itemIndex .boxImgComunicados {
	padding-left: 0;
}

.boxComunicados {
	margin-top: 25px;
    background-color: #f5f5f5;
	} 

.boxTxtComunicados .notH5 {
	height: 40px;
    margin-bottom: 20px;
    color: #ff3c2d;
    font-weight: 600;
    font-size: 14pt;
    text-transform: uppercase;
    margin-top: 15px;
    text-decoration: underline;
    position: relative;
    font-family: 'Righteous', sans-serif;
}

.boxTxtComunicados .notH5 span.spanNot {
	position: absolute;
    top: 29px;
    left: 0;
    right: auto;
    padding: 0;
    font-size: 10pt;
    font-weight: 800;
    background-color: transparent;
    border-radius: 0;
    color: #000;
    font-family: 'Montserrat', sans-serif;
}

.boxTxtComunicados .notH4 {
    font-size: 15px;
    line-height: 1.5;
    height: auto;
}

.boxCursosHome {
	margin-top: 45px; 
	margin-bottom: 45px; 
	float: left;
	width: 100%;
}

.boxCursosHome .boxEventos:nth-child(1), .boxCursosHome .boxEventos:nth-child(3) {
	padding-left: 0;
}

.boxCursosHome .boxEventos:nth-child(2), .boxCursosHome .boxEventos:nth-child(4) {
	padding-right: 0;
}

.boxCursosHome .boxEventos:nth-child(1) .divTxt, .boxCursosHome .boxEventos:nth-child(3) .divTxt {
	left: 0px;
    right: 15px;
}

.boxCursosHome .boxEventos:nth-child(2)  .divTxt, .boxCursosHome .boxEventos:nth-child(4)  .divTxt {
	left: 15px;
    right: 0px;
}

.divTxtForm .itemTxt {
	position: relative;
	margin: 20px 0; 
}

.divTxtForm .itemTxt img {
	width: 30px;
	position: absolute;
	left: 0;
}

.divTxtForm .itemTxt h4 {
	padding-left: 25px;
}

.divTxtForm .itemTxt span {
	width: 100%; display: block;
}

.divTxtForm .itemTxt a {
	color: #000;
}

button.btn-success {
    color: #fff;
    background-color: #ff3c2d;
    border-color: #ff3c2d;
    transition: all .5s;
}

button.btn-success:hover {
    color: #ff3c2d;
    background-color: #fff;
    border-color: #ff3c2d;
    transition: all .5s;
}

.itemTxtEndereco {
	margin-top: 45px;
}
.itemTxtEndereco h4 {
	padding: 0;
}
.itemTxtEndereco span {
	width: 100%; display: block;
}


@media screen and (max-width: 699px) {
	.boxTxtComunicados .notH5 span.spanNot {
	    top: -26px !important;
	}
	.carousel-caption {
	    bottom: 0;
	    top: 10%;
	}
}