#check, #check-int, div#menu-desk{
	display: none;
}

nav{
	float: left;
	width: 100%;
	position: relative;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

#icone{
	background-color: #a60000;
	padding: 15px;
	border-radius:15px;
	float: right;
	cursor: pointer;
	margin-top: 40px;
	margin-right: 6px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

label#icone img#fechar-menu{
	display: none;
}

ul.menu{
	position: absolute;
	width: 100%;
	top: -100px;
	background-color: #a60000;
	padding: 20px 0;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

ul.menu li{
	float: left;
	width: 100%;
	padding: 15px 0;
}

ul.menu li a, ul.menu li label{
	color: #fff;
	font-size: 18px;
    font-weight: 400;
	border-bottom: 2px solid #a60000;
	cursor: pointer;
}

ul.menu li.link-destaque a{
    display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #ea2a29;
	border-bottom: none;
    padding: 12px 20px;
    border-radius: 999px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

ul.menu li.link-destaque a img{
    display: inline-block;
    vertical-align: middle;
}

ul.menu li.link-destaque span{
    display: inline-block;
    font-size: 18px;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

ul.menu li.dstq1 a{
    background-color: #ea2a29;
    border: none;
}

ul.menu li.dstq1 a:hover, header.estilos ul.menu li.dstq1 a:hover{
    background-color: #ea2a29;
	border-bottom: none;
}

ul.menu li a:hover, ul.menu li a.active, ul.menu li label:hover{
	border-bottom: 2px solid #fff;
}

ul.menu li.dstq2 a:hover{
    background-color: #ea2a29;
	border-bottom: none;
}

#check:checked ~ div#menu-mobile nav ul.menu{
	float: left;
	position: relative;
	top: 0;
	border-radius: 0;
	opacity: 1;
	visibility: visible;
	left: 0;
}

#check:checked ~ label#icone{
	border-radius: 15px 15px 0 0;
	padding-bottom: 25px;
}

#check:checked ~ label#icone img#abrir-menu{
	display: none;
}

#check:checked ~ label#icone img#fechar-menu{
	display: inline-block;
}

nav ul.menu li ul.submenu{
	position: absolute;
	top: -100px;
	width: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
}

nav ul.menu li ul.submenu li a{
	font-size: 15px;
}

#check-int:checked ~ ul.submenu{
	position: relative;
	top: 0;
	opacity: 1;
	visibility: visible;
}

@media screen and (min-width: 1024px){
	div#menu-mobile{
		display: none;
	}

	div#menu-desk{
		display: block;
		float: right;
		width: auto;
		margin-top: 0;
	}

	nav{
		width: auto;
		float: left;
		margin-top: 20px;
	}

	#icone{
		display: none;
	}

	ul.menu{
		float: right;
		width: auto;
		background-color: transparent;
		opacity: 1;
		visibility: visible;
		position: relative;
		top: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
		gap: 14px;
	}

	ul.menu li{
		width: auto;
		margin-right: 6px;
		padding: 0;
		position: relative;
	}

	ul.menu li a, ul.menu li label{
		display: inline-block;
		vertical-align: middle;
		color: #fff;
		font-size: 16px;
		margin: 0 2px 0 2px;
		padding-top: 10px;
		height: 25px;
		border-bottom: none;
		font-weight: 400;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}

	header.estilos ul.menu li a{
		color: #333;
	}

	ul.menu li a:hover{
		border-bottom: none;
	}

	ul.menu li a:after{
		display: table;
		content: "";
		width: 0%;
		height: 3px;
		background-color: #c91515;
		margin: 3px auto 0 auto;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}

	ul.menu li a:hover:after{
		width: 90%;
	}

	ul.menu li.dstq1 a, header.estilos ul.menu li.dstq1 a{
		height: auto;
		background-color: #ea2a29;
		color: #fff;
		padding: 10px 18px;
		border-radius: 999px;
		line-height: 1;
	}

	ul.menu li.dstq2 a, header.estilos ul.menu li.dstq2 a{
		height: auto;
		color: #fff;
		padding: 10px 18px;
		border-radius: 999px;
		line-height: 1;
	}

	ul.menu li.dstq2 a, header.estilos ul.menu li.dstq2 a{
		background-color: #ea2a29;
	}

	ul.menu li.dstq1 a:hover:after, ul.menu li.dstq2 a:hover:after{
		width: 0;
	}

	ul.menu li.dstq1 a:hover, ul.menu li.dstq2 a:hover{
		border-bottom: none;
	}
}

@media screen and (min-width: 1200px){
	div#menu-desk{
		margin-right: 0;
	}

	ul.menu li a{
		font-size: 17px;
	}
}

/* ===== AJUSTES DO MENU RESPONSIVO / FIXO ===== */
#icone{
    transition:border-radius .15s ease, padding .15s ease !important;
}

ul.menu{
    border-radius:0 !important;
    transition:opacity .15s ease, visibility .15s ease !important;
}

#check:checked ~ label#icone{
    border-radius:12px !important;
    padding-bottom:0 !important;
}

@media screen and (max-width:1023px){
    header img#logo{
        max-width:calc(100% - 82px);
        height:auto;
        margin-top:32px;
        margin-left:10px;
    }
    #icone{
        width:44px;
        height:44px;
        padding:0;
        margin-top:32px;
        margin-right:10px;
        border-radius:12px;
        display:flex;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
    }
    #check:checked ~ label#icone{
        width:44px;
        height:44px;
        padding:0 !important;
        border-radius:12px !important;
    }
    #icone img{
        max-width:23px;
        height:auto;
    }
    #check:checked ~ div#menu-mobile nav ul.menu{
        margin-top:12px;
    }
}

@media screen and (min-width:1024px){
    ul.menu li a:after{
        background-color:#ea2a29;
    }
}