@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300');
@import url('https://fonts.googleapis.com/css?family=Raleway:300');
@import url('resize.css');
@import url("menu/mobile.css");
@import url("dropador.css");
@import url("totop.css");
@import url("modal.css");

@font-face {font-family: champagne; src: url(champagne.ttf);}
@font-face {font-family: champagneb; src: url(champagneb.ttf);}

body {font-size: 12px; font-family: verdana; background: #fff top center; margin: auto; overflow-x: hidden;}

input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

img {border: 0;}

#popupx {width: 150px; height: 150px; float: left; margin: 150px 0 0 90%; position: fixed; z-index: 10; display: block;}
#faca-seu-orcamento {width: 150px; height: auto; float: right; margin: 0 0 0 0; display: block; overflow: hidden;}

#invisible {width: 100%; height: auto; float: left; margin: -130px 0 0 0; position: relative; z-index: 5;}

.email-enviadox {width: 300px; float: none; color: #fff; font: 15px 'champagne'; text-align: center;}
.email-enviadox {padding: 10px 0 10px 0; margin: 15px auto 15px auto; background: #99c316;}

.cut1 :nth-child(3n){margin-right: 0!important;}
.cut2 :nth-child(2n){margin-right: 0!important;}
.cut3 :nth-child(4n){margin-right: 0!important;}

.alinha1 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; font-weight: bold;}
.alinha1 {margin: 20px 0 0 0;}
.alinha2 {width: 85%; float: left; color: #fff; font: 75px 'champagne'; text-align: left; font-weight: bold;}
.alinha2 {margin: 120px 0 0 50px;}
.alinha3 {width: 85%; float: left; color: #fff; font: 35px 'Montserrat'; text-align: left;}
.alinha3 {margin: 0 0 0 50px;}
.alinha4 {width: 100%; float: left; color: #0f374d; font: 30px 'champagne'; text-align: center;}
.alinha5 {width: 100%; float: left; color: #0f374d; font: 16px 'champagne'; text-align: center;}
.alinha6 {width: 100%; float: left; color: #0f374d; font: 25px 'champagne'; text-align: left;}
.alinha7 {width: 100%; float: left; color: #fff; font: 25px 'champagne'; text-align: left; margin: 115px 0 0 0;}
.alinha8 {width: 100%; float: left; color: #fff; font: 15px 'champagne'; text-align: left;}
.alinha9 {width: 100%; float: left; color: #0f374d; font: 30px 'champagne'; text-align: center;}
.alinha10 {width: 100%; float: left; color: #01011f; font: 18px 'Raleway'; text-align: center;}
.alinha11 {width: 100%; float: left; color: #0f374d; font: 25px 'champagne'; text-align: center; display: none;}
.alinha12 {width: 100%; float: left; color: #fff; font: 50px 'champagneb'; text-align: left;}
.alinha13 {float: left; color: #ce8908; font: 45px 'champagneb'; text-align: left;}
.alinha14 {width: 100%; float: left; color: #fff; font: 25px 'Montserrat'; text-align: left; margin: 20px 0 0 0}
.alinha15 {width: 100%; float: left; color: #000032; font: 33px 'Montserrat'; text-align: center; margin: 15px 0 0 0}
.alinha16 {width: 100%; float: left; color: #000032; font: 20px 'Montserrat'; text-align: center; margin: 15px 0 0 0}
.alinha17 {width: 100%; float: left; color: #000032; font: 23px 'Montserrat'; text-align: center; margin: 25px 0 0 0}
.alinha18 {float: left; color: #010221; font: 50px 'champagne';}
.alinha0018 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; display: none; text-align: center;}
.alinha19 {float: left; color: #ce8908; font: 50px 'champagne';}
.alinha0019 {width: 100%; float: left; color: #7da30a; font: 50px 'champagne'; display: none; text-align: center;}
.alinha20 {width: 100%; float: left; color: #010221; font: 30px 'champagne'; text-align: center; margin: 0 0 0 0;}
.alinha21 {float: left; color: #010221; font: 30px 'champagne';}
.alinha22 {float: left; color: #ce8908; font: 30px 'champagne'; margin: 0 10px 0 10px;}
.alinha23 {width: 100%; float: left; color: #010221; font: 18px 'champagne'; text-align: center; margin-bottom: 50px;}
.alinha24 {width: 100%; float: left; color: #010221; font: 30px 'champagne'; text-align: center; margin: 20px 0 50px 0;}
.alinha25 {width: 80%; float: left; color: #010221; font: 20px 'champagne'; text-align: left; margin: 0 0 15px 0;}
.alinha26 {width: 80%; float: left; color: #010221; font: 20px 'champagne'; text-align: left; margin: 0 0 15px 30px;}
.alinha27 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; text-align: center;}
.alinha28 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; margin: 8px 0 0 0;}
.alinha29 {float: left; color: #010221; font: 50px 'champagne';}
.alinha30 {float: left; color: #ce8908; font: 50px 'champagne';}
.alinha31 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; margin: 0 0 0 0;}
.alinha32 {width: 100%; float: left; color: #010221; font: 30px 'champagne'; text-align: center; margin: 0 0 30px 0;}
.alinha33 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: block}
.alinha34 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: none}
.alinha35 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; text-align: center; display: none;}
.alinha36 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; text-align: center; margin: 50px 0 25px 0}
.alinha37 {height: auto; float: left; color: #fff; font: 18px 'champagne'; text-align: left; display: block;}
.alinha37 {background: #ce8908; padding: 10px 20px 10px 20px; margin: 20px 0 0 0; cursor: pointer; overflow: hidden;}
.alinha37:hover {background: #ce8908; color: white; transition: .5s;}
.alinha38 {width: 300px; height: auto; float: none; color: #fff; font: 18px 'champagne'; text-align: left; display: none;}
.alinha38 {background: #ce8908; padding: 10px 20px 10px 20px; margin: 20px auto 0 auto; cursor: pointer; overflow: hidden;}
.alinha38:hover {background: #ce8908; color: white; transition: .5s;}
.alinha39 {width: 100%; float: left; color: #6d6d6d; font: 30px 'champagne'; text-align: center; margin: 30px 0 0 0;}
.alinha40 {width: 100%; float: left; color: #6d6d6d; font: 25px 'champagne'; text-align: center;}
.alinha41 {width: 100%; float: left; color: #6d6d6d; font: 20px 'champagne'; text-align: center; margin: 20px 0 0 0;}

#grid0 {float: left;}
#grid1 {width: 6.2%; margin-right: 20px;}
#grid2 {width: 14.2%; margin-right: 20px;}
#grid3 {width: 23.1%; height: 18em; float: left; margin: 0 20px 20px 0; overflow: hidden;}
#grid4 {width: 31.5%; height: auto; float: left; margin: 0 20px 0 0;}
#grid4A {width: 33%; height: 245px; float: left; padding: 30px 0 30px 0;}
#grid4A {background-image: linear-gradient(to top, #f8f8f8, #ffffff);}
#grid4B {width: 33%; height: 245px; float: left; padding: 30px 0 30px 0;}
#grid4B {background-image: linear-gradient(to top, #ffffff, #f8f8f8);}
#grid4C {width: 33%; height: 235px; float: left; padding: 30px 0 30px 0;}
#grid4C {background-image: linear-gradient(to top, #f8f8f8, #ffffff);}
#grid4D {width: 33%; height: 235px; float: left; padding: 30px 0 30px 0;}
#grid4D {background-image: linear-gradient(to top, #ffffff, #f8f8f8);}
#grid4E {width: 31.5%; height: auto; float: left; margin: 0 20px 30px 0; padding-bottom: 20px; border-bottom: 3px #ddd solid;}
#grid4F {width: 31.5%; height: auto; float: left; margin: 0 20px 30px 0; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
#grid4G {width: 31%; float: left; margin: 0 20px 20px 0; overflow: hidden;}
#grid4H {width: 31%; float: right; margin: 20px 25px 80px 0; overflow: hidden;}
#grid4I {width: 305px; float: left; margin: 10px 0 0 0; overflow: hidden;}
#grid5 {width: 40.1%; height: 100%; float: left; overflow: hidden;}
#grid5A {width: 40.1%; height: auto; float: right; overflow: hidden;}
#grid6 {width: 48.1%; height: auto; float: right; margin: 80px 0 0 0}
#grid6A {width: 48.1%; height: auto; float: left; margin: 0 20px 30px 0; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
#grid6B {width: 48.1%; height: auto; float: left; margin: 0 20px 30px 0; overflow: hidden;}
#grid7 {width: 57.1%; height: auto; float: right; margin: 30px 0 0 0;}
#grid7A {width: 57.1%; height: auto; float: left; margin: 30px 0 0 0;}
#grid8 {width: 65%; height: auto; float: right; margin: 20px 0 0 0;}
#grid9 {width: 74%; margin-right: 20px;}
#grid10 {width: 82%; margin-right: 20px;}
#grid11 {width: 91%; margin-right: 20px;}
#grid12 {width: 100%; height: auto; float: left;}
#xxx {float: left;}
.row {margin: 0;padding: 0;font-family: Arial, sans-serif;display: flex;flex-wrap: wrap;}
.container {display: flex;flex-direction: column;flex: 1; max-width: 50%;box-sizing: border-box;padding: 0 10px;}
.image {max-width: 100%;height: auto;}

a:link {color: #fff; text-decoration: none;}
a:visited {color: #fff; text-decoration: none;}
a:hover  {text-decoration: none; color: #bbf400;}

a.linkdois:link {color: #fff; text-decoration: none; padding: 5px 0 5px 0}
a.linkdois:visited {color: #fff; text-decoration: none; padding: 5px 0 5px 0}
a.linkdois:hover  {text-decoration: none; color: #fff; padding: 5px 0 5px 0}

a.linktres:link {color: #fff; text-decoration: none;}
a.linktres:visited {color: #fff; text-decoration: none;}
a.linktres:hover  {text-decoration: none; color: #fff; border-bottom: 3px #ce8908 solid;}

a.linkqtro:link {color: #fff; text-decoration: none;}
a.linkqtro:visited {color: #fff; text-decoration: none;}
a.linkqtro:hover  {text-decoration: none; color: #ce8908;}

a.linkcinco:link {color: #010221; text-decoration: none;}
a.linkcinco:visited {color: #010221; text-decoration: none;}
a.linkcinco:hover  {text-decoration: none; color: #ce8908;}

#topo {width: 100%; height: auto; float: left; display: block; margin-top: -15px;}
#topo2 {width: 100%; height: 130px; float: left; display: block; margin-top: -15px;}
#topo2 {background: url("img/topo.jpg") top center;}
#menu-mobilex {width: 100%; height: 100%; float: left; display: none; margin-top: -15px;}
#menu-mobilex-center {width: 100%; height: 46px; float: left; padding: 16px 0 16px 0; background: #ce8908;}

#logo-menu-whats {width: 100%; height: 120px; float: left; position: absolute; z-index: 9;}
.logo {width: 250px; height: auto; float: left; margin: 30px 0 0 0; overflow: hidden;}

.logo-whatsapp {width: 50px; height: 45px; float: right; margin: 0 0 0 5px; overflow: hidden;}
.logo-whatsapp-icon {width: 50px; height: auto; float: left; position: relative; z-index: 9;}
.logo-instaface {width: 45px; height: auto; float: right; margin: 3px 0 0 5px; overflow: hidden;}

#redex-sociaix-mobilex {width: 185px; height: auto; float: none; margin: 20px auto 0 auto; display: none; overflow: hidden;}
.redex-sociaix-mobilex-icon {width: 50px; height: auto; float: left; margin: 0 5px 0 5px; overflow: hidden;}

#menu {width: 65%; height: auto; float: right; margin: 10px 0 0 0;}
.menu-link {float: right; color: #fff; font: 20px 'champagne'; font-weight: bold; margin: 0 0 0 20px;}

.menunavigation {width: 100%; height: 130px; float: left; position: fixed; opacity: 0; background: #ce8908;}
.menunavigation {z-index: 8; padding: 0 0 0 0; margin: -15px 0 0 0; display: block;}

#carrossel {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
#carrossel-mobile {width: 100%; height: 100%; float: left; display: none; overflow: hidden;}

.tag {width: 470px; height: auto; float: none; margin: -400px auto 0 auto; position: relative; z-index: 5; overflow: hidden;}

#competencias {width: 100%; height: auto; float: left; margin: 0 0 0 0;}
#competencias {background-image: linear-gradient(to down, #f8f8f8, #fff);}
#competencias-center {height: auto; float: none; margin: 0 auto 0 auto; display: flex; padding: 20px 0px;}
#competencias-center .img{width: 70%; padding: 20px; display: inline-block;}
#competencias-center p{width: 930px; display: inline-block; text-align: justify;}
.competencias-icon-site {width: 130px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.competencias-icon-mkt {width: 130px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.competencias-icon-360 {width: 130px; float: none; margin: -5px auto 0 auto; overflow: hidden;}
.competencias-icon-arte {width: 140px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.competencias-icon-artista {width: 90px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.competencias-icon-foto {width: 130px; float: none; margin: 0 auto 0 auto; overflow: hidden;}

.competencias-line {width: 90px; height: 2px; float: none; margin: 10px auto 0 auto; background: #0e2634}
.competencias-txt {width: 240px; height: auto; float: none; margin: 10px auto 0 auto;}
.competencias-txt {color: #474747; font: 15px 'champagne'; text-align: center;}

#institucional {width: 100%; height: 425px; float: left; background: url("img/institucional.jpg") top center no-repeat;}

#clientes {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 50px 0 30px 0;}
#clientes {background-image: linear-gradient(to top, #fdfdfd, #fdfdfd);}
#clientes-carrossel {width: 100%;  height:  300px; float: left; margin: 30px 0 0 0; overflow: hidden;}
.clientes-carrossel-logo {width: 85%; height:  300px; float: none; margin: 0 auto 0 auto; overflow: hidden;}

#ultimo-website {width: 100%; height: 485px; float: left; margin: -5px 0 0 0;}
#ultimo-website {background: url("img/website.jpg") top center; overflow: hidden;}
#ultimo-website-float {float: left;}
#ultimo-website-site {width: 460px; height: 372px; float: left; margin: 70px 0 0 0; overflow: hidden;}
.ultimo-website-mac {width: 460px; height: 372px; float: left; z-index: 6; position: absolute; overflow: hidden;}
.ultimo-website-foto {width: 455px; height: 260px; float: none; z-index: 7; position: relative; overflow: hidden; margin: 5px auto 0 auto;}

#taestourado {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 50px 0 0 0;}
#taestourado {background-image: linear-gradient(to top, #f8f8f8, #fff);}
.taestourado-logo {width: 85px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.taestourado-foto {width: 100%; height: auto; float: left; margin: 60px 0 0 0; display: block; overflow: hidden;}
.taestourado-foto-mobile {width: 100%; float: left; margin: 60px 0 0 0; overflow: hidden; display: none}
.taestourado-icon-faceinsta {width: 175px; float: none; margin: 0 auto 0 auto; overflow: hidden;}

.tourvirtual-foto {width: 100%; height: auto; float: left; margin: 60px 0 0 0; display: block; overflow: hidden;}
.invisible-container {width: 100%; margin: 0 0 0 0;}
.invisible-container iframe {width: 100%; display: block; pointer-events: none; position: relative;}
.invisible-container iframe.clicked {pointer-events: auto; events: auto;}

#realizar-projeto-xxx {float: left;}
#realizar-projeto {width: 100%; height: auto; float: left; margin: 0 0 0 0; padding: 70px 0 80px 0;}
#realizar-projeto {background: url("img/atendimento.jpg") top center; overflow: hidden;}
.realizar-projeto-whats {width: 35px; height: auto; float: left; margin: 7px 0 0 10px; overflow: hidden;}

#infos {width: 100%; height: auto; float: left; background: white; padding: 70px 0 80px 0}
.infos-logo {width: 140px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}

#footer {width: 100%; height: 100%; float: left; background: #ce8908; padding: 30px 0 20px 0; margin: -7px 0 -20px 0;}
#footer-float {width: 100%; height: auto; float: none; margin: 0 auto 0 auto; text-align:  center;}
.footer-icons {height: 55px; display: inline-block; margin: 0 5px 0 5px; overflow: hidden;}





/* LINKS DE DENTRO
***********************************************************/
#servicos-titulo {width: 100%; height: auto; float: left; margin: 80px 0 30px 0;}
#servicos-titulo-websites {width: 570px; float: none; margin: 0 auto 0 auto; display: block;}
#servicos-titulo-marketing {width: 450px; float: none; margin: 0 auto 0 auto; display: block;}
#servicos-titulo-tour {width: 330px; float: none; margin: 0 auto 0 auto; display: block;}
#servicos-titulo-banner {width: 345px; float: none; margin: 0 auto 0 auto; display: block;}
#servicos-titulo-marketing-artistico {width: 510px; float: none; margin: 0 auto 0 auto; display: block;}
#servicos-titulo-fotografia {width: 620px; float: none; margin: 0 auto 0 auto; display: block;}

#servicos-outros-sites {width: 100%; height: auto; float: left; margin: 50px 0 50px 0;}
.servicos-outros-sites-mac {width: 295px; height: 240px; float: left; position: absolute; z-index: 5; overflow: hidden;}
#servicos-outros-sites-foto-center {width: 95%; height: auto; float: none; margin: 0 auto 0 auto;}
.servicos-outros-sites-foto {width: 100%; height: auto; float: left; overflow: hidden; position: relative; z-index: 10; }
.servicos-outros-sites-nome {width:100%; float:left; color:#010221; font:18px 'champagne'; text-align:center; margin-top:10px;}
#servicos-outros-sites-center {width: 295px; height: 250px; float: left; margin: 0 auto 0 auto;}

#servicos-marketing {width: 100%; height: auto; float: left; margin: 80px 0 0 0;}
.servicos-marketing-foto {width: 85%; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.servicos-marketing-nome {width:100%; float:left; color:#010221; font:15px 'champagne'; text-align:center; margin-top: 20px;}

#servicos-tour {width: 100%; height: auto; float: left; margin: 80px 0 0 0;}
.servicos-tour-foto {width: 100%; height: auto; float: left; overflow: hidden;}
.servicos-tour-nome {width: 100%; float: left; color: #010221; font: 15px 'champagne'; text-align: center; margin-top: 30px;}

#servicos-artes-digitais-10k {width: 510px; height: auto; float: none; margin: 30px auto 0 auto;}

#servicos-mkt-artistico {width: 100%; height: auto; float: left; margin: 0 0 60px 0; background: #c4c4c4; overflow: hidden;}
.servicos-mkt-artistico-foto {width: 375px; height: auto; float: left; overflow: hidden;}
.servicos-mkt-artistico-bg {width: 375px; height: auto; float: left; position: relative; z-index: 1; background: #010231;}

#servicos-fotografia {width: 100%; height: auto; float: left; margin: 50px 0 50px 0;}

#menu-taestourado {width: 100%; height: auto; float: left; margin: 80px 0 0 0;}
.menu-taestourado-icon {width: 300px; float: none; margin: 0 auto 20px auto; overflow: hidden;}

.menu-taestourado-icon-youtube {width: 120px; float: none; margin: 0 auto 20px auto; overflow: hidden;}
.menu-taestourado-icon-face-insta {width: 150px; float: none; margin: 0 auto 20px auto; overflow: hidden;}
.menu-taestourado-icon-foguete {width: 130px; float: none; margin: 0 auto 20px auto; overflow: hidden;}

#menu-contato-googlemaps {width: 100%; height: auto; float: left; margin: 0 0 0 0; overflow: hidden;}
.enviar {width:200px; height: 60px; float:right; border: none; color: #fff; font: 20px 'champagne'; background: #99c316;}
.enviar:hover {background: #8ab013; color: white;}
.form1 {width: 97%; height: 40px; border: 0px; background: #e0e0e0; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 5px #99c316 solid;}
.form2 {width: 96%; height: 170px; border: 0px; background: #e0e0e0; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 5px #99c316 solid;}

/* FIM LINKS DE DENTRO
***********************************************************/





/* 
1800px – Desktops com monitores ultrawide
***********************************************************/
@media screen and (max-width: 1800px){
/*! MENU NAVIGATION SCROLL */
.menunavigation {width: 100%; height: 130px; float: left; position: fixed; opacity: 0; background: #ce8908;}
.menunavigation {z-index: 8; padding: 0 0 0 0; margin: -15px 0 0 0; display: block;}
	
/*! MENU */
#menu-mobilex {width: 100%; height: 100%; float: left; display: none; margin-top: -15px;}
	
/*! TAG */
.tag {width: 470px; height: auto; float: none; margin: -350px auto 0 auto; position: relative; z-index: 8; overflow: hidden;}

/*! CARROSSEL */
#carrossel {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
#carrossel-mobile {width: 100%; height: 100%; float: left; display: none; overflow: hidden;}
	
/*! COMPETÊNCIAS PÁGINA INICIAL */
#grid4A {width: 33%; height: 245px; float: left; padding: 30px 0 30px 0;}
#grid4A {background-image: linear-gradient(to top, #f8f8f8, #ffffff);}
#grid4B {width: 33%; height: 245px; float: left; padding: 30px 0 30px 0;}
#grid4B {background-image: linear-gradient(to top, #ffffff, #f8f8f8);}
#grid4C {width: 33%; height: 235px; float: left; padding: 30px 0 30px 0;}
#grid4C {background-image: linear-gradient(to top, #f8f8f8, #ffffff);}
#grid4D {width: 33%; height: 235px; float: left; padding: 30px 0 30px 0;}
#grid4D {background-image: linear-gradient(to top, #ffffff, #f8f8f8);}
	
/*! ÚLTIMO WEBSITE ENTREGUE */
.alinha11 {width: 100%; float: left; color: #0f374d; font: 25px 'champagne'; text-align: center; display: none;}
.alinha38 {width: 300px; height: auto; float: none; color: #fff; font: 18px 'champagne'; text-align: left; display: none;}
.alinha38 {background: #ce8908; padding: 10px 20px 10px 20px; margin: 20px auto 0 auto; cursor: pointer; overflow: hidden;}
.alinha38:hover {background: #84aa0b; color: white; transition: .5s;}
	
/*! PROJETO TÁ ESTOURADO */
.taestourado-foto {width: 100%; height: auto; float: left; margin: 60px 0 0 0; display: block; overflow: hidden;}
.taestourado-foto-mobile {width: 100%; float: left; margin: 60px 0 0 0; overflow: hidden; display: none}
	
/*! DESENVOLVIMENTO DE WEBSITE */
.alinha0018 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; display: none; text-align: center;}
.alinha0019 {width: 100%; float: left; color: #7da30a; font: 50px 'champagne'; display: none; text-align: center;}
	
/*! TOUR VIRTUAL */
#servicos-tour {width: 100%; height: auto; float: left; margin: 80px 0 0 0;}
#grid6A {width: 48.1%; height: auto; float: left; margin: 0 20px 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
	
/*! ARTES DIGITAIS */
#grid3 {width: 23.1%; height: 18em; float: left; margin: 0 20px 20px 0; overflow: hidden;}
.cut3 :nth-child(4n){margin-right: 0!important;}
	
/*! MENU TÁ ESTOURADO */
.alinha33 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: block}
.alinha34 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: none}
	
/*! MENU CONTATO */
.alinha35 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; text-align: center; display: none;}

/*! REDES SOCIAIS MOBILE */
#redex-sociaix-mobilex {width: 185px; height: auto; float: none; margin: 20px auto 0 auto; display: none; overflow: hidden;}
.redex-sociaix-mobilex-icon {width: 50px; height: auto; float: left; margin: 0 5px 0 5px; overflow: hidden;}
}




/* 
1600px – Desktops com monitores ultrawide
***********************************************************/
@media screen and (max-width: 1600px){
/*! POPUP FAÇA SEU ORÇAMENTO */	
#popupx {width: 150px; height: 150px; float: left; margin: 150px 0 0 85%; position: fixed; z-index: 10; display: block;}
#faca-seu-orcamento {width: 150px; height: auto; float: right; margin: 0 0 0 0; display: block; overflow: hidden;}

/*! MENU NAVIGATION SCROLL */
.menunavigation {width: 100%; height: 130px; float: left; position: fixed; opacity: 0; background: #ce8908;}
.menunavigation {z-index: 8; padding: 0 0 0 0; margin: -15px 0 0 0; display: block;}
	
/*! MENU */
#menu-mobilex {width: 100%; height: 100%; float: left; display: none; margin-top: -15px;}
	
/*! TAG */
.tag {width: 470px; height: auto; float: none; margin: -300px auto 0 auto; position: relative; z-index: 8; overflow: hidden;}

/*! CARROSSEL */
#carrossel {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
#carrossel-mobile {width: 100%; height: 100%; float: left; display: none; overflow: hidden;}

/*! COMPETÊNCIAS PÁGINA INICIAL */
#grid4A {width: 33%; height: 245px; float: left; padding: 30px 0 30px 0;}
#grid4A {background-image: linear-gradient(to top, #f8f8f8, #ffffff);}
#grid4B {width: 33%; height: 245px; float: left; padding: 30px 0 30px 0;}
#grid4B {background-image: linear-gradient(to top, #ffffff, #f8f8f8);}
#grid4C {width: 33%; height: 235px; float: left; padding: 30px 0 30px 0;}
#grid4C {background-image: linear-gradient(to top, #f8f8f8, #ffffff);}
#grid4D {width: 33%; height: 235px; float: left; padding: 30px 0 30px 0;}
#grid4D {background-image: linear-gradient(to top, #ffffff, #f8f8f8);}

/*! ÚLTIMO WEBSITE ENTREGUE */
.alinha11 {width: 100%; float: left; color: #0f374d; font: 25px 'champagne'; text-align: center; display: none;}
.alinha38 {width: 300px; height: auto; float: none; color: #fff; font: 18px 'champagne'; text-align: left; display: none;}
.alinha38 {background: #ce8908; padding: 10px 20px 10px 20px; margin: 20px auto 0 auto; cursor: pointer; overflow: hidden;}
.alinha38:hover {background: #ce8908; color: white; transition: .5s;}
	
/*! PROJETO TÁ ESTOURADO */
.taestourado-foto {width: 100%; height: auto; float: left; margin: 60px 0 0 0; display: block; overflow: hidden;}
.taestourado-foto-mobile {width: 100%; float: left; margin: 60px 0 0 0; overflow: hidden; display: none}
	
/*! DESENVOLVIMENTO DE WEBSITE */
.alinha0018 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; display: none; text-align: center;}
.alinha0019 {width: 100%; float: left; color: #7da30a; font: 50px 'champagne'; display: none; text-align: center;}

/*! TOUR VIRTUAL */
#servicos-tour {width: 100%; height: auto; float: left; margin: 80px 0 0 0;}
#grid6A {width: 48.1%; height: auto; float: left; margin: 0 20px 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
	
/*! ARTES DIGITAIS */
#grid3 {width: 23.1%; height: 18em; float: left; margin: 0 20px 20px 0; overflow: hidden;}
.cut3 :nth-child(4n){margin-right: 0!important;}
	
/*! MENU TÁ ESTOURADO */
.alinha33 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: block}
.alinha34 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: none}
	
/*! MENU CONTATO */
.alinha35 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; text-align: center; display: none;}

/*! REDES SOCIAIS MOBILE */
#redex-sociaix-mobilex {width: 185px; height: auto; float: none; margin: 20px auto 0 auto; display: none; overflow: hidden;}
.redex-sociaix-mobilex-icon {width: 50px; height: auto; float: left; margin: 0 5px 0 5px; overflow: hidden;}
}




/* 
1400px – Desktops com monitores ultrawide
***********************************************************/
@media screen and (max-width: 1400px){
/*! POPUP FAÇA SEU ORÇAMENTO */	
#popupx {width: 150px; height: 150px; float: left; margin: 150px 0 0 85%; position: fixed; z-index: 10; display: block;}
#faca-seu-orcamento {width: 150px; height: auto; float: right; margin: 0 0 0 0; display: block; overflow: hidden;}

/*! MENU NAVIGATION SCROLL */
.menunavigation {width: 100%; height: 130px; float: left; position: fixed; opacity: 0; background: #ce8908;}
.menunavigation {z-index: 8; padding: 0 0 0 0; margin: -15px 0 0 0; display: block;}
	
/*! MENU */
#menu-mobilex {width: 100%; height: 100%; float: left; display: none; margin-top: -15px;}
	
/*! TAG */
.tag {width: 450px; height: auto; float: none; margin: -270px auto 0 auto; position: relative; z-index: 8; overflow: hidden;}

/*! CARROSSEL */
#carrossel {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
#carrossel-mobile {width: 100%; height: 100%; float: left; display: none; overflow: hidden;}	

/*! COMPETÊNCIAS PÁGINA INICIAL */
#grid4A {width: 33%; height: 245px; float: left; padding: 30px 0 30px 0;}
#grid4A {background-image: linear-gradient(to top, #f8f8f8, #ffffff);}
#grid4B {width: 33%; height: 245px; float: left; padding: 30px 0 30px 0;}
#grid4B {background-image: linear-gradient(to top, #ffffff, #f8f8f8);}
#grid4C {width: 33%; height: 235px; float: left; padding: 30px 0 30px 0;}
#grid4C {background-image: linear-gradient(to top, #f8f8f8, #ffffff);}
#grid4D {width: 33%; height: 235px; float: left; padding: 30px 0 30px 0;}
#grid4D {background-image: linear-gradient(to top, #ffffff, #f8f8f8);}
	
/*! ÚLTIMO WEBSITE ENTREGUE */
.alinha11 {width: 100%; float: left; color: #0f374d; font: 25px 'champagne'; text-align: center; display: none;}
.alinha38 {width: 300px; height: auto; float: none; color: #fff; font: 18px 'champagne'; text-align: left; display: none;}
.alinha38 {background: #ce8908; padding: 10px 20px 10px 20px; margin: 20px auto 0 auto; cursor: pointer; overflow: hidden;}
.alinha38:hover {background: #ce8908; color: white; transition: .5s;}
	
/*! PROJETO TÁ ESTOURADO */
.taestourado-foto {width: 100%; height: auto; float: left; margin: 60px 0 0 0; display: block; overflow: hidden;}
.taestourado-foto-mobile {width: 100%; float: left; margin: 60px 0 0 0; overflow: hidden; display: none}
	
/*! DESENVOLVIMENTO DE WEBSITE */
.alinha0018 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; display: none; text-align: center;}
.alinha0019 {width: 100%; float: left; color: #ce8908; font: 50px 'champagne'; display: none; text-align: center;}

/*! TOUR VIRTUAL */
#servicos-tour {width: 100%; height: auto; float: left; margin: 80px 0 0 0;}
#grid6A {width: 48.1%; height: auto; float: left; margin: 0 20px 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}

/*! ARTES DIGITAIS */
#grid3 {width: 23.1%; height: 18em; float: left; margin: 0 20px 20px 0; overflow: hidden;}
.cut3 :nth-child(4n){margin-right: 0!important;}
	
/*! MENU TÁ ESTOURADO */
.alinha33 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: block}
.alinha34 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: none}
	
/*! MENU CONTATO */
.alinha35 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; text-align: center; display: none;}

/*! REDES SOCIAIS MOBILE */
#redex-sociaix-mobilex {width: 185px; height: auto; float: none; margin: 20px auto 0 auto; display: none; overflow: hidden;}
.redex-sociaix-mobilex-icon {width: 50px; height: auto; float: left; margin: 0 5px 0 5px; overflow: hidden;}
}




/* 
1200px – Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width: 1200px){
/*! POPUP FAÇA SEU ORÇAMENTO */	
#popupx {width: 150px; height: 150px; float: left; margin: 180px 0 0 83%; position: fixed; z-index: 10; display: block;}
#faca-seu-orcamento {width: 150px; height: auto; float: right; margin: 0 0 0 0; display: block; overflow: hidden;}

/*! MENU NAVIGATION SCROLL */
.menunavigation {width: 100%; height: 130px; float: left; position: fixed; opacity: 0; background: #ce8908;}
.menunavigation {z-index: 8; padding: 0 0 0 0; margin: -15px 0 0 0; display: block;}
	
/*! MENU */
#menu-mobilex {width: 100%; height: 100%; float: left; display: none; margin-top: -15px;}
	
/*! TAG */
.tag {width: 400px; height: auto; float: none; margin: -200px auto 0 auto; position: relative; z-index: 8; overflow: hidden;}

/*! CARROSSEL */
#carrossel {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
#carrossel-mobile {width: 100%; height: 100%; float: left; display: none; overflow: hidden;}

/*! COMPETÊNCIAS PÁGINA INICIAL */
#competencias-center {width: 900px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#grid4A {width: 33.1%; height: 245px; float: left; padding: 30px 0 30px 0;}
#grid4A {background-image: linear-gradient(to top, #f8f8f8, #ffffff);}
#grid4B {width: 33.1%; height: 245px; float: left; padding: 30px 0 30px 0;}
#grid4B {background-image: linear-gradient(to top, #ffffff, #f8f8f8);}
#grid4C {width: 33.1%; height: 235px; float: left; padding: 30px 0 30px 0;}
#grid4C {background-image: linear-gradient(to top, #f8f8f8, #ffffff);}
#grid4D {width: 33.1%; height: 235px; float: left; padding: 30px 0 30px 0;}
#grid4D {background-image: linear-gradient(to top, #ffffff, #f8f8f8);}

/*! INSTITUCIONAL */
#institucional {width: 100%; height: 350px; float: left; background: url("img/institucional.jpg") top center no-repeat;}
.alinha2 {width: 85%; float: left; color: #fff; font: 60px 'champagne'; text-align: left; font-weight: bold;}
.alinha3 {width: 85%; float: left; color: #fff; font: 25px 'Montserrat'; text-align: left;}

/*! ÚLTIMO WEBSITE ENTREGUE */
#grid6 {width: 45%; height: auto; float: right; margin: 80px 0 0 0;}
.alinha11 {width: 100%; float: left; color: #0f374d; font: 25px 'champagne'; text-align: center; display: none;}
.alinha38 {width: 300px; height: auto; float: none; color: #fff; font: 18px 'champagne'; text-align: left; display: none;}
.alinha38 {background: #ce8908; padding: 10px 20px 10px 20px; margin: 20px auto 0 auto; cursor: pointer; overflow: hidden;}
.alinha38:hover {background: #ce8908; color: white; transition: .5s;}
	
/*! DESENVOLVIMENTO DE WEBSITE */
#grid4E {width: 31.5%; height: auto; float: left; margin: 0 20px 30px 0; padding-bottom: 20px; border-bottom: 3px #ddd solid;}
#servicos-outros-sites-center {width: 280px; height: 230px; float: none; margin: 0 auto 0 auto;}
.servicos-outros-sites-mac {width: 278px; height: 230px; float: left; position: absolute; z-index: 5; overflow: hidden;}
#servicos-outros-sites-foto-center {width: 95%; height: auto; float: none; margin: 0 auto 0 auto;}
.servicos-outros-sites-foto {width: 100%; height: auto; float: left; overflow: hidden;  position: relative; z-index: 10;}
	
/*! PROJETO TÁ ESTOURADO */
.taestourado-foto {width: 100%; height: auto; float: left; margin: 60px 0 0 0; display: block; overflow: hidden;}
.taestourado-foto-mobile {width: 100%; float: left; margin: 60px 0 0 0; overflow: hidden; display: none}
	
/*! DESENVOLVIMENTO DE WEBSITE */
.alinha0018 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; display: none; text-align: center;}
.alinha0019 {width: 100%; float: left; color: #7da30a; font: 50px 'champagne'; display: none; text-align: center;}
	
/*! TOUR VIRTUAL */
#servicos-tour {width: 100%; height: auto; float: left; margin: 60px 0 0 0;}
#grid6A {width: 48.1%; height: auto; float: left; margin: 0 20px 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
	
/*! ARTES DIGITAIS */
#grid3 {width: 23.1%; height: 17em; float: left; margin: 0 20px 20px 0; overflow: hidden;}
.cut3 :nth-child(4n){margin-right: 0!important;}
	
/*! MENU TÁ ESTOURADO */
.alinha33 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: block}
.alinha34 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: none}
	
/*! MENU CONTATO */
.alinha35 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; text-align: center; display: none;}

/*! REDES SOCIAIS MOBILE */
#redex-sociaix-mobilex {width: 185px; height: auto; float: none; margin: 20px auto 0 auto; display: none; overflow: hidden;}
.redex-sociaix-mobilex-icon {width: 50px; height: auto; float: left; margin: 0 5px 0 5px; overflow: hidden;}
}




/* 
960px – Tablets no formato paisagem e alguns monitores mais antigos
***********************************************************/
@media screen and (max-width:960px){
/*! POPUP FAÇA SEU ORÇAMENTO */	
#popupx {display: none;}
#faca-seu-orcamento {width: auto; height: auto; float: left; margin: 0 0 0 0; position: relative; z-index: 1; display: none; overflow: hidden;}
.col-sm-12{flex: 0 0 auto; width: 100%;}
/*! TOPO */
#topo2 {width: 100%; height: auto; float: left; display: none; margin: 0 0 0 0;}
	
/*! MENU NAVIGATION SCROLL */
.menunavigation {width: 100%; height: 130px; float: left; position: fixed; opacity: 0; background: #ce8908;}
.menunavigation {z-index: 8; padding: 0 0 0 0; margin: -15px 0 0 0; display: none;}
#competencias-center{display: block;}
#competencias-center .img{width: 100%; padding: 0;}
#competencias-center p {width: 100%;}
	
/*! MENU */
#menu-mobilex {width: 100%; height: auto; float: left; display: block; margin-top: -15px;}

/*! LOGO - MENU - WHATS */
#logo-menu-whats {width: 100%; height: 120px; float: left; position: absolute; z-index: 9; display: none;}	
	
/*! TAG */
.tag {width: 380px; height: auto; float: none; margin: -200px auto 0 auto; position: relative; z-index: 3; overflow: hidden;}
	
/*! CARROSSEL */
#carrossel {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
#carrossel-mobile {width: 100%; height: 100%; float: left; display: none; overflow: hidden;}
	
/*! COMPETÊNCIAS PÁGINA INICIAL */
#competencias-center {width: 700px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#grid4A {width: 33%; height: 245px; float: left; padding: 30px 0 15px 0;}
#grid4A {background-image: linear-gradient(to top, #f8f8f8, #ffffff);}
#grid4B {width: 33%; height: 245px; float: left; padding: 30px 0 15px 0;}
#grid4B {background-image: linear-gradient(to top, #ffffff, #f8f8f8);}
#grid4C {width: 33%; height: 235px; float: left; padding: 30px 0 15px 0;}
#grid4C {background-image: linear-gradient(to top, #f8f8f8, #ffffff);}
#grid4D {width: 33%; height: 235px; float: left; padding: 30px 0 15px 0;}
#grid4D {background-image: linear-gradient(to top, #ffffff, #f8f8f8);}
.alinha1 {width: 100%; float: left; color: #0f374d; font: 18px 'champagne'; text-align: center; margin: 15px 0 0 0;}
.competencias-line {width: 90px; height: 2px; float: none; margin: 10px auto 0 auto; background: #0e2634}
.competencias-txt {width: 170px; height: auto; float: none; margin: 10px auto 0 auto;}
.competencias-txt {color: #474747; font: 11px 'champagne'; text-align: center;}
	
/*! TÍTULO GERAL */
#servicos-titulo {width: 100%; height: auto; float: left; margin: 30px 0 30px 0;}
	
/*! INSTITUCIONAL */
#institucional {width: 100%; height: 300px; float: left; background: url("img/institucional.jpg") top center no-repeat;}
.alinha2 {width: 100%; float: left; color: #fff; font: 60px 'champagne'; text-align: center; font-weight: bold;}
.alinha3 {width: 100%; float: left; color: #fff; font: 35px 'Montserrat'; text-align: center;}
.alinha2 {margin: 70px 0 0 0;}
.alinha3 {margin: 0 0 0 0;}
	
/*! ÚLTIMO WEBSITE ENTREGUE */
#ultimo-website {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 0 0 50px 0;}
#ultimo-website {background: url("img/website.jpg") #00001a top center no-repeat; overflow: hidden;}
#ultimo-website-float {width: 100%; height: auto; float: left;}
#grid6 {width: 100%; height: auto; float: right; margin: 20px 0 0 0;}
#ultimo-website-site {width: 460px; height: 372px; float: none; margin: 30px auto 0 auto; overflow: hidden;}
.alinha6 {width: 100%; float: left; color: #0f374d; font: 25px 'champagne'; text-align: left; display: none;}
.alinha7 {width: 100%; float: left; color: #fff; font: 25px 'champagne'; text-align: center; margin: 20px 0 0 0;}
.alinha8 {width: 100%; float: left; color: #fff; font: 15px 'champagne'; text-align: center;}
.alinha11 {width: 100%; float: left; color: #0f374d; font: 25px 'champagne'; text-align: center; display: block; margin-top: 30px;}
.alinha37 {height: auto; float: left; color: #fff; font: 18px 'champagne'; text-align: left; display: none;}
.alinha37 {background: #ce8908; padding: 10px 20px 10px 20px; margin: 20px 0 0 0; cursor: pointer; overflow: hidden;}
.alinha37:hover {background: #84aa0b; color: white; transition: .5s;}
.alinha38 {width: 300px; height: auto; float: none; color: #fff; font: 18px 'champagne'; text-align: center; display: block;}
.alinha38 {background: #ce8908; padding: 10px 0 10px 0; margin: 20px auto 0 auto; cursor: pointer; overflow: hidden;}
.alinha38:hover {background: #84aa0b; color: white; transition: .5s;}
	
/*! PROJETO TÁ ESTOURADO */
.taestourado-foto {width: 100%; height: auto; float: left; margin: 60px 0 0 0; display: block; overflow: hidden;}
.taestourado-foto-mobile {width: 100%; float: left; margin: 60px 0 0 0; overflow: hidden; display: none}

/*! VAMOS REALIZAR SEU PROJETO */
#realizar-projeto {width: 100%; height: auto; float: left; margin: 0 0 0 0; padding: 40px 0 50px 0;}
.alinha12 {width: 100%; float: left; color: #fff; font: 40px 'champagneb'; text-align: center;}
#realizar-projeto-xxx {width: 240px; float: none; margin: 0 auto 0 auto;}
.alinha14 {width: 100%; float: left; color: #fff; font: 20px 'Montserrat'; text-align: center; margin: 20px 0 0 0}

/*! INFOS */
#grid4 {width: 31%; height: auto; float: left; margin: 0 20px 0 0;}
.alinha15 {width: 100%; float: left; color: #000032; font: 20px 'Montserrat'; text-align: center; margin: 15px 0 0 0}
.alinha16 {width: 100%; float: left; color: #000032; font: 15px 'Montserrat'; text-align: center; margin: 15px 0 0 0}
.alinha17 {width: 100%; float: left; color: #000032; font: 15px 'Montserrat'; text-align: center; margin: 25px 0 0 0}

/*! DESENVOLVIMENTO DE WEBSITE */
#grid4E {width: 31%; height: auto; float: left; margin: 0 20px 30px 0; padding-bottom: 20px; border-bottom: 3px #ddd solid;}
#servicos-outros-sites-center {width: 215px; height: 180px; float: none; margin: 0 auto 0 auto;}
.servicos-outros-sites-mac {width: 213px; height: 180px; float: left; position: absolute; z-index: 5; overflow: hidden;}
#servicos-outros-sites-foto-center {width: 95%; height: auto; float: none; margin: 0 auto 0 auto;}
.servicos-outros-sites-foto {width: 100%; height: auto; float: left; overflow: hidden;  position: relative; z-index: 10;}
.alinha0018 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; display: none; text-align: center;}
.alinha0019 {width: 100%; float: left; color: #7da30a; font: 50px 'champagne'; display: none; text-align: center;}

/*! MARKETING DIGITAL */
#servicos-marketing {width: 100%; height: auto; float: left; margin: 80px 0 0 0;}
.servicos-marketing-foto {width: 80%; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.servicos-marketing-nome {width:100%; float:left; color:#010221; font:15px 'champagne'; text-align:center; margin-top: 20px;}
#grid4F {width: 31%; height: auto; float: left; margin: 0 20px 30px 0; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
	
/*! TOUR VIRTUAL */
#servicos-tour {width: 100%; height: auto; float: left; margin: 30px 0 0 0;}
#grid6A {width: 48.1%; height: auto; float: left; margin: 0 20px 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
.servicos-tour-nome {width: 100%; float: left; color: #010221; font: 14px 'champagne'; text-align: center; margin-top: 30px;}
	
/*! ARTES DIGITAIS */
#grid3 {width: 22.8%; height: 15em; float: left; margin: 0 20px 20px 0; overflow: hidden;}
.cut3 :nth-child(4n){margin-right: 0!important;}
	
/*! MARKETING ARTÍSTICO */
#servicos-mkt-artistico {width: 100%; height: auto; float: left; margin: 0 0 60px 0; background: #dadada; overflow: hidden;}
.servicos-mkt-artistico-foto {width: 375px; height: auto; float: none; position: relative; z-index: 9; overflow: hidden;}
.servicos-mkt-artistico-foto {margin: 0 auto 0 auto; padding: 20px 0 0 0;}
.servicos-mkt-artistico-bg {width: 100%; height: auto; float: left; position: relative; z-index: 1; overflow: hidden;}
#grid5 {width: 100%; height: auto; float: left; overflow: hidden; background: #010231;}
#grid7 {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 20px 0 0 0; position: relative; z-index: 999999;}
#grid7 {background: #dadada;}
.alinha25 {width: 100%; float: left; color: #010221; font: 23px 'champagne'; text-align: center; margin: 0 0 15px 0;}
#grid5A {width: 100%; height: auto; float: left; overflow: hidden; background: #010231;}
#grid7A {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 20px 0 0 0; position: relative; z-index: 999999;}
#grid7A {background: #dadada;}
.alinha26 {width: 100%; float: left; color: #010221; font: 20px 'champagne'; text-align: center; margin: 0 0 15px 0}	
	
/*! FOTOGRAFIA PROFISSIONAL */
#grid6A {width: 48.1%; height: auto; float: left; margin: 0 20px 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
	
/*! MENU CONTATO */
.alinha35 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; text-align: center; display: none;}
#grid4G {width: 30.5%; float: left; margin: 0 20px 20px 0; overflow: hidden;}
#grid4H {width: 30.5%; float: right; margin: 20px 15px 80px 0; overflow: hidden;}
	
/*! MENU TÁ ESTOURADO */
.alinha33 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: block}
.alinha34 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: none}

/*! REDES SOCIAIS MOBILE */
#redex-sociaix-mobilex {width: 185px; height: auto; float: none; margin: 20px auto 0 auto; display: none; overflow: hidden;}
.redex-sociaix-mobilex-icon {width: 50px; height: auto; float: left; margin: 0 5px 0 5px; overflow: hidden;}
}




/* 
768px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:768px){
/*! POPUP FAÇA SEU ORÇAMENTO */	
#popupx {display: none;}
#faca-seu-orcamento {width: auto; height: auto; float: left; margin: 0 0 0 0; position: relative; z-index: 1; display: none; overflow: hidden;}

/*! TOPO */
#topo2 {width: 100%; height: auto; float: left; display: none; margin: 0 0 0 0;}
	
/*! MENU NAVIGATION SCROLL */
.menunavigation {width: 100%; height: 130px; float: left; position: fixed; opacity: 0; background: #ce8908;}
.menunavigation {z-index: 8; padding: 0 0 0 0; margin: -15px 0 0 0; display: none;}
	
/*! MENU */
#menu-mobilex {width: 100%; height: 100%; float: left; display: block; margin-top: -15px;}

/*! TAG */
.tag {width: 320px; height: auto; float: none; margin: -160px auto 0 auto; position: relative; z-index: 3; overflow: hidden;}
	
/*! CARROSSEL */
#carrossel {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
#carrossel-mobile {width: 100%; height: 100%; float: left; display: none; overflow: hidden;}
	
/*! COMPETÊNCIAS */
#competencias-center {width: 590px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#grid4A {width: 33.3%; height: 250px; float: left; padding: 10px 0 10px 0;}
#grid4B {width: 33.3%; height: 250px; float: left; padding: 10px 0 10px 0;}
#grid4C {width: 33.3%; height: 220px; float: left; padding: 10px 0 10px 0;}
#grid4D {width: 33.3%; height: 220px; float: left; padding: 10px 0 10px 0;}
.alinha1 {width: 100%; float: left; color: #0f374d; font: 18px 'champagne'; text-align: center; font-weight: bold;}
.alinha1 {margin: 10px 0 0 0;}
.competencias-txt {width: 180px; height: auto; float: none; margin: 10px auto 0 auto;}
.competencias-txt { color: #474747; font: 12px 'champagne'; text-align: center;}
.competencias-icons {width: 100px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}

/*! INSTITUCIONAL */
#institucional {width: 100%; height: 330px; float: left; background: url("img/institucional.jpg") top center no-repeat;}
.alinha2 {width: 100%; float: left; color: #fff; font: 50px 'champagne'; text-align: center; font-weight: bold;}
.alinha3 {width: 100%; float: left; color: #fff; font: 35px 'Montserrat'; text-align: center;}
.alinha2 {margin: 90px 0 0 0;}
.alinha3 {margin: 0 0 0 0;}

/*! ÚLTIMO WEBSITE ENTREGUE */
.alinha37 {height: auto; float: left; color: #fff; font: 18px 'champagne'; text-align: left; display: none;}
.alinha37 {background: #ce8908; padding: 10px 20px 10px 20px; margin: 20px 0 0 0; cursor: pointer; overflow: hidden;}
.alinha37:hover {background: #84aa0b; color: white; transition: .5s;}
.alinha38 {width: 300px; height: auto; float: none; color: #fff; font: 18px 'champagne'; text-align: center; display: block;}
.alinha38 {background: #ce8908; padding: 10px 0 10px 0; margin: 20px auto 0 auto; cursor: pointer; overflow: hidden;}
.alinha38:hover {background: #84aa0b; color: white; transition: .5s;}
	
/*! PROJETO TÁ ESTOURADO */
.taestourado-foto {width: 100%; height: auto; float: left; margin: 60px 0 0 0; display: none; overflow: hidden;}
.taestourado-foto-mobile {width: 100%; height: auto; float: left; margin: 60px 0 0 0; display: block; overflow: hidden;}

/*! VAMOS REALIZAR SEU PROJETO */
#realizar-projeto {width: 100%; height: auto; float: left; margin: 0 0 0 0; padding: 40px 0 50px 0;}
.alinha12 {width: 100%; float: left; color: #fff; font: 40px 'champagneb'; text-align: center;}
#realizar-projeto-xxx {width: 240px; float: none; margin: 0 auto 0 auto;}
.alinha14 {width: 100%; float: left; color: #fff; font: 20px 'Montserrat'; text-align: center; margin: 20px 0 0 0}

/*! INFOS */
#infos {width: 100%; height: auto; float: left; background: white; padding: 40px 0 50px 0}
#grid4 {width: 100%; height: auto; float: left; margin: 0 0 20px 0;}
.alinha15 {width: 100%; float: left; color: #000032; font: 30px 'Montserrat'; text-align: center; margin: 15px 0 0 0}
.alinha16 {width: 100%; float: left; color: #000032; font: 20px 'Montserrat'; text-align: center; margin: 15px 0 0 0}
.alinha17 {width: 100%; float: left; color: #000032; font: 20px 'Montserrat'; text-align: center; margin: 25px 0 0 0}

/*! DESENVOLVIMENTO DE WEBSITE */
#grid4E {width: 31%; height: auto; float: left; margin: 0 20px 20px 0; padding-bottom: 20px; border-bottom: 3px #ddd solid;}
#servicos-outros-sites-center {width: 180px; height: 150px; float: none; margin: 0 auto 0 auto;}
.servicos-outros-sites-mac {width: 178px; height: 150px; float: left; position: absolute; z-index: 5; overflow: hidden;}
#servicos-outros-sites-foto-center {width: 95%; height: auto; float: none; margin: 0 auto 0 auto;}
.servicos-outros-sites-foto {width: 100%; height: auto; float: left; overflow: hidden;  position: relative; z-index: 10;}
.servicos-outros-sites-nome {width:100%; float:left; color:#010221; font:15px 'champagne'; text-align:center; margin-top:10px;}
.alinha0018 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; display: none; text-align: center;}
.alinha0019 {width: 100%; float: left; color: #7da30a; font: 50px 'champagne'; display: none; text-align: center;}
	
/*! MARKETING DIGITAL */
#servicos-marketing {width: 100%; height: auto; float: left; margin: 80px 0 0 0;}
.servicos-marketing-foto {width: 80%; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.servicos-marketing-nome {width:100%; float:left; color:#010221; font:15px 'champagne'; text-align:center; margin-top: 20px;}
#grid4F {width: 31%; height: auto; float: left; margin: 0 20px 30px 0; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
	
/*! TOUR VIRTUAL */
#servicos-tour {width: 100%; height: auto; float: left; margin: 30px 0 0 0;}
#grid6A {width: 48.1%; height: auto; float: left; margin: 0 20px 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
.servicos-tour-nome {width: 100%; float: left; color: #010221; font: 13px 'champagne'; text-align: center; margin-top: 30px;}
	
/*! ARTES DIGITAIS */
#grid3 {width: 29.5%; height: 15em; float: left; margin: 0 0 20px 20px; overflow: hidden;}
.cut3 :nth-child(3n){margin-right: 0!important;}

/*! MARKETING ARTÍSTICO */
#servicos-mkt-artistico {width: 100%; height: auto; float: left; margin: 0 0 60px 0; background: #dadada; overflow: hidden;}
.servicos-mkt-artistico-foto {width: 375px; height: auto; float: none; position: relative; z-index: 9; overflow: hidden;}
.servicos-mkt-artistico-foto {margin: 0 auto 0 auto; padding: 20px 0 0 0;}
.servicos-mkt-artistico-bg {width: 100%; height: auto; float: left; position: relative; z-index: 1; overflow: hidden;}
#grid5 {width: 100%; height: auto; float: left; overflow: hidden; background: #010231;}
#grid7 {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 20px 0 0 0; position: relative; z-index: 999999;}
#grid7 {background: #dadada;}
.alinha25 {width: 100%; float: left; color: #010221; font: 23px 'champagne'; text-align: center; margin: 0 0 15px 0;}
#grid5A {width: 100%; height: auto; float: left; overflow: hidden; background: #010231;}
#grid7A {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 20px 0 0 0; position: relative; z-index: 999999;}
#grid7A {background: #dadada;}
.alinha26 {width: 100%; float: left; color: #010221; font: 20px 'champagne'; text-align: center; margin: 0 0 15px 0}
	
/*! FOTOGRAFIA PROFISSIONAL */
#grid6A {width: 48.1%; height: auto; float: left; margin: 0 20px 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
#servicos-titulo-fotografia {width: 560px; float: none; margin: 0 auto 0 auto; display: block;}
.alinha29 {float: left; color: #010221; font: 45px 'champagne';}
.alinha30 {float: left; color: #7da30a; font: 45px 'champagne';}
#grid6B {width: 100%; height: auto; float: left; margin: 0 0 30px 0; overflow: hidden;}
	
/*! MENU CONTATO */
.alinha35 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; text-align: center; display: none;}
#grid4G {width: 100%; float: left; margin: 0 0 20px 0; overflow: hidden;}
#grid4H {width: 100%; float: left; margin: 20px 0 30px 0; overflow: hidden;}
.enviar {width:100%; height: 60px; float:right; border: none; color: #fff; font: 20px 'champagne'; background: #99c316;}
.enviar:hover {background: #8ab013; color: white;}
.form1 {width: 99%; height: 40px; border: 0px; background: #e0e0e0; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 5px #99c316 solid;}
.form2 {width: 98%; height: 170px; border: 0px; background: #e0e0e0; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 5px #99c316 solid; margin-bottom: 20px;}
	
/*! MENU TÁ ESTOURADO */
.alinha33 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: none}
.alinha34 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center; display: block}
.alinha32 {width: 100%; float: left; color: #010221; font: 25px 'champagne'; text-align: center; margin: 0 0 30px 0;}

/*! REDES SOCIAIS MOBILE */
#redex-sociaix-mobilex {width: 185px; height: auto; float: none; margin: 20px auto 0 auto; display: block; overflow: hidden;}
.redex-sociaix-mobilex-icon {width: 50px; height: auto; float: left; margin: 0 5px 0 5px; overflow: hidden;}

/*! GOOGLE reCAPTCHA */
#grid4I {width: 305px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
}




/* 
640px – iPhone no formato retrato
***********************************************************/
@media screen and (max-width:640px) and (min-width: 481px){
/*! POPUP FAÇA SEU ORÇAMENTO */	
#popupx {display: none;}
#faca-seu-orcamento {width: auto; height: auto; float: left; margin: 0 0 0 0; position: relative; z-index: 1; display: none; overflow: hidden;}

/*! TOPO */
#topo2 {width: 100%; height: auto; float: left; display: none; margin: 0 0 0 0;}
	
/*! MENU NAVIGATION SCROLL */
.menunavigation {width: 100%; height: 130px; float: left; position: fixed; opacity: 0; background: #ce8908;}
.menunavigation {z-index: 8; padding: 0 0 0 0; margin: -15px 0 0 0; display: none;}
	
/*! MENU */
#menu-mobilex {width: 100%; height: 100%; float: left; display: block; margin-top: -15px;}

/*! TAG */
.tag {width: 280px; height: auto; float: none; margin: -350px auto 0 auto; position: relative; z-index: 3; overflow: hidden;}

/*! TÍTULO GERAL */
#servicos-titulo {width: 100%; height: auto; float: left; margin: 30px 0 0 0;}
	
/*! CARROSSEL */
#carrossel {width: 100%; height: 100%; float: left; display: none; overflow: hidden;}
#carrossel-mobile {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
	
/*! COMPETÊNCIAS PÁGINA INICIAL */
#competencias-center {width: 440px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#grid4A {width: 49%; height: 235px; float: left; padding: 30px 0 15px 0; overflow: hidden;}
#grid4A {background-image: linear-gradient(to top, #f8f8f8, #ffffff); margin: 0 0 0 0;}
#grid4B {width: 49%; height: 235px; float: left; padding: 30px 0 15px 0; overflow: hidden;}
#grid4B {background-image: linear-gradient(to top, #ffffff, #f8f8f8); margin: 0 0 0 0;}
#grid4C {width: 49%; height: 235px; float: left; padding: 30px 0 15px 0; overflow: hidden;}
#grid4C {background-image: linear-gradient(to top, #f8f8f8, #ffffff); margin: 0 0 0 0;}
#grid4D {width: 49%; height: 235px; float: left; padding: 30px 0 15px 0; overflow: hidden;}
#grid4D {background-image: linear-gradient(to top, #ffffff, #f8f8f8); margin: 0 0 0 0;}
.alinha1 {width: 100%; float: left; color: #0f374d; font: 18px 'champagne'; text-align: center; margin: 15px 0 0 0;}
.competencias-line {width: 90px; height: 2px; float: none; margin: 10px auto 0 auto; background: #0e2634}
.competencias-txt {width: 170px; height: auto; float: none; margin: 10px auto 0 auto;}
.competencias-txt {color: #474747; font: 11px 'champagne'; text-align: center;}
	
/*! INSTITUCIONAL */
#institucional {width: 100%; height: 200px; float: left; background: url("img/institucional.jpg") top center no-repeat;}
.alinha2 {width: 100%; float: left; color: #fff; font: 35px 'champagne'; text-align: center; font-weight: bold;}
.alinha3 {width: 100%; float: left; color: #fff; font: 23px 'Montserrat'; text-align: center;}
.alinha2 {margin: 55px 0 0 0;}
.alinha3 {margin: 0 0 0 0;}

/*! ÚLTIMO WEBSITE ENTREGUE */
.alinha37 {height: auto; float: left; color: #fff; font: 18px 'champagne'; text-align: left; display: none;}
.alinha37 {background: #ce8908; padding: 10px 20px 10px 20px; margin: 20px 0 0 0; cursor: pointer; overflow: hidden;}
.alinha37:hover {background: #84aa0b; color: white; transition: .5s;}
.alinha38 {width: 300px; height: auto; float: none; color: #fff; font: 18px 'champagne'; text-align: center; display: block;}
.alinha38 {background: #ce8908; padding: 10px 0 10px 0; margin: 20px auto 0 auto; cursor: pointer; overflow: hidden;}
.alinha38:hover {background: #84aa0b; color: white; transition: .5s;}
#ultimo-website {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 0 0 50px 0;}
#ultimo-website {background: url("img/website.jpg") #00001a top center no-repeat; overflow: hidden;}
#ultimo-website-float {width: 100%; height: auto; float: left;}
#grid6 {width: 100%; height: auto; float: right; margin: 20px 0 0 0;}
#ultimo-website-site {width: 420px; height: 340px; float: none; margin: 30px auto 0 auto; overflow: hidden;}
.alinha6 {width: 100%; float: left; color: #0f374d; font: 25px 'champagne'; text-align: left; display: none;}
.alinha7 {width: 100%; float: left; color: #fff; font: 25px 'champagne'; text-align: center; margin: 20px 0 0 0;}
.alinha8 {width: 100%; float: left; color: #fff; font: 15px 'champagne'; text-align: center;}
.alinha11 {width:100%; float:left; color:#0f374d; font: 25px 'champagne'; text-align:center; display:block; margin-top: 30px;}
.ultimo-website-mac {width: 420px; height: 340px; float: left; z-index: 9; position: absolute; overflow: hidden;}
.ultimo-website-foto {width: 415px; height: 255px; float: none; z-index: 10; position: relative; overflow: hidden; margin: 5px auto 0 auto;}

/*! VAMOS REALIZAR SEU PROJETO */
#realizar-projeto {width: 100%; height: auto; float: left; margin: 0 0 0 0; padding: 40px 0 50px 0;}
.alinha12 {width: 100%; float: left; color: #fff; font: 40px 'champagneb'; text-align: center;}
#realizar-projeto-xxx {width: 240px; float: none; margin: 0 auto 0 auto;}
.alinha14 {width: 100%; float: left; color: #fff; font: 20px 'Montserrat'; text-align: center; margin: 20px 0 0 0}

/*! INFOS */
#infos {width: 100%; height: auto; float: left; background: white; padding: 40px 0 50px 0}
#grid4 {width: 100%; height: auto; float: left; margin: 0 0 20px 0;}
.alinha15 {width: 100%; float: left; color: #000032; font: 30px 'Montserrat'; text-align: center; margin: 15px 0 0 0}
.alinha16 {width: 100%; float: left; color: #000032; font: 20px 'Montserrat'; text-align: center; margin: 15px 0 0 0}
.alinha17 {width: 100%; float: left; color: #000032; font: 20px 'Montserrat'; text-align: center; margin: 25px 0 0 0}

/*! DESENVOLVIMENTO DE WEBSITE */
#grid4E {width: 100%; height: auto; float: left; margin: 0 0 20px 0; padding-bottom: 20px; border-bottom: 3px #ddd solid;}
#servicos-outros-sites-center {width: 300px; height: 250px; float: none; margin: 0 auto 0 auto;}
.servicos-outros-sites-mac {width: 300px; height: 250px; float: left; position: absolute; z-index: 5; overflow: hidden;}
#servicos-outros-sites-foto-center {width: 95%; height: auto; float: none; margin: 0 auto 0 auto;}
.servicos-outros-sites-foto {width: 100%; height: auto; float: left; overflow: hidden;  position: relative; z-index: 10;}
.servicos-outros-sites-nome {width:100%; float:left; color:#010221; font:18px 'champagne'; text-align:center; margin-top:10px;}
.alinha0018 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; display: block; text-align: center;}
.alinha0019 {width: 100%; float: left; color: #7da30a; font: 50px 'champagne'; display: block; text-align: center;}
#servicos-titulo-websites {width: auto; float: left; margin: 0 0 0 0; display: none;}

/*! MARKETING DIGITAL */
#servicos-marketing {width: 100%; height: auto; float: left; margin: 30px 0 0 0;}
.servicos-marketing-foto {width: 70%; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.servicos-marketing-nome {width:100%; float:left; color:#010221; font:18px 'champagne'; text-align:center; margin-top: 20px;}
#grid4F {width: 100%; height: auto; float: left; margin: 0 20px 30px 0; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
#servicos-titulo-marketing {width: 450px; float: none; margin: 0 auto 0 auto; display: none;}

/*! TOUR VIRTUAL */
#servicos-tour {width: 100%; height: auto; float: left; margin: 15px 0 0 0;}
#grid6A {width: 100%; height: auto; float: left; margin: 0 0 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
#servicos-titulo-tour {width: 330px; float: none; margin: 0 auto 0 auto; display: none;}
.servicos-tour-nome {width: 100%; float: left; color: #010221; font: 15px 'champagne'; text-align: center; margin-top: 30px;}
	
/*! ARTES DIGITAIS */
#grid3 {width: 100%; height: auto; float: left; margin: 0 0 20px 0; overflow: hidden;}
.cut3 :nth-child(3n){margin-right: 0!important;}
#servicos-titulo-banner {width: 345px; float: none; margin: 0 auto 0 auto; display: none;}
#servicos-artes-digitais-10k {width: 100%; height: auto; float: left; margin: 30px 0 0 0;}
.alinha21 {width: 100%; float: left; color: #010221; font: 30px 'champagne'; text-align: center; margin: 0 0 0 0}
.alinha22 {width: 100%; float: left; color: #7da30a; font: 70px 'champagne'; margin: 0 0 0 0; text-align: center;}
.alinha23 {width: 100%; float: left; color: #010221; font: 18px 'champagne'; text-align: center; margin: 0 0 30px 0;}

/*! MARKETING ARTÍSTICO */
#servicos-mkt-artistico {width: 100%; height: auto; float: left; margin: 0 0 60px 0; background: #dadada; overflow: hidden;}
.servicos-mkt-artistico-foto {width: 375px; height: auto; float: none; position: relative; z-index: 9; overflow: hidden;}
.servicos-mkt-artistico-foto {margin: 0 auto 0 auto; padding: 20px 0 0 0;}
.servicos-mkt-artistico-bg {width: 100%; height: auto; float: left; position: relative; z-index: 1; overflow: hidden;}
#grid5 {width: 100%; height: auto; float: left; overflow: hidden; background: #010231;}
#grid7 {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 20px 0 0 0; position: relative; z-index: 999999;}
#grid7 {background: #dadada;}
.alinha25 {width: 100%; float: left; color: #010221; font: 23px 'champagne'; text-align: center; margin: 0 0 15px 0;}
#grid5A {width: 100%; height: auto; float: left; overflow: hidden; background: #010231;}
#grid7A {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 20px 0 0 0; position: relative; z-index: 999999;}
#grid7A {background: #dadada;}
.alinha26 {width: 100%; float: left; color: #010221; font: 20px 'champagne'; text-align: center; margin: 0 0 15px 0}
#servicos-titulo-marketing-artistico {width: 510px; float: none; margin: 0 auto 0 auto; display: none;}
.alinha24 {width: 100%; float: left; color: #010221; font: 20px 'champagne'; text-align: center; margin: 20px 0 50px 0;}
	
/*! FOTOGRAFIA PROFISSIONAL */
#grid6A {width: 100%; height: auto; float: left; margin: 0 0 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
#servicos-titulo-fotografia {width: 560px; float: none; margin: 0 auto 0 auto; display: none;}
.alinha29 {float: left; color: #010221; font: 45px 'champagne';}
.alinha30 {float: left; color: #7da30a; font: 45px 'champagne';}
#grid6B {width: 100%; height: auto; float: left; margin: 0 0 30px 0; overflow: hidden;}
	
/*! MENU TÁ ESTOURADO */
.menu-taestourado-icon-youtube {width: 100px; float: none; margin: 0 auto 20px auto; overflow: hidden;}
.menu-taestourado-icon-face-insta {width: 130px; float: none; margin: 0 auto 20px auto; overflow: hidden;}
.menu-taestourado-icon-foguete {width: 130px; float: none; margin: 0 auto 20px auto; overflow: hidden;}
.alinha32 {width: 100%; float: left; color: #010221; font: 20px 'champagne'; text-align: center; margin: 0 0 30px 0;}
.menu-taestourado-icon {width: 300px; float: none; margin: 0 auto 20px auto; overflow: hidden;}
	
/*! MENU CONTATO */
.alinha20 {width: 100%; float: left; color: #010221; font: 30px 'champagne'; text-align: center; margin: 0 0 30px 0;}
.alinha35 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; text-align: center; display: block;}
#grid4G {width: 100%; float: left; margin: 0 0 20px 0; overflow: hidden;}
#grid4H {width: 100%; float: left; margin: 20px 0 30px 0; overflow: hidden;}
.enviar {width:100%; height: 60px; float:right; border: none; color: #fff; font: 20px 'champagne'; background: #99c316;}
.enviar:hover {background: #8ab013; color: white;}
.form1 {width: 99%; height: 40px; border: 0px; background: #e0e0e0; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 5px #99c316 solid;}
.form2 {width: 97.5%; height: 170px; border: 0px; background: #e0e0e0; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 5px #99c316 solid;}

/*! REDES SOCIAIS MOBILE */
#redex-sociaix-mobilex {width: 185px; height: auto; float: none; margin: 20px auto 0 auto; display: block; overflow: hidden;}
.redex-sociaix-mobilex-icon {width: 50px; height: auto; float: left; margin: 0 5px 0 5px; overflow: hidden;}
}




/* 
480px – Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (max-width:480px){
/*! POPUP FAÇA SEU ORÇAMENTO */	
#popupx {display: none;}
#faca-seu-orcamento {width: auto; height: auto; float: left; margin: 0 0 0 0; position: relative; z-index: 1; display: none; overflow: hidden;}

/*! TOPO */
#topo2 {width: 100%; height: auto; float: left; display: none; margin: 0 0 0 0;}
	
/*! MENU NAVIGATION SCROLL */
.menunavigation {width: 100%; height: 130px; float: left; position: fixed; opacity: 0; background: #ce8908;}
.menunavigation {z-index: 8; padding: 0 0 0 0; margin: -15px 0 0 0; display: none;}
	
/*! MENU */
#menu-mobilex {width: 100%; height: 100%; float: left; display: block; margin-top: -15px;}
	
/*! TAG */
.tag {width: 220px; height: auto; float: none; margin: -200px auto 0 auto; position: relative; z-index: 3; overflow: hidden;}
	
/*! TÍTULO GERAL */
#servicos-titulo {width: 100%; height: auto; float: left; margin: 30px 0 0 0;}
	
/*! CARROSSEL */
#carrossel {width: 100%; height: 100%; float: left; display: none; overflow: hidden;}
#carrossel-mobile {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
	
/*! COMPETÊNCIAS PÁGINA INICIAL */
#competencias-center {width: 350px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#grid4A {width: 49%; height: 235px; float: left; padding: 30px 0 15px 0; overflow: hidden;}
#grid4A {background-image: linear-gradient(to top, #f8f8f8, #ffffff); margin: 0 0 0 0;}
#grid4B {width: 49%; height: 235px; float: left; padding: 30px 0 15px 0; overflow: hidden;}
#grid4B {background-image: linear-gradient(to top, #ffffff, #f8f8f8); margin: 0 0 0 0;}
#grid4C {width: 49%; height: 235px; float: left; padding: 30px 0 15px 0; overflow: hidden;}
#grid4C {background-image: linear-gradient(to top, #f8f8f8, #ffffff); margin: 0 0 0 0;}
#grid4D {width: 49%; height: 235px; float: left; padding: 30px 0 15px 0; overflow: hidden;}
#grid4D {background-image: linear-gradient(to top, #ffffff, #f8f8f8); margin: 0 0 0 0;}
.alinha1 {width: 100%; float: left; color: #0f374d; font: 14px 'champagne'; text-align: center; margin: 15px 0 0 0;}
.competencias-line {width: 90px; height: 2px; float: none; margin: 10px auto 0 auto; background: #0e2634}
.competencias-txt {width: 130px; height: auto; float: none; margin: 10px auto 0 auto;}
.competencias-txt {color: #474747; font: 12px 'champagne'; text-align: center;}

/*! INSTITUCIONAL */
#institucional {width: 100%; height: 200px; float: left; background: url("img/institucional.jpg") top center no-repeat;}
.alinha2 {width: 100%; float: left; color: #fff; font: 40px 'champagne'; text-align: center; font-weight: bold;}
.alinha3 {width: 100%; float: left; color: #fff; font: 15px 'Montserrat'; text-align: center;}
.alinha2 {margin: 30px 0 0 0;}
.alinha3 {margin: 0 0 0 0;}

/*! ÚLTIMO WEBSITE ENTREGUE */
.alinha37 {height: auto; float: left; color: #fff; font: 18px 'champagne'; text-align: left; display: none;}
.alinha37 {background: #ce8908; padding: 10px 20px 10px 20px; margin: 20px 0 0 0; cursor: pointer; overflow: hidden;}
.alinha37:hover {background: #84aa0b; color: white; transition: .5s;}
.alinha38 {width: 300px; height: auto; float: none; color: #fff; font: 18px 'champagne'; text-align: center; display: block;}
.alinha38 {background: #ce8908; padding: 10px 0 10px 0; margin: 20px auto 0 auto; cursor: pointer; overflow: hidden;}
.alinha38:hover {background: #84aa0b; color: white; transition: .5s;}
#ultimo-website {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 0 0 50px 0;}
#ultimo-website {background: url("img/website.jpg") #00001a top center no-repeat; overflow: hidden;}
#ultimo-website-float {width: 100%; height: auto; float: left;}
#grid6 {width: 100%; height: auto; float: right; margin: 20px 0 0 0;}
#ultimo-website-site {width: 320px; height: 259px; float: none; margin: 30px auto 0 auto; overflow: hidden;}
.alinha6 {width: 100%; float: left; color: #0f374d; font: 25px 'champagne'; text-align: left; display: none;}
.alinha7 {width: 100%; float: left; color: #fff; font: 25px 'champagne'; text-align: center; margin: 20px 0 0 0;}
.alinha8 {width: 100%; float: left; color: #fff; font: 15px 'champagne'; text-align: center;}
.alinha11 {width:100%; float:left; color:#0f374d; font: 25px 'champagne'; text-align:center; display:block; margin-top: 30px;}
.ultimo-website-mac {width: 320px; height: 259px; float: left; z-index: 9; position: absolute; overflow: hidden;}
.ultimo-website-foto {width: 315px; height: 180px; float: none; z-index: 10; position: relative; overflow: hidden; margin: 5px auto 0 auto;}

/*! PROJETO TÁ ESTOURADO */
.alinha9 {width: 100%; float: left; color: #0f374d; font: 20px 'champagne'; text-align: center;}
.alinha10 {width: 100%; float: left; color: #01011f; font: 13px 'Raleway'; text-align: center;}

/*! VAMOS REALIZAR SEU PROJETO */
#realizar-projeto {width: 100%; height: auto; float: left; margin: 0 0 0 0; padding: 40px 0 50px 0;}
.alinha12 {width: 100%; float: left; color: #fff; font: 40px 'champagneb'; text-align: center;}
#realizar-projeto-xxx {width: 240px; float: none; margin: 0 auto 0 auto;}
.alinha14 {width: 100%; float: left; color: #fff; font: 20px 'Montserrat'; text-align: center; margin: 20px 0 0 0}

/*! INFOS */
#infos {width: 100%; height: auto; float: left; background: white; padding: 40px 0 50px 0}
#grid4 {width: 100%; height: auto; float: left; margin: 0 0 20px 0;}
.alinha15 {width: 100%; float: left; color: #000032; font: 30px 'Montserrat'; text-align: center; margin: 15px 0 0 0}
.alinha16 {width: 100%; float: left; color: #000032; font: 20px 'Montserrat'; text-align: center; margin: 15px 0 0 0}
.alinha17 {width: 100%; float: left; color: #000032; font: 20px 'Montserrat'; text-align: center; margin: 25px 0 0 0}

/*! DESENVOLVIMENTO DE WEBSITE */
#grid4E {width: 100%; height: auto; float: left; margin: 0 0 20px 0; padding-bottom: 20px; border-bottom: 3px #ddd solid;}
#servicos-outros-sites-center {width: 300px; height: 250px; float: none; margin: 0 auto 0 auto;}
.servicos-outros-sites-mac {width: 300px; height: 250px; float: left; position: absolute; z-index: 5; overflow: hidden;}
#servicos-outros-sites-foto-center {width: 95%; height: auto; float: none; margin: 0 auto 0 auto;}
.servicos-outros-sites-foto {width: 100%; height: auto; float: left; overflow: hidden;  position: relative; z-index: 10;}
.servicos-outros-sites-nome {width:100%; float:left; color:#010221; font:18px 'champagne'; text-align:center; margin-top:10px;}
.alinha0018 {width: 100%; float: left; color: #010221; font: 35px 'champagne'; display: block; text-align: center;}
.alinha0019 {width: 100%; float: left; color: #7da30a; font: 35px 'champagne'; display: block; text-align: center;}
#servicos-titulo-websites {width: auto; float: left; margin: 0 0 0 0; display: none;}

/*! MARKETING DIGITAL */
#servicos-marketing {width: 100%; height: auto; float: left; margin: 30px 0 0 0;}
.servicos-marketing-foto {width: 70%; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.servicos-marketing-nome {width:100%; float:left; color:#010221; font:18px 'champagne'; text-align:center; margin-top: 20px;}
#grid4F {width: 100%; height: auto; float: left; margin: 0 20px 30px 0; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
#servicos-titulo-marketing {width: 450px; float: none; margin: 0 auto 0 auto; display: none;}

/*! TOUR VIRTUAL */
#servicos-tour {width: 100%; height: auto; float: left; margin: 15px 0 0 0;}
#grid6A {width: 100%; height: auto; float: left; margin: 0 0 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
#servicos-titulo-tour {width: 330px; float: none; margin: 0 auto 0 auto; display: none;}
.servicos-tour-nome {width: 100%; float: left; color: #010221; font: 15px 'champagne'; text-align: center; margin-top: 30px;}
	
/*! ARTES DIGITAIS */
#grid3 {width: 100%; height: auto; float: left; margin: 0 0 20px 0; overflow: hidden;}
.cut3 :nth-child(3n){margin-right: 0!important;}
#servicos-titulo-banner {width: 345px; float: none; margin: 0 auto 0 auto; display: none;}
#servicos-artes-digitais-10k {width: 100%; height: auto; float: left; margin: 30px 0 0 0;}
.alinha20 {width: 100%; float: left; color: #010221; font: 25px 'champagne'; text-align: center;}
.alinha21 {width: 100%; float: left; color: #010221; font: 30px 'champagne'; text-align: center; margin: 0 0 0 0}
.alinha22 {width: 100%; float: left; color: #7da30a; font: 70px 'champagne'; margin: 0 0 0 0; text-align: center;}
.alinha23 {width: 100%; float: left; color: #010221; font: 18px 'champagne'; text-align: center; margin: 0 0 30px 0;}
	
/*! MARKETING ARTÍSTICO */
#servicos-mkt-artistico {width: 100%; height: auto; float: left; margin: 0 0 60px 0; background: #dadada; overflow: hidden;}
.servicos-mkt-artistico-foto {width: 300px; height: auto; float: none; position: relative; z-index: 9; overflow: hidden;}
.servicos-mkt-artistico-foto {margin: 0 auto 0 auto; padding: 20px 0 0 0;}
.servicos-mkt-artistico-bg {width: 100%; height: auto; float: left; position: relative; z-index: 1; overflow: hidden;}
#grid5 {width: 100%; height: auto; float: left; overflow: hidden; background: #010231;}
#grid7 {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 20px 0 0 0; position: relative; z-index: 999999;}
#grid7 {background: #dadada;}
.alinha25 {width: 100%; float: left; color: #010221; font: 23px 'champagne'; text-align: center; margin: 0 0 15px 0;}
#grid5A {width: 100%; height: auto; float: left; overflow: hidden; background: #010231;}
#grid7A {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 20px 0 0 0; position: relative; z-index: 999999;}
#grid7A {background: #dadada;}
.alinha26 {width: 100%; float: left; color: #010221; font: 20px 'champagne'; text-align: center; margin: 0 0 15px 0}
#servicos-titulo-marketing-artistico {width: 510px; float: none; margin: 0 auto 0 auto; display: none;}
.alinha24 {width: 100%; float: left; color: #010221; font: 20px 'champagne'; text-align: center; margin: 20px 0 50px 0;}

/*! FOTOGRAFIA PROFISSIONAL */
#grid6A {width: 100%; height: auto; float: left; margin: 0 0 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
#servicos-titulo-fotografia {width: 560px; float: none; margin: 0 auto 0 auto; display: none;}
.alinha29 {float: left; color: #010221; font: 45px 'champagne';}
.alinha30 {float: left; color: #7da30a; font: 45px 'champagne';}
#grid6B {width: 100%; height: auto; float: left; margin: 0 0 30px 0; overflow: hidden;}
	
/*! MENU TÁ ESTOURADO */
.menu-taestourado-icon-youtube {width: 90px; float: none; margin: 0 auto 20px auto; overflow: hidden;}
.menu-taestourado-icon-face-insta {width: 130px; float: none; margin: 0 auto 20px auto; overflow: hidden;}
.menu-taestourado-icon-foguete {width: 130px; float: none; margin: 0 auto 20px auto; overflow: hidden;}
	
/*! MENU CONTATO */
.alinha20 {width: 100%; float: left; color: #010221; font: 30px 'champagne'; text-align: center; margin: 0 0 30px 0;}
.alinha35 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; text-align: center; display: block;}
#grid4G {width: 100%; float: left; margin: 0 0 20px 0; overflow: hidden;}
#grid4H {width: 100%; float: left; margin: 20px 0 30px 0; overflow: hidden;}
.enviar {width:100%; height: 60px; float:right; border: none; color: #fff; font: 20px 'champagne'; background: #99c316;}
.enviar:hover {background: #8ab013; color: white;}
.form1 {width: 99%; height: 40px; border: 0px; background: #e0e0e0; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 5px #99c316 solid;}
.form2 {width: 96%; height: 170px; border: 0px; background: #e0e0e0; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 5px #99c316 solid;}

/*! REDES SOCIAIS MOBILE */
#redex-sociaix-mobilex {width: 185px; height: auto; float: none; margin: 20px auto 0 auto; display: block; overflow: hidden;}
.redex-sociaix-mobilex-icon {width: 50px; height: auto; float: left; margin: 0 5px 0 5px; overflow: hidden;}
}




/* 
384px – Smartphones antigos com tela pequena
***********************************************************/
@media screen and (max-width:384px){
/*! POPUP FAÇA SEU ORÇAMENTO */	
#popupx {display: none;}
#faca-seu-orcamento {width: auto; height: auto; float: left; margin: 0 0 0 0; position: relative; z-index: 1; display: none; overflow: hidden;}
	
/*! TOPO */
#topo2 {width: 100%; height: auto; float: left; display: none; margin: 0 0 0 0;}
	
/*! MENU NAVIGATION SCROLL */
.menunavigation {width: 100%; height: 130px; float: left; position: fixed; opacity: 0; background: #ce8908;}
.menunavigation {z-index: 8; padding: 0 0 0 0; margin: -15px 0 0 0; display: none;}
	
/*! MENU */
#menu-mobilex {width: 100%; height: 100%; float: left; display: block; margin-top: -15px;}
	
/*! TAG */
.tag {width: 220px; height: auto; float: none; margin: -200px auto 0 auto; position: relative; z-index: 3; overflow: hidden;}
	
/*! TÍTULO GERAL */
#servicos-titulo {width: 100%; height: auto; float: left; margin: 30px 0 0 0;}
	
/*! CARROSSEL */
#carrossel {width: 100%; height: 100%; float: left; display: none; overflow: hidden;}
#carrossel-mobile {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
	
/*! COMPETÊNCIAS PÁGINA INICIAL */
#competencias-center {width: 290px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#grid4A {width: 49%; height: 215px; float: left; padding: 30px 0 15px 0; overflow: hidden;}
#grid4A {background-image: linear-gradient(to top, #f8f8f8, #ffffff); margin: 0 0 0 0;}
#grid4B {width: 49%; height: 215px; float: left; padding: 30px 0 15px 0; overflow: hidden;}
#grid4B {background-image: linear-gradient(to top, #ffffff, #f8f8f8); margin: 0 0 0 0;}
#grid4C {width: 49%; height: 215px; float: left; padding: 30px 0 15px 0; overflow: hidden;}
#grid4C {background-image: linear-gradient(to top, #f8f8f8, #ffffff); margin: 0 0 0 0;}
#grid4D {width: 49%; height: 215px; float: left; padding: 30px 0 15px 0; overflow: hidden;}
#grid4D {background-image: linear-gradient(to top, #ffffff, #f8f8f8); margin: 0 0 0 0;}
.alinha1 {width: 100%; float: left; color: #0f374d; font: 14px 'champagne'; text-align: center; margin: 15px 0 0 0;}
.competencias-line {width: 90px; height: 2px; float: none; margin: 10px auto 0 auto; background: #0e2634}
.competencias-txt {width: 130px; height: auto; float: none; margin: 10px auto 0 auto;}
.competencias-txt {color: #474747; font: 12px 'champagne'; text-align: center;}

.competencias-icon-site {width: 85px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.competencias-icon-mkt {width: 85px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.competencias-icon-360 {width: 85px; float: none; margin: -5px auto 0 auto; overflow: hidden;}
.competencias-icon-arte {width: 95px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.competencias-icon-artista {width: 60px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.competencias-icon-foto {width: 85px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
	
/*! ÚLTIMO WEBSITE ENTREGUE */
.alinha37 {height: auto; float: left; color: #fff; font: 18px 'champagne'; text-align: left; display: none;}
.alinha37 {background: #ce8908; padding: 10px 20px 10px 20px; margin: 20px 0 0 0; cursor: pointer; overflow: hidden;}
.alinha37:hover {background: #84aa0b; color: white; transition: .5s;}
.alinha38 {width: 270px; height: auto; float: none; color: #fff; font: 15px 'champagne'; text-align: center; display: block;}
.alinha38 {background: #ce8908; padding: 10px 0 10px 0; margin: 20px auto 0 auto; cursor: pointer; overflow: hidden;}
.alinha38:hover {background: #84aa0b; color: white; transition: .5s;}
#ultimo-website {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 0 0 50px 0;}
#ultimo-website {background: url("img/website.jpg") #00001a top center no-repeat; overflow: hidden;}
#ultimo-website-float {width: 100%; height: auto; float: left;}
#grid6 {width: 100%; height: auto; float: right; margin: 20px 0 0 0;}
#ultimo-website-site {width: 280px; height: 226px; float: none; margin: 30px auto 0 auto; overflow: hidden;}
.alinha6 {width: 100%; float: left; color: #0f374d; font: 25px 'champagne'; text-align: left; display: none;}
.alinha7 {width: 100%; float: left; color: #fff; font: 25px 'champagne'; text-align: center; margin: 20px 0 0 0;}
.alinha8 {width: 100%; float: left; color: #fff; font: 15px 'champagne'; text-align: center;}
.alinha11 {width:100%; float:left; color:#0f374d; font: 25px 'champagne'; text-align:center; display:block; margin-top: 30px;}
.ultimo-website-mac {width: 280px; height: 226px; float: left; z-index: 9; position: absolute; overflow: hidden;}
.ultimo-website-foto {width: 275px; height: 155px; float: none; z-index: 10; position: relative; overflow: hidden; margin: 5px auto 0 auto;}

/*! VAMOS REALIZAR SEU PROJETO */
#realizar-projeto {width: 100%; height: auto; float: left; margin: 0 0 0 0; padding: 40px 0 50px 0;}
.alinha12 {width: 100%; float: left; color: #fff; font: 40px 'champagneb'; text-align: center;}
#realizar-projeto-xxx {width: 240px; float: none; margin: 0 auto 0 auto;}
.alinha14 {width: 100%; float: left; color: #fff; font: 18px 'Montserrat'; text-align: center; margin: 20px 0 0 0}

/*! INFOS */
#infos {width: 100%; height: auto; float: left; background: white; padding: 40px 0 50px 0}
#grid4 {width: 100%; height: auto; float: left; margin: 0 0 20px 0;}
.alinha15 {width: 100%; float: left; color: #000032; font: 30px 'Montserrat'; text-align: center; margin: 15px 0 0 0}
.alinha16 {width: 100%; float: left; color: #000032; font: 20px 'Montserrat'; text-align: center; margin: 15px 0 0 0}
.alinha17 {width: 100%; float: left; color: #000032; font: 20px 'Montserrat'; text-align: center; margin: 25px 0 0 0}

/*! DESENVOLVIMENTO DE WEBSITE */
#grid4E {width: 100%; height: auto; float: left; margin: 0 0 20px 0; padding-bottom: 20px; border-bottom: 3px #ddd solid;}
#servicos-outros-sites-center {width: 270px; height: 230px; float: none; margin: 0 auto 0 auto;}
.servicos-outros-sites-mac {width: 270px; height: 230px; float: left; position: absolute; z-index: 5; overflow: hidden;}
#servicos-outros-sites-foto-center {width: 95%; height: auto; float: none; margin: 0 auto 0 auto;}
.servicos-outros-sites-foto {width: 100%; height: auto; float: left; overflow: hidden;  position: relative; z-index: 10;}
.servicos-outros-sites-nome {width:100%; float:left; color:#010221; font:18px 'champagne'; text-align:center; margin-top:10px;}
.alinha0018 {width: 100%; float: left; color: #010221; font: 30px 'champagne'; display: block; text-align: center;}
.alinha0019 {width: 100%; float: left; color: #7da30a; font: 30px 'champagne'; display: block; text-align: center;}
#servicos-titulo-websites {width: auto; float: left; margin: 0 0 0 0; display: none;}

/*! MARKETING DIGITAL */
#servicos-marketing {width: 100%; height: auto; float: left; margin: 30px 0 0 0;}
.servicos-marketing-foto {width: 70%; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.servicos-marketing-nome {width:100%; float:left; color:#010221; font:18px 'champagne'; text-align:center; margin-top: 20px;}
#grid4F {width: 100%; height: auto; float: left; margin: 0 20px 30px 0; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
#servicos-titulo-marketing {width: 450px; float: none; margin: 0 auto 0 auto; display: none;}

/*! TOUR VIRTUAL */
#servicos-tour {width: 100%; height: auto; float: left; margin: 15px 0 0 0;}
#grid6A {width: 100%; height: auto; float: left; margin: 0 0 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
#servicos-titulo-tour {width: 330px; float: none; margin: 0 auto 0 auto; display: none;}
.servicos-tour-nome {width: 100%; float: left; color: #010221; font: 15px 'champagne'; text-align: center; margin-top: 30px;}
	
/*! ARTES DIGITAIS */
#grid3 {width: 100%; height: auto; float: left; margin: 0 0 20px 0; overflow: hidden;}
.cut3 :nth-child(3n){margin-right: 0!important;}
#servicos-titulo-banner {width: 345px; float: none; margin: 0 auto 0 auto; display: none;}
#servicos-artes-digitais-10k {width: 100%; height: auto; float: left; margin: 30px 0 0 0;}
.alinha20 {width: 100%; float: left; color: #010221; font: 15px 'champagne'; text-align: center;}
.alinha21 {width: 100%; float: left; color: #010221; font: 30px 'champagne'; text-align: center; margin: 0 0 0 0}
.alinha22 {width: 100%; float: left; color: #7da30a; font: 70px 'champagne'; margin: 0 0 0 0; text-align: center;}
.alinha23 {width: 100%; float: left; color: #010221; font: 18px 'champagne'; text-align: center; margin: 0 0 30px 0;}

/*! MARKETING ARTÍSTICO */
#servicos-mkt-artistico {width: 100%; height: auto; float: left; margin: -30px 0 60px 0; background: #dadada; overflow: hidden;}
.servicos-mkt-artistico-foto {width: 270px; height: auto; float: none; position: relative; z-index: 9; overflow: hidden;}
.servicos-mkt-artistico-foto {margin: 0 auto 0 auto; padding: 20px 0 0 0;}
.servicos-mkt-artistico-bg {width: 100%; height: auto; float: left; position: relative; z-index: 1; overflow: hidden;}
#grid5 {width: 100%; height: auto; float: left; overflow: hidden; background: #010231;}
#grid7 {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 20px 0 0 0; position: relative; z-index: 999999;}
#grid7 {background: #dadada;}
.alinha25 {width: 100%; float: left; color: #010221; font: 23px 'champagne'; text-align: center; margin: 0 0 15px 0;}
#grid5A {width: 100%; height: auto; float: left; overflow: hidden; background: #010231;}
#grid7A {width: 100%; height: auto; float: left; margin: -5px 0 0 0; padding: 20px 0 0 0; position: relative; z-index: 999999;}
#grid7A {background: #dadada;}
.alinha26 {width: 100%; float: left; color: #010221; font: 20px 'champagne'; text-align: center; margin: 0 0 15px 0}
#servicos-titulo-marketing-artistico {width: 510px; float: none; margin: 0 auto 0 auto; display: none;}
.alinha24 {width: 100%; float: left; color: #010221; font: 15px 'champagne'; text-align: center; margin: 20px 0 50px 0;}
	
/*! FOTOGRAFIA PROFISSIONAL */
#grid6A {width: 100%; height: auto; float: left; margin: 0 0 30px 0;; padding-bottom: 30px; border-bottom: 3px #ddd solid;}
#servicos-titulo-fotografia {width: 560px; float: none; margin: 0 auto 0 auto; display: none;}
.alinha29 {float: left; color: #010221; font: 45px 'champagne';}
.alinha30 {float: left; color: #7da30a; font: 45px 'champagne';}
#grid6B {width: 100%; height: auto; float: left; margin: 0 0 30px 0; overflow: hidden;}
	
/*! MENU TÁ ESTOURADO */
.menu-taestourado-icon-youtube {width: 45px; float: none; margin: 0 auto 20px auto; overflow: hidden;}
.menu-taestourado-icon-face-insta {width: 80px; float: none; margin: 0 auto 20px auto; overflow: hidden;}
.menu-taestourado-icon-foguete {width: 90px; float: none; margin: 0 auto 20px auto; overflow: hidden;}
.alinha32 {width: 100%; float: left; color: #010221; font: 20px 'champagne'; text-align: center; margin: 0 0 30px 0;}
.menu-taestourado-icon {width: 260px; float: none; margin: 0 auto 20px auto; overflow: hidden;}
	
/*! MENU CONTATO */
.alinha20 {width: 100%; float: left; color: #010221; font: 30px 'champagne'; text-align: center; margin: 0 0 30px 0;}
.alinha35 {width: 100%; float: left; color: #010221; font: 50px 'champagne'; text-align: center; display: block;}
#grid4G {width: 100%; float: left; margin: 0 0 20px 0; overflow: hidden;}
#grid4H {width: 100%; float: left; margin: 20px 0 30px 0; overflow: hidden;}
.enviar {width:100%; height: 60px; float:right; border: none; color: #fff; font: 20px 'champagne'; background: #99c316;}
.enviar:hover {background: #8ab013; color: white;}
.form1 {width: 99%; height: 40px; border: 0px; background: #e0e0e0; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 5px #99c316 solid;}
.form2 {width: 95%; height: 170px; border: 0px; background: #e0e0e0; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 5px #99c316 solid; margin-bottom: 30px;}

/*! REDES SOCIAIS MOBILE */
#redex-sociaix-mobilex {width: 185px; height: auto; float: none; margin: 20px auto 0 auto; display: block; overflow: hidden;}
.redex-sociaix-mobilex-icon {width: 50px; height: auto; float: left; margin: 0 5px 0 5px; overflow: hidden;}

/*! GOOGLE reCAPTCHA */
#grid4I {width: 275px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
}