:root{
	--borda-sombra: 0 0.2vw 0.4vw 0 rgba(0, 0, 0, 0.2), 0 0.3vw 1vw 0 rgba(0, 0, 0, 0.19);
	--cor-triolet1: rgba(145, 22, 119, 1);
	--cor-triolet2: rgba(218, 37, 180, 1);
	--cor-triolet3: rgba(218, 37, 180, 1);
	
	--cor-destaque: rgba(254, 49, 119, 1);
}

html { font-size: 1rem;}

@media (min-width: 400px) {
    html { font-size: 0.15rem; }
}

@media (min-width: 576px) {
    html { font-size: 0.35rem; }
}
@media (min-width: 768px) {
    html { font-size: 0.45rem; }
}
@media (min-width: 992px) {
    html { font-size: 0.55rem; }
}
@media (min-width: 1200px) {
    html { font-size: 1.65rem; }
}

@media (min-width: 1400px) {
    html { font-size: 0.7rem; }
}


*{
	
	font-family: "Ubuntu";
}

BR{
	
	font-size: 0.5vw;
}

HTML{
	
}

.carregado:before {
  /*   background-color: white; */
}


SECTION{

}
 

.caixa_portfolio H2 {
    font-size: 1.7vw;
    color: #602165;
    line-height: 1.5;
    letter-spacing: -0.0425em;
    text-align: inherit;
    font-weight: 300;
    margin: 2%;
}

B{
	font-size: inherit;
}

H3
{
	font-size: 2vw;
	color: white;	
	line-height: 1.5;
	letter-spacing: -0.0425em;
	font-weight: 300;
}

.destaque
{
	font-size: inherit;
	color: var(--cor-destaque);
	font-weight: 700;
}
 

.olho{
	color: white;
    font-size: 1.5vw;
    font-weight: 400;	
}




.banner2{
	padding-top:0;
	}
 
  .banner_360{
background-size: 100%;
	 background-position: top left;	

	}
	
	 .banner_quemsomos{
	background-size: 100%;
	 background-position: top right;
	margin: 0;
	}
	
	
 .banner_quemfaz{
	background-size: 100%;
	 background-position: top right;
	margin: 0;
	}

	 .banner_portfolio{
	background-size: 100%;
	 background-position: top right;
	margin: 0;
	}
	
		
	 .banner_contato{
	background-size: 100%;
	 background-position: top right;
	margin: 0;
	text-align: center;
	}
	
	
	
		.portfolio{
    width: 100%;
    height: 93vh;
    background: linear-gradient(to bottom, rgba(254, 50, 120, 0.3) 0%, rgba(254, 196, 151, 1) 40%, rgba(255, 255, 255, 1) 100%), url(../imgs/banner_portifolio_interna.jpg) no-repeat;
    background-size: 100%;
    background-position: top right;
    margin: 0;
    text-align: center;
	}
	


 .banner2 .item{
	width: 45%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 2%;
	}

.banner2 .item .icone{
    width: 100%;	
}

.banner2 .item .icone img{
	max-height: 12vw;
}


#img-360
{
	height: 95vh;
}



 .banner_quemsomos .item{
	width: 23%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 4.5%;
	margin-top: 6%;
	}

	 .banner_quemsomos .item H2{
		 text-align: center;
		font-size: 1.5vw;
		font-weight: 700;
	}
	
	 .banner_quemsomos .item P{
		font-size: 1.2vw;
		    text-align: center;
	}
	
	
.banner_quemsomos .item .icone{
    width: 100%;	
	    vertical-align: bottom;
		text-align: center;
}

.banner_quemsomos .item .icone img{
	max-height: 8vw;
}

@-moz-document url-prefix("") {
.quemsomos-foto img{
	clip-path: url(#clipQuemSomosFoto);
}
}


#logo-triolet-quemsomos{
	
	text-align: center;
}


#logo-triolet-quemsomos img{
	
	width: 10%;
}

#quemsomos-missao{
	
	text-align: center;
	width: 40%;
	margin: 0;
	display: inline-block;
	vertical-align: top;
}

#quemsomos-visao{
	vertical-align: top;
	text-align: center;
	width: 40%;
	margin: 0;
	display: inline-block;
}


#quemsomos-digital{
	
	text-align: center;
	width: 37%;
	margin: 6%;
	display: inline-block;
	vertical-align: top;
}

#quemsomos-trioleca{
	vertical-align: top;
	text-align: center;
	width: 37%;
	margin: 6%;
	display: inline-block;
}


#quemsomos-missao H2, #quemsomos-visao H2, #quemsomos-valores H2{ 
	font-weight: 700;
	font-size: 1.7vw;
	text-align: left;
}

#quemsomos-missao P, #quemsomos-visao P{ 
	text-align: left;
	font-size: 1.2vw;
}





#quemsomos-valores{
	
	text-align: center;
	width: 100%;
	margin: 0;
	    display: inline-block;
}

#quemsomos-valores H2{
	margin-left: 0;
}



#quemsomos-valores .item-valores{
	 
	width: 40%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 0;
	margin-bottom: 3%;
	margin-top: 0;
	float: left;
}

#quemsomos-valores .item-valores P{
	font-size: 1.2vw;
}

#quemsomos-valores .item-valores H3{
	font-size: 1.2vw;
	text-align: left;
}


.quemfaz_item{
		
}
	
.quemfaz_perfil
{
    text-align: center;
    vertical-align: middle;
    position: relative;

}

.quemfaz_foto{
	width: 100%;

}


.quemfaz_foto img{
	    width: 25%;
	border-radius: 50%;
}

.carousel-control.left{

left: -10%;    background: none;    font-size: 40px;
    bottom: 50%;
}
.carousel-control.right{

right: -10%;    background: none;    font-size: 40px;
    bottom: 50%;
}

.carousel-inner>.item {

    height: 610px;
}

.quemfaz_nome{
	font-size: 1.5em;
    color: white;
	margin-top: 1em;
}

.quemfaz_cargo{
	font-size: 1.5em;
    color: var(--cor-destaque);
	font-weight: 700;
}

.quemfaz_bio{
margin-top: 1em;
}

#quemsomos-midias
{
		width: 37%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 6%;
	margin-bottom: 3%;
	margin-top: 0;
}

#quemsomos-trioleca
{
	width: 37%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 6%;
	margin-bottom: 3%;
	margin-top: 0;
}
.quemsomos-foto img{
	width: 80%;
	border-radius: 50%;
	
}
.logos {
	width: 55%;
}


	 .caixa_portfolio{
	background-color: white;
	width: 100%;
	padding: 3%;
	}
	
	.item_portfolio{
		display: inline-block;
		width: 17.4vw;
		height: 17.4vw;
		margin: 2%;
		background-size: 100%;
		vertical-align: top;
	}
	
	.item_portfolio_overlay{
		background-color: rgba(0,0,0,0.5);
		width: inherit;
		height: inherit;
		display: inherit;
		transition: background-color 0.5s ease;
		text-decoration: none;
		color: white;
	}
	
	
	
	.item_portfolio_titulo{
	    font-size: 50%;
		text-align: center;
		color: inherit;
		margin-top: 30%;
	}
	
	.item_portfolio_overlay:link, .item_portfolio_overlay:hover,   .item_portfolio_overlay:active, .item_portfolio_overlay:visited{
				text-decoration: none;
		
	} 
		

	
	.digital{
		background: linear-gradient(to bottom, rgba(42, 114, 163, 0.6) 0%, rgba(73, 196, 192, 1) 40%, rgba(255, 255, 255, 0.5) 100%)  no-repeat;
		background-size: 100%;
	}
	
	
	.portfolio .olho{
		color: black;
		text-align: center;
		padding-top: 5%;
		
	}
	
	.portfolio H1{
		color: black;
		text-align: center;
		    font-size: 55px;
	}
	.portfolio P{
		color: black;
		text-align: center;
		    font-size: 28px;
			margin-top: 2em;
	}
	
		.portfolio_banner
	{
	
		overflow: hidden;
		    margin-top: 2em;
	}
	
	.portfolio_banner_iframe
	{
		margin: 1%;
		width: 50vw;
		height: 62vw;
		overflow: hidden;
		margin-bottom: -5vw;
		
	}
		
	.portfolio_descricao
	{
	    margin: 8% auto;
		width: 40vw;
	}
	
	.portfolio_chamada{
		
	
	}
	
	.portfolio_destaque
	{

	}
	




	
	
	.portfolio_menu_interno1
	{
    padding: 0;
	    margin-top: 1em;
	}
	
	.portfolio_menu_interno1 li
	{
		background-color: white;
		border: 1px solid #fd3c7e;
		color: #fd3c7e;
		
		display: inline-block;
		padding: 1%;
		font-size: 15px;
		transition: background-color 0.5s ease;
		cursor: pointer;
	
	}
	
	.portfolio_menu_interno1 .ativo
	{
		background-color: #fd3c7e;
		color: white;
	
	}
	
	
	.portfolio_menu_interno2
	{
    list-style: none;
    width: 60vw;
    margin: 0 auto;
	padding: 0;
	}
	
	.portfolio_menu_interno2 li
	{
		background-color: white;
		border: 1px solid #fd3c7e;
		color: #fd3c7e;
		width: 29%;
		display: inline-block;
		padding: 1%;
		font-size: 15px;
		transition: background-color 0.5s ease;
		cursor: pointer;
	}
	
	.portfolio_menu_interno2 .ativo
	{
		background-color: #fd3c7e;
		color: white;
		width: 29%;
		display: inline-block;
		padding: 1%;
	}
	
	.portfolio_galeria{
		 width: 80vw;
		margin: 0 auto;
		margin-bottom: 5%;
		margin-top: 0;
	}

	
	
	
		.portfolio_galeria_item{
		display: inline-block;
		width: 12.4vw;
		height: 12.4vw;
		margin: 2%;
		background-size: 100%;
	}
	
	
	.portfolio IFRAME{
    height: calc(87vw/2);
    width: 80%;
	}
	
#htmlPortfolio{		
		border: 0;
		overflow: scroll;
		overflow-x: auto;
		background-color: white;
	}

#htmlPortfolio::before{

all: unset;
}

#htmlPortfolio::after{
all: unset;
}
#htmlPortfolio body{
all: unset;
}
#htmlPortfolio body::before{
all: unset;
}



.iframeCapas{
	
	border: 0;
}