/*
CORES:	
	
	rosa:  #924784
	texto: #999999
	
FONTES:

    font-family: 'Open Sans', sans-serif;
	
*/

body{font-family: 'Open Sans', sans-serif;overflow-x:hidden;background:#fafafa;}
.text-bold{font-weight:bold;}
h1, h2, h3,h4,h5,h6{font-family: 'Open Sans', sans-serif;margin:0px;padding:0px;font-weight:300}
.mfp-title a {float:left;margin-right:10px;color:white;}
.mfp-title a:hover{color:#924784 !important}

/***************************
	TOPO
***************************/

.topo{width:100%;height:122px;border-bottom:1px solid #924784}
.topo .logo{margin-top:16px;float:left;width: 280px;}
.topo ul{float: left;list-style: none;margin-top: 37px;border-left: 1px solid #924784;margin-left: 47px;padding: 16px;}
.topo ul li{cursor:pointer;display:inline;color:#999;margin-left:37px;font-style:italic;font-size:130%}
.topo ul li a:hover{color:#f66c5f}
.topo ul li a{color:#999}
.botao-menu-container{float:right;width:60px;}
.botao-menu{width: 32px;padding:7px;cursor:pointer;background:#f66c5f;margin-top:45px;-webkit-transition:0.5s;transition:0.5s;}
.botao-menu:hover{opacity:0.8;-webkit-transition:0.5s;transition:0.5s;}

.menu-topo{display:none;border:1px solid rgba(255,255,255,0.2);position:absolute;z-index:11111;padding:18px 0px;width:140px;margin-left:-53px;margin-top:20px;background:#f66c5f;color:white;}
.menu-topo ul{margin-top:15px;float:none;margin-left:0px;padding-bottom:5px;border-left:0px;}
.menu-topo ul li{text-transform:uppercase;opacity:0.8;text-align:center;display:block;color:white;margin-left:0px;font-size:120%;margin:15px 0px}
.menu-topo ul li:hover, .menu-topo i:hover{color:white;opacity:0.6}
.menu-topo ul li a{color:white;}
.menu-topo ul li a:hover{color:white;opacity:0.6}
.menu-topo i{margin-left:5px;margin-right:5px;color:white;font-size:120%}
.menu-topo .linha{opacity:0.8;width:60px;margin:0px auto;height:1px;background:white;}
.seta-menu{width: 0;position: absolute;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #f66c5f;}
.seta-menu-container{margin-top: -30px;margin-left: 54px;}

.menu-mobile{display:none;}
.menu-mobile ul{margin:0px;padding:0px;list-style:none;}
.menu-mobile ul li{text-transform:uppercase;text-align:center;background:white;padding:10px 0px;color:#f66c5f;border-bottom:1px solid #f66c5f;font-size:150%;text-transform:uppercase}
.menu-mobile ul li i{color:#f66c5f;font-size:140%;margin:0px 10px;}
.menu-mobile .opcao{background:#f66c5f;border-bottom:1px solid white;color:white;font-weight:600}
.seta-mobile{width: 0;position: absolute;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #f66c5f;}
.seta-mobile-container{margin-top:-15px;float:right;margin-right:58px;}
.botao-mobile-externo{padding:10px;background:#f66c5f;float: right;margin-right: 25px;margin-top: 28px;}
.botao-mobile{width:26px;height:24px;background:url(../img/close-mobile.png);}
.botao-mobile-ativo{background-position:0px -24px;}

/***************************
	INDEX
***************************/

.esconde{display:none;}
.categoria-bloco{width:33.333%;height:1000px;float:left;position:relative;background:black;-webkit-transition:0.5s;transition:0.5s;}
.categoria-bloco div{position:absolute;width:100%;height:100%;opacity:0.7;-webkit-transition:0.5s;transition:0.5s;}
.categoria-bloco:hover{border-top:15px solid #f66c5f;opacity:1;-webkit-transition:0.5s;transition:0.5s;}
.categoria-bloco-titulo:hover .linha{background:#f66c5f;opacity:1;-webkit-transition:0.5s;transition:0.5s;}
.categoria-bloco-titulo{position:absolute;z-index:1111;opacity:1 !important}
.categoria-bloco-titulo h1{text-transform:uppercase;margin-top:65%;text-align:center;color:white;font-style:italic;font-weight:500;opacity:1.6 !important}
.categoria-bloco-titulo h3{text-align:center;color:white;margin-top:60%}
.categoria-bloco-titulo .linha{position:relative;text-align:center;margin:28px auto !important;height:2px;background:white;width:64px;}

/***************************
	SOBRE E PROJETOS
***************************/

.conteudo{padding:100px 0px;}
.conteudo h1{font-style:italic;font-size:250%;text-align:center;color:#707070;text-transform:uppercase;}
.conteudo .linha{margin:28px auto 75px auto !important;height:1px;background:#707070;width:64px;}
.conteudo .linha2{margin:28px auto 28px auto !important;height:1px;background:#707070;width:64px;}
.projeto-bloco{width:100%;height:350px;background:black;position:relative;}
.titulo-projeto{margin-bottom:30px;}
.projeto-bloco div{background-size:cover !important;position:absolute;width:100%;height:100%;opacity:1;-webkit-transition:0.5s;transition:0.5s;}
.projeto-bloco:hover div{-webkit-transition:0.5s;transition:0.5s;}
.projeto-bloco-titulo{padding:0px 20px;position:absolute;z-index:1111;opacity:1 !important}
.projeto-bloco-titulo h1{margin-top:120px;text-align:center;color:white;font-style:italic;font-weight:500;opacity:1.6 !important}
.projeto-bloco-titulo h5{text-transform:uppercase;text-align:center;color:white;margin-top:20px}
.projeto-bloco-titulo .linha{position:relative;text-align:center;margin:28px auto !important;height:2px;background:white;width:64px;}
.proj-hover:hover h4{color:#f66c5f;}

.projetos{margin-bottom:120px;}
.projetos h2{text-align:center}
.faixa-topo-categoria{background:black;opacity:0.4;width:100%;padding-bottom:80px;}
.faixa-topo-categoria h1{font-style:italic;font-size:250%;text-align:center;color:white;text-transform:uppercase;margin-top:100px;}
.faixa-topo-categoria .linha{margin:28px auto 75px auto !important;height:1px;background:white;width:64px;}
.faixa-topo-categoria p{color:white;text-align:center;width:80%;margin-left:10%;font-style:italic;font-size:120%}
.faixa-topo-fundo{background-size:100%;height:auto;background-size: cover !important;width:100%;}

/***************************
	PROJETO ABERTO
***************************/

.foto-projeto{background:black;position:relative;width:100%;height:100%;margin-bottom:30px;}
.foto-projeto img{border:1px solid white;width:100%;-webkit-transition:0.5s;transition:0.5s;}
.foto-projeto:hover img{border:1px solid #f66c5f;-webkit-transition:0.5s;transition:0.5s;}
.projeto{margin-bottom:100px;}
.projeto h1{text-transform:uppercase;}
.projeto h4{text-transform:uppercase;text-align:center;margin-top:35px;margin-bottom:70px;}
.descricao-projeto{margin-top:70px;}
.descricao-projeto p{width:100%;text-align:justify;color:#707070;font-size:120%;font-style:italic;}
.projeto-fotos{margin-top:10px;}
.projeto h3{text-align: center;margin: 40px 0px;font-style: italic;font-size: 180%;}
.foto-depoimento{width:105px;margin-top:10px;border-radius:50%;border:1px solid #ccc;float:left;margin-left:5%;margin-right:5%;}
.frase-depoimento p{width: 65%;float: right;text-align: justify;margin-right:5%;font-style:italic}
.nome-depoimento{font-size:120%;font-style:italic;margin-top:0px;}
.capa-projeto{width:100%;margin-bottom:30px;border:1px solid white;}
.video-depoimento{margin-top:27px;color:black;}
.video-depoimento a{color:#474a37;}
.video-depoimento a:hover{color:#f66c5f;}
.video-depoimento p{float:left;margin:0px;font-weight:300;font-size:160%}
.video-depoimento i{float:left;margin-right:10px;font-size:300%;margin-top:-5px;}
.depoimento-titulo{margin-top:50px;margin-bottom:60px !important}

/***************************
	BLOG
***************************/

.faixa-blog{margin-top:2px;width:100%;padding:40px;text-align:center;background:#f66c5f;color:white;}
.faixa-blog h1{font-style:italic;font-size:250%;text-align:center;color:white;text-transform:uppercase;}
.faixa-blog .linha{margin:28px auto 0px auto !important;height:1px;background:white;width:64px;}
.blog-posts h1{text-align:left;font-style:normal !important;font-size:120%;font-weight:700;color:black;}
.blog-posts h3{font-style:italic;color:#f66c5f;font-size:100%;margin-top:5px;margin-bottom:30px}
.blog-posts p{margin:20px 0px;font-size:120%;text-align:justify;color:#999;line-height:180%}
.blog-posts img{max-width:100%;}
.blog-item{margin-bottom:70px;}
.blog-item img{border:1px solid #e4e4e4}
.angelica{border-radius:50%;width:150px !important;display:block;margin:auto}
.blog-lateral h2{color:black;text-align:center;font-weight:700;line-height:120%;font-size:110%;margin:30px 0px}
.blog-lateral p{text-align:center;color:#999;width:90%;margin-left:5%;margin-bottom:80px;}
.tags{text-align:center;color:#999;font-size:120%;margin-bottom:80px;}
.tags a{color:#999;margin:0px 5px}
.tags a:hover, .mais-vistos li a:hover{text-decoration:underline;}
.mais-vistos{list-style:none;padding:0px;margin:0px;text-align:center;}
.mais-vistos li{margin:13px 0px;}
.mais-vistos li a{color:#999}


.blog-aberto h1{text-align:left;font-style:normal !important;font-size:120%;font-weight:700;color:black;}
.blog-aberto h3{font-style:italic;color:#f66c5f;font-size:100%;margin-top:5px;margin-bottom:30px}
.blog-aberto p{margin:20px 0px;font-size:120%;text-align:justify;color:#888888;line-height:180%}
.blog-aberto img{max-width:100%}
.seta1{width:30%;float:left;color:#999;margin-top:30px;margin-bottom:30px;}
.seta2{width:30%;float:right;color:#999;text-align:right;margin-top:30px;margin-bottom:30px;}
.seta1 i{margin-right:10px;}
.seta2 i{margin-left:10px;}
.seta1:hover, .seta2:hover{color:#333}

/***************************
	CONTATO e RODAPÉ
***************************/

form input, form textarea{width:100%;padding:15px 15px;background:transparent;font-weight:600;font-style:italic;color:#f66c5f;border:1px solid #f66c5f;margin-bottom:32px}
form button{color:white;background:#f66c5f;display:block;font-size:250%;padding:20px;border:0px;margin:0px auto;}
form button:hover{background:#733768}
.endereco{text-align:center;font-size:130%;margin-bottom:80px;line-height:170%}
.endereco i{margin-left:25px;margin-right:5px;}
.email-erro{display:none;text-align:center;margin:20px auto;color:red;font-weight:700}
.email-enviado{display:none;text-align:center;margin:20px auto;color:green;font-weight:700}
.loadform{display:none;margin:20px auto;}
.erro-form{border:1px solid red}

footer{padding:100px 0px;background:#f66c5f;color:white;}
footer h1{text-align:center;font-weight:300;font-style:italic;font-size:280%}
footer .linha{height:1px;width:300px;margin:70px auto;background:white;}
footer a i{color:white;margin-left:18px;margin-right:18px;font-size:280% !important}
footer a i:hover{opacity:0.5}


.tarja_politica{position: fixed;z-index: 2147483647;bottom: 16px;left: 16px;right: 16px;margin: auto;max-width: 1334px;min-height: 70px;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.4);border-radius:5px;border: solid 1px #eeeeee;background-color: #fff;}
.tarja_politica p{color:black;float:left;width:79%;padding:10px 20px;font-size:95%}
.tarja_politica a{color:black;font-weight:700}
.tarja_politica a:hover{text-decoration:underline}
.tarja_politica span{background:#f66c5f;border-radius:5px;cursor:pointer;float:right;width:140px;margin-right:20px;color:white;padding:10px 20px;text-align:center;margin-top:13px;-webkit-transition:0.5s;transition:0.5s;}
.tarja_politica span:hover{background:#ccc;color:black}
	
.btn-whatsapp-pulse{text-align:center;z-index: 1111;background:#F66C5F;color:#fff;position:fixed;bottom:20px;right:20px;display:flex;justify-content:center;align-items:center;width:95px;height:65px;padding:2px;text-decoration:none;border-radius:10px;animation-name:pulse;animation-duration:1.5s;animation-timing-function:ease-out;animation-iteration-count:infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.2)}80%{box-shadow:0 0 0 14px rgba(37,211,102,0)}}
.btn-whatsapp-pulse i{font-size:20px;}
.btn-whatsapp-pulse p{font-size:10px;margin-bottom: 0;margin-top:6px;}
.btn-whatsapp-pulse-border{transition:0.5s;bottom:20px;right:20px;animation-play-state:paused}
.btn-whatsapp-pulse-border:hover, .btn-whatsapp-pulse-border:focus{background:white;color:#F66C5F}
.btn-whatsapp-pulse-border::before{content:"";position:absolute;border-radius:20%;padding:15px;border:15px solid white;opacity:.35;animation-name:pulse-border;animation-duration:1.5s;animation-timing-function:ease-out;animation-iteration-count:infinite}
@keyframes pulse-border{0%{padding:25px;opacity:.35}75%{padding:50px;opacity:0}100%{opacity:0}}