.hide{
	display: none;
}

.show{
	display: block;
}

.header{
	width: 100%;
	z-index: 999;
	padding: 15px 0;
	position: fixed;
	top: 0;
	transition: all ease .4s;
	background-color: transparent;
}

body.scrolled .header{
	background-color: var(--azulEscuro);
	padding: 10px 0;
}

.header .logo img{
	transition: all ease .4s;
}

.header.header-fixed{
	position: fixed;
	top: 0;
	transition: all ease .4s;
}

.header.header-fixed .logo img{
	max-width: 100px;
	transition: all ease .4s;
}

.header .container-fluid {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 120px;
}

.header ul li {
    list-style: none;
    margin-left: 20px;
}

.header ul li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
}

.header ul li:hover a{
	text-decoration: underline;
}

/* .redesSociais{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.redesSociais a{
	margin-left: 10px;
}

.redesSociais a i{
	font-size: 20px;
	color: white;
}

.redesSociais a:hover i{
	color: var(--laranja);
} */

/*RESPONSIVO*/

.open-menu{
	width: 64px;
	height: 64px;
	border: none;
	background: transparent;
	display: none;
}

.open-menu svg{
	width: 64px;
  margin: 0;
  height: auto;
}

.line {
  fill: none;
  stroke: #FFF;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}

.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}

.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}

.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}

.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}

.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}


.header .logo img:hover{
    transform: scale(1.02);
}
/* 
body:not(.home) .header {
    background: var(--roxo);
} */



.menuBaixo {
    display: none;
}









@media(max-width: 1600px){    
        
	.header ul {
		margin-left: 80px;
	}  
	.header .logo img {
		max-width: 65px;
	}
    .header ul li a {
		font-size: 15px;
		line-height: 24px;
	}
	
}
@media(max-width: 1440px){
    
    
    
    
}
@media(max-width: 1366px){
    
    
    
}
@media(max-width: 1280px){
    
    
    
}
@media(max-width: 1040px){
    
	.menuBaixo {
		display: block;
	}
	.content-menu.active-menu{
		transition: 0.3s all;
		-webkit-transform: translateX(0);
		   -moz-transform: translateX(0);
		    -ms-transform: translateX(0);
		     -o-transform: translateX(0);
		        transform: translateX(0);
	}
	.content-menu {
		position: fixed;
		width: 100%;
		height: calc(100vh - 94px);
		top: 94px;
		left: 0;
		background-color: var(--azulEscuro);
		transition: 0.3s all;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	/* .content-menu::after{
		content: '';
		display: block;
		width: calc(100% - 40px);
		height: 1px;
		background-color: white;
		position: absolute;
		bottom: 0;
		left: 20px;
	} */
	.content-menu ul{
		flex-direction: column;
		align-items: flex-start;
	}
	.content-menu ul li{
		margin-bottom: 20px;
	}
	.content-menu ul li a{
		font-size: 24px;
		line-height: 29px;
	}
	.open-menu{
		display: block;
	}
	.footer.active-menu{
		background-color: var(--azulEscuro) !important;
		background-image: unset !important;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 30vh;
		padding-top: 50px;
		z-index: 999;
	}
	.footer.active-menu .container-fluid .row ~ .row {
	    display: none;
	}
	.footer.active-menu .container-fluid{
			height: 100%;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	}
	.footer.active-menu .logo{
		width: 100%;
    display: flex;
    justify-content: center;
	}
	.footer.active-menu .logo img{
		max-width: 100px;
	}
	.footer.active-menu .copyright{
		margin-top: 0 !important;
		border-top: none;
		padding: 0 20px 40px 20px;
	}
	.footer.active-menu .copyright p{
		color: white;
	}
	.footer.active-menu .copyright img{
		filter: brightness(9999);
	}
	.content-menu ul li a {
        font-size: 20px;
        line-height: 28px;
    }
	.content-menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
	/*.redesSociais a {*/
 /*       margin-left: 15px;*/
 /*   }*/
	.header.menu-ativo{
        background-color: var(--azulEscuro);
    }
	.header .container-fluid {
		justify-content: space-between;
	}

	.menuBaixo {
		margin-left: 100px;
	}
	.content-menu .contatos .item {
		margin-bottom: 30px;
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.content-menu .contatos .item a {
		color: white;
		text-align: center;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
	body.scrolled .content-menu {
		height: calc(100vh - 84px);
		top: 84px;
	}
    	
	
	
	
	
}
@media(max-width:  991px){
    
    
    
}
@media(max-width:  575px){
    
    .header{
        z-index: 9999999;
    }
    .menuBaixo {
		margin-left: 20px;
	}
	.header ul {
		margin-left: 0px;
	}
	.content-menu .linhaBranca {
		width: 288px;
	}
	
    
}
@media(max-width:  375px){
    
	.content-menu .linhaBranca {
        width: 288px;
        margin: 20px auto;
    } 
	.content-menu ul li a {
		font-size: 18px;
		line-height: 26px;
	}
	.content-menu .contatos .item a {
		font-size: 18px;
	}
        
    
    
}
@media(max-width:  330px){

	.content-menu .contatos .item a {
		font-size: 16px;
	}
   	.content-menu ul li {
		margin-bottom: 15px;
	}
    
}






















