@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

*{
	font-family: 'Roboto', sans-serif;
}

p{
	color: #474747;
}

a{
	transition: all .6s;
}

img{
	max-width: 100%;
}

#header{ 
background: -moz-linear-gradient(top,  rgba(0,0,0,0.90) 0%, rgba(0,0,0,0.75) 2%, rgba(0,0,0,0.55) 67%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.90) 0%,rgba(0,0,0,0.75) 2%,rgba(0,0,0,0.55) 67%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.90) 0%,rgba(0,0,0,0.75) 2%,rgba(0,0,0,0.55) 67%,rgba(0,0,0,0) 100%);

	z-index: 9111;
	position: absolute;
	width: 100%;
}

.logo{
	margin: 25px 0;
	float: left;
}

#header .btn{
	background-color: #313134;
	padding: 6px 5px 3px 5px;
	border-radius: 5px;
}

#header .btn svg{
	width: 15px;
	height: 15px;
	fill: #ffd218;
}

.topo{
	color: #fff;
	margin-top: 15px;
}
@media(max-width: 992px){
	.topo{
		margin-top: 0;
	}
}

#header .btn2{
	background: #ffd218;
	color: #000;
}

/********************** Inicio Menu *******************************/
#menu-toggle {cursor: pointer; display: none; }		

#menu {
	border-top: 1px solid #fff;
	padding-top: 5px; 
	height: 30px;
	z-index: 111;
	margin-top: 15px;
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: -12px;
}

#menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu ul li{ 
	display: inline-block;
	vertical-align: top; 
	height: auto; 
	position: relative;
}

#menu ul li a{ 
	font-size: 14px; 
	display: block;
	border-radius: 5px;
	height: auto;  
	padding: 0px 15px; 
	line-height: 30px; 
	color: #fff; 
	text-decoration: none;
	text-transform: uppercase;
} 

#menu ul li a.active{ 
	background: #fff373 !important;
	color: #000 !important;
}

.ativo,
#menu ul li a:hover{ 
	background: #2e2e2e;
	color: #ffed28; 
}  

#menu ul.nav-right{
	float: right;
}
 
@media only screen and (min-width: 1200px) { 
	#menu.nav-fixed {position: fixed; height: auto; left: 0; top:0; z-index: 199; background: #3c3f41; border-radius: 0; margin-top: 0; width: 100%; padding:5px 0; }
	#menu.nav-fixed ul{ display: block; margin: 0 auto; width: 100%; text-align: center;}
	#menu.nav-fixed ul li{display: inline-block; vertical-align: middle; float: none;}
	#menu.nav-fixed ul a{line-height: 35px; color: #fff;}
	#menu.nav-fixed ul a:hover{background: #fff; color: #3c3f41; line-height: 35px; margin-top: 0;}
	#menu.nav-fixed li ul{
		top: 98%;
	}
	#menu.nav-fixed li ul li{
		display: block;
		text-align: left;
	} 
	#menu.nav-fixed li ul li a{ 
		line-height: 20px; 
		color:#292828; 
	}
	#menu.nav-fixed li ul li a:hover{
		line-height: 20px;
		background: #3c3f41;
		color: #fff;
	}
} 


#menu.nav-fixed ul li > ul {display: none; }
/* Submenu */
#menu li ul {position: absolute; z-index:99999; top:29px; left:0px; display: none; width:255px; margin-left:0px; padding-top: 1px; text-align: left;}
#menu li ul li { height:auto; display: block; width:255px;}
#menu > ul > li:hover > ul {display: block; }
#menu li ul li a{
	height:auto;
	line-height:20px; 
	padding: 8px 10px;
	font-size:14px; 
	background: #ffde52;
	border-radius: 0;
	color: #313134;
	border-bottom:1px dotted #797878;
}
#menu li ul li:before {
	display: none;
}
#menu li ul li a:hover{
	background: #3c3f41;
	color: #fff;
}
#menu li ul li:last-child a{border-bottom: none;}

 
#painel-home ul{
	padding-left: 0;
	list-style: none;
}
	.texto{
		width:100%; position: absolute; z-index: 1; top:18%; text-align: center;
	}
	.texto img{width: auto !important; margin: 0 auto;}

@media(max-width: 992px){
	.texto{
		top: 30%;
	}
}
@media(max-width: 600px){
	.texto{
		top: 75%;
	}
}
@media(max-width: 768px){
	#painel-home{
		margin-bottom: 30px;
	}
}

.relative{
	position: relative;
}

.home1 h3{
	color: #3a3a3a;
	font-size: 28px;
	margin-bottom: 30px;
}

@media (max-width: 770px){
	.home1 h3{
		font-size: 22px;
	}
}

.home1 ul{
	padding-left: 0;
	list-style: none;
}
.home1 li{
	margin-bottom: 5px;
	/*border-bottom: 1px dotted #414141;*/
	padding-bottom: 5px;
	line-height: 20px;

}
.home1 li p{
	display: table-cell;  
	vertical-align: middle;
	width: auto;
	height: 35px;
}

.icone{
	width: 50px;
	height: 50px;
	display: inline-block;
	vertical-align: top;
	border-radius: 15px;
	background-color: #414141;
	text-align: center;
	margin-right: 15px;
}
.icone svg{
	width: 30px;
	height: 30px;
	fill: #ffd218;
	display: block;
	margin: 0 auto;
	position: relative; top: 50%;
	transform: translateY(-50%);
}

.home1 .media {
	align-items: center;
}

.foto-familia{
	top: 0;
	position: absolute;
	right: 0;
}

.info-home{
	background: #393737 url(../img/info-home.png) repeat-x center bottom ;
	padding: 30px 0 0 0;
}

.info-home h4{
	font-size: 18px;
	color: #ffd218;
}

.homem{
	float: left;
	margin: -67px 10px 0px 0;
}

.info-home p{
	color: #fff;
	text-transform: uppercase;
}

.info-home .btn{
	border-radius: 12px;
	text-align: left;
	margin-left: 15px;
	font-size: 26px;
	color: #ffd218;
	background-color: #222222;
}

.info-home .btn:hover{
	color: #222222;
	background-color: #ffd218;
}

.tt-home{
	color: #393737;
	font-size: 26px;
	border-bottom: 1px solid #ffd218;
	margin-bottom: 25px;
	padding-bottom: 10px;
}

.datahome{
	display: inline-block;
	height: 130px;
	padding: 20px 10px 10px 10px;
	border-radius: 10px;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	width: 40%;
	margin: 0 10px 10px 0;
	vertical-align: top;
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.datahome big{
	display: block;
	font-size: 58px;
	font-weight: bold;
}

.boxserv .datahome{
	width: 130px;
	display: block;
	margin: 0 auto 20px auto;
}

.list{
	margin-left: 15px;
	width: 50%;
	display: inline-block;
	padding-left: 0px;
	list-style-image: url(../img/icones/list.png);
}

.homens{
	max-width: 200%;
	margin: -80px 0 0 -100px;
}

.carousel{ 
	margin-bottom: 30px;
}
	.owl-prev, .owl-next{display: block; height: 46px; width: 46px; position: absolute; z-index: 200; text-indent: -9999px; top:50%; 
		background-image: url(../img/icones/arrow.png); background-repeat: no-repeat; margin-top: -23px}
	.owl-prev {background-position: 0 0; left: -23px; }
	.owl-next {background-position: -49px 0; right: -23px; }

.item{
	display: block;
	margin: 0 auto;
	float: none !important;
	max-width: 265px;
} 
	/*.item img{vertical-align: middle;position: relative; top: 50%;transform: translateY(-50%);}*/
.item img{
	border-radius: 5px;
}
.imovel{
	padding: 30px 10px 15px 10px;
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	border-radius: 5px;
	margin: 5px 0 10px 0;
}
.imovel h2{
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #3b3b3b;
	margin-top: 10px;
}
.imovel p{
	font-size: 14px;
	color: #3b3b3b;
}

.zoom{display: block; text-align: center; width: 100%; overflow: hidden;}
.zoom img {transition: all .5s; vertical-align: middle; width: 100%;}
.zoom:hover img {transform: scale(1.3); transition: all .5s;}

.bnr{
	height: 319px;
	-webkit-background-size: cover !important;
	background-size: cover !important;
}
	@media(max-width: 768px){
		.bnr{height: 230px;}
	}
	@media(max-width: 576px){
		.bnr{height: 200px;}
	}

.bnr-quemsomos{
	background:url(../img/topo/quemsomos.jpg) no-repeat center;
}
.bnr-noticias{
	background:url(../img/topo/noticias.jpg) no-repeat center;
}
.bnr-legislacao{
	background:url(../img/topo/legislacao.jpg) no-repeat center;
}
.bnr-contato{
	background:url(../img/topo/contato.jpg) no-repeat center;
}
.bnr-servicos{
	background:url(../img/topo/servicos.jpg) no-repeat center;
}
.bnr-proposta{
	background:url(../img/topo/proposta.jpg) no-repeat center;
}
.bnr-local{
	background:url(../img/topo/local.jpg) no-repeat center;
}
.bnr-administracao{
	background:url(../img/topo/administracao.jpg) no-repeat center;
}
.bnr-implantacao{
	background:url(../img/topo/implantacao.jpg) no-repeat center;
}
.bnr-sindico{
	background:url(../img/topo/sindico.jpg) no-repeat center;
}
@media(max-width: 768px){	
	.bnr-sindico{
		background-position: 15% 0;
	}
}

.banneradm{
	margin-top: -55px;
	background: url(../img/servicos3.jpg) no-repeat center;
	width: 100%;
	background-size: cover;
	height: 458px;
}

.titulos {
	margin: 25px 0;
}

.titulos h2{
	font-size: 26px;
	color: #363737;
	padding-bottom: 5px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 5px solid #ffd218;
}
.titulos h2 small{
	text-transform: none;
}

@media(max-width: 768px){
	.ttimg img{
		vertical-align: bottom;
	}	
}

.tt{
	font-size: 22px;
	margin-bottom: 20px;
}
.ttsub{
	font-size: 22px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ffd218;
	text-transform: uppercase;
}

.new_tt{
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}

.qm1:before,
.qm2:before,
.qm3:before{
	content: "";
	width: 50%;
	top:0;
	position: absolute;
	background-size: cover !important;
}
.qm1:before{
	background: url(../img/quemsomos-1.jpg);
	right: 0;
	height: 375px;
}
.qm2:before{
	background: url(../img/quemsomos-2.jpg);
	left: 0;
	height: 396px;
}
.qm3:before{
	background: url(../img/quemsomos-3.jpg);
	right: 0;
	height: 414px;
}
@media (max-width: 767px){
	.qm1:before,
	.qm2:before,
	.qm3:before{
		display: none;
	}

	/*.quemsomos h3{
		padding-top: 10px;
		margin-bottom: 20px;
	}*/
}
.btn1{ 
	color: #222222;
	background-color: #ffd218;
}

.btn1:hover{
	color: #ffd218;
	background-color: #222222;
}


.lista{
	margin-bottom: 45px;
}

@media(max-width: 768px){
	.lista{margin-bottom: 25px;}
}

.lista, .lista1{ 
	padding-left: 15px;
	list-style-image: url(../img/icones/list.png);
}
.lista li{
	padding: 3px 0 3px 10px;
}
.lista a{
	color: #222222;
}

.lista1 li{
	border-bottom: 1px dotted #222;
	padding: 3px 0 3px 10px;
}

.lista1 li:last-child{
	border-bottom: none;
}

.list2{
	padding: 0;
	list-style: none;
}

.list2 li{
	border-radius: 13px;
	padding: 5px 10px 5px 30px;
	display: block; 
	margin-bottom: 5px;
	background: #ededed url(../img/icones/list.png) no-repeat 12px 12px;
}

.subtt{
	background: #ffd218;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	border-radius: 10px;
	margin: 25px 0;
	padding: 7px 10px; 
}

.subtt img{
	float: left;
	margin: -20px 15px -10px -10px;
}

.marcas {
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    height: 200px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
}

 .marcas img{
 	display: block;
 	margin: 0 auto;
 	max-width: 80%;
 }

 .noticia{
 	border-bottom: 1px dotted #a5a5a5;
 	margin-bottom: 25px;
 }

 .time{
 	float: left;
 	vertical-align: middle;
 	margin: 0 10px 15px 0;
 	background-color: #565656;
 	border-radius: 8px;
 	padding: 8px 15px;
 	color: #fff !important;
 }

 .noticia h3{
 	color: #565656;
 	font-size: 20px;
 }

 .noticia time{
 	color: #999;
 }

 .pagination .active a.page-link{
 	background: #ffd218;
 	border-color: #ffd218;
 	color: #414141;
 }

 .pagination a.page-link{
 	color: #414141;
 }

 .btn-volta{
 	background: #565656;
 	color: #fff;
 }

 .btn-volta:hover{
  	background: #ffd218;
  	color: #363636;
  }

.cabecalho h2{
	color: #565656;
	font-size: 22px;
	margin-bottom: 5px;
}

.cabecalho time{
	color: #737373;
}

 #form .form-control{
 	min-height: 45px;
 	border:1px solid #ccc;
 }
 #form input[type=checkbox],
 #form input[type=radio]{
 	height: 16px;
 	width: 16px;
 	border: 1px solid #ddd;
 	margin-left: 0;
 	margin-right: 10px;
 }
.form-check-label{
 	padding-left: 1.70rem;
 }

 #form .btn{
 	background: #ffd218;
 	color: #222;
 	margin-top: 20px;
 	height: 50px;
 	border: none;
 	font-size: 18px;
 	font-weight: bold;
 	cursor: pointer;
 }

  #form .btn:hover{
  	background: #ffd218;
  	color: #222;
  }

  #form .form-check{
  	height: 13px;
  	display: inline-block;
  }

  #form .form-label{
  	height: 15px;
  }

 .captcha{
 	float: left;
 	border:1px solid #ccc;
 	margin-right: 10px;
 	background-color: #fff;
 	padding: 9px 5px 9px 10px;
 }

 #captcha{
 	width: 180px;
 	float: left !important;
 }

.formulario{
	border-radius: 8px;
	background-color: #e0e0e0;
}

.homem2{
	display: block;
	margin: 0 auto -24px auto;
}

@media (min-width: 992px){
	.rodapeint{
		height: 635px;
		width: 100%;
		background: url(../img/rodape.jpg) center no-repeat;
		display: block;
		background-size: cover;
		margin-top: -460px;
	}
}
#footer{
	padding-top: 25px;
	background: #414141;
}

#footer h6{
	font-size: 14px;
	color: #ffd218;
	font-weight: bold;
}

#footer p{
	font-size: 14px;
	color: #fff;
}


#footer .btn{
	background-color: #ffd218;
	padding: 8px 10px 5px 10px;
	border-radius: 10px;
}

#footer .btn svg{
	width: 25px;
	height: 25px;
	fill: #292929;
}

.rodape{
	padding: 5px 0;
	color: #fff;
	font-size: 14px;
	margin-top: 25px;
	background: #363636;
}

.fancybox-type-iframe .fancybox-inner {
  height: 450px !important;
}
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {position: relative; max-width: 100% !important; margin: 0 auto; padding: 0; *zoom: 1;}
.bx-wrapper img {width: 100%; display: block;}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 5px; width: 100%; padding: 0;  z-index: 1000; }
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px; background: url(../js/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}

/* PAGER */
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-pager-item {padding: 5px 0;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #414141; text-indent: -9999px; display: block; width: 20px; border:2px solid #fff; height: 20px; margin: 0 2px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #ffd218;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 5%; background-position: 0 0; }
.bx-wrapper .bx-next {right: 5%; background-position: -49px 0; }
.bx-wrapper .bx-prev:hover ,
.bx-wrapper .bx-next:hover {opacity: 1;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -23px; outline: 0; width: 46px; height: 46px; text-indent: -9999px; z-index: 9999;
background-image: url(../img/icones/arrow.png); background-repeat: no-repeat; opacity: 0.6;}

.bx-wrapper .bx-controls-direction a.disabled { display: none;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; display: block; font-size: .85em; padding: 10px;}

.barratopo{display:none} 
.pull {display: none; background: url(../img/icones/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; cursor: pointer;}

@media(max-height: 295px){
 #menu{
 	 overflow-y: scroll;
 }
}
@media only screen and (max-width: 1200px) { 
	.pull {display: block; float: right; padding: 0 40px 0 0; } 
	#menu {background: #3c3f41; position: fixed; border-radius: 0; left: -100%; top: 35px; z-index: 99999; width: 200px; height:100vh; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0;}
	#menu ul{float: none !important; margin: 0 0; }
	#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom:1px solid #69675d;}
	#menu ul li a {text-align: left; border-radius: 0; color: #fff; font-size: 1em; font-weight: bold; text-indent: 0px; width: auto; height: auto; line-height: 22px; padding: 10px; } 
	#menu ul li:hover > ul {display: block; }
	#menu ul li ul{position:relative; top:0px; margin:0px; display: none; width: 100%;} 
	#menu ul li ul li{width: 100%;}
	#menu li ul li a{color: #363636;}
	#menu-toggle:checked + #menu { left: 0 !important; }
	.barratopo{position:fixed; display: block; left: 0; top: 0; padding: 0; font-size:14px; width: 100%; height: 35px;
	 z-index:99999; background: #363636; }
	.barratopo span {color: #fff; position: absolute; line-height:35px; left: 10px;}
	.barratopo span img{margin: 0px 5px 0 0px; height: 20px}
	.topo img{width: 20px;}
 
 	#header {
 		margin-top: 35px;
 		padding-bottom: 5px;
 	}

 	#header .btn{
 		padding: 7px 7px 3px 7px;
 	}

 	#header .btn svg{
 		width: 20px;
 		height: 20px;
 	}

 	.homem 	{
 		display: none;
 	}

 	.foto-familia{
 		width: 50%;
 	}
 	.homens{
 		width: 100%;
 		margin: auto;
 	}
 
}

@media only screen and (max-width: 991px) { 
 	.foto-familia,
 	.homens{
 		display: none;
 	}
}

@media only screen and (max-width: 767px) { 
	.home1 li{
		padding: 7px 0;
	}
	.home1 li p{
		vertical-align: middle;
		width: auto;
		height: 55px;
   		display: table-cell !important;
	}
	.logo{
		float: none;
		display: block;
		margin: 25px auto;
		max-width: 238px;
	}

	.info-home{
		padding-bottom: 30px;
		text-align: center;
		background-position: right bottom; 
	}
	.info-home img{
		display: none;
	}
}

@media only screen and (max-width: 600px) { 
	#header{
		padding-bottom: 0;
	}
	 .topo{
	 	display: none;
	 }
	 .owl-prev{
	 	left: 0px;
	 }
	 .owl-next{
	 	right: 0;
	 }

	 .info-home .btn{
	 	font-size: 14px;
	 }
}

.codephix_blog_post_video {
  width: 900px;
  max-width: 90%;
  margin: 25px auto 0 auto;
}
.codephix_embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.codephix_embed-container iframe, .codephix_embed-container object, .codephix_embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.codephix_embed-container embed, .codephix_embed-container video, .codephix_embed-container iframe, .codephix_embed-container iframe[style] {
  max-width: 100%;
}

@media (min-width: 1200px) { 
	.banner-programa{ 
		background-image: url(../img/bg.jpg);
		background-repeat:  no-repeat;
		background-position:  center;
		padding: 30px 0 25px 0 !important;
	}
}

@media (max-width: 1200px) { 
.banner-programa{
	background-color: #ffd218;
	padding: 30px 0;
}
}