@charset "UTF-8";

body{margin: 110px 0 0 0;}

/* CSS Document */
.navbar { padding-bottom: 35px;
    position: fixed;
    width: 100%;
    z-index: 9;
    top: 0;
}
.navbar-light .navbar-nav .nav-link {color: #66887b!important; padding: 30px 5px 0 5px; }
.navbar-light .navbar-nav .nav-item:hover{color: #000!important; background: url(../img/ico_menu.png) 85px 0 no-repeat;}
.navbar .container {position: relative;}
.show .dropdown-toggle{background: url(../img/bg_menuover.png) left bottom no-repeat;}
.dropdown-toggle.ativo {    padding: 30px 5px 0 0px!important;}
.dropdown-toggle.ativo span{background: url(../img/bg_menu_drop.png) 0 bottom no-repeat!important;
    float: left;
	padding-left: 8px;}

.scrollToTop{
	width:30px; 
	height:30px;
	padding:0; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	font-size:  0;
	text-decoration: none;
	position:fixed;
	bottom:25px;
	right:20px;
	display:none;
	background: url('../img/seta_topo.png') no-repeat 0px 0;
}
.scrollToTop:hover{
	text-decoration:none;
}

.btnVoltar{
	width:30px; 
	height:30px;
	padding:0; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	font-size:  0;
	text-decoration: none;
	position:fixed;
	bottom:25px;
	right:60px;
	display:none;
	background: url('../img/seta_topo_ico.png') no-repeat 0px 0;
}
.btnVoltar:hover{
	text-decoration:none;
}

.linkCor {text-decoration:  none; color: #a89b91; cursor: pointer;}
:hover.linkCor {text-decoration:  underline; color: #a89b91;}

.headerCompleto {width: 100%;}
.semFundo {background: none!important;}
.dropdown-menu .ativo{color: #000; background: none!important;}

.navbar-light .navbar-nav .nav-item a.ativo{background: url(../img/ico_menu.png) 0 0 no-repeat; color: #000!important;}
.icoMenu {margin-top: 28px;}
.navegacaopag {margin-left: auto!important;margin-top: 30px; color: #000; text-decoration: none;}
:hover.navegacaopag {margin-left: auto!important;margin-top: 30px; color: #000; text-decoration: none;}

.languageSocial {font-size: 11px; color:#b3b2b3; position: absolute; right: 10px; top: 2px;}
.languageSocial a{font-size: 11px; color:#b3b2b3; padding: 0 2px;}
.languageSocial .ativo{font-size: 11px; color:#000;}

.languageSocialMobile {display: none;}

.setaFechado { display: none;}

.setaAbreFecha .setaAberto { display:  none!important;}
.setaAbreFecha .setaFechado { display: initial!important;}

.equipe {
	position: relative;
    width: 100%;
	height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.galeriaEquipe {background: #FFF; padding: 20px; z-index: 9;}
.galeriaEquipe .carouselExampleIndicators {z-index: 9;}
.perfilRenata, .perfilVera, .perfilErika, .perfilFranciny, .perfilFernanda, .perfilJuliana, .perfilLillian, .perfilLucas, .perfilStaff, .perfilBranca  {display: none;     min-height: 523px; z-index: 999999;}

.equipeTexto .fotoEquipe{
	padding: 0;
    float: left;
}

.equipeTexto .descEquipe{
	    float: left;
    padding: 0 0 0 20px;
    letter-spacing: 1px;
}

.equipeTexto .descEquipe a{color:#a89b91;}

.desativaPerfil {
    font-size: 15px;
    color: #666;
    position: absolute;
    top: 0;
    right: -10px;
    line-height: 0px;
	cursor: pointer;
}

.equipeTexto {width: 100%; background: #FFF; padding: 20px; color: #a89b91; float: left;}

.equipe .container > div, .projetos .container-fluid > div {float: left;}

.projetoFoto {width: 100%; background: #FFF; padding: 0; margin-bottom: 30px; position: relative;}

.projetoFotoLeft {width: 50%; background: #FFF; padding: 0; margin-bottom: 30px; text-align: left; position: relative;}

.projetoFotoRight {width: 50%; float: right; background: #FFF; padding: 0; margin-bottom: 30px; position: relative;}

.projetoFotoInterna {width: 100%; background: #FFF; padding: 0; position: relative;}

.projetoFotoInterna img{margin-bottom: 20px;}

.nomeProjeto {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../img/bg_nomeprojeto.png);
    padding: 5px 10px;
    min-width: 50%;
	color: #000;
	opacity: 0.0;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.projetoFoto:hover  .nomeProjeto, .projetoFotoLeft:hover  .nomeProjeto, .projetoFotoRight:hover  .nomeProjeto {
    opacity: 1.0;
}

.projetoFoto img, .projetoFotoLeft img, .projetoFotoRight img{-webkit-filter:grayscale(100%);}
.projetoFoto img:hover, .projetoFotoLeft img:hover, .projetoFotoRight img:hover{
    -webkit-filter:grayscale(0%);
    transition: 1s;
}

:hover.nomeProjeto {text-decoration:  none;color: #000;}

.projetoInternaMenorLeft {width: 100%; float: left;}
.projetoInternaMenorLeft {width: 40%; float: left; margin-right: 55%;}
.projetoInternaMaiorLeft {width: 50%; float: left; margin-right: 50%;}
.projetoInternaMenorRight {width: 40%; float: right; margin-left: 65%;}
.projetoInternaMaiorRight {width: 50%; float: right; margin-left: 50%;}


.projetoInternaCentralizado {width: 50%; float: left; margin: 0 25%;}

.projetoInfo {width: 350px; padding: 30px 50px 30px 10px; color: #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; text-align: right;
    background: url(../img/bg_nomeprojeto.png); position: absolute; right: 0; top: 0; font-size: 12px;}

.internaFotos {width: 100%;}
.internaFotos .container-fluid {width: 65%!important; padding: 0!important;}

form {width: 94%; margin: 3%; padding: 5%; border: 1px solid #d4cec9;}
form label{width: 31%; color: #a89b91; padding-right: 1%; text-align: right;}
form input{width: 67%; font-size: 12px; background: #e8e4e1; border: 1px solid #6c5b4d; padding: 3px;}
form textarea {width: 67%; margin-left: 1%; font-size: 12px; background: #e8e4e1; border: 1px solid #6c5b4d; padding: 3px; height: 160px; margin-bottom:  10px;}

.btnEnviar { color: #a89b91; float: right;}
:hover.btnEnviar { color: #a89b91; float: right;}

.contatoBox .col-md-2, .contatoBox .col-md-3, .contatoBox .col-md-12, .contatoBox .col-md-9, .contatoBox .col-md-10 {float: left; font-size: 11px;  color: #a89b91;}
.contatoBox .col-md-1 {float: left; font-size: 11px;  color: #a89b91;}
.contatoBox .col-md-2 {margin-top: 15px; text-align: right;} 

.equipeDesktop {display:initial;}
.equipeMobile {display:none;}

.projetosMobileTitle {display:  none;}

@media (max-width:989px){
.projetosMobileTitle {
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    float: left;
    margin: 10px 8%;
    width: 88%;
    color: #000;
    padding: 3px 2%;
	display:  block;
}


}



@media (max-width:767px){
	.menuDisplay {display: none;}
	.navbar { background: none; padding-bottom: 10px; padding-top: 30px; min-height: 70px;padding-left: 0;}
	.navbar-brand {padding-top: 0; padding-top: 0; position: absolute; left: 50px;}
	.navbar-brand img{width: 200px;}
	.navbar-nav{width: 89%; float: left; margin-left: 11%;padding-bottom: 15px;}
	.navbar-light .navbar-toggler {border: none; position: absolute; left: 0;}
	.equipeTexto .descEquipe {
    float: left;
    padding: 20px 0 0 0;
}
	
	

.equipeDesktop {display:none;}
.equipeMobile {display:initial;}
	
	.desativaPerfil {
    top: 20px;
    right: 0;
	}
	
	
.navbar-light .navbar-nav .nav-item .dropdown-menu a.ativo{background: url(../img/ico_menu.png) 123px 0 no-repeat!important; color: #000!important;}
.navbar-light .navbar-nav .nav-item a.ativo{background: url(../img/ico_menu.png) right 0 no-repeat!important; color: #000!important;
    padding-right: 150px;}
	
	.navbar-toggler {
    padding: .25rem 0;
		font-size: 1.65rem;}
	.collapse {
    position: absolute;
    top: 24px;
    background: #fff;
    width: 105%;    z-index: 9;
}
	.navbar-light .navbar-toggler-icon {
    background: url(../img/ico_renatatilli_mobile.png) left center no-repeat!important;
}
	
	.show .dropdown-toggle {background: none;}
	.dropdown-toggle::after {display: none;}
	
	.navbar-light .navbar-nav .nav-item:hover { background: none;}
	
	.dropdown-toggle.ativo {
		padding: 5px 5px 0 0px!important;
	}
	
	.navegacaopag {display: none;}
	
	.collapse .nav-item{width: 33%;float: left;line-height: 30px;}
	.navbar-light .navbar-nav .nav-link {
    padding: 0px 5px 0 5px;
}
	.dropdown-menu {float: left!important;}
	.dropdown-item{    width: 100%;
    float: left;}
	
.languageSocial {display: none;}
.languageSocialMobile {font-size: 11px; color:#b3b2b3; position: absolute; right: 30px; top: 8px; display: block}
.languageSocialMobile a{font-size: 11px; color:#b3b2b3; padding: 0 2px;}
.languageSocialMobile .ativo{font-size: 11px; color:#000;}
	
	.projetoInfo {position: static; text-align: left; width: 92%; padding: 0 10px; margin: 5px 4% 25px 4%; border-left: 1px solid #000; border-right: none; border-bottom: none;}
	
	form label {
    width: 100%;
    color: #a89b91;
    padding-right: 0;
    text-align: left;
}
	
	form input,form textarea {
    width: 100%;
	}
	
	.btnEnviar {
    float: none;
	}
	
	.nomeProjeto {
    position: inherit;
    right: 0;
    bottom: 0;
		width: 100%;
    background: url(../img/bg_nomeprojeto.png);
    padding: 5px 0 20px 0px;
    min-width: 100%;
    color: #000;
    opacity: 1;
		float: left;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
	
	
}