@media (min-width: 1025px){

/*-------------------------------------------------------------------------------HEADER-------------------------------------------------------------*/									
				.logo {
					border: 0.1em;
					border-bottom-style: solid;
					border-color: #BFBBBB;

					-moz-border: 0.1em;
					-moz-border-bottom-style: solid;
					-moz-border-color: #BFBBBB;

					-webkit-border: 0.1em;
					-webkit-border-bottom-style: solid;
					-webkit-border-color: #BFBBBB;

					justify-content: center;

				}

				.logoPK {
					width: 5%
				}

				.box {
					display: flex;
					flex-flow: column nowrap;
					width: 100%;
				}
				.menu {	
					/*align-items: center;
					align-content: center;*/
					display: flex;
					flex-flow: row nowrap;
					justify-content: space-around;
					padding: 1em 0em 1em 0em;
					width: 100%;
				}
				
				.menuLista {
					align-items: center;
					display: flex;
					flex-direction: row nowrap;
					justify-content: center;
					max-width: 1280px;
					width: 90%;
				}

				.menuLista li{
					align-items: center;
					display: flex;
					flex-flow: row nowrap;	
					justify-content: center;
					width: 100%;
					text-align: center;
				}

				.menuLista li a{
					color: #263A57;
					font-family: poppins, sans-serif;
					font-size: 1.2em;
					font-weight: 500;
					justify-content: center;
					text-align: center;
				}

				.menuLista li a:hover {
					color: #DC2560;
					text-decoration: none;
				}

/*------------------------------------------------------------------------------- GERAL -------------------------------------------------------------------*/
				.background01, .background02, .background03 {
					background-repeat: no-repeat;
					background-size: cover;
					width: 100%;
				}

				.background01{
					background-image: url();
					
				}

				.background02{
					background-image: url();
					
				}

				.background03{
					background-image: url();
					
				}

				.flexboxEffect {
					align-items: center;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					max-width: 1080px;
					width: 100%;

				}

				.flexboxEffect2 {
					align-items: baseline;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					max-width: 1080px;
					width: 100%;

				}

				.cabecalhoPag {
					background-size: cover;
  					height: 500px;
  					width: 100%;
				}

				.titulo {	
					padding: 3em 0 1em 0;
					
				}

				.botao {
					margin: 5em 0 5em 0;
				}

				.botao a{
					font-size: 1.5em;
				}

/*-----------------------------------------------------------------------------FOOTER----------------------------------------------------------------*/
				.voltar-link {
					margin: 5em 0 5em 0;
				}

				.voltar-link:hover {
					opacity: 1;
				}

				/*.grafismo {
					background-position: top;
					background-size: cover;
					height: 50vh;
				}*/

				.footerBackground {
					padding: 5em 0 5em 0;
				}

				.contato-conteudo{
					align-content: center;
					display: flex;
					flex-flow: row nowrap;
					justify-content: center;
					width: 100%;
				}	

				
				.contato {	
					padding: 0 0 0 8em;
					
				}

				.facebook:hover, .instagram:hover , .youtube:hover{
				  	opacity: 0.5;
				}

				.desenvolvedorTexto {
					font-size: 0.8em;
				}

				.ajw:hover {
					color: #fff;
					opacity: 0.5;
					text-decoration: none;
				}
}

@media (min-width: 435px){ 

				.grafismo {
					background-position: top;
					background-size: cover;
					height: 50vh;
				}

}


@media not all and (max-width: 1024px) {

  .menu-abrir,
  .menu-fechar {
    display: none;
  }

}

@media (max-width: 1024px) {

/*-------------------------------------------------------------------------------HEADER-------------------------------------------------------------*/	
				
				.logo {
					justify-content: center;

				}

 /*-------------------------------------------------------------------------------MENU-------------------------------------------------------------*/	
				
				.menu-ativo .menu {
					right:  0px;
					top: 0em;
					z-index: 3;
				}

				.menu {        
					background-color: #FF6B6A;
					background-position: center;
					background-repeat: no-repeat;
					background-size: 500% 200%;
					/*border-radius: 10% 0 0 40%;*/
					
					box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.3);
					-webkit-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.3);
					-moz-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.3);
					-o-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.3);

					display: flex;
					flex-flow: column nowrap;
					font-weight: 600;
					height: 100%;
					max-width: 300px;
					position: fixed;
					right: -18.8em;
					
					transition: right 0.1s ease-out;
					-webkit-transition: right 0.1s ease-out;
					-moz-transition: right 0.1s ease-out;
					-o-transition: right 0.1s ease-out;
					
					top: 0em;
					width: 365px;
					z-index: 1;	
				}

				.menu-abrir,
				.menu-fechar {
					appearance: none;
					-webkit-appearance: none;
					-moz-appearance: none;
					-o-appearance: none;

					background: none;
					border: 0;

					font-size: 3em;
					outline: 0;
					position: relative;
					text-indent: -9999em;
					
				}

				.menu-abrir {
					background-color: #FF6B6A;
					border-top: .375em double #FFC76E;
					border-bottom: .125em solid #FFC76E;  
					
					font-size: 3em;
					height: 0;
					margin-right: 0.5em; 
					padding-top: .125em;
					position: absolute; 
					right: 0;
					
					transform: translateY(-50%);
					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					-ms-transform: translateY(-50%);

					top: 50%;
					width: 0.75em;
					z-index: 2;      
				}

				.menu-fechar {
					left: 5em;
					position: relative;	
					top: 0.75em;
					width: 0px;
				}

				.menu-fechar:after {
					border-radius: 50%;
					color: #FFC76E;
					content: '\00D7';
					height: 1em;
					position: absolute;
					right: 8.6em;
					text-indent: 0;
					width: 1em;
					z-index: 0;
				}

				.menu-fechar:before {
					background-color: #FF6B6A;					
					background-position: center;
					background-repeat: no-repeat;
					border-radius: 50% 0 0 50%;
					content: "";
					height: 3em;
					position: absolute;
					right: 7em;
					text-indent: 0;
					top: -1.1em;
					width: 3em;
					z-index: 0;
				}

				.menuLista {
					display: flex;
					flex-direction: column;
					flex-wrap: nowrap;
					height: 100%;
					justify-content: flex-start;
					padding: 3em 0 0 2em;
					text-align: center;
					margin-top: -5em;
				}

				.menuLista li {
					order: 2;
					padding-top: 2.3em;
				}

				.menuLista li a{
					color: #fff;
					font-family: poppins;
					font-size: 1.5em;
				}

				.lista:nth-child(1) {
					order: 2;
				}

				.lista:nth-child(2) {
					order: 3;
				}

				.lista:nth-child(3) {
					order: 4;
				}

				.lista:nth-child(4) {
					order: 5;
				}

				.lista:nth-child(5) {
					order: 6;
				}

				.lista:nth-child(6) {
					order: 7;
				}
				.lista:nth-child(7) {
					font-family: 'Poppins', sans-serif;
					padding-bottom: 2em;
					text-align: left;
					order: 1;
				}

				.menu .areaPais {
					padding-left: 6em;
					position: relative;
					z-index: 1;
				}

				.menu .areaPais a {
					font-size: 1.8em;
					font-weight: 900;
				}

				.areaPais:after {
					background-repeat: no-repeat;
					background-image: url("../icon/pais.webp");
					background-position: center;
					background-size: contain;
					content: "";
					height: 100px;
					margin-left: -190px;
					position: absolute;
					margin-top: -55px;
					width: 100px;
					z-index: 900000;
				}

				.pulalinha {
					display: block;
				}

/*------------------------------------------------------------------------------- GERAL -------------------------------------------------------------------*/
				.flexboxEffect {
					align-items: center;
					display: flex;
					flex-flow: column nowrap;
					justify-content: center;
				}

				.cabecalhoPag {
					background-size: contain;
  					height: 300px;
				}

				.botao {
					
				}

				.botao a{
					font-size: 1.2em;
				}
			
/*-----------------------------------------------------------------------------FOOTER----------------------------------------------------------------*/	
				.voltar-link {
					margin: 8em 0 2em 0;
				}

				.voltar-link:after {
					content: '\02C2';
					font-size: 2.8em;
					position: absolute;
					top: -1.3em;
				}

				/*.grafismo {
					background-position: bottom;
					background-size: contain;
					height: 30vh;
				}*/

				.contato-conteudo{
					align-content: center;
					display: flex;
					flex-flow: column nowrap;
					justify-content: center;
					width: 100%;
				}		

				.contato {
					padding: 0 3em 3em 1em;
					
				}
				.contato-titulo {
					padding: 2em 0 2em 1em ;
					text-align: center;
				}

				.desenvolvedorTexto {
					font-size: 0.5em;				
				}

}

@media (max-width: 434px){ 

				.grafismo {
					background-position: bottom;
					background-size: contain;
					height: 30vh;
				}

}


@media (max-width: 320px) {
		
		.menu-ativo .menu {
			right:  -60px;
			top: 0em;
			z-index: 3;
		}  	

	   .menu {        
			background-color: #FF6B6A;
			background-position: center;
			background-repeat: no-repeat;
			background-size: 500% 200%;
			

			display: flex;
			flex-flow: column nowrap;
			font-weight: 600;
			height: 100%;
			max-width: 300px;
			position: fixed;
			right: -20.0em;
			
			transition: right 0.1s ease-out;
			-webkit-transition: right 0.1s ease-out;
			-moz-transition: right 0.1s ease-out;
			-o-transition: right 0.1s ease-out;
			
			top: 0em;
			width: 300px;
			z-index: 1;	
		}
		
		.menu-fechar {
			left: 1em;
			position: relative;
			top: 0.78em;
		}
		
		.menu-fechar:after {
			border-radius: 50%;
			color: #FFC76E;
			content: '\00D7';
			height: 1em;
			position: absolute;
			right: 5.7em;
			text-indent: 0;
			width: 1em;
			z-index: 0;
		}

		.menu-fechar:before {
			background-color: #FF6B6A;					
			background-position: center;
			background-repeat: no-repeat;
			border-radius: 50% 0 0 50%;
			content: "";
			height: 3em;
			position: absolute;
			right: 4em;
			text-indent: 0;
			top: -1.1em;
			width: 3em;
			z-index: 0;
		}
		

		.menuLista {
			padding: 3em 0 0 2em;
			
		}

		.menuLista li {
			padding-top: 2.3em;
		}

		.menuLista li a{
			font-size: 1.5em;
		}


		.menu .areaPais {
			padding-left: 4em;
			position: relative;
			z-index: 1;
		}

		.menu .areaPais a {
			font-size: 1.5em;
			font-weight: 900;
		}

		.areaPais:after {
			background-repeat: no-repeat;
			background-image: url("../icon/pais.webp");
			background-position: center;
			background-size: contain;
			content: "";
			height: 80px;
			margin-left: -100px;
			position: absolute;
			margin-top: -70px;
			width: 80px;
			z-index: 900000;
		}

		.menuLista {
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			height: 100%;
			justify-content: flex-start;
			padding: 3em 2em 0 2em;
			text-align: left;
			margin-top: -5em;
		}

		.pulaLinha2 {
			display: block;
		}


}


/*@media (max-width: 374px) {*/

/*-------------------------------------------------------------------------------MENU-------------------------------------------------------------*/

				/*.menu {
					right: -15em;
					width: 240px;
				}

				.menu .areaPais {
					padding-left: 4em;
				}

				.menu .areaPais:after {
					height: 80px;
					margin-left: -150px;
					margin-top: -45px;
					width: 80px;
				}

				.contato .email .emailLink {
					font-size: 0.9em;
				}

				.menu-fechar {
					left: 5.5em;
				}*/

/*}*/

/*IOS -------------------------------------------------------------------------------------------------------------------------------------------*/

@supports (-webkit-touch-callout: none) { 
	
	@media (max-width: 1024px) {
		.menu {        
			background-color: #FF6B6A;
			background-position: center;
			background-repeat: no-repeat;
			background-size: 500% 200%;
			/*border-radius: 10% 0 0 40%;*/
			
			box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.3);
			-webkit-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.3);
			-o-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.3);

			display: flex;
			flex-flow: column nowrap;
			font-weight: 600;
			height: 100%;
			max-width: 300px;
			position: fixed;
			right: -18.8em;
			
			transition: right 0.1s ease-out;
			-webkit-transition: right 0.1s ease-out;
			-moz-transition: right 0.1s ease-out;
			-o-transition: right 0.1s ease-out;
			
			top: 0em;
			width: 300px;
			z-index: 1;	
		}

		.menu-abrir {
			background-color: #FF6B6A;
			border-top: .9em double #FFC76E;
			border-bottom: .3em solid #FFC76E; 

			font-size: 1.2em; 
			height: 0;
			margin-right: 0.7em; 
			padding-top: .3em;
			position: absolute; 
			right: 0;
			
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			-ms-transform: translateY(-50%);

			top: 55%;
			width: 0.75em;
			z-index: 2;      
			
		}

		.menu-fechar {
			left: 4.3em;
			top: 0.80em;
		}	
	}


	@media (max-width: 320px) {
		
		.menu-ativo .menu {
			right:  -60px;
			top: 0em;
			z-index: 3;
		}  	

	   .menu {        
			background-color: #FF6B6A;
			background-position: center;
			background-repeat: no-repeat;
			background-size: 500% 200%;
			

			display: flex;
			flex-flow: column nowrap;
			font-weight: 600;
			height: 100%;
			max-width: 300px;
			position: fixed;
			right: -20.0em;
			
			transition: right 0.1s ease-out;
			-webkit-transition: right 0.1s ease-out;
			-moz-transition: right 0.1s ease-out;
			-o-transition: right 0.1s ease-out;
			
			top: 0em;
			width: 300px;
			z-index: 1;	
		}
		
		.menu-fechar {
			left: 1em;
			position: relative;
			top: 0.78em;
		}
		
		.menu-fechar:after {
			border-radius: 50%;
			color: #FFC76E;
			content: '\00D7';
			height: 1em;
			position: absolute;
			right: 5.7em;
			text-indent: 0;
			width: 1em;
			z-index: 0;
		}

		.menu-fechar:before {
			background-color: #FF6B6A;					
			background-position: center;
			background-repeat: no-repeat;
			border-radius: 50% 0 0 50%;
			content: "";
			height: 3em;
			position: absolute;
			right: 4em;
			text-indent: 0;
			top: -1.1em;
			width: 3em;
			z-index: 0;
		}
		
		.menuLista {
			padding: 3em 0 0 2em;
			
		}

		.menuLista li {
			padding-top: 2em;
		}

		.menuLista li a{
			font-size: 1.2em;
		}

		.menu .areaPais {
			padding-left: 4em;
			position: relative;
			z-index: 1;
		}

		.menu .areaPais a {
			font-size: 1.5em;
			font-weight: 900;
		}

		.areaPais:after {
			background-repeat: no-repeat;
			background-image: url("../icon/pais.webp");
			background-position: center;
			background-size: contain;
			content: "";
			height: 80px;
			margin-left: -100px;
			position: absolute;
			margin-top: -70px;
			width: 80px;
			z-index: 900000;
		}

		.menuLista {
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			height: 100%;
			justify-content: flex-start;
			padding: 3em 2em 0 2em;
			text-align: left;
			margin-top: -5em;
		}

		.pulaLinha2 {
			display: block;
		}


	}

}