@charset "utf-8";
@font-face {
	font-family: "KozGoPro-Bold";
	src: url("../fonts/KozGoPro-Medium.otf");
}
/*@font-face {
	font-family: "Larissa";
	src: url("../fonts/larissa_bold.ttf");
}*/

* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;

	outline: none;

}

body {
      background: #fff;
	/*text-align: center;*/
	/*	font-family: "AvantGarde Md";*/
	overflow-x: hidden;
	max-width: 100%;
 color: #333;
	/*background: url('imagens/topo_fundo.jpg')no-repeat top center,url('imagens/topo_fundo_repetido.jpg')top left repeat-x ; */
	/*	background: -webkit-linear-gradient(#04464c, #04464c, #6febf8);
	background: linear-gradient(#04464c, #04464c, #6febf8);*/
	/* Standard syntax */
	background-attachment: fixed;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	color: #00335b;
	text-transform: uppercase;
}

h1 {
		font-size: 1.5em;
	padding: 2px 20px 2px 20px;
/*	border-radius: 0px 30px 0px 30px;
	background: #00335b;
	color: #a53326;

	display:table;
	max-width: 100%;
	border-bottom: solid 4px #00335b;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;*/

}

h2 {
	font-size: 1.5re;
	max-width: 100%;
	/*border-bottom: solid 2px #00335b;*/
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	color:#00335b;
}

.card h2{color:#00335b; margin-top:10px;margin-left:100px!important;}

h2 i{color:#00335b; font-size: 3rem}

h3 {
	font-size: 1.2em;
}

h4 {color: #3e7baf;
	font-size: 1.6em;
}

p {
	margin-left: 5px;
	margin-right: 5px;
}

a.facebook:link,a.facebook:visited{color:#3a589e;}
a.twitter:link,a.twitter:visited{color:#2aa9e0;}

a:link {
	color: #a7a7a7;
}

a:visited {
	color: #00335b;
}

a:active {
	color: #00335b;
}
a:hover{text-decoration: none; color: #001d33;}

.busca {
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), color-stop(#ededed), to(#ffffff));
	background: linear-gradient(#ededed, #ededed, #ffffff);
	border-top: solid 3px #006d74;
	border-bottom: solid 3px #006d74;
	padding: 10px;
}

.card:hover {
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	/*	border:1px solid #08911d;*/
	-webkit-box-shadow: 0 1px 0.4rem rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 0.4rem rgba(0, 0, 0, 0.5);
}


/*Centralizando imagem e cortando ---------------------------------xx----------------------------------*/

.crop_image {
	max-height: 180px;
	min-height: 180px;
	overflow: hidden;
}

.crop_image img {
    display: block;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
   /* border: solid 1px #f00;*/
	/*	left: 50%;
	position: relative;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);*/
}


/*Formulário ---------------------------------xx----------------------------------*/


/*	se resolução maior que 768px mantem centralizado*/

@media(min-width:768px) {
	.form-inline {
		margin-left: auto;
		margin-right: auto;
		display: table;
	}
}

.form input,
.form select,
.form submit {
	margin-top: 5px;
}

.form-control:focus {
	border-color: #a53326;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.has-error .form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
}


/*botões ---------------------------------xx----------------------------------*/

.btn {
		font-family: "Familiar Pro";
	background: #133266;
	color: #fff;
}

a.btn:link {
	color: #fff!important;
    background: #133266;
	padding: 5px;

}

a.btn:visited {
	color: #fff;
}

a.btn:hover {
 background: #003b9d;
	color: #fff;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-o-transition: 0.3s linear
}



/*formulário erro---------------------------------xx----------------------------------*/


label.error {
	list-style-type: none;
	list-style: none;
	color: #FF0000;
}

ul.error {
	list-style-type: none;
}
input.error,select.error, textarea.error, password.error{
border:solid 1px #d87b7b;
}


/*map fixo ---------------------------------xx----------------------------------*/

#map {
	margin-top: 20px;
	display: table;
	width: 100%;
	height: 400px;
	background-color: #666666;
}


/*scrol to top ---------------------------------xx----------------------------------*/

.scrollToTop {
	background: #741ba3;
	border-radius: 40px 40px 40px 40px;
	bottom: 60px;
	color: #fff;
	display: none;
	font-size: 17px;
	line-height: 22px;
	font-family: "Open Sans", sans-serif;
	padding: 5px 0;
	position: fixed;
	right: 20px;
	text-align: center;
	text-decoration: none;
	width: 55px;
	z-index: 999;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.scrollToTop i {
	color: #fff;
	display: block;
}

.scrollToTop span {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

.scrollToTop:hover,
.scrollToTop:focus {
	color: #fff;
	text-decoration: none;
}




/*Titulo home ---------------------------------xx----------------------------------*/



.tituloHome{
width:100%;
display: table;
padding-top: 3px;
padding-bottom: 3px;
background: #fff;
border-bottom: solid 3px #00335b


}
.tituloHome h2{
font-size: 1em;
font-family: "KozGoPro-Bold";
text-transform: uppercase;
margin-left: auto;
margin-right:auto;
margin-bottom: 0px;
margin-top: 0px;
display: table;
padding: 0;
color:#133266;
}

.tituloHome h2 span{
	color: #00335b;
	float: right;
	margin-left:2px;
margin-top:6px!important;
}

.titulo {
/*	max-width: 90%;*/
	display: table;
	margin-top: 20px;
/*	border: solid 1px #00335b;*/
	margin-left: 5px;
	margin-bottom: 10px;
/*	padding-left: 45px;*/
	padding-top: 15px;
/*	padding-right: 10px;
	padding-bottom: 10px;*/
	font-family: "KozGoPro-Bold";
/*background:url('../imagens/titulo_icone.png')no-repeat center left;*/
	text-decoration: none;
}

.titulo img{margin-right: 5px;}

.titulo .fas{ float: left; color:#d61f1f; margin-top:3px; margin-right:3px; font-size: 0.8em;}

.foto:hover{  filter: grayscale(1);}


.carousel-control {
	color: #bada55;
}

.carousel-control.right {
	opacity: 1 !important;
	color: red;
}

.carousel-control-prev,
.carousel-control-next,
.carousel-control-prev-icon,
.carousel-control-next-icon {
	color: #f00!important;
	color: #f00;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	background-image: none;
	display: inline-block;
	width: 40px;
	height: 40px;
	background: transparent no-repeat center center;
	background-size: 100% 100%;
}

.carousel-control-next-icon {
	background-size: 100%;
	background-image: url("right-arrow.png")!important;
}

.carousel-control-prev-icon {
	background-image: url("left-arrow.png")!important;
}

.carousel-indicators li {
	-webkit-box-shadow: 0 1px 0.4rem rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 0.4rem rgba(0, 0, 0, 0.5);
}
/*indicadores */



.carousel-indicators .active {
    background-color: #00335b !important;
}

.carousel-indicators .active.thumbnail {
    outline: 2px solid #00335b !important;
    background: none !important;
}

.carousel-indicators li {
    width: 20px !important;
    height: 20px !important;
    border-radius: 20px !important;
    border: 1px solid #fff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.carousel-indicators .thumbnail {
    width: 60px !important;
    height: 60px !important;
    border-radius: 0 !important;
	box-shadow: 0 0 50px rgba(26, 28, 27, 0.36);
    overflow: hidden;
}

.carousel-indicators .thumbnail img {
    position: relative;
    height: 120%;
    float: left;
}


.galeria img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: .3s ease;
  transition: .3s ease;
}


/*selecionar Categoria---------------------------------------xxx------------------------------------------------------------*/

.selecao {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.efeito{

    -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}



/*ampliação lightbox ---------------------------------xx----------------------------------*/

button.close {
	margin: 0px;
	padding: 0px;
	color: #f00;
}


/*botão fechar janela*/

.modal-title {
	margin: 0px;
	padding: 0px;
	color: #f00;
	background: #f00;
	display: none;
}


/*ampliação lightbox ---------------------------------xx----------------------------------*/

/*.modal-header{margin:0px; padding:0px; color:#f00; background:#f00;}*/

/*Dexia as setas de ampliação fixas -------------------------------xxx---------------------------------------*/





.equal > [class*='col-'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 33.33333%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 30px;
}








.container_img {
  position: relative;
  display: table;
}

.container_img .image {
  display: block;
  width: 100%;
  height: auto;
}

.container_img  .overlay {

  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.container_img:hover .overlay {
 -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}




.text {
  color: #fff !important;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

/*Eventos data---------------------------------------xxx------------------------------------------------------------*/

.data .dia,  .data .mes, .data .ano {
background:#00335b;
color:#fff;
font-size: 1rem;
float:left;
padding: 2px 8px 1px 8px;
margin-left: 2px;
font-weight: 600;;
}

.data{display: table;}

.dia{
border-radius: 5px 0px 0px 5px;
}

.mes{
border-radius: 0px 0px 0px 0px;
}
.ano{
border-radius: 0px 5px 5px 0px;
}

.eventos .overlayEventos {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
      background: rgba(2, 2, 2, 0.8);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.eventos:hover .overlayEventos {
  height: 100%;
}

.eventos .card-body {padding:3px!important;}
.eventos h2{margin-left:5px!important; font-size:1.2rem; }



/*----------------------------RODAPE---------------------------*/

.rodape {
/*	position: absolute;
    bottom: 0;*/
    width: 100%;
    background: #00335b;
    color: #fff;
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.rodape .container-fluid {
    text-align: justify;
}

.rodape h1,
.rodape h2,
.rodape h3,
.rodape h4,
.rodape h5,
.rodape h6 {
    font-weight: 900;
	color:#fff;
}

.rodape a {
    color: #fff!important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.rodape img {
    position: relative;
    max-height: 90px;
	padding: 5px;
}

.rodape a:hover {
    text-decoration: none;
    color: #fff;
    text-shadow: 0 0 3px #fff;
}

.rodape li {
    list-style: none;
}

     @media(max-width:993px) {
       	.rodape { position: relative;
    }
         .container-geral{padding-bottom:0px; }
    }

.full-width {
    position: relative;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}












/*----------------------------PARALAX---------------------------*/

#parallaxBar{
	background: url(../imagens/paralax/3.jpg);

	  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 6;
/*  opacity: 0.4;*/
/*    height:300px;
    background-color:#004c82;
    background: url(../imagens/paralax/parallax_1.jpg) 50% 0 fixed;*/
    position: relative;
}
.bemvindo{ font-size: 1.2rem; color:#00335b;}

.error{color:#f00;   clear: both ; display:table;}




#servicos{
	margin-top:40px;
	border-radius: 10px;
	 background-color: rgba(255,255,255,0.9);
	min-height: 300px;
}

#servicos h4 { color:#1781d4;}

/*----------------------------PRE-CARREGADOR---------------------------*/
        #preload {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#preload::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
