#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: var(--cms-primary, #1b0688);
	padding: 15px;
	border-radius:15px;
	float: right;
	cursor: pointer;
	margin-top: 40px;
	margin-right: 6px;
	-webkit-transition: border-radius .15s ease, padding .15s ease;
	-moz-transition: border-radius .15s ease, padding .15s ease;
	-o-transition: border-radius .15s ease, padding .15s ease;
	transition: border-radius .15s ease, padding .15s ease;
}

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

ul.menu{
	position: absolute;
	width: 100%;
	top: -100px;
	background-color: var(--cms-primary, #1b0688);
	padding: 20px 0;
	border-radius: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .15s ease, visibility .15s ease;
	-moz-transition: opacity .15s ease, visibility .15s ease;
	-o-transition: opacity .15s ease, visibility .15s ease;
	transition: opacity .15s ease, visibility .15s ease;
}

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 var(--cms-primary, #1b0688);
	cursor: pointer;
}

ul.menu li.link-destaque a{
    display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--cms-secondary, #58c8ea);
	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: var(--cms-secondary, #58c8ea);
    border: none;
}

ul.menu li.dstq1 a:hover, header.estilos ul.menu li.dstq1 a:hover{
    background-color: var(--cms-secondary, #58c8ea);
	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: var(--cms-secondary, #58c8ea);
	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: 12px;
	padding-bottom: 0;
}

#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 (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;
		border-radius: 12px;
	}

	#icone img{
		max-width: 23px;
		height: auto;
	}

	#check:checked ~ div#menu-mobile nav ul.menu{
		margin-top: 12px;
	}
}

@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: var(--cms-secondary, #58c8ea);
		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: var(--cms-secondary, #58c8ea);
		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: var(--cms-secondary, #58c8ea);
	}

	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 ALFREDO v15 - hambúrguer */
@media screen and (max-width:1023px){
    #icone{
        margin-top:0 !important;
        margin-right:10px !important;
        align-self:center !important;
    }
    #check:checked ~ div#menu-mobile nav ul.menu{
        margin-top:14px !important;
    }
}


/* Ajustes ALFREDO v16 - mobile: logo maior e sanduiche à direita */
@media screen and (max-width:1023px){
    .SPEEDMAX-menu-conteudo{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:12px !important;
        padding:14px 14px !important;
        flex-wrap:wrap !important;
        box-sizing:border-box !important;
    }
    .SPEEDMAX-menu-conteudo > a{
        display:flex !important;
        align-items:center !important;
        flex:0 1 auto !important;
        max-width:calc(100% - 88px) !important;
        line-height:0 !important;
    }
    .SPEEDMAX-menu-conteudo img#logo{
        width:190px !important;
        max-width:100% !important;
        height:auto !important;
        max-height:86px !important;
        object-fit:contain !important;
        margin:0 !important;
    }
    .SPEEDMAX-menu-conteudo #icone,
    #icone{
        margin:0 0 0 auto !important;
        align-self:center !important;
        justify-self:flex-end !important;
        flex:0 0 48px !important;
        width:48px !important;
        height:48px !important;
        padding:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:13px !important;
        position:relative !important;
        right:auto !important;
        top:auto !important;
    }
    #icone img{
        max-width:25px !important;
        height:auto !important;
    }
    div#menu-mobile{
        order:3 !important;
        flex:0 0 100% !important;
        width:100% !important;
    }
    .SPEEDMAX-menu-fixo.SPEEDMAX-menu-is-fixed .SPEEDMAX-menu-conteudo,
    .speedmax-menu-fixo.speedmax-menu-is-fixed .speedmax-menu-conteudo{
        padding:10px 14px !important;
    }
    .SPEEDMAX-menu-fixo.SPEEDMAX-menu-is-fixed .SPEEDMAX-menu-conteudo img#logo,
    .speedmax-menu-fixo.speedmax-menu-is-fixed .speedmax-menu-conteudo img#logo{
        width:170px !important;
        max-height:76px !important;
        margin:0 !important;
    }
    .SPEEDMAX-menu-fixo.SPEEDMAX-menu-is-fixed #icone,
    .speedmax-menu-fixo.speedmax-menu-is-fixed #icone{
        margin-left:auto !important;
        width:46px !important;
        height:46px !important;
        flex-basis:46px !important;
    }
}
@media screen and (max-width:380px){
    .SPEEDMAX-menu-conteudo img#logo{width:165px !important;max-height:76px !important;}
    .SPEEDMAX-menu-fixo.SPEEDMAX-menu-is-fixed .SPEEDMAX-menu-conteudo img#logo{width:150px !important;max-height:68px !important;}
}