/* -----
 * Quax
 * -----
 *
 * ---------------- *
 * Principais
 * ---------------- */

html, body {
	/* min-height: 100%; */
	overflow-x: hidden;
}

body {
	/* border-top: 100px solid #fff; */
	/* border-left: 60px solid #fff; */
	/* border-right: 60px solid #fff; */
	/* border-bottom: 60px solid #fff; */
	background: #f5f5f5;
	font: 14px "brother-1816", sans-serif;
	color: #04090d;
	line-height: 1.6;
	min-width: 1000px;
	
}

p {
	line-height: 25px;
	/* color: #999; */
}

a {
	text-decoration: none;
	color: #000;
}

input, textarea {
	color: #999;

	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	-ms-transition: all .1s linear;
	transition: all .1s linear;
}
input:hover, textarea:hover,
input:focus, textarea:focus { color: #333; }

hr{
	border: none;
	height: 1px;
	background: #ccc;
}

hr.small{
	width: 80px;
	background: #000;
	margin: 0 auto 30px;
}

.lightbox{
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999999999999;
	text-align: center;
	top: 0;
	left: 0;
}

.lightbox img{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 1);
}

.fechar{
	display: block;
	background: #000;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	padding: 10px;
	color: #d7b944;
}



/* Class */
.fancybox {
	display: block;
}
.fancybox img {
	box-shadow: 10px 10px 0px #DDD;
	display: block;
}
#photo_studio {
	position: relative;
	height: 280px;
	margin-top: 60px;
}
#photo_studio div {
	width: 30%;
	float: left;
	margin: 15px;
	position: relative;
}
#photo_studio a:hover:after {
	content: "";
	background: rgba(226, 221, 97, 0.5);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
::selection {
	background: #E7E266;
	color: #333;
}
/* Box content */
.box {
	padding: 35px;
	border-bottom: 1px solid #ddd;
	background: #fff;
}
.box h3 {
	padding: 10px 5px;
	margin: 0 0 20px;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	font-weight: 300;
	text-transform: uppercase;
}
.box p {
	margin: 20px 5px;
	color: #999;
}

/* Title */
.title { margin: 70px 0 0; }

#home .title h1 {font-size: 65px;}
#home .title h2 {font-size: 65px;}

.title h1 {
	margin: 0 0 30px;
	font: 36px "brother-1816", sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.3em;
}
.title h2 {
	margin: 0 0 30px;
	font: 36px "brother-1816", sans-serif;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.3em;
}
.title.sub { clear: both; margin: 0px 0 0; }

.entry .desc {
	padding: 35px 0 70px;
	/* max-width: 750px; */
	margin: 0 auto;
	background: url(../img/top-line.jpg) top center no-repeat;
	font-size: 17px;
	/* font-weight: lighter; */
	text-align: center;
}
.entry .desc p {
	margin: 0;
	line-height: 28px;
	color: #333;
}

/* More projects */
h1.link {
	margin: 70px 0;
	font: 36px "brother-1816", sans-serif;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	margin: 35px 0 70px;
	cursor: pointer;
	letter-spacing: 0.3em;
}

h2.link {
	margin: 70px 0;
	font: 36px "brother-1816", sans-serif;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	margin: 35px 0 70px;
	cursor: pointer;
	letter-spacing: 0.3em;
}

h2.link a img {
	margin: 1px 5px 0 40px;
	transition: all .1s linear;
	height: 27px;
}

h2.link a:hover img { margin: 1px 0 0 45px; }

.msgAlert {
	padding: 5px 10px;
	margin: 15px 0 0 5px;
	display: none;
	border-radius: 3px;
	float: right;
	text-align: center;
	font-size: 85%;
}
.success {
	border: 1px solid #d6e9c6;
	background: #dff0d8;
	color: #468847;
}
.erro {
	border: 1px solid #eed3d7;
	background: #F2dede;
	color: #B94a48;
}

.load {
	width: 16px;
	height: 16px;
	margin: 20px 0 0;
	display: none;
	float: right;
	background: url(../img/load.gif) center center no-repeat;
}

/* ---------------- *
 * Layout
 * ---------------- */
#wrapper {
	width: 1000px;
	margin: 0 auto;
}

#wrapper-big {
	max-width: 1260px;
	margin: 0 auto;
}





.wrap{
   max-width: 1530px;
   width: 100%;
   margin: 0 auto;
   padding: 0 35px;
   box-sizing: border-box;
}

.wrap.small{
   max-width: 1410px;
}


h1{
	font-weight: 400;
}

h2{
	line-height: 1.8;
	font-weight: 400;
	font-size: 2em;
	letter-spacing: 0.1em;
}



section{
	padding: 90px 0;
}


.section-intro {
	position: relative;
	letter-spacing: 0.4em;
}

.section-intro .logo {
	max-width: 50px;
}

.section-intro .logo-txt {
	letter-spacing: .55em;
	font-size: 16px;
	line-height: 1;
}

.section-intro .txt-big {
	font-size: clamp(2.59em, 1.88vw, 3.6em);
	letter-spacing: 0.6em;
	line-height: 1.9;
}

.section-intro .img {
	max-width: 637px;
}

.section-intro .img2 {
	position: absolute;
	bottom: -104px;
	left: 37px;
	max-width: 823px;
}


.h2{
	font-size: 1.8em;
	line-height: 1.9;
	letter-spacing: .3em;
}


.section-block-2 .line{
	position: absolute;
	bottom: -20px;
	right: 15px;
	width: 915px;
	height: 1px;
}


.section-diferenciais{
	padding-bottom: 80px;
	padding-top: 80px;
	background-color: #FFF;
}

.section-diferenciais p{
	line-height: inherit;
}

.section-diferenciais .line {
  position: absolute;
  left: 50%;
  width: 1px;
  height: calc(50% + 30px);
}

.section-diferenciais .line.tp {
  top: -75px;
}

.section-diferenciais .line.bt {
  bottom: -75px;
}

.section-diferenciais .itens .item {
  margin-bottom: 40px;
}

.section-diferenciais .itens .t1 {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 1.2em;
  letter-spacing: .2em;
}

.section-diferenciais .itens .t2 {
  letter-spacing: .2em;
}

.slide {
  padding: 0 120px 0 120px;
  height: 370px;
  position: relative; /* necessário para os pseudo-elementos absolutos funcionarem */
}

.slide::before,
.slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(to bottom, #FFF, rgba(255,255,255,0));
}

.slide::after {
  top: auto;
  bottom: 0;
  background-image: linear-gradient(to top, #FFF, rgba(255,255,255,0));
}

.slide .west-stage {
  margin-top: 40px;
}

*, ::after, ::before {
    box-sizing: inherit;
}


.scroll-downs {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 27px;
  height: 50px;
  margin: auto;
}

.scroll-downs .mousey {
  width: 3px;
  height: 26px;
  padding: 10px 10px;
  border: 2px solid #ff401f;
  border-radius: 25px;
  box-sizing: content-box;
}

.scroll-downs .mousey .scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  animation: scroll 2s cubic-bezier(0.15, 0.41, 0.69, 0.94) infinite;
}

@keyframes scroll {
   0% { opacity: 0; }
   10% { transform: translateY(0); opacity: 1; }
   80% { opacity: 1; }
   100% { transform: translateY(18px); opacity: 0; }
}





.section-final {
	color: #f3f1eb;
	letter-spacing: 0.3em;
}

.section-final .logo {
  	max-width: 50px;
  	filter: brightness(0) saturate(100%) invert(33%) sepia(51%) saturate(4270%) hue-rotate(349deg) brightness(104%) contrast(102%);
}

.section-final .galo {
  	position: absolute;
  	bottom: 71%;
  	left: calc(50% - 74px);
  	max-width: 197px;
}



.box-parallax {
	position: relative;
	width: 100%;
	height: 530px;
	overflow: hidden;
	margin-top: -1px;
	display: flex;
	justify-content: center;
}

.box-parallax img {
	width: 1920px;
	position: absolute;
}


.section-depoimentos {
	background-color: #FFF;
	letter-spacing: 0.27em;
	font-size: 14px;
}

.section-depoimentos .line {
	position: absolute;
	bottom: 0px;
	right: 20px;
	width: 595px;
	height: 1px;
}

.section-depoimentos p {
	font-size: 12px;
}

.section-depoimentos strong {
	font-weight: 700;
}

.section-depoimentos .img-dep {
	border-radius: 71px;
	filter: drop-shadow(-22px 16px 0px #ff401f);
}

.section-depoimentos .slide-dep .item {
	padding: 20px;
}

.section-depoimentos .slide-dep .owl-nav {
	position: absolute;
	top: -210px;
	right: 150px;
}

.section-depoimentos .elem-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 9vw;
	height: 100%;
	background-color: #ff401f;
}


.owl-nav button.owl-next,
.owl-nav button.owl-prev {
	border: 1px solid #ff401f !important;
	border-radius: 50% !important;
	width: 80px;
	height: 80px;
	transition: all 0.3s linear;
	margin: 0px !important;
}

.owl-nav button.owl-next img,
.owl-nav button.owl-prev img {
	margin: 4px 0 0 1px;
	transition: all 0.2s ease-out;
}

.owl-nav button.owl-next:hover,
.owl-nav button.owl-prev:hover {
	background: none !important;
	transform: scale(1.05);
}

.owl-nav button.owl-next {
	position: relative;
	top: 80px;
}

.owl-nav button:focus {
	outline: none;
}




.section-blog {
	letter-spacing: 0.4em;
	color: #FFF;
}

.section-blog .line {
	position: absolute;
	bottom: -18px;
	right: 50px;
	width: 500px;
	height: 1px;
}

.section-blog h3.blog-title {
	letter-spacing: 0.27em;
	line-height: 1.9;
}

.section-footer-home {
	letter-spacing: 0.4em;
}

.section-footer-home .h2 {
	letter-spacing: 0.6em;
	line-height: 1.9;
}

.section-footer-home .ilustrucao {
	position: absolute;
	top: -101px;
	max-width: 859px;
}

.section-footer-home .logo {
	max-width: 50px;
}

.section-footer-home .logo-txt {
	letter-spacing: .55em;
	font-size: 16px;
	line-height: 1;
}

.section-footer-home .txt-big {
	font-size: clamp(2.59em, 1.88vw, 3.6em);
	letter-spacing: 0.6em;
	line-height: 1.9;
}

.section-footer-home .tel {
	font-size: 1.8em;
}

.section-footer-home address {
	letter-spacing: 0.3em;
	font-style: normal;
	line-height: 2.3;
	margin-top: 10px;
	font-size: 12px;
}

.footer-home{
	font-size: 10px;
	letter-spacing: 0.3em;
}








strong {
    font-weight: 700;
    /* color: #000205; */
}

.color-primary{ color: #ff401f !important; }
.color-white{ color: #FFF !important; }

.bg-primary{ background: #fa4226 !important; }
.bg-secondary{ background: #adc6ca !important; }
.bg-dark{ background: #272525 !important; }

.is-block{ display: block; }

.has-text-weight-100{ font-weight: 100 !important; }
.has-text-weight-200{ font-weight: 200 !important; }
.has-text-weight-light{ font-weight: 300 !important; }
.has-text-weight-normal{ font-weight: 400 !important; }
.has-text-weight-medium{ font-weight: 500 !important; }
.has-text-weight-semibold{ font-weight: 600 !important; }
.has-text-weight-bold{ font-weight: 700 !important; }
.has-text-weight-black{ font-weight: 900 !important; }

.is-uppercase{ text-transform: uppercase !important; }

.fs-08{ font-size: 0.8em !important; }
.fs-10{ font-size: 1em !important; }
.fs-12{ font-size: 1.2em !important; }
.fs-14{ font-size: 1.4em !important; }
.fs-16{ font-size: 1.6em !important; }
.fs-18{ font-size: 1.8em !important; }
.fs-20{ font-size: 2em !important; }
.fs-22{ font-size: 2.2em !important; }



/* ------------------------|
|                          |
|       STYLE BUTTONS      |
|                          |
| -------------------------|
*/
.btn {
	position: relative;
	background: #ff401f;
	border: 1px solid #ff401f;
	border-radius: 38px;
	display: inline-block;
	margin: 25px auto;
	padding: 18px 45px 17px;
	cursor: pointer;
	transition: all .2s linear;
	height: auto;
	max-width: 100%;
	outline: none;
	font-family: "brother-1816";
	overflow: hidden;
	letter-spacing: 0.37em;
	color: #f3f1eb;
	font-weight: 400;
	font-size: .9em;
	text-align: center;
}

.btn span {
    position: relative;
    z-index: 1; }

.btn:after {
	content: '';
	background: #23211C;
	width: 100%;
	height: 0;
	position: absolute;
	top: 0;
	left: 0%;
	transition: all 0.5s cubic-bezier(0.38, 0, 0.02, 1);
	border-radius: 30px; }

.btn:hover {
	color: #FFF;
	border-color: #23211C; }

.btn:hover:after {
	height: 100%;
	left: 0; }

.btn i {
	font-size: 19px;
	line-height: 25px;
	margin-right: 3px; }

.btn svg {
	margin-left: 10px;
	transform: translateY(3px);
}

.btn.is-transparent {
	background: none;
	color: #ff401f;
}

.btn.is-transparent:hover { color: #FFF; }

.btn.is-white {
	background: none;
	color: #f3f1eb;
	border-color: #f3f1eb;
}

.btn.is-white:hover { color: #f3f1eb; }

.btn.is-dark {
	/* background: #23211C; */
	color: #23211C;
	border-color: #23211C;
}

.btn.is-dark:hover {
	color: #f3f1eb;
	border-color: #ff401f;
}

.btn.is-dark:after { background: #ff401f; }
.btn.is-hover-white:after { background: #FFF; }
.btn.is-hover-white:hover { color: #ff401f; }

.is-hidden-mobile {
  	display: none !important;
}

@media (min-width: 769px) {
	.is-hidden-mobile {
		display: block !important; 
	}
}

/* Oculta em “tablet” e acima (~ 769px em diante) e exibe apenas em mobile (até ~ 768px) */
.is-hidden-tablet {
  	display: none !important;
}

@media (max-width: 768px) {
	.is-hidden-tablet {
		display: block !important; /* ou inline/inicial conforme contexto */
	}
}











/* ---------------- *
 * Header
 * ---------------- */
header {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
}

header #mobile-nav { display: block; }


header #mobile-nav #menu-icon {
	padding: 6px 10px;
	height: 21px;
	float: right;
	display: none;
}
header #mobile-nav #menu-icon hr {
	height: 3px;
	border: 0;
	background: #333;
}
header #mobile-nav #menu-icon.active {
	z-index: 9999;
	display: block;
}
header #mobile-nav #menu-icon.active hr { background: #fff; }

header #mobile-nav #menu {
	z-index: 5;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	background: rgba(0,0,0,0.9);
	display: none;
}
header #mobile-nav #menu ul {
	position: absolute;
	bottom: 32%;
	width: 100%;
	height: 37%;
	padding: 0;
	margin: 0;
	list-style: none;
}
header #mobile-nav #menu ul li {
	padding: 0;
	width: 100%;
	height: 21%;
	margin: 0;
	border: 0;
	display: table;
	float: none;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	line-height: inherit;
	vertical-align: middle;

	transition: all .1s ease-out;
}
header #mobile-nav #menu ul li a {
	border: 0;
	display: table-cell;
	vertical-align: middle;
	font-weight: 300;
	color: #DDD;
}
header #mobile-nav #menu ul li:hover,
header #mobile-nav #menu ul li.current { background: rgba(0,0,0,0.5);}
header #mobile-nav #menu ul li:hover a,
header #mobile-nav #menu ul li.current a { color: #EEE }




/*
header nav {}
header nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
header nav ul li {
	padding: 1px 0;
	width: 181px;
	height: 50px;
	margin: 40px 36px 0 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	float: left;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	line-height: 48px;

	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
header nav ul li:last-child { margin-right: 0; }
header nav ul li.current,
header nav ul li:hover { border-color: #333; }
header nav ul li a {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	display: block;
	font-weight: 300;
	color: #bbb;

	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
header nav ul li a:hover,
header nav ul li.current a {
	border-color: #333;
	color: #333;
}
*/
header nav ul li.logotype {
	width: auto;
	height: auto;
	margin-top: 0;
	border: none;
}



#top {
	position: relative;
	width: 100%;
	height: 100px;
	background: #fff;
	/* border-bottom: 1px solid #ddd; */
	z-index: 999;
}

#top.active{
	background: none;
}

#top.active #menu-telefone{
	opacity: 0;
}

#top.active #menu-icon{
	display: none;
}

#top.active .logo-desktop{
	opacity: 0;
}

#top.home {
	background: transparent;
	border: none;
	height: auto;
}

#top .logo-desktop {
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -75px;
	width: 150px;
	height: 70px;
}

#top .logo-desktop a {
	width: 150px;
	height: 70px;
	border: none;
	display: block;
	background: url(../img/logotype.webp) no-repeat top center;
	text-indent: -9999px;

	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

#top .logo-desktop a:hover{
	background-position: bottom center;
}

#menu-telefone{
	position: absolute;
	left: 60px;
	top: 36px;
	color: #AAA;
	/*font-family: "brother-1816";*/
	font-size: 20px;
}

#menu-icon{
	width: 65px;
	position: absolute;
	right: 60px;
	top: 40px;
	cursor: pointer;
	z-index: 9999;
}

#menu-icon .icone{
	width: 30px;
	float: left;
}

#menu-icon hr{
	width: 30px;
	height: 3px;
    margin: 3px 0;
    border: 0;
    background: #000;
}

#menu-icon .texto{
	float: right;
	font-size: 10px;
	font-weight: bold;
	line-height: 22px;
}


#menu-icon.active hr{
    background: #FFF !important;
    opacity: 0;
}

#menu-icon.active hr:first-child{
	transform: rotate(-45deg);
	opacity:1;
}

#menu-icon.active hr:last-child{
	transform: rotate(45deg);
	margin-top: -12px;
	opacity:1;
}

.logo_menu{
	background: url(../img/logo_menu.webp);
	width: 49px;
	height: 49px;
	position: absolute;
	top: 20%;
	display: block;
	left: 50%;
	margin-left: -25px;
}

#menu .redes_sociais{
	width: 180px;
	border-top: 1px solid #888;
	height: 20px;
	position: absolute;
	top: 72%;
	left: 50%;
	margin-left: -90px;
}

.redes_sociais a{
	width: 20px;
	height: 16px;
	display: block;
	float: left;
	margin: 20px 7px 0 8px;
}

.instagram{ background: url(../img/social-menu.png) 0px top; }
.facebook{ margin-left: 18px; background: url(../img/social-menu.png) -20px 0; }
.twitter{ background: url(../img/social-menu.png) -40px top; }
.google_plus{ background: url(../img/social-menu.png) -60px top; }
.flickr{ background: url(../img/social-menu.png) -80px top; }

.telefone_menu{
	position: absolute;
	bottom: 0;
	height: 30px;
	color: #BBB;
	font-size: 16px;
	text-align: center;
	padding: 20px 0 15px 0;
	width: 100%;
	background: #000;
}





#slide{
    height: 650px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

#slide a{
	display: block;
	height: 100%;
    width: 100%;
}

#slide ul {
    height: 100%;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#slide ul li{
    height: 100%;
    width: 100%;
    z-index: inherit !important;
    background-position: center top;
}

#slide .desc {
    left: 50%;
    margin-left: -380px;
    position: absolute;
    text-align: center;
    top: 30%;
    width: 760px;
    z-index: 1005;
}

#slide .desc h2 {
    font-size: 52px;
    font-weight: lighter;
    margin: 0;
    line-height: 60px;
}

#slide .bt{
    border: 2px solid #FFF;
    padding: 10px 40px;
    font-size: 15px;
    margin: 40px 0 0 0;
    display: inline-block;
}

#slide .bt:hover{
    border: 2px solid #ffcc29;
    color: #000;
    background: #ffcc29;
}

#slide .cycle-prev, #slide .cycle-next {
	position: absolute;
	top: 45%;
	width: 35px;
	height: 64px;
	background-size: cover;
	z-index: 200;
	cursor: pointer;
}

#slide .cycle-prev {
	background-image: url(../img/arr-prev.png);
  left: 30px;
}

#slide .cycle-next {
	background-image: url(../img/arr-next.png);
  right: 30px;
}

#slide .cycle-prev:hover {
	background-image: url(../img/arr-prev-hvr.png);
}

#slide .cycle-next:hover {
	background-image: url(../img/arr-next-hvr.png);
  right: 30px;
}

/* ---------------- *
 * Header
 * ---------------- */

.sub-page {
	margin: 90px 0 0;
}

/* ---------------- *
 * Portfolio
 * ---------------- */
#portfolio {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
#portfolio li {
	position: relative;
	width: 310px;
	margin: 0 35px 35px 0;
	border-bottom: 1px solid #ddd;
	float: left;
	background: #fff;
	overflow: hidden;

	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
#portfolio li:nth-child(3n) { margin-right: 0; }
#portfolio li a { display: block; }
#portfolio li a img {
	height: 310px;
	display: block;

	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
	
}
#portfolio li a span {
	z-index: 1;
	position: absolute;
	top: 310px;
	left: 0;
	width: 100%;
	height: 310px;
	display: block;
	background: #adc6ca;
	line-height: 100px;
	text-align: center;
	font-size: 40px;
	font-family: "brother-1816";

	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
#portfolio li a span.mais {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 310px;
	display: block;
	/*line-height: 0px;*/
	line-height: 260px;
	text-align: center;
	font-size: 160px;
	background:none;
	font-family: "brother-1816";
	transform: scale(0);

	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
#portfolio li a p {
	padding: 25px 25px 15px;
	margin: 0;
	display: block;
	font-size: 15px;
	font-weight: 300px;
	color: #999;
	position: relative;
	z-index: 3;
	background: #FFF;

	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#portfolio li a:hover span {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=90);
	opacity: 0.9;
	top: 0px;
	line-height: 400px;
}
#portfolio li a:hover span.mais {
	line-height: 260px;
	transform: scale(1);
	transition-delay:0.2s;
	height: 310px;
}


#portfolio li a:hover p { color: #000; padding-left: 35px;}

#portfolio li:hover{ border-color: #000; }



.container{
	max-width: 1680px;
	margin: 0 auto;
}

.portfolio{
	padding: 0 15px;
	margin: 0;
	list-style: none;
	/*overflow: hidden;*/

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.portfolio li{
	position: relative;
	flex: none;
	padding: 0 15px;
	margin-bottom: 140px;
	transition: all 0.2s linear;
}

.portfolio li:hover .txt-circle{ opacity: 1; }
.portfolio li:hover .thumb{ margin-top: -30px; }
.portfolio li:hover .txt-vert{ bottom: 335px; }

.portfolio li .thumb{
	transition: all 0.7s cubic-bezier(0.77,0,.175,1);
}

.portfolio li .logo{
	position: absolute;
	bottom: -80px;
	left: 50%;
	transform: translateX(-50.3%);
	background: #FFF;
	width: 155px;
	height: 155px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	overflow: hidden;
	padding: 10px;
}

.portfolio li .logo img{
	max-width: 175px;
}

.portfolio li .txt-vert{
	position: absolute;
	bottom: 305px;
	left: -86px;
	width: 230px;
	height: 20px;
	transition: all 0.9s cubic-bezier(0.77,0,.175,1);
}

.portfolio li .txt-vert h2{
	transform: rotate(270deg);
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #514d51;
	margin: 0;
	font-size: 11px;
	font-weight: normal;
}

.portfolio li .txt-circle{
	opacity: 0;
	position: absolute;
	bottom: -101px;
	left: 60px;
	animation: rotatingText 22s linear infinite;
	transition: all 0.2s linear;
}

.portfolio li.is-bw{
	filter: grayscale(100%);
}

.portfolio li.is-color{
	filter: grayscale(0%);
}


@keyframes rotatingText {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}










/* COLUMNS */

.columns.is-mobile > .column.is-narrow {
  flex: none;
  width: unset;
}

.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.33333%;
}


.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.66667%;
}

.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}

.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.33333%;
}

.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.66667%;
}

.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}

.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.33333%;
}

.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.66667%;
}

.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}

.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.33333%;
}

.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.66667%;
}

.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}


@media screen and (max-width: 768px) {
	.column.is-narrow-mobile {
		flex: none;
		width: unset;
	}
	.column.is-1-mobile {
		flex: none;
		width: 8.33333%;
	}
	.column.is-2-mobile {
		flex: none;
		width: 16.66667%;
	}
	.column.is-3-mobile {
		flex: none;
		width: 25%;
	}
	.column.is-4-mobile {
		flex: none;
		width: 33.33333%;
	}
	.column.is-5-mobile {
		flex: none;
		width: 41.66667%;
	}
	.column.is-6-mobile {
		flex: none;
		width: 50%;
	}
	.column.is-7-mobile {
		flex: none;
		width: 58.33333%;
	}
	.column.is-8-mobile {
		flex: none;
		width: 66.66667%;
	}
	.column.is-9-mobile {
		flex: none;
		width: 75%;
	}
	.column.is-10-mobile {
		flex: none;
		width: 83.33333%;
	}
	.column.is-11-mobile {
		flex: none;
		width: 91.66667%;
	}
	.column.is-12-mobile {
		flex: none;
		width: 100%;
	}
}



@media screen and (min-width: 769px), print {
	.column.is-narrow, .column.is-narrow-tablet {
		flex: none;
		width: unset;
	}
	
	.column.is-1, .column.is-1-tablet {
		flex: none;
		width: 8.33333%;
	}
	
	.column.is-2, .column.is-2-tablet {
		flex: none;
		width: 16.66667%;
	}
	
	.column.is-3, .column.is-3-tablet {
		flex: none;
		width: 25%;
	}
	
	.column.is-4, .column.is-4-tablet {
		flex: none;
		width: 33.33333%;
	}
	
	.column.is-5, .column.is-5-tablet {
		flex: none;
		width: 41.66667%;
	}
	
	.column.is-6, .column.is-6-tablet {
		flex: none;
		width: 50%;
	}
	
	.column.is-7, .column.is-7-tablet {
		flex: none;
		width: 58.33333%;
	}
	
	.column.is-8, .column.is-8-tablet {
		flex: none;
		width: 66.66667%;
	}
	
	.column.is-9, .column.is-9-tablet {
		flex: none;
		width: 75%;
	}
	
	.column.is-10, .column.is-10-tablet {
		flex: none;
		width: 83.33333%;
	}
	
	.column.is-11, .column.is-11-tablet {
		flex: none;
		width: 91.66667%;
	}
	
	.column.is-12, .column.is-12-tablet {
		flex: none;
		width: 100%;
	}

}






/* @media screen and (min-width: 769px), print{ */

	.columns{
		display: flex;
		flex-wrap: wrap;
	}

	.columns.is-centered{
		justify-content: center;
	}

	.columns.is-vcentered{
		align-items: center;
	}

	.columns.is-justify-content-flex-end{
		justify-content: flex-end;
	}

	.columns.is-justify-content-center{
		justify-content: center;
	}

	.column.is-1 { width: 8.33%; }
	.column.is-2 { width: 16.66%; }
	.column.is-3 { width: 25%; }
	.column.is-4 { width: 33.33%; }
	.column.is-5 { width: 41.66%; }
	.column.is-6 { width: 50%; }
	.column.is-7 { width: 58.33%; }
	.column.is-8 { width: 66.66%; }
	.column.is-9 { width: 75%; }
	.column.is-10{ width: 83.33%; }
	.column.is-11{ width: 91.66%; }
	.column.is-12{ width: 100%; }

	.column{
		padding: 10px;
		box-sizing: border-box;
	}

/* } */

.columns.is-mobile {
  display: flex;
}

.columns.is-multiline {
  flex-wrap: wrap;
}


.column img{
	max-width: 100%;
}









/* BLOG */

.card-blog{
	cursor: pointer;
}

.card-blog .blog-title{
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 2px;
	padding-left: 30px;
	margin-top: 50px;
	font-weight: bold;
	transition: all 0.6s;
}

.card-blog .blog-title span{
	position: relative;
	z-index: 1;

	background-image: linear-gradient(90deg,rgba(255,255,255,0) 50%, #000 0);
	background-size: 200%;
	background-position: 0;
	transition: background-position .9s;
}

.card-blog:hover .blog-title{ color: #FFF; }
.card-blog:hover .blog-title span{ background-position: -100%; }
.card-blog:hover .saiba-mais{ letter-spacing: 5px; }


.card-blog .saiba-mais{
	display: inline-block;
	padding-bottom: 8px;
	border-bottom: 2px solid #000;
	margin: 50px 0 0 30px;
	letter-spacing: 2px;
	font-size: 18px;
	font-weight: bold;
	transition: all 0.6s cubic-bezier(0.38,0,.02,1);
}

.card-blog img{ display: block; }

.blog-conteudo{ font-size: 110%; }
.blog-conteudo p{ color: #333; }

.bt-voltar{
	display: inline-block;
	padding-bottom: 8px;
	border-bottom: 2px solid #000;
	margin: 30px auto;
	letter-spacing: 2px;
	font-size: 18px;
	font-weight: bold;
	transition: all 0.6s cubic-bezier(0.38,0,.02,1);
}

.bt-voltar:hover{
	letter-spacing: 7px;
}


.list-categorias{
	font-weight: 700;
	border-bottom: 1px solid #CCC;
	padding: 16px 0 13px;
	display: block;
	color: #888;
}

.list-categorias:hover{ color: #000; }

.list-categorias.is-active{ font-weight: bold; color: #000; }


.categorias{ padding-left: 30px; }

.categorias h3{ margin-top: 43px; }

.categorias form{
	border-radius: 25px;
	background: #f5f5f5;
	position: relative;
}

#busca{
	border: none;
	background: none;
	width: 100%;
	font-size: 15px;
	outline: none;
	padding: 12px 15px;
}

#bt_busca{
	position: absolute; 
	top: 0; 
	right: 14px; 
	margin-top: 5px; 
	text-align: center; 
	font-size: 22px; 
	padding: 4px 2px 5px; 
	background: none; 
	color: #CCC; 
	border: 0; 
	outline: none;
}


.page-blog .categorias form{ background: #FFF; }
.page-blog .categorias h3{ margin-top: 62px; }
.page-blog .categorias{ padding-left: 50px; }






.is-relative{ position: relative; }

.w100{ max-width: 100%; }

.has-text-centered{ text-align: center; }
.has-text-left{ text-align: left; }
.has-text-right{ text-align: right; }





/* ---------------- *
* Media
* ---------------- */

@media only screen and (min-width: 1470px) and (max-width: 1800px) {

	#home .portfolio li:nth-child(9) { display: none; }
	#home .portfolio li:nth-child(10) { display: none; }

}

@media only screen and (min-width: 1000px) and (max-width: 1469px) {

	#home .portfolio li:nth-child(7) { display: none; }
	#home .portfolio li:nth-child(8) { display: none; }
	#home .portfolio li:nth-child(9) { display: none; }
	#home .portfolio li:nth-child(10) { display: none; }
	
}





/* ---------------- *
 * About
 * ---------------- */
#about {
	margin: 0 0 35px;
	overflow: hidden;
}
#about div a {
	position: relative;
	display: block;
	height: 100%;
}
#about div a span {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	text-align: center;
	text-indent: -9999px;

	transition: all .2s linear;
	filter: alpha(opacity=0);
	opacity: 0;
}
#about div a.trabalhe span { background: url(../img/hover_thumb_trabalhe.png) no-repeat; }
#about div a.contato span { background: url(../img/hover_thumb_fale.png) no-repeat; }
#about div a.sobre span { background: url(../img/hover_thumb_o_estudio.png) no-repeat; }
#about div a:hover span {
	filter: alpha(opacity=100);
	opacity: 1;
}

/*#about div a img {
	filter: grayscale(100%); 
}*/

#about .imgRight {
	position: relative;
	width: 443px;
	height: 435px;
	margin: 0 5px 0 5px;
	float: right;
	overflow: hidden;
}
#about .imgRight a p span {
	width: 443px;
	height: 435px;
}
#about .imgRight a img { height: 100%; }

#about .imgLeft {
	position: relative;
	width: 442px;
	height: 435px;
	margin: 0 0 0 5px;
	float: left;
	overflow: hidden;
}
#about .imgLeft a {
	width: 100%;
	height: 200px;
	overflow: hidden;
}
#about .imgLeft a:first-child { margin: 0 0 35px; }
#about .imgLeft a p span {
	width: 443px;
	height: 200px;
}

#about .imgLeft a img {
	max-width: 100%;
}


/* ---------------- *
 * Projetos
 * ---------------- */
#projetos #portfolio li, #sites-para-construtoras #portfolio li { display: none; }

#projetos .portfolio li, #sites-para-construtoras .portfolio li { display: none; opacity: 0; }
#projetos .portfolio li.is-flex, #sites-para-construtoras .portfolio li.is-flex { display: flex; }
#projetos .portfolio li.is-visible, #sites-para-construtoras .portfolio li.is-visible { opacity: 1; }

/* ---------------- *
 * Projeto Interna
 * ---------------- */
#projeto .entry { margin: 0 auto 35px; }
#projeto .entry .desc { padding: 35px 0 50px; }
#projeto .entry img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* ---------------- *
 * Serviços
 * ---------------- */

.box_container_black {
	padding: 35px 0 60px;
	border-bottom: 1px solid #ddd;
	background: url(../img/servicos.jpg) center top;
	background-size: cover;
	margin: 0 0 70px;
	overflow: hidden;
}

.box_container_black .title{
	margin-top: 40px;
}

.box_container_black h1, .box_container_black h2{
	color: #FFF;
}

.clear{
	clear: both;
}
.box_servicos{
	display: inline;
	width: 30%;
	margin-right: 4%;
	margin-bottom: 30px;
	float: left;
	position: relative;
}

.box_servicos.last{
	margin-right: 0;
}

.box_servicos img{
	float: left;
	width: 45px;
	margin-top: 18px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: block;
}

.box_servicos .inf{
	overflow: hidden;
}

.box_servicos .inf p{
	color: #DDD;
	font-size: 15px;
}


#servicos {
	padding: 35px 0 0;
	margin: 0;
	background: url(../img/top-line.jpg) top center no-repeat;
	list-style: none;
	overflow: hidden;
}
#servicos li {
	width: 310px;
	margin: 40px 15px 0 0;
	float: left;
	text-align: center;
	height: 370px;
}
/*#servicos li:last-child { margin: 0; }*/
#servicos li img {
	display: block;
	margin: 0 auto 25px;
}
#servicos li p {
	margin: 20px 0 0;
	color: #777;
}

#clientes {
	padding: 35px 0 0 0;
	margin: 0 1px 35px;
	list-style: none;
	overflow: hidden;
	background: url(../img/top-line.jpg) top center no-repeat;
}
#clientes li {
	width: 137px;
	height: 140px;
	/* margin: 0 35px 0 0; */
	margin: 0;
	padding: 10px;
	float: left;
}
#clientes li:last-child { margin: 0; }
#clientes li img { display: block; max-width: 100%; margin: 0 auto}

#mapa-clientes {
	width: 100%;
	height: 400px;
	margin: 0 0 35px;
}

/* ---------------- *
 * Contato
 * ---------------- */
#contato #content {
	padding: 35px;
	margin: 0 0 35px;
}
#contato h3 { overflow: hidden; }
#contato h3 span {
	cursor: pointer;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: .4;
}
#contato h3 .active {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
#contato h3 .left { float: left; }
#contato h3 .right { float: right; }


#contato .relative {position: relative; min-height: 324px; }
#contato .relative.sites-para-construtoras {position: relative; min-height: 420px; }


#contato .relative.formTrabalhe { height: 540px; }
#contato form {
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden;
}
#contato form#contato-form { height: 324px; }
#contato form#contato-form.sites-para-construtoras{ height: 420px; }
#contato form#trabalhe-form { display: none; }

#contato form fieldset {
	padding: 0;
	width: 445px;
	margin: 0;
	border: none;
}
#contato form fieldset label {
	color: #aaa;
}

#contato form .inputs { float: left; }
#contato form .textarea {
	position: relative;
	float: right;
}
#contato form .textarea .load {
	position: absolute;
	bottom: 20px;
	right: 0;
}

#contato form label {
	margin: 0 0 20px;
	display: block;
}
#contato form label input {
	padding: 10px 30px 10px 10px;
	width: 405px;
	border: none;
	border-bottom: 1px solid #DDD;
	border-radius: 3px;
	outline: none;
	margin: 5px 0 0;
	display: block;
	background: #F5F5F5;
}
#contato form .twoLabels {
	margin: 0 0 20px;
	overflow: hidden;
}
#contato form .twoLabels label {
	float: left;
	margin: 0 20px 0 0;
}
#contato form .twoLabels label:last-child { margin: 0; }
#contato form .twoLabels label #data-nascimento { width: 173px; }
#contato form .twoLabels label #telefone { width: 172px; }
#contato form .twoLabels label #cidade { width: 280px; }
#contato form .twoLabels label #uf { width: 65px; }

#contato form label:last-child,
#contato form .last { margin-bottom: 0; }

#contato form textarea {
	padding: 10px 30px 10px 10px;
	width: 405px;
	min-width: 405px;
	max-width: 405px;
	height: 116px;
	border: none;
	border-bottom: 1px solid #DDD;
	border-radius: 3px;
	outline: none;
	margin: 5px 0 0;
	display: block;
	background: #F5F5F5;
}
#contato form .termo {
	padding: 15px 8px 0;
	border-top: 1px solid #e5e5e5;
	margin: 20px 0 20px;
	overflow: hidden;
}
#contato form .termo input {
	margin: 4px 10px 46px 0;
	float: left;
}
#contato form .termo p { margin: 0; }
#contato form button {
	padding: 8px 25px;
	margin: 20px 0 0;
	border: 2px solid #333;
	border-radius: 3px;
	outline: none;
	background: none;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;

	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
#contato form button:hover {
	background: #333;
	color: #fff;
}


#onde-estamos {
	margin: 0 0 35px;
	border-bottom: 1px solid #ddd;
	background: #fff;
}
#onde-estamos #mapa {
	width: 100%;
	height: 450px;
}
#onde-estamos p {
	margin: 35px 35px 35px 45px;
	text-indent: -15px;
}

/* ---------------- *
 * Footer
 * ---------------- */

.bg_footer{
	background: #FFF;
	padding-bottom: 60px;
}

#pre-footer { overflow: hidden; padding-top: 50px; }

#pre-footer .box {
	width: 250px;
	height: 160px;
	margin: 0 20px 0 0;
	float: left;
}
#pre-footer .box:last-child { margin: 0; }
#pre-footer .box p { margin-bottom: 0; }

#pre-footer #newsletter form {
	position: relative;
	margin: 20px 0 0;
}
#pre-footer #newsletter form fieldset {
	padding: 0;
	margin: 0;
	border: none;
}
#pre-footer #newsletter form fieldset input {
	padding: 10px 30px 10px 10px;
	width: 200px;
	border: none;
	border-bottom: 1px solid #ddd;
	border-radius: 3px;
	outline: none;
	background: #f5f5f5;
}
#pre-footer #newsletter form fieldset button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	width: 30px;
	height: 37px;
	margin: 0;
	border: none;
	outline: none;
	background: url(../img/newsletter-bt-submit.png) center center no-repeat;
	text-indent: -9999px;
}
#pre-footer #newsletter form .msgAlert {
	margin: 5px 0 0;
	float: left;
}
#pre-footer #newsletter form .load { margin: 5px 0 0; }

#pre-footer #follow ul {
	padding: 0;
	margin: 20px 0 0;
	list-style: none;
	overflow: hidden;
}
#pre-footer #follow ul li {
	width: 40px;
	height: 40px;
	margin: 0 8px 0 0;
	float: left;
}
#pre-footer #follow ul li a {
	width: 40px;
	height: 40px;
	display: block;
	background: url(../img/social.webp) no-repeat;
	text-indent: -9999px;

	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
#pre-footer #follow ul li a.fb { background-position: -56px 0; }
#pre-footer #follow ul li a.in { background-position: 0 0; }
#pre-footer #follow ul li a.fl { background-position: -111px 0; }
#pre-footer #follow ul li a.tw { background-position: -166px 0; }
#pre-footer #follow ul li a.gp { background-position: -221px 0; }

#pre-footer #follow ul:hover li a {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: .3;
}
#pre-footer #follow ul li a:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#pre-footer .ilustracao{
	opacity: 0.5;
	margin: 20px auto;
	display:block;
	width: 250px;

	-webkit-transition: opacity .4s linear;
	-moz-transition: opacity .4s linear;
	-o-transition: opacity .4s linear;
	-ms-transition: opacity .4s linear;
	transition: opacity .4s linear;
}
#pre-footer .ilustracao:hover{
	opacity: 1;
}

footer {
	margin: 50px 0 0 0;
	text-align: center;
	font-size: 10px;
	line-height: 25px;
	letter-spacing: 0.2em;
}

footer p {
	margin: 0;
	color: #999;
}

/* CALL TO ACTION HOME / PROJETO */

.call-to-action {
	padding: 50px 0;
	background: #adc6ca;
	color: #000;
	margin-top: -70px;
	font-family: 'brother-1816', sans-serif;
	font-size: 1.75em;
	text-align: center;
	/* font-weight: lighter; */
}

.call-to-action.nomarg {
	margin-top: 0;
}

.call-to-action strong {
	font-size: 2.5em;
	font-weight: bolder;
}

.call-to-action.sites-para-construtoras { margin-top: 0; }





.bt-whatsbox{
	position: fixed;
	bottom: 25px;
	right: 30px;
	z-index: 999;

	width: 54px;
	height: 54px;
	line-height: 68px;

	border-radius: 50%;
	background: #00a859;
	text-align: center;
	color: #FFF;
	box-shadow: 0 0 0 0 rgba(0,0,0,1);
	animation: pulse 2s infinite;
	cursor: pointer;
	transition: all 0.5s cubic-bezier(.74,.13,.42,1.81);
}

.bt-whatsbox:hover{ transform: scale(1.2); }

.bt-whatsbox.is-hide {
    opacity: 0;
    transform: scale(0);
}

.pd20{ padding: 20px; }

.whatsbox {
    background: #f0f0f0;
    position: fixed;
    z-index: 999;
    width: 300px;
    border-radius: 7px;
    display: none;
    right: 30px;
    bottom: 30px;
    overflow: hidden;
    letter-spacing: 0;
    /*line-height: 19px;*/
    box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.2);
}
.whatsbox .head {
    background: #000;
    padding: 14px 20px 13px;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
}
.whatsbox .head .bt-close {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}
.whatsbox input, .whatsbox select {
    box-sizing: border-box;
    width: 100%;
    margin-top: 15px;
    padding: 13px 18px 12px;
    font-size: 13px;
}
.whatsbox .botao {
	display: block;
    margin: 15px 0 0;
    width: 100%;
    font-size: 15px;
    background-color: #000;
    padding: 12px;
    box-sizing: border-box;
    color: #FFF;
    transition: all 0.2s linear;
}
.whatsbox .botao:hover {
    background-color: #ebb600;
    color: #000;
}
.whatsbox input::placeholder {
    opacity: 1;
}




@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(0,168,89,0.7); } 70% { box-shadow: 0 0 0 15px rgba(0,168,89,0); } 100% {  box-shadow: 0 0 0 0 rgba(0,168,89,0); }
}



#portfolio li:nth-child(3n) { margin-right: 0; }



/* ---------------- *
 * Media
 * ---------------- */

/** De 685 ate 1024 **/
@media only screen and (min-width: 685px) and (max-width: 1024px) {
	body {
		min-width: 685px;
		border-top: 100px solid #FFF;
		border-left: 20px solid #FFF;
		border-right: 20px solid #FFF;
		border-bottom: 20px solid #FFF;
	}

	#wrapper {
		width: auto;
		margin: 0px 20px;
	}

	.title h1{
		font-size: 75px;
	}

	.title h2{
		font-size: 75px;
	}

	h1.link {
		font: 30px "brother-1816", sans-serif;
		margin: 35px 0 70px;
	}
	h1.link a img {
		height: 22px;
		margin: 1px 5px 0 15px;
	}

	h2.link{
		font-size: 75px;
	}

	.title { margin-top: 50px; }

	.entry .desc { font-size: 15px; }

	/*header { overflow: auto; }*/
	/*header nav { display: none; }*/
	/*header #mobile-nav { display: block; }
	header #mobile-nav h1 {
		width: 70px;
		min-width: 70px;
		height: 70px;
		min-height: 70px;
		margin: 0;
		float: left;
	}*/
	header #mobile-nav h1 a { display: block; }
	header #mobile-nav h1 a img {
		width: 70px;
		height: 70px;
		display: block;
	}
	header #mobile-nav h1.active {
		z-index: 10;
		position: relative;
	}

	header nav .logotype {
		display: none;
	}

	/*header #mobile-nav #menu-icon {
		padding: 6px 10px;
		width: 25px;
		height: 21px;
		border: 1px solid #333;
		border-radius: 5px;
		margin: 17px 0;
		float: right;
		display: block;
	}
	header #mobile-nav #menu-icon hr {
		height: 3px;
		margin: 3px 0;
		border: 0;
		background: #333;
	}
	header #mobile-nav #menu-icon.active {
		z-index: 10;
		position: relative;
		border-color: #fff;
	}*/

	.logo_menu{
		top: 3%;
	}

	header #mobile-nav #menu-icon.active hr { background: #fff; }
	header #mobile-nav #menu {
		z-index: 5;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 100%;
		height: 100%;
		min-height: 100%;
		background: #333;
		display: none;
	}
	header #mobile-nav #menu ul {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 82%;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	header #mobile-nav #menu ul li {
		padding: 0;
		width: 100%;
		height: 15%;
		margin: 0;
		border: 0;
		display: table;
		float: none;
		font-size: 20px;
		text-align: center;
		text-transform: uppercase;
		line-height: inherit;
		vertical-align: middle;
	}
	header #mobile-nav #menu ul li a {
		border: 0;
		display: table-cell;
		vertical-align: middle;
		font-weight: 300;
		color: #fff;
	}
	header #mobile-nav #menu ul li:hover,
	header #mobile-nav #menu ul li.current { background: #fff; }
	header #mobile-nav #menu ul li:hover a,
	header #mobile-nav #menu ul li.current a { color: #333; }


	#slide{
		height: 300px;
	}

	#slide ul li{
		background-position: center top;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.box_servicos{
		width: 100%;
		margin-bottom: 20px;
	}

	.box_container_black{
		padding: 20px 0;
	}


	#portfolio li {
		width: 31.3%;
		margin: 0 3% 35px 0;
	}
	#portfolio li:nth-child(3n) { margin-right: 0; }
	#portfolio li a span { height: 100%; }
	#portfolio li a img { height: 100%; }
	#portfolio li a p { padding: 15px 20px; }


	#portfolio li a:hover span{
		opacity: 0;
	}


	#about { padding: 20px 20px 0; }
	#about .imgLeft { display: none; }
	#about .imgRight { display: none; }
	#about .imgLeft {
		width: 100%;
		height: 435px;
		margin: 0 0 35px;
		float: none;
	}
	#about .imgRight {
		width: 100%;
		height: 200px;
		margin: 0;
		float: none;
	}
	#about div a img {
		width: auto;
		min-width: 200px;
		height: auto;
		min-height: 200px;
	}

	#photo_studio div{
		margin: 14px;
	}

	#servicos li {
		width: 30%;
		margin: 0 3% 0 0;
		box-sizing: border-box;
	}
	#servicos li:last-child { margin-right: 0; }

	#clientes li {
		padding: 10px;
		width: 16.6%;
		height: auto;
		margin: 0 auto;
		float: left;
		box-sizing: border-box;
	}
	#clientes li:last-child { margin: auto; }
	#clientes li img { width: 100%; }

	#contato h3 #trabalhe-conosco-link { display: none; }

	#contato form { position: relative; }
	#contato form#contato-form { height: auto; }
	#contato form fieldset {
		width: 100%;
		float: none;
		box-sizing: border-box;
	}
	#contato form .inputs { float: none; }
	#contato form .textarea {
		margin-top: 20px;
		float: none;
	}
	#contato form label input {
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
	}
	#contato form label textarea {
		padding: 10px;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	#pre-footer #follow ul li{
		width: 30px;
		height: 30px;
		margin: 0 6px 0 0;
	}

	#pre-footer #follow ul li.last{
		margin: 0;
	}

	#pre-footer #follow ul li a{
		width: 30px;
		height: 30px;
		background-size: cover;
	}

	#pre-footer #follow ul li a.fb { background-position: -42px 0; }
	#pre-footer #follow ul li a.in { background-position: 0 0; }
	#pre-footer #follow ul li a.fl { background-position: -83px 0; }
	#pre-footer #follow ul li a.tw { background-position: -125px 0; }
	#pre-footer #follow ul li a.gp { background-position: -166px 0; }

	#pre-footer .box {
		padding: 20px;
		width: 31.3%;
		height: 205px;
		margin: 0;
		font-size: 15px;
		box-sizing: border-box;
	}
	#pre-footer #newsletter { margin: 0 3%; }

	#pre-footer #newsletter form fieldset input {
		width: 100%;
		box-sizing: border-box;
	}
}

/** De 480 ate 684 **/
@media only screen and (min-width: 480px) and (max-width: 684px) {
	body {
		min-width: 420px;
		border: 10px solid #FFF;
	}

	/**/
	#wrapper {
		width: auto;
		margin: 35px 20px;
	}

	h1.link {
		font: 30px "brother-1816", sans-serif;
		margin: 35px 0 70px;
	}
	h1.link a img {
		height: 22px;
		margin: 1px 5px 0 15px;
	}

	.title { margin-top: 50px; }

	.entry .desc { font-size: 15px; }

	/**/
	header { overflow: auto; }
	header nav { display: none; }
	header #mobile-nav { display: block; }
	header #mobile-nav h1 {
		width: 70px;
		min-width: 70px;
		height: 70px;
		min-height: 70px;
		margin: 0;
		float: left;
	}
	header #mobile-nav h1 a { display: block; }
	header #mobile-nav h1 a img {
		width: 70px;
		height: 70px;
		display: block;
	}
	header #mobile-nav h1.active {
		z-index: 10;
		position: relative;
	}
	header #mobile-nav #menu-icon {
		padding: 6px 10px;
		width: 25px;
		height: 21px;
		border: 1px solid #333;
		border-radius: 5px;
		margin: 17px 0;
		float: right;
		display: block;
	}
	header #mobile-nav #menu-icon hr {
		height: 3px;
		margin: 3px 0;
		border: 0;
		background: #333;
	}
	header #mobile-nav #menu-icon.active {
		z-index: 10;
		position: relative;
		border-color: #fff;
	}
	header #mobile-nav #menu-icon.active hr { background: #fff; }
	header #mobile-nav #menu {
		z-index: 5;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 100%;
		height: 100%;
		min-height: 100%;
		background: #333;
		display: none;
	}
	header #mobile-nav #menu ul {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 65%;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	header #mobile-nav #menu ul li {
		padding: 0;
		width: 100%;
		height: 25%;
		margin: 0;
		border: 0;
		display: table;
		float: none;
		font-size: 20px;
		text-align: center;
		text-transform: uppercase;
		line-height: inherit;
		vertical-align: middle;
	}
	header #mobile-nav #menu ul li a {
		border: 0;
		display: table-cell;
		vertical-align: middle;
		font-weight: 300;
		color: #fff;
	}
	header #mobile-nav #menu ul li:hover,
	header #mobile-nav #menu ul li.current { background: #fff; }
	header #mobile-nav #menu ul li:hover a,
	header #mobile-nav #menu ul li.current a { color: #333; }

	.box_servicos{
		width: 100%;
		margin-bottom: 20px;
	}

	.box_container_black{
		padding: 20px 0;
	}

	#pre-footer #follow ul li{
		margin: 0px 4px 0 0;
	}

	/**/
	#portfolio li {
		width: 420px;
		margin: 0 0 35px;
	}
	#portfolio li a span { height: 420px; }
	#portfolio li a img { height: 420px; }
	#portfolio li a p { padding: 15px 20px; }

	/**/
	#about { padding: 20px 20px 0; }
	#about .imgLeft { display: none; }
	#about .imgRight { display: none; }
	#about .imgLeft {
		width: 100%;
		height: 435px;
		margin: 0 0 35px;
		float: none;
	}
	#about .imgRight {
		width: 100%;
		height: 200px;
		margin: 0;
		float: none;
	}
	#about div a img {
		width: auto;
		min-width: 200px;
		height: auto;
		min-height: 200px;
	}

	#servicos li { width: auto; }

	#clientes li {
		padding: 10px;
		margin: 0 auto;
		float: left;

		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
	}
	#clientes li:last-child { margin: auto; }
	#clientes li img { width: 100%; }

	#contato #content { padding: 35px 15px; }

	#contato h3 #trabalhe-conosco-link { display: none; }

	#contato form { position: relative; }
	#contato form#contato-form { height: auto; }
	#contato form fieldset {
		width: 100%;
		float: none;

		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
	}
	#contato form .inputs { float: none; }
	#contato form .textarea {
		margin-top: 20px;
		float: none;
	}
	#contato form label input {
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
	}
	#contato form label textarea {
		padding: 10px;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	/**/
	#pre-footer .box {
		padding: 20px;
		width: 100%;
		height: 145px;
		margin: 0 0 35px;
		font-size: 15px;
		box-sizing: border-box;
	}
	#pre-footer #contact { height: auto; }
	#pre-footer #newsletter { height: auto; }
	#pre-footer #follow { height: auto; }

	#pre-footer #newsletter form fieldset input {
		width: 100%;
		box-sizing: border-box;
	}

	#mapa-clientes {
		display: none;
	}
}

/** De 320 ate 479 **/
@media only screen and (min-width: 320px) and (max-width: 479px) {

	.is-hidden-mobile{ display: none; }
	.no-mobile{display: none;}

	.has-text-left-mobile{ text-align: left; }
	.has-text-right-mobile{ text-align: right; }
	.has-text-centered-mobile{ text-align: center; }

	html{
		overflow-x: hidden;
		overflow-y: scroll;
	}


	body {
		min-width: 300px;
		overflow-x: hidden;
		/* border: 10px solid #FFF; */
	}

	/**/
	#wrapper {
		width: auto;
		margin: 30px 25px 0;
		padding-bottom: 30px;
	}

	.wrap{
		/* padding: 0 10px; */
		max-width: 100%;
	}

	.sub-page{
		margin-top: 60px;
	}

	h1.link {
		font: 30px "brother-1816", sans-serif;
		margin: 35px 0 70px;
	}
	h1.link a img {
		height: 22px;
		margin: 1px 5px 0 15px;
	}

	#home .title h1 {
		font: 40px "brother-1816", sans-serif;
		margin: 35px 0 25px;
	}

	.title h1 {
		font: 29px "brother-1816", sans-serif;
		margin: 35px 0 35px;
		padding: 0 20px;
		letter-spacing: 0.2em;
	}

	h2.link{
		font-size: 25px;
		letter-spacing: 0.2em;
	}

	h2.link a img{
		margin-left: 20px;
	}

	.title { margin-top: 50px; }

	.title h2{
		font-size: 20px;
		padding: 0 30px;
	}

	.entry .desc { font-size: 15px; }

	/**/

	header h1 a{
		display: none;
	}

	#menu-icon{
		right: 30px;
		position: absolute;
	}

	/* .redes_sociais, .telefone_menu, .logo_menu, #menu-icon, #menu-telefone{
		display: none;
	} */

	.redes_sociais, .telefone_menu, #menu-icon, #menu-telefone{
		display: none;
	}

	.logo-desktop{
		display: none;
	}

	#slide{
		display: none;
	}

	header{
		overflow: auto;
		position: inherit;
		left: 0;
		margin: 0;
		background-color: #FFF;
	}

	header nav { display: none; }
	header #mobile-nav { display: block; }
	header #mobile-nav h1 {
		width: 70px;
		min-width: 70px;
		height: 70px;
		min-height: 70px;
		margin: 0;
		float: left;
	}
	header #mobile-nav h1 a { display: block; }
	header h1 a { width: 70px }
	header h1 a:hover { background-position: top center; }
	header #mobile-nav h1 a img {
		width: 70px;
		height: 70px;
		display: none;
	}
	header #mobile-nav h1.active a img {
		display: block;
	}
	header #mobile-nav h1.active {
		z-index: 10;
		position: relative;
	}

	#menu-icon.active hr:first-child{
		transform: rotate(-45deg);
		opacity:1;
		margin-top: 8px !important
	}

	#menu-icon.active hr:last-child{
		transform: rotate(45deg);
		margin-top: -12px !important;
		opacity:1;
	}

	header #mobile-nav #menu-icon {
		width: 25px;
		display: block;
		position: absolute;
		top: 41px;
	}

	header #mobile-nav #menu-icon.sub {
		top: 30px;
	}

	header #mobile-nav #menu-icon hr {
		height: 3px;
		margin: 3px 0;
		border: 0;
		background: #333;
	}
	header #mobile-nav #menu-icon.active {
		z-index: 999;
		position: fixed;
		border-color: #fff;
		top: 40px !important;
	}

	header #mobile-nav #menu-icon.active hr { background: #fff; }

	header #mobile-nav #menu {
		z-index: 995;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 100%;
		height: 100%;
		min-height: 100%;
		background: #333;
		display: none;
	}
	header #mobile-nav #menu ul {
		position: absolute;
		top: 110px;
		width: 100%;
		height: 65%;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	header #mobile-nav #menu ul li {
		padding: 0;
		width: 100%;
		height: 16%;
		margin: 0;
		border: 0;
		display: table;
		float: none;
		font-size: 17px;
		text-align: center;
		text-transform: uppercase;
		line-height: inherit;
		vertical-align: middle;
	}
	header #mobile-nav #menu ul li a {
		border: 0;
		display: table-cell;
		vertical-align: middle;
		font-weight: 300;
		color: #fff;
	}
	header #mobile-nav #menu ul li:hover,
	header #mobile-nav #menu ul li.current { background: #fff; }
	header #mobile-nav #menu ul li:hover a,
	header #mobile-nav #menu ul li.current a { color: #333; }

	header .logo_menu{
		top: 35px;
		left: 55px;
		width: 35px;
		height: 35px;
		background-size: cover;
	}

	header nav .logo{
		width: 50px;
		margin: 10px 0 0 30px;
	}

	header nav .logo-txt{
		letter-spacing: 0.4em;
		font-size: 13px;
	}


	#top{
		display: none;
		/* background: none; */
	}


	.box_servicos{
		width: 100%;
		margin-bottom: 20px;
	}

	.box_container_black{
		padding: 20px 0;
	}

	#pre-footer #follow ul li{
		margin: 0px 4px 0 0;
	}




	

	.card-blog .blog-title{
		margin-top: 30px;
		padding-left: 0;
		font-size: 16px;
	}

	.card-blog .saiba-mais{
		margin: 30px auto;
		font-size: 15px;
	}

	.categorias{ padding-left: 0; }


	.page-blog{ padding: 0 20px; }

	.page-blog .categorias{ padding-left: 0; }

	#post h1{ font-size: 1.7em; }



	/**/
	#portfolio li {
		width: 100%;
		margin: 0 0 35px;
	}
	#portfolio li a span {
		width: 100%;
		height: auto;
		background-position: center;
	}
	#portfolio li a img {
		width: 100%;
		height: auto;
	}
	#portfolio li a p { padding: 15px 20px; }


	.container{
		max-width: 100%;
		padding: 0 20px;
	}

	.portfolio li .logo img{ max-width: 135px; }
	/*.portfolio li{ width: 72%; margin-bottom: 120px; }
	.portfolio li .thumb{ width: 100%; }
	.portfolio li .logo{ width: 125px; height: 125px; bottom: -60px; }
	.portfolio li .txt-vert{ left: -77px; bottom: 265px; width: 210px; }
	.portfolio li .txt-vert p{ font-size: 11px; }*/


	/* PARA 2 COLUNAS */

	/*.portfolio{ padding: 0; }
	.portfolio li{ width: calc(50% - 20px); padding: 0 10px; }
	.portfolio li .thumb{ max-width: 100%; }
	.portfolio li .logo{ width: 100px; height: 100px; bottom: -60px; }
	.portfolio li .logo img{ max-width: 83%; }
	.portfolio li .txt-vert p{ font-size: 8px; letter-spacing: 2px; }
	.portfolio li .txt-vert{ left: calc(-52px); bottom: 180px; width: 140px; }*/



	/**/
	#about { padding: 20px 20px 0; }
	#about .imgLeft { display: none; }
	#about .imgRight { display: none; }
	#about .imgLeft {
		width: 100%;
		height: 435px;
		margin: 0 0 35px;
		float: none;
	}
	#about .imgRight {
		width: 100%;
		height: 200px;
		margin: 0;
		float: none;
	}
	#about div a img {
		width: auto;
		min-width: 200px;
		height: auto;
		min-height: 200px;
	}

	#photo_studio div{ width: 41%; }


	#servicos li {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}

	#clientes li {
		width: 50%;
		box-sizing: border-box;
		margin: 0 auto 25px;
		/* padding: 10px; */
		float: left;
	}
	#clientes li:last-child { margin: auto; }

	/*#contato h3 #trabalhe-conosco-link { display: none; }*/
	#contato h3{ font-size: 12px; }

	#contato #content { padding: 35px 15px; }
	#contato form { position: relative; }
	#contato form#contato-form { height: auto; }
	#contato .relative.formTrabalhe{ height: auto; }
	#contato form#contato-form.sites-para-construtoras{ height: auto; }
	#contato form fieldset {
		width: 100%;
		float: none;
		box-sizing: border-box;
	}
	#contato form .inputs { float: none; }
	#contato form .textarea {
		margin-top: 20px;
		float: none;
	}
	#contato form label input {
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
	}
	#contato form label textarea {
		padding: 10px;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	#contato form button{ display: block; }

	.msgAlert{ float: none; }

	/**/
	#pre-footer .box {
		padding: 20px;
		width: 100%;
		margin: 0 0 35px;
		font-size: 15px;
		box-sizing: border-box;
	}
	#pre-footer #contact { height: auto; }
	#pre-footer #newsletter { height: auto; }
	#pre-footer #follow { height: auto; }

	#pre-footer #newsletter form fieldset input {
		width: 100%;
		box-sizing: border-box;
	}

	#mapa-clientes {
		display: none;
	}

	.call-to-action strong {
		font-size: 2em;
		display: block;
		line-height: 1.2;
	}

	.call-to-action {
		padding: 55px 50px 25px;
		font-size: 1.3em;
	}

	.call-to-action #wrapper {
		margin: 0 auto;
	}


	.lightbox img{ width: 100%; }


	.bt-whatsbox{
		bottom: 20px;
		right: 20px;
	}



	.h2{
		margin-top: 0;
		font-size: 1.1em;
	}

	section{ padding: 60px 0; }

	.section-intro .logo-txt {
		font-size: 13px;
		letter-spacing: 0.4em;
	}

	.section-intro .txt-big {
		font-size: 22px;
	}

	.section-intro p {
		font-size: 13px;
	}

	.section-intro .img {
		max-width: 100%;
	}

	.section-intro .img2 {
		max-width: calc(100% + 50px);
		bottom: -50px;
	}



	.section-diferenciais .line {
		height: 100px;
	}

	.section-diferenciais .line.tp {
		top: -50px;
	}

	.section-diferenciais .line.bt {
		bottom: -50px;
	}

	.section-diferenciais .itens .item {
		margin-bottom: 40px;
		border-left: 1px solid #fa4226;
		padding-left: 20px;
	}

	.section-diferenciais .itens .t1 {
		margin-bottom: 10px;
		font-size: 1.05em;
	}

	.section-diferenciais .itens .t2 {
		letter-spacing: 0.2em;
	}

	
	.fs-12{ font-size: .85em !important; }
	.fs-16{	font-size: 1.3em !important; }


	.section-final .galo {
		max-width: 150px;
		left: calc(50% - 57px);
	}

	.section-final .logo {
		max-width: 40px;
	}

	.box-parallax {
		height: 300px;
	}

	.box-parallax img {
		width: 1260px;
	}

	.section-depoimentos .slide-dep .item {
		padding: 2px;
	}

	.section-depoimentos .img-dep {
		filter: drop-shadow(-12px 10px 0px #ff401f);
	}

	.section-depoimentos .slide-dep .owl-nav {
		position: absolute;
		top: 10px;
		right: 0;
	}

	.section-footer-home .ilustrucao {
		position: relative;
		top: 0px;
		max-width: 100%;
	}

	.section-footer-home address {
		letter-spacing: 0.2em;
	}

	.section-footer-home .logo-txt {
		letter-spacing: 0.4em;
	}



	.bg_footer{
		padding-bottom: 0px;
	}


}



@media only screen and (max-width: 575px) {
	#rc-imageselect, .g-recaptcha {
		transform: scale(0.77);
		-webkit-transform: scale(0.77);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
}