/************************************

Criado por Cubi Comunicação
@ 2019

// Responsáveis técnicos
Júlio Vasel
Rafael Fallgatter

/************************************/

html, body {
    height: 100%;
    min-height: 100%;
    scroll-behavior: smooth;
}

body {
	.Regular;
	font-size: 16px;
	color:@cinza;
}


/* Opções de Posicionamento */
.fLeft { float:left; }
.fRight { float:right; }
.center {
	display: flex;
	justify-content: center;
}

/* Esquema de cores */
@vermelho: #f65d4c;
@azul: #130755;
@roxo: #704381;
@verde: #83c2a1;
@laranja: #ff8400;
@preto: #221f1f;
@cinza:#333333;
@cinza_claro:#ccd0d9;
@yesexpress: #f5835e;
@fundo: #efeef3;
.fundoteste { background-color:rgba(0,0,0,0.15); }
*::selection { background: @azul; color: white; }
*::-moz-selection { background:@azul; color: white; }

/************ Fontes */


.Light {
	font-family: acumin-pro-wide,sans-serif;
	font-weight: 200;
	font-style: normal;
}
.Regular {
	font-family: acumin-pro-wide,sans-serif;
	font-weight: 400;
	font-style: normal;
}
.Bold {
	font-family: acumin-pro-wide,sans-serif;
	font-weight: 600;
	font-style: normal;
}

/*
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,600');

.Light { font-family: 'Work Sans', serif; font-weight:400; }
.Regular { font-family: 'Work Sans', sans-serif; font-weight:400; }
.Bold { font-family: 'Work Sans', sans-serif; font-weight:600; }
*/

.escondeTexto { text-indent:-9999px; }
.cursor { cursor:pointer; }
.borda (@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	-ms-border-radius: @radius;
	-o-border-radius: @radius;
	border-radius: @radius;
}
.limitaTexto {
	text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
}
.boxSizing {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.calc(@prop; @val) {
  @{prop}: calc(~'@{val}');
  @{prop}: -moz-calc(~'@{val}');
  @{prop}: -webkit-calc(~'@{val}');
  @{prop}: -o-calc(~'@{val}');
}

/* .calc(prop; "100% - 0px"); */



.btn {
	padding: 24px 45px 22px 45px;
	background: @verde;
	.borda;
	color: white;
	text-align: center;
	.cursor;
	font-size:22px;
	.Regular;
	.boxSizing;
    display: inline-block;
    box-shadow: 0 4px 6px rgba(0,0,0,.11);
    border-radius: 38px;
	transition: all .15s ease;
	letter-spacing: -1px;
	position: relative;
	transition: top .3s ease;
	top: 0;
    &:hover {
    	top: -3px;
    	background: darken(@verde, 5%);
    	color: white;
    	box-shadow: 0 7px 14px rgba(0,0,0,.21);
	}
}

.btnVaz {
	background: none;
	border: 3px solid #fff;
	padding: 7px 21px;
	&:hover {
		background: #fff;
		color: @azul;
	}
}

.btnNeg {
	background-color: white;
	color: @azul;
	&:hover {
		background: @fundo;
		color: @azul;
	}
}

.btnSmall {
	padding: 5px 14px;
	font-size: 12px;
}

/** Big Bang **/

div { .boxSizing; }

.wrapper {
	width: 100%;
	.fLeft;
	display: flex;
	flex-direction: column;
	align-items:center;
	.boxSizing;
	overflow: hidden;
}

.conteudo {
	h1, h2, h3 {
		.Regular;
		margin-bottom: 10px;
	}
	h1 {
		font-size: 40px;
		letter-spacing: -2px;
	}
	h2 { font-size: 32px; }
	h3 { font-size: 24px; }
	h4 {
		font-size: 18px;
		.Bold;
		color: lighten(@preto, 35%);
	}
	p { margin-bottom: 10px; }
}

.boxConteudo {
	.calc(width, '100% - 120px');
	max-width: 1400px;
	.boxSizing;
	margin: 0 60px 0 60px;
}


/* ################################# HEADER */


.menuContatos {
	position: absolute;
	z-index: 950;
	width: 100%;
	display: flex;
	justify-content: center;
	background: rgba(0, 0, 0, 0.55);
	.boxConteudo {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15px 0;
		.col {
			a {
				color: @verde;
				&:hover {
					color: white;
				}
			}
			.item {
				font-size: 14px;
			}
			&:first-of-type a { margin-right: 40px; }
			&:last-of-type a { margin-left: 40px; }
		}
	}
}

header {
	position: absolute;
	z-index: 940;
	padding: 70px 0 30px 0;
	background: -moz-linear-gradient(top, rgba(16,21,53,0.38) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(16,21,53,0.38) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(16,21,53,0.38) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61101535', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	overflow: visible !important;
	.boxConteudo {
		display: flex;
		justify-content: space-between;
		align-items: center;
		.menuPrincipal {
			width: 100%;
			position: relative;
			.itemMenu {
				margin-right: 60px;
				.fLeft;
				padding: 10px 0;

				color: white;
				font-size: 20px;
				.Regular;
				cursor: default;
				&:hover {
					color: @verde;
				}
				a {
					color: white;
					.Regular;
					&:hover {
						color: @verde;
					}
				}
				.submenu {
					display: none;
					// display: flex;
					flex-direction: column;
					position: absolute;
					background: white;
					.borda(10px);
					margin: 8px 0 0 -25px;
					box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15);
					
					li {
						//padding-bottom: 19px;
						line-height: 18px;
						border-bottom: 1px dashed @cinza_claro;
						a {
							color: @azul;
							font-size: 18px;
							padding: 20px 20px 23px 20px;
							.fLeft;
							min-width: 220px;
							img {
								width:200px;
								padding:0;
								margin:0;
								object-fit: cover;
							}
							
						}
						&:last-of-type { 
							border-bottom: none;
							padding-bottom: 0;
							margin-bottom: 0;
						}
						.subsubmenu {
							display: none;
							position: absolute;
							background:white;
							left: 240px;
							margin-top: 10px;
							.borda(10px);
							box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15);
							flex-direction: column;
							li {
								white-space: nowrap;
								a {
									padding: 25px 25px 30px 25px;
									color: @azul;
									&:hover { color: @verde; }									
								}
								.subsubsubmenu {
									display: none;
									position: absolute;
									background:white;
									left: 240px;
									margin-top: 10px;
									.borda(10px);
									box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15);
									flex-direction: column;
									li {
										white-space: nowrap;
										a {
											padding: 25px 25px 30px 25px;
											color: @azul;
											&:hover { color: @verde; }
										}
									}
								}
								&:hover {
									a { color: @verde; }
									.subsubsubmenu {
										display: flex;
									}
								}
							}
						}
						&:hover {
							a { color: @verde; }
							.subsubmenu {
								display: flex;
							}
						}
					}
				}
				&:hover {
					.submenu { display: flex; }
				}
			}
		}
		.logotipoPrincipal {
			.escondeTexto;
			width: 270px;
			height: 80px;
			background: url(../imagens/yesconnect-bra.svg) no-repeat right center;
			background-size: contain;
		}
		.trigger { 
			display: none;
		}
	}
}





/* ################################# PÁGINA INICIAL */

.sliderHome {
	height: 70vh;
	min-height: 490px;
	background: @azul;
	.slide {
		width: 100%;
		height: 70vh;
		min-height: 490px;
	}
}

.wrapper&[data-bloco="hero"] {
	height: 70vh;
	min-height: 490px;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	.overlay {
		width: 100%;
		position: absolute;
		padding-top: 90px;
		z-index: 850;
		.boxConteudo {
			width: 100%;
			margin: 0;
			padding: 0 40px;
			.boxSizing;
			h1 {
				max-width: 80%;
				font-size: 38px;
				letter-spacing: -2px;
				.Light;
				color: white;
				line-height: 45px;
				span { .Bold; }
			}
			h2 {
				max-width: 80%;
				font-size: 25px;
				letter-spacing: -2px;
				.Light;
				color: white;
				line-height: 35px;
				margin-top:20px;
				span { .Bold; }
			}
			p {
				font-size: 18px;
				color: @verde;
				.Bold;
			}
			.btn { margin-top: 40px; }
		}
	}
}
.wrapFundo {
	width: 100%;
	position: absolute;
	overflow: hidden;
	background: url(../imagens/bannersite.jpg) no-repeat center;
	background-size: cover;
	height: 80vh;
	min-height: 590px;
	video {
		width: 100%;
		height: 80vh;
		min-height: 490px;
		object-fit: cover;
	}
	img {
		height: 80vh;
		min-height: 590px;
		object-fit: cover;
		width: 100%;
	}
}

.sliderInterna {
	height: 70vh;
	min-height: 690px;
	background: @azul;
	.slide {
		width: 100%;
		height: 70vh;
		min-height: 490px;
	}
}

.wrapper&[data-bloco="heroInterna"] {
	height: 70vh;
	min-height: 690px;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	.overlay {
		width: 100%;
		position: absolute;
		padding-top: 90px;
		z-index: 850;
		.boxConteudo {
			width: 100%;
			margin: 0;
			padding: 40px 80px;
			.boxSizing;
			h1 {
				max-width: 80%;
				font-size: 38px;
				letter-spacing: -2px;
				.Light;
				color: white;
				line-height: 45px;
				span { .Bold; }				
			}
			h2 {
				max-width: 80%;
				font-size: 25px;
				letter-spacing: -2px;
				.Light;
				color: white;
				line-height: 35px;
				margin-top:20px;
				span { .Bold; }
			}
			p {
				font-size: 18px;
				color: white;
				.Light;
				margin-top:20px;
				img {
					width:350px;
					margin-bottom: 30px;
				}
			}
			.btn { margin-top: 40px; }

			.tituloInterno {
				font-size: 58px;
				letter-spacing: -3px;
				line-height: 62px;
				color: white;
				margin-bottom: 10px;
			}
			.subtituloInterno {
				color: white;
				.Light;
				font-size: 28px;
				letter-spacing: -1px;
			}
			ul {
				display:flex;
				flex-direction: row;
				align-items:center;
				padding:20px 0;
				li {
					width:100%;
					font-size: 35px;
					letter-spacing: -2px;
					.Bold;
					color: white;
					line-height: 45px;
					padding:0 40px 0 0 ;
					text-align:center;
		
				}
			}
		}
	}
}


.wrapper&[data-bloco="heroPoliticas"] {
	height: 20vh;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	background: @azul;
	
	.boxConteudo {
		width: 100%;
		margin: 0;
		padding: 0;
		.boxSizing;
		h1 {
			max-width: 80%;
			font-size: 38px;
			letter-spacing: -2px;
			.Light;
			color: white;
			line-height: 45px;
			span { .Bold; }				
		}
		.tituloInterno {
			font-size: 58px;
			letter-spacing: -3px;
			line-height: 62px;
			color: white;
			margin-bottom: 10px;
		}
	}
	
}
.wrapFundoInterna {
	width: 100%;
	position: absolute;
	overflow: hidden;
	background-size: cover;
	height: 80vh;
	min-height: 790px;
	
	img {
		height: 80vh;
		min-height: 790px;
		object-fit: cover;
		width: 100%;
	}
}



/*video {
		position: absolute;
		z-index: 800;
		display: block;
	}*/

.controlsCycle {
	position: relative;
	z-index: 900;
	display: flex;
	bottom: 40px;
	.cycle-prev, .cycle-next {
		width: 40px;
		height: 40px;
		.cursor;
		display: flex;
		justify-content: center;
		align-items: center;
		i {
			color: white;
		}
	}
	.cycle-prev {
	}
	.cycle-next {
	}
}




.wrapper&[data-bloco="solucoes"] {
	.listagemSolucoes {
		width: 100%;
		display: flex;
		background: @azul;
		justify-content: center;
		align-items: stretch;
		.itemServico {
			height: 30vh;
			min-height: 200px;
			width: 33.33%;
			display: flex;
			background: no-repeat center;
			background-size: cover;
			a {
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0 30px 0 30px;
				.boxSizing;
				transition: background-color .3s ease, padding-top .5s ease;
				p {
					font-size: 32px;
					letter-spacing: -2px;
					color: white;
					.Light;
					line-height: 34px;
					strong {
						.Regular;
					}
				}
				img {
					width:60%;

				}
			}
			&[data-servico="yesinhouse"] {
				background-image: url(../imagens/despacho2x.jpg);
			}
			&[data-servico="yesexpress"] {
				background-image: url(../imagens/logistica2x.jpg);
			}
			&[data-servico="yesconnect"] {
				background-image: url(../imagens/assessoria2x.jpg);
			}
			&[data-servico="yesmedical"] {
				background-image: url(../imagens/inhouse2x.jpg);
			}
			&[data-servico="yestrading"] {
				background-image: url(../imagens/inhouse2x.jpg);
			}
			&:hover a { padding-top: 10px; }
		}
	}
}



/*** Valores **/

.wrapper&[data-bloco="valores"] {
	//background: @fundo;
	align-items: flex-end;
	border-radius: 5px;
	margin:0;

	background-repeat: no-repeat;
	background-position: center;
	//background-size: cover;

	//background-size: 50% !important;



	


	.colConteudo {
		width: 50%;
		right: 0;
		min-height: 400px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 70px 0;

		//background: linear-gradient(to left, #F8F8F8 0%, #F8F8F8 50%, #000431 50%, #000431 100%);
		//background: rgba(153,153,154,0.7);

		.imagemConteudo {
			width:100%;
			height:400px;
			border-radius: 5px;
		}
		

		.internoConteudo {
			padding: 0 30px 0 30px;
			.boxSizing;
			width: 100%;
			max-width: 700px;
			h2 {
				font-size: 50px;
				letter-spacing: -4px;
				line-height: 52px;
				.Regular;
				color: @cinza;
				margin-bottom: 15px;
			}
			p {
				line-height: 28px;
				color:black;

			}
		}
	}
	&:nth-of-type(2n) {
		align-items: flex-start;
		.colConteudo {
			justify-content: flex-end;
		}
	}
	&:nth-of-type(odd) {
		align-items: flex-end;
		.colConteudo {
			justify-content: flex-start;
		}
	}
}



.wrapper&[data-bloco="diferenciais"] {
	//background: @fundo;
	padding: 70px 0;
	.gridDiferenciais {
		display: flex;
		flex-direction: column;
		align-items:flex-start;
		align-items:center;
		h3 {
			text-align: left;
			margin-bottom: 30px;
			color:@cinza;
			font-size:26px;
			.Bold;
			strong {}
		}

		.painelDiferenciais {
		
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			width:100%;
			justify-content: center;

			
			border-left: 1px solid #e5e6ee;


			.itemDiferencial {
				width: 25%;
				
				border-right: 1px solid #e5e6ee;
				border-top:1px solid #e5e6ee;
				padding:40px 20px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center;
				img {
					width:80px;
					height:auto;
				}
				h2 {
					padding-top:10px;
						
				}
				
			}
		}
	}

}




.wrapper&[data-bloco="valoresYesConnect"] {
	//background: @fundo;
	align-items: flex-end;
	border-radius: 5px;
	margin:20px 0;

	background-repeat: no-repeat;
	background-position: center;
	//background-size: cover;

	//background-size: 50% !important;



	


	.colConteudo {
		width: 100%;
		right: 0;
		min-height: 400px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 70px 0;

		//background: linear-gradient(to left, #F8F8F8 0%, #F8F8F8 50%, #000431 50%, #000431 100%);
		//background: rgba(153,153,154,0.7);

		.imagemConteudo {
			width:100%;
			height:400px;
			border-radius: 5px;
		}
		

		.internoConteudo {
			padding: 0 30px 0 30px;
			.boxSizing;
			width: 100%;
			max-width: 700px;
			h2 {
				font-size: 50px;
				letter-spacing: -4px;
				line-height: 52px;
				.Regular;
				color: @cinza;
				margin-bottom: 15px;
			}
			p {
				line-height: 28px;
				color:black;

			}
		}
	}
	&:nth-of-type(odd) {
		align-items: flex-start;
		.colConteudo {
			justify-content: flex-end;
		}
	}
}

.wrapper&[data-valor="visao"] {
	background: url(../imagens/visao.jpg) no-repeat center;
	background-size: cover;
}
.wrapper&[data-valor="seguranca"] {
	background: url(../imagens/seguranca.jpg) no-repeat center;
	background-size: cover;
}
.wrapper&[data-valor="agilidade"] {
	background: url(../imagens/agilidade.jpg) no-repeat center;
	background-size: cover;
	.colConteudo {
		.internoConteudo {
			h2, p {
				color: white;
			}
		}
	}
}

/*** Final valores ***/



.wrapper[data-bloco="acaoSolucao"] {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	padding: 40px 30px;
	text-align: center;
	font-size: 18px;
}

.wrapper&[data-bloco="inteligencia"] {
	background: url(../imagens/banner-inteligencia2x.jpg) no-repeat center;
	background-size: cover;
	padding: 60px 0;
	min-height: 350px;
	justify-content: center;
	.boxConteudo {
		.painelCrencas {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			align-items: center;
			li {
				text-align: center;
				.calc(width, '50% - 15px');
				color: white;
				font-size: 20px;
				padding-bottom: 30px;
				&:nth-of-type(1n+3) {
					padding-top: 30px;
					padding-bottom: 0;
				}
			}
		}
	}
}



.wrapper&[data-bloco="atuacao"] {
	background: white;	
	padding: 60px 0;
	.boxConteudo {
		display: flex;
		justify-content: space-between;
		align-items: center;
		.col1 {
			padding-right: 40px;
			.boxSizing;
			width: 50%;
			h3 {
				font-size: 24px;

			}
		}
		.col2 {
			width: 50%;
			display: flex;
			justify-content: space-between;
			.itemEndereco {
				margin-left: 50px;
				min-width: 220px;	
				h4 {
					display: flex;
					align-items: center;
					strong {
						font-size: 30px;
						.Bold;
						margin-right: 10px;
					}
					span {
					}
				}
				address {
					font-style: normal;
					p {
						font-size: 14px;
						line-height: 20px;
						a {
							font-size: 18px;
							.Bold;
							color: @verde;
						}
					}
				}
			}
		}
	}
	/*.boxConteudo {
		margin-top: 30px;
		.itemEndereco {
			h4 {
				display: flex;
				align-items: center;
				strong {
					font-size: 30px;
					.Bold;
					margin-right: 10px;
				}
				span {
				}
			}
			address {
				font-style: normal;
				p {
					font-size: 14px;
					line-height: 20px;
					a {
						font-size: 18px;
						.Bold;
						color: @verde;
					}
				}
			}
		}
	}*/

}


/* ################################# RODAPÉ */


footer {
	padding: 30px 0 30px 0;
	background: @verde;
	.boxConteudo {
		display: flex;
		justify-content: space-between;
		align-items: center;
		.menuRodape {
			display: flex;
			align-items: center;
			li {
				margin-right: 40px;
				a {
					i {
						color: white;
						width: 30px;
						font-size: 24px;
						text-align: center;
						&:hover {
							color: @azul;
						}
					}
				}
			}
			
		}
		a {
			color: @azul;
			i {
				font-size: 20px;	
			}
			&:hover {
				color: white;
			}
		}
	}
}

.dev {
	padding: 5px 0;
	background: darken(@verde, 20%);
	.boxConteudo {
		text-align: center;
		.link {
			background: url(../imagens/marcacubi.svg) no-repeat left center;
			background-size: 20px;
			padding-left: 30px;
			font-size: 12px;
			color: white;
		}
	}
}


/* ################################# PÁGINAS INTERNAS */

.wrapper&[data-bloco="tituloPagina"] {
	background: url(../imagens/titulopaginas-2x.jpg) no-repeat center;
	background-size: cover;
	padding: 140px 0 30px 0;
	.boxConteudo {
		h1 {
			font-size: 45px;
			.Bold;
			letter-spacing: -3px;
			color: white;
			line-height: 46px;

		}
	}
}

.wrapper&[data-bloco="formularioContato"] {
	background: @fundo;
	padding: 60px 0;
	.boxConteudo {
		display: flex;
		justify-content: space-between;
		.col1, .col2 {

		}
		.col1 {
			.calc(width, '100% - 360px');
			display: flex;
			flex-direction: column;
			align-items: center;
			fieldset {
				width: 100%;
				margin-bottom: 20px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				.boxSizing;
				label {
					white-space: nowrap;
					margin-right: 15px;
					padding-right: 15px;
					color: @azul;
					width: 160px;
					flex-shrink: 0;
					text-align: right;
				}
				input, select, textarea {
					width: 100%;
					.boxSizing;
					background: white;
					.borda(30px);
					border: none;
					font-size: 18px;
					.Regular;
					color: @verde;
				}
				input, select {
					height: 65px;
					padding: 0 25px;
				}
				textarea {
					min-height: 120px;
					height: 120px;
					resize: vertical;
					padding: 20px;

				}
			}
			.btn {
				border:none;
			}
		}

		.col2 {
			width: 300px;
			display: flex;
			flex-direction: column;
			.itemEndereco {
				margin-bottom: 50px;
				h4 {
					display: flex;
					align-items: center;
					strong {
						font-size: 30px;
						.Bold;
						margin-right: 10px;
					}
					span {
					}
				}
				address {
					font-style: normal;
					p {
						font-size: 14px;
						line-height: 20px;
						a {
							font-size: 18px;
							.Bold;
							color: @verde;
						}
					}
				}
			}
		}
	}
}


/* ################################# QUEMSOMOS */


.wrapper[data-bloco="quemSomos"] {
	flex-direction: row;
	align-items: stretch;
	.col {
		width: 50%;
		&[data-col="imagem"] {

			flex-shrink: 0;
			background: url(../imagens/meeting-quemsomos.jpg) no-repeat center;
			background-size: cover;
		}
		&[data-col*="conteudo"] {
			padding-top: 50px;
			padding-bottom: 50px;
			p {
				line-height: 28px;
				font-size: 14px;
				margin-bottom: 15px;
			}
		}

		&[data-col*="direita"] {
			padding-right: 30px;
			padding-left: 60px;
			p {
				&:first-of-type { 
					.Bold;
					font-size: 16px;
				}
			}
		}

		&[data-col*="esquerda"] {
			padding-left: 30px;
			padding-right: 60px;
		}
	}
}

.wrapper[data-bloco="comoAtuamos"] {
	padding: 60px 0;
	background: white;
	.boxConteudo {
		display: flex;
		justify-content: space-between;
		align-items: center;
		.col {
			&[data-col*="titulo"] {
				width: 30%;
				flex-shrink: 0;
				h2 {
					font-size:4.2vw;
					line-height: 4.3vw;
					display: flex;
					flex-direction: column;
					.Regular;
					letter-spacing: -4px;
				}
			}

			&[data-col*="processo"] {
				background: url(../imagens/bgprocesso.svg) no-repeat center;
				background-size: contain;
				width: 70%;
				margin-left: 40px;
				display: flex;
				flex-wrap: wrap;
				.bloco {
					height: 20vw;
					max-height: 280px;
					margin-bottom: 50px;
					display: flex;
					align-items: center;
					justify-content: center;
					padding: 0 40px;
					text-align: center;
					padding-top: 10px;
					&:nth-of-type(1) {
						width: 38%;
					}
					&:nth-of-type(n+2) {
						width: 31%;
					}
					&:nth-of-type(n+3) {
						margin-bottom: 0;
						padding-top: 0;
					}
					&:nth-of-type(4) {
						width: 32%;
					}
					&:nth-of-type(5) {
						width: 34%;
					}
					&:nth-of-type(6) {
						width: 34%;
					}
				}
			}
		}
	}
	.botaoContato {
		.center;
		margin-top: 40px;
	}
}


/*
.wrapper[data-bloco="valoresGerais"] {
	//background: url(../imagens/mapamundi.svg) no-repeat center #eff2f4;
	//background-color: #fff;
	background-size: cover;
	padding: 120px 0;
	border-top: 1px solid @cinza_claro;
	.boxConteudo {
		display: flex;
		flex-direction: column;
		.itemValor {
			width: 100%;
			display: flex;
			margin-bottom: 40px;
			align-items: center;
			justify-content: flex-end;
			h2 {
				color: @preto;
				font-size: 46px;
				.Bold;
				letter-spacing: -2px;
				line-height: 42px;
				margin-right: 40px;
				flex-shrink: 0;
			}
			ul {
				background: white;
				padding: 30px 50px;
				flex-grow: 0;
				box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05);
				.borda(20px);
				li {
					margin-bottom: 10px;
					font-size: 18px;
					span {
						margin: 0 6px;
					}
				}
			}
			&:nth-of-type(odd) {
				justify-content: flex-start;
			}
			&:last-of-type { margin-bottom: 0; }
		}
	}
}
*/


.wrapper[data-bloco="valoresGerais"] {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: row;
	.col {
		width: 33.33%;
		overflow: hidden;
		background: no-repeat left center;
		background-size: cover;
		transition: width .7s ease;
		.overlay {
			width: 100%;
			height: 100%;
			padding: 80px 30px;
			transition: background-color .6s ease;
			h2 {
				.Bold;
				font-size: 42px;
				color: white;
				letter-spacing: -2px;
				line-height: 42px;
				margin-bottom: 20px;
				transition: margin-bottom .5s ease;
			}
			ul {
				li {
					color: white;
					margin-bottom: 8px;
					font-size: 18px;
					span {
						margin: 0 6px;
					}
				}
			}
		}
		&[data-col="valores"] {
			background-image: url(../imagens/valores.jpg);
		}
		&[data-col="processos"] {
			background-image: url(../imagens/processos.jpg);
		}
		&[data-col="comofazemos"] {
			background-image: url(../imagens/comofazemos.jpg);
		}
		&:hover {
			.overlay {
				background: rgba(0, 0, 0, 0.35);
				h2 {
					margin-bottom: 30px;
				}
			}
		}
	}
}



.wrapper[data-bloco="premiacoes"] {
	flex-direction: row;
	align-items: stretch;
	border-top: 1px solid darken(@fundo, 5%);
	.col {
		.calc(width, '50% + 40px');
		padding: 80px 30px 80px 40px;
		padding-left: 40px;
		&[data-col="imagem"] {
			.calc(width, '50% - 40px');
			background: url(../imagens/premiacoes.jpg) no-repeat center;
			background-size: cover;
			min-height: 230px;
			padding: 0;
		}
		.internoCol {
			width: 100%;
			max-width: 700px;
			.fLeft;
			h2 {
				color: @preto;
				font-size: 34px;
				.Bold;
				letter-spacing: -1px;
			}
			h3 {
				color: @verde;
				font-size: 24px;
				.Bold;
				letter-spacing: -1px;
				span {
					font-size: 20px;
					.Regular;
				}
			}
			p {
				margin-top: 20px;
				line-height: 28px;
			}
		}
	}
}

/* ################################# SOLUÇÕES */

/*
.wrapper[data-bloco="paginaSolucoes"] {
	.row {
		width: 100%;
		height:80vh;
		display: flex;
		align-items: center;
		justify-content: center;
		.overlay {
			display: flex;
			justify-content: center;
			align-items: center;
			h2 {
				font-size: 62px;
				letter-spacing: -3px;
				line-height: 62px;
				text-align: right;
				color: white;
			}
			.btn {
				margin: 15px 0 0 40px;
				background: white;
				color: @verde;
			}
		}
		&[data-servico="despacho"] {
			background: url(../imagens/bg-despacho-2x.jpg) no-repeat center;
			
		}
		&[data-servico="logistica"] {
			background: url(../imagens/bg-logistica-2x.jpg) no-repeat center;

		}
		&[data-servico="assessoria"] {
			background: url(../imagens/bg-assessoria-2x.jpg) no-repeat center;
			
		}
	}

}


.wrapper[data-bloco="maisServicos"] {
	padding: 60px 0;
	background: @fundo;
	h1 {
		font-size: 55px;
		.Bold;
		letter-spacing: -3px;
		color: @preto;
		line-height: 46px;
	}
	.boxConteudo {
		margin-top: 50px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		.item {
			background: white;
			.calc(width, '50% - 2px');
			margin: 0 0 4px 0;
			padding: 35px 40px;
			.boxSizing;
			transition: box-shadow .3s ease;
			i {
				color: @verde;
				font-size: 44px;
				margin-bottom: 15px;
			}
			h2 {
				.Bold;
				color: @verde;
				font-size: 28px;
				letter-spacing: -2px;
			}
			p {
				color: @preto;
				line-height: 30px;
			}
			&:hover {
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
			}
		}
	}
}
*/

.wrapper&[data-bloco="tituloConnect"] {
	background: url(../imagens/banner-yesconnectv2.jpg) no-repeat bottom right;
	background-size: cover;
	padding: 200px 0 30px 0;
	.boxConteudo {
		h1 {
			font-size: 58px;
			letter-spacing: -3px;
			line-height: 62px;
			color: white;
			margin-bottom: 10px;
		}
		p {
			color: @verde;
			font-size: 28px;
			letter-spacing: -1px;
			img {
				width:350px;
				margin-bottom: 30px;
			}
		}
	}
}
.wrapper&[data-bloco="tituloServico"] {
	background: url(../imagens/banner-yesconnectv2.jpg) no-repeat center;
	background-size: cover;
	padding: 200px 0 30px 0;
	.boxConteudo {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;

		.descConteudo {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			
		
			.logocliente {
				max-width: 200px;
				margin-left:15px;
				margin-bottom: 20px;
			}
			* { color: white; }
			ul {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				margin:0;
				padding:0;
				li {
					width:60%;
					margin:5px 0 0 15px;
					padding-top:10px;
					padding-bottom:10px;
				}
				
			}
			h1 {
				max-width: 80%;
				font-size: 32px;
				letter-spacing: -2px;
				.Light;
				color: white;
				line-height: 35px;
				span { .Bold; }				
			}
			h2 {
				max-width: 80%;
				font-size: 25px;
				letter-spacing: -2px;
				.Light;
				color: white;
				line-height: 35px;
				margin-top:20px;
				span { .Bold; }
			}
			p {
				max-width: 80%;
				font-size: 25px;
				line-height: 28px;
				color: white;
				.Light;
				margin-top:20px;
				img {
					width:350px;
					margin-bottom: 30px;
				}
			}
		}
		
		form {
			width: 35%;
			flex-shrink: 0;
			background: white;
			.borda;
			padding: 40px 20px;
			.boxSizing;
			text-align: center;
			margin-left: 30px;
			box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35);
			h3 {
				margin-bottom: 30px;
			}
			fieldset {
				width: 100%;
				.fLeft;
				margin-bottom: 20px;
				label {
					width: 100%;
					.fLeft;
				}
				input {
					width: 100%;
					.fLeft;
					height: 55px;
					.boxSizing;
					padding: 0 15px;
					.borda;
					border:1px solid @cinza;
					font-size: 18px;
					.Regular;
					text-align: center;
				}
			}
		
			button {
				width: 100%;
				height: 55px;
				text-transform: none;
				font-size: 22px;
		
				background: linear-gradient(to right, @preto 0%, @cinza 100%);
				border:none;
				
				padding:20px 50px 40px 50px;
				color: white;
				border-radius: 28px;
				
				
				&:hover {
					background: linear-gradient(to left, @preto 0%, @cinza 100%);
		
				}
			}
		
			p {
				line-height: 14px;
				small {
					font-size: 12px;
					color: darken(@cinza, 10%);
				}
			}
		}
	}
}

.wrapper&[data-bloco="tituloServico"] {
	background: url(../imagens/banner-yesconnectv2.jpg) no-repeat center;
	background-size: cover;
	padding: 200px 0 30px 0;
	.boxConteudo {

		
		
		h1 {
			font-size: 58px;
			letter-spacing: -3px;
			line-height: 62px;
			color: white;
			margin-bottom: 10px;
		}
		p {
			color: @verde;
			font-size: 28px;
			letter-spacing: -1px;
			img {
				width:350px;
				margin-bottom: 30px;
			}
		}
	}
}

.wrapper&[data-pagina="yesexpress"] {
	background: url(../imagens/fundoyesexpress2x.jpg) no-repeat center;
	background-size: cover;
	padding: 250px 0 50px 0;
	.boxConteudo {
		h1 {
			img {
				width: 100%;
				max-width: 450px;
			}
		}
	}
}
.wrapper&[data-pagina="yesinhouse"] {
	background: url(../imagens/fundoyesinhouse2x.jpg) no-repeat center;
	background-size: cover;
	padding: 250px 0 50px 0;
	.boxConteudo {
		h1 {
			img {
				width: 100%;
				max-width: 450px;
			}
		}
	}
}


.ancorasServicos {
	background: #0c0929;
	padding: 50px 0 50px 0;
	.boxConteudo {
		display: flex;
		justify-content: space-between;
		align-items: center;
		li {
			height: 130px;
			min-height: 100px;
			width: 33.33%;
			display: flex;
			a {
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0 30px 0 30px;
				.boxSizing;	
				font-size: 28px;
				.Bold;
				line-height: 30px;
				text-align: center;
				color: white;
			}
		}
	}
}

.conteudoPoliticas {

	padding:40px 0 60px 0;
	h2 {
		color: @verde;
		font-size: 46px;
		.Bold;
		letter-spacing: -2px;
		padding:20px 0;
	}
	h3 {
		color: @verde;
		font-size: 32px;
		.Bold;
		letter-spacing: -2px;
		padding:20px 0;
	}
	h4 {
		color: @azul;
		font-size: 24px;
		.Regular;
		letter-spacing: -1px;
	}
	p {
		line-height: 28px;
	}
	.oversize {
		font-size: 18px;
		margin-bottom: 10px;
	}
}


.conteudoServico {
	h2 {
		color: @preto;
		font-size: 46px;
		.Bold;
		letter-spacing: -2px;
	}
	h3 {
		color: @verde;
		font-size: 32px;
		.Bold;
		letter-spacing: -2px;
	}
	h4 {
		color: @azul;
		font-size: 24px;
		.Regular;
		letter-spacing: -1px;
	}
	p {
		line-height: 28px;
	}
	.oversize {
		font-size: 18px;
		margin-bottom: 10px;
	}
}

.chamadaContatoServico {
	text-align: center;
	margin-top: 25px;
	.btn {
		margin-top: 10px;
		background-color:#99999a;
	}
}

/* ################################# ASSESSORIA ADUANEIRA */

.wrapper[data-bloco="experienciaassessoria"] {
	padding: 60px 0;

	.boxConteudo {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		ul {
			margin-top: 40px;
			column-count: 2;
			li {
				margin-bottom: 10px;
				&:before {
					font-family: "Font Awesome 5 Free";
					font-weight: 900;
					content: "\f0da";
					margin-right: 5px;
					color: #99999a;
				}
			}
		}
		img {
			border-radius: 5px;
		}
	}
}


.wrapper[data-bloco="siscoserv"] {
	// background: url(../imagens/fundosiscoserv.jpg) no-repeat center @azul;
	// background-size: cover;
	background: white;
	padding: 80px 0 0 0;
	.boxConteudo {
		.calc(width, '100% - 120px');
		margin: 0 60px 0 60px;
		max-width: 1400px;
		p {
			margin-bottom: 15px;
		}
	}
	.wrapper[data-bloco="exigenciasfiscais"] {
		padding: 60px 0 80px 0;
		border-top: 1px solid lighten(@cinza_claro, 5%);
		//background: @fundo;
		// background: rgba(0, 0, 0, 0.05);
		margin-top: 60px;
		.boxConteudo {
			display: flex;
			justify-content: space-between;
			flex-direction: column;
			.boxSizing;
			.col {
				width: 100%;
				text-align: justify;
				li {
					font-size: 18px;
					margin-bottom: 15px;
					&:before {
						font-family: "Font Awesome 5 Free";
						font-weight: 900;
						content: "\f0da";
						margin-right: 5px;
						color: @verde;
					}
					&:last-of-type {
						margin-bottom: 0;
					}
				}
			}
			ul {
				margin-top: 20px;
			}
		}
		.btn {
			margin-top: 30px;
		}
	}
}


.wrapper[data-bloco="admissaotemporaria1"] {
	/*background: url(../imagens/admissaotemporaria.jpg) no-repeat center;
	background-size: cover;*/
	padding: 80px 0 0 0;
	background: @fundo;
	.boxConteudo {
			.calc(width, '100% - 120px');
			margin: 0 60px 0 60px;
			max-width: 1400px;
		h3 {
			color: @azul;
		}
	}
	.wrapper[data-bloco="admissaotemporaria2"] {
		padding: 0 0 60px 0;
		//background: rgba(255, 255, 255, 0.7);
		margin-top: 60px;
		.boxConteudo {
			display: flex;
			justify-content: space-between;
			align-items: center;
			.col {
				.calc(width, '50% - 30px');
				text-align: justify;
				li {
					color: @preto;
					font-size: 18px;
					margin-bottom: 15px;
					&:before {
						font-family: "Font Awesome 5 Free";
						font-weight: 900;
						content: "\f0da";
						margin-right: 5px;
						color: #99999a;
					}
					&:last-of-type {
						margin-bottom: 0;
					}
				}
			}
		}
		.finalAdmissao {
			flex-direction: column;
			margin-top: 40px;
			padding-top: 40px;
			border-top: 1px solid lighten(@cinza_claro, 5%);
			text-align: center;
			align-items: center;
			p {

			}
			.btn {
				margin-top: 20px;
				background-color:#99999a;
			}
		}
	}
}


.wrapper[data-bloco="habilitaRadar"] {
	background: @fundo;
	padding: 80px 0;
	.boxConteudo {
		h3 {
			margin-top: 15px;
			color:#99999a;
		}
		hr {
			margin: 30px 0;
			border: 1px solid @verde;
		}
	}
}


.wrapper[data-bloco="drawback"] {
	padding: 80px 0;
	.boxConteudo {
		
		h3 {
			margin-top: 15px;
			color:#99999a;
		}
		hr {
			margin: 30px 0;
			border: 1px solid #99999a;
		}
		p .note {
			margin-top: 10px;
			color: @azul;
			padding-left: 20px;
			border-left: 2px solid @azul;
		}
		.tableModalidades {
			width: 100%;
			display: flex;
			padding: 20px 0;
			justify-content: space-between;
			li {
				.calc(width, '33.3% - 20px');
			}
		}
	}
}



.wrapper[data-bloco="regularizacaofiscal"] {
	padding: 60px 0;
	background: white;
	.boxConteudo {
		display: flex;
		justify-content: space-between;
		align-items: center;
		.col {
			&[data-col="titulo"] {
				width: 350px;

				h2 {
					font-size: 34px;
					line-height: 32px;
					strong {

					}
				}
			}
			&[data-col="esquemaprocedimento"] {
				width: 100%;
				margin-left: 70px;
				text-align: center;
				display: flex;
				flex-direction: column;
				.heading {
					font-size: 20px;
					margin-bottom: 13px;
				}
				.grafico {
					margin-bottom: 10px;
					.laterais {
						.Bold;
						color: @verde;
						font-size: 28px;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: -2px;
						display: flex;
						justify-content: center;
						span {
							margin: 0 50px;
						}
					}
				}
				.bottom {
					font-size: 20px;
				}
			}
		}
	}
}







/* ################################# DESPACHO ADUANEIRO */


.wrapper[data-bloco="segurancaeficiencia"] {
	/*background: url(../imagens/despachoseguranca.jpg) no-repeat center;
	background-size: cover;*/
	padding: 80px 0;
	.boxConteudo {
		//padding: 0 0 0 40%;
	}
}


.wrapper[data-bloco="importacao"] {
	background: white;
	padding: 80px 0;
	.boxConteudo {
		p {
			margin-bottom: 10px;
		}
		h3 {
			margin-top: 20px;
			color:#99999a;
		}
		.btn {
			background-color:#99999a;
		}
		ol {
			margin-top: 20px;
			li {
				margin-bottom: 15px;
				span {
					.Bold;
					font-size: 20px;
					margin-right: 10px;
				}
			}
		}
	}
}


.wrapper[data-bloco="exportacao"] {

	padding: 80px 0;
	background: @fundo;
	.boxConteudo {
		h3 {
			color: #99999a;
		}
		.btn {
			background-color: #99999a;
		}
		ol {
			margin-top: 20px;
			li {
				margin-bottom: 15px;
				span {
					.Bold;
					font-size: 20px;
					margin-right: 10px;
				}
			}
		}
	}
}


.wrapper[data-bloco="procedimentofiscal"] {
	padding: 60px 0;
	background: white;
	.boxConteudo {
		display: flex;
		justify-content: space-between;
		align-items: center;
		.col {
			&[data-col="titulo"] {
				width: 350px;

				h2 {
					font-size: 34px;
					line-height: 32px;
					strong {

					}
				}
			}
			&[data-col="esquemaprocedimento"] {
				width: 100%;
				margin-left: 70px;
				text-align: center;
				display: flex;
				flex-direction: column;
				.heading {
					font-size: 20px;
					margin-bottom: 13px;
				}
				.grafico {
					margin-bottom: 10px;
					.laterais {
						.Bold;
						color: @verde;
						font-size: 28px;
						width: 100%;
						text-transform: uppercase;
						letter-spacing: -2px;
						display: flex;
						justify-content: center;
						span {
							margin: 0 50px;
						}
					}
				}
				.bottom {
					font-size: 20px;
				}
			}
		}
	}
}

.wrapper[data-bloco="presenca"] {
	background: url(../imagens/presenca.jpg) no-repeat center @azul;
	background-size: cover;
	padding: 90px 0 100px 0;
	.boxConteudo {
		padding-right: 0%;
		display: flex;
		flex-direction: column;
		align-items: center;
		h3 {
			text-align: center;
			color: white;
			font-size: 34px;
			line-height: 38px;
			strong { color: #99999a; }
		}
		ul {
			margin-top: 50px;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			li {
				width: 50%;
				.boxSizing;
				text-align: center;
				color: white;
				&:nth-of-type(-n+2) {
					padding-bottom: 20px;
					border-bottom: 1px solid rgba(255, 255, 255, 0.2);
				}
				&:nth-of-type(n+3) {
					padding-top: 15px;
				}
				&:nth-of-type(odd) {
					border-right: 1px solid rgba(255, 255, 255, 0.2);
					padding-right: 35px;
				}
				&:nth-of-type(even) {
					padding-left: 35px;
				}
			}
		}
		.btn {
			margin-top: 40px;
			background-color: white;
			color: @azul;
		}
	}
}



/* ################################# LOGISTICA INTERNACIONAL */


.wrapper[data-bloco="doortodoor"] {
	/*background: url(../imagens/melhoreprodutividade.jpg) no-repeat center;
	background-size: cover;*/
	padding: 80px 0 0 0;
	.boxConteudo {
		h3 {
			color: @azul;
		}
		ul {
			li {
				margin-bottom: 5px;
				&:before {
					font-family: "Font Awesome 5 Free";
					font-weight: 900;
					content: "\f0da";
					margin-right: 5px;
					color: #99999a;
				}
			}
		}
	}
	.wrapper[data-bloco="conjuntodeacoes"] {
		padding: 60px 30px;
		background: rgba(255, 255, 255, 0.55);
		margin-top: 60px;
		text-align: center;
		border-top: 1px solid darken(@fundo, 5%);
		.boxConteudo {
			padding: 0;
			.btn {
				margin-top: 10px;
			}
			/*display: flex;
			justify-content: space-between;
			align-items: center;*/
			/*.col {
				&[data-col="titulo"] {
					width: 350px;

					h2 {
						font-size: 34px;
						line-height: 32px;
						strong {

						}
					}
				}
				&[data-col="esquemaprocedimento"] {
					width: 100%;
					margin-left: 70px;
					text-align: center;
					display: flex;
					flex-direction: column;
					.heading {
						font-size: 20px;
						margin-bottom: 13px;
					}
					.grafico {
						margin-bottom: 10px;
						.laterais {
							.Bold;
							color: @verde;
							font-size: 28px;
							width: 100%;
							text-transform: uppercase;
							letter-spacing: -2px;
							display: flex;
							justify-content: center;
							align-items: center;
							span {
								margin: 0 50px;
							}
						}
					}
					.bottom {
						font-size: 20px;
					}
				}
			}*/
		}
	}
}




.wrapper[data-bloco="introconnect"] {
	background: #0c0929;
	padding: 50px 0 50px 0;
	.boxConteudo {
		ul {
			display: flex;
			justify-content: space-between;
			align-items: center;
			li {
				
				height: 130px;
				min-height: 100px;
				width: 33.33%;
				display: flex;
				a {
					width: 100%;
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					padding: 0 30px 0 30px;
					.boxSizing;	
					font-size: 28px;
					.Bold;
					line-height: 30px;
					text-align: center;
					color: white;
				}
			}
		}
		h2 {
			margin-top: 30px;
			text-align: center;
			font-size: 20px;
			.Regular;
			color: white;
			letter-spacing: 0;
		}
	}
	
}

.wrapper[data-bloco="introexpress"] {
	/*background: url(../imagens/fundoyesexpress.jpg) no-repeat center @fundo;
	background-size: cover;*/
	background: #0c0929;
	padding: 50px 0 50px 0;
	.boxConteudo {
		ul {
			display: flex;
			justify-content: space-between;
			align-items: center;
			li {
				font-size: 28px;
				.Bold;
				line-height: 30px;
				text-align: center;
				color: @yesexpress;
			}
		}
		h2 {
			margin-top: 30px;
			text-align: center;
			font-size: 20px;
			.Regular;
			color: white;
			letter-spacing: 0;
		}
	}
	
}
.wrapper[data-bloco="conteudoconnect"] {
	padding: 60px 30px;
	background: rgba(255, 255, 255, 0.55);
	margin-top: 60px;
	.boxConteudo {
		padding: 0;
		column-count: 1;
		column-gap: 60px;
		p.grande {
			font-size: 23px;
			.Bold;
		}
		p {
			line-height: 28px;
			text-align: justify;
			margin-bottom: 15px;
		}
	}

}

.wrapper[data-bloco="conteudoexpress"] {
	padding: 60px 30px;
	background: rgba(255, 255, 255, 0.55);
	margin-top: 60px;
	.boxConteudo {
		padding: 0;
		column-count: 2;
		column-gap: 60px;
		p.grande {
			font-size: 18px;
			.Bold;
		}
		p {
			line-height: 28px;
			text-align: justify;
			margin-bottom: 15px;
		}
	}

}


.wrapper[data-bloco="chamadaexpress"] {
	padding: 60px 0;
	background: @fundo;
	.boxConteudo {
		text-align: center;
		p {
			line-height: 28px;
			margin-bottom: 10px;
			span {
				color: rgba(255, 255, 255, 0);
				background: url(../imagens/logominiyes.svg) no-repeat bottom center;
				background-size: contain;
				background-origin: content-box;
				.boxSizing;
				font-size: 20px;
				margin: 0 3px;
			}
		}
		.btn {
			margin-top: 15px;
			background-color:@yesexpress;
		}
	}

}

.wrapper[data-bloco="chamadaconnect"] {
	padding: 60px 0;
	background: @fundo;
	.boxConteudo {
		text-align: center;
		p {
			line-height: 28px;
			margin-bottom: 10px;
			span {
				color: rgba(255, 255, 255, 0);
				background: url(../imagens/logominiyes.svg) no-repeat bottom center;
				background-size: contain;
				background-origin: content-box;
				.boxSizing;
				font-size: 20px;
				margin: 0 3px;
			}
		}
		.btn {
			margin-top: 15px;
			background-color:#99999A;
		}
	}

}



.wrapper[data-bloco="importContaOrdem"] {
	padding: 80px 0;
	background: @fundo;
	.boxConteudo {
		h3 {
			color:#99999a;
		}
		p {
			margin-bottom: 15px;
		}
	}
}



/* ################################# TERCEIRIZAÇÃO */

.wrapper[data-bloco="introinhouse"] {
	/*background: url(../imagens/inhouse.jpg) no-repeat center;
	background-size: cover;*/

	padding: 80px 0 ;
	.boxConteudo {
		//padding: 0 0 0 40%;
		h2 {
			color: @roxo;
			margin-bottom: 40px;
			font-size:32px;
		}
		p {
			margin-bottom: 15px;
		}

	}
	.wrapper[data-bloco="conteudoinhouse"] {
		padding: 60px 30px;
		background: rgba(255, 255, 255, 0.75);
		margin-top: 60px;
		border-top: 1px solid darken(@fundo, 5%);
		.boxConteudo {
			padding: 0;
			column-count: 2;
			column-gap: 80px;
			p {
				text-align: justify;
				margin-bottom: 15px;
			}
		}
	}

}










/* ################################# ESPECIALIDADES */


.wrapper[data-bloco="introanvisa"] {
	/*background: url(../imagens/despachoseguranca.jpg) no-repeat center;
	background-size: cover;*/
	padding: 80px 0 0 0 ;
	.boxConteudo {
		//padding: 0 0 0 40%;
	}
	.wrapper[data-bloco="servicossaude"] {
		background: rgba(255, 255, 255, 0.5);
		padding: 60px 0;
		margin-top: 60px;
		border-top: 1px solid darken(@fundo, 5%);
		h2 {
			margin-bottom: 20px;
		}
		.boxConteudo {
			padding: 0;
			column-count: 2;
			column-gap: 60px;
			li {
				margin-bottom: 15px;
				&:before {
					font-family: "Font Awesome 5 Free";
					font-weight: 900;
					content: "\f0da";
					margin-right: 5px;
					color: @verde;
				}
			}
		}
		.btn {
			margin-top: 25px;
		}
	}
}


/* ################################# UTILIDADES */



.wrapper[data-bloco="tabelaIncoterm"] {
	background: white;
	padding: 50px 0;
	.boxConteudo {
		h2 {
			font-size: 24px;
			.Regular;
			margin-bottom: 25px;
			span {
				text-transform: uppercase;
				.Bold;
			}
		}
		img {
			width: 100%;
		}
	}
}

.wrapper[data-bloco="tiposConteineres"] {
	background: @fundo;
	padding: 50px 0;
	.boxConteudo {
		display: flex;
		justify-content: space-between;
		.col {
			.calc(width, '50% - 30px');
			h2 {
				font-size: 24px;
				.Regular;
				margin-bottom: 25px;
				small {
					font-size: 12px;
				}
			}
		}
	}
}

.tiposContainerAccordion {
	width: 100%;
	h3 {
		.fLeft;
		width: 100%;
		background: white;
		margin-top: 5px;
		.borda(10px 10px 0 0);
		.tituloContainer {
			width: 100%;
			padding: 15px;
			.boxSizing;
			display: flex;
			flex-direction: column;
			.img {
				width: 100%;
				height: 120px;
				padding: 5px 0;
				.boxSizing;
				background: no-repeat center;
				background-size: 120px;
			}
			span {
				font-size: 20px;
				color: @azul;
				.Bold;
				text-transform: uppercase;
			}
			p {
				font-size: 16px;
				.Regular;
				small {
	
				}
			}
		}
		&[aria-selected="false"] {
			.borda(10px);
			.cursor;
		}
	}
	.itemContainer {
		width: 100%;
		.fLeft;
		background: white;
		border-top:1px solid @cinza_claro;
		padding: 15px;
		.boxSizing;
		.borda(0 0 10px 10px);
		.padraoTabela {
			width: 100%;
			.fLeft;
			text-align: left;
			border-top: 1px solid @cinza_claro;
			border-left: 1px solid @cinza_claro;
			margin-bottom: 40px;
			thead, tbody {
				tr {
					th, td {
						border-bottom: 1px solid @cinza_claro;
						border-right: 1px solid @cinza_claro;
						padding: 10px 15px;
					}
					th {
						background: @fundo;
					}
				}
			}
		}
	}
}


/* ################################# TRABALHE CONOSCO */


.wrapper[data-bloco="trabalheConosco"] {
	background: @fundo;
	padding: 50px 0;
	.boxConteudo {
		display: flex;
		justify-content: space-between;
		.col {
			h2 {
				font-size: 24px;
				.Regular;
				margin-bottom: 25px;
			}
			.listagemVagas {
				width: 100%;
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				.itemVaga {
					width: 48%;
					background: white;
					margin-bottom: 30px;
					.boxSizing;
					padding: 20px;
					.borda;
					.desc {
						font-size: 14px;
					}
					.item {
						color: @verde;
						font-size: 18px;
						.Bold;
						display: flex;
						flex-direction: column;
						margin-bottom: 10px;
						span {
							color: @azul;
							font-size: 12px;
							text-transform: uppercase;
						}
					}
					.tem-interesse {
						.Bold;
						margin-top: 10px;
						a {

						color: @verde;
						}
					}
				}
			}
			form {
				width: 100%;
				display: flex;
				flex-direction: column;
				fieldset {
					width: 100%;
					display: flex;
					flex-direction: column;
					margin-bottom: 10px;
					label {
						font-size: 14px;
						color: @azul;
						margin-bottom: 2px;
						width: 100%;
					}
					select, input {
						padding: 10px;
						.borda(20px);
						border: none;
						.boxSizing;
						font-size: 18px;
						.Regular;
						width: 100%;
					}
				}
				.btn {
					padding: 20px;
					border: none;
				}
			}
			&:first-of-type {
				width: 60%;
			}
			&:last-of-type {
				.calc(width, '40% - 60px');
			}
		}
	}
}

.wrapper[data-bloco="introyesconnect"] {
	/*background: url(../imagens/inhouse.jpg) no-repeat center;
	background-size: cover;*/

	padding: 80px 0 ;
	.boxConteudo {
		//padding: 0 0 0 40%;
		h2 {
			color: @cinza;
			font-size:32px;
		}

	}
}




.wrapper&[data-bloco="solucoesYesConnect"] {
	.listagemSolucoes {
		width: 100%;
		display: flex;
		background: @cinza_claro;
		justify-content: center;
		align-items: stretch;
		.itemServico {
			height: 130px;
			min-height: 100px;
			width: 33.33%;
			display: flex;
			background-color:@cinza_claro;
			a {
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0 30px 0 30px;
				.boxSizing;
				transition: background-color .3s ease, padding-top .5s ease;

				font-size: 25px;
				letter-spacing: -1px;
				color: @cinza;
				.Regular;
				line-height: 30px;

				
				
			}
			&:hover a { color:@verde; }
		}
	}
}


.wrapper[data-bloco="intromedical"] {

	background-color:#E3F3F6;

	padding: 80px 0 ;
	.boxConteudo {
		//padding: 0 0 0 40%;
		text-align:center;
		h2 {
			color: #000431;
			margin-bottom: 40px;
			font-size:38px;
		}
		p {
			margin-bottom: 15px;
			color: #000431;
		}

	}

}

.wrapper[data-bloco="subintromedical"] {


	padding: 80px 0 ;
	.boxConteudo {
		width:100%;

		display: flex;
		justify-content: center;
		align-items: stretch;

		.blocoEsquerdo {
			width:50%;
			h2 {
				color: #000431;
				margin-bottom: 40px;
				font-size:38px;
				padding:0 150px;
			}
		}

		.blocoDireito {
			width:50%;
			p {
				padding:20px;
				color:  #000431;
				span{
					color: #56B9C9;
					.Bold;

				}
			}
		}		

	}

}

.wrapper[data-bloco="vantagensmedical"] {

	background: linear-gradient(to bottom, #F8F8F8 0%, #F8F8F8 50%, #000431 50%, #000431 100%);

	padding: 70px 0;
	.boxConteudo {
		display: flex;
		flex-direction: column;
		align-items:center;
		h2 {
			text-align: center;
			margin-bottom: 30px;
			color:#000431;
			font-size:38px;
			.Bold;
		}
		.painelVantagens {
			width: 100%;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			
			text-align: center;
			margin:20px 0;
			li {
				background: white;
				padding: 25px 30px;
				.borda;
				margin: 5px;
				width: 25%;
				height:250px;
				text-align: left;
				display: flex;
				align-items: flex-start;
				flex-direction: column;
				justify-content: flex-start;
				.tituloVantagem {
					padding-top:20px;
					
					display: flex;
					flex-direction:row;
					justify-content:center;
					align-items:center;
					align-content:center;
					
					h3 {
						color:#000431;
						font-size:28px;
						.Bold;
						height:auto;
						padding:0;
					}
					img {
						margin-bottom: 0;
						padding-right:10px;
						height:24px;

					}
				}
				p {
					font-size: 14px;
					line-height: 22px;
					padding-top:20px;
					color:#000431;
				}
			}

		}
		.finalizacaoVantagens {
			display:flex;
			flex-direction: column;
			align-items:center;
			margin:50px 0;
			
			.btn {
				background-color:#51B7C7;
			}
		}
	}
}

.wrapper[data-bloco="solucoesmedical"] {
		background-color: #F8F8F8;
		padding: 70px 0;		
		display: flex;
		flex-direction: column;
		h2 {
			text-align: center;
			margin-bottom: 30px;
			font-size:38px;
			color:#000431;
			.Bold;
		}
		.internoPrimeira, .internoSegundo, .internoTerceiro{
			background-color:white;
			position: absolute;			
			width:50%;
			padding:100px;
			margin:60px 0 0 0;
			h3 {
				color:#000431;
				font-size:28px;
				margin-bottom:15px;
				.Bold;				
			}
			p {
				color:#000431;
			}
			.btn {
				background-color:#000431;
				font-size:15px;
				padding:10px 40px;
				margin-top:15px;
			}			
			ul {
				width:100%;
				padding-top:20px;
				li {
					width:100%;
					padding:15px 0;
					flex-direction: row;
					border:0;
					margin:0;
					line-height:20px;
					color:#000431;
					i {
						padding-right:10px;
						font-size:15px;
						margin-bottom:0;
					}
				}
			}
		}
		.internoTerceiro {
			margin:-60px 0 0 0;
		}
		.primeiraSolucao, .segundaSolucao, .terceiraSolucao {
			width:100%;
			height:700px;
			margin:100px 0;
			background-size:cover;
			display:flex;
		}
		.primeiraSolucao {
			background: url(../imagens/regulamentacao-de-produtos-medicos.png) no-repeat left;
			justify-content: flex-end;
		}

		.segundaSolucao {
			background: url(../imagens/importacao-de-produtos-medicos-odontologicos.png) no-repeat center;
			justify-content: flex-start;
		}

		.terceiraSolucao {
			background: url(../imagens/armazenagem-distribuicao.png) no-repeat center;
			justify-content: flex-end;
		}
	
}

.wrapper[data-bloco="oportunidademedical"] {
	
	padding: 70px 0;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;

	h2, h3 {
		margin-bottom: 38px;
		color:#000431;
		.Bold;
	}

	
	p{
		color:#000431;
	}

	video {
		width: auto;
		height:600px;
		margin:60px 0;

	}

	.btn {
		background-color:#51B7C7;
		margin-top:40px;
	}

}

.wrapper[data-bloco="somosyesconnect"] {
	background: white;
	padding: 70px 0;
	.boxConteudo {
		display: flex;
		flex-direction: column;
		align-items:flex-start;
		width:50%;

		h3 {
			text-align: left;
			margin-bottom: 15px;
			color:@cinza;
			strong {}
		}
		p {
			font-size: 16px;
			line-height: 28px;
		}

		.equipeyesconnect {
			display: flex;
			flex-direction: row;
			justify-content: center;
			width:100%;
			padding:30px 0;
			.joao, .rose {
				border:1px solid @cinza_claro;
				border-radius: 5px;
				margin-right:15px;
				overflow: hidden;
			}
			.imagem {
				width:300px;
				height:400px;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				


			}
			.texto {
				padding:10px;
			}
			.joao {
				h4 {

				}
				.imagem {
					background-image: url(../imagens/joaoclaudio.jpeg);
				}
			}
			.rose {
				h4 {

				}
				.imagem {					
					background-image: url(../imagens/rose.jpeg);
				}
			}
		}
		
	}

}


/* ################################# RESPONSIVO */


@media only screen and (max-width : 1300px) {
	//.menuContatos { border-top: 2px solid yellow; }


	header .boxConteudo {
		.menuPrincipal .itemMenu {
			font-size: 18px;
			margin-right: 40px;
		}
		.logotipoPrincipal { width: 230px; }
	}

	.wrapper[data-bloco="solucoes"] .listagemSolucoes .itemServico a p {
		font-size: 26px;
		line-height: 28px;
		letter-spacing: 0;
	}

	.wrapper[data-bloco="valores"] {
		.colConteudo {
			width: 60%;
			.internoConteudo {
				h2 {
					font-size: 44px;
					letter-spacing: -2px;
				}
			}
		}
	}

	.wrapper[data-bloco="atuacao"] .boxConteudo {
		.col1 {
			padding-right: 0;
			width: 40%;
			h3 { font-size: 20px; }
		}
		.col2 { width: 60%; }
	}

	.conteudoServico {
		h2 { font-size: 34px; }
		h3 { font-size: 26px; }
		h4 { font-size: 22px; }
	}

	.wrapper[data-bloco="comoAtuamos"] {
		.boxConteudo {
			.col &[data-col*="processo"] .bloco {
				height: 20vw;
				max-height: 190px;
				margin-bottom: 30px;
			}
		}
		.botaoContato {
			.center;
			margin-top: 40px;
		}
	}
	

	/* ################################# ASSESSORIA ADUANEIRA */


	/* ################################# DESPACHO ADUANEIRO */

	/* ################################# LOGISTICA INTERNACIONAL */





	/* ################################# TERCEIRIZAÇÃO */



}

.wrapper[data-bloco="vantagensyesconnect"] {
	background: @fundo;
	padding: 70px 0;
	.gridDiferenciais {
		display: flex;
		flex-direction: column;
		align-items:flex-start;
		h3 {
			text-align: left;
			margin-bottom: 30px;
			color:@cinza;
			strong {}
		}
		.painelDiferenciais {
			width: 100%;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			margin:20px 0;
			img {
				width:100px;
			}
			li {
				background: white;
				padding: 25px 20px;
				.borda;
				margin: 5px;
				width: 29%;
				text-align: left;
				display: flex;
				align-items: flex-start;
				flex-direction: column;
				justify-content: flex-start;
				i {
					color: @cinza;
					font-size: 24px;
					margin-bottom: 8px;
					
				}
				h4 {
					padding-top:20px;
					color:@cinza;
					.Bold;
				}
				p {
					font-size: 14px;
					line-height: 22px;
					padding-top:20px;
				}
				ul {
					width:100%;
					padding-top:20px;
					li {
						width:100%;
						padding:15px 0;
						flex-direction: row;
						border:0;
						margin:0;
						line-height:20px;
						i {
							padding-right:10px;
							font-size:15px;
							margin-bottom:0;
						}
					}

				}
			}

		}
		
	}

	.pilaresConteudo {
		display: flex;
		flex-direction: column;
		align-items:center;
		h3 {
			text-align: left;
			margin-bottom: 30px;
			color:@cinza;
			strong {}
		}
		.painelVantagens {
			width: 100%;
			display: flex;
			justify-content: center;
			flex-wrap: nowrap;
			border-radius: 20px 20px 0 0 ;
			flex-direction: row;
			overflow: hidden;
			
			li {
				background: white;
				padding: 25px 20px;
				
				text-align: left;
				display: flex;
				align-items: flex-start;
				flex-direction: column;
				justify-content: flex-start;
				border-right: 1px solid #e5e6ee;
				
				img {
					width:100px;
				}
				i {
					color: @cinza;
					font-size: 24px;
					margin-bottom: 8px;
					
				}
				h4 {
					padding-top:20px;
					color:@cinza;
					.Bold;
				}
				p {
					font-size: 14px;
					line-height: 22px;
					padding-top:20px;
				}
				ul {
					width:100%;
					padding-top:20px;
					li {
						width:100%;
						padding:15px 0;
						flex-direction: row;
						border:0;
						margin:0;
						line-height:20px;
						i {
							padding-right:10px;
							font-size:15px;
							margin-bottom:0;
						}
					}

				}
				&:last-child{
					border-right:none;
				}
			}

		}
		
	}
}

.finalizacaoVantagens {
	display:flex;
	align-items:center;
	width:100%;
	background: @azul;
	justify-content: center;
	gap:50px;
	padding:40px;
	border-radius: 0 0 20px 20px;
	p {
		padding:5px 0;
		color:white;
	}
	h4 {
		margin: 20px 0 20px 0;
		color:white;
		text-align:left;
		font-size:25px;
		.Light;


	}
	.btn {
		background-color:white;
		color:@azul;
		padding:18px 30px 20px 30px;
	}
}

@media only screen and (max-width : 1040px) {
	//.menuContatos { border-top: 2px solid blue; }
	
	.wrapper {
		min-width: 0;
		.boxConteudo {
			min-width: 0;
			width: 100%;
			padding-left: 30px;
			padding-right: 30px;
			.boxSizing;
		}
	}

	.wrapper[data-bloco="formularioContato"] {
		.boxConteudo {
			.col1 {
				fieldset {
					flex-direction: column;
					label {
						width: 100%;
						text-align: left;
						padding: 10px;
						.boxSizing;
					}
					input, textarea {
					}
				}
			}
		}
	}	

	.btn {
		padding: 15px 35px;
	}

	header {
		.boxConteudo {
			.menuPrincipal {
				.itemMenu {
					font-size: 16px;
					margin-right: 30px;
					&:first-of-type { display: none; }
				}
			}
		}
	}

	.wrapper&[data-bloco="hero"] {
		.overlay {
			.boxConteudo {
				h1 {
					max-width: 90%;
					font-size: 25px;
					line-height: 40px;
				}

			}
		}
	}

	.wrapper&[data-bloco="heroInterna"] {
		
		.overlay {
			width: 100%;
			.boxConteudo {
				width: 100%;				
				padding: 20px;
				display:flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				h1 {
					max-width: 100%;
					font-size: 25px;
					letter-spacing: -1px;
					line-height: 30px;
					text-align: center;
				}
				h2 {
					max-width: 100%;
					font-size: 25px;
					line-height: 35px;
					margin-top:20px;
				}
				p {
					font-size: 18px;
					margin-top:20px;
					text-align: center;
					img {
						width:200px;
						margin-bottom: 10px;
					}
				}
				.btn { margin-top: 20px; font-size:17px; }

				ul {
					display:flex;
					flex-direction: row;
					flex-wrap: wrap;
					li {
						width:45% !important;						
						padding:0 0 15px 0 ;
			
					}
				}
			}
		}
	}

	.wrapper&[data-bloco="atuacao"] {
		.boxConteudo {
			flex-direction: column;
			.col1, .col2 {
				width: 100%;
			}
			.col1 {
				text-align: center;
				margin-bottom: 15px;
			}
			.col2 {
				.itemEndereco {
					margin: 0;
					.calc(width, '50% - 30px');
				}
			}
		}
	}


	.wrapper&[data-bloco="tituloServico"] {
		background: url(../imagens/titulopaginas-1x.jpg) no-repeat center;
		background-size: cover;
		.boxConteudo {
			h1 {
				font-size: 42px;
				letter-spacing: -3px;
				line-height: 44px;
				color: white;
				margin-bottom: 10px;
			}
			p {
				color: @verde;
				font-size: 22px;
				letter-spacing: -1px;
				img {
					width:200px;
				}
			}
		}
	}

	.wrapper&[data-pagina="yesexpress"] {
		background: url(../imagens/fundoyesexpress1x.jpg) no-repeat center;
		
	}
	.wrapper&[data-pagina="yesinhouse"] {
		background: url(../imagens/fundoyesinhouse1x.jpg) no-repeat center;
		
	}


	.wrapper&[data-bloco="quemSomos"] {
		flex-direction: column;
		.col {
			width: 100%;
			&[data-col="imagem"] {
				height: 300px;
			}
			&[data-col="conteudo-direita"] {
				padding: 70px 30px;
			}
		}
	}

	.wrapper&[data-bloco="valoresGerais"] {
		flex-direction: column;
		.col {
			width: 100%;
			.overlay {
				padding: 50px 30px;
			}
		}
	}


	.wrapper[data-bloco="comoAtuamos"] {
		.boxConteudo {
			flex-direction: column;
			/*display: flex;
			justify-content: space-between;
			align-items: center;*/
			.col {
				&[data-col*="titulo"] {
					width: 100%;
					margin-bottom: 30px;
					h2 {
						font-size:44px;
						line-height: 50px;
						justify-content: center;
						flex-direction: row;
						flex-wrap: wrap;
						letter-spacing: -3px;
						span {
							margin-right: 10px;
						}
					}
				}

				&[data-col*="processo"] {
					background: url(../imagens/bgprocesso.svg) no-repeat center;
					background-size: contain;
					width: 100%;
					margin-left: 0;
					display: flex;
					flex-wrap: wrap;
					.bloco {
						height: 26vw;
						max-height: 280px;
						margin-bottom: 50px;
						display: flex;
						align-items: center;
						justify-content: center;
						padding: 0 40px;
						text-align: center;
						padding-top: 10px;
					}
				}
			}
		}
	}


	.wrapper[data-bloco="siscoserv"] .boxConteudo {
		.calc(width, '100% - 60px');
		padding: 0;
	}

	.wrapper[data-bloco="admissaotemporaria1"] .boxConteudo {
		.calc(width, '100% - 60px');
		padding: 0;
	}

	.wrapper[data-bloco="presenca"] {
		.boxConteudo {
			padding-right: 30px;
		}
	}


	.wrapper[data-bloco="introanvisa"] {
		.wrapper[data-bloco="servicossaude"] {
			padding: 60px 30px;
		}
	}

	.wrapper[data-bloco="intromedical"] {
		.boxConteudo {
			text-align:left;
			h2 {
				font-size:28px;
			}
			p {
				font-size:15px;
			}	
		}	
	}
	
	.wrapper[data-bloco="subintromedical"] {	
		.boxConteudo {
			flex-direction:column;	
			.blocoEsquerdo {
				width:100%;
				h2 {
					font-size:28px;
					padding:0;
				}
			}
	
			.blocoDireito {
				width:100%;
				p {
					padding:10px 0;
					font-size:15px;
					
				}
			}		
	
		}
	
	}
	
	.wrapper[data-bloco="vantagensmedical"] {	
		background:#000431;	
		.boxConteudo {
			
			h2 {
				text-align: left;
				color:#fff;
				font-size:28px;
			}
			.painelVantagens {
				width: 100%;
				li {
					padding: 15px 30px;
					width: 100%;
					height:auto;
					.tituloVantagem {
						h3 {
							font-size:22px;
						}
					}					
					p {
						padding:20px 0;
					}
				}
	
			}
			.finalizacaoVantagens {
				.btn {
					font-size:15px;
				}
			}
		}
	}
	
	.wrapper[data-bloco="solucoesmedical"] {
		padding:0;
		h2 {
			font-size:28px;
			text-align: left;
			padding:70px 25px;
			margin:0;
		}
		.internoPrimeira, .internoSegundo, .internoTerceiro{
			background-color:white;
			position: relative !important;			
			width:90%;
			padding:20px;
			margin:100px 0 40px 0 !important;
			text-align:center;
			
			h3 {
				font-size:25px;
				text-align: left;
			}
			p {
				font-size:15px;
				text-align: left;
			}
			.btn {
				background-color:#000431;
				font-size:15px;
				padding:10px 40px;
				margin-top:15px;
			}			
			ul {				
				li {					
					text-align: left;
					
				}
			}
		}
		.primeiraSolucao, .segundaSolucao, .terceiraSolucao {
			width:100%;
			height:auto;
			margin:0;
			background-size: 100% 50% !important;
			background-position: top;
			justify-content: center !important;
		}
		
	}
	
	.wrapper[data-bloco="oportunidademedical"] {
		
		text-align: center;
	
		h2, h3 {
			text-align: left;
			font-size:28px;
		}

		h3 {
			text-align: center;
		}
	
		
		p{
			text-align: left;
		}

		.chamadaOportunidade {
			text-align: center;
		}
	
		video {
			width: 100%;
			height:auto;
			margin:60px 0;
			padding:0;
	
		}

		.btn {
			font-size:15px;
		}
	
	
	}

	

	

	
	.linksPoliticas {
		display: flex;
		flex-direction: row;
		a {
			padding:0 10px;
		}
	}

}

@media only screen and (max-width : 768px) {
	//.menuContatos { border-top: 2px solid red; }

	header .boxConteudo {
		.menuPrincipal {
			display: none;
			position: absolute;
			width: 100%;
			background: white;
			top: 160px;
			left: 0;
			flex-wrap: wrap;
			z-index: 999;
			padding: 18px 30px;
			.boxSizing;
			box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5);
			.itemMenu {
				width: 100%;
				padding: 10px 0;
				color: @azul;
				margin: 0;
				border-bottom: 1px solid @fundo;
				&:last-of-type {
					border-bottom: none;
				}
				a {
					color: @azul;
					.Regular;
					&:hover {
					}
				}
				.submenu {
					display: flex;
					position: static;
					width: 100%;
					margin: 0;
					box-shadow: none;
					padding: 5px 0 0 15px;
					.boxSizing;
					.borda(0);
					li {
						line-height: 28px;
						border: none;
						a {
							padding: 0;
							font-size: 16px;
							.Regular;
						}
						.subsubmenu {
							padding: 0 0 0 15px;
							.boxSizing;
							box-shadow: none;
							display: flex;
							position: static;
							width: 100%;
							margin: 0;
							border-left: 2px solid @fundo;
							.borda(0);
							li {
								a {
									padding: 0;
									color: @verde;
								}
								.subsubsubmenu {
									padding: 0 0 0 15px;
									.boxSizing;
									box-shadow: none;
									display: flex;
									position: static;
									width: 100%;
									margin: 0;
									border-left: 2px solid @fundo;
									.borda(0);
									li {
										a {
											padding: 0;
											color: @verde;
										}
									}
								}
							}
						}
					}
				}
			}
		}
		.logotipoPrincipal {
			width: 140px;
		}
		.trigger {
			display: none;
			background: url(../imagens/menu.svg) no-repeat right center;
			width: 70px;
			.cursor;
			height: 60px;
		}
	}

	/*.submenu {
					display: none;
					// display: flex;
					flex-direction: column;
					position: absolute;
					background: white;
					.borda(10px);
					margin: 8px 0 0 -25px;
					box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15);
					
					li {
						//padding-bottom: 19px;
						line-height: 18px;
						border-bottom: 1px dashed @cinza_claro;
						a {
							color: @azul;
							font-size: 18px;
							padding: 20px 20px 23px 20px;
							.fLeft;
							min-width: 220px;
							
						}
						&:last-of-type { 
							border-bottom: none;
							padding-bottom: 0;
							margin-bottom: 0;
						}
						.subsubmenu {
							display: none;
							position: absolute;
							background:white;
							left: 240px;
							margin-top: 10px;
							.borda(10px);
							box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15);
							flex-direction: column;
							li {
								white-space: nowrap;
								a {
									padding: 25px 25px 30px 25px;
									color: @azul;
									&:hover { color: @verde; }
								}
							}
						}
						&:hover {
							a { color: @verde; }
							.subsubmenu {
								display: flex;
							}
						}
					}
				}
*/
	.menuContatos {
		.boxConteudo {
			min-width: 0;
			width: 100%;
			padding-left: 30px;
			padding-right: 30px;
			.boxSizing;
			margin: 0;
			.col {
				&:first-of-type a { margin-right: 20px; }
				&:last-of-type a { margin-left: 20px; }
			}
		}
	}

	.sliderHome {
		height: auto;
		min-height: 0;
		.slide {
			height: auto;
			min-height: 0;
		}
	}

	.wrapper&[data-bloco="heroInterna"] {
		
		.overlay {
			
			.boxConteudo {
				

				ul {
					display:flex;
					flex-direction: column;
					li {
						width:100% !important;	
						font-size:20px;
						line-height: 22px;
						letter-spacing: -1px;
						text-align: center;
			
					}
				}
			}
		}
	}


	.wrapper[data-bloco="tiposConteineres"] {
		background: @fundo;
		padding: 50px 0;
		.boxConteudo {
			display: flex;
			flex-direction: column;
			.col {
				width: 100%;
				margin-bottom: 40px;
				h2 {
					font-size: 24px;
					.Regular;
					margin-bottom: 25px;
				}
			}
		}
	}

	.padraoTabela {
		width: 100%;
		.fLeft;
		text-align: left;
		border-top: 1px solid @cinza_claro;
		border-left: 1px solid @cinza_claro;
		margin-bottom: 40px;
		thead, tbody {
			tr {
				th, td {
					border-bottom: 1px solid @cinza_claro;
					border-right: 1px solid @cinza_claro;
					padding: 10px 15px;
					font-size: 10px;
				}
				th {
					background: @fundo;
					font-size: 10px;
				}
			}
		}
	}

	.wrapper&[data-bloco="formularioContato"] {
		padding-bottom: 0;
		.boxConteudo {
			display: flex;
			justify-content: space-between;
			flex-direction: column;
			.col1, .col2 {
				width: 100%;
			}
			.col1 {
				margin-bottom: 40px;
				
			}

			.col2 {
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: center;
				.itemEndereco {
					width: 50%;
					text-align: center;
					margin-bottom: 0;
					min-width: 250px;
					margin-bottom: 50px;
					h4 {
						display: flex;
						align-items: center;
						justify-content: center;
						strong {
							font-size: 30px;
							.Bold;
							margin-right: 10px;
						}
						span {
						}
					}
					address {
						font-style: normal;
						p {
							font-size: 14px;
							line-height: 20px;
							a {
								font-size: 18px;
								.Bold;
								color: @verde;
							}
						}
					}
				}
			}
		}
	}

	

	.wrapper&[data-bloco="hero"] {
		height: auto;
		padding-top: 300px;
		padding-bottom: 250px;
		.overlay {
			.boxConteudo {
				padding: 0 30px;
				h1 {
					max-width: 100%;
					font-size: 26px;
					line-height:30px;
				}
			}
		}
	}
	

	.wrapFundo video { display: none; }


	.wrapper&[data-bloco="solucoes"] {
		.listagemSolucoes {
			flex-wrap: wrap;
			.itemServico {
				width: 50%;
				text-align: center;
			}
		}
	}

	.wrapper[data-bloco="valores"] {
		.colConteudo {
			width: 70%;
		}
	}

	

	.ancorasServicos {
		padding: 20px 0;
		.boxConteudo {
			flex-direction: column;
			li {
				width: 100%;
			}
		}
	}


	.wrapper[data-bloco="premiacoes"] {
		flex-direction: column;
		border-top: 1px solid darken(@fundo, 5%);
		.col {
			width: 100%;
			padding: 60px 30px 60px 40px;
			padding-left: 40px;
			&[data-col="imagem"] {
				width: 100%;
				background: url(../imagens/premiacoes.jpg) no-repeat center;
				background-size: cover;
				min-height: 250px;
				padding: 0;
			}
			.internoCol {
				width: 100%;
				max-width: 700px;
				.fLeft;
				h2 {
					color: @preto;
					font-size: 34px;
					.Bold;
					letter-spacing: -1px;
				}
				h3 {
					color: @verde;
					font-size: 24px;
					.Bold;
					letter-spacing: -1px;
					span {
						font-size: 20px;
						.Regular;
					}
				}
				p {
					margin-top: 20px;
					line-height: 28px;
				}
			}
		}
	}

	.wrapper[data-bloco="introyesconnect"] {
		padding: 40px 0;
		.boxConteudo {
			h2 {
				font-size:25px;
				text-align:left;
			}

		}
	}




	.wrapper&[data-bloco="solucoesYesConnect"] {
		.listagemSolucoes {
			justify-content: space-around;
			flex-direction: column;
			align-items: center;
		

			.itemServico {
				width: 100%;	
				height: 40px;
				padding:0;
				margin:0;
				a {
					margin:0;
					padding: 0;
					font-size: 20px;
					line-height: 20px;

				}

			}
		}
	}

	.wrapper&[data-bloco="tituloServico"] {
		
		.boxConteudo {
			flex-direction: column;
	
			.descConteudo {
				align-items: center;
				padding-bottom:30px;
							
				
				h1 {
					max-width: 100%;
							
				}
				h2 {
					max-width: 100%;
					
				}
				p {
					max-width: 100%;
					
				}
			}
			
			form {
				width: 100%;
				margin-left: 0;
				
			}
		}
	}

	.wrapper&[data-bloco="diferenciais"] {
		
		.gridDiferenciais {
			
	
			.painelDiferenciais {
			
				
				flex-direction: column;
	
	
				.itemDiferencial {
					width: 100%;
					
					
				}
			}
		}
	
	}

	.finalizacaoVantagens {

		flex-direction: column;
		
	}

	.wrapper[data-bloco="somosyesconnect"] {
		
		.boxConteudo {
			align-items:center;
			width:100%;
	
	
			.equipeyesconnect {
				flex-direction: column;
				
				.imagem {
					width:100%;
					
	
	
				}
				.joao {
					margin-bottom:15px;
				}
				
			}
			
		}
	
	}

	.wrapper[data-bloco="vantagensyesconnect"] {
		
		
	
		.pilaresConteudo {
			
			.painelVantagens {
				flex-direction: column;
				
				
	
			}
			
		}
	}

	.linksPoliticas {
		flex-direction: column;
		margin:20px 0;
		a {
			padding:10px 0;
			text-align: center;
		}
		
	}
	
	
}



@media only screen and (max-width : 570px) {
	//.menuContatos { border-top: 2px solid purple; }


	.menuContatos {
		.boxConteudo {
			.col {
				width: 100%;
				text-align: center;
				a {
					&:last-of-type { display: none; }
				}
				&:last-of-type { display: none; }
			}
		}
	}

	/*.wrapper&[data-bloco="hero"] {
		padding-top: 330px;
		padding-bottom: 300px;
		min-height: 0;
		.overlay {
			.boxConteudo {
				h1 {
					font-size: 22px;
					letter-spacing: -1px;
				}
			}
		}
	}*/

	.wrapper&[data-bloco="solucoes"] {
		.listagemSolucoes {
			.itemServico {
				width: 100%;
				height: auto;
			}
		}
	}

	.wrapper[data-bloco="valores"] {
		.colConteudo {
			width: 100%;
			padding: 50px 0;
			min-height: 0;
			
			.internoConteudo {
				h2 {
					font-size: 28px;
					line-height: 24px;
					letter-spacing: -2px;
				}
			}
		}
		&[data-valor="visao"] {
			background: url(../imagens/visao1x.jpg);
			background-size: cover;
		}
		&[data-valor="seguranca"] {
			background: url(../imagens/seguranca1x.jpg);
			background-size: cover;
		}
		&[data-valor="agilidade"] {
			background: url(../imagens/agilidade1x.jpg);
			background-size: cover;
		}
	}


	.wrapper&[data-bloco="inteligencia"] {
		background: rgb(67,72,127);
background: linear-gradient(286deg, rgba(67,72,127,1) 0%, rgba(47,54,98,1) 100%); ;
		min-height: 0;
		.boxConteudo {
			.painelCrencas {
				li {
					width: 100%;
					&:nth-of-type(1n+3) {
						padding-top: 0;
						padding-bottom: 30px;
					}
				}
			}
		}
	}
	.wrapper&[data-bloco="atuacao"] {
		.boxConteudo {
			.col1, .col2 {
				width: 100%;
			}
			.col1 {
				text-align: center;
				margin-bottom: 15px;
			}
			.col2 {
				flex-direction: column;
				.itemEndereco {
					margin: 0;
					width: 100%;
					text-align: center;
					margin-bottom: 30px;
					h4 {
						width: 100%;
						justify-content: center;
					}
					&:last-of-type { margin-bottom: 0; }
				}
			}
		}
	}

	footer {
		.boxConteudo {
			flex-direction: column-reverse;
			align-items: center;
			.menuRodape {
				margin-top: 15px;
				li:last-of-type {
					margin: 0;
				}
				.dev {
					width: 30px;
					margin-right: 20px;
					padding-right: 10px;
				}
			}
			a {
			}
		}
	}

	.wrapper[data-bloco="comoAtuamos"] {
		padding: 60px 0;
		background: white;
		.boxConteudo {
			display: flex;
			justify-content: space-between;
			align-items: center;
			.col {
				&[data-col*="processo"] {
					background: url(../imagens/bgprocesso-celular.svg) no-repeat top center;
					background-size: contain;
					display: flex;
					flex-wrap: wrap;
					flex-direction: column;
					align-items: center;
					padding-bottom: 10px;
					.bloco {
						margin-bottom: 0;
						display: flex;
						align-items: center;
						justify-content: center;
						padding: 0 40px;
						text-align: center;
						padding-top: 0;
						height: 90px;
						&:nth-of-type(1) {
							width: 100%;
						}
						&:nth-of-type(n+2) {
							width: 100%;
						}
						&:nth-of-type(n+3) {
							margin-bottom: 0;
							padding-top: 0;
							width: 100%;
							height: 100px;
						}
						&:nth-of-type(4) {
							width: 100%;
						}
						&:nth-of-type(5) {
							width: 100%;
							height: 90px;
						}
						&:nth-of-type(6) {
							width: 100%;
						}
					}
				}
			}
		}
		.botaoContato {
			.center;
			margin-top: 40px;
		}
	}

	.wrapper[data-bloco="experienciaassessoria"] {
		.boxConteudo {
			ul { column-count: 1; }
		}
	}
	.wrapper[data-bloco="admissaotemporaria2"] {
		.boxConteudo {
			flex-direction: column;
			.col {
				width: 100% !important;
			}
		}
	}

	.wrapper[data-bloco="presenca"] {
		padding: 60px 0 60px 0;
		.boxConteudo {
			h3 {
				font-size: 28px;
				line-height: 34px;
			}
			ul {
				margin-top: 50px;
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				li {
					width: 100%;
					text-align: center;
					color: white;
					padding-bottom: 30px;
					&:nth-of-type(-n+2) {
						border: none;
					}
					&:nth-of-type(n+3) {
						padding-top: 0;
					}
					&:nth-of-type(odd) {
						border: none;
						padding-right: 0;
					}
					&:nth-of-type(even) {
						padding-left: 0;
					}
				}
			}
			.btn {
				margin-top: 10px;
				background-color: white;
				color: @azul;
			}
		}
	}


	.wrapper[data-bloco="introexpress"] {
		
		
		.boxConteudo {
			ul {
				flex-direction: column;
				li {
					margin-bottom:10px;					
					line-height: 35px;
				}
			}
		}
	}

	.wrapper[data-bloco="introconnect"] {
		padding: 20px 0 ;
		.boxConteudo {
			ul {
				flex-direction: column;
				li {
					width: 100%;
				}
			}
		}
		
	}

	.wrapper[data-bloco="conteudoexpress"] {
		
		
		.boxConteudo {
			padding: 0;
			column-count: 1;
			column-gap: 0;
			

		}

	}

	.wrapper[data-bloco="introinhouse"] {
		.wrapper[data-bloco="conteudoinhouse"] {
			
			.boxConteudo {
				padding: 0;
				column-count: 1;
				column-gap: 0;
				
			}
		}
	}

	.wrapper[data-bloco="vantagensinhouse"] {		
		padding: 20px 0;
		.boxConteudo {
			
			.painelVantagens {
				
				li {
					width: 100%;
				}

			}
		}
	}

	.wrapper[data-bloco="trabalheConosco"] {
		
		.boxConteudo {
			flex-direction: column;
			.col {
				width:100%;
				
				.listagemVagas {
					flex-direction: column;

					.itemVaga {
						width: 100%;
						

					}
				}
				form {
					width: 100%;
					display: flex;
					flex-direction: column;
					fieldset {
						width: 100%;
						display: flex;
						flex-direction: column;
						margin-bottom: 10px;
						label {
							font-size: 14px;
							color: @azul;
							margin-bottom: 2px;
							width: 100%;
						}
						select, input {
							padding: 10px;
							.borda(20px);
							border: none;
							.boxSizing;
							font-size: 18px;
							.Regular;
							width: 100%;
						}
					}
					.btn {
						padding: 20px;
						border: none;
					}
				}
				&:first-of-type {
					width: 100%;
				}
				&:last-of-type {
					width: 100%;
				}
			}
		}
	}


	


}

.validate .invalid { border:1px solid #c21212 !important; }
.validate .valid {   border:1px solid #0cb169 !important; }

.emailEnviado {
	width: 100%;
	.fLeft;
	.fundoteste;
	padding:10px 20px 10px 60px;
	background: url(../imagens/confirmar.png) no-repeat 15px center lighten(@verde, 50%);
	background-size: 30px 30px;
	border: 1px solid lighten(@verde, 35%);
	.borda;
	.boxSizing;
	line-height: 26px;
	text-align: center;
	margin-bottom: 10px;
	span { color: @verde; }	
	small {
		width: 100%;
		.fLeft;
		font-size: 14px;
		color: @cinza;
		margin-top: 5px;
		line-height: 20px;
	}
}

.dadosIncorretos {
	width: 100%;
	.fLeft;
	line-height: 26px;
	.boxSizing;
	padding:10px 20px 10px 60px;
	background: url(../imagens/erro.png) no-repeat 15px center lighten(@vermelho, 42%);
	background-size: 30px 30px;
	border: 1px solid lighten(@vermelho, 32%);
	.borda;
	color: @vermelho !important;
	text-align: center;
	margin-bottom: 10px;
	small {
		width: 100%;
		.fLeft;
		font-size: 14px;
		color: @cinza;
		margin-top: 5px;
		line-height: 20px;
		a {
			color: @vermelho;
			text-decoration: underline;
		}
	}
}

.grecaptcha-badge {
	opacity: 0;
}

.flutuanteLateral {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 0;
  top: 40%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50px;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
  -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.25);
          box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.25);
}

.flutuanteLateral .whatsapp {
  width: 100%;
  height: 65px;
  background: #9fc333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 32px;
  color: white;
}

.flutuanteLateral .idiomas {
  width: 100%;
  background: #fff;
  padding: 10px 0;
  z-index: 998;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flutuanteLateral .idiomas a {
  width: 100%;
  height: 35px;
  text-indent: -9999px;
  background: no-repeat center;
}

.flutuanteLateral .idiomas .port {
  background-image: url(../imagens/port.jpg);
}

.flutuanteLateral .idiomas .ing {
  background-image: url(../imagens/ing.jpg);
}

.flutuanteLateral .idiomas .esp {
  background-image: url(../imagens/esp.jpg);
}



.popoup-cookie {
	display:none;
	background: white;
	position: fixed;
	bottom: 0;
	left: 0;	
	width: 100%;
	height:auto;	
	//box-shadow: 2px 2px 30px 0 rgb(0 0 20 / 10%);
}

.popoup-cookie .inner {
	width: 100%;
	padding: 10px;
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.popoup-cookie .inner p {
	width:80%;
	line-height: 34px;
}

.popoup-cookie .inner .actions {
	width: 20%;
}

.popoup-cookie .inner .actions .btn {
    margin: 0 auto;
    padding: 10px;
    max-width: 110px;
    background: #007edb;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    line-height: 24px;
    cursor: pointer;
    border-radius: 5px;
}



.whatsapp {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 45px;
    height: 45px;
    background: url(../imagens/whatsappfixo.png) no-repeat center #34af23;
    border-radius: 30px;
    background-size: 50%;
    text-indent: -9999px;
    z-index: 500;
  }