@charset "utf-8";
/* CSS Document */

html{ scroll-behavior:smooth;}

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
body{ font-family: 'Montserrat', sans-serif; color:#FFF;}

/* ini: Preloader */
body{ overflow:hidden;}
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.5); /* cor do background que vai ocupar o body */
    z-index:9999; /* z-index para jogar para frente e sobrepor tudo */
}
#preloader .inner {
    position: absolute;
    top: 50%; /* centralizar a parte interna do preload (onde fica a animação)*/
    left: 50%;
    transform: translate(-50%, -50%);
	text-align:center; 
}
#preloader .inner img{ width:75%; padding:0 0 20px 0;}
.bolas > div {
  display: inline-block;
  background-color:rgba(255,255,255,0.5);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin: 5px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: animarBola;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
   
}
.bolas > div:nth-child(1) {
    animation-duration:1s ;
    animation-delay: 0;
}
.bolas > div:nth-child(2) {
    animation-duration: 1s ;
    animation-delay: 0.1s;
}
.bolas > div:nth-child(3) {
    animation-duration: 1s  ;
    animation-delay: 0.2s;
}
 
@keyframes animarBola {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.5;
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; 
  } 
}
/* end: Preloader */

html, body, header, section, footer, div, p, a{ padding:0; margin:0; }
a{ text-decoration:none !important;}
a:hover{ cursor:pointer;}
/*efeito de transição*/
a, .anima{ transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
img{ border:none;}
h1, h2, h3, h4, h5{ font-weight:bolder; padding:10px 0; margin:0;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:16px;}
h4{ font-size:14px;}
h5{ font-size:12px;}

body{ background:url(../img/bg-cd.jpg) fixed; background-position:center; background-size:cover;}

/*MENU*/
header{}
.topo-fixo{ position:fixed; top:0; left:0; z-index:9997; background:url(../img/bg-topo-fixo.png) center top repeat-x; width:100%; box-shadow:#000 0 0 10px;}
.large{ height:100px;}
.small{ height:75px;}
	.logo{ height:125px; text-align:center;}
		.logo img{ padding:20px 40px; background:rgba(0,0,0,0.9); border-radius:0 0 10px 10px; box-shadow:#000 0 0 10px; height:125px;}
	.menu-box{ height:100px; color:#FFF;}
	.menu-box a{ color:#FFF;}
	.menu-box a:hover{ text-shadow:#FFF 0 0 5px;}
		.menu-info{ height:45px; font-size:12px; overflow:hidden;}
			.menu-local{ margin:20px;}
			.menu-social{ margin:10px 0 0 0; padding:10px 10px 5px 10px; border-radius:5px; background:#C03;}
			.menu-tel{ margin:20px;}
				.menu-info div span{ color:#666; padding:0 10px;}
				.menu-info div i{ margin:0 5px; font-size:16px;}
				
		.menu{ height:55px;}
			.itemmenu{ padding:15px; position:relative; border-radius:5px 5px 0 0; font-weight:bolder;}
			.itemmenu:hover{ background:rgba(255,255,255,0.1);}
			.itemmenu ul{ display:none;}
			.itemmenu:hover ul{ display:block; position:absolute; top:55px; left:0; background:#333; list-style:none; padding:13px 0px; border-radius:0 5px 5px 5px; box-shadow:#000 0 0 5px; border-top:#C03 5px solid;}
				.itemmenu ul li{ font-size:12px; padding:2px 25px;}
				.itemmenu ul li:hover{ padding-left:30px; padding-right:20px; background:url(../img/subm-icon.png) left no-repeat;}
	/*diminuir menu*/
	.small .logo{ height:90px;}
		.small .logo img{ height:90px;}
	.small .menubox{ height:75px;}
		.small .menu{ height:75px;}
		.small .menu-info{ height:0px;}
			.small .itemmenu{ padding-top:30px; padding-bottom:30px;}
			.small .itemmenu:hover ul{ top:75px;}

/*MENU MOBILE*/
.menu-mobile{ display:none;}
@media only screen and (max-width : 1020px) {
.topo-fixo{ position:relative; background:#000; height:150px;}
	.logo img{ padding:30px 40px 10px 40px; background:rgba(0,0,0,0.9); border-radius:0; box-shadow:none;}
	.menu-box{ display:none;}
	
.menu-mobile{ display:block; width:0; height:0; position:fixed; left:0; top:0; z-index:9998;}
	#btm1, #btm2{ position:absolute; z-index:9999; left:0; top:0; border-radius:0 0 5px 0; background:#222; color:#FFF; width:50px; height:50px; box-shadow:#000 0 0 5px;}
		#btm1 span, #btm2 span{ padding:15px; font-size:24px;}
	#btm1{ display:block;}
	#btm2{ display:none;}
	#mm-box{ width:320px; margin:0 0 0 -320px; position:absolute; z-index:998; left:0; top:0; background:rgba(0,0,0,0.9); border-radius:0 0 10px 0; padding-top:60px; padding-bottom:15px; box-shadow:#000 0 0 5px;}
	#mm-box a{ color:#FFF;}
		.item-mm{ padding:0 20px; font-weight:bolder; border-radius:0;}
			.item-mm ul{ display:block; list-style:none; padding:0;}
				.item-mm ul li{ font-size:12px; padding:0 0 0 30px; background:url(../img/subm-icon.png) left no-repeat;}
}

	.cont-pg{ margin-top:100px;}
	@media only screen and (max-width : 1020px) {
	.cont-pg{ margin-top:0px;}
	}
	
	.barra{ height:5px; background:#C03; width:100%; margin-left:auto; margin-right:auto;}
	
	.conteudo{ width:100%;}
	@media only screen and (max-width : 700px) {
	.conteudo{ background-size:contain;}
	}
	
	/*páginas*/
	.conteudo-pg{ padding:20px 0;}
	.conteudo-cd{ width:360px; text-align:center;}
	@media only screen and (max-width : 900px) {
	.conteudo-cd{ width:85%; margin:auto;}
	}
		.conteudo-cd .row{ padding-bottom:40px;}
		
		.cd-contatos{ font-size:10px;}
			.cd-contatos a{ padding:10px; border-radius:10px; width:80px; background-image:linear-gradient(to bottom right, #333, #000); display:inline-block; font-size:36px; color:#FFF; border:#900 2px solid; margin-bottom:5px;}
			.cd-contatos a:hover{  background-image:linear-gradient(to bottom right, #F00, #900); border:#F00 2px solid; box-shadow:#F00 0 0 20px;}
			.cd-contatos .col-sm-4, .cd-contatos .col-sm-6{ padding:10px 0; color:rgba(255,255,255,0.6);}
			@media only screen and (max-width : 900px) {
			.cd-contatos .col-sm-4{ width:33.3%;}
			 .cd-contatos .col-sm-6{ width:50%;}
		
		.cd-footer{ font-size:11px; text-align:center;}