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

.header__nav__menu{

	display: flex;

	display: -webkit-flex;

}



.header__nav__menu li{

	list-style: none;

}



.header__nav__menu li a{
	color: #0E0E0E;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}


/* 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;

	}

}



/* 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: -12px;

		right: 20px;

		z-index: 9999;

	}

	




	.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: rgba(14, 14, 14, 0.9);

		position: fixed;

		top: 0;

		left: 0;

		width: 100vw;

		height: 100vh;

		overflow-y: auto;

		overflow-x: hidden;

		z-index: 9998;

		padding-top: 80px;

	}



	.header__nav__menu{

		display: block;

		width: 100%;

		max-width: 100vw;

		box-sizing: border-box;

	}

	

	.header__nav__menu > :not([hidden]) ~ :not([hidden]) {

		margin-right: 0 !important;

		margin-left: 0 !important;

		--tw-space-x-reverse: 0 !important;

	}



	.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;

		width: 100%;

		max-width: 100vw;

		box-sizing: border-box;

	}



	.header__nav__menu li a{

		width: 100%;

		max-width: 100%;

		padding: 20px 30px;

		position: relative;

		height: auto;

		display: block;

		color: white;

		font-size: 16px;

		font-weight: 600;

		text-transform: uppercase;

		border-bottom: 1px solid rgba(255, 255, 255, 0.1);

		box-sizing: border-box;

		word-wrap: break-word;

	}



	.header__nav__menu .btn-contato a{

		margin: 20px 30px 20px 30px;

		padding: 15px 20px;

		border-radius: 4px;

		text-align: center;

		background-color: #2DB7FF;

		border-bottom: none;

		width: auto;

		display: block;

		box-sizing: border-box;

	}



	.header__nav__menu li .sub-menu{

		display: none;

		position: static;

		background: transparent;

		margin: 0;

		border-radius: 0;

		width: 100%;

		box-shadow: none;

	}

	

	.header__nav__menu li .sub-menu a{

		padding: 20px 30px;

		padding-left: 60px;

		font-size: 16px;

		font-weight: 400;

		color: white;

		border-bottom: 1px solid rgba(255, 255, 255, 0.1);

		text-transform: uppercase;

		letter-spacing: 0.3px;

		background: transparent;

		width: 100%;

		display: block;

	}

	

	.header__nav__menu li .sub-menu a:hover{

		background-color: rgba(255, 255, 255, 0.05);

	}

}



@media (max-width: 450px){



	.header__content-menu{

		width: 100vw;

		height: 100vh;

	}



}