/*----  Menu Desktop ------*/

.header__nav__menu{

	display: flex;

	display: -webkit-flex;

}



.header__nav__menu li{

	list-style: none;

}



.header__nav__menu li a{

	color: #000;

	font-size: 16px;

}





/* Alterar o tamanho do 'Min-width' de acordo com o inicio do Menu Responsivo*/

@media (min-width: 941px){



	.header__nav__menu li .sub-menu{

		display: none;

		transition: all .3s linear;

	}



	.header__nav__menu li:hover .sub-menu{

		display: block;

	}



	.header__nav__menu li:hover .sub-menu li a{

		color: #666;

	}



}



/* Alterar a tamanho de 'Max-width' se quiser que o menu responsivo seja criado em outro tamanho*/

@media (max-width: 940px){



	/*----- Inicio Menu Hamburguer --------*/



	.menu__responsivo {

		display: block;

		cursor: pointer;

		position: absolute;

		width: 35px;

		height: 40px;

		margin-top: 25px;

		right: 20px;

	}



	.menu-global {

		-webkit-backface-visibility: hidden;

		backface-visibility: hidden;

		position: absolute;

		border-top: 5px solid #ffffff;

		width: 100%;

		-webkit-transition: .4s;

		transition: .4s;

	}



	.menu-top {

		top: 0;

	}



	.menu-middle {

		top: 12px;

	}



	.menu-bottom {

		top: 24px;

	}



	.menu-top-click {

		-webkit-backface-visibility: hidden;

		backface-visibility: hidden;

		top: 13px;

		-webkit-transform: rotate(50deg);

		transform: rotate(50deg);

		-webkit-transition: .4s;

		transition: .4s;

	}



	.menu-middle-click {

		opacity: 0;

	}



	.menu-bottom-click {

		-webkit-backface-visibility: hidden;

		backface-visibility: hidden;

		top: 13px;

		-webkit-transform: rotate(-410deg);

		transform: rotate(-410deg);

		-webkit-transition: .4s;

		transition: .4s;

	}



	/*------ Fim Menu Hamburguer ----*/





	.header__content-menu{

		display: none;

		background: #999;

		position: absolute;

		top: var(--headerHeightFixed);

		right: 0;

		width: 300px;

		height: initial;

		overflow: auto;

	}



	.header__nav__menu{

		display: block;

	}



	.header__nav__menu .menu-item-has-children > .open-submenu{

		background: url(../images/icons/arrow-menu.png)no-repeat;

		background-size: 20px 20px;

		background-position: center center;

		z-index: 9999;

		cursor: pointer;

		position: absolute;

		top: 0px;

		right: 0px;

		padding: 29px 35px 30px 35px;

	}



	.header__nav__menu > .menu-item-has-children .open-submenu.open-more {

    	transform: rotate(90deg);

    	-webkit-transform: rotate(90deg);

	}



	.header__nav__menu li{

		position: relative;

		display: block;

	}



	.header__nav__menu li a{

		width: 100%;

		padding: 20px;

		position: relative;

		height: 58px;

		display: block;

	}



	.header__nav__menu li .sub-menu{

		display: none;

		position: relative;

		background: #666;

	}

}



@media (max-width: 450px){



	.header__content-menu{

		width: 100%;

	}



}