html, body { 
	font-family: 'Montserrat', sans-serif;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	text-shadow:none;
	background:#FFF !important;
	position: relative;
}
body, form, img { margin:0; padding:0; border:none }
a:link, a:visited, a:active { text-decoration: none; }

a:focus{
	outline:none
}

.linkHover{
	text-decoration:none;
	color:inherit !important;
}
.linkHover:hover{
	text-decoration:none;
	color:inherit !important;
}
.bolinha{
	width:6px;
	height:6px;
	background:#008F64;
	border-radius:50%;
	float:left;
	margin:7px 5px 0 0;
}


.carousel-indicators {
    bottom: 0;
    margin: auto;
    z-index: 15;
    height: 20px;
    width: auto;
    text-align: center;
    list-style: none;
}
.imgNoticia{
	width:45%;
	margin-right:15px;
	margin-bottom:15px;
}
@media (max-width:767px){
	.imgNoticia{
		width:100%;
		margin-bottom:15px;
	}
	.carousel-indicators {
		z-index: 15;
		height:20px;
		width:auto;
		text-align: center;
		list-style: none;
	}
}

.not-indicator{
	background:#eee;
	padding:10px;
	color:#4e4e4e;
	line-height:12px;
	text-shadow:none;
}

.notIndicatorActive{
	background:#008F64;
	color:#FFF;
	text-shadow:none;
}

.trianguloIndicator{
	width: 0; 
	height: 0; 
	margin-left:15px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-bottom: 10px solid #FFF;
}

.trianguloIndicatorActive{
	width: 0; 
	height: 0; 
	margin-left:15px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-bottom: 10px solid #008F64;
}

.trianguloSubmenu{
	width: 0; 
	height: 0; 
	margin-left:20px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-bottom: 10px solid #27684d;
}
.trianguloCinza{
	width: 0; 
	height: 0; 
	margin-left:20px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-bottom: 10px solid #EEE;
}

.notVereador:hover{
	background:#E6E6E6
}

/* =================================== CSS CPG =================================== */
:root {
	--corPrimaria: #9A989B;
	--corSecundaria: #2261AE;
	--corText: #888;
}

.navbar {
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav {
	padding: 20px 30px 10px 30px;
	width: 80%;
}

.navbar-transparente {
	background-color: transparent;
	border: none !important;
}
.navbar-transparente .navbar-nav>li>a {
    color: #FFFFFF !important;
    font-weight: 600;
}
.navbar-nav>li>a:hover {
    color: #FFFFFF !important;
    background-color: none !important;     
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
	border-bottom: 1px solid var(--corPrimaria);
}

.degrade {
	-webkit-box-shadow:inset 0 120px 100px 0 rgba(0,0,0,10);
	box-shadow:inset 0 40px 100px -10px rgba(0,0,0,10);
	height: 600px;
}

.banner-titulo {
	position: absolute;
	padding: 25px 35px;
	background-color: var(--corSecundaria);
	opacity: 0.8;
	text-align:center;
}
.banner-titulo span{
	font-size: 30px;
	color: #FFFFFF;
	text-transform: uppercase;
}

.titulo {
	padding: 10px 0;
	text-align: center;
}
.titulo h1 {
	font-size: 30px;
	color: var(--corSecundaria);
	font-weight: 500;
}
.titulo hr {
	width: 10%;
	border-width: 3px;
	border-color: var(--corPrimaria);
}

#areas{ margin: 30px 0 10px 0; }

.area {min-height: 245px;}

.area-icon {
	background-color: #E5EEF5;
	border-radius: 100%;
	float: left;
	width: 65px;
	height: 65px;
}
.area-icon img {
	height: 45px;
	margin: 10px 10px;
}

.area-title {
	color: var(--corSecundaria);
	font-size: 20px;
	font-weight: 600;
	transition: all .5s ease;
}
.area a:hover .area-title,
.area a:active .area-title,
.area a:focus .area-title {color: #111E48;}

.area-text {
	font-size: 14px;
	color: var(--corText);
	padding: 10px 0 0 0; 
}

#equipe {
	margin: 30px 0 10px 0;
}

.colaborador {
	min-height: 260px;
	padding-bottom: 20px;
}

.colaborador-foto {width: 40%;}
.colaborador-foto img {
	border-radius: 100%;
	/*width: 100%;*/
}
.colaborador-dados>.nome {
	font-size: 20px;
	color: var(--corSecundaria);
	font-weight: 600;
}
.colaborador-dados>.oab {
	font-size: 16px;
	color: var(--corSecundaria);
}
.colaborador-dados p {
	font-size: 14px;
	color: var(--corText);
}

.office-desc {
	font-size: 14px;
	color: #FFF;
	padding: 30px 30px 50px 30px;
	background-color: #666666;
}

#escritorio {margin: 0px 0 30px 0;}

#clientes {margin: 20px 0 30px 0;}

.cliente {
	padding: 15px;
	height: 180px !important;
	float: left;
}

.cliente div:hover,
.cliente div:focus,
.cliente div:active{
	filter: none !important;
}

#contato {
	background-color: var(--corSecundaria);
	margin: 30px 0 0 0;
	padding-bottom: 30px;
}
#contato .titulo h1 {color: #FFFFFF;}

.endereco {
	color: #FFF;
	font-size: 18px;
	text-align: center;
}

/* ----- Formulario ----- */
#formulario input, textarea, #formulario button {
	border-radius: 0 !important;
	border-color: #1E3760 !important;
	color: #FFF;
}
#formulario input, textarea {
	background-color: #0D4B88 !important;
}
#formulario input {height: 45px;}
#formulario textarea {
	resize: none;
	color: #FFF;
}
#formulario button {
	background-color: #111E48;
	transition: all .6s ease;
}
#formulario button:hover,
#formulario button:focus,
#formulario button:active {
	color: #FFF;
	background-color: #1c317d;
}
/* Trocar a cor do placeholder */
::placeholder {
	color: #FFF !important;
	opacity: 0.6;
	font-weight: 500;
}
/* Trocar a cor do placeholder */
/* ----- Formulario ----- */

.footer {
	padding: 30px 0;
	background-color: #e6e6e6;
	text-align: center;
	color: var(--corText);
	font-weight: 500;
}
.footer a {
	color: var(--corText) !important;
	font-weight: 700; 
}
.footer a:hover,
.footer a:active,
.footer a:focus{
	font-weight: 700;
	text-decoration: underline;
}

.navbar-toggle {
	position: absolute;
	right: 0;
}

.btn-up:hover{ background: rgba(200,200,200,0.9); color: var(--corPrimaria); }
.btn-up:focus, .btn-up:active{ outline: none; color: var(--corPrimaria);}

.btn-up{
	position: fixed;
	bottom: 5%;
	right: 2%;
	z-index: 99;
	border:none;
	border-radius: 50%;
	padding: 8px 10px 10px 10px;
	background: rgba(200,200,200,0.5);
	color: #FFF;
	opacity: 0;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	transition:all 0.2s;
}

#escritorio .img-principal {
	padding: 0;
	background-size: cover !important;
	height: 500px;
}
#escritorio .img-galeria {
	padding: 0;
	background-size: cover !important;
	height: 250px;
	transition: all ease .2s;
	position: relative;
}
#escritorio a:hover .img-galeria {
	-webkit-transform: scale(1.02, 1.02) !important;
	   -moz-transform: scale(1.02, 1.02) !important;
	    -ms-transform: scale(1.02, 1.02) !important;
	     -o-transform: scale(1.02, 1.02) !important;
	        transform: scale(1.02, 1.02) !important;
	        z-index: 2;
        border-radius: 10px;
	    box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.3);   
}

.telefone {
	font-size: 26px;
	color: #FFF;
	font-weight: 500;
	text-align: center;
}

.equipe-fundo {background-size: contain !important;}

.client-galery .slick-arrow:before {color: var(--corPrimaria) !important;} 

.carousel-arrows {
	/*font-size: 40px;*/
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: var(--corPrimaria);
    border: none;
    outline: none;
    background: transparent;
}
.carousel-arrows:hover,
.carousel-arrows:active,
.carousel-arrows:focus{
	color: #666;
	text-decoration: none;
}

.carousel-arrows .arrow-prev {left: -25px;font-size: 40px;}
.carousel-arrows .arrow-next {right: -25px;font-size: 40px;}

.modal-body {text-align: center;}
.modal-body a{
	color: #4e4e4e;
	font-weight: 500;
	font-size: 16px;
}
.modal-body a:hover,
.modal-body a:active,
.modal-body a:focus {
	color: var(--corSecundaria);
	text-decoration: none !important;
}

#cabecalho {transition: all 0.5s ease;}

.btn-area {
	background-color: transparent;
	border: 2px solid var(--corSecundaria);
	border-radius: 100px;
	text-transform: uppercase;
	color: var(--corSecundaria);
	text-align: center;
	font-weight: 500;
	transition: all .4s ease;
	padding: 8px 20px;
}
.btn-area:hover,
.btn-area:active,
.btn-area:focus{
	border-color: #23527c;
	background-color: var(--corSecundaria);
	color: #FFF;
}

#modalArea .modal-content {border-radius: 0;}
#modalArea .modal-header {
	background-color: var(--corSecundaria);
	min-height: 95px;
}
#modalArea .modal-title{
	color: #FFF;
	margin: 20px 0;
}

/* 4K */
@media(min-width: 1800px) {
	.equipe-fundo {background-position: center !important;}
}
/* 4K */

@media(min-width: 1200px) {
	.navbar-transparente .navbar-nav>li>a {font-size: 18px;}
}

/* Telas Médias */
@media(max-width: 1200px) {
	.colaborador {min-height: 300px;}

}
/* Telas Médias */

/* Desktop */
@media (min-width: 992px) {
	.banner-titulo {
		bottom: 0;
		width: 40%;
		left: 30%;
		margin-bottom: 40px;
	}
	.navbar-header>a>img {
		width: 170px;
		transition: all .5s ease;
	}
	.navbar-nav>li>a:hover {border-bottom: 2px solid var(--corPrimaria) !important;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {border-bottom: 2px solid var(--corPrimaria) !important;}
	.colaborador-foto {float: left;}
	.office-desc {height: 750px;}
	.navbar-header {width: 15%;}
	.navbar-nav {
	    width: 85%;
	    text-align: center;
	}
	.navbar-nav> li {
	      float: none;
	      display: inline-block;
	}
	.colaborador-dados {
		padding-left: 15px;
		float: right;
	}
}
/* Desktop */

/* 991px - 1200px */
@media (min-width: 991px) and (max-width: 1200px) {
	.area>.col-md-4 {padding-left: 0;}
	.area .area-title {font-size: 16px;}
}
/* 991px - 1200px */

/* Tablets */
@media(max-width: 991px) {
	.banner-titulo {
		top: 50%;
		width: 70%;
		left:15%;
		text-align: center;
	}
	.banner-titulo span {font-size: 20px;}
	.navbar-transparente {background-color: #111E48 !important;}
	.navbar-header>a>img {height: 80px;}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin: 0;}
	.nav {
		margin: auto !important;
		text-align: center;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {margin-top: 10px !important;}
	.navbar-transparente .navbar-toggle {
		border: none;
		color: #FFF;
		margin-top: 0;
	}
	.navbar-transparente .navbar-toggle:hover,
	.navbar-transparente .navbar-toggle:focus,
	.navbar-transparente .navbar-toggle:active{background-color: transparent;}
	.area {padding-bottom: 30px;}
	.area-icon {
		margin: auto;
		float: inherit;
		width: 100px;
		height: 100px;
		padding: 22px 0 0 22px;
	}
	.modal-body .area-icon{padding: 22px 0;}
	.area-icon img {
		height: 55px;
		margin: 0;
	}
	.area-title, .area-text {text-align: center;}
	.colaborador {min-height: inherit;}
	.colaborador-foto {margin: auto;}
	.colaborador-dados>h1, .colaborador-dados>h5 {text-align: center;}
	.colaborador-dados>p {text-align: center;}
	.area-title {padding-top: 5px;}
	#escritorio .img-principal {height: 250px;}
	#escritorio .img-galeria {height: 175px;}
	.equipe-fundo {
		background-size: cover !important;
		background-color: #f6f6f6 !important;
	}
	.navbar-header {width: 10%;}
	.navbar-nav {
	    width: 90%;
	}
	#modalArea .modal-icon{
		padding: 15px 0 0 23px;
		width: 80px;
	    height: 70px;
	}
	#modalArea .area-icon {
		height: 70px;
		width: 70px;
		padding: 15px 0 0 20px;
	}
	#modalArea .area-icon img{height: 40px;}
}
/* Tablets */

/* Cabeçalho de Tablet */
@media(min-width: 767px) and (max-width: 991px) {
	.navbar-nav {padding: 0 10px;}
	.navbar-transparente .navbar-nav>li>a {padding-top: 0;}
	.navbar-header img {
		height: auto !important;
		width: 100%;
	}
	.nav>li>a {font-size: 12px !important;}
}
/* Cabeçalho de Tablet */

/* Smartphones */
@media(max-width: 768px) {
	#formulario>div {padding: 0;}
	#formulario button {
	    width: 100% !important;
    	font-size: 12px;
	}
	.area {min-height: 220px;}
	.nav>li>a {font-size: 14px;}
	.navbar-header>a>img {height: 50px;}
	.degrade{height: 450px !important;}
	.titulo h1 {font-size: 24px;}
	.footer {font-size: 12px;}
	#modalArea #areaTitle {font-size: 15px;}
}
/* Smartphones */