@media only screen and (max-width: 1400px), only screen and (min-device-width : 1168px) and (max-device-width : 1400px) and (orientation : landscape) {
	/*#bg-topo-home{
		background-image: url(../img/bg-banner.png);
	  	background-position: left top;
	  	background-size: auto 33%;
	  	background-repeat: no-repeat;
	}*/
}

/* QUERIES FOR IPAD/TABLETPC */
@media only screen and (max-width: 1024px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	/* ------ Estrutura Geral e Home ------ */
	body { min-width: 660px; }
	.conteudo { width: 640px !important; }


	/******************** Atribuições Topo HOME **********************/
	#bg-topo-home{
  	    /*background-image: url(../img/bg-banner.png);
	    background-position: 37% 10%;
	    background-size: 80%;*/
	}

	header.topo{
		height: 150px;
		width: 100%;
	}

	header.topo .logo-header{
		float: left;
		margin-top: 50px;

		max-width: 120px;
	}

	header.topo #right{
		float: right;
		display: table;
	}

	header.topo #btn-solicitar-orcamento{
		border: 3px solid #FFF500;
		border-radius: 10px;
		cursor: pointer;
		float: right;

		font-family: 'Space Grotesk', sans-serif;
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: -0.02em;

		color: #FFF500;

		margin-top: 40px;

		text-align: center;
		line-height: 40px;
		height: 40px;
		width: 192px;
	}

	header nav#menu{
		float: right;

		margin-top: 20px;
	}

	header nav#menu ul{}

	header nav#menu ul li{
		color: #FFFFFF;
		list-style: none;
		float: left;
		font-family: 'Space Grotesk';
		font-style: normal;
		font-weight: 400;
		font-size: 15px;

		margin-left: 20px;
	}

	header nav#menu ul li img{
		max-width: 20px;
    	max-height: 20px;
	}
	/******************** Atribuições Topo **********************/

	/******************** Atribuições Footer **********************/
	footer#rodape{
		padding: 40px 0 20px 0;
	}

	footer#rodape .columns-rdp .column{
		float: left;

		width: 25%;
	}

	footer#rodape .columns-rdp .column .rede-rdp{
		float: left;

		margin-top: 5px;
		margin-left: 25px;
	}
	/******************** Atribuições Footer **********************/

	/* banner */
	.banner{
	    height: auto;
	}

	.banner .content-banner{
	    margin: 0;
	    padding: 40px 0 0 0;
	    width: 280px;
	}

	.banner .content-banner h1{
	    font-size: 40px;
   		line-height: 113.1%;
	}

	.banner .content-banner h1 span{
	    font-size: 80.7987px;
	}

	.banner .content-banner .btn-banner{
	    border: 3px solid #FFF500;
	    border-radius: 10px;

	    color: #FFFFFF;
	    font-family: 'Montserrat';
	    font-style: normal;
	    font-weight: 600;
	    font-size: 18px;
	    line-height: 24px;
	    letter-spacing: -0.02em;

	    margin-top: 30px;
	    text-align: center;
	    line-height: 55px;
	    height: 55px;
	    width: 175px;
	}
	/* banner */


	/* sobre nós  */
	#sobre-nos{
	    padding: 70px 0 0 0;
	}

	#sobre-nos .left{
	    float: left;

	    width: 36%;
	    /* width: 354px;*/
	}

	#sobre-nos .left h2{
	    font-size: 20px;
	    line-height: 25px;
	}

	#sobre-nos .left h1{
	    font-size: 40px;
	    line-height: 55px;
	}

	#sobre-nos .right{
	    float: right;

	    width: 55%;
	}

	#sobre-nos .right p{
	    font-size: 18px;
	    line-height: 27px;
	    margin: 50px 0 20px 0;
	}

	#sobre-nos .right span{
	    font-size: 18px;
	    line-height: 24px;
	}

	#sobre-nos .right span i{
	    margin-left: 10px;
	}
	/* sobre nós  */

	/* nossas areas  */
	#nossas-areas{
	    padding: 80px 0 80px 0;
	}

	#nossas-areas .left{
	    float: left;
	    width: 39%;
	}

	#nossas-areas .left h1{
	    font-size: 20px;
	    line-height: 25px;
	}

	#nossas-areas .left .line-nossas-areas{
	    margin: 20px 0 40px 0;

	    height: 2px;
	    width: 100%;
	}

	#nossas-areas .left ul{
	    
	}

	#nossas-areas .left ul li{
	    font-size: 28px;
	    line-height: 47px;

	    margin-bottom: 50px;
	    padding-left: 50px;
	}

	#nossas-areas .left .link-nossas-areas{
	    display: table;
	    height: 62px;
	}

	#nossas-areas .left .link-nossas-areas span{
	    font-size: 20px;
	    line-height: 25px;
	}

	#nossas-areas .left .link-nossas-areas i{
	    font-size: 35px;
	    line-height: 50px;
	    margin-left: 13px;
	}

	#nossas-areas .right{
	    float: right;
	    width: 57%;
	}

	#nossas-areas .right .itens-nossas-areas{
	    margin-top: 120px;
	}

	#nossas-areas .right .itens-nossas-areas .item{
	    margin: 0 1% 7px 1%;
	    height: 238px;
	    width: 48%;
	}
	/* nossas areas  */

	/* orcamento */
	#orcamento{
	    padding: 40px 0 90px 0;
	}

	#orcamento .left{
	    float: left;

	    width: 40%;
	}

	#orcamento .right{
	    float: right;

	    padding: 40px 0 0 0;
	    width: 55%;
	}

	#orcamento h1{
	    font-size: 40px;
	    line-height: 45px;
	    margin-bottom: 20px;
	}

	#orcamento form#form-orcamento label{
	    font-size: 20px;
	}

	#orcamento form#form-orcamento input[type="text"],
	#orcamento form#form-orcamento select,
	#orcamento form#form-orcamento textarea,
	#orcamento form#form-orcamento input[type="email"]{
	    font-size: 16px;
	    margin-bottom: 20px;
	    padding: 5px 5px 5px 0;
	    height: 40px;
	    width: 100%;
	}

	#orcamento form#form-orcamento select{
	    background-position-x: 325px;
	}

	#orcamento form#form-orcamento textarea{
	    height: 50px;
	    width: 100%;
	}

	#orcamento form#form-orcamento input[type="submit"]{
	    font-size: 20px;
	    line-height: 26px;
	    margin-top: 20px;
	    width: 80px;
	}
	/* orcamento */


	/* Internas */
	.topo-internas{
	    padding: 50px 0 50px 0;
	}

	.topo-internas h1{
	    font-size: 40px;
	}

	.topo-internas p{
	    font-size: 18px;
	    line-height: 26px;

	    margin-top: 20px;
	}


	/* Serviços */
	.servicos{

	}

	.servicos .itens-servicos{
	    padding: 0 0 100px 0;
	}

	.servicos .itens-servicos .item{
	    padding: 35px;

	    margin: 0 1% 13px 1%;
	    height: 390px;
	    width: 48%;
	}

	.servicos .itens-servicos .item img{
	    margin-bottom: 10px;
	}

	.servicos .itens-servicos .item h2{
	    font-size: 20px;
	    line-height: 24px;
	    margin: 20px 0 15px 0;
	}

	.servicos .itens-servicos .item p{
	    font-size: 16px;
	    line-height: 24px;
	}


	.nossos-cases{
	    padding: 0 0 100px 0;
	}

	.nossos-cases .left{
	    display: table;
	    float: left;
	}

	.nossos-cases h2{
	    font-size: 20px;
	    line-height: 25px;
	}

	.nossos-cases h1{
	    font-size: 40px;
	    line-height: 55px;
	}

	.nossos-cases span{
	    font-size: 18px;
	    line-height: 24px;
	    margin-top: 20px;
	}

	.nossos-cases span i{
	    margin-left: 10px;
	}

	.nossos-cases .itens-trabalhos{
	    margin: 25px -1.16% 0 -1.16%;
	}

	.nossos-cases .itens-trabalhos .item{
	    height: 250px;
	}

	.nossos-cases .itens-trabalhos .item-menor{
	    margin: 0 1.16% 0 1.16%;
	    width: 31%;
	}

	.nossos-cases .itens-trabalhos .item .item-hover{
/*	    background-position: 90% 85%;*/

	    border-radius: 10px;
	    padding: 25px 25px 25px 25px;
	}

	.nossos-cases .itens-trabalhos .item .item-hover h3{
	    font-size: 24px;
	    line-height: 30px;
	}

	.nossos-cases .itens-trabalhos .item .item-hover h4{
	    font-size: 18px;
	    line-height: 20px;
	}

	.nossos-cases .itens-trabalhos .item .item-hover span{
	    font-size: 16px;
	    line-height: 20px;
	    bottom: 22px;
	}
	.nossos-cases .itens-trabalhos .item .item-hover span i{
	    margin-left: 10px;
	}

	.nossos-cases .itens-trabalhos .item-maior{
	    background-image: url(../img/case-maior.png);
	    background-size: cover;

	    margin: 30px 0% 0 1%;
	    width: 98%;
	}

	.nossos-cases .itens-trabalhos .item-menor .item-hover{
		background-position: 92% 82%;
		background-size: 30%;
	}

	.nossos-cases .itens-trabalhos .item-maior .item-hover{
		background-position: 92% 75%;
	}
	/* Serviços */

	/* Cases  */
	.cases{
	    padding: 0 0 100px 0;
	}

	.cases .categorias{

	}

	.cases .categorias .itens-categorias{

	}

	.cases .categorias .itens-categorias .item{
	    font-size: 16px;
	    line-height: 24px;
	    height: 28px;
	    margin-right: 24px;
	}

	.cases .itens-trabalhos{
	    margin: 30px -1.16% 0 -1.16%;
	}

	.cases .itens-trabalhos .item{
	    height: 270px;

	    margin: 0 1.16% 30px 1.16%;
	}

	.type-one{ 
	    background-image: url(../img/case.png);
	    width: 47%; 
	}
	.type-two{ 
	    background-image: url(../img/case.png);
	    width: 31%; 
	}
	.type-three{ 
	    background-image: url(../img/case-maior.png);
	    width: 64%; 
	}

	.cases .itens-trabalhos .item .item-hover{
	    background: rgba(0, 0, 0, 0.5);
	    background-image: url(../img/j.png);
	    background-repeat: no-repeat;
	    background-position: 85% 85%;
	    padding: 25px 25px 25px 25px;
	}

	.type-two .item-hover{
		background-position: 92% 84% !important;
		background-size: 30% !important;
	}

	.cases .itens-trabalhos .item .item-hover h3{
	    font-size: 24px;
	    line-height: 30px;
	}

	.cases .itens-trabalhos .item .item-hover h4{
	    font-size: 18px;
	    line-height: 20px;
	}

	.cases .itens-trabalhos .item .item-hover span{
	    font-size: 16px;
	    line-height: 20px;
	    bottom: 22px;
	}

	.cases .itens-trabalhos .item .item-hover span i{
	    margin-left: 10px;
	}
	/* Cases */


	/* A Joy */
	.a-joy{
	    padding: 50px 0 50px 0;
	}

	.a-joy h1{
	    font-size: 40px;
	}

	.a-joy .left{
	    padding-top: 20px;
	    padding-right: 20px;
	    width: 49%;
	}

	.a-joy .right{
	    box-sizing: border-box;
	    float: right;

	    padding-top: 20px;
	    padding-left: 9px;
	    width: 49%;
	}

	.a-joy p{
	    font-size: 18px;
	    line-height: 24px;
	    text-align: justify;
	}

	.a-joy .line-joy{
	    width: 0px;
	    height: 360px;
	}


	.list-joy{
	    padding-bottom: 100px;
	}

	.list-joy .itens-joy{
	    
	}

	.list-joy .itens-joy .item{
	    margin-right: 4%;
	    width: 30%;
	}

	.list-joy .itens-joy .item h2{
	    font-size: 20px;
	    line-height: 26px;
/*	    height: 40px;*/
	    margin-bottom: 15px;
	    padding-left: 42px;
	}

	.list-joy .itens-joy .item p{
	    font-size: 16px;
	    line-height: 24px;
	    padding-left: 42px;

	    text-align: justify;
	}


	.colaboradores{

	}

	.colaboradores .itens-colaboradores{
	    
	}

	.colaboradores .itens-colaboradores .item{
	    height: 500px;
	    width: 33.33%;
	}

	.colaboradores .itens-colaboradores .item h3{
	    background-image: url(../img/icon-colaboradores.png);
	    background-repeat: no-repeat;
	    background-position: left;
	    font-size: 20px;
	    line-height: 143.9%;
	    margin: 400px auto 0 auto;

	    padding-left: 49px;
	}
	/* A Joy */


	/* dados contato */
	.dados-contato{

	}

	.dados-contato .itens-contato{
	    
	}

	.dados-contato .itens-contato .item{
	    float: left;

	    width: 33%;
	}

	.dados-contato .itens-contato .item img{
	    
	}

	.dados-contato .itens-contato .item h2{
	    font-size: 16px;
	    line-height: 24px;
	    margin: 15px 0 10px 0;
	}

	.dados-contato .itens-contato .item p{
	    font-size: 18px;
	    line-height: 30px;
	}
	/* dados contato */


	/* orcamento */
	#contato{
	    background-image: url(../img/bg-contato.png);
	    background-repeat: no-repeat;
	    background-position: center bottom;
	    padding: 50px 0 0 0;
	}

	#contato .right{
	    width: 40%;
	}

	#contato .right img{
	    margin-bottom: -5px;
	    margin-top: 269px;
	    max-width: 100%;
	}

	#contato .left{
	    padding: 40px 0 0 0;
	    width: 60%;
	}

	#contato h1{
	    font-size: 40px;
	    line-height: 55px;
	    margin-bottom: 20px;
	}

	#contato form#form-orcamento label{
	    font-size: 20px;
	}

	#contato form#form-orcamento input[type="text"],
	#contato form#form-orcamento select,
	#contato form#form-orcamento textarea,
	#contato form#form-orcamento input[type="email"]{
	    font-size: 16px;
	    margin-bottom: 20px;
	    padding: 5px 5px 5px 0;
	    height: 40px;
	    width: 100%;
	}

	#contato form#form-orcamento select{
	    background-position-x: 355px;
	}
	/* orcamento */


	/* Case */
	.case{
	    padding: 55px 0 100px 0;
	}

	.case .voltar-cases{
	    font-size: 16px;
	    line-height: 20px;
	    height: 29px;
	}

	.case .voltar-cases i{
	    margin-right: 5px;
	}

	.case .topo-case .left{
	    float: left;
	    width: 50%;
	}

	.case .topo-case .left h1{
	    font-size: 40px;
	    line-height: 55px;
	    margin: 15px 0 20px 0;
	}

	.case .topo-case .left p{
	    font-size: 18px;
	    line-height: 26px;
	    text-align: justify;
	}

	.case .topo-case .right{
	    float: right;
	    width: 45%;
	}

	.case .topo-case .right img{
		margin-top: 33px;
	}

	.case .imagens-case{
	    margin-top: 60px;
	}

	.case .imagens-case img{
	    margin-bottom: 15px;
	}
	/* Case */

}


@media only screen and (max-width: 680px) {

	/* ------ Estrutura Geral e Home ------ */
	body { min-width: 300px; }
	.conteudo { width: 95% !important; }


	/******************** Atribuições Topo HOME **********************/
	#bg-topo-home{
		background-image: none;
	}

	header.topo{
		padding-bottom: 0px;
		height: auto;
		width: 100%;
		box-shadow: 0px 20px 35px rgba(15, 15, 15, 0.25);
		text-align: center;
	}

	header.topo .logo-header{
		float: none;
		margin-top: 30px;
		max-width: 120px;
	}

	header.topo #right{
		float: none;
		display: table;

		margin: 0 auto;
	}

	header.topo #btn-solicitar-orcamento{
		float: none;
		font-size: 14px;
		margin-top: none;
		margin: 25px auto 0 auto;

		line-height: 40px;
		height: 40px;
		width: 192px;
	}

	header nav#menu{
		float: none;

		margin-top: 20px;
	}

	header nav#menu ul{}

	header nav#menu ul li{
		font-size: 16px;

		margin-left: 20px;
		height: 24px;
	}

	#menu-topo-desktop{
		display: none;
	}

	#menu-topo-mobile{
		display: table;

		margin: 0 auto 20px auto;
	}
	/******************** Atribuições Topo **********************/

	/******************** Atribuições Footer **********************/
	footer#rodape{
		box-shadow: 0px -20px 35px rgba(15, 15, 15, 0.15);

		padding: 30px 0 20px 0;
	}

	/*footer#rodape #left{
		float: left;
		width: 50%;
	}*/

	footer#rodape .columns-rdp{

	}

	footer#rodape .columns-rdp .column{
		float: none;

		text-align: center;
		margin-bottom: 30px;
		width: 100%;
	}

	footer#rodape .columns-rdp .column p{
		font-size: 14px;
		line-height: 21px;
	}

	footer#rodape .columns-rdp .column-menu{
		margin-bottom: 0;
	}

	footer#rodape .columns-rdp .column nav.menu-rodape ul li{
		font-size: 14px;

		margin-bottom: 10px;
	}

	footer#rodape .columns-rdp .column .redes-rdp{
		display: table;
		float: none;

		margin: 0 auto;
	}

	footer#rodape .columns-rdp .column .rede-rdp{
		float: left;

		margin-left: 20px;
	}


	footer#rodape .left{
		float: none;
		font-size: 14px;
		margin-top: 15px;

		text-align: center;
	}

	footer#rodape .right{
		float: none;
		font-size: 14px;

		margin-top: 0;
		text-align: center;
		width: 100%;	
	}
	/******************** Atribuições Footer **********************/

	/* banner */
	.banner{
	    height: auto;
	}

	.banner .content-banner{
		text-align: center;
	    margin: 0 auto;
	    float: none;
	    padding: 30px 0 0 0;
	    width: 280px;
	}

	.banner .content-banner h1{
	    font-size: 36px;
	    line-height: 45px;
	}

	.banner .content-banner h1 span{
	    font-size: 45;
	    line-height: 120px;
	}

	.banner .content-banner .btn-banner{
	    font-size: 16px;
	    margin-top: 15px;
	    line-height: 50px;
	    height: 50px;
	    width: 100%;
	}

	.banner .content-banner .btn-banner:hover{
	    background-color: #FFF500;
	    color: #000;
	}
	/* banner */

	/* sobre nós  */
	#sobre-nos{
	    padding: 40px 0 0 0;
	}

	#sobre-nos .left{
	    float: none;

	    width: 100%;
	}

	#sobre-nos .left h2{
	    font-size: 20px;
	    line-height: 22px;
	    text-align: center;
	}

	#sobre-nos .left h1{
	    font-size: 36px;
	    line-height: 45px;
	    text-align: center;
	}

	#sobre-nos .right{
	    float: none;

	    width: 100%;
	}

	#sobre-nos .right p{
	    font-size: 18px;
	    line-height: 26px;

	    margin: 35px 0 35px 0;
	    text-align: center;
	}

	#sobre-nos .right span{
	    font-size: 18px;
	    line-height: 22px;
	    margin: 0 auto;
	}

	#sobre-nos .right span i{
	    margin-left: 10px;
	}
	/* sobre nós  */

	/* nossas areas  */
	#nossas-areas{
	    padding: 80px 0 60px 0;
	}

	#nossas-areas .left{
	    float: none;
	    width: 100%;
	}

	#nossas-areas .left h1{
	    font-size: 20px;
	    line-height: 24px;
	    text-align: center;
	}

	#nossas-areas .left .line-nossas-areas{
	    margin: 30px 0 30px 0;
	    height: 2px;
	    width: 100%;
	}

	#nossas-areas .left ul{
	    
	}

	#nossas-areas .left ul li{
	    background-repeat: no-repeat;
	    background-position: left;
	    font-size: 30px;
	    line-height: 50px;
	    display: table;
	    margin-bottom: none;
	    margin: 0 auto 20px auto;
	    padding-left: 40px;
	}

	#nossas-areas .left .link-nossas-areas{
	    display: none;
	}

	#nossas-areas .left .link-nossas-areas span{
	    color: #FFF500;
	    float: left;
	    display: table;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 500;
	    font-size: 22px;
	    line-height: 28px;
	    letter-spacing: -0.02em;

	}

	#nossas-areas .left .link-nossas-areas i{
	    color: #FFF500;
	    float: right;
	    font-size: 38px;
	    line-height: 56px;

	    margin-left: 13px;
	}

	#nossas-areas .right{
	    float: none;
	    width: 100%;
	}

	#nossas-areas .right .itens-nossas-areas{
	    margin-top: 40px;
	}

	#nossas-areas .right .itens-nossas-areas .item{
	    /*background: #D9D9D9;*/
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;

	    float: left;

	    margin: 0 1% 10px 1%;
	    height: 250;
	    width: 48%;
	}
	/* nossas areas  */


	/* orcamento */
	#orcamento{
	    padding: 30px 0 30px 0;
	}

	#orcamento .left{
	    float: none;
	    display: none;

	    width: 100%;
	}

	#orcamento .right{
	    float: none;

	    padding: 0;
	    width: 100%;
	}

	#orcamento h1{
	    font-size: 36px;
	    line-height: 45px;
	    margin-bottom: 20px;
	}

	#orcamento form#form-orcamento{
	/*    margin: 25px auto 0 auto;*/

	    width: 100%;
	}

	#orcamento form#form-orcamento .float-form{
	    width: 47%;
	}

	#orcamento form#form-orcamento .form-left{
	    float: left;
	}

	#orcamento form#form-orcamento .form-right{
	    float: right;
	}

	#orcamento form#form-orcamento label{
	    color: #FFFFFF;
	    display: block;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 500;
	    font-size: 20px;
	    /* identical to box height */

	    letter-spacing: -0.02em;
	    
	/*    margin-bottom: 5px;*/
	}

	#orcamento form#form-orcamento input[type="text"],
	#orcamento form#form-orcamento select,
	#orcamento form#form-orcamento textarea,
	#orcamento form#form-orcamento input[type="email"]{
	    border: 0;
	    border-bottom: 1px solid #868686;
	    background-color: transparent;
	    box-sizing: border-box;
	    
	    color: #fff;
	    font-size: 16px;

	    margin-bottom: 20px;
	    padding: 5px 5px 5px 0;

	    height: 40px;
	    width: 100%;
	}

	#orcamento form#form-orcamento select{
	    background: url(../img/arrow-bottom.png) no-repeat right transparent;
	    -webkit-appearance: none;
	    background-position-x: 475px;
	}

	#orcamento form#form-orcamento textarea{
	    resize: none;

	    height: 50px;
	    width: 100%;
	}

	#orcamento form#form-orcamento input[type="submit"]{
	    background: transparent;
	    background-image: url(../img/arrow-right.png);
	    background-repeat: no-repeat;
	    background-position: right;
	    border: 0;
	    color: #FFF500;
	    cursor: pointer;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 600;
	    font-size: 20px;
	    line-height: 26px;
	    letter-spacing: -0.02em;

	    margin-top: 20px;
	    text-align: left;

	    width: 80px;
	}

	#orcamento form#form-orcamento input[type="submit"]:hover{
	    border-bottom: 1px solid #FFF500;
	}
	/* orcamento */

	/* Internas */
	.topo-internas{
	    padding: 40px 0 40px 0;
	}

	.topo-internas h1{
	    font-size: 36px;
	}

	.topo-internas p{
	    font-size: 18px;
	    line-height: 24px;
	    margin-top: 15px;
	}

	/* Serviços */
	.servicos{

	}

	.servicos .itens-servicos{
	    padding: 0 0 30px 0;
	}

	.servicos .itens-servicos .item{
	    float: none;
	    padding: 65px;

	    margin: 0 0 15px 0;
	    height: auto;
	    width: 100%;
	}

	.servicos .itens-servicos .item img{
	    margin-bottom: 20px;
	}

	.servicos .itens-servicos .item h2{
	    color: #FFFFFF;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 600;
	    font-size: 22px;
	    line-height: 28px;
	    letter-spacing: -0.02em;

	    margin: 25px 0 20px 0;
	}

	.servicos .itens-servicos .item p{
	    color: #868686;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 400;
	    font-size: 18px;
	    line-height: 27px;
	    letter-spacing: -0.02em;
	}


	.nossos-cases{
	    padding: 0 0 20px 0;
	}

	.nossos-cases .left{
	    display: table;
	    float: left;
	}

	.nossos-cases h2{
	    font-size: 20px;
	    line-height: 24px;
	}

	.nossos-cases h1{
	    font-size: 36px;
	    line-height: 45px;
	}

	.nossos-cases span{
	    font-size: 18px;
	    line-height: 24px;
	    margin-top: 20px;
	}

	.nossos-cases span i{
	    margin-left: 10px;
	}


	.nossos-cases .itens-trabalhos{
	    margin: 30px 0 0 0;
	}

	.nossos-cases .itens-trabalhos br{
		display: none;
	}

	.nossos-cases .itens-trabalhos .item{
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    border-radius: 10px;
	    height: 392px;
	}

	.nossos-cases .itens-trabalhos .item-menor{
	    background-image: url(../img/case.png);
	    float: none;
	    
	    margin: 0 0 15px 0;
	    width: 100%;
	}

	.nossos-cases .itens-trabalhos .item .item-hover{
	    background: rgba(0, 0, 0, 0.5);
	    background-image: url(../img/j.png);
	    background-repeat: no-repeat;
	    background-position: 85% 85%;

	    opacity: 0;

	    box-sizing: border-box;
	    border-radius: 10px;
	    padding: 40px 32px 40px 32px;

	    position: absolute;
	    height: 100%;
	    width: 100%;
	}

	.nossos-cases .itens-trabalhos .item .item-hover h3{
	    color: #FFFFFF;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 600;
	    font-size: 30px;
	    line-height: 38px;
	    letter-spacing: -0.02em;
	}

	.nossos-cases .itens-trabalhos .item .item-hover h4{
	    color: #FFF500;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 500;
	    font-size: 20px;
	    line-height: 26px;
	    letter-spacing: -0.02em;
	}

	.nossos-cases .itens-trabalhos .item .item-hover span{
	    color: #F5F4F4;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 600;
	    font-size: 18px;
	    line-height: 23px;
	    letter-spacing: -0.02em;

	    bottom: 40px;
	    position: absolute;
	}

	.nossos-cases .itens-trabalhos .item .item-hover span i{
	    margin-left: 15px;
	}

	.nossos-cases .itens-trabalhos .item-maior{
	    background-image: url(../img/case-maior.png);
	    background-size: contain;
	    margin: 0 0% 0 0%;
	    height: 277px;
	    width: 100%;
	}
	/* Serviços */


	/* Cases  */
	.cases{
	    padding: 0 0 30px 0;
	}

	.cases .categorias{

	}

	.cases .categorias .itens-categorias{

	}

	.cases .categorias .itens-categorias .item{
		display: table;
	    float: none;
	    font-size: 18px;
	    line-height: 24px;
	    height: 32px;
	    margin-right: 0;
	    margin: 0 auto 10px auto;
	}

	.cases .categorias .itens-categorias .item:last-of-type{
	    margin-right: auto !important;
	}

	.cases .categorias .itens-categorias .item:hover{
	    color: #FFF500;
	}

	.cases .categorias .itens-categorias .item:hover .line-hover{
	    display: block;
	}

	.cases .itens-trabalhos{
	    margin: 20px 0 0 0;
	}

	.cases .itens-trabalhos .item{
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    border-radius: 10px;
	    float: none;
	    height: 392px;

	    margin: 0 0 15px 0;
	}

	.type-one{ 
	    background-image: url(../img/case.png);
	    width: 100%; 
	}
	.type-two{ 
	    background-image: url(../img/case.png);
	    width: 100%; 
	}
	.type-three{ 
	    background-image: url(../img/case-maior.png);
    	background-size: contain !important;
	    height: 280px !important;
	    width: 100%; 
	}

	.cases .itens-trabalhos .item .item-hover{
	    background: rgba(0, 0, 0, 0.5);
	    background-image: url(../img/j.png);
	    background-repeat: no-repeat;
	    background-position: 85% 85%;

	    opacity: 0;

	    box-sizing: border-box;
	    border-radius: 10px;
	    padding: 40px 32px 40px 32px;

	    position: absolute;
	    height: 100%;
	    width: 100%;
	}

	.cases .itens-trabalhos .item:hover .item-hover{
	    opacity: 1;
	}

	.cases .itens-trabalhos .item .item-hover h3{
	    color: #FFFFFF;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 600;
	    font-size: 30px;
	    line-height: 38px;
	    letter-spacing: -0.02em;
	}

	.cases .itens-trabalhos .item .item-hover h4{
	    color: #FFF500;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 500;
	    font-size: 20px;
	    line-height: 26px;
	    letter-spacing: -0.02em;
	}

	.cases .itens-trabalhos .item .item-hover span{
	    color: #F5F4F4;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 600;
	    font-size: 18px;
	    line-height: 23px;
	    letter-spacing: -0.02em;

	    bottom: 40px;
	    position: absolute;
	}
	.cases .itens-trabalhos .item .item-hover span:hover{
	    font-weight: 700;
	}

	.cases .itens-trabalhos .item .item-hover span i{
	    margin-left: 15px;
	}
	/* Cases */


	/* A Joy */
	.a-joy{
	    padding: 40px 0 40px 0;
	}

	.a-joy h1{
	    font-size: 36px;
	    margin-bottom: 15px;
	    text-align: center;
	}

	.a-joy .left{
	    box-sizing: border-box;
	    float: none;
	    padding-top: 0;
	    padding-right: 0;
	    width: 100%;
	}

	.a-joy .right{
	    box-sizing: border-box;
	    float: none;

	    padding-top: 0;
	    padding-left: 0;
	    width: 100%;
	}

	.a-joy p{
	    font-size: 18px;
	    line-height: 26px;
	}

	.a-joy .line-joy{
	    border: 1px solid #3E3D3D;
	    float: none;

	    margin: 25px 0;

	    width: 100%;
	    height: 0px;
	}


	.list-joy{
	    padding-bottom: 30px;
	}

	.list-joy .itens-joy{
	    
	}

	.list-joy .itens-joy .item{
	    box-sizing: border-box;
	    float: none;

	    margin-right: auto;
	    margin: 0 auto;

	    padding-bottom: 50px;
	    width: 70%;
	}

	.list-joy .itens-joy .item:last-of-type{
	    margin-right: auto !important;
	}

	.list-joy .itens-joy .item h2{
	    background-repeat: no-repeat;
	    background-position: left;
	    box-sizing: border-box;
	    color: #FFFFFF;

	    font-family: 'Montserrat';
	    font-style: normal;
	    font-weight: 600;
	    font-size: 22px;
	    line-height: 27px;
	    letter-spacing: -0.02em;

	    margin-bottom: 25px;

	    padding-left: 48px;
	}

	.list-joy .itens-joy .item p{
	    box-sizing: border-box;
	    color: #868686;

	    font-family: 'Montserrat';
	    font-style: normal;
	    font-weight: 400;
	    font-size: 18px;
	    line-height: 27px;
	    letter-spacing: -0.02em;

	    padding-left: 48px;
	}


	.colaboradores .itens-colaboradores .item {
	    width: 50%;
	}


	/* dados contato */
	.dados-contato{

	}

	.dados-contato .itens-contato{
	    
	}

	.dados-contato .itens-contato .item{
	    float: none;

	    text-align: center;
	    margin: 0 auto 50px auto;
	    width: 70%;
	}

	.dados-contato .itens-contato .item h2{
	    color: #868686;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 400;
	    font-size: 18px;
	    line-height: 27px;
	    letter-spacing: -0.02em;
	    margin: 20px 0 10px 0;
	}

	.dados-contato .itens-contato .item p{
	    color: #FFFFFF;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 600;
	    font-size: 20px;
	    line-height: 33px;
	    letter-spacing: -0.02em;
	}
	/* dados contato */

	/* orcamento */
	#contato{
	    background-image: url(../img/bg-contato.png);
	    background-repeat: no-repeat;
	    background-position: center bottom;
	    padding: 50px 0 50px 0;

	    min-height: 595px;
	}

	#contato .right{
	    float: none;
	    display: none;
	    width: 100%;
	}

	#contato .left{
	    float: none;

	    padding: 20px 0 0 0;
	    width: 100%;
	}

	#contato h1{
	    font-size: 36px;
	    line-height: 45px;
	    margin-bottom: 20px;
	}

	#contato form#form-orcamento{
	    width: 100%;
	}

	#contato form#form-orcamento .float-form{
	    width: 47%;
	}

	#contato form#form-orcamento .form-left{
	    float: left;
	}

	#contato form#form-orcamento .form-right{
	    float: right;
	}

	#contato form#form-orcamento label{
	    color: #FFFFFF;
	    display: block;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 500;
	    font-size: 20px;
	    /* identical to box height */

	    letter-spacing: -0.02em;
	    
	/*    margin-bottom: 5px;*/
	}

	#contato form#form-orcamento input[type="text"],
	#contato form#form-orcamento select,
	#contato form#form-orcamento textarea,
	#contato form#form-orcamento input[type="email"]{
	    border: 0;
	    border-bottom: 1px solid #868686;
	    background-color: transparent;
	    box-sizing: border-box;
	    
	    color: #fff;
	    font-size: 16px;

	    margin-bottom: 20px;
	    padding: 5px 5px 5px 0;

	    height: 40px;
	    width: 100%;
	}

	#contato form#form-orcamento input[type="text"]::placeholder,
	#contato form#form-orcamento select::placeholder,
	#contato form#form-orcamento textarea::placeholder,
	#contato form#form-orcamento input[type="email"]::placeholder{
	    color: #868686;
	    font-size: 16px;
	}

	#contato form#form-orcamento select{
	    background: url(../img/arrow-bottom.png) no-repeat right transparent;
	    -webkit-appearance: none;
	    background-position-x: 475px;
	}

	#contato form#form-orcamento select option{
	    color: #000;
	}

	#contato form#form-orcamento textarea{
	    resize: none;

	    height: 50px;
	    width: 100%;
	}

	#contato form#form-orcamento input[type="submit"]{
	    background: transparent;
	    background-image: url(../img/arrow-right.png);
	    background-repeat: no-repeat;
	    background-position: right;
	    border: 0;
	    color: #FFF500;
	    cursor: pointer;

	    font-family: 'Space Grotesk';
	    font-style: normal;
	    font-weight: 600;
	    font-size: 20px;
	    line-height: 26px;
	    letter-spacing: -0.02em;

	    margin-top: 20px;
	    text-align: left;

	    width: 80px;
	}

	#contato form#form-orcamento input[type="submit"]:hover{
	    border-bottom: 1px solid #FFF500;
	}
	/* orcamento */



	/* Case */
	.case{
	    padding: 40px 0 50px 0;
	}

	.case .voltar-cases{
	    font-size: 18px;
	    line-height: 23px;
	    height: 29px;
	}

	.case .voltar-cases i{
	    margin-right: 5px;
	}

	.case .topo-case br{
		display: none;
	}

	.case .topo-case .left{
	    float: none;
	    width: 100%;
	}

	.case .topo-case .left h1{
	    font-size: 36px;
	    line-height: 45px;
	    margin: 10px 0 15px 0;
	}

	.case .topo-case .left p{
	    font-size: 18px;
	    line-height: 26px;
	}

	.case .topo-case .right{
	    float: none;
	    width: 100%;
	}

	.case .topo-case .right img{
	    max-width: 100%;
	}


	.case .imagens-case{
	    margin-top: 15px;
	}

	.case .imagens-case img{
	    margin-bottom: 15px;
	    max-width: 100%;
	}

	.case .imagens-case .image-100{
	    width: 100%;
	}

	.case .imagens-case .image-50{
	    width: 100%;
	}

	.case .imagens-case .img-left{
	    float: none;
	}

	.case .imagens-case .img-right{
	    float: none;
	}

	/* Case */

}