.hide{
	display: none;
}

.show{
	display: block;
}

.debug{
	height: 115px;
	background-color: var(--roxo);
}

.header{
	width: 100%;
	z-index: 999;
	padding: 10px 0;
	position: absolute;
	transition: all ease .4s;
	background-color: var(--roxo);
}

.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: space-between;
}

.header ul{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 20px;
}

.header ul li{
	list-style: none;
	margin-left: 15px;
}

.header ul li a{
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
}

.header ul li a:hover{
	color: var(--laranja);
}

.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 {
    background: rgba(123, 63, 162, 0.53);
    backdrop-filter: blur(19px);
}
.header .logo img:hover{
    transform: scale(1.02);
}

body:not(.home) .header {
    background: var(--roxo);
}


@media(max-width: 1600px){
    
    .logo img {
        max-width: 115px;
    }
    .header ul li a {
        font-size: 15px;
        line-height: 18px;
    }
    .debug {
        height: 105px;
    }
    
        
        
        
        
        
        
    
}
@media(max-width: 1440px){
    
    .logo img {
        max-width: 105px;
    }
    .header ul {
        margin-top: 15px;
    }
    .header ul li a {
        font-size: 14px;
        line-height: 18px;
    }
    .debug {
        height: 97px;
    }
    
    
    
    
    
}
@media(max-width: 1366px){
    
    
    
}
@media(max-width: 1280px){
    
    
    
}
@media(max-width: 1040px){
    
	.debug {
		height: 93px;
	}
	.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(70vh - 94px);
		top: 94px;
		left: 0;
		background-color: var(--roxo);
		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(--roxo) !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-reverse;
        justify-content: center;
        align-items: flex-start;
    }
	.redesSociais a {
        margin-left: 15px;
    }
	.header.menu-ativo{
        background-color: var(--roxo);
    }
    	
	
	
	
	
}
@media(max-width:  991px){
    
    
    
}
@media(max-width:  575px){
    
    
    
}
@media(max-width:  375px){
    
    .content-menu ul li {
        margin-bottom: 15px;
    }
    .content-menu ul li a {
        font-size: 16px;
        line-height: 26px;
    }
    .footer.active-menu {
        padding-top: 30px;
    }
        
    
    
}
@media(max-width:  330px){
    
    .content-menu ul li a {
        font-size: 15px;
        line-height: 22px;
    }
    .header ul {
        margin-top: 0px;
    }
    
}